@font-face {
	font-family: 'Xolonium';
	src: url('../fonts/Xolonium.eot');
	src: url('../fonts/Xolonium.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Xolonium.woff2') format('woff2'),
		url('../fonts/Xolonium.woff') format('woff'),
		url('../fonts/Xolonium.ttf') format('truetype'),
		url('../fonts/Xolonium.svg#Xolonium') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Xolonium';
	src: url('../fonts/Xolonium-Bold.eot');
	src: url('../fonts/Xolonium-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Xolonium-Bold.woff2') format('woff2'),
		url('../fonts/Xolonium-Bold.woff') format('woff'),
		url('../fonts/Xolonium-Bold.ttf') format('truetype'),
		url('../fonts/Xolonium-Bold.svg#Xolonium-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat';
	src: url('../fonts/Montserrat-Light.eot');
	src: url('../fonts/Montserrat-Light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Montserrat-Light.woff2') format('woff2'),
		url('../fonts/Montserrat-Light.woff') format('woff'),
		url('../fonts/Montserrat-Light.ttf') format('truetype'),
		url('../fonts/Montserrat-Light.svg#Montserrat-Light') format('svg');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat';
	src: url('../fonts/Montserrat-Bold.eot');
	src: url('../fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Montserrat-Bold.woff2') format('woff2'),
		url('../fonts/Montserrat-Bold.woff') format('woff'),
		url('../fonts/Montserrat-Bold.ttf') format('truetype'),
		url('../fonts/Montserrat-Bold.svg#Montserrat-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

:root {
	--accent: #EA580C;
	--accent-hover: #963300;
	--white: #FBFBFB;
	--primary: #151419;
	--secondary: #262626;
	--tertiary: #878787;
}

html {
	scroll-behavior: smooth;
}

body {
	padding: 0;
	margin: 0;
	font-family: 'Montserrat';
	font-weight: 300;
	font-size: 20px;
	color: var(--white);
	background: var(--primary);
}

body::-webkit-scrollbar {
	width: 2px;
	background-color: var(--primary);
}

body::-webkit-scrollbar-thumb {
	background-color: var(--accent);
	border-radius: 50px;
}

* {
	box-sizing: border-box;
}

ul,
li {
	display: block;
	padding: 0;
	margin: 0;
}

span {
	padding: 0;
	margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	padding: 0;
	margin: 0;
}

h1,
.title1 {
	font-weight: bold;
	font-size: 56px;
	font-family: 'Xolonium';
	color: var(--white);
	text-transform: uppercase;
}

h2,
.title2 {
	font-weight: bold;
	font-size: 40px;
	font-family: 'Xolonium';
	color: var(--white);
	text-transform: uppercase;
}

.title3 {
	font-size: 24px;
	font-weight: bold;
	color: var(--white);
	font-family: 'Xolonium';
}

.accent-white {
	font-size: 18px;
	font-weight: bold;
	color: var(--white);
	font-family: 'Xolonium';
}

a {
	text-decoration: none;
	font-family: 'Xolonium';
	color: var(--white);
}

p {
	margin: 0;
	padding: 0;
}

.body_1 {
	font-size: 20px;
	font-weight: 300;
	color: var(--white);
	opacity: 0.8;
	font-family: 'Montserrat';
	line-height: 1.4em;
}

.body_2 {
	font-size: 16px;
	font-weight: 300;
	color: var(--white);
	opacity: 0.8;
	font-family: 'Montserrat';
	line-height: 1.4em;
}

.body_3 {
	font-size: 14px;
	font-weight: 300;
	color: var(--white);
	opacity: 0.8;
	font-family: 'Montserrat';
	line-height: 1.4em;
}

.text-bold {
	font-weight: bold;
}

img {
	display: block;
	object-fit: cover;
}

button {
	padding: 0;
	margin: 0;
	border: none;
	cursor: pointer;
	background: transparent;
	font-family: 'Xolonium';
}

button:active,
button:focus {
	outline: none;
}

input,
select {
	outline: none;
	border: none;
}

input[type="email"],
input[type="tel"],
input[type="text"],
textarea {
	border-radius: 0;
	background: var(--white);
	border: 1px solid var(--tertiary);
	padding: 12px;
	color: var(--primary);
	font-family: 'Montserrat';
	font-size: 18px;
	font-weight: 300;
}

input:active {
	outline: none;
}

input::placeholder {
	color: var(--tertiary);
	opacity: 0.8;
}

input:focus::placeholder {
	color: var(--primary);
	opacity: 1;
}

:focus {
	outline: none;
}

button::-moz-focus-inner {
	border: 0;
}

.container {
	width: 1296px;
	margin: 0 auto;
	position: relative;
}

.btn {
	padding: 12px 40px;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.2em;
	text-transform: uppercase;
	transition: .5s ease;
}

.btn:hover {
	background: var(--accent-hover);
	border: 1px solid var(--accent-hover);
	color: var(--white);
	transition: .5s ease;
}

.btn-primary {
	background: var(--accent);
	border: 1px solid var(--accent);
	color: var(--white);
	transition: .5s ease;
}

.btn-secondary {
	background: transparent;
	border: 1px solid var(--accent);
	color: var(--accent);
	transition: .5s ease;
}

.padding-120-60 {
	padding: 120px 0 60px;
}

.padding-60-120 {
	padding: 60px 0 120px;
}

.padding-60 {
	padding: 60px 0;
}

.mt-60 {
	margin-top: 60px;
}

.color-accent {
	color: var(--accent);
}

.new-line {
	display: block;
}

/* header */
.header-top {
	background: rgba(135, 135, 135, 40%);
	padding: 16px 0;
}

.top-line {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.top-line__menu {
	display: flex;
	align-items: center;
}

.menu-item-secondary:not(:last-of-type) {
	margin-right: 24px;
}

.menu-item-secondary a {
	font-size: 14px;
	line-height: 16px;
	color: var(--white);
	font-weight: 700;
	opacity: 0.8;
	text-transform: uppercase;
	transition: .5s ease;
}

.menu-item-secondary a:hover {
	opacity: 1;
	transition: .5s ease;
}

.menu-item-secondary.active a {
	color: var(--accent);
	transition: .5s ease;
}

.sticky-bar {
	position: fixed;
	top: 0;
	z-index: 999;
	width: 100%;
	height: auto;
	transform: translateY(-131px);
	transition: .5s ease;
}

.header-sticky.sticky-bar {
	transform: translateY(0);
	background: var(--primary);
	transition: .5s ease;
}

.links__phone {
	display: none;
}

.top {
	padding: 24px 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.logo-link {
	width: 94px;
	display: flex;
}

.logo-link img {
	width: 100%;
}

.top__content {
	display: flex;
	align-items: center;
}

.top__main-menu {
	margin-right: 56px;
}

.main-menu {
	display: flex;
	align-items: center;
}

.main-menu__item:not(:last-of-type) {
	margin-right: 24px;
}

.main-menu__link {
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	color: var(--white);
	opacity: 0.8;
	transition: .5s ease;
}

.main-menu__link:hover {
	opacity: 1;
	transition: .5s ease;
}

.main-menu__link.active {
	color: var(--accent);
	opacity: 1;
}

.top__links {
	display: flex;
	align-items: center;
}

.links__icon {
	width: 32px;
	min-width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all .5s ease;
}

.links__icon svg path {
	transition: all .5s ease;
}

.links__icon:hover svg path {
	fill: var(--accent-hover);
	transition: all .5s ease;
}

.links__icon.active svg path {
	fill: var(--accent);
	transition: all .5s ease;
}

.links__icon:not(:last-of-type) {
	margin-right: 12px;
}

/* offer */
.offer {
	position: relative;
	overflow: hidden;
	height: 648px;
}

.offer__bg {
	display: flex;
	justify-content: space-between;
	position: absolute;
	height: 100%;
	width: 100%;
}

.offer__left {
	position: absolute;
	width: 50%;
	height: 100%;
	top: 0;
	left: 0;
}

.offer__left img {
	position: absolute;
	width: 1081px;
	bottom: 0;
	right: 34px;
}

.offer__right {
	position: absolute;
	width: 43%;
	background: var(--secondary);
	height: 100%;
	top: 0;
	right: 0;
}

.offer .container {
	position: relative;
	z-index: 2;
	height: 100%;
}

.main-wrap {
	display: flex;
	position: relative;
	height: 100%;
}

.main-wrap__text {
	padding: 96px 0 60px;
	width: 746px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.main-wrap__desc {
	margin-bottom: 50px;
	width: 526px;
	max-width: 100%;
}

.main-wrap__img {
	position: relative;
}
.main-wrap__img-mobile {
	display: none;
}
.main-wrap__img img {
	position: absolute;
	left: -250px;
	top: 50%;
	transform: translate(0, -50%);
}

.main-wrap__btn {
	display: inline-block;
}

/* preview */
.preview {
	padding: 120px 0 60px;
}

.wrap__heading {
	margin-bottom: 60px;
	display: flex;
}

.wrap__heading_space-between {
	justify-content: space-between;
	align-items: center;
}

.preview .heading__title {
	width: 800px;
}

.tab-btn {
	padding: 8px 0;
	font-size: 18px;
	font-weight: 700;
	color: var(--white);
	border-bottom: 2px solid transparent;
	text-transform: uppercase;
	transition: .5s ease;
	opacity: 0.8;
}

.tab-btn:not(:last-of-type) {
	margin-right: 20px;
}

.tab-btn:hover {
	border-bottom: 2px solid var(--white);
	transition: .5s ease;
}

.tab-btn-active {
	pointer-events: none;
	border-bottom: 2px solid var(--accent);
	transition: .5s ease;
	opacity: 1;
}

.tab-pane:not(.tab-pane-show) {
	display: none;
}

.tab-pane.tab-pane-show {
	display: block;
}

.wrap__models-cards {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
}

.models-card {
	border: 1px solid var(--tertiary);
	background: var(--primary);
	overflow: hidden;
	position: relative;
	transition: .5s ease;
}

.models-card:hover {
	border: 1px solid var(--accent);
	transition: .5s ease;
}

.models-card__compare {
	position: absolute;
	top: 12px;
	right: 12px;
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 2;
	transition: .5s ease;
}

.models-card__compare svg path {
	transition: .5s ease;
}

.models-card__compare:hover svg path {
	fill: var(--accent-hover);
	transition: .5s ease;
}

.models-card__compare:active svg path {
	fill: var(--accent);
	transition: .5s ease;
}

.models-card__image {
	width: 100%;
	height: 230px;
	position: relative;
}

/* .models-card__image::before {
	content: '';
	width: 131px;
	height: 131px;
	background: transparent;
	border: 20px solid var(--accent);
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	border-radius: 100%;
} */

.models-card__image::before {
	content: '';
	width: 100%;
	height: 100%;
	background: url('../img/models/Ellipse.svg') no-repeat center center;
	position: absolute;
	left: 0;
	top: 0;
}

.models-card__image img {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1;
}

.models-card__model-more {
	padding: 24px 12px;
}

.model-more__price {
	color: var(--white);
	font-size: 18px;
	font-weight: 700;
	margin-top: 20px;
	display: block;
}

.model-more__name {
	transition: .5s ease;
}

.models-card:hover .model-more__name {
	color: var(--accent);
	transition: .5s ease;
}

.model-more__details {
	margin-top: 20px;
}

.details__item {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.details__item p:first-of-type {
	width: 65%;
}

.details__item p:last-of-type {
	width: 35%;
}

.details__item:not(:last-of-type) {
	margin-bottom: 10px;
}

.model-more__btn {
	margin-top: 20px;
	width: 100%;
	padding: 12px 0;
	display: block;
	text-align: center;
}

.wrap__section-btn {
	margin-top: 40px;
	display: flex;
}

/* about-home */
.about-home .wrap {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 24px;
	height: 350px;
}

.about-home .wrap__heading {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding-right: 110px;
	margin: 0;
}

.about-home .heading__text {
	opacity: 0.8;
}

.about-home .heading__text:not(:last-of-type) {
	margin-bottom: 12px;
}

.about-home .heading__btn {
	margin-top: 40px;
	display: inline-block;
}

.wrap__company-info {
	width: 100%;
    height: fit-content;
	position: relative;
}

.wrap__company-info img {
	width: 100%;
	height: auto;
}

.wrap__company-info button {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 62px;
	height: 62px;
	z-index: 3;
}

/* fresh-news */
.wrap__section-cards {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
}

.section-card {
	position: relative;
}

.section-card__image {
	width: 100%;
	height: 230px;
	position: relative;
}

.section-card__image::after {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	background: var(--secondary);
	opacity: 0.7;
	left: 0;
	top: 0;
	z-index: 2;
}

.section-card__image img {
	width: 100%;
	height: 100%;
}

.section-card__model-more {
	margin-top: 24px;
}

.section-card__name {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	/* number of lines to show */
	line-clamp: 3;
	-webkit-box-orient: vertical;
	transition: all .5s ease;
}

.section-card__desc {
	margin-top: 20px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	/* number of lines to show */
	line-clamp: 3;
	-webkit-box-orient: vertical;
}

.section-card:hover .section-card__name {
	color: var(--accent);
	transition: all .5s ease;
}

/* selection-form */
.selection-form .wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.selection-form .wrap__heading {
	width: 660px;
	flex-direction: column;
	margin: 0;
}

.selection-form .heading__form {
	margin-top: 40px;
}

.selection-form .form__group {
	display: block;
	width: 100%;
	margin-bottom: 20px;
}

.selection-form .form__group_col2 {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}

.form__group input {
	width: 100%;
	transition: all .5s ease;
}

.form__group textarea {
	width: 100%;
	height: 92px;
	transition: all .5s ease;
}

.form__group input:hover,
.form__group textarea:hover {
	border: 1px solid var(--accent);
	transition: all .5s ease;
}

.form__group input:invalid,
.form__group textarea:invalid {
	border-color: #DC2626;
}

.form__group input.valid,
.form__group textarea.valid {
	border-color: #16A34A;
	color: #16A34A;
}

.form__group input:disabled,
.form__group textarea:disabled {
	opacity: 0.5;
}

.required {
	position: relative;
}

.required::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 12px;
	transform: translate(0, -50%);
	width: 8px;
	height: 8px;
	background: var(--accent);
	z-index: 1;
	border-radius: 100%;
}

.selection-form .wrap__image {
	width: 612px;
}

.selection-form .wrap__image img {
	width: 100%;
}

/* footer */
.footer {
	padding: 32px 0 20px;
	border-top: 1px solid var(--tertiary);
}

.footer .wrap {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
}

.wrap__footer-info {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 196px;
}

.footer-info__logo {
	width: 94px;
}

.wrap__footer-content {
	display: flex;
}

.footer-content__item:not(:last-of-type) {
	margin-right: 24px;
}

.footer-content__item:nth-child(n+1):nth-child(-n+2) {
	width: 220px;
}

.footer-content__item:nth-child(n+3):nth-child(-n+4) {
	width: 282px;
}

.footer-content__title {
	text-transform: uppercase;
}

.footer-content__list {
	margin-top: 24px;
}

.footer-content__list li:not(:last-of-type) {
	margin-bottom: 16px;
}

.footer-content__list li a {
	text-transform: uppercase;
	font-size: 14px;
}

.footer-content__contact {
	margin-top: 12px;
}

.footer-content__contact p {
	margin-top: 8px;
}

.footer-info__privacy_mobile {
	display: none;
}


/* catalog page */
.breadcrumbs {
	padding: 20px 0 0;
}

.wrap__breadcrumbs-list {
	display: flex;
	align-items: center;
	width: 100%;
}

.breadcrumbs-list__item {
	position: relative;
}

.breadcrumbs-list__item:not(:last-of-type) {
	margin-right: 36px;
}

.breadcrumbs-list__item:not(:last-of-type)::after {
	position: absolute;
	content: '';
	color: var(--tertiary);
	width: 20px;
	height: 1px;
	background: var(--tertiary);
	right: -38px;
	transform: translate(-50%, -50%);
	top: 52%;
	opacity: 0.6;
}

.breadcrumbs-list__link {
	transition: all .5s ease;
	color: var(--tertiary);
	opacity: 1;
}

.breadcrumbs-list__no-link {
	transition: all .5s ease;
	color: var(--white);
}

.wrap__catalog-cards {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 24px;
}

.catalog-card {
	border: 1px solid var(--tertiary);
	background: var(--primary);
	transition: all .5s ease;
}

.catalog-card__image {
	width: 100%;
	height: 240px;
	position: relative;
}

.catalog-card__image svg {
	width: 175px;
	position: absolute;
	z-index: 0;
	top: 0;
	right: 0;
}

.catalog-card__image svg path {
	transition: all .5s ease;
}

.catalog-card:hover .catalog-card__image svg path {
	fill: var(--primary);
	transition: all .5s ease;
}

.catalog-card:hover {
	background: var(--accent);
	transition: all .5s ease;
}

.catalog-card__image img {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 2;
}

.catalog-card__title {
	padding: 24px 0;
	text-align: center;
	text-transform: uppercase;
}

/* one-model page */
.wrap__heading_left .heading__title {
	display: inline-block;
}

.wrap__heading .heading__price {
	color: var(--accent);
}

.one-model-content__model-specifications {
	display: flex;
	justify-content: space-between;
	align-items: start;
}

.double-slider {
	width: 636px;
}

.double-slider__big-image .swiper-slide {
    border: 2px solid var(--primary);
    overflow: hidden;
    display: flex;
    align-items: center;
    max-height: 450px;
}

.double-slider__big-image .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.double-slider__mini {
	margin-top: 24px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.double-slider__small-image {
	width: 100%;
	height: 95px;
}

.double-slider__small-image .swiper-slide {
	border: 2px solid var(--primary);
	overflow: hidden;
}

.double-slider__small-image .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.double-slider__small-image .swiper-slide.swiper-slide-thumb-active {
	border: 2px solid var(--accent);
}

.mini__arrow {
	min-width: 24px;
	height: 24px;
	background: var(--white);
	border-radius: 2px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: .5s ease;
}

.mini__arrow:hover {
	background: var(--accent-hover);
	transition: .5s ease;
}

.mini__arrow svg path {
	transition: .5s ease;
}

.mini__arrow:hover svg path {
	fill: #fff;
}

.mini__arrow_prev {
	margin-right: 12px;
}

.mini__arrow_next {
	margin-left: 12px;
}

.model-specifications__teh-characteristic {
	width: 636px;
	max-width: 100%;
}

.teh-characteristic__title {
	padding-bottom: 20px;
	border-bottom: 2px solid var(--tertiary);
}

.teh-characteristic__table {
	display: grid;
	grid-template-columns: 1fr;
	gap: 12px;
	margin-top: 20px;
}

.teh-characteristic__item {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px;
}
.teh-characteristic__item.tech2 {
    grid-template-columns: repeat(1, 1fr);
}
.one-model-content__model-desc {
	margin-top: 40px;
	padding-top: 20px;
}

.model-desc__model-info {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 2px solid var(--tertiary);
}

.model-info__text {
	margin-top: 16px;
}

/* submit-an-application */
.block-submit__title {
	color: #fff;
}

.block-submit__submit-option {
	padding: 40px 0;
	border-bottom: 2px solid var(--tertiary);
}

.submit-option__variants {
	margin-top: 24px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 12px 24px;
}

.variants__checkbox {
	display: flex;
}

/*custom checkbox ->*/
.checkbox {
	position: absolute;
	z-index: -1;
	opacity: 0;
}

.checkbox+label {
	display: inline-flex;
	align-items: center;
	user-select: none;
}

.checkbox+label::before {
	content: '';
	display: inline-block;
	width: 24px;
	min-width: 24px;
	height: 24px;
	border-radius: 4px;
	background-repeat: no-repeat;
	background-position: center center;
	border: 1px solid var(--tertiary);
	margin-right: 16px;
	background-color: var(--white);
	cursor: pointer;
}

.checkbox:checked+label::before {
	background-color: var(--accent);
	border: 1px solid var(--accent);
	background-image: url("../img/check.svg");
}

/* стили для чекбокса, находящегося в состоянии disabled */
.checkbox:disabled+label::before {
	background-color: var(--tertiary);
}

.variants__checkbox label {
	color: #fff;
	display: flex;
	align-items: center;
	cursor: pointer;
	width: 100%;
}

.variants__checkbox label span {
	opacity: 0.6;
	margin-left: 10px;
	min-width: 120px;
	text-align: right;
}
.variants__checkbox label p
{
    width: 100%;
}
/*<- custom checkbox*/

.submit-option__total {
	margin-top: 24px;
	display: flex;
	align-items: center;
}

.total__title {
	margin-right: 12px;
}

.block-submit__submit-form {
	margin-top: 40px;
}

.submit-form__form {
	margin-top: 24px;
}

.form__group_col3 {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
	margin-bottom: 24px;
}

.submit-form__form .form__privacy {
	margin-top: 20px;
}

.submit-form__form .form__privacy label div {
	display: flex;
	align-items: center;
	gap: 6px;
}

.form__btn {
	margin-top: 40px;
}

/* about page */
.about .wrap {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 24px;
}

.about .wrap__heading {
	flex-direction: column;
	margin: 0;
}

.heading__triggers {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 24px;
	border-top: 2px solid var(--tertiary);
	border-bottom: 2px solid var(--tertiary);
	padding: 12px 0;
}

.heading__texts {
	margin-top: 40px;
}

.heading__texts p:not(:last-of-type) {
	margin-bottom: 12px;
}

/* why */
.why .wrap {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}

.wrap__image-content {
	width: 416px;
}

.wrap__image-content img {
	width: 100%;
}

.wrap__image-content img:not(:last-of-type) {
	margin-bottom: 24px;
}

.why .wrap__heading {
	margin: 0;
	flex-direction: column;
	width: 856px;
}

.why .heading__list li:not(:last-of-type) {
	margin-bottom: 16px;
}

.why .heading__list li {
	position: relative;
	margin-left: 20px;
}

.why .heading__list li::before {
	content: '';
	position: absolute;
	width: 8px;
	height: 8px;
	background: var(--accent);
	border-radius: 100%;
	top: 5px;
	left: -18px;
}

/* contacts */
/* .contact-block__header {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 24px;
} */

.contact-block__main-info {
	display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-bottom: 24px;
}

.contact-block__item {
	padding: 20px;
	background: var(--secondary);
}

.contact-block__title {
	padding-bottom: 16px;
	margin-bottom: 16px;
	border-bottom: 1px solid var(--tertiary);
}

.text-block__title {
	color: var(--tertiary);
}

.contact-block__text-block .text-block__title {
	margin-bottom: 8px;
}

.contact-block__text-block:not(:last-of-type) {
	margin-bottom: 10px;
}

.contact-block__map {
	width: 100%;
    max-width: 100%;
    height: 400px;
    overflow: hidden;
}

.contact-block__map iframe {
	width: 100%;
	height: 100%;
}

.contact-block__footer {
	margin-top: 24px;
}

.contact-block__footer .contact-block__item {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}

.contact-block__footer .contact-block__item .contact-block__title {
	width: 603px;
	max-width: 100%;
	border-bottom: none;
	padding: 0;
	margin: 0;
}

.contact-block__footer .contact-block__item .contact-block__line {
	width: 1px;
	height: 100%;
	display: block;
	background: var(--tertiary);
}

.contact-block__footer .contact-block__item .contact-block__text-table {
	width: 603px;
	max-width: 100%;
}

.contact-block__footer .text-table__text-block:not(:first-of-type) {
	margin-top: 10px;
}

.contact-block__footer .text-table__text-block {
	display: flex;
	align-items: center;
}

.contact-block__footer .text-block__title {
	width: 35%;
}

.contact-block__footer .text-block__desc {
	width: 65%;
}

.wrap__skills {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}

.skill-card {
	background: var(--secondary);
	padding: 20px;
	display: flex;
	flex-direction: column;
}

.skill-card__title {
	padding-bottom: 16px;
	margin-bottom: 16px;
	border-bottom: 1px solid var(--tertiary);
	min-height: 73px;
}

/* news */
.content__pagination {
	margin-top: 40px;
	display: flex;
	align-items: center;
}

.pagination__item:not(:last-of-type) {
	margin-right: 12px;
}

.pagination__item {
	min-width: 32px;
	height: 32px;
	background: var(--white);
	font-size: 18px;
	font-family: 'Xolonium';
	font-weight: bold;
	color: var(--primary);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: .5s ease;
}

.pagination__item:hover {
	background: var(--accent-hover);
	color: var(--white);
	transition: .5s ease;
}

.pagination__item.active {
	background: var(--accent);
	color: var(--white);
	transition: .5s ease;
}

.pagination__arrow svg path {
	transition: .5s ease;
}

.pagination__arrow:hover svg path {
	fill: var(--white);
	transition: .5s ease;
}

/* one-news */
.one-news .heading__title {
	width: 1186px;
	max-width: 100%;
}

.wrap__one-news-content {
	display: flex;
	justify-content: space-between;
	align-items: start;
}

.one-news-content__info {
	width: 636px;
	max-width: 100%;
	color: var(--secondary);
}

.one-news-content__date {
	color: var(--tertiary);
}

.one-news-content__desc {
	margin-top: 12px;
}

/* gallery page */
.content__photo,
.content__videos,
.content__docs-owners {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}

.content__photo .content__img {
	display: flex;
	height: 312px;
}

.content__photo .content__img img {
	width: 100%;
	height: 100%;
}

.content__video {
	overflow: hidden;
	height: 254px;
	display: flex;
	justify-content: center;
}

.content__video video {
	width: 100%;
	height: 100%;
}

.content__video picture {
	width: 100%;
}

.content__video img {
	width: 100%;
	height: 100%;
}

/* docs page */
.docs-owner__title {
	font-size: 18px;
}

.docs-owner__img {
    border: 1px solid var(--tertiary);
    overflow: hidden;
    height: auto;
    display: block;
    max-height: 500px;
}

.docs-owner__img img {
	width: 100%;
	height: 100%;
}

.docs-owner__title {
	margin-top: 8px;
	text-align: center;
}

/* compare page */
.compare .wrap__models-cards {
	background: var(--secondary);
	padding: 20px;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
}

.compare .models-card {
	border: none;
	background: var(--secondary);
	overflow: visible;
}

.compare .models-card:not(:first-of-type)::before {
	content: '';
	position: absolute;
	width: 1px;
	height: 100%;
	top: 0;
	left: -12px;
	background: var(--tertiary);
}

.wrap__compare-block {
	padding: 20px;
	background: var(--secondary);
	margin-top: 40px;
}

.compare-block__compare-heading {
	margin-bottom: 24px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.compare-heading__switch {
	display: flex;
	align-items: center;
}

.compare-heading__switch p {
	margin-right: 12px;
}

/* Переключатель - switch */
.switch {
	position: relative;
	display: inline-block;
	width: 40px;
	height: 20px;
}

/* Скрыть флажок HTML по умолчанию */
.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

/* Ползунок */
.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: var(--white);
	-webkit-transition: .4s;
	transition: .4s;
}

.slider:before {
	position: absolute;
	content: "";
	height: 16px;
	width: 16px;
	left: 2px;
	bottom: 2px;
	background-color: var(--primary);
	-webkit-transition: .4s;
	transition: .4s;
}

input:checked+.slider {
	background-color: var(--accent);
}

input:checked+.slider:before {
	-webkit-transform: translateX(20px);
	-ms-transform: translateX(20px);
	transform: translateX(20px);
	background: var(--white);
	transition: .4s;
}

/* Закругленные ползунки */
.slider.round {
	border-radius: 34px;
}

.slider.round:before {
	border-radius: 50%;
}
/*<--*/

.compare-content__compare-item:not(:last-of-type) {
	margin-bottom: 20px;
}

.compare-item__title {
	color: var(--tertiary);
	position: relative;
	display: inline-block;
}

.compare-content__compare-item.difference .compare-item__title::after {
	content: '';
	position: absolute;
	width: 8px;
	height: 8px;
	border-radius: 100%;
	background: var(--accent);
	top: 0;
	right: -8px;
}

.compare-item__param {
	margin-top: 4px;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
}

.compare-item__param p {
	position: relative;
}

.compare-item__param p:not(:first-of-type)::before {
	content: '';
	position: absolute;
	width: 1px;
	height: 100%;
	top: 0;
	left: -12px;
	background: var(--tertiary);
}

.compare-item__param p.no-info {
	opacity: 0.3;
}

/* faq page */
.offer_other .main-wrap__text {
    padding: 0 0 38px;
}

.offer_other .main-wrap__title {
	margin-top: 60px;
}

.offer_other .main-wrap__contact {
	margin-top: 24px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.offer_other .main-wrap__info {
	width: 636px;
}

.offer_other .main-wrap__desc {
	width: 100%;
	margin: 0;
}

.faq .wrap {
	display: flex;
	align-items: start;
	justify-content: space-between;
}

.wrap__nav-col {
	width: 306px;
}

.nav-col {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.nav-col .tab-btn {
	margin: 0;
	text-align: left;
}

.wrap__content-col {
	width: 966px;
}

.content-col:not(:first-of-type) {
	padding-top: 120px;
}

.accordion__item {
	padding: 24px 0;
}

.accordion__item:first-of-type {
	border-top: 1px solid var(--tertiary);
	border-bottom: 1px solid var(--tertiary);
}

.accordion__item:not(:first-of-type) {
	border-bottom: 1px solid var(--tertiary);
}

.accordion__arrow {
	transition: all .5s ease;
}

.accordion__item.active .accordion__arrow {
	transform: rotate(180deg);
	transition: all .5s ease;
}

.accordion__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
}

.accordion__title {
	text-transform: uppercase;
}

.accordion__body {
	padding-top: 12px;
}

.accordion__list li {
	display: list-item;
	margin-left: 30px;
	position: relative;
}

/*burger menu*/
#nav-icon {
	width: 23px;
	height: 17px;
	position: relative;
	transform: rotate(0deg);
	transition: .5s ease-in-out;
	cursor: pointer;
	z-index: 999;
	display: none;
	;
}

#nav-icon span {
	display: block;
	position: absolute;
	height: 3px;
	width: 100%;
	background: var(--tertiary);
	border-radius: 10px;
	opacity: 1;
	left: 0;
	transform: rotate(0deg);
	transition: .25s ease-in-out;
}

#nav-icon:hover span {
	background: var(--accent-hover);
	transition: .25s ease-in-out;
}

#nav-icon span:nth-child(1) {
	top: 0px;
}

#nav-icon span:nth-child(2),
#nav-icon span:nth-child(3) {
	top: 8px;
}

#nav-icon span:nth-child(4) {
	top: 16px;
}

#nav-icon.open span:nth-child(1) {
	top: 18px;
	width: 0%;
	left: 50%;
}

#nav-icon.open span:nth-child(2) {
	transform: rotate(45deg);
}

#nav-icon.open span:nth-child(3) {
	transform: rotate(-45deg);
}

#nav-icon.open span:nth-child(4) {
	top: 18px;
	width: 0%;
	left: 50%;
}

.top__mobile-menu {
	display: none;
	position: absolute;
	top: 90px;
	left: 0;
	width: 100%;
	background: var(--primary);
	height: calc(100vh - 90px);
}

.mobile-menu {
	overflow-y: scroll;
	height: inherit;
	position: relative;
	padding: 24px 12px;
}

.mobile-menu__list {
	padding: 0 0 10px;
}

.mobile-menu__item:not(:last-of-type) {
	margin-bottom: 15px;
}

.mobile-menu__link {
	text-transform: uppercase;
	color: var(--white);
	font-size: 16px;
	font-weight: 600;
}

.mobile-menu__link.active {
	color: var(--accent);
}

.mobile-menu__phone {
	margin-top: 24px;
}

.mobile-menu__tel {
	display: block;
	color: var(--white);
}

body.noscroll {
	overflow: hidden;
}

.mobile-menu__phone a {
    margin-bottom: 10px;
}

/* Responsive */
@media (max-width: 1368px) {
	.container {
		width: 1140px;
	}

	h1,
	.title1 {
		font-size: 48px;
	}

	.main-wrap__img img {
		left: -350px;
	}

	h2,
	.title2 {
		font-size: 27px;
	}

	/* preview */
	.preview .heading__title {
		width: 640px;
		max-width: 100%;
	}

	.models-card__image {
		height: 200px;
	}

	/* selection-form */
	.selection-form .wrap__image {
		width: 462px;
	}

	/* about-home */
	.about-home .wrap__heading {
		padding-right: 0;
	}

	/* footer */
	.footer-content__item:nth-child(n+1):nth-child(-n+2) {
		width: 150px;
	}

	/* catalog page */
	.wrap__catalog-cards {
		grid-template-columns: repeat(3, 1fr);
	}

	.catalog-card__image {
		height: auto;
	}

	/* one-model page */
	.model-specifications__teh-characteristic,
	.one-news-content__info {
		width: 480px;
	}

	/* about page */
	.wrap__image-content {
		width: 390px;
	}

	.why .wrap__heading {
		width: 726px;
	}

	/* contacts page */
	.contact-block__map {
		width: 590px;
	}

	.contact-block__footer .contact-block__item {
		grid-template-columns: 1fr;
		gap: 16px;
	}

	.contact-block__footer .contact-block__item .contact-block__line {
		width: 100%;
		height: 1px;
		margin: 0;
	}

	.contact-block__footer .contact-block__item .contact-block__text-table {
		width: 100%;
	}

	.contact-block__footer .text-block__title {
		width: 50%;
	}

	.contact-block__footer .text-block__desc {
		width: 50%;
	}

	/* docs page */
	.docs-owner__img {
		height: auto;
	}

	/* faq page */
	.wrap__content-col {
		width: 810px;
	}
	


	/* .any-questions .form__btn {
		width: 260px;
	}
	.contact-block__map {
		width: 590px;
	}
	.contact-block__footer .contact-block__item {
		grid-template-columns: 1fr;
		gap: 16px;
	}
	.contact-block__footer .contact-block__item .contact-block__line {
		width: 40px;
		height: 4px;
		margin: 0;
	}
	.contact-block__footer .contact-block__item .contact-block__text-table {
		width: 100%;
	}
	.content__photo .content__img {
		height: auto;
	}
	.news-card__img {
		height: 234px;
	}
	.one-news .heading__title {
		width: 1026px;
	} */


}

@media (max-width: 1199px) {
	.container {
		width: 960px;
	}

	.main-wrap__text {
		width: 486px;
	}

	.body_1 {
		font-size: 18px;
	}

	.main-wrap__img img {
		left: -120px;
		width: 740px;
	}

	.preview .wrap__heading {
		flex-direction: column;
		align-items: start;
	}

	.preview .heading__tabs-btn {
		margin-top: 20px;
	}

	.wrap__models-cards {
		grid-template-columns: repeat(2, 1fr);
	}

	.models-card__image {
		height: 350px;
	}

	.models-card__image::before {
		background: url(../img/models/Ellipse.svg) no-repeat center center / 50%;
	}

	.details__item p:last-of-type {
		text-align: right;
	}

	.title3 {
		font-size: 20px;
	}

	.section-card__image {
		height: 170px;
	}

	.selection-form .wrap {
		align-items: end;
	}

	.selection-form .wrap__image {
		width: 282px;
	}

	.footer-content__item:nth-child(n+1):nth-child(-n+2) {
		width: 140px;
	}

	.footer-content__item:nth-child(n+3):nth-child(-n+4) {
		width: 202px;
	}

	.footer-content__list li a {
		font-size: 12px;
	}

	/* one-model page */
	.double-slider {
		width: 468px;
	}

	.model-specifications__teh-characteristic,
	.one-news-content__info {
		width: 468px;
	}

	/* about page */
	.about .wrap {
		grid-template-columns: 1fr;
	}

	.why .wrap {
		flex-direction: column-reverse;
	}

	.wrap__image-content {
		width: 100%;
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 24px;
		margin-top: 24px;
	}

	.wrap__image-content img:not(:last-of-type) {
		margin-bottom: 0;
	}

	.why .wrap__heading {
		width: 100%;
	}

	/* contacts page */
	.contact-block__main-info,
	.contact-block__map {
		width: 100%;
	}

	.contact-block__footer .text-table__text-block {
		gap: 24px;
	}

	/* gallery page */
	.content__photo,
	.content__videos,
	.content__docs-owners {
		grid-template-columns: repeat(2, 1fr);
	}

	.content__photo .content__img {
		height: auto;
	}

	/* docs page */
	.content__certificates {
		grid-template-columns: repeat(3, 1fr);
	}

	/* compare page */
	.compare .models-card__image {
		height: auto;
	}

	/* faq page */
	.faq .wrap {
		flex-direction: column;
	}

	.wrap__nav-col {
		width: 100%;
	}

	.nav-col {
		align-items: center;
		flex-wrap: wrap;
		flex-direction: row;
		gap: 16px;
	}

	.wrap__content-col {
		margin-top: 40px;
		width: 100%;
	}




	/* .main-menu__item:not(:last-of-type) {
		margin-right: 26px;
	}
	.main-menu__link {
		font-size: 14px;
	}
	.any-questions .form__btn {
		width: 310px;
	}
	.contact-block__main-info,
	.contact-block__map {
		width: 100%;
	}
	.tab-btn {
		padding: 12px 24px;
		font-size: 16px;
	}
	.content__photo, .content__videos, .content__docs-owners {
		grid-template-columns: repeat(2, 1fr);
	}
	.content__certificates {
		grid-template-columns: repeat(3, 1fr);
	}
	.news-card__img {
		height: 189px;
	}
	
	.teh-characteristic__title {
		padding-bottom: 10px;
	}
	.teh-characteristic__item p {
		font-size: 16px;
	}
	.teh-characteristic__table {
		gap: 8px;
	}
	.one-model-content__model-desc {
		margin-top: 40px;
		padding-top: 0;
	}
	.one-news .heading__title {
		width: 846px;
	} */

}

@media (max-width: 991px) {
	.container {
		width: 100%;
		padding: 0 20px;
	}

	#nav-icon {
		display: block;
		margin-left: 20px;
	}

	.header-top,
	.top__main-menu {
		display: none;
	}

	.logo-link {
		width: 60px;
	}

	.top {
		padding: 15px 0;
	}

	.header-sticky {
		position: fixed;
		top: 0;
		z-index: 999;
		width: 100%;
		background: var(--primary);
	}

	.links__phone {
		display: block;
		margin-right: 12px;
		font-size: 18px;
	}

	main {
		margin-top: 68px;
	}

	.offer {
		height: 650px;
	}

	.offer__left {
		display: none;
	}

	.offer__right {
		width: 100%;
		background: linear-gradient(360deg, transparent, #262626, transparent);
	}

	.main-wrap {
		justify-content: space-between;
	}

	.main-wrap__text {
		width: 100%;
		padding: 60px 0 0;
	}

	h1,
	.title1 {
		font-size: 40px;
	}

	.main-wrap__desc {
		width: 70%;
	}

	.main-wrap__img img {
		left: auto;
		right: 0;
		width: 600px;
		top: 140px;
		transform: none;
	}

	.wrap__heading {
		margin-bottom: 40px;
	}

	/* preview */
	.models-card__image {
		height: 260px;
	}

	/* about-home */
	.about-home .wrap {
		grid-template-columns: 1fr;
		height: auto;
	}

	.mt-60 {
		margin-top: 40px;
	}

	/* fresh-news */
	.wrap__section-cards {
		grid-template-columns: repeat(2, 1fr);
	}

	.section-card__image {
		height: auto;
		max-height: 160px !important;
        overflow: hidden;
        display: flex;
        align-items: center;
	}

	.section-card__desc {
		margin-top: 10px;
	}

	/* selection-form */
	.selection-form .wrap {
		position: relative;
	}

	.selection-form .wrap__heading {
		width: 100%;
		position: relative;
		z-index: 2;
	}

	.selection-form .wrap__image {
		width: 100%;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		z-index: -1;
		opacity: 0.4;
	}

	.selection-form .wrap__image img {
		width: 90%;
		margin: 0 auto;
	}

	/* footer */
	.wrap__footer-info {
		min-width: 160px;
	}

	.wrap__footer-content {
		flex-wrap: wrap;
		margin-left: 24px;
		justify-content: space-between;
	}

	.footer-content__item:not(:last-of-type) {
		margin-right: 0;
	}

	.footer-content__item {
		width: 48% !important;
	}

	.footer-content__item:nth-child(n+1):nth-child(-n+2) {
		margin-bottom: 36px;
	}

	.footer-content__list {
		margin-top: 12px;
	}

	/* one-model page */
	.one-model-content__model-specifications {
		flex-direction: column;
	}

	.double-slider {
		width: 100%;
	}

	.double-slider__small-image {
		height: auto;
	}

	.model-specifications__teh-characteristic {
		width: 100%;
		margin-top: 28px;
	}

	.submit-option__variants {
		grid-template-columns: 1fr;
	}

	.submit-form__form .form__privacy label div {
		flex-direction: column;
		align-items: start;
	}

	/* contacts page */
	/* .contact-block__header {
		grid-template-columns: 1fr;
		gap: 24px;
	} */

	.contact-block__map {
		height: 450px;
	}

	.wrap__skills {
		grid-template-columns: repeat(2, 1fr);
	}

	.skill-card__title {
		min-height: 0;
	}

	/* one-news page */
	.wrap__one-news-content {
		flex-direction: column;
	}

	.one-news-content__info {
		margin-top: 28px;
		width: 100%;
	}

	/* gallery page */
	.gallery-page .wrap__heading {
		flex-direction: column;
		align-items: start;
		gap: 16px;
	}

	/* docs page */
	.docs-owner__title {
		font-size: 16px !important;
	}

	/* compare page */
	.compare .wrap__models-cards,
	.compare-item__param {
		grid-template-columns: repeat(2, 1fr);
	}

	/* faq page */
	.offer_other .main-wrap__img img {
		right: -110px;
		top: 100px;
	}

	.content__photo .content__img {
        height: auto;
        max-height: 160px;
        display: flex;
        align-items: center;
    }

	.section-card__model-more {
		margin-top: 10px;
	}

	.contact-block__main-info {
		grid-template-columns: repeat(2, 1fr);
	}
	/* .header-top,
	.top__main-menu {
		display: none;
	}
	.logo-link {
		width: 60px;
	}
	.top {
		padding: 6px 0;
	}
	.header-sticky {
		position: fixed;
		top: 0;
		z-index: 999;
		background: #fff;
		width: 100%;
	}
	.offer {
		margin-top: 73px;
		height: 500px;
	}
	.wrap__models-cards {
		grid-template-columns: repeat(2, 1fr);
	}
	.wrap__section-cards {
		grid-template-columns: 1fr;
	}
	.footer .wrap {
		flex-direction: column;
	}
	.submit-form__form {
		flex-direction: column;
		gap: 12px;
	}
	.any-questions .form__item {
		width: 100%;
		margin: 0;
	}
	.any-questions .form__btn {
		width: 100%;
	}
	.contact-block__header {
		grid-template-columns: 1fr;
		gap: 24px;
	}
	.contact-block__map {
		height: 450px;
	}
	.wrap__skills {
		grid-template-columns: repeat(2, 1fr);
	}
	.docs-owner__img {
		height: auto;
	}
	.content__video {
		height: 300px;
	}
	.content__news {
		grid-template-columns: repeat(2, 1fr);
	}
	.news-card__img {
		height: auto;
	}
	
	.one-news .heading__title {
		width: 100%;
	}
	.one-news .heading__title::after {
		display: none;
	}
	.wrap__one-news-content {
		flex-direction: column;
	}
	.one-news-content__info {
		margin-top: 28px;
		width: 100%;
	} */


}

@media (max-width: 767px) {
	.padding-120-60 {
		padding: 60px 0 30px;
	}

	.padding-60-120 {
		padding: 30px 0 60px;
	}

	.padding-60 {
		padding: 30px 0;
	}

	.body_1 {
		font-size: 16px;
	}

	h2,
	.title2 {
		font-size: 32px;
	}

	input[type="email"],
	input[type="tel"],
	input[type="text"],
	textarea {
		font-size: 16px;
	}

	.footer-info__privacy_mobile {
		display: block;
	}

	.wrap__footer-info .footer-info__privacy {
		display: none;
	}

	.footer .wrap {
		flex-direction: column;
		gap: 24px;
	}

	.wrap__footer-content {
		margin-left: 0;
	}

	/* catalog page */
	.wrap__catalog-cards {
		grid-template-columns: repeat(2, 1fr);
	}

	/* one-model page */
	.wrap__heading_space-between {
		align-items: start;
		flex-direction: column;
		gap: 16px;
	}

	.form__group_col3 {
		grid-template-columns: 1fr;
	}

	.submit-option__variants {
		margin-top: 16px;
	}

	.checkbox+label::before {
		width: 20px;
		min-width: 20px;
		height: 20px;
		margin-right: 8px;
	}

	.submit-option__total {
		margin-top: 16px;
	}

	/* contacts page */
	.contact-block__footer .contact-block__item .contact-block__title {
		width: 100%;
	}

	.contact-block__footer .text-table__text-block {
		gap: 12px;
		align-items: start;
	}

	.wrap__skills {
		grid-template-columns: 1fr;
	}

	/* gallery page */
	.content__photo,
	.content__videos,
	.content__docs-owners {
		gap: 12px;
	}

	/* compare page */
	.compare-block__compare-heading {
		flex-direction: column;
		align-items: start;
		padding-bottom: 20px;
		border-bottom: 1px solid var(--tertiary);
	}

	.compare-heading__switch {
		margin-top: 20px;
	}

	/* faq page */
	.offer_other .main-wrap__img img {
		width: 430px;
		top: 210px;
	}
	.offer_other .main-wrap__info {
		width: 100%;
	}
	.content-col:not(:first-of-type) {
		padding-top: 60px;
	}




	/* h1 {
		font-size: 40px;
		line-height: 1.05em;
	}
	h2,
	.h2 {
		font-size: 36px;
		line-height: 1.1em;
	}

	.h3 {
		font-size: 24px;
	}

	.h4 {
		line-height: 1.2em;
	}
	body {
		font-size: 16px;
	}
	.body_1 {
		font-size: 16px;
		line-height: 1.25em;
	}
	.body_2 {
		font-size: 16px;
		line-height: 1.25em;
	}
	.body_3 {
		line-height: 1.28em;
	}
	.wrap__heading {
		margin-bottom: 28px;
	}
	.heading__title::before,
	.heading__title::after {
		display: none !important;
	}
	.btn-primary_big,
	.btn-secondary {
		font-size: 16px;
	}
	.main-wrap__desc {
		font-size: 20px !important;
	}
	.offer .main-wrap {
		padding: 40px 0;
	}
	.preview {
		padding: 60px 0 30px;
	}
	.wrap__models-cards {
		grid-template-columns: 1fr;
		gap: 12px;
	}
	.models-card__model-more {
		margin-top: 16px;
	}
	.model-more__price {
		font-size: 16px;
	}
	.model-more__btn {
		margin-top: 16px;
		width: 100%;
		text-align: center;
	}
	.wrap__section-cards {
		gap: 12px;
	}
	.company-skills__text,
	.company-info__company-skills {
		margin-top: 28px;
	}
	.padding-60-120 {
		padding: 30px 0 90px;
	}
	.padding-60 {
		padding: 30px 0;
	}
	.contact-block__header {
		gap: 12px;
	}
	.contact-block__main-info .contact-block__item:first-of-type {
		margin-bottom: 12px;
	}
	.contact-block__text-block:not(:first-of-type) {
		margin-top: 16px;
	}
	.wrap__skills {
		grid-template-columns: 1fr;
		gap: 12px;
	}
	.contact-block__footer .text-table__text-block {
		align-items: start;
	}
	.block-submit__submit-form {
		margin-top: 28px;
	}
	.wrap__block-submit {
		padding: 20px;
	}
	.any-questions .wrap__block-submit {
		background: url(../img/bg-element-accent.svg) no-repeat left 20% center / 100%, var(--primary);
	}
	.wrap__heading_space-between {
		align-items: start;
		flex-direction: column;
		gap: 16px;
	}
	.tab-btn {
		padding: 8px 24px;
		font-size: 14px;
	}
	.content__photo, .content__videos, .content__docs-owners {
		gap: 12px;
	}
	.content__pagination {
		margin-top: 28px;
	}
	.pagination__item {
		min-width: 28px;
		height: 28px;
		font-size: 14px;
	}
	.news-card {
		padding: 20px;
	}
	.content__news {
		gap: 12px;
	}
	.news-card__info {
		margin-top: 16px;
		height: auto;
	}
	.news-card__text {
		position: relative;
		top: 0;
		margin-top: 8px;
	}
	.news-card__link {
		position: relative;
		margin-top: 8px;
	}
	.one-model-content__model-desc {
		margin-top: 28px;
	}
	.model-desc__model-info {
		margin-top: 16px;
	}
	.form__group {
		grid-template-columns: 1fr;
		gap: 12px;
		margin-bottom: 12px;
	}
	.block-submit__submit-option {
		padding: 28px 0;
	}
	
	
	.form__btn {
		margin-top: 12px;
		width: 100%;
	}
	.breadcrumbs-list__no-link {
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		line-clamp: 1;
		-webkit-box-orient: vertical;
	} */


}

@media (max-width: 575px) {
	.wrap__heading {
		margin-bottom: 20px;
	}

	/* offer */
	.main-wrap__img img {
		width: 480px;
		top: 190px;
	}

	.main-wrap__desc {
		width: 100%;
		margin-bottom: 20px;
	}

	.offer {
		height: 610px;
	}

	/* preview */
	.tab-btn {
		font-size: 16px;
	}

	.wrap__models-cards {
		grid-template-columns: 1fr;
	}

	.models-card__image {
		height: auto;
	}

	/* fresh-news */
	.wrap__section-cards {
		grid-template-columns: 1fr;
	}

	/* catalog page */
	.breadcrumbs {
		padding: 10px 0 30px;
	}

	.wrap__catalog-cards {
		grid-template-columns: 1fr;
	}

	.wrap__breadcrumbs-list {
		flex-wrap: wrap;
	}

	/* one-model page */
	.submit-form__form .form__privacy .checkbox+label {
		align-items: start;
	}

	.submit-form__form .form__privacy label div {
		gap: 0;
	}

	.variants__checkbox label span {
		min-width: 90px;
	}

	.submit-option__total {
		flex-wrap: wrap;
	}

	/* about page */
	.wrap__image-content {
		grid-template-columns: 1fr;
	}

	.mt-60 {
		margin-top: 20px;
	}

	/* news page */
	.pagination__item {
		min-width: 24px;
		height: 24px;
		font-size: 14px;
	}

	/* gallery page */
	.content__photo,
	.content__videos,
	.content__docs-owners {
		grid-template-columns: 1fr;
	}

	/* compare page */
	.compare .model-more__name {
		font-size: 18px !important;
	}
	.compare .model-more__price {
		font-size: 14px;
		margin-top: 10px;
	}

	/* faq page */
	.offer_other .breadcrumbs {
		padding: 10px 0 0;
	}
	.offer_other .main-wrap__title {
		margin-top: 30px;
	}
	.offer_other .main-wrap__img img {
		width: 370px;
		top: 210px;
		right: -80px;
	}





	/* .footer-info__logo {
		min-width: 80px;
		width: 80px;
	}
	.contact-block__footer .text-table__text-block {
		flex-direction: column;
	}
	.contact-block__footer .text-table__text-block p {
		width: 100%;
	}
	.contact-block__text-block:not(:first-of-type) {
		margin-top: 10px;
	}
	.contact-block__footer .contact-block__item .contact-block__title {
		width: 100%;
	}
	.content__certificates {
		grid-template-columns: repeat(2, 1fr);
		gap: 12px;
	}
	.content__photo, .content__videos, .content__docs-owners {
		grid-template-columns: 1fr;
		gap: 16px;
	}
	.models-card {
		padding: 20px;
	}
	.content__news {
		grid-template-columns: 1fr;
	}
	 */
}

@media (max-width: 479px) {
	.header-fake-fix {
		height: 90px !important;
	}
	/* header */
	.links__phone {
		display: none;
	}

	/* offer */
	h1,
	.title1 {
		font-size: 30px;
	}

	.main-wrap__img img {
		width: 370px;
		top: 190px;
	}
	.main-wrap__img {
		display: none;
	}
	.main-wrap__img-mobile img {
		width: 120%;
	}
	.main-wrap__img-mobile {
        display: flex;
        align-items: center;
        justify-content: center;
	}
	.btn-primary {
		width: 100%;
		text-align: center;
	}

	.btn {
		padding: 12px 0;
	}

	h2,
	.title2 {
		font-size: 28px;
	}

	h3,
	.title3 {
		font-size: 17px;
	}


	/* selection-form */
	.selection-form .form__group_col2 {
		grid-template-columns: 1fr;
		gap: 10px;
	}

	.selection-form .form__group {
		margin-bottom: 10px;
	}

	.selection-form .heading__form {
		margin-top: 20px;
	}

	.checkbox+label {
		align-items: start;
	}

	/* footer */
	.footer-content__item {
		width: 100% !important;
	}

	.wrap__footer-content {
		gap: 30px;
	}

	.footer .wrap {
		gap: 30px;
	}

	.footer-content__item:nth-child(n+1):nth-child(-n+2) {
		margin-bottom: 0;
	}

	.footer-content__list li:not(:last-of-type) {
		margin-bottom: 8px;
	}

	.footer-content__contact {
		margin-top: 8px;
	}

	/* one-model page */
	.variants__checkbox p {
		font-size: 13px;
	}

	.variants__checkbox label span {
        min-width: 100px;
        font-size: 14px;
        color: #fff !important;
        opacity: 1 !important;
	}

	/* about page */
	.heading__texts {
		margin-top: 20px;
	}

	.heading__triggers {
		grid-template-columns: 1fr;
	}

	/* contacts page */
	.contact-block__main-info .contact-block__item:first-of-type {
		margin-bottom: 12px;
	}

	.contact-block__header {
		gap: 12px;
	}

	.contact-block__footer {
		margin-top: 12px;
	}

	.wrap__skills {
		gap: 12px;
	}

	.contact-block__footer .text-table__text-block {
		gap: 6px;
		flex-direction: column;
	}

	.contact-block__footer .text-block__title,
	.contact-block__footer .text-block__desc {
		width: 100%;
	}

	/* gallery page */
	.tab-btn {
		font-size: 14px;
	}

	/* compare page */
	.compare .wrap__models-cards {
		padding: 10px 5px;
		gap: 10px;
	}
	.compare .models-card__model-more {
		padding: 12px 6px;
	}
	.compare .model-more__name {
		font-size: 14px !important;
	}
	.compare .model-more__price {
		font-size: 12px;
	}
	.compare .models-card:not(:first-of-type)::before {
		left: -6px;
	}
	.compare .model-more__btn {
		padding: 8px 0;
		font-size: 12px;
	}
	.compare .compare-item__title,
	.compare-item__param p {
		font-size: 12px !important;
	}
	.wrap__compare-block {
		padding: 10px;
		margin-top: 20px;
	}
	.compare-block__compare-heading {
		margin-bottom: 16px;
	}
	.compare-content__compare-item:not(:last-of-type) {
		margin-bottom: 10px;
	}
	.compare-item__param {
		gap: 10px;
	}
	.compare-item__param p:not(:first-of-type)::before {
		left: -6px;
	}

	/* faq page */
	.offer_other {
		height: 680px;
	}
	.offer_other .main-wrap__img img {
		width: 370px;
		top: 240px;
	}
	.double-slider__big-image .swiper-slide {
		max-height: 260px;
	}
	.contact-block__main-info {
		grid-template-columns: repeat(1, 1fr);
	}
}

/* MODAL */
.modal-open {
	overflow: hidden;
}

.modal-open .modal {
	overflow-x: hidden;
	overflow-y: auto;
}

.modal {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1050;
	display: none;
	width: 100%;
	height: 100%;
	overflow: hidden;
	outline: 0;
}

.modal-dialog {
	position: relative;
	width: auto;
	margin: 0.5rem;
	pointer-events: none;
}

.modal.fade .modal-dialog {
	transition: -webkit-transform 0.3s ease-out;
	transition: transform 0.3s ease-out;
	transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
	-webkit-transform: translate(0, -50px);
	transform: translate(0, -50px);
}

@media (prefers-reduced-motion: reduce) {
	.modal.fade .modal-dialog {
		transition: none;
	}
}

.modal.show .modal-dialog {
	-webkit-transform: none;
	transform: none;
}

.modal.modal-static .modal-dialog {
	-webkit-transform: scale(1.02);
	transform: scale(1.02);
}

.modal-dialog-scrollable {
	display: -ms-flexbox;
	display: flex;
	max-height: calc(100% - 1rem);
}

.modal-dialog-scrollable .modal-content {
	max-height: calc(100vh - 1rem);
	overflow: hidden;
}

.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

.modal-dialog-scrollable .modal-body {
	overflow-y: auto;
}

.modal-dialog-centered {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	min-height: calc(100% - 1rem);
}

.modal-dialog-centered::before {
	display: block;
	height: calc(100vh - 1rem);
	height: -webkit-min-content;
	height: -moz-min-content;
	height: min-content;
	content: "";
}

.modal-dialog-centered.modal-dialog-scrollable {
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center;
	height: 100%;
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
	max-height: none;
}

.modal-dialog-centered.modal-dialog-scrollable::before {
	content: none;
}

.modal-content {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	pointer-events: auto;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 0.3rem;
	outline: 0;
}

.modal-backdrop {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1040;
	width: 100vw;
	height: 100vh;
	background-color: #000;
}

.modal-backdrop.fade {
	opacity: 0;
}

.modal-backdrop.show {
	opacity: 0.5;
}

.modal-header {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 1rem 1rem;
	border-bottom: 1px solid #dee2e6;
	border-top-left-radius: calc(0.3rem - 1px);
	border-top-right-radius: calc(0.3rem - 1px);
}

.modal-header .close {
	padding: 1rem 1rem;
	margin: -1rem -1rem -1rem auto;
	font-size: 24px;
}

.modal-title {
	margin-bottom: 0;
	line-height: 1.5;
}

.modal-body {
	position: relative;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 1rem;
}

.modal-footer {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: end;
	justify-content: flex-end;
	padding: 0.75rem;
	border-top: 1px solid #dee2e6;
	border-bottom-right-radius: calc(0.3rem - 1px);
	border-bottom-left-radius: calc(0.3rem - 1px);
}

.modal-footer>* {
	margin: 0.25rem;
}

.modal-scrollbar-measure {
	position: absolute;
	top: -9999px;
	width: 50px;
	height: 50px;
	overflow: scroll;
}

@media (min-width: 576px) {
	.modal-dialog {
		max-width: 500px;
		margin: 1.75rem auto;
	}

	.modal-dialog-scrollable {
		max-height: calc(100% - 3.5rem);
	}

	.modal-dialog-scrollable .modal-content {
		max-height: calc(100vh - 3.5rem);
	}

	.modal-dialog-centered {
		min-height: calc(100% - 3.5rem);
	}

	.modal-dialog-centered::before {
		height: calc(100vh - 3.5rem);
		height: -webkit-min-content;
		height: -moz-min-content;
		height: min-content;
	}

	.modal-sm {
		max-width: 300px;
	}
}

@media (min-width: 992px) {

	.modal-lg,
	.modal-xl {
		max-width: 800px;
	}
}

@media (min-width: 1200px) {
	.modal-xl {
		max-width: 1140px;
	}
}


/*Social*/
.top-line__social {
	display: flex;
	align-items: center;
}

.social__item {
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 2px;
	background: var(--accent);
	transition: .5s ease;
}

.social__item:hover {
	background: var(--primary);
	transition: .5s ease;
}

.social__item:not(:last-of-type) {
	margin-right: 20px;
}

.social__link {
	width: 16px;
}


/**/

.submit-form__title {
	margin-bottom: 24px;
}

.invalid-feedback {
    color: red !important;
    font-size: 14px !important;
    line-height: 20px !important;
    min-height: 20px !important;
	position: absolute !important;
}

.is-invalid {
    border-width: 1px !important;
    border-style: solid !important;
    border-color: red !important;
    border-image: initial !important;
}
.form__privacy label {
	cursor: pointer;
}
.section-model-more {
	position: relative;
}
.section-card__date {
	position: absolute;
    top: -20px;
    padding: 2px;
    color: var(--white);
    z-index: 1000;
    right: 2px;
}
.text-success {
	color: green !important;
}
.text-danger {
	color: #D80000 !important;
}
.messages_cookies {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: auto;
	overflow: hidden;
	background-color: white;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	z-index: 1000;
	color: #666;
	padding: 15px 0;
	font-size: 14px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}
.messages_cookies-wrp {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: end;
	justify-content: center;
	gap: 20px;
}
.messages_cookies-wrp p {
	max-width: 50%;
}
@media(max-width: 767px){
	.messages_cookies .btn {
		max-width: calc(100% - 30px);
	}
	.messages_cookies {
		z-index: 1000000000000;
		display: flex;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
	}
	.messages_cookies-wrp {
		position: relative;
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	.messages_cookies-wrp p {
		max-width: Calc(100% - 30px);
	}
}
.mobile-menu__label.body_3 {
	line-height: 2.8rem;
}
.mb-3 {
	margin-bottom: 24px;
}
.footer-links__social {
	margin-top: 12px;
}
.logo-txt {
	font-weight: bold;
    font-size: 30px;
    font-family: 'Xolonium';
}
@media (max-width: 767px) {
	.logo-txt {
		font-size: 20px;
	}
}
@media (max-width: 425px) {
	.logo-txt {
		font-size: 18px;
	}
}


footer .logo-txt {
	font-weight: bold;
    font-size: 24px;
    font-family: 'Xolonium';
	line-height: normal;
}
@media (max-width: 767px) {
	footer .logo-txt {
		font-size: 20px;
	}
}
@media (max-width: 425px) {
	footer .logo-txt {
		font-size: 20px;
	}
}