/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/* ---------------------------------------
!	ОБЩИЕ СТИЛИ
-----------------------------------------*/
:root {

	--Font_total: calc((100vw - 412px)/(1000 - 412) * (18 - 15) + 15px);
	font-size: clamp(15px, var(--Font_total), 18px);
	--Font_nav: calc((100vw - 768px)/(1000 - 768) * (18 - 13) + 13px);
	--Img_width_scroll: clamp(112px, calc((100vw - 412px)/(1000 - 412) * (176 - 112) + 112px), 176px);
	--Отступ: 1rem;
	--Отступ_доп: calc(var(--Отступ) * 2);
	/* --Отступ_доп: calc(var(--Отступ) / 2); */
	--Оранжевый: #FF7F00;
	--Зеленый: #0f0;
	--Текст_светлый: #fff;
	/* --Фон: #F5F5F5; */
	--Фон: #fff;
}

html {
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	line-height: 1.3;
	text-size-adjust: 100%;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: .1rem;
}

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

h1,
.h1_p {
	-moz-text-decoration-color: var(--Оранжевый);
	-webkit-text-decoration-color: var(--Оранжевый);
	-webkit-text-decoration-line: underline;
	font-family: "Times New Roman", Times, serif;
	font-size: 1.7rem;
	font-weight: 400;
	letter-spacing: .21rem;
	margin: 0 auto;
	text-align: center;
	text-decoration-color: var(--Оранжевый);
	text-decoration-line: underline;
}

h2 {
	border-bottom: 2px solid var(--Оранжевый);
	font-family: "Times New Roman", Times, serif;
	font-size: 1.4rem;
	letter-spacing: .28rem;
	line-height: 1.2;
	margin: 0 auto;
	text-decoration: none;
	text-transform: uppercase;
	width: -moz-fit-content;
	width: -webkit-fit-content;
	width: fit-content;
}

h3 {
	/* margin: 1rem auto; */
	border-bottom: 2px solid var(--Оранжевый);
	font-family: "Times New Roman", Times, serif;
	font-size: 1.2rem;
	letter-spacing: .225rem;
	line-height: 1.2;
	margin: 0;
}

p {
	margin: 0;
}

:focus-visible {
	outline: none;
}

hr {
	border: none;
	border-top: 1px solid var(--Оранжевый);
	margin: 0;
}

a,
a:hover {
	text-decoration: none;
	color: inherit;
}

img {
	max-width: 100%;
	height: auto;
}

body {
	background-color: var(--Фон);
	/* color: #000; */
	color: #333;
	margin: 0;
}

/* Временный Запрет прокрутки страницы при других прокрутках */
.no-scroll {
	overflow: hidden;
	height: 100vh;
	/* Предотвращает прокрутку на некоторых мобильных */
}

.row {
	margin: 0 auto;
	max-width: 1000px;
	padding: 0 15px;
	width: 100%;
}

.img_shadow {
	-webkit-box-shadow: 5px 5px 10px #2B1015;
	box-shadow: 5px 5px 10px #2B1015;
	border-radius: 5px;
	max-width: 100%;
}

.img_border {
	border: 2px solid var(--Оранжевый);
	border-radius: 10px;
	width: 100%;
}

.p_green {
	color: var(--Оранжевый);
	-webkit-text-decoration-line: underline;
	text-decoration-line: underline;
	font-weight: bold;
	-webkit-text-decoration-color: var(--Зеленый);
	text-decoration-color: var(--Зеленый);
	-moz-text-decoration-color: var(--Зеленый);
}

section[id*="_page"],
.pad_top_add {
	padding-top: var(--Отступ_доп);
}

/* ---------------------------------------
!	ЗАГОЛОВОК
-----------------------------------------*/
.home_page {
	/* background-attachment: fixed; */
	/* background-position-x: center; */
	/* background-position-y: bottom; */
	/* background-repeat: no-repeat; */
	/* background-size: cover; */
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	text-shadow: 0 0 10px #000, 1px 1px 0 #000;
	min-height: 420px;
	/* background-color: #000; */
	/* height: 100%; */
	/* min-height: 100svh; */
	/* overflow: visible; */
	/* background-image: none; */
	position: relative;
}

.home_page::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/* Запас высоты, чтобы скрыть скачки */
	/* background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('/img/1_turnstiles/background_turnstiles.webp'); */
	background-size: cover;
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: bottom;
	z-index: -1;
	will-change: transform;
	/* Подсказка браузеру для плавной работы */
}

.home_page .row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: var(--Отступ);
}

.home_page .block-left {
	display: block;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-webkit-box-pack: space-evenly;
	-ms-flex-pack: space-evenly;
	justify-content: space-evenly;
	text-align: center;
}

.home_page .block-left>* {
	margin: 1rem auto;
}

.home_page .block-left p:not(.h1_p) {
	font-size: calc(1rem + 2px);
}

.home_page .block-right {
	display: none;
	-ms-flex-preferred-size: 30%;
	flex-basis: 30%;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 100%;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	max-height: 700px;
}

.home_page .invisible {
	aspect-ratio: 600/110;
	max-width: 300px;
	position: relative;
}

.home_page #logo_img {
	height: auto;
	width: 100%;
	display: block;
}

.small_menu {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.small_menu a {
	-webkit-animation-duration: 1000ms;
	animation-duration: 1000ms;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	border-bottom: 2px solid var(--Оранжевый);
	border-radius: 10px;
	color: var(--Оранжевый);
	line-height: normal;
	padding: 5px;
	-webkit-transition: background-color 1s, color 1s;
	-o-transition: background-color 1s, color 1s;
	transition: background-color 1s, color 1s;
	font-family: "Times New Roman", Times, serif;
	letter-spacing: 0.109rem;
}

.small_menu a:hover {
	background-color: var(--Оранжевый);
	color: var(--Текст_светлый);
}

/* ---------------------------------------
!	МЕНЮ
-----------------------------------------*/
.nav {
	background-color: rgba(0, 0, 0, .8);
	display: block;
	opacity: 0;
	padding: 0 15px;
	position: fixed;
	top: -50px;
	-webkit-transition: opacity 1s linear, top 1s linear;
	-o-transition: opacity 1s linear, top 1s linear;
	transition: opacity 1s linear, top 1s linear;
	width: 100%;
	z-index: 1;
}

.nav.visible {
	opacity: 1;
	top: 0;
}

/* --- ЗАГОЛОВОК МЕНЮ -------------- */
.nav_head {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 50px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.nav_head img {
	height: 100%;
	padding: 9px 0;
}

.nav_head button {
	border: none;
	padding: 0;
	background: none;
}


/* --- ГАМБУРГЕР МЕНЮ -------------- */
.nav_head button.nav_burger {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	/* box-shadow: none; */
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	text-align: left;
}

.nav_burger span,
.nav_burger span::before,
.nav_burger span::after {
	background-color: var(--Текст_светлый);
	height: 3px;
	width: 26px;
}

.nav_burger span {
	position: relative;
}

.nav_burger span::before,
.nav_burger span::after {
	content: '';
	position: absolute;
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: bottom .5s, top .5s, -webkit-transform .5s;
	transition: bottom .5s, top .5s, -webkit-transform .5s;
	-o-transition: bottom .5s, top .5s, transform .5s;
	transition: bottom .5s, top .5s, transform .5s;
	transition: bottom .5s, top .5s, transform .5s, -webkit-transform .5s;
}

.nav_burger span::before {
	bottom: 8px;
}

.nav_burger span::after {
	top: 8px;
}

.nav_burger.show span {
	background: transparent;
}

.nav_burger.show span::before {
	bottom: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.nav_burger.show span::after {
	top: 0;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/* --- МЕНЮ ------------------------ */
.nav_menu {
	color: var(--Текст_светлый);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	max-height: 0;
	overflow: hidden;
	-webkit-transition: max-height 1s ease;
	-o-transition: max-height 1s ease;
	transition: max-height 1s ease;
}

.nav_menu.show {
	max-height: 240px;
	max-height: 285px;
}

.nav_menu>a {
	border-top: 1px solid var(--Текст_светлый);
	padding: 8px 0;
	width: 100%;
}

.nav_menu>a::after {
	background-color: var(--Оранжевый);
	content: "";
	display: block;
	height: 2px;
	left: 50%;
	position: relative;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-transition: width 0.3s ease-in-out 0s;
	-o-transition: width 0.3s ease-in-out 0s;
	transition: width 0.3s ease-in-out 0s;
	width: 0px;
}

.nav_menu>a.active {
	color: var(--Оранжевый);
	text-decoration: underline;
	text-decoration-thickness: 2px;
}

.menu_logo {
	border-top: 1px solid var(--Текст_светлый);
	border-bottom: 1px solid var(--Текст_светлый);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 50px;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	margin-bottom: 8px;
	padding: 8px 0;
	width: 100%;
}

.menu_logo img {
	height: 100%;
}

/* --- Кнопка НАВЕРХ --------------- */
.scrollTop {
	-moz-border-radius: 100%;
	-moz-transform: translateX(100%);
	-moz-transition: bottom 1s ease-out, transform 1s ease-out;
	-ms-border-radius: 100%;
	-ms-transform: translateX(100%);
	-ms-transition: bottom 1s ease-out, transform 1s ease-out;
	-o-transform: translateX(100%);
	-o-transition: bottom 1s ease-out, transform 1s ease-out;
	-webkit-border-radius: 100%;
	-webkit-transform: translateX(100%);
	-webkit-transition: bottom 1s ease-out, transform 1s ease-out;
	border-radius: 100%;
	bottom: 0px;
	cursor: pointer;
	height: 60px;
	position: fixed;
	right: 0px;
	transform: translateX(100%);
	-webkit-transition: bottom 1s ease-out, -webkit-transform 1s ease-out;
	transition: bottom 1s ease-out, -webkit-transform 1s ease-out;
	transition: bottom 1s ease-out, transform 1s ease-out;
	transition: bottom 1s ease-out, transform 1s ease-out, -webkit-transform 1s ease-out;
	width: 60px;
}

.scrollTop:hover {
	bottom: 1rem
}

.nav.visible .scrollTop {
	transform: translateX(0);
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
}

.scrollTop:before,
.scrollTop:after {
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	background-color: #66C;
	border-radius: 100%;
	content: "";
	height: 60px;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	width: 60px
}

.scrollTop:before {
	-webkit-animation: clickMe 1.8s 222ms infinite ease-out;
	animation: clickMe 1.8s 222ms infinite ease-out;
	background-color: #669
}

.scrollTop:after {
	-webkit-animation: clickMe 1.8s 777ms infinite ease-out;
	animation: clickMe 1.8s 777ms infinite ease-out;
}

.scrollTop i {
	background: #369;
	background: rgba(28, 144, 243, .61);
	background-size: 12px;
	border-radius: 100%;
	color: var(--Оранжевый);
	display: block;
	font-size: 1.5rem;
	height: 30px;
	left: 15px;
	line-height: 30px;
	position: absolute;
	text-align: center;
	top: 15px;
	width: 30px;
	z-index: 100
}

.icon-arrow-up:before {
	content: "\f10c";
	text-shadow: 0px 0px 5px #000;
}

/* ---------------------------------------
!	УСЛУГИ
-----------------------------------------*/
.services {
	border-bottom: 1px solid var(--Оранжевый);
}

.services dl {
	margin: var(--Отступ) 0;
}

.services dt {
	font-weight: bold;
	padding-left: var(--Отступ_доп);
	position: relative;
	padding-left: 1.5rem;
}

.services dt span {
	position: absolute;
	left: 0;
}

.services dd {
	margin: 0;
}

/* ---------------------------------------
!	ПОЧЕМУ МЫ ЛУЧШИЕ ДЛЯ ВАС
-----------------------------------------*/
.best_for_you {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-top: var(--Отступ_доп);
}

.best_for_you .block-left,
.best_for_you .block-right {
	width: 100%;
}

.best_for_you .block-left {
	padding-bottom: var(--Отступ_доп);
	text-align: center;
}

.best_for_you .block-left .img_shadow {
	max-width: 290px;
	width: 100%;
}

.best_for_you .block-right p {
	margin: var(--Отступ) 0;
}

.best_for_you .block-right dt {
	font-weight: bold;
	padding-left: var(--Отступ_доп);
	position: relative;
}

.best_for_you .block-right dt::before {
	color: var(--Оранжевый);
	content: "\f26e";
	font-family: 'trsb_landing';
	font-size: 2rem;
	font-weight: normal;
	left: 0;
	line-height: initial;
	position: absolute;
	-webkit-transition: color 1s;
	-o-transition: color 1s;
	transition: color 1s;
}

.best_for_you .block-right dl:nth-of-type(1) dt::before {
	content: "\f26e";
}

.best_for_you .block-right dl:nth-of-type(2) dt::before {
	content: "\f2ad";
}

.best_for_you .block-right dl:nth-of-type(3) dt::before {
	content: "\f2f7";
}

.best_for_you .block-right dt:hover:before {
	color: #000;
}

.best_for_you .block-right dd {
	margin-left: var(--Отступ_доп);
}

/* ---------------------------------------
!	ОТЗЫВЫ
-----------------------------------------*/
.testimonials {
	background-size: cover;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5))), url(/img/testimonial.webp) no-repeat fixed center center;
	background: -o-linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/img/testimonial.webp) no-repeat fixed center center;
	background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/img/testimonial.webp) no-repeat fixed center center;
	padding: var(--Отступ) 0;
	text-shadow: 0 0 10px #000, 1px 1px 0 #000;
	background-color: #000;
	min-height: 480px;
}

.testimonials-title {
	border-bottom: 2px solid var(--Оранжевый);
	color: var(--Оранжевый);
	font-family: "Times New Roman", Times, serif;
	font-size: 1.5rem;
	font-weight: bold;
	letter-spacing: .2rem;
	line-height: 1;
	margin: 0 auto var(--Отступ);
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}

.testimonials-carousel {
	display: block;
	overflow-x: hidden;
	position: relative;
}

.carousel-item {
	position: absolute;
	color: #fff;
	display: block;
	text-align: center;
}

.carousel-item.right {
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);
}

.carousel-item.center {
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);
	-webkit-transition: -webkit-transform 1s linear;
	transition: -webkit-transform 1s linear;
	transition: transform 1s linear;
	transition: transform 1s linear, -webkit-transform 1s linear;
	-webkit-transition: transform 1s linear;
	-moz-transition: transform 1s linear;
	-ms-transition: transform 1s linear;
	-o-transition: transform 1s linear;
}

.carousel-item.left {
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: -webkit-transform 1s linear;
	transition: -webkit-transform 1s linear;
	-o-transition: transform 1s linear;
	transition: transform 1s linear;
	transition: transform 1s linear, -webkit-transform 1s linear;
}

.testimonials-img {
	border-radius: 50%;
	border: 2px solid var(--Оранжевый);
	height: auto;
	margin-bottom: var(--Отступ);
	width: 150px;
}

.testimonials-name {
	color: var(--Оранжевый);
	font-family: "Times New Roman", Times, serif;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1;
	margin-bottom: var(--Отступ);
	text-transform: uppercase;
}

.testimonials-organization {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.5rem;
	font-style: italic;
	line-height: 1.2;
	margin-bottom: var(--Отступ);
	overflow-wrap: break-word;
}

.testimonials-organization span {
	color: var(--Оранжевый);
	white-space: nowrap;
}

.testimonials-stop {
	color: var(--Оранжевый);
	font-family: "Times New Roman", Times, serif;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1;
	margin: var(--Отступ) auto 0;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;

	-webkit-user-select: none;
	/* Safari */
	-ms-user-select: none;
	/* IE 10 и старые версии */
	-moz-user-select: none;
	user-select: none;
	/* Стандарт */
	-webkit-touch-callout: none;
	/* Отключает контекстное меню в iOS (копировать/вставить) */

}

/* ---------------------------------------
!	ОСОБЕННОСТИ
-----------------------------------------*/
.features {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	border-bottom: 1px solid var(--Оранжевый);
}

.features .block-left,
.features .block-right {
	width: 100%;
}

.features .block-center {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}

.features p {
	margin: var(--Отступ) 0;
	position: relative;
}

.features p::before {
	-moz-transition: color 1s;
	-ms-transition: color 1s;
	-o-transition: color 1s;
	-webkit-transition: color 1s;
	color: var(--Оранжевый);
	content: "\f26e";
	font-family: 'trsb_landing';
	font-size: 2rem;
	font-weight: normal;
	left: 0;
	line-height: initial;
	position: absolute;
	transition: color 1s;
}

.features p:hover::before {
	color: #000;
}

.features img {
	max-width: 290px;
	width: 100%;
}

.features img:nth-child(2) {
	display: none;
}

.features .block-left p,
.features .block-right p {
	padding-left: var(--Отступ_доп);
	text-align: left;
}

.features .block-left p:nth-child(1)::before {
	content: "\f47b";
}

.features .block-left p:nth-child(2)::before {
	content: "\f369";
}

.features .block-left p:nth-child(3)::before {
	content: "\f119";
}

.features .block-right p:nth-child(1)::before {
	content: "\f251";
}

.features .block-right p:nth-child(2)::before {
	content: "\f127";
}

.features .block-right p:nth-child(3)::before {
	content: "\f101";
}

/* ---------------------------------------
!	ОБНОВЛЕНИЕ ПО
-----------------------------------------*/

.installation p {
	margin: var(--Отступ) 0;
}

.installation-carousel {
	border-bottom: 1px solid var(--Оранжевый);
	overflow: hidden;
	padding-bottom: var(--Отступ);
	/* Скрываем полосу, так как анимация сама двигает контент */
	white-space: nowrap;
	width: 100%;
}

.installation-carousel .scroll-wrapper {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	/* Регулируйте время для скорости */
	animation: scroll 15s linear infinite;
	-webkit-animation: scroll 15s linear infinite;
}


@media (hover: hover) {

	/* Эффект паузы при наведении */
	.installation-carousel .scroll-wrapper:hover {
		-webkit-animation-play-state: paused;
		animation-play-state: paused;
	}
}

.installation-carousel figure {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	/* justify-content: space-between; */
	margin: 0 var(--Отступ) 0 0;
}

.installation-carousel .img_center {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.installation-carousel img {
	width: var(--Img_width_scroll);
	max-width: initial;
}

.installation-carousel figcaption {
	color: var(--Оранжевый);
	font-family: "Times New Roman", Times, serif;
	font-size: 1.25rem;
	font-weight: bold;
	/* margin-top: var(--Отступ); */
	text-shadow: #000 1px 1px 0;
}


@-webkit-keyframes scroll {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	100% {
		/* Сдвиг на половину ширины дублированного контента */
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}

}


@keyframes scroll {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	100% {
		/* Сдвиг на половину ширины дублированного контента */
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}

}

/* ---------------------------------------
!	О НАС
-----------------------------------------*/
.company .about_company {
	margin: var(--Отступ) 0;
}

.logos_OS {
	background: url(/img/subscribe.webp) no-repeat fixed center center;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	color: var(--Текст_светлый);
	background-color: #000;
	min-height: auto;
	min-height: 95px;
}

.logos_OS .row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 0.5rem 15px;
	text-align: center;
}

.logos_OS .row>div {
	width: 100%;
}

.logos_OS .title {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.42rem;
	font-weight: bold;
	letter-spacing: 0.1rem;
	line-height: 1.2;
	text-transform: uppercase;
}

.logos_OS .row>div:nth-of-type(2) {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-top: 0.5rem;
}

.logos_OS .logo_OS {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.icon-android:before {
	content: "\f225";
}

.icon-apple:before {
	content: "\f227";
}

.icon-windows:before {
	content: "\f247";
}

/* --- АНИМАЦИЯ -------------------- */
:root {
	/* Длительность одного перехода */
	--transition-time: 1s;
	/* Длительность одной фазы */
	--cycle-time: calc(var(--transition-time) * 3);
}

/* Иконка и текст используют ОДНУ и ту же универсальную анимацию */
.logo_OS i {
	-webkit-animation: fadeInOut var(--cycle-time) linear infinite;
	animation: fadeInOut var(--cycle-time) linear infinite;
	color: var(--Оранжевый);
	font-size: 3rem;
	opacity: 1;
}

.logo_OS p {
	-webkit-animation: fadeOutIn var(--cycle-time) linear infinite;
	animation: fadeOutIn var(--cycle-time) linear infinite;
	opacity: 0;
	position: absolute;
}

/* Задержки для каждого блока */
.logo_OS:nth-child(1) i,
.logo_OS:nth-child(1) p {
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
}

.logo_OS:nth-child(2) i,
.logo_OS:nth-child(2) p {
	-webkit-animation-delay: var(--transition-time);
	animation-delay: var(--transition-time);
}

.logo_OS:nth-child(3) i,
.logo_OS:nth-child(3) p {
	-webkit-animation-delay: calc(var(--transition-time) * 2);
	animation-delay: calc(var(--transition-time) * 2);
}

@-webkit-keyframes fadeInOut {
	0% {
		opacity: 1;
	}

	/* 0с: i видна */
	33.33% {
		opacity: 0;
	}

	/* 1с: i погасла */
	66.66% {
		opacity: 1;
	}

	/* 2с: i зажглась */
	100% {
		opacity: 1;
	}

	/* 3с: i всё ещё видна (покой) */
}

@keyframes fadeInOut {
	0% {
		opacity: 1;
	}

	/* 0с: i видна */
	33.33% {
		opacity: 0;
	}

	/* 1с: i погасла */
	66.66% {
		opacity: 1;
	}

	/* 2с: i зажглась */
	100% {
		opacity: 1;
	}

	/* 3с: i всё ещё видна (покой) */
}

@-webkit-keyframes fadeOutIn {
	0% {
		opacity: 0;
	}

	/* 0с: p не виден */
	33.33% {
		opacity: 1;
	}

	/* 1с: p зажёгся */
	66.66% {
		opacity: 0;
	}

	/* 2с: p погас */
	100% {
		opacity: 0;
	}

	/* 3с: p не виден (покой) */
}

@keyframes fadeOutIn {
	0% {
		opacity: 0;
	}

	/* 0с: p не виден */
	33.33% {
		opacity: 1;
	}

	/* 1с: p зажёгся */
	66.66% {
		opacity: 0;
	}

	/* 2с: p погас */
	100% {
		opacity: 0;
	}

	/* 3с: p не виден (покой) */
}

/* ---------------------------------------
!	КОНТАКТЫ
-----------------------------------------*/
.contact_block {
	border-bottom: 1px solid var(--Оранжевый);
	margin: var(--Отступ) 0;
	/* padding-bottom: var(--Отступ); */
}

.contact_block .div_tel,
.contact_block .div_form,
.contact_block .div_mail {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: var(--Отступ);
	margin: var(--Отступ) 0;
}

.contact_block .p_logo,
.contact_block .p_address {
	margin: var(--Отступ) 0;
}

.contact_block .p_address {
	text-align: right;
}

.contact_block .p_logo,
.contact_block div>p {
	text-align: justify;
}

.contact_block .div_tel a,
.contact_block .div_mail a,
.contact_block .forma_block {
	margin: 0 auto;
}

.contact_block .but_tel,
.contact_block .but_mail,
.forma_block,
.soon_call {
	max-width: 250px;
}

.contact_block .but_tel,
.contact_block .but_mail,
.contact_block button {
	-ms-transform: scale(1);
	-o-transition: box-shadow 0.5s, transform 0.5s;
	-webkit-box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 75%);
	-webkit-transform: scale(1);
	-webkit-transition: -webkit-box-shadow 0.5s, -webkit-transform 0.5s;
	/* text-shadow: 1px 1px 2px #000; */
	/* text-shadow: 1px 1px 2px #FFF; */
	background-color: var(--Оранжевый);
	border-radius: 0.5rem;
	border: none;
	box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 75%);
	color: #000;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: inherit;
	font-weight: bold;
	height: -moz-fit-content;
	height: -webkit-fit-content;
	height: fit-content;
	letter-spacing: 4px;
	padding: 0.5rem;
	text-align: center;
	transform: scale(1);
	transition: -webkit-box-shadow 0.5s, -webkit-transform 0.5s;
	transition: box-shadow 0.5s, transform 0.5s, -webkit-box-shadow 0.5s, -webkit-transform 0.5s;
	transition: box-shadow 0.5s, transform 0.5s;
	width: 100%;
}


.contact_block .but_tel:hover,
.contact_block .but_mail:hover,
.contact_block button:hover:not(:disabled) {
	-webkit-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03);
}

.contact_block .but_tel:active,
.contact_block .but_mail:active,
.contact_block button:active:not(:disabled) {
	-webkit-box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 75%);
	box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 75%);
	-webkit-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
}

.contact_block button:disabled {
	cursor: not-allowed;
	-webkit-box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 75%);
	box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 75%);
	-webkit-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
	/* pointer-events: none; */
	/* filter: grayscale(); */
	background-image: -o-linear-gradient(45deg, #808080, #808080) !important;
	background-image: linear-gradient(45deg, #808080, #808080) !important;
}

.contact_block>hr {
	display: none;
}

.contact_block span.bold {
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	letter-spacing: 0.2rem;
}

.contact_block>*:nth-child(13) {
	text-align: right;
}

/* --- ФОРМА ----------------------- */
.forma_block {
	/* position: relative; */
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
}

.forma_block form {
	background-color: var(--Фон);
	/* opacity: 0; */
	width: 100%;
	-webkit-transition: opacity 1s;
	-o-transition: opacity 1s;
	transition: opacity 1s;
}

.forma_block form input[type=text],
.forma_block form input[type=tel] {
	border: none;
}

.forma_block form input[type=text],
.forma_block form input[type=tel] {
	background-color: transparent;
	border-bottom: 2px solid var(--Оранжевый);
	font-size: inherit;
	margin-bottom: 0.5rem;
	padding: 0.5rem 10px;
	width: 100%;
	background-color: var(--Фон);
	transition: border 0.5s;
	-webkit-transition: border 0.5s;
	-moz-transition: border 0.5s;
	-ms-transition: border 0.5s;
	-o-transition: border 0.5s;
}

.forma_block form input[type=text]:valid,
.forma_block form input[type=tel]:valid {
	border-bottom-color: var(--Зеленый);
}

/* Для Chrome, Safari, Edge */
.forma_block form input:is([type=text], [type=tel]):-webkit-autofill {
	-webkit-box-shadow: 0 0 0 30px var(--Фон) inset !important;
	-webkit-text-fill-color: #000000 !important;
	background-color: var(--Фон) !important;
	box-shadow: 0 0 0 30px var(--Фон) inset !important;
	caret-color: #000000;
	color: #000000 !important;
}

.forma_block form input:is([type=text], [type=tel]):-webkit-autofill,
.forma_block form input:is([type=text], [type=tel]):-webkit-autofill:hover,
.forma_block form input:is([type=text], [type=tel]):-webkit-autofill:focus,
.forma_block form input:is([type=text], [type=tel]):-webkit-autofill:active,
.forma_block form input:is([type=text], [type=tel]):-internal-autofill-selected,
.forma_block form input:is([type=text], [type=tel]):autofill {
	-webkit-box-shadow: 0 0 0 30px var(--Фон) inset !important;
	-webkit-text-fill-color: #000000 !important;
	background-color: var(--Фон) !important;
	box-shadow: 0 0 0 30px var(--Фон) inset !important;
	caret-color: #000000;
	color: #000000 !important;
}

/* Для Firefox */
.forma_block form input:is([type=text], [type=tel]):-webkit-autofill {
	-webkit-box-shadow: 0 0 0 30px var(--Фон) inset !important;
	box-shadow: 0 0 0 30px var(--Фон) inset !important;
	background-color: var(--Фон) !important;
}

.forma_block form input:is([type=text], [type=tel]):autofill {
	-webkit-box-shadow: 0 0 0 30px var(--Фон) inset !important;
	box-shadow: 0 0 0 30px var(--Фон) inset !important;
	background-color: var(--Фон) !important;
}

/* Твой селектор */
.forma_block form input:is([type=text], [type=tel]):-internal-autofill-selected {
	-webkit-box-shadow: 0 0 0 30px var(--Фон) inset !important;
	box-shadow: 0 0 0 30px var(--Фон) inset !important;
	background-color: var(--Фон) !important;
}

/* Используем :is() для сокращения кода */
.forma_block form input:is([type=text], [type=tel]) {
	color: #000000;
	-webkit-text-fill-color: #000000;
	caret-color: #000000;
	background-color: var(--Фон);
}



/* --- input ИМЯ ------------------- */
.name {
	position: relative;
	width: 100%;
	/* font-family: Arial, sans-serif; */
}

.name span {
	position: absolute;
	left: 10px;
	top: 0.5rem;
	pointer-events: none;
	-webkit-transition: top 1s, color 1s, font-size 1s, opacity 1s;
	-o-transition: top 1s, color 1s, font-size 1s, opacity 1s;
	transition: top 1s, color 1s, font-size 1s, opacity 1s;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	/* opacity: 0.5; */
}

.name span::before {
	content: "Ваше Имя";
}

/* Пустое поле в фокусе — метка поднимается */
.name input:-moz-placeholder-shown:focus~span {
	top: -1rem;
	font-size: 90%;
	color: var(--Оранжевый);
	/* opacity: 1; */
}

.name input:-ms-input-placeholder:focus~span {
	top: -1rem;
	font-size: 90%;
	color: var(--Оранжевый);
	/* opacity: 1; */
}

.name input:placeholder-shown:focus~span {
	top: -1rem;
	font-size: 90%;
	color: var(--Оранжевый);
	/* opacity: 1; */
}

/* Поле с текстом — метка исчезает */
.name input:not(:-moz-placeholder-shown)~span {
	top: -0.75rem;
	font-size: 90%;
	color: var(--Оранжевый);
	opacity: 0;
}

.name input:not(:-ms-input-placeholder)~span {
	top: -0.75rem;
	font-size: 90%;
	color: var(--Оранжевый);
	opacity: 0;
}

.name input:not(:placeholder-shown)~span {
	top: -0.75rem;
	font-size: 90%;
	color: var(--Оранжевый);
	opacity: 0;
}

/* --- input ТЕЛЕФОН --------------- */

/* --- input РАЗРЕШЕНИЕ ------------ */
.personal_data {
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0 0 var(--Отступ) 10px;
}

.personal_data input {
	margin: 0;
}

.personal_data input+div {
	cursor: pointer;
	font-size: 14px;
	margin-left: 10px;
	-webkit-text-decoration: underline 2px solid var(--Оранжевый);
	text-decoration: underline 2px solid var(--Оранжевый);
	-webkit-transition: -webkit-text-decoration-color 0.5s;
	transition: -webkit-text-decoration-color 0.5s;
	transition: text-decoration-color 0.5s;
	transition: text-decoration-color 0.5s, -webkit-text-decoration-color 0.5s;
	-webkit-transition: text-decoration-color 0.5s;
	-moz-transition: text-decoration-color 0.5s;
	-ms-transition: text-decoration-color 0.5s;
	-o-transition: text-decoration-color 0.5s;
}

.personal_data input:valid+div {
	-webkit-text-decoration-color: var(--Зеленый);
	text-decoration-color: var(--Зеленый);
}

/* --- ВСПЛЫВАЮЩЕЕ ОКНО ------------ */
.popup {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: rgb(0 0 0 / 75%);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1;
	/*Плавность*/
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 1s, visibility 1s;
	-o-transition: opacity 1s, visibility 1s;
	transition: opacity 1s, visibility 1s;
}

.popup-content {
	background: white;
	border-radius: 10px;
	padding: 15px;
	-webkit-transform: translateY(-100vh);
	-ms-transform: translateY(-100vh);
	transform: translateY(-100vh);
	-webkit-transition: -webkit-transform 1s;
	transition: -webkit-transform 1s;
	-o-transition: transform 1s;
	transition: transform 1s;
	transition: transform 1s, -webkit-transform 1s;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.popup.show {
	opacity: 1;
	visibility: visible;
}

.popup.show .popup-content {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

.popup-content iframe {
	height: calc(100vh - (9rem + 45px));
	max-height: 600px;
	max-width: 424px;
	overflow-y: auto;
	width: calc(100vw - 60px);
	margin-bottom: 15px;
}

.popup-close {
	-ms-transform: scale(1);
	-o-transition: box-shadow 0.5s, transform 0.5s;
	-webkit-box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 75%);
	-webkit-transform: scale(1);
	-webkit-transition: -webkit-box-shadow 0.5s, -webkit-transform 0.5s;
	background-color: var(--Оранжевый);
	border-radius: 0.5rem;
	border: none;
	box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 75%);
	color: #fff;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: inherit;
	height: -moz-fit-content;
	height: -webkit-fit-content;
	height: fit-content;
	letter-spacing: .171rem;
	padding: 0.5rem;
	text-shadow: 1px 1px 2px #000;
	transform: scale(1);
	transition: -webkit-box-shadow 0.5s, -webkit-transform 0.5s;
	transition: box-shadow 0.5s, transform 0.5s, -webkit-box-shadow 0.5s, -webkit-transform 0.5s;
	transition: box-shadow 0.5s, transform 0.5s;
	width: -moz-fit-content;
	width: -webkit-fit-content;
	width: fit-content;
}

.popup-close:hover {
	-webkit-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03);
}

.popup-close:active {
	-webkit-box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 75%);
	box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 75%);
	-webkit-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
}

/* --- input BUTTON ---------------- */
/* Кнопка заблокирована по умолчанию */
#message_form button {
	pointer-events: none;
	opacity: 0.75;
	-webkit-box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 75%);
	box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 75%);
	-webkit-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
}

#message_form:has(.your-name:valid):has(.your-phone:valid):has(.personal_data input:checked) button {
	pointer-events: auto;
	opacity: 1;
	-webkit-box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 75%);
	box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 75%);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

#message_form:has(.your-name:valid):has(.your-phone:valid):has(.personal_data input:checked) button:hover {
	-webkit-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03);
}

#message_form:has(.your-name:valid):has(.your-phone:valid):has(.personal_data input:checked) button:active {
	-webkit-box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 75%);
	box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 75%);
	-webkit-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
}

/* Fallback для старых браузеров */
@supports not selector(:has(*)) {
	#message_form button {
		pointer-events: auto;
		opacity: 1;
	}
}

/* --- Ожидайте звонка и Ошибка Отправки Формы------------- */
.forma_block>div {
	border-radius: var(--Отступ_доп);
	font-family: "Times New Roman", Times, serif;
	font-size: 1.5rem;
	padding: 0.5rem;
	position: absolute;
	text-align: center;
	z-index: -1;
	-webkit-border-radius: var(--Отступ_доп);
	-moz-border-radius: var(--Отступ_доп);
	-ms-border-radius: var(--Отступ_доп);
	-o-border-radius: var(--Отступ_доп);
	opacity: 0;
	transition: opacity 1s;
	-webkit-transition: opacity 1s;
	-moz-transition: opacity 1s;
	-ms-transition: opacity 1s;
	-o-transition: opacity 1s;
	-webkit-box-shadow: 5px 5px 10px 0px rgb(0 0 0 / 75%);
	box-shadow: 5px 5px 10px 0px rgb(0 0 0 / 75%);
}

.forma_block>div:nth-of-type(1) {
	border: 0.5rem var(--Зеленый) solid;
}

.forma_block>div:nth-of-type(2) {
	border: 0.5rem #FF0000 solid;
}

.forma_block form.hide {
	opacity: 0;
}

.forma_block>div.show {
	opacity: 1;
}

/* --- ЛОГОТИПЫ -------------------- */
.div_logo {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 2.3rem;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	margin: var(--Отступ) 0;
	width: 100%;
}

.div_logo a,
.div_logo span {
	border-radius: 0.5rem;
	-webkit-box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 75%);
	box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 75%);
	cursor: pointer;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	padding: 3px;
	text-align: center;
	-webkit-transition: -webkit-box-shadow 0.5s, -webkit-transform 0.5s;
	transition: -webkit-box-shadow 0.5s, -webkit-transform 0.5s;
	-o-transition: box-shadow 0.5s, transform 0.5s;
	transition: box-shadow 0.5s, transform 0.5s;
	transition: box-shadow 0.5s, transform 0.5s, -webkit-box-shadow 0.5s, -webkit-transform 0.5s;
}

.div_logo a:hover {
	-webkit-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03);
}

.div_logo a:active {
	-webkit-box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 75%);
	box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 75%);
	-webkit-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
}

.div_logo span {
	background-image: -o-linear-gradient(45deg, #808080, #808080) !important;
	background-image: linear-gradient(45deg, #808080, #808080) !important;
	-webkit-box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 75%);
	box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 75%);
	cursor: not-allowed;
	transform: scale(0.9);
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	-o-transform: scale(0.9);
}

.div_logo img {
	height: 100%;
}

.contact_block .div_logo .but_MAX {
	background-image: -o-linear-gradient(45deg, #7033E4, #3BBFFD, #7033E4);
	background-image: linear-gradient(45deg, #7033E4, #3BBFFD, #7033E4);
	/* background-color: #3abffd80; */
}

.contact_block .div_logo .but_Whatsapp {
	background-image: -o-linear-gradient(45deg, #2DFF7A, #25D366, #25D366, #2DFF7A);
	background-image: linear-gradient(45deg, #2DFF7A, #25D366, #25D366, #2DFF7A);
	/* background-color: #25D366; */
}

.contact_block .div_logo .but_Viber {
	background-image: -o-linear-gradient(45deg, #9B8CFF, #675DA9, #675DA9, #9B8CFF);
	background-image: linear-gradient(45deg, #9B8CFF, #675DA9, #675DA9, #9B8CFF);
	/* background-color: #675DA9; */
}

.contact_block .div_logo .but_Telegram {
	background-image: -o-linear-gradient(45deg, #2BB8FF, #26A5E3, #2BB8FF);
	background-image: linear-gradient(45deg, #2BB8FF, #26A5E3, #2BB8FF);
	/* background-color: #26A5E3; */
}

/* --- Весь перечень наших услуг --- */
.services_block {
	margin: var(--Отступ) 0;
}

.services_block a,
.services_block p:not(:first-child) {
	display: block;
	padding: 0.25rem 0 0.25rem 1.5rem;
	position: relative;
}

.services_block a::before,
.services_block p:not(:first-child)::before {
	content: "🛠️";
	display: inline-block;
	left: 0px;
	position: absolute;
	-webkit-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
}

/* ---------------------------------------
!	ПОДВАЛ
-----------------------------------------*/
footer {
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0.6))), url(/img/footer.webp);
	background-image: -o-linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(/img/footer.webp);
	background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(/img/footer.webp);
	background-position-x: center;
	background-position-y: top;
	background-size: cover;
	background-repeat: no-repeat;
	color: var(--Текст_светлый);
	background-color: #000;
	min-height: 230px;
}

footer .row {
	text-align: center;
	padding: var(--Отступ) 15px;
}

footer hr {
	margin: var(--Отступ) auto;
}

footer .p_green {
	margin-bottom: var(--Отступ);
}

footer p:last-of-type {
	text-align: left;
}

/* ---------------------------------------
!	@media
-----------------------------------------*/
/* 350px */
@media (min-width: 350px) {

	/* --- ЗАГОЛОВОК ---------------- */
	h1,
	.h1_p {
		font-size: 1.9rem;
	}

	.small_menu {
		-ms-flex-pack: distribute;
		justify-content: space-around;
	}
}

/* 576px */
@media (min-width: 576px) {

	/* --- ЗАГОЛОВОК ---------------- */

	/* --- ПОЧЕМУ МЫ ЛУЧШИЕ ДЛЯ ВАС - */
	.best_for_you {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		gap: 20px;
	}

	.best_for_you .block-left {
		width: 40%;
	}

	.best_for_you .block-right {
		width: calc(60% - 20px);
	}

	.best_for_you .block-left .img_shadow {
		max-width: 100%;
	}

	/* --- ПОДВАЛ ------------------- */
}

/* 768px */
@media (min-width: 768px) {

	/* --- ЗАГОЛОВОК ---------------- */
	.home_page .block-right {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}

	/* --- МЕНЮ --------------------- */
	.nav {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}

	.nav_head>*:nth-child(2),
	.nav_head>*:nth-child(3),
	.nav_head button.nav_burger,
	.menu_logo {
		display: none;
	}

	.nav_menu {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		font-size: clamp(13px, var(--Font_nav), 18px);
		-ms-flex-pack: distribute;
		justify-content: space-around;
		max-height: none;
	}

	.nav_menu a {
		border-top: none;
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content;
	}

	.nav_menu a.active {
		text-decoration: none;
	}

	.nav_menu a.active::after {
		width: 100%;
	}

	.nav_menu a:last-child {
		border-bottom: none;
		margin-bottom: 0;
	}

	/* --- ОСОБЕННОСТИ -------------- */
	.features {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		gap: 20px;
	}

	.features .block-left,
	.features .block-right {
		width: 36%;
	}

	.features .block-left p::after {
		-moz-transition: color 1s;
		-ms-transition: color 1s;
		-o-transition: color 1s;
		-webkit-transition: color 1s;
		color: var(--Оранжевый);
		content: "\f26e";
		font-family: 'trsb_landing';
		font-size: 2rem;
		font-weight: normal;
		line-height: initial;
		position: absolute;
		right: -0.4rem;
		top: 0;
		transition: color 1s;
	}

	.features .block-left p:hover::after {
		color: #000;
	}

	.features .block-left p {
		padding-right: var(--Отступ_доп);
		text-align: right;
		padding-left: 0;
	}

	.features .block-left p::before {
		display: none;
	}

	.features .block-left p:nth-child(1)::after {
		content: "\f47b";
	}

	.features .block-left p:nth-child(2)::after {
		content: "\f369";
	}

	.features .block-left p:nth-child(3)::after {
		content: "\f119";
	}

	.features img:nth-child(2) {
		display: block;
	}

	/* --- О НАС -------------------- */
	.logos_OS .row {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		text-align: left;
	}

	.logos_OS .row>div:nth-of-type(2) {
		padding-top: 0;
	}

	/* --- КОНТАКТЫ ----------------- */
	.contact_block .div_tel,
	.contact_block .div_mail {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
	}

	.contact_block .div_form {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
	}

	.contact_block>hr {
		display: block;
		width: 100%;
	}
}

/* 992px */
@media (min-width: 992px) {}

/* 1000px */
@media (min-width: 1000px) {}

@media (min-height: 380px) {}

@media (min-height: 600px) {
	.home_page .block-left>* {
		margin: var(--Отступ_доп) auto;
	}
}

@media (min-height: 780px) {
	.home_page .block-left>* {
		margin: 3rem auto;
	}
}

@media (min-height: 1000px) {
	.home_page .block-left>* {
		margin: 4rem auto;
	}
}

/* ---------------------------------------
!	ПОДКЛЮЧАЕМ ШРИФТЫ
-----------------------------------------*/
@font-face {
	font-family: 'trsb_landing';
	src: url('/fonts/fonts_trsb_landing/trsb_landing.woff') format('woff');
	font-style: normal;
	font-weight: normal;
	font-display: swap;
}

/* ---------------------------------------
!	ПИКТОГРАММЫ
-----------------------------------------*/
i {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: 'trsb_landing';
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1;
	text-rendering: auto;
	text-transform: none;
}

.icon-call::before {
	content: "\f2d2";
}

.icon-down::before {
	content: "\f103";
}

/* ---------------------------------------
!	АНИМАЦИЯ https: //animate.style/
-----------------------------------------*/
.animated {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}

/* Логотоп по центру экрана в заголовке */
.zoomInDown {
	-webkit-animation-name: zoomInDown;
	animation-name: zoomInDown
}

@-webkit-keyframes zoomInDown {
	from {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}
}

@keyframes zoomInDown {
	from {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}
}

/* Ссылка на Контакты в заголовке страницы */
.pulse {
	-webkit-animation-name: pulse;
	animation-name: pulse
}

@-webkit-keyframes pulse {

	from,
	to {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}

	50% {
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		transform: scale3d(1.05, 1.05, 1.05)
	}
}

@keyframes pulse {

	from,
	to {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}

	50% {
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		transform: scale3d(1.05, 1.05, 1.05)
	}
}

/* Вращение HR горизонтальной черты в заголавке страницы */
.rotateIn {
	-webkit-animation-name: rotateIn;
	animation-name: rotateIn
}

@-webkit-keyframes rotateIn {
	from {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0, 0, 1, -200deg);
		transform: rotate3d(0, 0, 1, -200deg);
		opacity: 0
	}

	to {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1
	}
}

@keyframes rotateIn {
	from {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0, 0, 1, -200deg);
		transform: rotate3d(0, 0, 1, -200deg);
		opacity: 0
	}

	to {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1
	}
}

/* Верхняя картинка в заголовке */
.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}

@-webkit-keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

/* Нижняя картинка в заголовке */
.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown
}

@-webkit-keyframes fadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes fadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

/* Динамическая кнопка ВВЕРХ */

@-webkit-keyframes clickMe {
	0% {
		-moz-transform: scale(0);
		-ms-transform: scale(0);
		-o-transform: scale(0);
		-webkit-transform: scale(0);
		opacity: 0;
		transform: scale(0);
	}

	5% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@keyframes clickMe {
	0% {
		-moz-transform: scale(0);
		-ms-transform: scale(0);
		-o-transform: scale(0);
		-webkit-transform: scale(0);
		opacity: 0;
		transform: scale(0)
	}

	5% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}