/* ------------------------------------------------------------------------ */

* {
	padding: 0;
	margin: 0;
	border: 0;
}

*,
*:before,
*:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

:focus,
:active {
	outline: none;
}

a:focus,
a:active {
	outline: none;
}

nav,
footer,
header,
aside {
	display: block;
}

html,
body {
	height: 100%;
	width: 100%;
	font-size: 100%;
	line-height: 1;
	font-size: 14px;
	-ms-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

input,
button,
textarea {
	font-family: inherit;
}

input::-ms-clear {
	display: none;
}

button {
	cursor: pointer;
	background-color: transparent;
}

button::-moz-focus-inner {
	padding: 0;
	border: 0;
}

a {
	color: inherit;
}

a,
a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

ul li {
	list-style: none;
}

img {
	vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: inherit;
	font-weight: 400;
}

svg {
	display: block;
}

/* ---------------------------------------------------------------------------- */

html {
	scroll-behavior: smooth;
	scroll-padding-top: 140px;
}

body {
	font-family: "open sans", sans-serif;
	background-color: #fff;
	color: #555;
	font-size: 15px;
	line-height: 24px;
	font-weight: 400;
}

.container {
	max-width: 1360px;
	margin: 0 auto;
	padding: 0 32px;
}

.wrapper {
	overflow: hidden;
}

/* -------------------------header------------------------- */

.header {}

.header__container {}

.header__inner {}

.header__top {
	border-bottom: 1px solid #f6f6f6;
}

.header__top-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding: 13px 0;
}

.header__left {
	display: flex;
	align-items: center;
	gap: 30px;
}

.header__mob {
	display: none;
}

.header__tel {
	display: flex;
	align-items: center;
	gap: 6px 14px;
	flex-wrap: wrap;
}

.header__tel-link {
	display: flex;
	align-items: center;
	gap: 4px;

	font-weight: 700;
	font-size: 20px;
	line-height: 18px;
	color: #222;
	white-space: nowrap;
}

.header__tel-link svg {
	width: 11px;
	height: 15px;
}

.header__tel-btn {
	font-size: 13px;
	line-height: 18px;
	color: #FDA304;

	transition: all .2s ease;
}

.header__tel-btn:active {
	color: #222;
}

@media(hover:hover) {
	.header__tel-btn:hover {
		color: #222;
	}
}

.header__city {
	display: flex;
	align-items: center;
	gap: 13px;
}

.header__city-icon {}

.header__city-list {
	display: flex;
	align-items: center;
	gap: 0px 8px;
	flex-wrap: wrap;
}

.header__city-item {
	display: flex;
	align-items: center;
	gap: 8px;

	font-size: 13px;
	line-height: 24px;
}

.header__city-item:not(:last-child)::after {
	content: '•';
	font-size: 13px;
	line-height: 24px;
}

.header__box {
	display: flex;
	align-items: center;
	gap: 10px;
}

.header__time {
	display: flex;
	align-items: center;
	gap: 14px;
}

.header__time-icon {
	width: 18px;
	height: 17px;
}

.header__time-icon-img {}

.header__time-text {
	color: #666;
	font-size: 13px;
	line-height: 18px;
	white-space: nowrap;
}

.header__calc {
	display: flex;
	align-items: center;
	gap: 4px;

	font-size: 13px;
	line-height: 18px;
	color: #FDA304;
	white-space: nowrap;

	transition: all .2s ease;
}

.header__calc:active {
	color: #222;
}

@media(hover:hover) {
	.header__calc:hover {
		color: #222;
	}
}

.header__calc-img {}

.header__right {
	display: flex;
	align-items: center;
	gap: 20px;
}

.header__login {
	display: flex;
	align-items: center;
	gap: 14px;

	color: #FDA304;
}

.header__login svg path {
	transition: all .2s ease;
}

.header__login:active svg path {
	fill: #FDA304;
}

@media(hover:hover) {
	.header__login:hover svg path {
		fill: #FDA304;
	}
}

.header__search {
	display: flex;
	align-items: center;
	gap: 14px;
	transition: all .2s ease;
}

.header__search svg path {
	fill: #222;
	fill-rule: evenodd;
	transition: all .2s ease;
}

.header__search:active {
	color: #FDA304;
}

.header__search:active svg path {
	fill: #FDA304;
}

@media(hover:hover) {
	.header__search:hover {
		color: #FDA304;
	}

	.header__search:hover svg path {
		fill: #FDA304;
	}
}

.header__inner {
	display: flex;
	align-items: center;
	gap: 70px;
}

.header__logo {}

.header__logo-img {
	max-width: 287px;
	width: 100%;
}

.header__list {
	display: flex;
	align-items: center;
	gap: 70px;
}

.header__list-item {
	position: relative;
}

.header-sub {
	position: absolute;
	top: 86%;
	left: -40px;
	min-width: 190px;
	z-index: 2;
	padding: 10px 0px 0px 0px;

	opacity: 0;
	pointer-events: none;
	transition: all .3s ease;
}

.header-sub-2 {
	min-width: 430px;
}

@media(min-width:1061px) {
	.header__list-item:hover .header-sub {
		opacity: 1;
		pointer-events: all;
	}
}

.header__list-sub {
	font-size: 14px;
	background-color: #fff;
	border-top: 2px solid #FDA304;
}

.header__list-item-sub {
	border-top: 1px solid #f0f0f0;
}

.header__list-item-link-sub {
	display: block;
	padding: 14px 19px;

	color: #222;
	font-size: 14px;
	line-height: 20px;

	transition: all .2s ease;
}

.header__list-item-link:active {
	color: #FDA304;
}

@media(hover:hover) {
	.header__list-item-link:hover {
		color: #FDA304;
	}
}

.header__list-item-link {
	display: block;
	padding: 30px 12px;

	font-weight: 700;
	font-size: 15px;
	line-height: 24px;
	color: #222;

	position: relative;
}

.header__list-item-link--active {
	color: #FDA304;
}

.header__list-item-link--active::after {
	content: '';

	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;

	background-color: #FDA304;
}

/* -------------------------header-fix------------------------- */

.header-fix {
	padding: 20px 0;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.136);
	background-color: #fff;

	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 20;

	opacity: 0;
	pointer-events: none;
	transform: translateY(-40px);
	transition: all .3s ease;
}

.visible {
	opacity: 1;
	pointer-events: all;
	transform: translateY(0px);
}

.header-fix__container {}

.header-fix__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
}

.header-fix__menu {
	display: flex;
	align-items: center;
	gap: 6px;

	position: relative;

	font-size: 15px;
	line-height: 24px;
	padding: 0 10px;

	cursor: pointer;
}

.header-fix__menu-lines {
	width: 30px;
	height: 30px;

	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 2px;
}

.header-fix__menu-line {
	width: 15px;
	height: 2px;
	background-color: #000;
}

.header-fix__menu-text {
	font-weight: 700;
	font-size: 14px;
	line-height: 24px;
	color: #222;
}

.header-fix__menu-icon svg {
	width: 9px;
	height: auto;
}

.header-fix__menu-list {
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 240px;

	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	background-color: #fff;

	opacity: 0;
	pointer-events: none;
	transition: all .3s ease;
}

.header-fix__menu:active .header-fix__menu-list {
	opacity: 1;
	pointer-events: all;
}

.header-fix__menu:active {
	background-color: #FDA304;
}

.header-fix__menu:active .header-fix__menu-text {
	color: #fff;
}

.header-fix__menu:active .header-fix__menu-line {
	background-color: #fff;
}

.header-fix__menu:active .header-fix__menu-icon svg path {
	fill: #fff;
}

@media(hover:hover) {
	.header-fix__menu:hover .header-fix__menu-list {
		opacity: 1;
		pointer-events: all;
	}

	.header-fix__menu:hover {
		background-color: #FDA304;
	}

	.header-fix__menu:hover .header-fix__menu-text {
		color: #fff;
	}

	.header-fix__menu:hover .header-fix__menu-line {
		background-color: #fff;
	}

	.header-fix__menu:hover .header-fix__menu-icon svg path {
		fill: #fff;
	}
}

.header-fix__menu-item {
	border-top: 1px solid #f0f0f0;
	position: relative;
}

.header-fix__menu-item-link {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;

	padding: 14px 20px;

	transition: all .2s ease;
}

.header-fix__menu-item-link svg {
	transform: rotate(-90deg);
	transition: all .2s ease;
}

.header-fix__menu-item-link:active {
	color: #FDA304;
}

.header-fix__menu-item-link:active svg path {
	fill: #FDA304;
}

@media(hover:hover) {
	.header-fix__menu-item-link:hover {
		color: #FDA304;
	}

	.header-fix__menu-item-link:hover svg path {
		fill: #FDA304;
	}
}

.header-fix__menu-list-sub {
	position: absolute;
	top: 0;
	left: 100%;
	min-width: 225px;

	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	background-color: #fff;

	opacity: 0;
	pointer-events: none;
	transition: all .3s ease;
}

.header-fix__menu-item:active .header-fix__menu-list-sub {
	opacity: 1;
	pointer-events: all;
}

@media(hover:hover) {
	.header-fix__menu-item:hover .header-fix__menu-list-sub {
		opacity: 1;
		pointer-events: all;
	}
}

.header-fix__menu-item-sub {
	border-top: 1px solid #f0f0f0;
}

.header-fix__menu-item-link-sub {
	padding: 14px 20px;
	display: block;
	white-space: nowrap;

	transition: all .2s ease;
}

.header-fix__menu-item-link-sub:active {
	color: #FDA304;
}

@media(hover:hover) {
	.header-fix__menu-item-link-sub:hover {
		color: #FDA304;
	}
}

.header-fix__form {
	max-width: 406px;
	width: 100%;
	display: flex;
}

.header-fix__form-label {
	width: 100%;
	display: block;
}

.header-fix__form-input {
	width: 100%;
	height: 100%;
	background: #f5f5f5;

	padding: 0 10px;

	font-weight: 400;
	font-size: 15px;
	line-height: 18px;
	color: #222;
}

.header-fix__form-btn {
	width: 38px;
	height: 34px;
	min-width: 38px;

	display: flex;
	align-items: center;
	justify-content: center;

	border: 1px solid #f5f5f5;
}

.header-fix__call {
	font-size: 13px;
	line-height: 20px;
	color: #FDA304;
	white-space: nowrap;

	border: 1px solid #fee4b5;
	background: #ffffff;
	display: inline-block;
	padding: 9px 15px 8px 15px;

	transition: all .2s ease;
}

.header-fix__call:active {
	color: #fff;
	background-color: #FDA304;
}

@media(hover:hover) {
	.header-fix__call:hover {
		color: #fff;
		background-color: #FDA304;
	}
}

/* -------------------------preview------------------------- */

.page__preview {
	margin: 0px 0px 90px 0px;
}

.preview__inner {}

.preview__slider {
	width: 100%;
	overflow: hidden;
	position: relative;
	z-index: 1;
}

.swiper-preview {}

.preview__slider-line {}

.preview__slide {
	min-height: 550px;
	position: relative;
	z-index: 1;
}

.preview__slide-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	object-fit: cover;
	object-position: center;
}

.preview__slide-container {}

.preview__slide-inner {
	padding: 90px 0 0 109px;
}

.preview__btn {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
}

.preview__btn-prev {
	left: 100px;
}

.preview__btn-next {
	right: 100px;
}

.preview__slide-h2 {
	font-weight: 700;
	font-size: 36px;
	line-height: 43px;
	color: #fff;

	max-width: 625px;
	margin: 0px 0px 20px 0px;
}

.preview__slide-subtitle {
	font-weight: 500;
	font-size: 30px;
	line-height: 33px;
	color: #fff;

	max-width: 625px;
}

.preview__slide-list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;

	max-width: 480px;
	margin: 0px 0px 35px 0px;
}

.preview__slide-item {
	font-size: 24px;
	line-height: 24px;
	color: #fff;
}

.preview__slide-link {}

.btn-yellow {
	font-weight: 700;
	font-size: 15px;
	line-height: 20px;
	color: #fff;

	display: inline-block;
	background-color: #FDA304;
	padding: 13px 25px 15px 25px;
	border-radius: 2px;

	transition: all .2s ease;
}

.btn-yellow:active {
	background-color: #da8b03;
}

@media(hover:hover) {
	.btn-yellow:hover {
		background-color: #da8b03;
	}
}

.preview__slider-pagination {
	position: absolute;
	top: auto !important;
	bottom: 30px !important;
	left: 50% !important;
	height: 8px;
	width: 100%;
	transform: translateX(-50%) !important;
	z-index: 2;

	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

.swiper-pagination-bullet {
	opacity: 1;
	background: #b8c2c7;
}

.swiper-pagination-bullet-active {
	background-color: #FDA304;
}

/* -------------------------services------------------------- */

.page__services {
	margin: 0px 0px 180px 0px;
}

.services__container {}

.container {}

.services__inner {}

.services__head {
	max-width: 900px;
	margin: 0px auto 64px auto;

	display: flex;
	flex-direction: column;
	gap: 18px;

	text-align: center;
}

.services__title {}

.title-h2 {
	font-weight: 700;
	font-size: 32px;
	line-height: 30px;
	color: #222;
}

.services__subtitle {}

.subtitle {
	font-weight: 400;
	font-size: 15px;
	line-height: 24px;
}

.services__cards {
	display: grid;
	grid-template-columns: repeat(2, 1fr);

	border: 1px solid #f2f2f2;
	border-bottom: unset;
	margin: 0px 0px 40px 0px;
}

.services__card {
	display: flex;
	align-items: start;
	gap: 40px;
	padding: 40px;

	border-bottom: 1px solid #f2f2f2;
}

.services__card:nth-child(odd) {
	border-right: 1px solid #f2f2f2;
}

.services__card-img {}

.services__card-image {
	width: 144px;
}

.services__card-body {}

.services__card-title {
	font-weight: 700;
	font-size: 15px;
	line-height: 20px;
	color: #222;
}

.services__card-list {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.services__card-item {
	font-size: 15px;
	line-height: 24px;

	padding: 0px 0px 0px 20px;
	position: relative;
}

.services__card-item::after {
	content: '';

	position: absolute;
	top: 12px;
	left: 0;
	width: 3px;
	height: 3px;

	background-color: #222;
}

.services__bottom {
	display: flex;
	align-items: center;
	justify-content: center;
}

.services__link {}

/* -------------------------why-us------------------------- */

.page__why-us {
	margin: 0px 0px 180px 0px;
}

.why-us__container {}

.why-us__inner {
	display: flex;
	align-items: center;
	gap: 16px;
}

.why-us__img {
	max-width: 328px;
	width: 100%;
}

.why-us__body {
	max-width: 984px;
	width: 100%;

	display: flex;
	flex-direction: column;
	gap: 24px;
}

.why-us__title {}

.title-h3 {
	font-weight: 700;
	font-size: 28px;
	line-height: 28px;
	color: #222;
}

.why-us__subtitle {}

.why-us__link {
	font-weight: 400;
	font-size: 15px;
	line-height: 24px;
	color: #FDA304;
}

/* -------------------------newsletter------------------------- */

.page__newsletter {
	background: #343435;
}

.newsletter__container {}

.newsletter__inner {
	padding: 50px 0;

	display: flex;
	align-items: center;
	justify-content: center;
	gap: 40px;
}

.newsletter__title {
	max-width: 363px;
	width: 100%;

	font-weight: 700;
	font-size: 18px;
	line-height: 22px;
	color: #fff;
}

.newsletter__form {
	max-width: 694px;
	width: 100%;
	display: flex;
}

.newsletter__form-label {
	display: block;
	width: 100%;
}

.newsletter__form-input {
	width: 100%;
	height: 100%;
	padding: 12px;

	font-size: 14px;
	line-height: 20px;
	color: #222;
}

.newsletter__form-input::placeholder {
	color: #555;
}

.newsletter__form-btn {}

/* -------------------------footer------------------------- */

.footer {
	background-color: #2e2e2f;
	padding: 65px 0;
}

.footer__inner {}

.footer__columns {
	display: flex;
	align-items: start;
	justify-content: space-between;
	gap: 20px;

	margin: 0px 0px 80px 0px;
}

.footer__column {}

.footer__column-1 {
	display: flex;
	flex-direction: column;
	gap: 20px;

	max-width: 300px;
}

.footer__column-logo {}

.footer__column-logo-img {
	max-width: 296px;
	width: 100%;
}

.footer__column-desc {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.footer__column-desc-text {
	font-size: 15px;
	line-height: 18px;
	color: #fff;
}

.footer__column-list {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.footer__column-item {
	display: flex;
	align-items: start;
	gap: 10px;

	font-size: 15px;
	line-height: 18px;
	color: #fff;
}

.footer__column-item-link {
	display: flex;
	align-items: start;
	gap: 10px;

	font-size: 15px;
	line-height: 18px;
	color: #fff;
	transition: all .2s ease;
}

.footer__column-item a:active {
	color: #FDA304;
}

@media(hover:hover) {
	.footer__column-item a:hover {
		color: #FDA304;
	}
}

.footer__column-2 {}

.footer__column-tel {
	display: flex;
	flex-direction: column;
	gap: 4px;

	margin: 0px 0px 30px 0px;
}

.footer__column-tel-link {
	font-weight: 700;
	font-size: 30px;
	line-height: 42px;
	color: #fff;

	transition: all .2s ease;
}

.footer__column-tel-link:active {
	color: #FDA304;
}

@media(hover:hover) {
	.footer__column-tel-link:hover {
		color: #FDA304;
	}
}

.footer__column-tel-text {
	font-size: 14px;
	line-height: 18px;
	color: #b0b0b0;
}

.footer__column-2-list {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.footer__column-2-item {
	display: flex;
	align-items: center;
	gap: 5px;
}

.footer__column-2-item-link {
	font-size: 14px;
	line-height: 18px;
	color: #fff;

	transition: all .2s ease;
}

.footer__column-2-item-link:active {
	color: #FDA304;
}

@media(hover:hover) {
	.footer__column-2-item-link:hover {
		color: #FDA304;
	}
}

.footer__column-2-item-text {
	font-size: 14px;
	line-height: 18px;
	color: #b0b0b0;
}

.footer__column-3 {}

.footer__column-name {
	display: inline-block;
	margin: 0px 0px 30px 0px;

	font-weight: 700;
	font-size: 15px;
	line-height: 18px;
	color: #fff;

	transition: all .2s ease;
}

.footer__column-name--active {
	color: #FDA304;
}

.footer__column-name:active {
	color: #FDA304;
}

@media(hover:hover) {
	.footer__column-name:hover {
		color: #FDA304;
	}
}

.footer__column-links {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.footer__column-links-item {}

.footer__column-link {
	font-size: 14px;
	line-height: 18px;
	color: #b0b0b0;

	transition: all .2s ease;
}

.footer__column-link--active{
	color: #FDA304;
}

.footer__column-link:active {
	color: #FDA304;
}

@media(hover:hover) {
	.footer__column-link:hover {
		color: #FDA304;
	}
}

.footer__column-4 {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.footer__column-box {}

.footer__bottom {
	display: flex;
	flex-direction: column;
	gap: 10px;

	padding: 32px 0px 0px 0px;
	border-top: 1px solid #555555;
}

.footer__bottom-text {
	font-size: 13px;
	line-height: 18px;
	color: #a7a7a7;
}

.footer__bottom-link {}

.footer__bottom-link-img {}

/* -------------------------search------------------------- */

.search {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 30;

	background: rgb(58, 63, 68, .7);

	opacity: 0;
	pointer-events: none;
	transition: all .3s ease;
}

.search--visible {
	opacity: 1;
	pointer-events: all;
}

.search__window {
	background-color: #fff;
	min-height: 122px;

	display: flex;
	align-items: center;

	transform: translateY(-100%);
	transition: all .3s ease;
}

.search--visible .search__window {
	transform: translate(0);
}

.search__container {
	width: 100%;
}

.search__inner {
	display: flex;
	align-items: center;
	gap: 20px;
	width: 100%;
}

.search-form {
	max-width: 1222px;
	width: 100%;

	display: flex;
}

.search-form__label {
	display: block;
	width: 100%;
}

.search-form__input {
	width: 100%;
	height: 100%;

	font-weight: 400;
	font-size: 28px;
	line-height: 18px;
	color: #222;
}

.search-form__input::placeholder {
	color: #868686;
}

.search-form__btn {}

.search__btn-close {
	width: 18px;
	height: 18px;
	min-width: 18px;
	background: #222 url(images/svg/Close_mask.svg) center center no-repeat;
}

.search__btn-close svg path {
	fill: #fff;
	fill-rule: evenodd;
}

/* -------------------------burger-menu------------------------- */

.burger-menu {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 20;

	background: rgb(58, 63, 68, .7);

	opacity: 0;
	pointer-events: none;
	transition: all .3s ease;
}

.burger-menu--visible {
	opacity: 1;
	pointer-events: all;
}

.burger-menu__window {
	max-width: 300px;
	width: 100%;
	height: 100%;
	background-color: #fff;
	overflow: auto;

	transform: translateX(-100%);
	transition: all .3s ease;

	position: relative;
}

.burger-menu--scroll .burger-menu__window {
	overflow: unset;
}

.burger-menu .header-sub {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	padding: 0;
	min-width: unset;
	overflow: auto;
}

.burger-menu .header-sub::-webkit-scrollbar {
	display: none;
}

.burger-menu .header__list-item-link-sub {
	width: 100%;
	text-align: start;
	padding: 20px;
	color: #FDA304;

	transition: all .2s ease;
}

.header__list-item-link-sub:active {
	color: #FDA304;
	background-color: #f0f0f0;
}

@media(hover:hover) {
	.header__list-item-link-sub:hover {
		color: #FDA304;
		background-color: #f0f0f0;
	}
}

.header-sub__btn-back {
	padding: 20px;
	display: flex;
	align-items: center;
	gap: 20px;
	width: 100%;

	border-bottom: 1px solid #f0f0f0;

	font-size: 15px;
	line-height: 18px;
	color: #FDA304;
}

.header__list-item-link-sub--active {
	font-weight: 700;
	background-color: #fbfbfb;
}

.header-sub__btn-back-icon {
	transform: rotate(180deg);
}

.burger-menu .header__list-item-sub {
	border-top: none;
	border-bottom: 1px solid #f0f0f0;
}

.burger-menu .header-sub .header__list-sub {
	border: none;
}

.header-sub--visible {
	opacity: 1;
	pointer-events: all;
}

.burger-menu--visible .burger-menu__window {
	transform: translateX(0%);
}

.burger-menu__window::-webkit-scrollbar {
	display: none;
}

.burger-menu .header__list {
	flex-direction: column;
	gap: 0;
}

.burger-menu .header__list-item {
	width: 100%;
	border-bottom: 1px solid #f2f2f2;
	position: unset;
}

.burger-menu .header__list-item-link {
	width: 100%;
	text-align: start;
	padding: 20px;
	color: #FDA304;

	display: flex;
	align-items: center;
	gap: 20px;
}

.burger-menu .footer__column-item-link,
.burger-menu .footer__column-item {
	color: #222;
	font-size: 13px;
	color: #555;
}

.burger-menu .footer__column-item svg {
	min-width: 13px;
}

.header__list-item-bac .header__list-item-link {
	background: #fbfbfb;
}

.header__list-item-bac:last-child svg {
	margin: 0px 8px 0px 0px;
}

.burger-menu__contacts {
	padding: 20px;
}

.burger-menu__contacts-name {
	display: block;
	margin: 0px 0px 20px 0px;

	font-weight: 700;
	font-size: 15px;
	line-height: 24px;
}

.social {
	padding: 16px 20px;
}

.social__item {}

.social__item-link {
	display: flex;
	align-items: center;
	gap: 10px;

	padding: 5px;

	font-size: 13px;
	line-height: 20px;
	color: #FDA304;
}

/* -------------------------pagination------------------------- */

.pagination {
	padding: 20px 0;
	background: #f9f9f9;
	margin: 0px 0px 40px 0px;
}

.pagination__container {}

.pagination__inner {}

.pagination__title {
	font-size: 32px;
	line-height: 30px;
	color: #222;

	margin: 0px 0px 14px 0px;
}

.pagination__list {
	display: flex;
	align-items: center;
	gap: 5px;
	flex-wrap: wrap;
}

.pagination__item {
	display: flex;
	align-items: center;
	gap: 5px;
}

.pagination__item:not(:last-child)::after {
	content: '';

	width: 13px;
	height: 7px;
	background-image: url("../img/page-service/arrow.svg");
	background-size: cover;
	transform: rotate(-90deg);

	opacity: .6;
}

.pagination__item-link {
	font-size: 12px;
	line-height: 12px;
	color: #9a9a9a;
}

/* -------------------------service-preview------------------------- */

.page__service-preview {
	margin: 0px 0px 64px 0px;
}

.service-preview__container {}

.service-preview__inner {}

.service-preview__img {
	margin: 0px 0px 64px 0px;
}

.service-preview__image {
	width: 100%;
}

.service-preview__title {
	text-align: center;
	margin: 0px 0px 40px 0px;
}

.service-preview__desc {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.service-preview__subtitle {
	font-size: 18px;
	line-height: 27px;
}

/* -------------------------service------------------------- */

.page__service {
	margin: 0px 0px 40px 0px;
}

.service__container {}

.service__inner {}

.service__title {
	font-weight: 700;
	font-size: 20px;
	line-height: 30px;
	color: #222;
	text-align: center;

	margin: 0px 0px 26px 0px;
}

.service__cards {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	border: 1px solid rgba(0, 32, 51, .08);
	border-bottom: unset;
	border-right: unset;
}

.service__card {
	padding: 36px;
	border-right: 1px solid rgba(0, 32, 51, .08);
	border-bottom: 1px solid rgba(0, 32, 51, .08);

	display: flex;
	flex-direction: column;
	gap: 20px;
	justify-content: space-between;
}

.service__card-top {}

.service__card-img {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0px 0px 16px 0px;
}

.service__card-image {
	width: 148px;
	height: 148px;
	border-radius: 50%;
}

.service__card-name {
	font-weight: 700;
	font-size: 15px;
	line-height: 23px;
	color: #555;
	text-align: center;
	display: block;
}

.service__card-bottom {
	display: flex;
	align-items: center;
	justify-content: center;
}

.service__card-link {
	font-weight: 700;
	font-size: 14px;
	line-height: 27px;
	color: #FDA304;

	display: inline-block;
	padding: 9px 20px 11px 20px;
	border: 1px solid #FDA304;

	transition: all .2s ease;
}

.service__card-link:active {
	color: #fff;
	background-color: #FDA304;
}

@media(hover:hover) {
	.service__card-link:hover {
		color: #fff;
		background-color: #FDA304;
	}
}

/* -------------------------calc------------------------- */

.page__calc {
	margin: 0px 0px 100px 0px;
}

.calc__container {}

.calc__inner {
	background: linear-gradient(200.17deg, #FF9801 0%, #E36C08 100%);
	padding: 60px 60px 45px 60px;
	border-radius: 5px;
}

.calc__head {
	display: flex;
	flex-direction: column;
	gap: 16px;

	margin: 0px 0px 40px 0px;
}

.calc__title {
	font-size: 700px;
	font-size: 28px;
	line-height: 36px;
	color: #fff;
}

.calc__subtitle {
	font-size: 18px;
	line-height: 27px;
	color: #fff;
}

.calc__body {
	display: flex;
	align-items: start;
	justify-content: space-between;
	gap: 40px;

	margin: 0px 0px 50px 0px;
}

.calc__content {
	max-width: 550px;
	width: 100%;

	display: flex;
	flex-direction: column;
	gap: 30px;
}

.calc__box {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.calc__row {
	width: 100%;

	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

.calc__row-name {
	font-size: 18px;
	line-height: 27px;
	color: #fff;
}

.calc__input-value {
	font-weight: 700;
	font-size: 14px;
	line-height: 20px;
	color: #555;
	text-align: center;

	width: 50px;
	height: 30px;
	display: block;

	padding: 5px;
	border-radius: 2px;
	background-color: #fff;
	border: 1px solid #fff;

	display: flex;
	align-items: center;
	justify-content: center;

	transition: all .2s ease;
}

.calc__input-value:focus {
	border-color: #555;
}

.calc__range {
	margin: 10px 0px 0px 0px;
}

.calc__values {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 0px 0px 0px 8px;
}

.calc__value {
	font-size: 15px;
	line-height: 23px;
	color: #fff;
}

.calc__value-min {}

.calc__value-max {}

.calc__table {
	max-width: 550px;
	width: 100%;
}

.calc__table-row {
	display: flex;

	font-size: 15px;
	line-height: 23px;
	color: #fff;
}

.calc__table-row:nth-child(odd) {
	background: rgba(255, 255, 255, 0.11);
}

.calc__table-row-name {
	flex: 1 1 50%;
	padding: 10px;
}

.calc__table-row-value {
	flex: 1 1 50%;
	padding: 10px;
}

.table-row-value-hours {}

.noUi-target {
	height: 6px;
	background-color: #faa535;
	border: none;
	border-radius: 0;
	box-shadow: none;
	padding: 0px 20px 0px 0px;
}

.noUi-connect,
.noUi-origin {
	height: 6px;
	background-color: #fff;
	border-radius: 0;
}

.noUi-connects {
	border-radius: 0;
}

.noUi-horizontal .noUi-handle {
	width: 20px;
	height: 20px;
	border: none;
	border-radius: 2px;
	box-shadow: none;

	right: -20px;
	top: -7px;
}

.noUi-handle:after,
.noUi-handle:before {
	display: none;
}

.calc__price {
	padding: 17px 20px;
	background-color: #fff;
	border-radius: 5px;
	margin: 0px 0px 17px 0px;

	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
}

.calc__price-left {
	max-width: 550px;
	width: 100%;

	display: flex;
	align-items: center;
	gap: 20px;
}

.calc__price-img {}

.calc__price-image {
	width: 76px;
	height: 76px;
	border-radius: 50%;
}

.calc__price-body {}

.calc__price-desc {
	font-weight: 700;
	font-size: 28px;
	line-height: 36px;
	color: #222;

	display: flex;
	align-items: center;
	gap: 14px;
}

.calc__price-value {}

.calc__price-subtitle {
	font-size: 12px;
	line-height: 16px;
}

.calc__price-right {}

.calc__price-btns {
	display: flex;
	align-items: center;
	gap: 14px;
}

.calc__price-btn {}

.calc__price-btn.btn-yellow {
	padding: 9px 20px 11px 20px;
	min-width: 300px;

	font-weight: 700;
	font-size: 14px;
	line-height: 27px;
	color: #fff;
	text-align: center;
}

.btn-grey {
	display: inline-block;
	padding: 9px 20px 11px 20px;
	background: #ECF1F4;
	min-width: 194px;
	border-radius: 2px;

	font-weight: 700;
	font-size: 14px;
	line-height: 27px;
	color: #222;
	text-align: center;

	transition: all .2 ease;
}

.btn-grey:active {
	background: #cacfd1;
}

@media(hover:hover) {
	.btn-grey:hover {
		background: #cacfd1;
	}
}

.calc__banner {
	border: 1px solid #fff;
	border-radius: 5px;
	background: rgba(256, 256, 256, 0.2);
	padding: 16px 150px 16px 22px;

	position: relative;
	z-index: 1;
	overflow: hidden;
}

.calc__banner-name {
	display: block;
	font-weight: 700;
	font-size: 20px;
	line-height: 32px;
	color: #fff;
}

.calc__banner-subtitle {
	font-size: 14px;
	line-height: 18px;
	color: #fff;
}

.calc__banner-link {
	font-size: 14px;
	line-height: 18px;
	color: #fff;
	font-weight: 700;
}

.calc__banner-img {
	position: absolute;
	bottom: 0;
	right: 30px;
	max-width: 100%;
	z-index: -1;
}

/* -------------------------tarifs------------------------- */

.page__tarifs {
	background: #F5F5F5;
	padding: 38px 0 80px 0;
	margin: 0px 0px 160px 0px;
}

.tarifs__container {}

.tarifs__inner {}

.tarifs__title {
	font-weight: 700;
	font-size: 28px;
	line-height: 36px;
	color: #222;
	text-align: center;
	margin: 0px 0px 32px 0px;
}

.tarifs__cards {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 32px;

	max-width: 986px;
	width: 100%;
	margin: 0 auto;
}

.tarifs__card {
	background: #FFFFFF;
	border: 1px solid rgba(0, 32, 51, 0.08);
	border-radius: 10px;
	overflow: hidden;

	transition: all .2s ease;
}

.tarifs__card:active {
	box-shadow: 0px 4px 4px rgba(0, 32, 51, 0.04), 0px 8px 24px rgba(0, 32, 51, 0.12);
}

@media(hover:hover) {
	.tarifs__card:hover {
		box-shadow: 0px 4px 4px rgba(0, 32, 51, 0.04), 0px 8px 24px rgba(0, 32, 51, 0.12);
	}
}

.tarifs__card-head {
	padding: 24px 40px 16px 40px;
	border-bottom: 1px solid rgba(0, 32, 51, 0.08);

	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

.tarifs__card:nth-child(1) .tarifs__card-head svg path {
	fill: #dddddd;
}

.tarifs__card:nth-child(2) .tarifs__card-head svg path {
	fill: #f6cb99;
}

.tarifs__card:nth-child(3) .tarifs__card-head svg path {
	fill: #e97e00;
}

.tarifs__card:nth-child(5) .tarifs__card-head svg path {
	fill: #22c38e;
}

.tarifs__card-name {
	font-weight: 700;
	font-size: 20px;
	line-height: 30px;
	color: #222;
}

.tarifs__card-name svg {
	min-width: 16px;
}

.tarifs__card-body {
	padding: 28px 40px 40px 40px;

	display: flex;
	flex-direction: column;
	gap: 32px;
	justify-content: space-between;
}

.tarifs__card-top {}

.tarifs__card-list {
	display: flex;
	flex-direction: column;
	gap: 15px;
	margin: 0px 0px 16px 0px;
}

.tarifs__card-item {
	display: flex;
	align-items: center;
	gap: 20px;
}

.tarifs__card-item-icon {}

.tarifs__card-item-value {
	font-size: 18px;
	line-height: 26px;
	color: #222;
}

.tarifs__card-price {
	font-weight: 700;
	font-size: 28px;
	line-height: 36px;
	color: #222;
	text-align: center;
}

.tarifs__card-bottom {
	display: flex;
	align-items: center;
	justify-content: center;
}

.tarifs__card-btn {
	max-width: 180px;
	width: 100%;
}

.tarifs-card-img {
	border: none;
	background-color: transparent;

	display: flex;
	align-items: center;
	justify-content: center;
}

.tarifs-card-image {
	width: 100%;
}

/* -------------------------agit-calc------------------------- */

.page__agit-calc {
	margin: 0px 0px 120px 0px;
}

.agit-calc__container {}

.agit-calc__inner {
	padding: 32px 40px;
	position: relative;
	z-index: 1;
}

.agit-calc-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: -1;
}

.agit-calc__body {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 30px;
}

.agit-calc__content {
	max-width: 560px;
	width: 100%;
}

.agit-calc__title {
	font-weight: 700;
	font-size: 28px;
	line-height: 32px;
	color: #fff;
	margin: 0px 0px 8px 0px;
}

.agit-calc__subtitle {
	font-size: 15px;
	line-height: 23px;
	color: #fff;
}

.agit-calc__btns {}

.agit-calc__btn {}

.btn-green {
	font-weight: 700;
	font-size: 14px;
	line-height: 27px;
	color: #fff;
	text-align: center;
	white-space: nowrap;

	display: inline-block;
	padding: 9px 20px 11px 20px;
	background-color: #22C38E;
	border-radius: 2px;

	transition: all .2s ease;
}

.btn-green:active {
	background-color: #555;
	border-color: #555;
	color: #fff;
}

@media(hover:hover) {
	.btn-green:hover {
		background-color: #555;
		border-color: #555;
		color: #fff;
	}
}

/* -------------------------outsourcing------------------------- */

.page__outsourcing {
	margin: 0px 0px 120px 0px;
}

.outsourcing__container {}

.outsourcing__inner {
	display: flex;
	align-items: start;
	gap: 15px;
}

.outsourcing__img {
	max-width: 625px;
	width: 100%;
}

.outsourcing__image {
	width: 100%;
}

.outsourcing__body {
	max-width: 640px;
}

.outsourcing__title {
	font-weight: 700;
	font-size: 28px;
	line-height: 32px;
	color: #222;
	margin: 0px 0px 26px 0px;
}

.outsourcing__desc {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.outsourcing__subtitle {
	font-size: 18px;
	line-height: 27px;
	color: #555;
}

/* -------------------------about-service------------------------- */

.page__about-service {
	margin: 0px 0px 120px 0px;
}

.about-service__container {}

.about-service__inner {
	display: flex;
	flex-direction: column;
	gap: 80px;
}

.about-service__card {
	width: 100%;

	display: flex;
	align-items: start;
	gap: 20px;
}

.about-service__card-img {
	max-width: 407px;
	width: 100%;
}

.about-service__card-image {
	width: 100%;
	border-radius: 10px;
}

.about-service__card-body {
	max-width: 854px;
	width: 100%;

	background: #fff;
	border: 1px solid rgba(0, 32, 51, .08);
	padding: 32px 40px;
	border-radius: 10px;
}

.about-service__card-title {
	font-weight: 700;
	font-size: 20px;
	line-height: 30px;
	color: #222;
	margin: 0px 0px 16px 0px;
}

.about-service__card-head {
	display: flex;
	flex-direction: column;
	gap: 10px;

	margin: 0px 0px 32px 0px;
}

.about-service__card-subtitle {
	font-size: 18px;
	line-height: 27px;
	color: #555;
}

.about-service__card-list {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.about-service__card-item {
	font-size: 18px;
	line-height: 24px;
	color: #555;

	display: flex;
	align-items: start;
	gap: 10px;
}

.about-service__card-item strong {
	color: #222;
}

.about-service__card-icon {
	width: 29px;
	min-width: 29px;
	height: auto;
	margin: 2px 0px 0px 0px;
}

.about-service__card-item-value {}

.about-service__card-accrodion {}

.about-service__card-accrodion .about-service__card-list {
	margin: 24px 0px 0px 0px;
}

.about-service__card-accrodion-content {
	max-height: 0;
	overflow: hidden;
	transition: all .3s ease;
}

.about-service__card-accrodion-head {
	margin: 32px 0px 0px 0px;
}

.about-service__card-accrodion-btn {
	padding: 9px 20px 11px 20px;
	border: 1px solid #E97E00;
	border-radius: 2px;
	cursor: pointer;

	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;

	font-weight: 700;
	font-size: 14px;
	line-height: 27px;
	color: #E97E00;

	transition: all .2s ease;
}

.about-service__card-accrodion-btn:active {
	background-color: #e97e00;
	color: #fff;
}

.about-service__card-accrodion-btn:active svg path {
	stroke: #fff;
}

@media(hover:hover) {
	.about-service__card-accrodion-btn:hover {
		background-color: #e97e00;
		color: #fff;
	}

	.about-service__card-accrodion-btn:hover svg path {
		stroke: #fff;
	}
}

.about-service__card-accrodion-btn svg {
	transform: rotate(180deg);
	transition: all .3s ease;
}

.accordion__item-head--show svg {
	transform: rotate(0);
}

.about-service__card-accrodion-btn-value {}

.about-service__card-item-num {
	min-width: 32px;
	min-height: 32px;

	display: flex;
	align-items: center;
	justify-content: center;

	border-radius: 50%;
	background: #faa535;

	font-weight: 700;
	font-size: 18px;
	line-height: 24px;
	color: #222;
}

/* -------------------------comparison------------------------- */

.page__comparison {
	padding: 80px 0;
	background-color: #F5F5F5;
	margin: 0px 0px 120px 0px;
	overflow: hidden;
}

.comparison__container {}

.comparison__inner {}

.comparison__title {
	margin: 0px 0px 40px 0px;
	text-align: center;
}

.comparison__table {
	display: inline-block;
	overflow: auto;
}

.comparison__table-body {
	min-width: 1075px;
}

.comparison__table-head {
	display: flex;
	border-bottom: 1px solid #ddd;

	font-weight: 700;
	font-size: 32px;
	line-height: 24px;
}

.comparison__table-head-box {
	min-width: 215px;
	max-width: 215px;
}

.comparison__table-box-transp {}

.comparison__table-head-box-orange {
	min-width: 430px;
	max-width: 430px;
	padding: 25px 8px 25px 20px;
	border-radius: 10px 0 0 0;
	color: #fff;
	background-color: #ef7f04;
}

.comparison__table-head-box-white {
	min-width: 430px;
	max-width: 430px;
	padding: 25px 8px 25px 20px;
	color: #222;
	background-color: #fff;
	border-radius: 0 10px 0 0;
}

.comparison__table-main {
	display: inline-block;
}

.comparison__table-row {
	display: flex;
}

.comparison__table-row:not(:last-child) {
	border-bottom: 1px solid #ddd;
}

.comparison__table-box-name {
	min-width: 215px;
	max-width: 215px;
	padding: 20px 8px 20px 0;
}

.comparison__table-box-name-text {
	font-size: 18px;
	line-height: 20px;
	color: #222;
}

.comparison__table-box-orange {
	padding: 20px 8px 20px 20px;
	min-width: 430px;
	max-width: 430px;
	background-color: #ef7f04;
}

.comparison__table-row:last-child .comparison__table-box-orange {
	border-radius: 0 0 0 10px;
}

.comparison__table-row:last-child .comparison__table-box-white {
	border-radius: 0 0 10px 0;
}

.comparison__table-box-title {
	font-weight: 700;
	font-size: 18px;
	line-height: 20px;
	color: #fff;
}

.comparison__table-box-white .comparison__table-box-title {
	color: #222;
}

.comparison__table-box-desc {
	font-size: 18px;
	line-height: 20px;
	color: #fff;
}

.comparison__table-box-white .comparison__table-box-desc {
	color: #222;
}

.comparison__table-box-white {
	min-width: 430px;
	max-width: 430px;
	padding: 20px 8px 20px 20px;
	background-color: #fff;
}

/* -------------------------desc------------------------- */

.page__desc {
	margin: 0px 0px 65px 0px;
}

.desc__container {}

.desc__inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 26px;
}

.desc__title {
	font-weight: 700;
	font-size: 28px;
	line-height: 32px;
	color: #222;
	text-align: center;
}

.desc__subtitle {
	max-width: 812px;
	font-size: 18px;
	line-height: 27px;
	color: #555;
	text-align: center;
}

/* --------------------------calc-modal------------------------ */

.calc-modal {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 10;
	background-color: #fff;
	box-shadow: 0 -5px 5px rgba(0, 0, 0, 0.3);

	transition: all .3s ease;
}

.calc-modal--hide,
.calc-modal--hide-2 {
	transform: translateY(100%);
}

.calc-modal__window {
	position: relative;
}

.calc-modal-close {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 40px;

	width: 46px;
	height: 46px;

	display: flex;
	align-items: center;
	justify-content: center;

	background-color: #ECF1F4;
}

.calc-modal .calc__price-image {
	width: 60px;
	height: 60px;
}

.calc-modal .calc__price {
	margin: 0;
	padding: 10px 0;
}

.calc-modal .calc__price-desc {
	font-size: 20px;
}

.calc-modal-link {
	width: 47px;
	height: 47px;

	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #ECF1F4;

	transition: all .2s ease;
}

.calc-modal-link:active {
	background: #cacfd1;
}

@media(hover:hover) {
	.calc-modal-link:hover {
		background: #cacfd1;
	}
}

.calc-modal-link svg {
	transform: rotate(180deg);
}

.modal-calc-btn {
	display: none;
}

/* -------------------------company------------------------- */

.page__company {
	margin: 0px 0px 100px 0px;
}

.company__container {}

.company__inner {
	display: flex;
	align-items: start;
	gap: 30px;
}

.company__sidebar {
	max-width: 296px;
	min-width: 296px;
}

.company__list {
	border-bottom: 1px solid #f5f5f5;
}

.company__item {}

.company__item-link {
	display: inline-block;
	width: 100%;
	border-top: 1px solid #f5f5f5;
	padding: 22px 30px;

	font-weight: 700;
	font-size: 14px;
	line-height: 20px;
	color: #222;

	transition: all .2s ease;
}

.company__item-link:active {
	color: #FDA304;
}

@media(hover:hover) {
	.company__item-link:hover {
		color: #FDA304;
	}
}

.company__item-link--active {
	background: #f9f9f9;
	color: #FDA304;
}

.company__article {
	width: 100%;
}

.company__article-img {
	margin: 0px 0px 30px 0px;
}

.company__article-iamge {
	width: 100%;
}

.company__article-title {
	margin: 0px 0px 20px 0px;
}

.company__article-subtitle {
	margin: 0px 0px 15px 0px;

	font-weight: 700;
	font-size: 24px;
	line-height: 28px;
	color: #222;
}

.company__article-cards {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	gap: 20px;
	margin: 0px 0px 30px 0px;
}

.company__article-card {
	font-size: 15px;
	line-height: 24px;
	color: #555;
}

.company__article-desc {
	display: flex;
	flex-direction: column;
	gap: 24px;

	margin: 0px 0px 24px 0px;
}

.company__article-desc-text {
	font-size: 15px;
	line-height: 24px;
	color: #555;
}

.company__article-columns {}

.company__article-columns-body {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}

.company__article-column {}

.company__article-column-name {
	font-weight: 700;
	font-size: 20px;
	line-height: 23px;
	color: #ff9801;

	margin: 0px 0px 10px 0px;
	display: block;
}

.company__article-column-list {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.company__article-column-item {
	font-size: 15px;
	line-height: 24px;
	color: #ff9801;

	padding: 0px 0px 0px 20px;
	position: relative;
}

.company__article-column-item::after {
	content: '';

	position: absolute;
	top: 12px;
	left: 0;
	width: 15px;
	height: 1px;

	background-color: #ff9801;
}

.company__article-columns-name {
	font-weight: 700;
	font-size: 24px;
	line-height: 28px;
	color: #222;

	margin: 0px 0px 15px 0px;
	display: block;
}

.company__article-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 30px 0px 50px 0px;
}

.company__article-link {}

.company__principles {}

.company__article-subtitle {}

.company__principles-cards {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.company__principles-card {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.company__principles-card-name {
	font-weight: 700;
	font-size: 20px;
	line-height: 23px;
	color: #ff9801;
}

.company__principles-card-name.company__article-subtitle {
	margin: 0;
	font-size: 24px;
	line-height: 28px;
	color: #222;
}

.company__principles-card-desc {
	font-size: 15px;
	line-height: 24px;
	color: #555;
}

/* -------------------------team------------------------- */

.company-team {
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.company-team__box {}

.company-team__box-name {
	margin: 0px 0px 26px 0px;

	font-weight: 700;
	font-size: 28px;
	line-height: 28px;
	color: #222;
}

.company-team__box-cards {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	border-left: 2px solid #f5f5f5;
}

.company-team__box-card {
	padding: 40px 35px 24px 35px;
	border-right: 2px solid #f5f5f5;
	border-bottom: 2px solid #f5f5f5;
}

.company-team__box-card:nth-child(-n+3) {
	border-top: 2px solid #f5f5f5;
}

@media(max-width:1247px) {
	.company-team__box-card:nth-child(-n+3) {
		border-top: none;
	}

	.company-team__box-card:nth-child(-n+2) {
		border-top: 2px solid #f5f5f5;
	}
}

@media(max-width:1060px) {
	.company-team__box-card:nth-child(-n+3) {
		border-top: 2px solid #f5f5f5;
	}
}

@media(max-width:896px) {
	.company-team__box-card:nth-child(-n+3) {
		border-top: none;
	}

	.company-team__box-card:nth-child(-n+2) {
		border-top: 2px solid #f5f5f5;
	}
}

@media(max-width:896px) {
	.company-team__box-card:nth-child(-n+3) {
		border-top: none;
	}

	.company-team__box-card:nth-child(-n+1) {
		border-top: 2px solid #f5f5f5;
	}
}

.company-team__box-card-img {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0px 0px 23px 0px;
}

.company-team__box-card-image {
	width: 150px;
	height: 150px;
	border-radius: 50%;
}

.company-team__box-card-image-back {
	background: #f8f8f8;
}

.company-team__box-card-name {
	font-weight: 700;
	font-size: 15px;
	line-height: 24px;
	color: #222;
	text-align: center;

	display: block;

	transition: all .2s ease;
}

.company-team__box-card-name:active {
	color: #FDA304;
}

@media(hover:hover) {
	.company-team__box-card-name:hover {
		color: #FDA304;
	}
}

.company-team__box-card-post {
	font-size: 14px;
	line-height: 20px;
	color: #9a9a9a;
	text-align: center;

	display: block;
	margin: 0px 0px 20px 0px;
}

.company-team__box-card-email {
	display: block;

	text-align: center;
	font-size: 15px;
	line-height: 24px;
	color: #ff9801;

	transition: all .2s ease;
}

.company-team__box-card-email:active {
	color: #222;
}

@media(hover:hover) {
	.company-team__box-card-email:hover {
		color: #222;
	}
}

.company-team__pagination {
	display: flex;
	align-items: center;
	gap: 20px;
	justify-content: space-between;
}

.company-team__pagination-list {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 4px;

	padding: 20px 0;
}

.company-team__pagination-item {}

.company-team__pagination-item-link {
	display: flex;
	align-items: center;
	justify-content: center;

	width: 36px;
	height: 31px;
	border-radius: 5px;

	font-weight: 700;
	font-size: 14px;
	line-height: 20px;
	color: #222;

	transition: all .2s ease;
}

.company-team__pagination-item-link:active {
	color: #fff;
	background-color: #FDA304;
}

@media(hover:hover) {
	.company-team__pagination-item-link:hover {
		color: #fff;
		background-color: #FDA304;
	}
}

.company-team__pagination-item-link--active {
	background-color: #ff9801;
	color: #fff;
}

.company-team__pagination-link {
	width: 31px;
	height: 36px;
	border-radius: 10px;

	display: flex;
	align-items: center;
	justify-content: center;

	transition: all .2s ease;
}

.company-team__pagination-link:active {
	background-color: #FDA304;
}

.company-team__pagination-link:active svg path {
	fill: #fff;
}

@media(hover:hover) {
	.company-team__pagination-link:hover {
		background-color: #FDA304;
	}

	.company-team__pagination-link:hover svg path {
		fill: #fff;
	}
}

.company-team__pagination-link-prev {
	transform: rotate(-90deg);
}

.company-team__pagination-link-next {
	transform: rotate(90deg);
}

/* -------------------------company-reviews------------------------- */

.company-reviews {}

.company-reviews__subtitle {
	font-weight: 700;
	font-size: 15px;
	line-height: 24px;
	color: #555;

	margin: 0px 0px 24px 0px;
}

.company-reviews__cards {
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.company-reviews__card {
	padding: 10px;
	border: 1px solid #f5f5f5;

	display: flex;
	flex-direction: column;
	gap: 24px;
}

.company-reviews__card-link {
	display: block;
	font-weight: 700;
	font-size: 15px;
	line-height: 24px;
	color: #222;

	transition: all .2s ease;
}

.company-reviews__card-link:active {
	color: #FDA304;
}

@media(hover:hover) {
	.company-reviews__card-link:hover {
		color: #FDA304;
	}
}

.company-reviews__card-desc {
	font-size: 15px;
	line-height: 20px;
	color: #555;
}

.company-reviews__card-desc-link {
	color: #ff9801;

	transition: all .2s ease;
}

.company-reviews__card-desc-link:active {
	color: #222;
}

@media(hover:hover) {
	.company-reviews__card-desc-link:hover {
		color: #222;
	}
}

/* -------------------------company-details------------------------- */

.company-details {
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.company-details__box {}

.company-details__title {
	font-weight: 700;
	font-size: 28px;
	line-height: 28px;
	color: #222;

	margin: 0px 0px 26px 0px;
}

.company-details__table {
	margin: 0px 0px 10px 0px;
}

.company-details__table-row {
	display: flex;
	align-items: start;
}

.company-details__table-row:nth-child(even) {
	background: #eff5f7;
}

.company-details__table-name {
	min-width: 278px;

	font-weight: 700;
	font-size: 15px;
	line-height: 21px;
	color: #555;

	display: block;
	padding: 8px;
}

.company-details__table-value {
	width: 100%;

	font-weight: 400;
	font-size: 15px;
	line-height: 21px;
	color: #555;

	display: block;
	padding: 8px;
}

.company-details__box-desc {}

.company-details__box-desc-text {
	font-weight: 400;
	font-size: 15px;
	line-height: 21px;
	color: #555;
}

/* -------------------------company-vacancies------------------------- */

.company-vacancies {
	padding: 40px 80px 40px 45px;
	background: #f5f5f5;
}

.company-vacancies__desc {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin: 0px 0px 20px 0px;
}

.company-vacancies__desc-text {
	font-size: 20px;
	line-height: 24px;
	color: #555;
}

.company-vacancies__link {
	font-size: 14px;
	padding: 9px 20px 11px 20px;
}

/* -------------------------contacts------------------------- */

.page__contacts {
	margin: 0px 0px 100px 0px;
}

.contacts__container {}

.contacts__inner {}

.contacts__head {
	display: flex;
	align-items: start;
	justify-content: space-between;
	gap: 20px;
	flex-wrap: wrap;
	margin: 0px 0px 20px 0px;
}

.city {
	max-width: 188px;
	width: 100%;

	border: 1px solid #f5f5f5;
	padding: 5px 39px 5px 7px;
	background: none;
	color: #777777;
	cursor: pointer;
	line-height: 17px;
	position: relative;
}

.contacts__head-cards {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	gap: 20px 30px;

	max-width: 870px;
	width: 100%;
}

.contacts__head-card {
	display: flex;
	align-items: center;
	gap: 30px;
}

.contacts__head-card-icon {
	width: 45px;
	height: 45px;
	min-width: 45px;

	display: flex;
	align-items: center;
	justify-content: center;

	border-radius: 50%;
	background: #efefef;
}

.contacts__head-card-icon-img {}

.contacts__head-card-body {
	display: flex;
	flex-direction: column;
}

.contacts__head-card-name {
	font-weight: 500;
	font-size: 15px;
	line-height: 24px;
	color: #222;
}

.contacts__head-card-text {
	font-size: 12px;
	line-height: 21px;
}

.contacts__head-card-link {
	font-size: 12px;
	line-height: 21px;
	color: #ff9801;

	transition: all .2s ease;
}

.contacts__head-card-link:active {
	color: #222;
}

@media(hover:hover) {
	.contacts__head-card-link:hover {
		color: #222;
	}
}

.contacts-map {
	width: 100%;
	min-height: 420px;
	margin: 0px 0px 40px 0px;
}



.contacts__cards {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}

.contacts__card {
	padding: 20px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);

	display: flex;
	flex-direction: column;
	gap: 0px;
}

.contacts__card-city {
	font-weight: 700;
	font-size: 20px;
	line-height: 20px;
	color: #222;
}

.contacts__card-location {
	font-size: 15px;
	line-height: 24px;
	color: #333;
}

.contacts__card-link {
	font-size: 15px;
	line-height: 24px;
	color: #FDA304;
	display: flex;
	align-items: center;
	gap: 4px;
}

.contacts__card-link:active {
	text-decoration: underline;
}

@media(hover:hover) {
	.contacts__card-link:hover {
		text-decoration: underline;
	}
}

.contacts__card-link-mail {}

.contacts__card-btn {
	font-weight: 700;
	font-size: 14px;
	line-height: 19px;
	color: #FDA304;
	text-align: center;

	max-width: 148px;
	width: 100%;
	margin: 5px 0px 0px 0px;

	border: 1px solid #fee4b5;
	background: #ffffff;
	padding: 6px 5px 6px 6px;

	transition: all .2s ease;
}

.contacts__card-btn:active {
	color: #fff;
	background-color: #FDA304;
}

@media(hover:hover) {
	.contacts__card-btn:hover {
		color: #fff;
		background-color: #FDA304;
	}
}

/* -------------------------media------------------------- */

@media(max-width:1480px) {
	.calc-modal-close {
		top: 20px;
		left: auto;
		right: 10px;

		width: unset;
		height: unset;
		background-color: transparent;
	}

	.calc-modal-close svg {
		width: 24px;
		height: 24px;
	}

	.calc-modal-close svg path {
		stroke: #faa535;
	}
}

@media(max-width:1180px) {
	.header__list {
		gap: 30px;
	}


	.services__cards {
		grid-template-columns: repeat(1, 1fr);
	}

	.services__card:nth-child(odd) {
		border-right: none;
	}

	.why-us__img {
		display: none;
	}

	.newsletter__inner {
		flex-direction: column;
		align-items: start;
		gap: 20px;
	}

	.newsletter__form {
		max-width: unset;
	}

	.footer__columns {
		flex-wrap: wrap;
	}

	.footer__column-1 {
		max-width: unset;
		width: 100%;
	}





	.comparison__table {
		width: 100%;
	}

	.comparison__container {
		padding: 0;
	}

	.comparison__table-head-box-orange,
	.comparison__table-box-orange {
		width: 100%;
		max-width: unset;
		min-width: 334px;
	}

	.comparison__table-head-box-white {
		width: 100%;
	}




	.calc-modal .calc__price-btns {
		padding: 0px 60px 0px 0px;
		position: relative;
	}

	.calc-modal-link {
		position: absolute;
		top: 0;
		right: 0;
	}

	.calc-modal .calc__price {
		padding: 10px 20px 10px 0;
	}




	.header-fix {
		display: none;
	}

	html {
		scroll-padding-top: 40px;
	}
}

@media(max-width:1060px) {
	.header__mob {
		display: flex;
		align-items: center;
		gap: 20px;
	}

	.header__tel,
	.header__city,
	.header__box {
		display: none;
	}

	.header__logo-img {
		max-width: 108px;
	}

	.container {
		padding: 0 20px;
	}

	.header__container-hide {
		display: none;
	}

	.header__top-inner {
		padding: 20px 0px;
	}

	.header__login svg,
	.header__search svg {
		width: 21px;
		height: 21px;
	}

	.header__login span,
	.header__search span {
		display: none;
	}

	.header__right {
		gap: 30px;
	}





	.preview__slide-inner {
		padding: 90px 0px 0px 0px;
		text-align: center;

		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.preview__slide-subtitle {
		max-width: unset;
	}

	.preview__slide-h2 {
		max-width: 710px;
	}

	.preview__btn {
		display: none;
	}

	.preview__slide-bg-opc {
		opacity: .6;
	}

	.preview__slide-item {
		color: #222;
	}





	.service__cards {
		grid-template-columns: repeat(3, 1fr);
	}

	.service__card {
		padding: 20px;
	}





	.calc__container {
		padding: 0;
	}

	.calc__price-btns {
		flex-direction: column;
	}

	.calc__price-btn,
	.calc__price-btn.btn-yellow {
		min-width: 225px;
		max-width: 225px;
	}





	.tarifs__cards {
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}





	.outsourcing__inner {
		flex-direction: column;
		align-items: center;
	}

	.outsourcing__body {
		max-width: unset;
	}






	.about-service__card-img {
		display: none;
	}

	.about-service__card-body {
		max-width: unset;
		padding: 20px;
	}





	.company__sidebar {
		display: none;
	}

}

@media(max-width:768px) {
	.preview__slide {
		min-height: 240px;
		height: unset;
	}

	.preview__slide-inner {
		padding: 30px 0;
	}

	.preview__slide-h2 {
		font-size: 20px;
		line-height: 28px;
		margin: 0 0 20px 0;
	}

	.preview__slide-subtitle {
		font-size: 30px;
	}

	.preview__slide-item {
		font-size: 20px;
	}

	.preview__slide-list {
		gap: 10px;
	}

	.preview__slider-pagination {
		display: none;
	}

	.page__preview {
		margin: 0px 0px 60px 0px;
	}






	.services__card {
		padding: 20px;
		flex-direction: column;
		align-items: start;
		gap: 20px;
	}

	.services__container {
		padding: 0;
	}

	.services__head {
		padding: 0 20px;
	}

	.page__services {
		margin: 0px 0px 60px 0px;
	}





	.page__why-us {
		margin: 0px 0px 60px 0px;
	}

	.newsletter__inner {
		text-align: center;
		align-items: center;
		padding: 30px 0;
	}

	.footer__columns {
		flex-direction: column;
		align-items: center;
		text-align: center;

		margin: 0px 0px 30px 0px;
	}

	.footer .footer__column-list,
	.footer .footer__column-2-list {
		align-items: center;
	}

	.footer {
		padding: 30px 0;
	}

	.footer__column-name {
		margin: 0px 0px 20px 0px;
	}

	.footer__bottom {
		align-items: center;
	}





	.service-preview__subtitle {
		font-size: 16px;
	}






	.service__cards {
		grid-template-columns: repeat(2, 1fr);
	}





	.calc__inner {
		padding: 25px 15px;
	}

	.calc__body {
		flex-direction: column;
	}

	.calc__content,
	.calc__table {
		max-width: unset;
	}

	.calc__price {
		flex-direction: column;
	}

	.calc__price-left {
		max-width: unset;
		width: 100%;
	}

	.calc__price-btn,
	.calc__price-btn.btn-yellow {
		max-width: unset;
		min-width: unset;
		width: 100%;
	}

	.calc__price-right {
		width: 100%;
	}

	.calc__banner {
		padding: 16px;
	}

	.calc__price-image {
		width: 40px;
		height: 40px;
	}

	.calc__price-left {
		align-items: start;
	}

	.calc__price-desc {
		font-size: 20px;
		line-height: 28px;
		gap: 6px;
	}

	.page__calc {
		margin: 0px 0px 60px 0px;
	}







	.tarifs__card-head,
	.tarifs__card-body {
		padding: 20px;
	}

	.tarifs__card-btn {
		width: 100%;
		max-width: unset;
	}

	.page__tarifs {
		margin: 0px 0px 60px 0px;
	}

	.agit-calc__body {
		flex-direction: column;
		gap: 20px;
	}

	.agit-calc__btn,
	.agit-calc__btns {
		width: 100%;
		max-width: unset;
	}

	.agit-calc__inner {
		padding: 20px;
	}

	.page__agit-calc {
		margin: 0px 0px 60px 0px;
	}

	.page__outsourcing {
		margin: 0px 0px 60px 0px;
	}





	.about-service__card-item,
	.about-service__card-subtitle {
		font-size: 16px;
	}

	.about-service__inner {
		gap: 40px;
	}

	.page__about-service {
		margin: 0px 0px 60px 0px;
	}





	.outsourcing__title {
		font-size: 26px;
	}

	.outsourcing__subtitle {
		font-size: 16px;
	}

	.desc__subtitle {
		font-size: 16px;
	}





	.comparison__table-head-box-orange,
	.comparison__table-head-box-white,
	.comparison__table-box-name,
	.comparison__table-box-orange,
	.comparison__table-box-white {
		padding: 16px;
	}

	.comparison__table-head {
		font-size: 24px;
	}

	.comparison__table-box-name,
	.comparison__table-box-transp {
		max-width: 160px;
		min-width: 160px;
	}

	.comparison__table-box-name-text,
	.comparison__table-box-title,
	.comparison__table-box-desc {
		font-size: 16px;
	}

	.page__comparison {
		padding: 40px 0;
		margin: 0px 0px 60px 0px;
	}

	.desc__title {
		font-size: 26px;
	}




	.calc-modal .calc__price {
		padding: 30px 0 10px 0;
	}




	.modal-calc-btn {
		display: block;
		position: fixed;
		bottom: 20px;
		left: 20px;
		z-index: 4;
	}

	.calc-modal {
		transform: translateY(100%);
		transition: all .3s ease;
	}

	.modal-calc-btn-img {
		width: 60px;
		height: 60px;
	}

	.calc-modal--visible {
		transform: translateY(0%);
	}

	.calc-modal--hide-2 {
		transform: translateY(100%);
	}





	.company__article-columns-body {
		grid-template-columns: repeat(1, 1fr);
	}

	.company__article-columns {
		margin: 0px 0px 20px 0px;
	}

	.page__company {
		margin: 0px 0px 60px 0px;
	}

	.company__article-subtitle {
		font-size: 20px;
	}

	.search-form__input {
		font-size: 20px;
	}

	.search-form__btn {
		font-size: 14px;
		padding: 10px 16px;
	}

	.search__window {
		min-height: 100px;
	}




	.company-details__table-row {
		flex-direction: column;
	}

	.company-details__table-name {
		min-width: unset;
	}




	.company-vacancies {
		padding: 24px;
	}






	.contacts__cards {
		grid-template-columns: repeat(1, 1fr);
	}

	.contacts__card {
		padding: 20px 0;
	}

	.page__contacts {
		margin: 0px 0px 60px 0px;
	}

	.contacts__card:last-child {
		border: none;
	}
}

@media(max-width:640px) {
	.tarifs__cards {
		grid-template-columns: repeat(1, 1fr);
	}
}

@media(max-width:520px) {
	.service__cards {
		grid-template-columns: repeat(1, 1fr);
	}

	.city {
		max-width: unset;
	}
}

@media(max-width:480px) {
	.preview__slide-subtitle {
		font-size: 22px;
	}

	.preview__slide-item {
		font-size: 16px;
	}

	.title-h2 {
		font-size: 24px;
	}

	.services__card-image {
		width: 100px;
	}

	.why-us__body {
		gap: 20px;
	}

	.title-h3 {
		font-size: 20px;
	}
}