*,
*:before,
*:after {
	box-sizing: border-box;
	outline: none;
}

:root {
	--main-family: 'Roboto';
	--second-family: 'Roboto Condensed';
	--main-color: #05141f;
	--white-color: #ffffff;
	--second-color: #131e29;
	--orange-color: #f3c200;
	--other-color-1: rgba(19, 30, 41, 0.5);
	--other-color-2: #697279;
	--other-color-3: #06141f;
	--other-color-4: #9ba1a5;
	--other-color-5: #f5f5f5;
}

body {
	margin: 0;
	padding: 0;
	font-family: var(--main-family);
}

.container {
	max-width: 1345px;
	padding: 0 15px;
	margin-left: auto;
	margin-right: auto;
}

a {
	text-decoration: none;
}

ul,
ol {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.center {
	text-align: center;
}
.flex {
	display: flex;
	justify-content: space-between;
}
.mt-auto {
	margin-top: auto;
}

/*
	LINKS
*/
.link-v1 {
	font-weight: 600;
	color: var(--main-color);
	/*transition: 1s;*/
}
.link-v1:hover {
}
.link-v1_1 {
	font-weight: 300;
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: underline;
	text-align: center;
	color: var(--other-color-2);
}
.link-v1_1:hover {
	text-decoration: none;
}
.link-v2 {
	font-size: 15px;
	line-height: 18px;
	color: var(--white-color);
	border-bottom: 1px solid transparent;
	transition: 1s;
}
.link-v2:hover {
	border-bottom: 1px solid #fff;
}
/*
	END LINKS
*/

/*
	BUTTONS
*/
.btn-v1 {
	display: inline-block;
	outline: none;
	border: none;
	font-weight: 600;
	font-size: 15px;
	line-height: 18px;
	padding: 21px 40px;
	color: var(--main-color);
	background-color: var(--white-color);
}
.btn-v1 > span {
	border-bottom: 1px solid transparent;
	transition: 1s;
}
.btn-v1:hover > span {
	border-bottom: 1px solid var(--main-color);
}
.btn-v2 {
	display: inline-block;
	outline: none;
	border: none;
	font-weight: 300;
	font-size: 15px;
	line-height: 18px;
	padding: 11px 30px;
	color: var(--white-color);
	background-color: var(--main-color);
}
.btn-v2.medium {
	padding: 21px 40px;
}
.btn-v2 > span {
	border-bottom: 1px solid transparent;
	transition: 1s;
}
.btn-v2:hover > span {
	border-bottom: 1px solid var(--white-color);
}
.btn-v2.white {
	color: var(--main-color);
	border: 1px solid var(--main-color);
	background-color: var(--white-color);
}
.btn-v2.white > span {
	border-bottom: 1px solid transparent;
	transition: 1s;
}
.btn-v2.white:hover > span {
	border-bottom: 1px solid var(--main-color);
}
.btn-v2.white-nobg {
	color: var(--white-color);
	border: 1px solid var(--white-color);
	background-color: transparent;
}
.btn-v3 {
	display: inline-block;
	outline: none;
	border: none;
	font-weight: 100;
	font-size: 15px;
	padding: 11px 30px;
	color: var(--white-color);
	background-color: var(--main-color);
}
/*
	END BUTTONS
*/

/*
	BACKGROUNDS
*/
.bg__dark:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgb(5 20 31 / 90%);
}
.bg__dark-2:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgb(0 0 0 / 50%);
}
.bg__color ~ .container {
	position: relative;
	z-index: 1;
	padding: 40px;
}
/*
	END BACKGROUNDS
*/

/*
	GENERAL
*/
.logo {
}
.logo-src {
	max-height: 19px;
	width: auto;
}
.title {
	font-weight: 900;
	font-size: 35px;
	line-height: 42px;
	color: var(--main-color);
	margin-bottom: 45px;
	text-transform: uppercase;
	text-align: center;
}
.title a {
	color: var(--main-color);
}
.info {
	position: absolute;
	background-image: url(../img/icons/info.svg);
	background-repeat: no-repeat;
	background-position: center;
	width: 18px;
	height: 18px;
	cursor: pointer;
	right: -25px;
	top: -2px;
}
p.v1 {
	font-size: 16px;
	line-height: 22px;
}
.conditions__popup {
	max-width: 600px;
	width: 100%;
}
.tt-none {
	text-transform: none;
}
/*
	END GENERAL
*/

/*
	FORM
*/
.form {
	max-width: 350px;
	width: 100%;
}
.form__title {
	font-weight: 600;
	font-size: 35px;
	line-height: 42px;
	text-align: center;
	color: var(--main-color);
	margin-bottom: 10px;
}
.form__group {
	margin-bottom: 20px;
}
.form__control {
	padding: 11px 10px;
	background: #ffffff;
	border: 1px solid rgba(5, 20, 31, 0.2);
	width: 100%;
	font-size: 15px;
	line-height: 18px;
	color: rgba(5, 20, 31, 0.6);
}
.form__submit {
	margin-bottom: 37px;
}
.form__submit.center {
	text-align: center;
}
.form__submit > input {
	cursor: pointer;
}
.form__success {
	display: none;
	text-align: center;
	margin-bottom: 10px;
	margin-top: -15px;
	font-size: 15px;
	color: green;
}
.form__politic {
	font-weight: 300;
	font-size: 15px;
	line-height: 18px;
	text-align: center;
	color: rgba(5, 20, 31, 0.6);
}
input[type='radio'] {
	margin-left: 4px;
}
.dealer {
	font-size: 12px;
}
/*
	END FORM
*/

/*
	HEADER
*/
.header {
	padding-top: 13px;
	padding-bottom: 12px;
}
.header__inner {
	display: flex;
	align-items: center;
}
.header__logo {
	flex: 0;
	padding-right: 28px;
	margin-right: 21px;
	border-right: 1px solid rgba(0, 0, 0, 0.4);
}
.header__logo-src {
}
.header__name {
	flex: 1;
}
.header__name-title {
	font-family: var(--main-family);
	font-weight: 600;
	font-size: 13px;
	line-height: 15px;
	color: var(--main-color);
	margin-bottom: 1px;
}
.header__name-subtitle {
	font-family: var(--main-family);
	font-weight: 300;
	font-size: 13px;
	line-height: 14px;
	color: var(--other-color-1);
}
.header__btn {
	padding-right: 50px;
	padding-left: 15px;
}
.header__address {
	font-family: var(--main-family);
	font-size: 13px;
	line-height: 14px;
	color: var(--second-color);
}
.header__phone {
	font-family: var(--main-family);
	font-size: 20px;
	margin-left: 28px;
	padding-left: 18px;
	border-left: 1px solid rgba(0, 0, 0, 0.4);
}
.header__phone a {
	display: block;
}
.header__phone-link {
}
/*
	END HEADER
*/

/*
	OFFER
*/
.offer {
	/*height: 444px;*/
	position: relative;
}
.offer__img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}
.offer__img-src {
	object-fit: cover;
	width: 100%;
	height: 100%;
	object-position: center;
}
.offer__info {
	display: inline-block;
}

.offer__title {
	font-weight: 900;
	font-size: 50px;
	line-height: 60px;
	text-align: left;
	text-transform: uppercase;
	color: var(--white-color);
	max-width: 415px;
	display: inline-block;
}
.offer__subtitle {
	font-weight: 900;
	font-size: 220px;
	color: var(--white-color);
	max-width: 355px;
	display: inline-block;
	margin: 0 30px;
}

.offer__info-bottom {
}

.offer__info-subtext {
	color: var(--white-color);
	width: 100%;
	text-align: left;
}
.offer__info-subtext > ol {
	font-family: 'Roboto Condensed';
	font-size: 16px;
	display: -webkit-inline-flex;
	-webkit-flex-wrap: wrap;
	display: inline-flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: inherit;
	margin-left: 20px;
	list-style-image: url('../img/icons/q.svg');
}
.offer__info-subtext > ol > li {
	flex-basis: 150px;
	line-height: 16px;
}
.offer__form {
	width: 320px;
	height: auto;
	max-height: 380px;
	/*/
	margin: 100px 0 0;
	/*/
	display: inline-block;
	background-color: var(--white-color);
	padding: 25px;
}
.offer__info .action-35 {
	position: relative;
}
.offer__info .action-35 img {
	max-width: 100%;
}
.offer__info .action-35 a {
	position: absolute;
	bottom: 40px;
	left: 40px;
	display: block;
	color: #fff;
	text-decoration: none;
	background: #e8013d;
	padding: 13px 20px;
	font-size: 18px;
	transition: 0.15s;
}
.offer__info .action-35 a:hover {
	background: #ff2b62;
	bottom: 43px;
}
.offer__info-footerText {
	color: #fff;
	margin-top: 35px;
	font-size: 30px;
}
.offer__form > form > .form__title {
	font-weight: 600;
	font-size: 20px;
	text-transform: uppercase;
}
.offer__form > form > .form__group span {
	font-size: 11px;
	font-weight: 100;
}
.offer__form > form > .form__politic {
	font-weight: 100;
	font-size: 11px;
}

/*
	END OFFER
*/

/*
	Actions
*/
.actions {
	padding: 50px 0px;
}
.actions__inner {
}
.actions__row {
	display: flex;
	justify-content: space-evenly;
	margin-bottom: 50px;
}
.actions__item {
	border: 1px solid var(--other-color-2);
	box-sizing: border-box;
	width: 480px;
	height: 156px;
	padding: 20px;
	position: relative;
	z-index: 10;
}
.actions__item:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, #edf2f5 2.08%, rgba(238, 242, 245, 0.8) 34.15%, rgba(238, 242, 245, 0.48) 67.8%, rgba(196, 196, 196, 0) 100%);
	z-index: -1;
}
.actions__item.not--gradient:before {
	display: none;
}
.actions__item.is--height {
	height: 100%;
}
.actions__item.is--flexColumn {
	display: flex;
	flex-direction: column;
}

.actions__item-title {
	font-size: 30px;
	font-weight: 900;
	color: var(--main-color);
	margin-bottom: 20px;
}
.actions__item-title.is--gap-xs {
	margin-bottom: 10px;
}
.actions__item-more {
	font-size: 18px;
	font-weight: 300;
	color: var(--main-color);
	max-width: 280px;
}

.actions__item-more.is--full {
	max-width: 100%;
}
/*
	END Actions
*/

/*
	Services
*/
.services {
	padding: 50px 0px 0px;
}
.services__inner {
}
.services__row {
	display: flex;
	justify-content: space-evenly;
	margin-bottom: 50px;
	background-color: var(--other-color-5);
	height: 96px;
}

.services__item-title {
	font-size: 20px;
	font-weight: 300;
	color: var(--main-color);
	line-height: 95px;
	width: 400px;
}
.services__item-img {
}
.services__item-button {
	padding-top: 30px;
}

/*
	END Services
*/

/*
	Action Form Block
*/

.action-form {
	background: linear-gradient(0deg, rgba(243, 243, 243, 0.5), rgba(243, 243, 243, 0.5)), url(../img/bg_action-form.png);
	padding: 70px 0px;
}
.action-form__inner {
	padding: 0px 50px;

	display: flex;
	justify-content: space-evenly;
}
.action-form__text {
	max-width: 40%;
}
.action-form__title {
	font-size: 25px;
	font-weight: 600;
	padding-bottom: 20px;
}
.action-form__desc {
}
.action-form__form {
	display: flex;
}
.action-form__form-input {
	width: 250px;
}
.action-form__form-input > .form__group {
	padding-right: 20px;
}
.action-form__form-submit {
}
.action-form__form-agree {
	margin-top: -20px;
}
.action-form__form-agree .form__politic {
	font-size: 12px;
}

/*
	END Action Form Block
*/

/*
	ADVANTAGES
*/
.advantages {
	padding: 50px 0px 0px 0px;
	margin-bottom: 50px;
	background-color: var(--other-color-5);
	background-image: url(../img/bg_KIA.jpg);
	background-repeat: no-repeat;
	background-position: center;
}

.advantages__inner {
	display: flex;
	flex-wrap: wrap;

	padding: 25px 0px 0px;
}
.advantages__box {
	flex: 0 0 25%;
	padding: 0px 30px;
}
.advantages__item {
	margin-bottom: 50px;
}
.advantages__item-img {
	margin-bottom: 20px;
	max-height: 150px;
	text-align: center;
	position: relative;
}

.advantages__item-src {
	height: 55px;
	width: auto;
}
.advantages__item-name {
	font-weight: 600;
	font-size: 15px;
	line-height: 22px;
	color: var(--main-color);
	text-align: center;
	text-transform: uppercase;
}
/*
	END ADVANTAGES
*/

/*
	CONTACTS
*/
.contacts {
}
.contacts__inner {
}
.contacts__map {
	position: relative;
}
.contacts__contacts {
	display: block;
	background-color: var(--white-color);
	position: absolute;
	top: 50px;
	right: 50px;
	padding: 25px;
	width: auto;
	height: auto;
	max-width: 300px;
}
.contacts__contacts-title {
	font-weight: 600;
	font-size: 18px;
	color: var(--main-color);
}
.contacts__text-p,
.contacts__contacts-phone {
	font-weight: 300;
	font-size: 14px;
	margin-bottom: 20px;
}
.contacts__text-p {
	color: var(--second-color);
}
.contacts__contacts-phone {
	color: var(--other-color-2);
}
.contacts__contacts-phone a {
	color: var(--other-color-2);
	text-decoration: none;
}
.contacts__contacts-phone a:hover {
	text-decoration: underline;
}
/*
	END CONTACTS
*/

/*
	FOOTER
*/
.footer {
	padding: 50px 0px;
	background: var(--other-color-3);
}
.footer__inner {
	display: flex;
	margin: 0 -10px;
}
.footer__text {
	flex: 2;
	padding: 0 10px;
}
.footer__text-p {
	font-size: 12px;
	line-height: 19px;
	color: var(--other-color-4);
	margin-bottom: 20px;
	margin-top: 0;
}

/*
	END FOOTER
*/
