/* -------------------------- Адаптивность ------------------------------- */

.header__search.mobile__header__search {
    display: none;
}

.header__bottom__mobile {
    display: none;
    font-family: Inter;
}

.parent__content__block {
    border-radius: 0 !important;
}

.sub__header__link {
    display: flex;
    align-items: center;
    gap: 24px;
}

.sub__header__link a {
    font-size: 14px;
    line-height: 17px;
}

.header__link {
    display: flex;
    align-items: center;
    gap: 24px;
}

.header__link a {
    font-size: 16px;
    line-height: 19px;
    margin: 0;
}

.header__search img {
    margin: 0;
}

.header__order {
    display: flex;
    align-items: center;
    justify-content: center;
	flex-shrink: 0;
	width: 200px;
}

.header__order a {
    font-size: 16px;
    line-height: 26px;
}

body .title__center h2{
	display: table;
	margin-left: auto;
	margin-right: auto;
	opacity: 1;
	transform: translateX(0);
}

body .info_boilers .items{width: calc(50% - 10px);}

@media (max-width: 1400px) {
    .parent {
        white-space: inherit;
        text-wrap: pretty;
        min-height: 819px;
        height: auto;
        /* max-height: 827px; */
        max-height: none;
    }
    .div1 {
        height: auto;
    }
    .div2,
    .div3,
    .div4,
    .div5,
    .div6,
    .div7,
    .div8,
    .div9,
    .div10,
    .div11 {
        height: 100%;
        min-height: 117px;
        padding: 5px 0;
    }
}

@media (max-width: 1120px) {
    .header__search .header__order {
        display: none;
    }
}

/* @media (max-width: 960px) {
    .header__search.mobile__header__search {
        display: flex;
    }
    .parent {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(10, 1fr);
        row-gap: 10px;
        column-gap: 10px;
        height: auto;
        max-height: none;
        overflow: visible;
        padding-top: 20px;
    }
    .div1 {
        grid-area: 1 / 1 / 11 / 1;
        max-height: 750px;
    }
    .link8 {
        grid-area: 11 / 2 / 11 / 2;
    }
    .link9 {
        grid-area: 10 / 2 / 10 / 2;
    }
    .link10 {
        grid-area: 9 / 2 / 9 / 2;
    }
    .div2,
    .div3,
    .div4,
    .div5,
    .div6,
    .div7,
    .div8,
    .div9,
    .div10,
    .div11 {
        gap: 10px;
    }
    .sub__header-position {
        padding: 13px 0;
    }
    .header__search .header__order {
        display: none;
    }
    .mobile__header__search .header__order {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .mobile__header__search .header__order a {
        font-size: 16px;
        line-height: 26px;
        padding: 10px 20px;
    }
    .mobile__header__search {
        display: flex;
    }
    .sub__header__number {
        margin-left: auto;
    }
    .sub__header__number span {
        font-size: 14px;
        line-height: 17px;
    }
    .sub__header__link a {
        font-size: 14px;
        line-height: 17px;
        margin: 0;
    }
    .sub__header__link {
        display: flex;
        align-items: center;
        gap: 24px;
    }
    .header-position {
        margin: 0;
        padding: 8px 0px 25px 0;
    }
    header {
        padding-bottom: 10px;
    }
    main {
        padding-top: 0;
    }
    .header__link a {
        font-size: 16px;
        line-height: 19px;
        margin: 0;
    }
    .header__link {
        display: flex;
        align-items: center;
        gap: 20px;
    }
    .logo img {
        margin-right: 20px;
    }
    .search-bar {
        padding: 10px 20px;
        width: 100%;
        max-width: 200px;
    }
    .search-input {
        width: 100%;
        font-size: 16px;
        line-height: 26px;
        padding-right: 5px;
    }
    .header__search img {
        margin-right: 0;
    }
    .span__text {
        line-height: 17px;
        margin: 0;
    }
    .div2,
    .div3,
    .div4,
    .div5,
    .div6,
    .div7,
    .div8,
    .div9,
    .div10,
    .div11 {
        padding: 30px;
    }
    #mr,
    .span__number {
        margin: 0;
    }
    .page {
        padding-bottom: 20px;
    }
} */

/* @media (max-width: 830px) {
    .header__link a {
        font-size: 14px;
    }
    .header__link,
    .sub__header__link {
        gap: 15px;
    }
    .mobile__header__search .header__order a {
        margin-left: 10px;
        font-size: 14px;
        line-height: normal;
    }
    .search-input {
        line-height: normal;
    }
    .header__search {
        max-width: 200px;
    }
    .search-input,
    .search-bar {
        width: 100%;
    }
    .search-bar {
        padding: 5px 10px;
    }
} */

/* @media (max-width: 780px) {
    .sub__header__number {
        display: flex;
        align-items: center;
    }
    .div1,
    .div2,
    .div3,
    .div4,
    .div5,
    .div6,
    .div7,
    .div8,
    .div9,
    .div10,
    .div11 {
        height: 100%;
    }
    .header__search,
    .sub__header-position,
    .header__link,
    .hr {
        display: none;
    }
    .logo {
        width: 100%;
    }
    .header__bottom__mobile {
        display: flex;
        width: 100%;
    }
    .nav__mobile__bottom .header__search {
        display: block;
    }
    .search-button img {
        max-width: 16px;
    }
    .nav__wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .hamburger__btn {
        border: none;
        outline: none;
        background: none;
        width: 38px;
        height: 34px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        margin-right: 5px;
        cursor: pointer;
    }
    .hamburger__span {
        display: block;
        width: 34px;
        height: 2px;
        background: #ee721a;
        border-radius: 2px;

        position: relative;
        z-index: 15;
        transition: all 0.3s;
    }
    .hamburger__span::after {
        position: absolute;
        content: '';
        border-radius: 2px;
        width: 38px;
        height: 2px;
        background: #ee721a;
        top: -8px;
        left: 0;
        transition: all 0.3s;
    }
    .hamburger__span::before {
        position: absolute;
        content: '';
        border-radius: 2px;
        width: 38px;
        height: 2px;
        background: #ee721a;
        top: 8px;
        left: 0;
        transition: all 0.3s;
    }
    .hamburger__btn.opened .hamburger__span {
        transform: rotate(45deg);
        width: 38px;
        background: #fff;
    }
    .hamburger__btn.opened .hamburger__span::after {
        transform: rotate(45deg);
        top: 0;
        opacity: 0;
        background: #fff;
    }
    .hamburger__btn.opened .hamburger__span::before {
        transform: rotate(-90deg);
        top: 0;
        background: #fff;
    }
    .sub__header__number {
        margin: 0 auto;
        font-size: 14px;
        line-height: 17px;
    }
    header {
        position: fixed;
        z-index: 10;
        width: 100%;
        padding: 0;
    }
    .header-position {
        padding-top: 7px;
        padding-bottom: 20px;
    }
    main {
        padding-top: 95px;
    }
    .nav__mobile {
        position: fixed;
        top: 0;
        left: 0;
        background: #fff;
        min-height: 100vh;
        width: 100%;
        z-index: 11;
        display: flex;
        flex-direction: column;

        transform: translate(105%, 0);
        transition: all 0.4s ease-in-out;
    }
    .nav__mobile.opened {
        transform: translate(0, 0);
    }
    .nav__mobile__top {
        background: #174892;
        padding: 23px 20px;
    }
    .nav__mobile__top__title {
        font-weight: 700;
        font-size: 20px;
        line-height: 24px;
        color: #fff;
    }
    .nav__mobile__main {
        background: #174892;
        display: flex;
        flex-wrap: wrap;
    }
    .nav__mobile__main__link {
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;

        width: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 20px 0;
        text-decoration: none;
        color: #fff;
        text-transform: uppercase;
        outline: 1px solid #456da8;
        transition: all 0.3s;
    }
    .nav__mobile__main__link:hover {
        background: #456da8;
    }
    .header__search {
        width: 100%;
        max-width: calc(100% - 40px);
        margin: 0 auto;
        margin-top: 20px;
        margin-bottom: 40px;
    }
    .search-input::placeholder,
    .search-input {
        font-weight: 400;
        font-size: 16px;
        line-height: 19.5px;
        color: #000;
    }
    .search-bar {
        padding: 18px 14px;
        outline: none;
        border: none;
        max-width: none;
    }
    .search-button img,
    .search-button {
        max-height: 16px;
    }
    .nav__mobile .menu__list {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 12px;
        padding: 0;
        margin: 0;
    }
    .menu__list__link {
        font-weight: 400;
        font-size: 20px;
        line-height: 24px;
        color: #000;
    }
    .nav__mobile__bottom {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .phone__text {
        display: inline-block;
        margin-top: auto;
        font-weight: 400;
        font-size: 20px;
        line-height: 24px;
        color: #174892;
        margin-bottom: 20px;
    }
    .callback__btn {
        padding: 18px 0;
        width: calc(100% - 40px);
        margin: 0 auto;
        font-weight: 400;
        font-size: 16px;
        line-height: 19px;
        color: #ff6700;
        background: #ffe1cc;
        border-radius: 4px;
        outline: none;
        border: none;
    }
    .nav__mobile__info__wrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: auto;
        margin-bottom: 10px;
    }
}

@media (max-width: 600px) {
    .div1 {
        display: none;
    }
    .link1 {
        grid-area: 1 / 1 / 1 / 3;
    }
    .link2 {
        grid-area: 2 / 1 / 2 / 3;
    }
    .link3 {
        grid-area: 3 / 1 / 3 / 3;
    }
    .link4 {
        grid-area: 4 / 1 / 4 / 3;
    }
    .link5 {
        grid-area: 5 / 1 / 5 / 3;
    }
    .link6 {
        grid-area: 6 / 1 / 6 / 3;
    }
    .link7 {
        grid-area: 7 / 1 / 7 / 3;
    }
    .link8 {
        grid-area: 11 / 1 / 11 / 3;
    }
    .link9 {
        grid-area: 10 / 1 / 10 / 3;
    }
    .link10 {
        grid-area: 9 / 1 / 9 / 3;
    }
    .link11 {
        grid-area: 8 / 1 / 8 / 3;
    }
    .parent {
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(11, 1fr);
    }
    .div2,
    .div3,
    .div4,
    .div5,
    .div6,
    .div7,
    .div8,
    .div9,
    .div10,
    .div11 {
        min-height: 100%;
    }
} */

.parent {
    grid-template-rows: repeat(8, 1fr);
    overflow: visible;
}
.div1 {
    grid-area: 1 / 1 / 8 / 4;
}
@media (max-width: 960px) {
    .parent {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(11, 1fr);
    }
    .div1 {
        grid-area: 1 / 1 / 11 / 1;
        max-height: 750px;
    }
}

.page {
    min-height: 100vh;
}

/*----------------------------------------------------------------*/
/* catalog section*/

*,
*::after,
*::before {
	box-sizing: border-box;
	text-decoration: none;
	list-style: none;
}

/* АЙдишки */

#mb20 {
	margin-bottom: 20px;
}

#mb32 {
	margin-bottom: 32px;
}

#mb48 {
	margin-bottom: 48px;
}

#mb80 {
	margin-bottom: 80px;
}

#mb150 {
	margin-bottom: 150px;
}

#mt20 {
	margin-top: 150px;
}

#mt48 {
	margin-top: 48px;
}

#mt80 {
	margin-top: 80px;
}

#mt150 {
	margin-top: 150px;
}

#mr20 {
	margin-right: 20px;
}

#center {
	text-align: center;
}

#orange {
	color: #ff6700;
}

/* АЙдишки */

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0;
}

p {
	margin: 0 0 10px;
}

.flex {
	display: flex;
	justify-content: space-between;
}

body {
	font-family: "Gilroy", cursive;
	font-size: 15px;
	line-height: 1.6;
	margin: 0;
	height: 100vh;
	max-width: 100vw;
	overflow-x: hidden;
	box-sizing: border-box;
}

::-webkit-scrollbar {
	width: 0;
}

.block__module {
	opacity: 0;
	transform: translateY(50px);
	animation: fade-in-up 0.8s ease-out forwards;
}

.block__module:nth-child(1) {
	animation-delay: 0.2s;
}

.block__module:nth-child(2) {
	animation-delay: 0.4s;
}

.block__module:nth-child(3) {
	animation-delay: 0.6s;
}

@keyframes fade-in-up {
	0% {
		opacity: 0;
		transform: translateY(50px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

#killMargin {
	margin: 0;
}

.container {
	padding: 0 10px;
	width: 100%;
	max-width: 1310px;
	margin: 0 auto;
}

.content {
	max-width: 100%;
	height: 100%;
	width: 100%;
}

.container-2 {
	padding: 0 10px;
	width: 100%;
	max-width: 1540px;
	margin: 0 auto;
}

.content-2 {
	max-width: 100%;
	height: 100%;
	width: 100%;
}

.container-fluid{
	max-width: 1920px;
	padding-left: 60px;
	padding-right: 60px;
	margin-left: auto;
	margin-right: auto;
}

.container-custom{
	max-width: 1660px;
	padding-left: 60px;
	padding-right: 60px;
	margin-left: auto;
	margin-right: auto;
}

@media (max-width: 1960px) {
	.container-fluid{max-width: 100%;}
}

/* main */
.bg-grey{background: #EEF0F3;}
.last-elem{margin-bottom: -180px;}

/* headers */
.custom-h1{
	font-family: 'RoadRadio', Arial, sans-serif;
	font-size: 40px;
	font-weight: bold;
	line-height: 1.2;
	text-transform: uppercase;
	margin-bottom: 40px;
	color: #00111C;
}

.custom-h2{
	font-family: 'RoadRadio', Arial, sans-serif;
	font-size: 40px;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 35px;
	color: #00111C;
}

.custom-h2_blue{color: #174892;}


/* btn */
.btn,
input[type="submit"].btn,
button.btn{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 14px;
	height: 56px;
	background: #FF6700;
	border: 1px solid #FF6700;
	border-radius: 8px;
	font-size: 20px;
	line-height: 1.2;
	color: #fff;
	text-decoration: none;
	text-align: center;
	padding: 0 24px;
	cursor: pointer;
	transition: all 0.2s ease 0s;
}

.btn:hover,
input[type="submit"].btn:hover,
button.btn:hover{
	border-color: #cd5504;
	box-shadow: inset 0 -5.4em 0 0 #cd5504;
	color: #fff;
}

.btn_blue,
input[type="submit"].btn_blue,
button.btn_blue{
	background: #174892;
	border: 1px solid #174892;
}

.btn_blue:hover,
input[type="submit"].btn_blue:hover,
button.btn_blue:hover{
	border-color: #29589d;
	box-shadow: inset 0 -5.4em 0 0 #29589d;
	color: #fff;
}

.btn_border,
input[type="submit"].btn_border,
button.btn_border{
	background: transparent;
	color: #cd5504;
}

.btn_small,
input[type="submit"].btn_small,
button.btn_small{
	height: 46px;
	font-size: 16px;
}

/* Стандатрные отступы */
.mt-indent{margin-top: 100px!important;}
.mb-indent{margin-bottom: 100px!important;}

.m-indent{
	margin-top: 100px!important;
	margin-bottom: 100px!important;
}

.pt-indent{padding-top: 100px!important;}
.pb-indent{padding-bottom: 100px!important;}

.p-indent{
	padding-top: 100px!important;
	padding-bottom: 100px!important;
}

/* text */
.text-color{color: #FF6700;}

/* Шапка */

.sub__header-position {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 16px 0;
}

.hr {
	height: 1px;
	background-color: #f0f0f0;
	max-width: 100%;
	width: 100%;
}

.sub__header__link a {
	margin-right: 24px;
	color: rgb(123, 142, 151);
	font-family: Inter;
	font-size: 14px;
	text-transform: uppercase;
}

.sub__header__link a:hover {
	color: #ff6700;
}

.sub__header__link .active {
	color: #ff6700;
}

.sub__header__number h3 {
	color: rgb(1, 21, 34);
	font-family: Inter;
	font-size: 14px;
}

.header-position {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 16px 0;
}

.header-position img {
	margin-right: 50px;
	cursor: pointer;
}

.logo {
	display: flex;
	align-items: center;
}

.header__link a {
	color: rgb(1, 21, 34);
	font-family: Inter;
	font-size: 16px;
	margin-right: 24px;
}

.header__link a:hover {
	color: #ff6700;
}

.search-bar {
	display: flex;
	align-items: center;
	box-sizing: border-box;
	border: 1px solid #e4edf2;
	border-radius: 6.67px;
	background: rgb(246, 248, 250);
	padding: 8px;
}

.search-input {
	flex: 1;
	border: none;
	outline: none;
	font-size: 16px;
	padding: 10px 20px;
	background: #f6f8fa;
	font-family: Inter;
}

.header__search {
	display: flex;
	align-items: center;
}

.header__search img {
	margin-right: 20px;
}

.search-button {
	background-color: transparent;
	border: none;
	cursor: pointer;
	padding: 0;
}

.search-icon {
	width: 24px;
	height: 24px;
}

.header__order a {
	border-radius: 6.67px;
	background: #ff6700;
	color: rgb(255, 255, 255);
	font-family: Inter;
	font-size: 16px;
	padding: 17.5px 20px;
	margin-left: 20px;
}

.header__order a:hover {
	background-color: #cd5504;
	/* animation: fade-in-up 0.8s ease-out forwards; */
}

/* Главвный блок */

.module {
	width: 1800px;
	height: 688px;
	padding: 136px 0 0 255px;

	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	margin-bottom: 120px;
}

.module__container {
	width: 100%;
	max-width: 1800px;
	margin: 0 auto;
}

.module__content {
	max-width: 100%;
	height: 100%;
	width: 100%;
}

.module__title {
	color: #fff;
	font-family: RoadRadio;
	font-size: 48px;
	font-weight: 700;
	line-height: normal;
	margin-bottom: 24px;
}

.module__text {
	color: #fff;
	font-family: Inter;
	font-size: 20px;
	font-weight: 400;
	line-height: normal;
	margin-bottom: 48px;
}

.module__link {
	color: #fff;
	text-align: center;
	font-family: Inter;
	font-size: 20px;
	font-weight: 300;
	line-height: 32px;
	padding: 12px 24px;
	border-radius: 8px;
	background: #ff6700;
}

main {
	padding: 30px 0 120px 0;
	background: #fff;
}

.title {
	display: inline-block;
	color: #fff;
	font-family: RoadRadio;
	font-size: 48px;
	font-weight: 700;
	line-height: normal;
	padding: 24px 30px;
	background-color: #ff6700;
	border-radius: 15px;
}

.title__center h2 {
	display: flex;
	justify-content: center;
	color: #fff;
	font-family: RoadRadio;
	font-size: 48px;
	font-weight: 700;
	line-height: normal;
	padding: 24px 30px;
	background-color: #ff6700;
	border-radius: 15px;
}

#title {
	margin: 150px 0 48px 0;
}

/* title animate */
#title-animation {
	display: inline-block;
	color: #fff;
	font-family: RoadRadio;
	font-size: 48px;
	font-weight: 700;
	line-height: normal;
	padding: 24px 30px;
	background-color: #ff6700;
	border-radius: 15px;
	margin-bottom: 48px;

	/* Начальное состояние для анимации */
	transform: translateX(-100%);
	opacity: 0;
	transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
}

/* Класс для запуска анимации */
#title-animation.visible {
	transform: translateX(0);
	opacity: 1;
}
/* title animate */

.subtitle {
	display: block;
	width: 878px;
	border-radius: 15px;
	background: var(--Blue-2, #00365e);
	margin-bottom: 22px;
}

.subtitle p {
	color: #fff;
	font-family: Inter;
	font-size: 20px;
	font-weight: 400;
	line-height: normal;
	padding: 30px;
	margin-top: 10px;
}

/* Parent */

.parent {
	margin-bottom: 150px;
	width: 1290px;
	position: relative;
	overflow: hidden;
}

.categorias__parent {
	display: flex;
	justify-content: space-between;
	margin-bottom: 13px;
	opacity: 0;
	transform: translateX(100%);
	transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
}

.categorias__title,
.div11__title,
.div11__subtitle,
.div11__link {
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
}

.categorias__b {
	padding: 264px 0 0 30px;
}

#categorias__b {
	padding: 325px 0 0 30px;
}

.div1 {
	width: 536px;
	height: 350px;
	border-radius: 15px;
	transition: 1s;
	display: inline-block; /* Строчно-блочный элемент */
	overflow: hidden;
}
.div2 {
	width: 364px;
	height: 350px;
	border-radius: 15px;
	transition: 1s;
	display: inline-block; /* Строчно-блочный элемент */
	overflow: hidden;
}
.div3 {
	width: 364px;
	height: 350px;
	border-radius: 15px;
	transition: 1s;
	display: inline-block; /* Строчно-блочный элемент */
	overflow: hidden;
}
.div4 {
	width: 364px;
	height: 350px;
	border-radius: 15px;
	transition: 1s;
	display: inline-block; /* Строчно-блочный элемент */
	overflow: hidden;
}
.div5 {
	width: 364px;
	height: 350px;
	border-radius: 15px;
	transition: 1s;
	display: inline-block; /* Строчно-блочный элемент */
	overflow: hidden;
}
.div6 {
	width: 536px;
	height: 350px;
	border-radius: 15px;
	transition: 1s;
	display: inline-block; /* Строчно-блочный элемент */
	overflow: hidden;
}
.div7 {
	width: 536px;
	height: 350px;
	border-radius: 15px;
	transition: 1s;
	display: inline-block; /* Строчно-блочный элемент */
	overflow: hidden;
}
.div8 {
	width: 364px;
	height: 350px;
	border-radius: 15px;
	transition: 1s;
	display: inline-block; /* Строчно-блочный элемент */
	overflow: hidden;
}
.div9 {
	width: 364px;
	height: 350px;
	border-radius: 15px;
	transition: 1s;
	display: inline-block; /* Строчно-блочный элемент */
	overflow: hidden;
}
.div10 {
	width: 563px;
	height: 390px;
	border-radius: 15px;
	transition: 1s;
	display: inline-block; /* Строчно-блочный элемент */
	overflow: hidden;
}
.div11 {
	width: 714px;
	height: 390px;
	border-radius: 15px;
	transition: 1s;
	display: inline-block; /* Строчно-блочный элемент */
	overflow: hidden;
}
 .div11{
    background-image: url(../../img/modules/categories_11.png);
    width: 714px;
    height: 390px; 
  }


.div1 .categorias__b,
.div2 .categorias__b,
.div3 .categorias__b,
.div4 .categorias__b,
.div5 .categorias__b,
.div6 .categorias__b,
.div7 .categorias__b,
.div8 .categorias__b,
.div9 .categorias__b,
.div10 .categorias__b,
.div11 .categorias__b {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	transition: 1s; /* Время эффекта */
}

.div1 .categorias__b:hover,
.div2 .categorias__b:hover,
.div3 .categorias__b:hover,
.div4 .categorias__b:hover,
.div5 .categorias__b:hover,
.div6 .categorias__b:hover,
.div7 .categorias__b:hover,
.div8 .categorias__b:hover,
.div9 .categorias__b:hover,
.div10 .categorias__b:hover {
	transform: scale(1.075);
}

.div1 .categorias__b {
	width: px;
	height: 350px;
}

.div2 .categorias__b {
	width: 364px;
	height: 350px;
}

.div3 .categorias__b {
	width: 364px;
	height: 350px;
}

.div4 .categorias__b {
	width: 364px;
	height: 350px;
}

.div5 .categorias__b {
	width: 364px;
	height: 350px;
}

.div6 .categorias__b {
	width: 536px;
	height: 350px;
}

.div7 .categorias__b {
	width: 536px;
	height: 350px;
}

.div8 .categorias__b {
	width: 364px;
	height: 350px;
}

.div9 .categorias__b {
	width: 364px;
	height: 350px;
}

.div10 .categorias__b {
	width: 563px;
	height: 390px;
}

.div11 {
	width: 714px;
	height: 390px;
}

.categorias__title {
	color: #fff;
	font-family: Inter;
	font-size: 29px;
	font-weight: 600;
	line-height: normal;
}

.div11__title {
	color: #00111c;
	font-family: Inter;
	font-size: 32px;
	font-weight: 700;
	line-height: 37px;
	padding: 58px 0 0 30px;
}

.div11__subtitle {
	color: #00111c;
	font-family: Inter;
	font-size: 15px;
	font-weight: 400;
	line-height: 22px;
	padding: 20px 0 0 30px;
}

.div11__link {
	position: relative;
	left: 30px;
	top: 48px;
	padding: 12px 24px;
	border-radius: 8px;
	background: #ff6700;
	color: #fff;
	text-align: center;
	font-family: Inter;
	font-size: 20px;
	font-weight: 400;
	line-height: normal;
}

/* Parent animate */

/* Parent animate */

/* Presentation */
.presentation {
	width: 1290px;
	min-height: 553px;
	border-radius: 20px;
	padding-top: 40px;
	padding-bottom: 40px;
	background-color: #eef0f3;
	display: flex;
	justify-content: space-between;
	margin-left: auto;
	margin-right: auto;
}

.presentation__title {
	color: #00111c;
	font-family: RoadRadio;
	font-size: 40px;
	font-weight: 700;
	line-height: normal;
	margin: 0 0 0 48px;
}

.presentation__text {
	color: #00111c;
	font-family: Inter;
	font-size: 16px;
	font-weight: 400;
	line-height: normal;
	margin: 32px 0 0 48px;
}

.presentation__content{max-width: 50%;}

.presentation__img img {margin-top: 0;}

.text__presentation{
	width: 1290px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}

/* Presentation animate */
.presentation {
	background-color: #f0f0f0; /* Серый фон */
	opacity: 0;
	transform: translateX(100px); /* Смещение вправо */
	transition: opacity 0.5s ease, transform 0.5s ease;
}

.presentation.visible {
	opacity: 1;
	transform: translateX(0);
}

.presentation__content {
	opacity: 0;
	transform: translateX(100px); /* Смещение вправо */
	transition: opacity 0.5s ease, transform 0.5s ease;
}

.presentation__content.visible {
	opacity: 1;
	transform: translateX(0);
}

.presentation__img {
	opacity: 0;
	transform: translateX(100px); /* Смещение вправо */
	transition: opacity 0.5s ease, transform 0.5s ease;
}

.presentation__img.visible {
	opacity: 1;
	transform: translateX(0);
}
/* Presentation animate */

/* Дорожная карта */

.roadMap {
	border-radius: 35px;
	background: #eef0f3;
	width: 1540px;
	height: 1480px;
	margin: 150px 0 150px 0;
}

.roadMap__title {
	display: flex;
	justify-content: center;
}

.roadMap__title p {
	display: inline-block;
	color: #fff;
	text-align: center;
	font-family: RoadRadio;
	font-size: 38px;
	font-weight: 700;
	line-height: normal;
	border-radius: 15px;
	background: #ff6700;
	padding: 24px 30px;
	margin: 100px 0 65px 0;
}

.trend {
	border-radius: 10px;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	background-color: #00365e;
}

.trend__text {
	height: 261px;
}

.trend__text p {
	color: #fff;
	font-family: RoadRadio;
	font-size: 13px;
	font-style: normal;
	font-weight: 500;
	line-height: 13px;
	margin-top: 17px;
}

.trend__title {
	background: #ff6700;
	border-radius: 10px 10px 0 0;
}

.trend__title h3 {
	width: 246px;
	color: #fff;
	font-family: RoadRadio;
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	padding: 14px 0 14px 17px;
}

.roadMap__trend {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	gap: 15px;
}

.roadMap__img {
	display: flex;
	justify-content: center;
	margin-top: 70px;
}

/* Дорожная карта */
/* Дорожная карта animate */
.roadMap {
	opacity: 0;
	transform: translateX(100px); /* Смещение вправо */
	transition: opacity 0.5s ease, transform 0.5s ease;
}

.roadMap.visible {
	opacity: 1;
	transform: translateX(0);
}

.roadMap__title {
	opacity: 0;
	transform: translateX(100px); /* Смещение вправо */
	transition: opacity 0.5s ease, transform 0.5s ease;
}

.roadMap__title.visible {
	opacity: 1;
	transform: translateX(0);
}

.trend {
	opacity: 0;
	transform: translateX(100px); /* Смещение вправо */
	transition: opacity 0.5s ease, transform 0.5s ease;
}

.trend.visible {
	opacity: 1;
	transform: translateX(0);
}

.roadMap__img {
	opacity: 0;
	transform: translateX(100px); /* Смещение вправо */
	transition: opacity 0.5s ease, transform 0.5s ease;
}

.roadMap__img.visible {
	opacity: 1;
	transform: translateX(0);
}
/* Дорожная карта animate */
/* ПРОИЗВОДСТВенно-технический отдел */

.info-content {
	margin: 48px 0;
}

.info-content__parent {
	display: flex;
	gap: 20px;
	margin-bottom: 20px;
	width: 1290px;
}

.info-content__block {
	border-radius: 15px;
	background: #ff6700;
	width: 416px;
	height: 157px;
	display: flex;
}

.info-content__number {
	color: #fff;
	font-family: RoadRadio;
	font-size: 96px;
	font-weight: 700;
	line-height: normal;
	padding: 30px;
}

.info-content__text {
	color: #fff;
	font-family: Inter;
	font-size: 20px;
	font-weight: 300;
	line-height: normal;
	padding: 43px 0 43px 30px;
}

.info-content__img {
	display: flex;
	gap: 20px;
	margin-bottom: 20px;
}

#info-content__text {
	color: #fff;
	font-family: Inter;
	font-size: 17px;
	font-weight: 300;
	line-height: normal;
	padding: 53px 0 53px 30px;
}

#info-content__text-2 {
	color: #fff;
	font-family: Inter;
	font-size: 17px;
	font-weight: 300;
	line-height: normal;
	padding: 53px 0 53px 10px;
	padding: 33px 0 33px 10px;
}

/* ПРОИЗВОДСТВенно-технический отдел animate*/

/* Architectural solutions animate */
/* Начальное состояние элементов перед анимацией */
#gradient__title4 {
	position: relative;
	opacity: 0;
	transform: translateX(-100%);
	transition: transform 0.75s ease-out, opacity 0.75s ease-out;
}

#info-content__img-4-1, 
#info-content__img-4-2, 
#info-content__img-4-3, 
#info-content__img-4-4, 
#info-content__img-4-5, 
#info-content__img-4-6, 
#info-content__img-4-7, 
#info-content__img-4-8 
/* Добавьте остальные ID */ {
	position: relative;
	opacity: 0;
	transform: translateY(100%);
	transition: transform 0.75s ease-out, opacity 0.75s ease-out;
}

/* Видимое состояние для заголовка и изображений */
#gradient__title4.visible {
	opacity: 1;
	transform: translateX(0);
}

#info-content__img-4-1.visible,
#info-content__img-4-2.visible,
#info-content__img-4-3.visible,
#info-content__img-4-4.visible,
#info-content__img-4-5.visible,
#info-content__img-4-6.visible,
#info-content__img-4-7.visible,
#info-content__img-4-8.visible
/* Добавьте остальные ID */ {
	opacity: 1;
	transform: translateY(0);
}

/* Architectural solutions animate */

#animated-title2 {
	/* Уникальные стили для заголовка с ID animated-title2 */
	transform: translateX(-100%);
	opacity: 0;
	transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
}

#animated-title2.visible {
	transform: translateX(0);
	opacity: 1;
}

#block-12,
#block-22,
#block-32,
#block-42,
#block-52 {
	/* Уникальные стили для блоков с информацией */
	opacity: 0;
	transform: translateX(100%);
	transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
}

#block-12.visible,
#block-22.visible,
#block-32.visible,
#block-42.visible,
#block-52.visible {
	transform: translateX(0);
	opacity: 1;
}

#animated-info-img2 img {
	/* Уникальные стили для изображений */
	opacity: 0;
	transform: translateY(100%);
	transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
}

#animated-info-img2 img.visible {
	transform: translateY(0);
	opacity: 1;
}

/* Zoom эффект при наведении на изображение */
.zoom-container {
	overflow: hidden; /* Скрывает части изображения, которые выходят за пределы контейнера */
	position: relative;
	border-radius: 20px;
}

.zoom-img {
	border-radius: 20px;
	transition: transform 0.5s ease; /* Плавный переход для увеличения изображения */
}

.zoom-container:hover .zoom-img {
	transform: scale(1.1); /* Увеличение изображения до 110% при наведении */
}

/* ПРОИЗВОДСТВенно-технический отдел animate*/
/* Проектный ИНСТИТУТ animate */
/* Исходные стили перед анимацией */
#title {
	position: relative;
	opacity: 0;
	transform: translateX(-100%);
	transition: transform 0.75s ease-out, opacity 0.75s ease-out;
}

#info-content__block-13,
#info-content__block-23,
#info-content__block-33 {
	position: relative;
	opacity: 0;
	transform: translateX(100%);
	transition: transform 0.75s ease-out, opacity 0.75s ease-out;
}

#info-content__img-13,
#info-content__img-23,
#info-content__img-33 {
	position: relative;
	opacity: 0;
	transform: translateY(100%);
	transition: transform 0.75s ease-out, opacity 0.75s ease-out;
}
/* Проектный ИНСТИТУТ animate */
/* retention processes */
/* Just zoom */
/* Начальное состояние элементов перед анимацией */
#title-mt20 {
	position: relative;
	opacity: 0;
	transform: translateX(-100%);
	transition: transform 0.75s ease-out, opacity 0.75s ease-out;
	margin-top: 150px;
}

#subtitle-4 {
	position: relative;
	opacity: 0;
	transform: translateX(100%);
	transition: transform 0.75s ease-out, opacity 0.75s ease-out;
}

#info-content__img-4 {
	position: relative;
	opacity: 0;
	transform: translateY(100%);
	transition: transform 0.75s ease-out, opacity 0.75s ease-out;
}

/* Видимое состояние для заголовка, подзаголовка и изображений */
#title-mt20.visible {
	opacity: 1;
	transform: translateX(0);
}

#subtitle-4.visible {
	opacity: 1;
	transform: translateX(0);
}

#info-content__img-4.visible {
	opacity: 1;
	transform: translateY(0);
}

/* Zoom-эффект на изображениях */
.justZoom {
	display: inline-block;
	overflow: hidden;
	border-radius: 20px;
	width: 635px;
	height: 428px;
}

.justZoom img {
	transition: transform 1s ease; /* Плавный переход */
}

.justZoom img:hover {
	transform: scale(1.2); /* Увеличение изображения при наведении */
}

/* Just zoom */
/* retention processes */
.gradient__title {
	display: inline-block;
	color: #fff;
	font-family: RoadRadio;
	font-size: 48px;
	font-weight: 700;
	line-height: normal;
	border-radius: 15px;
	background: linear-gradient(90deg, #009ee3 0%, #004e9e 100%);
	padding: 24px 30px;
	margin: 150px 0 48px 0;
}

/* Factory */

.factory {
	display: flex;
	border-radius: 35px;
	background: var(--B2, #eef0f3);
	flex-direction: column;
	align-items: center;
	margin-top: 150px;
	padding-top: 130px;
}

.factory__block {
	border-radius: 20px;
	background: #ff6700;
	width: 1290px;
	margin-bottom: 20px;
}

.factory__block__number {
	position: relative;
	left: 1090px;
	bottom: 35px;
	display: inline-block;
	color: #00111c;
	font-family: RoadRadio;
	font-size: 48px;
	font-weight: 700;
	line-height: normal;
	border-radius: 8px;
	background: #fff;
	padding: 12px 24px;
}

.factory__block__title {
	color: #fff;
	font-family: RoadRadio;
	font-size: 48px;
	font-weight: 700;
	line-height: normal;
	margin: 0 0 32px 60px;
	position: relative;
	bottom: 12px;
}

.factory__block__subtitle {
	color: var(--White, #fff);
	font-family: RoadRadio;
	font-size: 32px;
	font-weight: 700;
	line-height: normal;
	margin: 0 0 48px 60px;
}

.factory__img {
	margin-bottom: 132px;
}

.factory__img img {
	margin-bottom: 20px;
}

.img-position img {
}

/* Factory animate */
/* Начальные стили для заголовка и изображений */
#mb5-title {
	opacity: 0;
	transform: translateX(100%);
	transition: transform 0.4s ease-out, opacity 0.4s ease-out;
	margin-bottom: 48px;
}

.info-content__img {
	opacity: 1;
	/*transform: translateX(100%);
	transition: transform 0.5s ease-out, opacity 0.5s ease-out;*/
}

/* Видимый статус с конечной анимацией */
#mb5-title.visible {
	opacity: 1;
	transform: translateX(0);
}

.info-content__img.visible {
	opacity: 1;
	transform: translateX(0);
}
/* Factory animate */

/* Factory animate2 */
.factory__title,
.factory__block,
.factory__block__title,
.factory__block__subtitle,
.factory__img {
	opacity: 0;
	transform: translateX(100%);
	transition: transform 0.6s ease-out, opacity 0.6s ease-out;
}

.factory__title.visible,
.factory__block.visible,
.factory__block__title.visible,
.factory__block__subtitle.visible,
.factory__img.visible {
	opacity: 1;
	transform: translateX(0);
}
/* Factory animate2 */
.factory__title {
	color: var(--White, #fff);
	text-align: center;
	font-family: RoadRadio;
	font-size: 45px;
	font-weight: 700;
	line-height: normal;
	text-align: center;
	padding: 24px 30px;
	border-radius: 15px;
	background: var(--Orange, #ff6700);
}

.warranty {
	margin: 48px 0;
}

.warranty__title {
	color: #00111c;
	text-align: center;
	font-family: RoadRadio;
	font-size: 32px;
	font-weight: 700;
	line-height: normal;
}

/* listOfServices */

.listOfServices__title {
	margin-top: 44px;
	color: #000;
	font-family: RoadRadio;
	font-size: 32px;
	font-weight: 700;
	line-height: normal;
	padding-left: 20px;
	border-left: 9px solid #ff6700;
}

.listOfServices__position {
	margin-top: 48px;
	display: flex;
	justify-content: space-around;
	align-items: center;
}

.listOfServices__content {
	margin-right: 20px;
}

.listOfServices ul {
	margin-top: 24px;
}

.listOfServices ul li {
	list-style: disc;
}

.listOfServices ul li p {
	color: #000;

	font-family: Inter;
	font-size: 24px;
	font-weight: 400;
	line-height: normal;
}

.listOfServices__warranty {
	border-radius: 25px;
	background: #eef0f3;
	padding: 44px 0;
	margin-bottom: 24px;
}

.listOfServices__warranty__title {
	color: #00111c;
	text-align: center;
	font-family: Inter;
	font-size: 32px;
	font-weight: 600;
	line-height: normal;
	margin-bottom: 24px;
}

.listOfServices__warranty__subtitle {
	color: #00111c;
	margin-left: 116px;
	font-family: Inter;
	font-size: 24px;
	font-weight: 400;
	line-height: normal;
}
/* listOfServices */
/* listOfServices 2*/
/* Общие начальные стили для всех элементов, которые будут анимированы */
.title__center h2,
.warranty__title,
.listOfServices__title,
.listOfServices__content p,
.listOfServices__img img,
.listOfServices__warranty__title,
.listOfServices__warranty__subtitle {
	opacity: 0;
	transform: translateX(100%);
	transition: transform 0.6s ease-out, opacity 0.6s ease-out;
}

/* Стили для видимых элементов */
.title__center.visible h2,
.warranty__title.visible,
.listOfServices__title.visible,
.listOfServices__content p.visible,
.listOfServices__img img.visible,
.listOfServices__warranty__title.visible,
.listOfServices__warranty__subtitle.visible {
	opacity: 1;
	transform: translateX(0);
}
/* listOfServices 2*/

.portfolio__parent {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(6, 1fr);
	grid-column-gap: 10px;
	grid-row-gap: 10px;
	margin: 48px 0 150px 0;
}

.portfolio__div1 {
	grid-area: 1 / 1 / 2 / 2;
	background-image: url(../../img/portfolio__img-1.png);
	background-size: cover;
	background-position: center;
	width: 423px;
	height: 241px;
}
.portfolio__div2 {
	grid-area: 1 / 2 / 2 / 3;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 423px;
	height: 241px;
}
.portfolio__div3 {
	grid-area: 1 / 3 / 2 / 4;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 423px;
	height: 241px;
}
.portfolio__div4 {
	grid-area: 2 / 1 / 3 / 2;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 423px;
	height: 241px;
}
.portfolio__div5 {
	grid-area: 2 / 2 / 3 / 3;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 423px;
	height: 241px;
}
.portfolio__div6 {
	grid-area: 2 / 3 / 3 / 4;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 423px;
	height: 241px;
}
.portfolio__div7 {
	grid-area: 3 / 1 / 4 / 2;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 423px;
	height: 241px;
}
.portfolio__div8 {
	grid-area: 3 / 2 / 4 / 3;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 423px;
	height: 241px;
}
.portfolio__div9 {
	grid-area: 3 / 3 / 4 / 4;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 423px;
	height: 241px;
}
.portfolio__div10 {
	grid-area: 4 / 1 / 5 / 2;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 423px;
	height: 241px;
}
.portfolio__div11 {
	grid-area: 4 / 2 / 5 / 3;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 423px;
	height: 241px;
}
.portfolio__div12 {
	grid-area: 4 / 3 / 5 / 4;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 423px;
	height: 241px;
}
.portfolio__div13 {
	grid-area: 5 / 1 / 6 / 2;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 423px;
	height: 241px;
}
.portfolio__div14 {
	grid-area: 5 / 2 / 6 / 3;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 423px;
	height: 241px;
}
.portfolio__div15 {
	grid-area: 5 / 3 / 6 / 4;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 423px;
	height: 241px;
}
.portfolio__div16 {
	grid-area: 6 / 1 / 7 / 2;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 423px;
	height: 241px;
}

/* Modal */
.portfolio__parent {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(6, 1fr);
	grid-column-gap: 10px;
	grid-row-gap: 10px;
	margin: 48px 0 150px 0;
}

.portfolio__parent div {
	cursor: pointer;
	width: 423px;
	height: 241px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

/* The Modal (background) */
.modal {
	display: none;
	position: fixed;
	z-index: 1000;
	padding-top: 60px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0, 0, 0, 0.9);
}

/* Modal Content (image) */
.modal-content {
	margin: auto;
	display: block;
	width: 70%;
	max-width: 100%;
}

/* Caption of Modal Image (Image Text) */
.modal-caption {
	margin: auto;
	display: block;
	width: 80%;
	max-width: 700px;
	text-align: center;
	color: #ccc;
	padding: 10px 0;
	height: 150px;
}

/* Add Animation */
.modal-content,
.modal-caption {
	animation-name: zoom;
	animation-duration: 0.6s;
}

@keyframes zoom {
	from {
		transform: scale(0);
	}
	to {
		transform: scale(1);
	}
}

/* The Close Button */
.close {
	position: absolute;
	top: 15px;
	right: 35px;
	color: #f1f1f1;
	font-size: 40px;
	font-weight: bold;
	transition: 0.3s;
}

.close:hover,
.close:focus {
	color: #bbb;
	text-decoration: none;
	cursor: pointer;
}

/* Next & previous buttons */
.prev,
.next {
	cursor: pointer;
	position: absolute;
	top: 50%;
	width: auto;
	padding: 16px;
	margin-top: -22px;
	color: white;
	font-weight: bold;
	font-size: 20px;
	transition: 0.6s ease;
	border-radius: 0 3px 3px 0;
	user-select: none;
}

.next {
	right: 0;
	border-radius: 3px 0 0 3px;
}

.prev:hover,
.next:hover {
	background-color: rgba(0, 0, 0, 0.8);
}
/* Modal */

.ourAdvantage__parent {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(3, 1fr);
	grid-column-gap: 20px;
	grid-row-gap: 20px;
	margin: 48px 0 150px 0;
}

.ourAdvantage__div1 {
	grid-area: 1 / 1 / 2 / 2;
	width: 417px;
	height: 207px;
	background-color: #eef0f3;
	border-radius: 20px;
}
.ourAdvantage__div2 {
	grid-area: 1 / 2 / 2 / 3;
	width: 417px;
	height: 207px;
	background-color: #eef0f3;
	border-radius: 20px;
}
.ourAdvantage__div3 {
	grid-area: 1 / 3 / 2 / 4;
	width: 417px;
	height: 207px;
	background-color: #eef0f3;
	border-radius: 20px;
}
.ourAdvantage__div4 {
	grid-area: 2 / 1 / 3 / 2;
	width: 417px;
	height: 207px;
	background-color: #eef0f3;
	border-radius: 20px;
}
.ourAdvantage__div5 {
	grid-area: 2 / 2 / 3 / 3;
	width: 417px;
	height: 207px;
	background-color: #eef0f3;
	border-radius: 20px;
}
.ourAdvantage__div6 {
	grid-area: 2 / 3 / 3 / 4;
	width: 417px;
	height: 207px;
	background-color: #eef0f3;
	border-radius: 20px;
}
.ourAdvantage__div7 {
	grid-area: 3 / 1 / 4 / 2;
	width: 417px;
	height: 207px;
	background-color: #eef0f3;
	border-radius: 20px;
}

.ourAdvantage__position {
	padding: 24px;
	display: flex;
	justify-content: space-between;
}

.ourAdvantage__title {
	color: #00111c;
	font-family: Inter;
	font-size: 29px;
	font-weight: 600;
	line-height: normal;
}

.ourAdvantage__subtitle {
	color: #00111c;
	font-family: Inter;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	margin-top: 17px;
	margin: 0 0 24px 24px;
}

/* форум */


.ask {
	width: 1290px;
	height: auto!important;
	/* height: 402px; */
	background-image: url(/upload/tsp-s/ask.png);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 24px;
	padding: 77px 70px;
	margin-left: auto;
	margin-right: auto;
}

.ask__position {
	display: flex;
	justify-content: space-between;
}

.ask__text__title {
	color: #fff;
	font-family: RoadRadio;
	font-size: 80px;
	font-weight: 700;
	line-height: 77px;
	text-transform: uppercase;
}

.ask__text__subtitle {
	color: #fff;
	font-family: Inter;
	font-size: 18px;
	font-weight: 400;
	line-height: normal;
	margin-top: 24px;
}

.ask__label{
	font-size: 14px;
	color: #fff;
}

.ask__sign{
	font-size: 12px;
	color: #fff;
	margin-bottom: 20px;
}

/* ask id */
#askContent h6 {
	color: #fff;
	font-family: Inter;
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	position: relative;
	top: 80px;
	right: 100px;
}
/* ask id */

.form-container input,
.form-container select {
	width: calc(100% - 20px);
	padding: 10px;
	margin: 5px 0;
	border-radius: 5px;
	border: none;
}
.form-container button {
	width: 100%;
	padding: 10px;
	background-color: #fff;
	color: #004080;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	font-weight: bold;
}
.form-container button:hover {
	background-color: #ccc;
}
.form-container p {
	font-size: 12px;
	text-align: center;
	margin-top: 10px;
}
.form-container a {
	color: #ffffff;
	text-decoration: underline;
}

.phone-input-container {
	display: flex;
	align-items: center;
	background: rgba(255, 255, 255, 0.08);
	padding: 5px;
	border-radius: 8px;
	width: 304px;
	margin-right: 9px;
}
.phone-input-container select {
	background: none;
	border: none;
	color: #fff;
	font-size: 16px;
	outline: none;
	appearance: none;
	margin-right: 8px;
	padding-left: 10px;
	padding-right: 10px;
	cursor: pointer;
}
.phone-input-container input {
	flex: 1;
	padding: 8px;
	border: none;
	border-radius: 5px;
	font-size: 16px;
	color: #fff;
	background: rgba(255, 255, 255, 0);
	width: 200px;
	outline: none;
}
.phone-input-container input::placeholder {
	color: #ced3d6;
}
.phone-input-container select option {
	color: #000;
}

.phone-input-name::placeholder {
	color: #ced3d6; /* Измените цвет на нужный */
	opacity: 1; /* Убедитесь, что прозрачность установлена на 1 для точного цвета */
}

.phone-input-name {
	border-radius: 8px;
	border: 1px rgba(206, 211, 214, 0.5);
	background: rgba(255, 255, 255, 0.08);
	color: #ced3d6;
	padding: 16px 20px;
	margin-bottom: 24px;
	width: 589px;
}

.phone-input-email {
	border-radius: 8px;
	border: 1px rgba(206, 211, 214, 0.5);
	background: rgba(255, 255, 255, 0.08);
	color: #ced3d6;
	font-family: Inter;
	font-size: 16px;
	padding: 16px 20px;
	width: 276px;
}

.phone-input-email::placeholder {
	color: #ced3d6; /* Измените цвет на нужный */
	opacity: 1; /* Убедитесь, что прозрачность установлена на 1 для точного цвета */
}

.phone-input-position {
	display: flex;
	margin-bottom: 24px;
}

.link__submit {
	color: #000;
	text-align: center;
	font-family: Inter;
	font-size: 20px;
	font-weight: 400;
	border-radius: 8px;
	background: #fff;
	padding: 12px 175px;
}

.doc,
.doc a {
	margin-top: 26px;
	color: #fff;
	font-family: Inter;
	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
}

.doc a {
	text-decoration-line: underline;
}

/* Подвал */

footer {
	background: #032048;
}

.footer-position {
	display: flex;
	justify-content: space-between;
	padding-top: 60px;
}

.footer__contacts__number {
	color: #fff;
	font-family: Inter;
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 17px;
}

.footer__contacts .logo {
	margin-bottom: 27px;
}

.footer__contacts__mail {
	color: #fff;
	font-family: Inter;
	font-size: 16px;
	margin-bottom: 24px;
}

.footer__contacts__icons img {
	margin-right: 13px;
}

.footer__contacts__icons {
	margin-bottom: 48px;
}

.footer__contacts__text {
	color: rgba(255, 255, 255, 0.6);
	font-family: Inter;
	font-size: 12px;
}

.footer__complex__title {
	color: #fff;
	font-family: Inter;
	font-size: 18px;
	margin-bottom: 21px;
}

.footer__complex__subtitle {
	color: rgba(255, 255, 255, 0.8);
	font-family: Inter;
	font-size: 14px;
}

.footer__complex__text {
	color: rgba(255, 255, 255, 0.6);
	font-family: Inter;
	font-size: 14px;
	margin-bottom: 20px;
}

.footer__representativeOffices {
	display: flex;
	flex-direction: column;
}

.footer__representativeOffices2 {
	margin-top: 50px;
}

/* Анимация */
.animate {
	opacity: 0;
	transform: translateX(100px); /* Сдвиг вправо на 100px */
	transition: opacity 0.5s ease, transform 0.5s ease;
}

/* Окончательное состояние, когда элементы видимы */
.animate.visible {
	opacity: 1;
	transform: translateX(0); /* Возвращаем в исходное положение */
}

/* listOfServices */

.listOfServices__title{
    margin-top: 44px;
    color: #000;
    font-family: RoadRadio;
    font-size: 32px;
    font-weight: 700;
    line-height: normal;    
    padding-left: 20px;
    border-left: 9px solid #ff6700;
  }

  .listOfServices__position{
    margin-top: 48px;
    display: flex; 
    justify-content: space-around;
    align-items: center;   
  }

  .listOfServices__content{
    margin-right: 20px;
  }

  .listOfServices ul{
    margin-top: 24px;
  }

  .listOfServices ul li{
    list-style:  disc;
  }

  .listOfServices ul li p{
    color: #000;

    font-family: Inter;
    font-size: 24px;
    font-weight: 400;
    line-height: normal;    
  }

  .listOfServices__warranty{
    border-radius: 25px;
    background:  #EEF0F3; 
    padding: 44px 0; 
    margin-bottom: 24px; 
  }

  .listOfServices__warranty__title{
    color: #00111C;
    text-align: center;
    font-family: Inter;
    font-size: 32px;
    font-weight: 600;
    line-height: normal;  
    margin-bottom: 24px;  
  }

  .listOfServices__warranty__subtitle{
    color: #00111C;
    margin-left: 116px;
    font-family: Inter;
    font-size: 24px;
    font-weight: 400;
    line-height: normal;
  }
   /* listOfServices */
   /* Just text */
   .JT__container{
	border-radius: 25px;
	background: var(--B2, #EEF0F3);
	padding: 43px 50px;
  }
  
  .JT__container p{
	color: var(--text-black, #00111C);
	font-family: Inter;
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: 32px; 
	margin: 0;        
  }

  .JT__container img{
	margin-top: 32px;        
  }

  .JT-position{
	display: flex;
  }

  .JT-position p{
	margin: 32px 0 0 48px;
  }

  .confidentiality__text{
	margin-top: 48px;
	color: var(--text-black, #00111C);
	font-family: Inter;
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: 32px;        
  }

  .confidentiality__text span{
	color: var(--Orange, #FF6700);
	font-family: Inter;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 32px;        
  }

  .confidentiality__title{
	margin-top: 32px;
	color: var(--Orange, #FF6700);
	font-family: Inter;
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	line-height: 32px; /* 100% */        
  }
  .confidentiality ul li{
	list-style: disc;
  }

  .confidentiality ul li p{
	color: var(--text-black, #00111C);
	font-family: Inter;
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: 32px; /* 133.333% */
  }

  .confidentiality__title_2{
	margin-top: 48px;
	color: var(--text-black, #00111C);
	text-align: center;
	font-family: Inter;
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	line-height: 32px; /* 100% */        
  }

  .portfolio-2__img{
	margin-top: 48px;
  }

  .portfolio-2__img div{
	display: flex;
	margin-top: 20px;
  }

  .portfolio-2__img div img{
	margin-right: 20px;
  }

  .portfolio-2__container{
	border-radius: 25px;
	background: var(--B2, #EEF0F3);
	padding: 43px 33px;     
	margin-top: 32px;  
  }

  .portfolio-2__title{
	display: inline-block;
	padding: 24px;
	color: #FFF;
	font-family: Inter;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 32px;  
	border-radius: 10px;
	background: #FB7104;      
  }

  .portfolio-2__text{
	color: var(--text-black, #00111C);
	font-family: Inter;
	font-size: 22px;
	font-style: normal;
	font-weight: 400;
	line-height: 32px; 
	margin-top: 24px;        
  }

  .portfolio-2__container ul{
	padding-left: 33px;
	margin-top: 24px;
  }

  .portfolio-2__container ul li{
	list-style: decimal;
	color: var(--text-black, #00111C);
	font-family: Inter;
	font-size: 24px;
	font-weight: 400;
	line-height: 28px; /* 133.333% */        
  }
  /* Just text */


.categorias__parent-custom .div1,
.categorias__parent-custom .div2,
.categorias__parent-custom .div3,
.categorias__parent-custom .div4,
.categorias__parent-custom .div5,
.categorias__parent-custom .div6{
	width: 639px;
	height: 350px;
	max-width: 100%;
}

.categorias__parent-custom .div7{
	width: 563px;
  height: 390px;
  max-width: 100%;
}

.categorias__parent-custom .div1 .categorias__b,
.categorias__parent-custom .div2 .categorias__b,
.categorias__parent-custom .div3 .categorias__b,
.categorias__parent-custom .div4 .categorias__b,
.categorias__parent-custom .div5 .categorias__b,
.categorias__parent-custom .div6 .categorias__b,
.categorias__parent-custom .div7 .categorias__b{
	width: 100%;
}

.categorias__parent-custom .div7 .categorias__b{height: 100%;}

.categorias__parent-custom .div11{
	background-image: url(/upload/tsp-s/categories_11.png);
  width: 714px;
  height: 390px;
}

.secondSection__container{
    width: 1290px;
    height: 429px;
    background-image: url(/upload/tsp-s/secondSection.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
 }

.secondSection__title{
  padding: 60px 0 0 53px;
  color: #FFF;
  font-family: RoadRadio;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 45px;  
}

/* engineering */

.engineering-position{
	margin-top: 48px;
	display: flex;
  
  }
	.engineering__title{
	  color: var(--text-black, #00111C);
	  font-family: Inter;
	  font-size: 25px;
	  font-style: normal;
	  font-weight: 600;
	  line-height: 32px;    
	}
  
	.engineering__img{
	  margin-right: 30px;
	}
	.engineering__text ul{
	  margin-top: 24px;
	  padding-left: 20px;
	}
  
	.engineering__text ul li{
	  list-style: disc;
	}
  
	.engineering__text ul li p{
	  color: var(--text-black, #00111C);
	  font-family: Inter;
	  font-size: 16px;
	  font-style: normal;
	  font-weight: 400;
	  line-height: 20px;    
	}
  
	.engineering__slyder{
	  position: relative;
	  left: 660px;
	  bottom: 40px;
	  display: inline-flex;
	  border-radius: 57px;
	  background: var(--B2, #EEF0F3);    
	  padding: 4px;
	}
  
	.engineering__slyder img{
	  cursor: pointer;
	}
  /* engineering */

  /* Presentation animate */
.presentation {
	background-color: #f0f0f0; /* Серый фон */
	opacity: 0;
	transform: translateX(100px); /* Смещение вправо */
	transition: opacity 0.5s ease, transform 0.5s ease;
  }
  
  .presentation.visible {
	opacity: 1;
	transform: translateX(0);
  }
  
  .presentation__content {
	opacity: 0;
	transform: translateX(100px); /* Смещение вправо */
	transition: opacity 0.5s ease, transform 0.5s ease;
  }
  
  .presentation__content.visible {
	opacity: 1;
	transform: translateX(0);
  }
  
  .presentation__img {
	opacity: 0;
	transform: translateX(100px); /* Смещение вправо */
	transition: opacity 0.5s ease, transform 0.5s ease;
  }
  
  .presentation__img.visible {
	opacity: 1;
	transform: translateX(0);
  }
  
  .presentation__sub{
	border-radius: 20px;
	background:  #EEF0F3; 
	padding: 50px;
	margin-top: 20px;
  
  }
  
  .presentation__sub__title{
	color: var(--Orange, #FF6700);
	font-family: RoadRadio;
	font-size: 40px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;  
  }
  
  .presentation__sub__subtitle{
	color: var(--text-black, #00111C);
	font-family: Inter;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 26px;
	margin-top: 24px;
  }
  /* Presentation an*/

  .Production__img{
    display: flex;
    flex-wrap: wrap; 
    gap: 20px;   
   }

   .confidentiality img{
	max-width: 100%;
	margin-top: 10px;
}

.mobile-menu{
	width: 100vw;
	height: 100vh;
	background: #fff;
	padding: 40px 10px;
	position: fixed;
	top: 0;
	left: -100vw;
	z-index: 1000;
	transition: left 0.3s ease 0s;
}

.mobile-menu.open{left: 0;}

.mobile-menu__close{
	position: absolute;
	top: 10px;
	right: 10px;
}

.mobile-menu .menu__list{
	padding: 0;
	margin: 0;
}

.mobile-menu .menu__list__link{
	display: block;
	padding: 10px 0;
	font-size: 16px;
	color: #000;
	transition: color 0.2s ease 0s;
}

.mobile-menu .menu__list__link:hover{color: #FF6700;}


/* new-all */
body{font-family: 'Inter', Arial, sans-serif;}

.sub__header-position .header__order,
.sub__header-position .logo{
	display: none;
}

.ic-hamburger{
	flex-shrink: 0;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
	width: 32px;
	height: 32px;
	font-size: 0;
	text-indent: -9999px;
	appearance: none;
	box-shadow: none;
	cursor: pointer;
}

.ic-hamburger:focus{outline: none;}
	
.ic-hamburger span {
	display: block;
	width: calc(100% - 12px);
	height: 2px;
	position: absolute;
	top: 16px;
	left: 4px;
	background: #FF6700;
	transition: background-color 0.2s ease 0s;
}
	
.ic-hamburger span::before,
.ic-hamburger span::after {
	content: "";
	display: block;
	width: calc(100% + 6px);
	height: 2px;
	position: absolute;
	left: 0;
	background: #FF6700;
	transition: background-color 0.2s ease 0s;
}
	
.ic-hamburger span::before {top: -6px;}
.ic-hamburger span::after {bottom: -6px;}
	
.ic-hamburger span::before {transition: top 0.3s ease 0.3s, transform 0.3s ease 0s;}
.ic-hamburger span::after {transition: bottom 0.3s ease 0.3s, transform 0.3s ease 0s;}
	
.ic-hamburger.active span {background: none;}
	
.ic-hamburger.active span::before {
	top: 0;
	transform: rotate(45deg);
}

.ic-hamburger.active span::after {
	bottom: 0;
	transform: rotate(-45deg);
}


.ic-hamburger.active span{
	width: calc(100% - 12px);
	left: 4px;
}

.ic-hamburger.active::before,
.ic-hamburger.active::after{
	width: 100%;
}

.ic-hamburger.active span::before {transition: top 0.3s ease 0s, transform 0.3s ease 0.3s;}
.ic-hamburger.active span::after {transition: bottom 0.3s ease 0s, transform 0.3s ease 0.3s;}

.sub__header-position .ic-hamburger{display: none;}

.doc .input-check{margin-top: 26px;}

.doc .input-check__text{
  color: #fff;
  font-family: Inter;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.ask__content .success-alert{
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
	color: #fff;
}

@media (max-width: 767px) {
	.sub__header-position .ic-hamburger{display: inline-block;}

	.sub__header__link{
		display: flex;
		flex-direction: column;
		gap: 15px;
		width: 100vw;
		height: 100vh;
		background: #fff;
		padding: 50px 20px;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1000;
		display: none;
	}

	.sub__header-position .header__order{display: none;}
	.sub__header-position .logo{display: block;}
	.header-position{display: none;}
}

.popup-form{font-family: 'Inter', Arial, sans-serif;}

.popup-form h3,
.popup-form .h3{
    font-size: 28px;
    font-weight: 600;
    color: #000;
    margin-bottom: 15px;
}

.form-site__label{margin-bottom: 2px;}

.form-site__item{
    position: relative;
    margin-bottom: 20px;
}

.form-site_item:not(:last-child){margin-bottom: 12px;}

.form-site input[type="text"],
.form-site input[type="email"],
.form-site input[type="number"],
.form-site input[type="password"],
.form-site input[type="time"],
.form-site input[type="date"],
.form-site textarea{
    display: inline-flex;
    align-items: center;
    height: 54px;
    width: 100%;
    font-family: 'Inter', Arial, sans-serif;
    font-size: 16px;
    line-height: 1.2;
    padding: 0 15px;
    border-radius: 3px;
    border: 1px solid #D3D7E3;
    outline: 0;
    margin: 0;
    background: #fff;
    box-shadow: none;
    transition: background-color 0.2s ease 0s;
}

.form-site textarea{
    height: 160px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.form-site input[type="text"]:focus,
.form-site input[type="number"]:focus,
.form-site input[type="email"]:focus,
.form-site input[type="password"]:focus,
.form-site input[type="time"]:focus,
.form-site input[type="date"]:focus,
.form-site textarea:focus{
    background: #F8F8F9;
}

.form-site__field.error input[type="text"],
.form-site__field.error input[type="number"],
.form-site__field.error input[type="email"],
.form-site__field.error input[type="password"],
.form-site__field.error input[type="time"],
.form-site__field.error input[type="date"],
.form-site__field.error textarea{
    border-color: #FFCAC1;
}

.form-site__field.error input[type="text"]::placeholder,
.form-site__field.error input[type="number"]::placeholder,
.form-site__field.error input[type="email"]::placeholder,
.form-site__field.error input[type="password"]::placeholder,
.form-site__field.error input[type="time"]::placeholder,
.form-site__field.error input[type="date"]::placeholder,
.form-site__field.error textarea::placeholder{
    color: var(--color-danger);
    font-size: 16px;
    font-weight: 500;
    opacity: 1;
}

.form-site__btn{
    margin-top: 10px;
}

.form-site__btn .btn{width: 100%;}


.form-site .error-msg{
    font-size: 12px;
    line-height: 1.5;
    color: red;
    margin-bottom: 3px;
}

.form-site__btn .btn{
    border-radius: 6.67px;
    background: #ff6700;
    color: rgb(255, 255, 255);
    font-family: Inter;
    font-size: 16px;
    padding: 17.5px 20px;
    border: none;
    outline: none;
    box-shadow: none;
}

.success-alert{text-align: center;}

.success-alert__title{
    font-size: 36px;
    line-height: 1.2;
    margin-bottom: 20px;
}

/* new */
/* .animate,
.title__center h2, .warranty__title, .listOfServices__title, .listOfServices__content p, .listOfServices__img img, .listOfServices__warranty__title, .listOfServices__warranty__subtitle,
#title-animation,
.categorias__parent,
.presentation,
.presentation__content,
.presentation__img,
.roadMap,
.roadMap__title,
.roadMap__img,
#animated-title2,
#block-12, #block-22, #block-32, #block-42, #block-52,
.trend,
#animated-info-img2 img,
#title,
#info-content__block-13, #info-content__block-23, #info-content__block-33,
.info-content__img,
#info-content__img-13, #info-content__img-23, #info-content__img-33,
#title-mt20,
#subtitle-4,
#mb5-title,
.info-content__img,
.factory__title, .factory__block, .factory__block__title, .factory__block__subtitle, .factory__img,
#gradient__title4{
	opacity: 1!important;
	transform: translate(0, 0)!important;
}

body #animated-info-img2 img{
	opacity: 1!important;
	transform: translateY(0)!important;
}
*/



/**/
.page{
	overflow: hidden;
	padding-bottom: 120px;
	min-height: 0;
}

.page footer{margin-bottom: -120px;}

.module{border-radius: 30px;}

.module__container.animate{
	opacity: 1;
	transform: translateX(0);
}

.module__container,
.module{
	max-width: 100%;
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
}

footer{margin-top: 60px;}

.roadMap,
.ask,
#mt48,
.factory__img img,
.roadMap__img img,
.parent{
	max-width: 100%;
}

.factory__block{
	position: relative;
	max-width: calc(100% - 20px);
}

.sub__header-position .header__order,
.sub__header-position .logo{
	display: none;
}

.info-content__parent{flex-wrap: wrap;}

.subtitle{
	width: 100%;
	background: #FF6700;
}

.ask {
	width: 1290px;
	/* height: 402px; */
	background-image: url(/upload/tsp-s/ask.png);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 24px;
	padding: 77px 70px;
}

.OurClients__img{margin-top: 60px;}
.OurClients__img img{max-width: 100%;}

.ic-hamburger{
	flex-shrink: 0;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
	width: 32px;
	height: 32px;
	font-size: 0;
	text-indent: -9999px;
	appearance: none;
	box-shadow: none;
	cursor: pointer;
}

.ic-hamburger:focus{outline: none;}
	
.ic-hamburger span {
	display: block;
	width: calc(100% - 12px);
	height: 2px;
	position: absolute;
	top: 16px;
	left: 4px;
	background: #FF6700;
	transition: background-color 0.2s ease 0s;
}
	
.ic-hamburger span::before,
.ic-hamburger span::after {
	content: "";
	display: block;
	width: calc(100% + 6px);
	height: 2px;
	position: absolute;
	left: 0;
	background: #FF6700;
	transition: background-color 0.2s ease 0s;
}
	
.ic-hamburger span::before {top: -6px;}
.ic-hamburger span::after {bottom: -6px;}
	
.ic-hamburger span::before {transition: top 0.3s ease 0.3s, transform 0.3s ease 0s;}
.ic-hamburger span::after {transition: bottom 0.3s ease 0.3s, transform 0.3s ease 0s;}
	
.ic-hamburger.active span {background: none;}
	
.ic-hamburger.active span::before {
	top: 0;
	transform: rotate(45deg);
}

.ic-hamburger.active span::after {
	bottom: 0;
	transform: rotate(-45deg);
}


.ic-hamburger.active span{
	width: calc(100% - 12px);
	left: 4px;
}

.ic-hamburger.active::before,
.ic-hamburger.active::after{
	width: 100%;
}

.ic-hamburger.active span::before {transition: top 0.3s ease 0s, transform 0.3s ease 0.3s;}
.ic-hamburger.active span::after {transition: bottom 0.3s ease 0s, transform 0.3s ease 0.3s;}

.sub__header-position .ic-hamburger{display: none;}

.categorias__parent{gap: 15px;}

/* contacts */
.contacts{
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	margin-bottom: 50px;
}

.contact-item{
	display: flex;
	align-items: flex-start;
	gap: 10px;
	width: calc(33.33% - 20px);
}

.contact-item__icon{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 24px;
	height: 24px;
}

.contact-item__icon .icon{fill: #EE721A;}

.contact-item__text{
	max-width: 276px;
	font-size: 16px;
	line-height: 1.2;
	color: #6E848E;
}

.contact-item__text a{
	color: #6E848E;
	transition: color 0.2s ease;
}

.contact-item__text a:hover{color: #EE721A;}

.contacts-page h1{
	font-family: 'RoadRadio', Arial, sans-serif;
	font-size: 40px;
	line-height: 1.2;
	color: #00111C;
	margin-bottom: 28px;
}

.map{height: 518px;}

.c-offices-wrap__map{margin-bottom: 130px;}

.c-offices__title{
	font-size: 20px;
	font-weight: 500;
	line-height: 1.2;
	color: #000;
	margin-bottom: 25px;
}

.c-offices__list{
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.c-office-item{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 34px;
	padding: 30px 40px;
	border: 1px solid #F0F0F0;
	font-size: 16px;
	line-height: 1.2;
	color: #6E848E;
}

.c-office-item__img-wrap{
	flex-shrink: 0;
	width: 141px;
}

.c-office-item__img{
	padding-bottom: 59%;
	position: relative;
}

.c-office-item__img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.c-office-item__img img.no-photo{
	width: 50%;
	height: 50%;
	object-fit: contain;
}

.c-office-item__desc{
	width: 100%;
	font-size: 16px;
	line-height: 1.2;
	color: #000;
}

.c-office-item__title{margin-bottom: 8px;}

.c-office-item__text{
	max-width: 358px;
	color: #6E848E;
}

.c-office-item__phone{
	flex-shrink: 0;
	width: 250px;
}

.c-office-item__phone a{
	color: #6E848E;
	transition: color 0.2s ease;
}

.c-office-item__phone a:hover{color: #EE721A;}

.c-office-item-action{
	display: inline-flex;
	align-items: center;
	flex-shrink: 0;
	gap: 15px;
	cursor: pointer;
}

.c-office-item-action__icon{flex-shrink: 0;}

.c-office-item-action__icon .icon{
	display: block;
	fill: #EE721A;
	transition: fill 0.2s ease;
}

.c-office-item-action__label{
	font-size: 16px;
	line-height: 1.2;
	color: #EE721A;
	transition: color 0.2s ease;
}

.c-office-item-action:hover .c-office-item-action__icon .icon{fill: #cd5504;}
.c-office-item-action:hover .c-office-item-action__label{color: #cd5504;}

.c-offices__sect{margin-bottom: 50px;}

/* requisites */
.requisites{margin-bottom: 100px;}

.requisites__title{
	font-size: 20px;
	font-weight: 500;
	color: #000;
	margin-bottom: 25px;
}

.requisites-list{
	border: 1px solid #F0F0F0;
	font-size: 16px;
	line-height: 1.2;
	color: #6E848E;
}

.requisites-item{
	display: flex;
	gap: 30px;
}

.requisites-item__title,
.requisites-item__val{
	padding: 10px;
}
.requisites-item:nth-child(even){background: rgba(238, 114, 26, 0.05);}
.requisites-item__title{text-align: right;}

.requisites-item__title{width: 30%;}
.requisites-item__val{width: 70%;}

/* sect-list */
.sect-list{
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}

.sect-item{width: calc(25% - 22.5px);}

.sect-item__img-wrap{
	border-radius: 11px;
	padding-bottom: 67%;
	overflow: hidden;
	position: relative;
}

.sect-item__img{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: transform 0.2s ease;
}

.sect-item__img img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.sect-item__img-wrap:hover .sect-item__img{transform: scale(1.05) translate(-50%, -50%);}

.sect-item__title{
	font-size: 18px;
	font-weight: 600;
	line-height: 1.3;
	color: #000;
	text-transform: uppercase;
	margin-top: 10px;
}

.sect-item__title a{
	color: #000;
	text-decoration: none;
	transition: all 0.2s ease;
}

.sect-item__title a:hover{color: #FF6700;}

/* info-card */
.info-card-wrap{
	width: 1290px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 150px;
}

.info-card-wrap .title{
	max-width: 860px;
	margin-bottom: 20px;
}

.info-card-list{
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.info-card{
	display: flex;
	align-items: flex-start;
	gap: 48px;
	background: #EEF0F3;
	padding: 48px;
	border-radius: 20px;
}

.info-card__img,
.info-card__content{
	width: calc(50% - 24px);
}

.info-card__img img{
	max-width: 100%;
	border-radius: 25px;
}

.info-card__title{
	font-family: 'RoadRadio', Arial, sans-serif;
	font-size: 40px;
	font-weight: bold;
	line-height: 1;
	color: #00111C;
	text-transform: uppercase;
	margin-bottom: 20px;
}

.info-card-props{
	font-family: 'Inter', Arial, sans-serif;
	font-size: 28px;
	color: #00111C;
}

.info-card-props__label{font-weight: 600;}
.info-card-list .info-card:nth-child(even){flex-direction: row-reverse;}

/* info-block */
.info-block{
	background: #EEF0F3;
	padding: 100px 125px;
	border-radius: 35px;
}

.info-block .title{margin-bottom: 40px;}

.info-block__content{
	font-size: 24px;
	line-height: 1.4;
}

.info-block__img{margin-top: 40px;}
.info-block__img img{max-width: 100%;}

/* about-top */
.about-top{
	display: flex;
	align-items: center;
	height: 688px;
	border-radius: 38px;
	overflow: hidden;
	position: relative;
	color: #fff;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 0 50px;
}

.about-top__content{padding: 60px 0;}

.about-top__title{
	font-family: 'RoadRadio', Arial, sans-serif;
	font-size: 48px;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 25px;
}

.about-top__text{
	column-count: 2;
	gap: 60px;
	font-size: 20px;
	line-height: 1.2;
}

.about-top__text p{break-inside: avoid-column;}

/* about-info */
.about-info{
	display: flex;
	gap: 30px;
	border-radius: 20px;
	padding: 60px;
	background: #EEF0F3;
}

.about-info__logo{
	flex-shrink: 0;
	width: 38.8%;
}

.about-info__logo img{max-width: 100%;}

.about-info__title{
	font-family: 'RoadRadio', Arial, sans-serif;
	font-size: 40px;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 25px;
}

.about-info__text{
	font-size: 20px;
	line-height: 1.3;
}

/* design-block */
.design-block{
	display: flex;
	align-items: center;
	gap: 48px;
	border-radius: 20px;
	padding: 48px 60px;
	background: #EEF0F3;
}

.design-block__img{
	flex-shrink: 0;
	width: calc(50% + 36px);
}

.design-block__img img{
	display: block;
	max-width: 100%;
}

.design-block__title{
	font-family: 'RoadRadio', Arial, sans-serif;
	font-size: 40px;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 25px;
}

.design-block__text{
	font-size: 20px;
	line-height: 1.3;
}

/* design-block-full */
.design-block-full-wrap{
	padding: 40px 0;
	background: #EEF0F3;
}

.design-block-full__top{
	display: flex;
	align-items: flex-end;
	gap: 48px;
}

.design-block-full__img{max-width: 50%;}

.design-block-full__img img{
	display: block;
	max-width: 100%;
}

.design-block-full__title{
	font-family: 'RoadRadio', Arial, sans-serif;
	font-size: 40px;
	font-weight: bold;
	color: #174892;
	line-height: 1;
}

.design-block-full__text{
	font-size: 20px;
	line-height: 1.3;
	margin-top: 48px;
}

/* advantages */
.advantages{
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}

.advant-item{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 30px;
	min-height: 235px;
	width: calc(33.33% - 20px);
	border-radius: 20px;
	background: #EEF0F3;
	padding: 32px;
	position: relative;
	overflow: hidden;
}

.advant-item_big{width: calc(66.66% - 10px);}

.advant-item__bg{
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
}

.advant-item__icon{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	border-radius: 16px;
	background: #FF6700;
	position: relative;
}

.advant-item__icon .icon{fill: #fff;}

.advant-item__icon::before{
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 16px;
	background: #FF6700;
	opacity: 0.4;
	position: absolute;
	top: 0;
	left: 13px;
}

.advant-item__title{
	font-size: 24px;
	font-weight: bold;
	line-height: 1;
	color: #00111C;
	position: relative;
}

.advant-item_big .advant-item__title{color: #fff;}
.advant-item_big{justify-content: flex-end;}

/* tabs-info */
.tabs-info{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 48px;
	background: #EEF0F3;
	border-radius: 20px;
	padding: 48px 60px;
}

.tabs-info__content{width: 100%;}

.tabs-info__title{
	font-family: 'RoadRadio', Arial, sans-serif;
	font-size: 40px;
	font-weight: bold;
	color: #00111C;
	line-height: 1;
	margin-bottom: 25px;
}

.tabs-info__text{
	font-size: 20px;
	line-height: 1.3;
	color: #00111C;
}

.tabs-info__img{
	flex-shrink: 0;
	width: calc(50% + 36px);
}

.tabs-info__img img{max-width: 100%;}

.tabs-info__img:last-child{margin-right: -60px;}

/* partners */
.partners{
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.partners__item{
	width: calc(33.33% - 13.33px);
	border-radius: 15px;
	background: #fff;
}

.partners__img{
	padding-bottom: 38.5%;
	position: relative;
}

.partners__img img{
	max-width: 72%;
	max-height: calc(100% - 10px);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

@media (max-width: 1399px) {
	[class^="ourAdvantage__div"]{
		width: auto;
		height: auto;
		min-height: 207px;
	}

	.portfolio__parent div{
		width: auto;
		height: auto;
		min-height: 241px;
	}

	.factory__block{padding: 80px;}

	.factory__block__number{
		position: absolute;
		top: -45px;
		bottom: auto;
		left: auto;
		right: 0;
	}

	.factory__img > img{
		display: block;
		max-width: calc(100% - 20px);
		margin-left: auto;
		margin-right: auto;
	}

	.factory__img .img-position{
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}

	.factory__img .img-position img{max-width: calc(50% - 20px);}

	.factory .info-content__img{
		padding-left: 10px;
		padding-right: 10px;
	}

	.factory .info-content__img img{max-width: calc(50% - 10px);}
	.info-content__parent{max-width: 100%;}
	.info-content__block{width: calc(33.33% - 13.33px);}
	.roadMap{padding: 10px;}

	.roadMap__trend{
		flex-wrap: wrap;
		align-items: stretch;
	}

	.trend{
		width: calc(33.33% - 10px);
		align-items: flex-start;
		justify-content: flex-start;
	}

	.trend__title,
	.trend__title h3{
		width: 100%;
	}

	.trend__text{
		width: 100%;
		height: auto;
		padding: 0 14px 14px;
	}

	.categorias__parent{gap: 15px;}

	.module{
		width: calc(100% - 20px);
		margin-left: 10px;
		margin-right: 10px;
	}

	.presentation{
		display: flex;
		gap: 20px;
		max-width: 100%;
		height: auto;
		padding: 30px;
	}

	.presentation__title,
	.presentation__text{
		margin: 0 0 40px 0;
	}

	.presentation__text:last-child{margin-bottom: 0;}
	.presentation__img img{
		max-width: calc(100% + 30px);
		margin-right: -30px;
	}

	body #animated-info-img2 img{max-width: calc(50% - 10px);}

	.secondSection__container{
		max-width: 100%;
		border-radius: 30px;
	}

	.Production__img img{max-width: 100%;}
}

@media (max-width: 1279px) {
	.categorias__parent .categorias__b{
		max-width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		padding: 15px;
	}

	.categorias__title{font-size: 25px;}
	.module{padding: 70px;}
	#categorias__b{padding: 15px;}

	.div11{
		padding: 15px;
		background-position: 100% center;
	}

	.div11__title{padding: 0;}
	.div11__subtitle{padding: 20px 0 0 0;}
	.div11__link{left: 0;}

	.info-content__block{
		display: flex;
		align-items: center;
		gap: 30px;
		height: auto;
		min-height: 157px;
		padding: 20px;
	}

	.info-content__number{
		flex-shrink: 0;
		width: 80px;
		padding: 0;
		margin: 0;
		text-align: center;
	}

	body [id^="info-content__text"],
	.info-content__text{
		padding: 0!important;
		margin: 0;
	}

	.factory__block{padding: 40px;}

	.portfolio__parent div{
		padding-bottom: 57%;
		min-height: 0%;
	}

	.ask{
		padding: 30px;
		margin-bottom: 0!important;
	}

	.ask__text__title{font-size: 64px;}
	.footer-position{gap: 10px;}
	.about-top__text{column-count: 1;}
}

@media (max-width: 991px) {

	.animate,
.title__center h2, .warranty__title, .listOfServices__title, .listOfServices__content p, .listOfServices__img img, .listOfServices__warranty__title, .listOfServices__warranty__subtitle,
#title-animation,
.categorias__parent,
.presentation,
.presentation__content,
.presentation__img,
.roadMap,
.roadMap__title,
.roadMap__img,
#animated-title2,
#block-12, #block-22, #block-32, #block-42, #block-52,
.trend,
#animated-info-img2 img,
#title,
#info-content__block-13, #info-content__block-23, #info-content__block-33,
.info-content__img,
#info-content__img-13, #info-content__img-23, #info-content__img-33,
#title-mt20,
#subtitle-4,
#mb5-title,
.info-content__img,
.factory__title, .factory__block, .factory__block__title, .factory__block__subtitle, .factory__img,
#gradient__title4{
	opacity: 1!important;
	transform: translate(0, 0)!important;
}

body #animated-info-img2 img{
	opacity: 1!important;
	transform: translateY(0)!important;
}

	.container{
		padding-left: 20px;
		padding-right: 20px;
	}

    footer{margin-top: 40px!important;}

	.logo img {
		width: 58px;
		height: 52px;
	}

	.sub__header__link a{
		font-size: 12px;
		margin-right: 10px;
	}

	.sub__header-position{
		gap: 23px;
		padding: 14px 0;
	}

	.sub__header-position .header__order{display: block;}

	.header__order a{
		display: inline-flex;
		font-size: 16px;
		padding: 10px 20px;
		margin-left: 0;
	}

	.sub__header__number{
		font-size: 14px;
		margin-left: auto;
	}

	.header__search .header__order{display: none;}
	.header__search{width: 266px;}
	.header-position{margin: 6px 0;}

	.header__link a{
		font-size: 16px;
		margin-right: 16px;
	}

	.header-position img{margin-right: 16px;}

	.search-bar{
		width: 100%;
		padding: 12px 16px 11px;
	}

	.search-icon{
		width: 17px;
		height: 17px;
	}

	.search-button{
		width: 20px;
		height: 20px;
	}

	.header__search img{margin: 0;}
	.search-input{
		flex: auto;
		width: calc(100% - 20px);
	}

	.module{
		width: calc(100% - 40px);
		height: auto;
		margin-left: 20px;
		margin-right: 20px;
		padding: 80px;
		margin-bottom: 50px;
	}

	.module__title{
		max-width: 530px;
		font-size: 32px;
		line-height: 1;
		margin-bottom: 10px;
	}

	.module__text{
		max-width: 602px;
		font-size: 16px;
		line-height: 1.2;
		margin-bottom: 18px;
	}

	#title-animation{
		display: table;
		font-size: 36px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 18px;
	}

	.categorias__parent{
		gap: 10px;
		margin-bottom: 10px;
	}

	.categorias__parent > a{height: 250px;}

	.categorias__parent .categorias__b{
		height: 100%;
		padding: 10px 28px;
	}

	.categorias__title{
		font-size: 20px;
		line-height: 1.2;
		margin: 0;
	}

	.div11,
	.categorias__parent-custom .div11{
		height: auto;
		padding: 40px;
		background: #EEF0F3 url(/upload/tsp-s/rim-group.png) no-repeat calc(100% - 20px) center;
	}

	.div11__title{
		font-size: 26px;
		line-height: 1.2;
		margin-bottom: 5px;
	}

	.div11__subtitle{
		font-size: 14px;
		line-height: 1.2;
		padding-top: 0;
	}

	.div11__link{
		display: inline-flex;
		margin-top: 6px;
		position: static;
	}

	.categorias__parent > a.div10{height: 275px;}
	.parent{margin-bottom: 30px;}

	.presentation{padding: 45px 30px;}

	.presentation__content{max-width: calc(50% - 10px);}

	.presentation__title{
		font-size: 36px;
		line-height: 1;
		margin-bottom: 10px;
	}

	.presentation__text{
		font-size: 14px;
		line-height: 1.2;
		margin-bottom: 10px;
	}

	.presentation__img img{margin-top: -20px;}

	.roadMap{
		height: auto;
		margin-top: 44px;
		margin-bottom: 60px;
		padding-left: 30px;
		padding-right: 30px;
	}

	.roadMap__title p{
		width: 686px;
		max-width: 100%;
		font-size: 20px;
		line-height: 1;
		margin: 36px 0 32px 0;
		padding-bottom: 30px;
	}

	.container-2{padding: 0 20px;}
	.trend__title h3{font-size: 30px;}

	.roadMap__trend{
		flex-wrap: nowrap;
		gap: 10px;
	}

	.trend__text{padding: 17px 16px 14px;}

	.trend__text p{
		margin-top: 0;
		margin-bottom: 10px;
	}

	.title{
		display: table;
		font-size: 36px;
		margin-left: auto;
		margin-right: auto;
	}

	.info-content{margin-top: 20px;}

	.info-content__parent{gap: 20px;}
	.info-content__block{width: calc(50% - 10px);}
	.info-content__text{font-size: 17px;}

	#title{
		display: table;
		font-size: 36px;
		margin: 60px auto 20px;
	}

	#title-mt20{
		margin-top: 60px;
		margin-bottom: 20px;
	}

	.subtitle{
		background: #FF6700;
	}

	.subtitle p{padding: 30px 50px;}
	#subtitle-4{width: 100%;}

	#info-content__img-4{
		display: flex;
		flex-wrap: wrap;
		gap: 14px;
	}

	.justZoom{
		width: calc(50% - 7px);
		height: auto;
	}

	.justZoom img{max-width: 100%;}

	#animated-info-img2,
	#animated-info-img3{
		display: none;
	}

	#gradient__title4{
		margin-top: 15px;
		margin-bottom: 40px;
	}

	.gradient__title{
		width: 100%;
		font-size: 36px;
		background-image: linear-gradient();
		margin-top: 30px;
	}

	.zoom-container img{max-width: 100%;}

	.factory{
		padding: 30px 20px;
		margin: 30px -20px 0;
		border-radius: 0;
	}

	.factory + .factory{
		margin-top: 0;
		padding-bottom: 0;
	}

	#mb5-title{
		width: 100%;
		text-align: center;
		margin-bottom: 20px;
	}

	.factory .info-content__img{
		padding-left: 0;
		padding-right: 0;
	}

	.factory .info-content__img img{margin-bottom: 0!important;}

	.factory__block__title{
		font-size: 36px;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 5px;
	}

	.factory__block__subtitle{
		font-size: 20px;
		line-height: 1;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 0;
	}

	.factory__block{
		padding: 70px 33px 32px;
		margin-bottom: 10px;
	}

	.factory__img{margin-bottom: 32px;}
	#mt20{margin-top: 50px;}

	.title__center h2{
		font-size: 36px;
		line-height: 1;
	}

	.warranty__title{
		font-size: 26px;
		line-height: 1;
	}

	.listOfServices__position .listOfServices__content,
	.listOfServices__position .listOfServices__img{
		flex-shrink: 0;
		width: calc(50% - 10px);
	}

	.listOfServices__img img{max-width: 100%;}

	.listOfServices__title{
		font-size: 20px;
		line-height: 1;
	}

	.listOfServices ul,
	.listOfServices ul li p{
		font-size: 16px;
		line-height: 1.2;
	}

	.listOfServices ul{padding-left: 16px;}
	#mt48{margin-top: 6px;}

	.listOfServices__warranty{padding: 45px 30px;}

	.listOfServices__warranty__title{
		font-size: 20px;
		line-height: 1;
		margin-bottom: 10px;
	}

	.listOfServices__warranty__subtitle{
		font-size: 16px;
		line-height: 1.2;
		margin-left: 0;
		margin-bottom: 0;
	}

	#mt150{margin-top: 60px;}

	.portfolio__parent{
		margin-top: 20px;
		margin-bottom: 60px;
	}

	.portfolio__parent{
		grid-column-gap: 7px;
		grid-row-gap: 7px;
	}

	.ourAdvantage__parent{
		margin-top: 20px;
		grid-column-gap: 14px;
		grid-row-gap: 14px;
		margin-bottom: 60px;
	}

	.ourAdvantage__title{
		font-size: 20px;
		line-height: 1;
	}

	.ourAdvantage__subtitle{
		font-size: 14px;
		line-height: 1.7;
		margin-bottom: 10px;
	}

	.ourAdvantage__icons{flex-shrink: 0;}
	.ourAdvantage__icons img{max-width: 42px;}

	.ourAdvantage__position{
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 10px;
		padding: 10px 24px;
	}

	[class^="ourAdvantage__div"]{min-height: 0;}

	.ask{padding: 68px 30px;}
	.ask__position{gap: 55px;}

	.ask__text__title{
		font-size: 40px;
		line-height: 1;
	}

	.ask__text__subtitle{
		font-size: 16px;
		line-height: 1.2;
	}

	.ask .phone-input-name{width: 100%;}

	.phone-input-container,
	.phone-input-email{
		width: calc(50% - 5px);
	}

	.link__submit{
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		padding: 12px 20px;
		font-size: 20px;
		border: 0;
		outline: 0;
		box-shadow: none;
	}

	.warranty:last-child{margin-bottom: 0;}
	main{padding-bottom: 0;}
	.page{padding-bottom: 0;}

	.footer__contacts .logo{
		max-width: 76px;
		margin-bottom: 15px;
	}

	.footer__contacts__number{
		font-size: 14px;
		margin-bottom: 5px;
	}

	.footer__contacts__mail{font-size: 14px;}
	.footer__contacts__icons img{margin-right: 5px;}
	.footer__contacts__icons{margin-bottom: 10px;}

	.footer__contacts__text{
		font-size: 11px;
		line-height: 1.2;
	}

	.footer__complex__title{
		font-size: 14px;
		line-height: 1.2;
	}

	.footer__complex__text{
		font-size: 12px;
		line-height: 1.2;
	}

	.JT__container img{max-width: 100%;}
	.portfolio-2 h2{margin-bottom: 30px;}

	.portfolio-2__img img{max-width: 100%;}

	.portfolio-2__img > div{
		display: flex;
		gap: 10px;
	}

	.portfolio-2__img > div img{
		width: calc(50% - 5px);
		margin: 0;
	}

	.portfolio-2__title{margin-top: 30px;}

	.secondSection__container{
		padding: 30px;
	}

	.secondSection__title{
		font-size: 36px;
		padding: 0;
	}

	.engineering__img{max-width: 50%;}
	.engineering__img img{max-width: 100%;}
	.engineering__slyder{left: calc(50% + 30px);}

	.TaV{
		display: flex;
		flex-wrap: wrap;
		gap: 20px;
		margin: 60px 0;
	}

	.TaV img{width: calc(50% - 10px);}

	.presentation__sub{
		padding: 45px 30px;
	}

	.presentation__sub__title{font-size: 36px;}

	.presentation__sub__subtitle{
		font-size: 16px;
		line-height: 1.2;
	}

	.contacts-page h1{font-size: 32px;}
	.map{height: 298px;}
	.c-offices-wrap__map{margin-bottom: 40px;}

	.c-office-item{
		gap: 16px;
		padding: 20px;
	}
	
	.c-office-item__phone{width: 160px;}

	.sect-item__title{font-size: 16px;}
	.sect-list{gap: 20px;}
	.sect-item{width: calc(33.33% - 13.33px);}
}

@media (max-width: 767px) {
	.container{
		padding-left: 10px;
		padding-right: 10px;
	}

	.sub__header-position .ic-hamburger{display: inline-block;}

	.sub__header__link{
		display: flex;
		flex-direction: column;
		gap: 15px;
		width: 100vw;
		height: 100vh;
		background: #fff;
		padding: 50px 20px;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1000;
		display: none;
	}

	.sub__header-position .header__order{display: none;}
	.sub__header-position .logo{display: block;}
	.header-position{display: none;}

	.module{
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		width: 100%;
		min-height: 353px;
		margin: -30px 0 20px;
		box-sizing: border-box;
		padding: 22px 10px;
		border-radius: 0;
	}

	.module__title{font-size: 20px;}
	.module__text{font-size: 14px;}

	.module__link{
		align-self: flex-start;
		font-size: 14px;
		padding: 6px 16px;
	}

	#title-animation{font-size: 20px;}

	.categorias__parent{
		flex-direction: column;
	}

	.categorias__parent > a{
		height: 232px;
		width: 100%;
	}

	.categorias__title{
		font-size: 14px;
		line-height: 1.2;
	}

	#title-animation{margin-bottom: 10px;}

	.categorias__parent .categorias__b{
		width: 100%;
		padding: 18px 28px;
		box-sizing: border-box;
	}

	.div11{
		width: 100%;
		padding: 20px 10px;
		background-size: 148px;
		background-position: calc(100% - 10px) center;
	}

	.div11__title{
		max-width: 50%;
		font-size: 18px;
		line-height: 1.2;
	}

	.div11__subtitle{
		max-width: 50%;
		font-size: 13px;
		line-height: 1.2;
	}

	.div11__link{
		padding: 6px 16px;
		font-size: 14px;
	}

	.presentation{
		display: flex;
		flex-direction: column-reverse;
		gap: 0;
		padding: 0;
	}

	.presentation__title{font-size: 20px;}
	.presentation__text{font-size: 13px;}

	.presentation__content{
		width: 100%;
		max-width: 100%;
		padding: 10px;
	}

	.presentation__img img{
		display: block;
		max-width: 100%;
		margin: 0;
		border-radius: 15px;
	}

	.parent{margin-bottom: 10px;}

	.roadMap{
		margin-top: 30px;
		padding: 23px 10px;
	}

	.roadMap__title p{
		margin-top: 0;
		font-size: 16px;
		padding: 20px 10px;
		margin-bottom: 10px;
	}

	.roadMap__title{
		margin-left: -10px;
		margin-right: -10px;
		font-size: 16px;
	}

	.container-2{padding: 0 10px;}

	.roadMap__trend{
		flex-wrap: wrap;
		justify-content: flex-start;
		gap: 10px;
	}

	.trend{width: calc(50% - 5px);}
	.trend__text p{font-size: 12px;}

	.title{
		font-size: 20px;
		text-align: center;
	}

	.info-content__text{
		font-size: 14px;
		line-height: 1.2;
	}

	.info-content__block{
		width: 100%;
		min-height: 124px;
		padding: 10px;
		gap: 10px;
	}

	.info-content{margin-top: 10px;}

	.info-content__parent{gap: 10px;}
	.info-content{margin-bottom: 40px;}

	#title{
		font-size: 20px;
		margin-top: 40px;
	}

	.subtitle p{padding: 30px 10px;}
	.subtitle{margin-bottom: 10px;}

	#info-content__img-4{
		flex-direction: row;
		gap: 6px;
	}

	.justZoom{width: calc(50% - 3px);}
	.justZoom img#mb20{margin-bottom: 0;}
	.justZoom img{border-radius: 20px;}

	.gradient__title{
		font-size: 20px;
		line-height: 1;
		text-align: center;
		margin-bottom: 10px;
	}

	.info-content__img{margin-bottom: 10px;}
	#gradient__title4{margin-bottom: 10px;}

	.info-content__img{
		flex-direction: column;
		gap: 10px;
	}

	.zoom-container{width: 100%;}
	.zoom-container img{display: block;}
	.factory .info-content__img img{max-width: 100%;}
	.factory + .factory{padding-top: 0;}

	.factory__title{
		font-size: 20px;
		line-height: 1;
		padding: 24px 10px;
	}

	.factory__block__number{
		font-size: 20px;
		top: -24px;
	}

	.factory__block__title{
		font-size: 20px;
		line-height: 1;
	}

	.factory__block__subtitle{
		font-size: 16px;
		line-height: 1.2;
		padding: 30px 10px;
	}

	#mb80{margin-bottom: 30px;}

	.factory__block{
		max-width: 100%;
		padding: 63px 10px 32px;
	}

	.factory__block__subtitle{padding: 0;}
	.factory__img img{margin: 0;}

	.factory__img > img{
		max-width: 100%;
		border-radius: 20px;
	}

	.factory__img .img-position{
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
		margin-top: 10px;
	}

	.factory__img .img-position img{
		max-width: calc(50% - 5px);
		border-radius: 20px;
	}

	.factory__img .img-position img#mr20{margin-right: 0;}

	.title__center h2{
		font-size: 20px;
		text-align: center;
		padding: 24px 10px;
	}

	.warranty__title{font-size: 20px;}

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

	.listOfServices__position .listOfServices__content,
	.listOfServices__position .listOfServices__img{
		width: 100%;
	}

	.listOfServices__title{margin-top: 0;}

	.listOfServices__content{margin-right: 0;}
	#mt80.listOfServices__title{margin-top: 30px;}
	.listOfServices__img img{border-radius: 20px;}

	.listOfServices__warranty__subtitle{
		font-size: 14px;
		line-height: 1.2;
	}

	.listOfServices__warranty{padding: 30px 10px;}

	.portfolio__parent{
		margin-top: 10px;
		margin-bottom: 30px;
		grid-template-columns: 100%;
	}

	.ourAdvantage__parent{
		display: flex;
		flex-direction: column;
		gap: 10px;
		margin-top: 10px;
		margin-bottom: 30px;
	}

	.ask__text__title{font-size: 30px;}
	
	.ask__text__subtitle{
		font-size: 14px;
		margin-top: 18px;
	}

	.ask{
		/* height: auto; */
		padding: 40px 10px;
	}

	.ask__position{
		flex-direction: column;
		gap: 25px;
	}

	.phone-input-container input{
		font-size: 10px;
		padding: 0;
	}

	.phone-input-container select{
		font-size: 10px;
		padding-right: 0;
	}

	.link__submit{font-size: 16px;}

	.footer-position{
		flex-wrap: wrap;
		gap: 10px;
		padding-top: 10px;
	}

	.footer__contacts{
		width: 100%;
		text-align: center;
	}

	.footer__contacts .logo{
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 8px;
	}

	.footer__contacts__number{margin-bottom: 0;}
	.footer__contacts__mail{margin-bottom: 6px;}
	.footer__contacts__icons{margin-bottom: 25px;}

	.footer__complex,
	.footer__offices,
	.footer__representativeOffices,
	.footer__representativeOffices2{
		width: calc(50% - 5px);
		margin: 0;
	}

	.JT__container{
		padding: 30px 10px;
	}

	.JT__container p{
		font-size: 14px;
		line-height: 1.2;
	}

	.confidentiality{
		margin-top: 30px;
	}

	.confidentiality img{max-width: 100%;}

	.confidentiality__text{
		font-size: 16px;
		line-height: 1.2;
		margin-top: 10px;
	}

	.confidentiality__title,
	.confidentiality__title_2{
		font-size: 24px;
	}

	.confidentiality ul li p{
		font-size: 16px;
		line-height: 1.2;
	}

	.portfolio-2__img{margin-top: 10px;}
	.portfolio-2__img img{display: block;}

	.portfolio-2__img > div{
		margin-top: 10px;
		gap: 6px;
	}

	.portfolio-2__container{padding: 30px 10px;}

	.portfolio-2__title{
		margin-top: 0;
		font-size: 20px;
	}

	.portfolio-2__text,
	.portfolio-2__container ul li{
		font-size: 16px;
		line-height: 1.2;
	}

	.JT-position{flex-direction: column;}
	.JT__container p{margin-left: 0;}

	.factory{
		margin-left: -10px;
		margin-right: -10px;
	}

	.TaV{
		gap: 10px;
		margin: 30px 0;
	}

	.TaV img{width: calc(50% - 5px);}

	.engineering-position{
		flex-direction: column;
		gap: 20px;
		margin-top: 10px;
	}

	.engineering__img{
		max-width: 100%;
		margin-left: 0;
	}

	.engineering__slyder{
		position: static;
		margin-top: 10px;
	}

	.secondSection__container{
		height: auto;
		padding: 30px 10px;
	}

	.secondSection__title{
		font-size: 20px;
		line-height: 1.2;
	}

	#mb48{margin-bottom: 10px;}

	.presentation__sub{
		padding: 30px 10px;
	}

	.presentation__sub__title{
		font-size: 20px;
		line-height: 1;
	}

	.presentation__sub__subtitle{
		font-size: 14px;
		line-height: 1.2;
		margin-top: 10px;
	}

	.success-alert__title{font-size: 20px;}
	.success-alert__text{font-size: 14px;}

	.contacts-page h1{font-size: 22px;}

	.contacts{
		flex-direction: column;
		gap: 24px;
	}

	.contact-item{width: auto;}
	.contact-item__text{font-size: 14px;}

	.map{
		height: 172px;
		margin-left: 10px;
		margin-right: 10px;
	}

	.c-offices-wrap__map{margin-bottom: 30px;}

	.c-office-item{
		flex-direction: column;
		align-items: stretch;
		padding: 10px;
	}

	.c-office-item__img-wrap{width: 100%;}
	.c-office-item__text{font-size: 14px;}
	.c-office-item__phone{width: auto;}
	.c-office-item-action{gap: 5px;}
	.c-office-item-action__label{font-size: 14px;}

	.c-office-item-action__icon .icon{
		width: 12px;
		height: 16px;
	}

	.c-offices__list{gap: 10px;}
	.c-offices__sect{margin-bottom: 30px;}
	.requisites-list{font-size: 14px;}
	.requisites-item{gap: 0;}
	.requisites-item__title{text-align: left;}

	.requisites-item__title,
	.requisites-item__val{
		padding: 8px 8px 9px;
	}

	.requisites-item__title,
	.requisites-item__val{
		width: 50%;
	}

	.sect-list{gap: 12px;}
	.sect-item{width: calc(50% - 6px);}
}

@media (max-width: 479px) {
	.sect-item{width: 100%;}
}


/* products-info */
.products-info{
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 25px;
	min-height: 668px;
	border-radius: 40px;
	padding: 60px 255px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	margin-bottom: 50px;
}

.products-info__title{
	font-family: 'RoadRadio', Arial, sans-serif;
	font-size: 75px;
	font-weight: bold;
	line-height: 1;
	color: #fff;
	text-transform: uppercase;
}

.products-info__btn{
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
}

/* page-title */
.page-title{
	margin-top: 32px;
	margin-bottom: 40px;
}

.page-title h1{
	font-family: 'RoadRadio', Arial, sans-serif;
	font-size: 40px;
	line-height: 1.2;
	font-weight: bold;
	color: #00111C;
	text-transform: uppercase;
}

/* breadcrumb */
.breadcrumb,
.breadcrumb__item{
	margin: 0;
	padding: 0;
	list-style: none;
}

.breadcrumb{padding: 17px 0 19px;}

.breadcrumb__item{
	display: inline;
	font-size: 14px;
	color: #7B8E97;
	margin-top: 5px;
	margin-bottom: 5px;
}

.breadcrumb__item a{
	color: #7B8E97;
	text-decoration: none;
	transition: color 0.2s ease 0s;
}

.breadcrumb__item a:hover{
	color: #EE721A;
	text-decoration: none;
}

.breadcrumb__item:not(:last-child)::after{
	content: '';
	display: inline-flex;
	align-items: center;
	justify-content: center;
	vertical-align: middle;
	width: 7px;
	height: 10px;
	margin-left: 10px;
	margin-right: 10px;
	background: url(../img/ic-arrow-right.svg) no-repeat center;
	/* background-size: contain; */
}

/* product-menu */
.product-menu{
	border-radius: 15px;
	border: 1px solid #F0F0F0;
	overflow: hidden;
}

.product-menu,
.product-menu__item{
	margin: 0;
	padding: 0;
	list-style: none;
}

.product-menu__link{
	display: flex;
	align-items: center;
	padding: 15px 40px;
	font-size: 18px;
	font-weight: 600;
	color: #7B8E97;
	text-transform: uppercase;
	text-decoration: none;
	transition: all 0.2s ease;
}

.product-menu__item:not(:last-child){border-bottom: 1px solid #F0F0F0;}
.product-menu__item.active .product-menu__link{color: #000;}

.product-menu__link:hover{
	background: #F6F8FA;
	color: #000;
	text-decoration: none;
}

/* product-sect-page */
.product-sect-page{
	display: flex;
	gap: 30px;
	margin-bottom: 100px;
}

.product-sect-page__sidebar{
	flex-shrink: 0;
	width: 300px;
}

.product-sect-page__main{width: 100%;}

/* product-sect-list */
.product-sect-list{
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	gap: 30px;
}

.product-sect-list .product-sect{width: calc(33.33% - 20px);}
.product-sect-page__main .product-sect-list{flex-direction: row;}

.product-sect{
	border: 1px solid #E8E8E8;
	border-radius: 10px;
	background: #fff;
	padding: 10px 7px 20px;
	box-shadow: 0px 4px 15px 0px rgba(0,0,0,0.1);
}

.product-sect__img{
	display: block;
	padding-bottom: 70%;
	position: relative;
	margin-bottom: 25px;
	border-radius: 10px;
	overflow: hidden;
}

.product-sect__img img{
	width: 100%;
	height: 100%;
	object-fit: contain;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: transform 0.2s ease;
}

.product-sect__img img.no-photo{
	width: 50%;
	height: 50%;
}

.product-sect__img:hover img{transform: translate(-50%, -50%) scale(1.05);}

.product-sect__title{
	font-size: 18px;
	font-weight: 600;
	line-height: 1.2;
	color: #000;
	text-transform: uppercase;
}

.product-sect__title a{
	color: #000;
	text-decoration: none;
	transition: color 0.2s ease;
}

.product-sect__title a:hover{
	color: #EE721A;
	text-decoration: none;
}

.product-sect__info{
	font-size: 14px;
	font-weight: 600;
	color: #EE721A;
	text-transform: uppercase;
	margin-top: 5px;
}

/* product-item */
.product-list{
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}

.product-list .product-item-wrap{width: calc(33.33% - 20px);}

.product-item{
	height: 100%;
	border: 1px solid #E8E8E8;
	border-radius: 10px;
	padding: 10px 7px 20px;
	background: #fff;
	box-shadow: 0px 4px 15px 0px rgba(0,0,0,0.1);
}

.product-item__img{
	display: block;
	padding-bottom: 70%;
	position: relative;
	margin-bottom: 25px;
	border-radius: 10px;
	overflow: hidden;
}

.product-item__img img{
	width: 100%;
	height: 100%;
	object-fit: contain;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: transform 0.2s ease;
}

.product-item__img img.no-photo{
	width: 50%;
	height: 50%;
}

.product-item__img:hover img{transform: translate(-50%, -50%) scale(1.05);}

.product-item__title{
	font-size: 18px;
	font-weight: 600;
	line-height: 1.2;
	color: #000;
	text-transform: uppercase;
}

.product-item__title a{
	color: #000;
	text-decoration: none;
	transition: color 0.2s ease;
}

.product-item__title a:hover{
	color: #EE721A;
	text-decoration: none;
}

/* sort */
.sort-wrap{
	display: flex;
	justify-content: flex-end;
	margin-bottom: 20px;
}

.sort{position: relative;}

.sort-main{
	display: inline-flex;
	align-items: center;
	gap: 5px;
}

.sort-main__icon{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 18px;
	height: 18px;
}

.sort-main__icon .icon{
	display: block;
	fill: #7B8E97;
	transition: fill 0.2s ease;
}

.sort-main__val{
	font-size: 16px;
	line-height: 1;
	color: #7B8E97;
	transition: color 0.2s ease;
}

.sort-main__arr{
	flex-shrink: 0;
	width: 8px;
	height: 5px;
	transform-origin: center;
	transition: transform 0.2s ease;
}

.sort-main__arr .icon{
	display: block;
	fill: #818F9F;
	transition: fill 0.2s ease;
}

.sort:hover .sort-main__icon .icon{fill: #EE721A;}
.sort:hover .sort-main__arr .icon{fill: #EE721A;}
.sort:hover .sort-main__arr{transform: rotate(180deg);}
.sort:hover .sort-main__val{color: #EE721A;}

.sort__list{
	border-radius: 10px;
	border: 1px solid #F0F0F0;
	background: #fff;
	position: absolute;
	top: 100%;
	right: 0;
	overflow: hidden;
	z-index: 10;
	transform: scaleY(0);
	transform-origin: 0 0;
	transition: transform 0.3s ease;
}

.sort__item{
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 7px 20px;
	cursor: pointer;
}

.sort__item:not(:last-child){border-bottom: 1px solid #F0F0F0;}

.sort__icon .icon{
	fill: #7B8E97;
	transition: fill 0.2s ease;
}

.sort__val{
	font-size: 16px;
	line-height: 1.3;
	color: #7B8E97;
	transition: color 0.2s ease;
}

.sort__item:hover{background: #F6F8FA;}

.sort__item:hover .sort__val,
.sort__item.active .sort__val{
	color: #000;
}

.sort__item:hover .sort__icon .icon,
.sort__item.active .sort__icon .icon{
	fill: #000;
}

.sort:hover .sort__list{transform: scale(1);}

/* filter-wrap */
.filter-wrap{margin-top: 40px;}

.filter-wrap__title{
	display: flex;
	align-items: center;
	gap: 10px;
	font-family: 'RoadRadio', Arial, sans-serif;
	font-size: 16px;
	line-height: 1.2;
	font-weight: bold;
	color: #00111C;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.filter-wrap__title .icon{
	flex-shrink: 0;
	fill: #000;
}

.filter{
	border-radius: 15px;
	border: 1px solid #F0F0F0;
	padding: 10px 0;
}

.filter__item{
	border-bottom: 1px solid #F0F0F0;
}

.filter__head{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding: 15px 20px;
	cursor: pointer;
}

.filter__title{
	font-size: 16px;
	font-weight: 600;
	line-height: 1.3;
	color: #7B8E97;
}

.filter__arr{
	display: inline-flex;
	align-items: center;
	flex-shrink: 0;
	width: 18px;
	height: 18px;
	position: relative;
	transition: transform 0.2s ease;
	transform-origin: center;
}

.filter__arr::after{
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 3.5px 0 3.5px;
	border-color: #7B8E97 transparent transparent transparent;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.filter__item.active .filter__arr{transform: rotate(180deg);}

.filter__content{
	max-height: 0;
	overflow: hidden;
	transition: all 0.5s;
}

.filter__info{padding: 10px 20px;}

.filter__param:not(:last-child){margin-bottom: 4px;}

.filter__btn{
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 20px;
}

/* input-check */
.input-check{
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 14px;
	color: #7B8E97;
	margin: 0;
	position: relative;
	cursor: pointer;
}

.input-check input[type=checkbox]{display: none;}

.input-check__mark{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	vertical-align: top;
	flex-shrink: 0;
	width: 24px;
	height: 24px;
	border: 1px solid #E8E8E8;
	background: #fff;
	position: relative;
	transition: border 0.2s ease 0s;
}

.input-check__mark .icon{
	fill: #FF6700;
	opacity: 0;
}

.input-check input[type=checkbox]:checked + .input-check__mark .icon{opacity: 1;}

/* range */
.range__fields{display: flex;}

.range input[type="text"]{
	height: 42px;
	width: 50%;
	outline: none;
	border: 1px solid #F0F0F0;
	border-radius: 0;
	background: #fff;
	font-size: 18px;
	font-weight: 600;
	color: #AFAFAF;
	padding: 0 20px;
	margin: 0;
	box-shadow: none;
	transition: all 0.2s ease;
}

.range input[type="text"]:focus{
	box-shadow: none;
	background: #F8F8F9;
}


.range .noUi-horizontal{height: 2px;}

.range .noUi-connect{
	background: #FF6700;
	cursor: pointer;
}

.range .noUi-target{
	border: 0;
	background: #fff;
	box-shadow: none;
}

.range .noUi-horizontal .noUi-handle{
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #FF6700;
	border: 7px solid #fff;
	right: -10px;
	top: -10px;
	cursor: pointer;
	box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.15);
}

.range .noUi-handle::after, .range .noUi-handle::before{display: none;}
.range__slider{margin: 18px 0 14px;}


/* product-sect-list */
.product-sect-list{margin-bottom: 100px;}

.product-sect-list__item{
	border-radius: 35px;
	background: #EEF0F3;
	padding: 70px 125px;
}

.product-sect-list__item:not(:last-child){margin-bottom: 50px;}

.product-sect-list__title{
	display: table;
	margin: 0 auto 30px;
	background: #FF6700;
	border-radius: 15px;
	padding: 20px 30px;
	font-family: 'RoadRadio', Arial, sans-serif;
	font-size: 48px;
	line-height: 1.2;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	transition: background-color 0.2s ease;
}

.product-sect-list__title:hover{
	background: #cd5504;
	text-decoration: none;
}

.product-sect-list__content{
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}

.product-sect-list__content .product-item-wrap,
.product-sect-list__content .product-sect{
	width: calc(25% - 22.5px);
}

/* product-detail */
.product-detail__main{
	display: flex;
	gap: 20px;
}

.product-slider-wrap{width: calc(100% - 332px)}

.product-slider{display: none;}
.product-slider.swiper-initialized{display: block;}

.product-slider__link{
	display: block;
	padding-bottom: 59.85%;
	background: #fdfdfd;
	border-radius: 6px;
	position: relative;
}

.product-slider__link img{
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.product-slider__link img.no-photo{
	max-width: 50%;
	max-height: 50%;
}

.product-detail-info{
	flex-shrink: 0;
	width: 312px;
}

.product-detail-info__text{
	font-size: 16px;
	line-height: 1.25;
	color: #6E848E;
	margin-top: 20px;
}

.product-detail-info .product-detail-props{margin-top: 40px;}

.product-detail-props__title{
	font-size: 18px;
	font-weight: 500;
	line-height: 1.3;
	color: #000;
	margin-bottom: 15px;
}

.product-detail-props__item{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	gap: 10px;
	font-size: 17px;
	line-height: 1.3;
	color: #6E848E;
	position: relative;
}

.product-detail-props__item::after{
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	border-bottom: 1px dashed #C8C8C8;
	position: absolute;
	bottom: 2px;
	left: 0;
}

.product-detail-props__item:not(:last-child){margin-bottom: 14px;}

.product-detail-props__label > span,
.product-detail-props__val > span{
	display: inline-block;
	background: #fff;
}

.product-detail-props__label > span{padding-right: 5px;}
.product-detail-props__val > span{padding-left: 5px;}

.product-detail-props__more{
	font-size: 18px;
	font-weight: 500;
	height: 1.3em;
	color: #FF6700;
	margin-top: 10px;
	transition: color 0.2s ease;
}

.product-detail-props__more:hover{color: #cd5504;}
.product-detail .tabs-page{margin-top: 74px;}

.product-detail .tabs-page__desc-item{
	width: 638px;
	max-width: 100%;
}

.product-slider .product-slider__next,
.product-slider .product-slider__prev{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: #fff;
	transition: background-color 0.2s ease;
}

.product-slider .product-slider__next .icon,
.product-slider .product-slider__prev .icon{
	width: 16px;
	height: 26px;
	fill: #FF6700;
	transition: fill 0.2s ease;
}

.product-slider .product-slider__next:hover,
.product-slider .product-slider__prev:hover{
	background: #FF6700;;
}

.product-slider .product-slider__next:hover .icon,
.product-slider .product-slider__prev:hover .icon{
	fill: #fff;
}

.product-slider .product-slider__next::after,
.product-slider .product-slider__prev::after{
	display: none;
}

.product-slider .product-slider__next.swiper-button-disabled,
.product-slider .product-slider__prev.swiper-button-disabled{
	opacity: 1;
}

.product-slider .product-slider__next.swiper-button-disabled .icon,
.product-slider .product-slider__prev.swiper-button-disabled .icon{
	fill: #6E848E;
	cursor: auto;
}

.product-slider .product-slider__next.swiper-button-lock,
.product-slider .product-slider__prev.swiper-button-lock{
	display: none;
}

.product-thumb-slider{
	display: none;
	margin-top: 20px;
}

.product-thumb-slider.swiper-initialized{display: block;}

.product-thumb-slider__item{
	opacity: 0.5;
	transition: opacity 0.2s ease;
	cursor: pointer;
}

.product-thumb-slider__item:hover,
.product-thumb-slider__item.swiper-slide-active{
	opacity: 1;
}

.product-thumb-slider__img{
	padding-bottom: 59.85%;
	position: relative;
	border-radius: 6px;
	overflow: hidden;
	background: #fdfdfd;
}

.product-thumb-slider__img img{
	width: 100%;
	height: 100%;
	object-fit: contain;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

/* tabs-page */
.tabs-page{position: relative;}

#tabs-page-anchor{
	position: absolute;
	top: -40px;
}

.tabs-page__list,
.tabs-page__item{
	margin: 0;
	padding: 0;
	list-style: none;
}

.tabs-page__list{
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	margin-bottom: 47px;
}

.tabs-page__item{
	display: inline-flex;
	align-items: center;
	height: 52px;
	border-radius: 8px;
	background: rgba(206,211,214,0.2);
	font-size: 16px;
	color: #203145;
	padding: 0 24px;
	transition: background-color 0.3s ease;
	cursor: pointer;
	transition: all 0.2s ease;
}

.tabs-page__item:hover,
.tabs-page__item.active{
	background: #FF6700;
	color: #fff;
}

.tabs-page__content-item{
	max-height: 0;
	overflow: hidden;
	transition: all 0.5s;
}

.tabs-page__content-item.active{max-height: none;}

.tabs-page__desc-item{
	font-size: 18px;
	line-height: 1.2;
	color: #6E848E;
}

.tabs-page__desc-item p:last-child{margin-bottom: 0;}

.similar-offer,
.services-other,
.gallery{
	margin-top: 50px;
}

h3, .h3{
	font-size: 20px;
	font-weight: 500;
	color: #000;
	margin-top: 38px;
	margin-bottom: 14px;
}

h3:first-child,
.h3:first-child{
	margin-top: 0;
}

.h3:last-child,
h3:last-child{
	margin-bottom: 0;
}

.similar-offer h2,
.services-other h2,
.gallery h2{
	font-family: 'RoadRadio', Arial, sans-serif;
	font-size: 40px;
	font-weight: bold;
	line-height: 1.2;
	color: #00111C;
	text-transform: uppercase;
	margin-bottom: 20px;
}

/* .similar-offer .product-list{
	flex-wrap: wrap;
	gap: 35px;
}

.similar-offer .product-list .product-item-wrap{width: calc(25% - 26.25px);} */

similar-offer

/* services-list */
.services-list{
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
}

.services-item{width: calc(25% - 18px);}

.services-item__img{
	display: block;
	position: relative;
	border-radius: 12px;
	padding-bottom: 67%;
	overflow: hidden;
	margin-bottom: 10px;
}

.services-item__img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: transform 0.2s ease;
}

.services-item__img img.no-photo{
	width: 50%;
	height: 50%;
}

.services-item__img:hover img{transform: translate(-50%, -50%) scale(1.05);}

.services-item__title{
	font-size: 24px;
	font-weight: 600;
	line-height: 1.2;
	color: #00111C;
	text-decoration: none;
}

.services-item__title a{
	color: #00111C;
	text-decoration: none;
	transition: color 0.2s ease;
}

.services-item__title a:hover{color: #FF6700;}

.services-item__text{
	font-size: 15px;
	line-height: 1.3;
	color: #818F9F;
	margin-top: 10px;
}

.services-slider{display: none;}
.services-slider.swiper-initialized{display: block;}

.services-slider .services-slider__next,
.services-slider .services-slider__prev{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: rgba(255,255,255,0.6);
	transition: background-color 0.2s ease;
}

.services-slider .services-slider__next{right: -30px;}
.services-slider .services-slider__prev{left: -30px;}

.services-slider .services-slider__next .icon,
.services-slider .services-slider__prev .icon{
	width: 16px;
	height: 26px;
	fill: #FF6700;
	transition: fill 0.2s ease;
}

.services-slider .services-slider__next .icon{margin-right: 23px;}
.services-slider .services-slider__prev .icon{margin-left: 23px;}

.services-slider .services-slider__next:hover,
.services-slider .services-slider__prev:hover{
	background: #FF6700;;
}

.services-slider .services-slider__next:hover .icon,
.services-slider .services-slider__prev:hover .icon{
	fill: #fff;
}

.services-slider .services-slider__next::after,
.services-slider .services-slider__prev::after{
	display: none;
}

.services-slider .services-slider__next.swiper-button-disabled,
.services-slider .services-slider__prev.swiper-button-disabled{
	opacity: 1;
}

.services-slider .services-slider__next.swiper-button-disabled .icon,
.services-slider .services-slider__prev.swiper-button-disabled .icon{
	fill: #6E848E;
	cursor: auto;
}

.services-slider .services-slider__next.swiper-button-lock,
.services-slider .services-slider__prev.swiper-button-lock{
	display: none;
}

/* gallery */
.gallery__top{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: 15px;
	margin-bottom: 20px;
}

.gallery__top h2,
.gallery__top .h2{
	margin-bottom: 0;
}

.gallery__more{
	display: inline-flex;
	align-items: center;
	gap: 5px;
	font-size: 14px;
	font-weight: 500;
	color: #FF6700;
	transition: color 0.2s ease;
	cursor: pointer;
	margin-bottom: 7px;
}

.gallery__more .icon{
	fill: #FF6700;
	transition: fill 0.2s ease;
}

.gallery__more:hover{color: #cd5504;}
.gallery__more:hover .icon{fill: #cd5504;}

.gallery-slider{display: none;}
.gallery-slider.swiper-initialized{display: block;}


.gallery-slider__photo{
	display: block;
	position: relative;
	border-radius: 12px;
	padding-bottom: 67%;
	overflow: hidden;
	margin-bottom: 10px;
}

.gallery-slider__photo img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: transform 0.2s ease;
}

.gallery-slider__photo:hover img{transform: translate(-50%, -50%) scale(1.05);}

.gallery-slider .gallery-slider__next,
.gallery-slider .gallery-slider__prev{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: rgba(255,255,255,0.6);
	transition: background-color 0.2s ease;
}

.gallery-slider .gallery-slider__next{right: -30px;}
.gallery-slider .gallery-slider__prev{left: -30px;}

.gallery-slider .gallery-slider__next .icon,
.gallery-slider .gallery-slider__prev .icon{
	width: 16px;
	height: 26px;
	fill: #FF6700;
	transition: fill 0.2s ease;
}

.gallery-slider .gallery-slider__next .icon{margin-right: 23px;}
.gallery-slider .gallery-slider__prev .icon{margin-left: 23px;}

.gallery-slider .gallery-slider__next:hover,
.gallery-slider .gallery-slider__prev:hover{
	background: #FF6700;;
}

.gallery-slider .gallery-slider__next:hover .icon,
.gallery-slider .gallery-slider__prev:hover .icon{
	fill: #fff;
}

.gallery-slider .gallery-slider__next::after,
.gallery-slider .gallery-slider__prev::after{
	display: none;
}

.gallery-slider .gallery-slider__next.swiper-button-disabled,
.gallery-slider .gallery-slider__prev.swiper-button-disabled{
	opacity: 1;
}

.gallery-slider .gallery-slider__next.swiper-button-disabled .icon,
.gallery-slider .gallery-slider__prev.swiper-button-disabled .icon{
	fill: #6E848E;
	cursor: auto;
}

.gallery-slider .gallery-slider__next.swiper-button-lock,
.gallery-slider .gallery-slider__prev.swiper-button-lock{
	display: none;
}

/* fancybox */
.fancybox__backdrop{background: rgba(0,0,0,0.6)!important;}

/* product-slider-other */
.product-slider-other{display: none;}
.product-slider-other.swiper-initialized{display: block;}

.product-slider-other .product-slider-other__next,
.product-slider-other .product-slider-other__prev{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: rgba(255,255,255,0.6);
	transition: background-color 0.2s ease;
}

.product-slider-other .product-slider-other__next{right: -30px;}
.product-slider-other .product-slider-other__prev{left: -30px;}

.product-slider-other .product-slider-other__next .icon,
.product-slider-other .product-slider-other__prev .icon{
	width: 16px;
	height: 26px;
	fill: #FF6700;
	transition: fill 0.2s ease;
}

.product-slider-other .product-slider-other__next .icon{margin-right: 23px;}
.product-slider-other .product-slider-other__prev .icon{margin-left: 23px;}

.product-slider-other .product-slider-other__next:hover,
.product-slider-other .product-slider-other__prev:hover{
	background: #FF6700;;
}

.product-slider-other .product-slider-other__next:hover .icon,
.product-slider-other .product-slider-other__prev:hover .icon{
	fill: #fff;
}

.product-slider-other .product-slider-other__next::after,
.product-slider-other .product-slider-other__prev::after{
	display: none;
}

.product-slider-other .product-slider-other__next.swiper-button-disabled,
.product-slider-other .product-slider-other__prev.swiper-button-disabled{
	opacity: 1;
}

.product-slider-other .product-slider-other__next.swiper-button-disabled .icon,
.product-slider-other .product-slider-other__prev.swiper-button-disabled .icon{
	fill: #6E848E;
	cursor: auto;
}

.product-slider-other .product-slider-other__next.swiper-button-lock,
.product-slider-other .product-slider-other__prev.swiper-button-lock{
	display: none;
}

/* download-file */
.download-file{
	display: inline-flex;
	align-items: center;
	gap: 15px;
}

.download-file .icon{fill: #FF6700;}

.download-file__label{
	font-size: 16px;
	line-height: 1.25;
	color: #6E848E;
	transition: color 0.2s ease;
}

.download-file:hover .download-file__label{color: #FF6700;}

/* catalog-data-block */
.catalog-data-block{
	font-family: 'Inter', Arial, sans-serif;
	margin-bottom: 100px;
}

.catalog-data-block:last-child{margin-bottom: 0;}

.catalog-data-block__title{
	background: rgba(0,158,225,1);
	background: -moz-linear-gradient(left, rgba(0,158,225,1) 0%, rgba(0,79,158,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,158,225,1)), color-stop(100%, rgba(0,79,158,1)));
	background: -webkit-linear-gradient(left, rgba(0,158,225,1) 0%, rgba(0,79,158,1) 100%);
	background: -o-linear-gradient(left, rgba(0,158,225,1) 0%, rgba(0,79,158,1) 100%);
	background: -ms-linear-gradient(left, rgba(0,158,225,1) 0%, rgba(0,79,158,1) 100%);
	background: linear-gradient(to right, rgba(0,158,225,1) 0%, rgba(0,79,158,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ee1', endColorstr='#004f9e', GradientType=1 );
	border-radius: 15px;
	padding: 22px 110px 27px;
	font-family: 'RoadRadio', Arial, sans-serif;
	font-size: 48px;
	font-weight: bold;
	line-height: 1.2;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 40px;
}

.catalog-data-block__img-wrap{
	position: relative;
	margin-bottom: 40px;
	border-radius: 15px;
	overflow: hidden;
	border: 1px solid rgba(0, 0, 0, 0.1);
}

.catalog-data-block__img{
	display: flex;
	align-items: center;
	justify-content: center;
	padding-bottom: 52.8%;
}

.catalog-data-block__img img{
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.catalog-data-block__desc{
	display: flex;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: 40px;
}

.catalog-data-block__desc .cat-data-block{
	width: calc(50% - 10px);
	margin-bottom: 0;
}

.cat-data-block{
	border-radius: 20px;
	border: 1px solid #FF6700;
	overflow: hidden;
	margin-bottom: 40px;
}

.cat-data-block__title{
	background: #FF6700;
	padding: 5px 30px 9px;
	font-family: 'RoadRadio', Arial, sans-serif;
	font-size: 38px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
}

.cat-data-block__content{
	font-size: 20px;
	line-height: 1.2;
	padding: 30px;
}

.cat-data-block__content ul{padding-left: 20px;}
.cat-data-block__content ul:first-child{margin-top: 0;}

.cat-data-block__content h4,
.cat-data-block__content .h4{
	font-size: 24px;
	font-weight: 600;
	line-height: 1.2;
	color: #FF6700;
	text-transform: uppercase;
	margin-bottom: 14px;
}

.cat-data-block__content ul li{
	list-style: disc;
	margin-bottom: 5px;
}

.cat-data-block__content ul li:last-child{margin-bottom: 0;}
.catalog-data-block .table-site{margin-bottom: 40px;}

/* table-site */
.table-site{
	width: 100%;
	border-spacing: 0;
	font-size: 24px;
	line-height: 1.2;
	color: #00111C;
	border-collapse: separate;
	border-radius: 20px;
	border: 1px solid #FF6700;
	overflow: hidden;
}

.table-site th,
.table-site td{
	padding: 18px 30px;
	vertical-align: middle;
 }

 .table-site th{
	color: #fff;
	text-align: left;
	text-transform: uppercase;
	background: #FF6700;
}

.table-site th:not(:last-child),
.table-site td:not(:last-child) {
	border-right: 1px solid #FF6700;
}

.table-site>thead>tr:not(:last-child)>th,
.table-site>thead>tr:not(:last-child)>td,
.table-site>tbody>tr:not(:last-child)>th,
.table-site>tbody>tr:not(:last-child)>td,
.table-site>tfoot>tr:not(:last-child)>th,
.table-site>tfoot>tr:not(:last-child)>td,
.table-site>tr:not(:last-child)>td,
.table-site>tr:not(:last-child)>th,
.table-site>thead:not(:last-child),
.table-site>tbody:not(:last-child),
.table-site>tfoot:not(:last-child) {
	border-bottom: 1px solid #FF6700;
}

.table-site_big{
	font-family: 'RoadRadio', Arial, sans-serif;
	font-size: 38px;
	font-weight: bold;
	text-transform: uppercase;
}

.table-site_big th{white-space: nowrap;}

.table-site_big th,
.table-site_big td{
	padding: 10px 40px;
}

/* catalog-data-slider */
.catalog-data-slider{
	display: none;
	margin-bottom: 40px;
}

.catalog-data-slider.swiper-initialized{display: block;}

.catalog-data-slider__img-wrap{
	display: block;
	position: relative;
	padding-bottom: 67.7%;
	margin-bottom: 20px;
	overflow: hidden;
}

.catalog-data-slider__img{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: transform 0.2s ease;
}

.catalog-data-slider__img img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.catalog-data-slider__img-wrap:hover .catalog-data-slider__img{transform: translate(-50%, -50%) scale(1.05);}

.catalog-data-slider__title{
	font-size: 24px;
	font-weight: bold;
	line-height: 1.3;
	color: #00111C
}

.catalog-data-slider__title a{
	color: #00111C;
	text-decoration: none;
	transition: color 0.2s ease;
}

.catalog-data-slider__title a:hover{color: #FF6700;}

.catalog-data-slider__text{
	font-size: 15px;
	line-height: 1.3;
	color: #818F9F;
	margin-top: 5px;
}

.catalog-data-slider .swiper-button-next,
.catalog-data-slider .swiper-button-prev{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 100px;
	background: #FF6700;
	transition: all 0.2s ease;
}

.catalog-data-slider .swiper-button-prev{
	border-radius: 0 50px 50px 0;
	left: 0;
}

.catalog-data-slider .swiper-button-next{
	border-radius: 50px 0 0 50px;
	right: 0;
}

.catalog-data-slider .swiper-button-prev .icon,
.catalog-data-slider .swiper-button-next .icon{
	width: 20px;
	height: 38px;
	fill: #fff;
}

.catalog-data-slider .swiper-button-next::after,
.catalog-data-slider .swiper-button-prev::after{
	display: none;
}

.catalog-data-slider .swiper-button-next:hover,
.catalog-data-slider .swiper-button-prev:hover{
	background: #cd5504;
}

.catalog-data-slider .swiper-button-prev .icon{margin-left: -5px;}
.catalog-data-slider .swiper-button-next .icon{margin-right: -5px;}

.catalog-data-slider .swiper-button-next.swiper-button-disabled,
.catalog-data-slider .swiper-button-prev.swiper-button-disabled{
	display: none;
}

/* services-slider */
.cat-services-slider-wrap{margin-top: 100px;}

.cat-services-slider-wrap h2,
.cat-services-slider-wrap .h2{
	font-family: 'RoadRadio', Arial, sans-serif;
	font-size: 40px;
	font-weight: bold;
	line-height: 1.2;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.cat-services-slider{display: none;}
.cat-services-slider.swiper-initialized{display: block;}

.cat-services-slider__img-wrap{
	display: block;
	position: relative;
	padding-bottom: 67.7%;
	margin-bottom: 12px;
	border-radius: 10px;
	overflow: hidden;
}

.cat-services-slider__img{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: transform 0.2s ease;
}

.cat-services-slider__img img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.cat-services-slider__img-wrap:hover .cat-services-slider__img{transform: translate(-50%, -50%) scale(1.05);}

.cat-services-slider__title{
	font-size: 24px;
	font-weight: bold;
	line-height: 1.3;
	color: #00111C
}

.cat-services-slider__title a{
	color: #00111C;
	text-decoration: none;
	transition: color 0.2s ease;
}

.cat-services-slider__title a:hover{color: #FF6700;}

.cat-services-slider__text{
	font-size: 15px;
	line-height: 1.3;
	color: #818F9F;
	margin-top: 5px;
}

.cat-services-slider .swiper-button-next,
.cat-services-slider .swiper-button-prev{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 100px;
	background: #FF6700;
	transition: all 0.2s ease;
}

.cat-services-slider .swiper-button-prev{
	border-radius: 0 50px 50px 0;
	left: 0;
}

.cat-services-slider .swiper-button-next{
	border-radius: 50px 0 0 50px;
	right: 0;
}

.cat-services-slider .swiper-button-prev .icon,
.cat-services-slider .swiper-button-next .icon{
	width: 20px;
	height: 38px;
	fill: #fff;
}

.cat-services-slider .swiper-button-next::after,
.cat-services-slider .swiper-button-prev::after{
	display: none;
}

.cat-services-slider .swiper-button-next:hover,
.cat-services-slider .swiper-button-prev:hover{
	background: #cd5504;
}

.cat-services-slider .swiper-button-prev .icon{margin-left: -5px;}
.cat-services-slider .swiper-button-next .icon{margin-right: -5px;}

.cat-services-slider .swiper-button-next.swiper-button-disabled,
.cat-services-slider .swiper-button-prev.swiper-button-disabled{
	display: none;
}

/* catalog-data-info */
.catalog-data-info{
	padding: 50px;
	background: #EEF0F3;
	border-radius: 20px;
	font-size: 24px;
	margin-bottom: 40px;
}

.catalog-data-info ul li{list-style: disc;}

/* type-icon */
.type-icon{
	display: flex;
	flex-wrap: wrap;
}

.type-icon__item{
	width: 100px;
	margin: 15px;
	text-align: center;
}

.type-icon__img{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100px;
	width: 100%;
}

/* events-page */
.events-page__top{
	display: flex;
	align-items: center;
	min-height: 300px;
	border-radius: 40px;
	padding: 30px 365px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	font-family: 'RoadRadio', Arial, sans-serif;
	font-size: 75px;
	line-height: 1;
	color: #ffff;
	margin-bottom: 48px;
}

.events-list-wrap{
	background: #EEF0F3;
	border-radius: 35px;
	padding: 70px 124px;
}

.events-list{
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}

.events-item{
	width: calc(50% - 15px);
	border-radius: 10px;
	background: #fff;
	padding: 6px;
	box-shadow: 0px 4px 15px 0px rgba(0,0,0,0.1);
	position: relative;
	overflow: hidden;
}

.events-item__img-wrap{
	display: grid;
	grid-template-columns: calc(66% - 3px) calc(34% - 3px);
	grid-template-rows: 2fr;
	gap: 6px;
}

.events-item__img{position: relative;}
.events-item__img:first-child{grid-row: span 2;}
.events-item__img:first-child .events-item__img-content{height: 100%;}

.events-item__img-content{
	position: relative;
	padding-bottom: 58.5%;
	border-radius: 12px;
	overflow: hidden;
}

.events-item__img-content img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.events-item__img_full{grid-column: span 2;}
.events-item__img_full .events-item__img-content{padding-bottom: 40.1%;}

.events-item__img_empty .events-item__img-content img{
	width: 50%;
	height: 50%;
	object-fit: contain;
}

.events-item__content{
	padding: 16px 20px;
	position: relative;
	background: #fff;
}

.events-item__title{
	font-size: 21px;
	font-weight: bold;
	line-height: 1.2;
	color: #212B36;
}

.events-item__title a{
	color: #212B36;
	text-decoration: none;
	transition: color 0.2s ease;
}

.events-item__title a:hover{color: #FF6700;}

.events-item__bottom{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
	margin-top: 17px;
	padding-top: 10px;
	border-top: 1px solid #E5E8EB;
}

.events-item__date{
	font-size: 14px;
	color: rgba(71, 79, 90, 0.5);
}

.events-item__more{
	display: inline-flex;
	align-items: center;
	gap: 16px;
	font-size: 16px;
	font-weight: bold;
	color: #FF6700;
	transition: color 0.2s ease;
}

.events-item__more .icon{
	flex-shrink: 0;
	fill: #FF6700;
	transition: all 0.2s ease;
}

.events-item__more:hover{color: #cf5504;}

.events-item__more:hover .icon{
	transform: translateX(5px);
	fill: #cf5504;
}

.events-item_big{
	display: flex;
	align-items: flex-end;
	min-height: 550px;
	width: 100%;
	padding: 20px;
}
 
.events-item__bg{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.events-item__bg img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.events-item__top{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
	margin-bottom: 10px;
}

.events-tag{
	display: flex;
	gap: 8px;
}

.events-tag__item{
	display: inline-flex;
	align-items: center;
	background: #F4F6F8;
	border-radius: 6px;
	padding: 5px 8px;
	font-size: 12px;
	line-height: 1.2;
	color: #6D7783;
}

.events-data{
	display: flex;
	gap: 6px;
}

.events-data__item{
	display: inline-flex;
	align-items: center;
	gap: 5px;
	background: #F4F6F8;
	border-radius: 6px;
	padding: 5px 8px;
	font-size: 12px;
	line-height: 1.2;
	color: #919EAB;
}

.events-data__icon{flex-shrink: 0;}

.events-data__icon .icon{
	display: block;
	fill: #919EAB;
}

.pager-more{
	text-align: center;
	margin-top: 30px;
}

.events-item_big .events-item__content{
	width: 607px;
	max-width: calc(100% - 40px);
	border-radius: 10px;
	padding: 16px 20px 22px;
}

.events-item_big .events-item__title{
	font-size: 24px;
	line-height: 1.1;
}

.events-item_big .events-item__bottom{margin-top: 24px;}

.events-item__count{
	display: inline-flex;
	align-items: center;
	border-radius: 10px;
	background: rgba(33, 43, 54, 0.9);
	padding: 7px 8px;
	font-size: 16px;
	font-weight: 600;
	line-height: 1;
	color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

/* events-detail-top */
.events-detail{margin-bottom: 100px;}

.events-detail-top{
	border-radius: 38px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	color: #fff;
	overflow: hidden;
	margin-bottom: 70px;
	padding: 0 60px;
}

.events-detail-top__content{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 30px;
	height: 688px;
	padding: 46px 0;
}

.events-detail-top__title{
	font-family: 'RoadRadio', Arial, sans-serif;
	font-size: 48px;
	font-weight: bold;
	line-height: 1;
}

.events-detail-top__desc{
	font-size: 20px;
	line-height: 1.2;
	margin-top: 20px;
}

.events-detail-top__info{
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 727px;
	height: 100%;
	max-width: 100%;
}

.events-detail-top__bottom{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
}

.events-detail-top-info{
	display: flex;
	gap: 16px;
}

.events-detail-top-info__item{
	display: inline-flex;
	align-items: center;
	gap: 8px;
	height: 35px;
	background: rgba(0, 0, 0, 0.7);
	padding: 0 12px;
	border-radius: 6px;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.2;
	color: #fff;
}

.events-detail-top-info__icon .icon{fill: #fff;}
.events-detail-top-info__label{color: rgba(255, 255, 255, 0.7);}

.events-detail-top-action{
	display: flex;
	gap: 16px;
}

.events-detail-top-action__item{
	display: inline-flex;
	align-items: center;
	gap: 8px;
	height: 35px;
	background: rgba(0, 0, 0, 0.7);
	padding: 0 12px;
	border-radius: 6px;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.2;
	color: #fff;
	transition: color 0.2s ease;
}

.events-detail-top-action__icon .icon{
	fill: #fff;
	transition: fill 0.2s ease;
}

.events-detail-top-action__item:hover{color: #F7D453;}
.events-detail-top-action__item:hover .icon{fill: #F7D453;}

.events-detail-like{
	display: flex;
	align-items: center;
	height: 35px;
	background: rgba(0, 0, 0, 0.7);
	border-radius: 6px;
	padding: 0 4px;
}

.events-detail-like__item{
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 0 8px;
	position: relative;
	cursor: pointer;
	transition: color 0.2s ease;
}

.events-detail-like__item:not(:last-child)::after{
	content: '';
	display: inline-block;
	height: 20px;
	width: 1px;
	background: rgba(255,255,255,0.2);
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}

.events-detail-like__item:hover{color: #F7D453;}
.events-detail-like__item:hover .icon{fill: #F7D453;}

.events-detail-like__icon .icon{
	display: block;
	fill: #fff;
	transition: fill 0.2s ease;
}

.events-detail__content-wrap{
	background: #EEF0F3;
	border-radius: 35px;
	padding: 70px 235px;
}

.events-detail__content + .events-detail__content{margin-top: 100px;}

.events-detail__content{
	background: #fff;
	border-radius: 20px;
	box-shadow: 0px 4px 15px 0px rgba(0,0,0,0.1);
	padding: 32px;
	font-size: 18px;
	line-height: 1.4;
}

.events-detail__content .text-big{font-size: 21px;}

.events-detail__content h2,
.events-detail__content .h2{
	font-size: 32px;
	margin-top: 45px;
	margin-bottom: 13px;
}

.events-detail__content p{margin-bottom: 17px;}

.events-detail__sect:not(:last-child){margin-bottom: 40px;}

.events-detail__sect:first-child h2:first-child,
.events-detail__sect:first-child .h2:first-child{
	margin-top: 0;
}

.info-important{
	background: #FF6700;
	color: #fff;
	border-radius: 12px;
	padding: 20px;
	margin-top: 15px;
}

.info-important__top{
	display: flex;
	align-items: center;
	gap: 16px;
}

.info-important__icon{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	flex-shrink: 0;
	border-radius: 10px;
	background: #fff;
}

.info-important__icon .icon{fill: #FF6700;}

.info-important__title{
	font-size: 24px;
	font-weight: 600;
	line-height: 1.2;
}

.info-important__sect{
	margin-top: 18px;
	padding-top: 15px;
	border-top: 1px solid rgba(255,255,255,0.3);
}

.info-important__label{
	font-size: 16px;
	line-height: 1.2;
	margin-bottom: 5px;
}

.info-important__text{
	font-size: 18px;
	font-weight: 600;
	line-height: 1.4;
}


ol.list-num{
	list-style-type: none; 
	counter-reset: num;
	margin: 0;
	padding: 0;
}

ol.list-num li {
	position: relative;
	margin: 0;
	padding-left: 50px;
	margin-bottom: 10px;
}

ol.list-num li:before {
	content: counter(num); 
	counter-increment: num;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 24px;
	width: 24px;
	padding: 5px;
	background: #EEF0F3;
	font-size: 16px;
	line-height: 1;
	color: #FF6700;
	position: absolute;
	left: 16px;
}

.gallery-event-slider-full .swiper-button-next,
.gallery-event-slider-full .swiper-button-prev{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	border-radius: 10px;
	background: rgba(242, 242, 242, 0.8);
	transition: all 0.2s ease;
}

.gallery-event-slider-full .swiper-button-prev{left: 12px;}
.gallery-event-slider-full .swiper-button-next{right: 12px;}

.gallery-event-slider-full .swiper-button-prev .icon,
.gallery-event-slider-full .swiper-button-next .icon{
	width: 16px;
	height: 16px;
	fill: #2A2A26;
}

.gallery-event-slider-full .swiper-button-next::after,
.gallery-event-slider-full .swiper-button-prev::after{
	display: none;
}

.gallery-event-slider-full .swiper-button-next:hover,
.gallery-event-slider-full .swiper-button-prev:hover{
	background: #fff;
}

.gallery-event-slider-full .swiper-button-next.swiper-button-disabled,
.gallery-event-slider-full .swiper-button-prev.swiper-button-disabled{
	display: none;
}

.gallery-event-slider-full__pager{
	display: inline-flex;
	align-items: center;
	gap: 5px;
	height: 26px;
	padding: 0 5px;
	background: rgba(0, 0, 0, 0.6);
	border-radius: 6px;
	position: absolute;
	top: 12px;
	right: 12px;
	z-index: 10;
}

.gallery-event-slider-full__pager .icon{
	flex-shrink: 0;
	fill: #fff;
}

.gallery-event-slider-full .swiper-pagination{
	position: static;
	font-size: 14px;
	line-height: 1;
	color: #fff;
}

.gallery-event-slider-full__img{
	position: relative;
	border-radius: 12px;
	overflow: hidden;
	padding-bottom: 34.8%;
}

.gallery-event-slider-full__img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
}

.events-detail .gallery-event-slider{
	margin: 16px -32px;
	padding-left: 32px;
	padding-right: 32px;
}

.gallery-event-slider__img{
	position: relative;
	padding-bottom: 97%;
	border-radius: 12px;
	overflow: hidden;
}

.gallery-event-slider__img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
}


.gallery-event-slider .swiper-button-next,
.gallery-event-slider .swiper-button-prev{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	border-radius: 10px;
	background: rgba(242, 242, 242, 0.8);
	transition: all 0.2s ease;
}

.gallery-event-slider .swiper-button-prev{left: 52px;}
.gallery-event-slider .swiper-button-next{right: 52px;}

.gallery-event-slider .swiper-button-prev .icon,
.gallery-event-slider .swiper-button-next .icon{
	width: 16px;
	height: 16px;
	fill: #2A2A26;
}

.gallery-event-slider .swiper-button-next::after,
.gallery-event-slider .swiper-button-prev::after{
	display: none;
}

.gallery-event-slider .swiper-button-next:hover,
.gallery-event-slider .swiper-button-prev:hover{
	background: #fff;
}

.gallery-event-slider .swiper-button-next.swiper-button-disabled,
.gallery-event-slider .swiper-button-prev.swiper-button-disabled{
	display: none;
}

.video{
	border-radius: 16px;
	overflow: hidden;
}

.video__content{
	position: relative;
	padding-bottom: 34.8%;
}

.video__content iframe{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.events-detail-tags{
	display: flex;
	flex-wrap: wrap;
	gap: 9px;
	padding: 24px 0;
	border-top: 1px solid #DEDEDE;
	border-bottom: 1px solid #DEDEDE;
}

.events-detail-tags__item{
	display: inline-flex;
	align-items: center;
	height: 32px;
	padding: 0 12px;
	background: #EEF0F3;
	border-radius: 8px;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.3;
	color: #454F5B;
	text-transform: uppercase;
}

.share{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
	margin-top: 24px;
	border-radius: 12px;
	background: #EEF0F3;
	padding: 10px 20px;
}

.share__label{
	font-size: 18px;
	font-weight: 600;
	color: #131313;
}

.share__list{
	display: flex;
	gap: 12px;
	border-radius: 6px;
	background: #fff;
	padding: 7px 12px;
}

.share__item{
	flex-shrink: 0;
	transition: opacity 0.2s ease;
	cursor: pointer;
}

.share__item:hover{opacity: 0.6;}

.other-events{margin-top: 100px;}

.other-events__content{
	background: #EEF0F3;
	border-radius: 35px;
	padding: 94px 124px;
}

.other-events__title{
	display: table;
	border-radius: 15px;
	padding: 15px 20px;
	border-radius: 15px;
	background: #FF6700;
	font-size: 48px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	margin: 0 auto 30px;
}

/* c-left-menu */
.c-left-menu{
	border-radius: 15px;
	border: 1px solid #F0F0F0;
	overflow: hidden;
}

.c-left-menu,
.c-left-menu__item{
	margin: 0;
	padding: 0;
	list-style: none;
}

.c-left-menu__link{
	display: flex;
	align-items: center;
	padding: 15px 30px;
	font-size: 18px;
	font-weight: 600;
	color: #7B8E97;
	line-height: 1.3;
	text-transform: uppercase;
	text-decoration: none;
	transition: all 0.2s ease;
}

.c-left-menu__item:not(:last-child){border-bottom: 1px solid #F0F0F0;}
.c-left-menu__item.active .c-left-menu__link{color: #000;}

.c-left-menu__link:hover{
	background: #F6F8FA;
	color: #000;
	text-decoration: none;
}

/* services-page */
.services-page{
	display: flex;
	gap: 30px;
}

.services-page__sidebar{
	flex-shrink: 0;
	width: 300px;
}

.services-page__content{width: 100%;}

.services-block-list{
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}

.service-item-block{
	width: calc(50% - 15px);
	border-radius: 10px;
	background: #fff;
	box-shadow: 0px 4px 15px 0px rgba(0,0,0,0.1);
	padding: 32px;
}

.service-item-block__top{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 30px;
	margin-bottom: 32px;
}

.service-item-block__img-wrap{
	width: 140px;
	border-radius: 6px;
	overflow: hidden;
}

.service-item-block__img{
	padding-bottom: 100%;
	position: relative;
}

.service-item-block__img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
}

.service-item-block__share{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	border-radius: 6px;
	background: #EEF0F3;
	transition: background-color 0.2s ease;
}

.service-item-block__share .icon{
	fill: #FF6700;
	transition: fill 0.2s ease;
}

.service-item-block__share:hover{background: #FF6700;}
.service-item-block__share:hover .icon{fill: #fff;}

.service-item-block__ttile{
	font-size: 21px;
	font-weight: bold;
	line-height: 1.2;
	color: #212B36;
}

.service-item-block__ttile a{
	color: #212B36;
	text-decoration: none;
	transition: color 0.2s ease;
}

.service-item-block__ttile a:hover{color: #FF6700;}

.service-item-block__label{
	font-size: 15px;
	line-height: 1.2;
	color: #FF6700;
	margin-top: 16px;
}

.service-item-block__desc{
	font-size: 15px;
	line-height: 1.2;
	color: #AFAFAF;
	margin-top: 16px;
}

/* service-detail */
.service-detail__main{
	display: flex;
	gap: 20px;
}

.service-slider-wrap{width: calc(100% - 332px)}

.service-slider{display: none;}
.service-slider.swiper-initialized{display: block;}

.service-slider__link{
	display: block;
	padding-bottom: 59.85%;
	background: #fdfdfd;
	border-radius: 6px;
	position: relative;
	overflow: hidden;
}

.service-slider__link img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.service-slider__link img.no-photo{
	max-width: 50%;
	max-height: 50%;
	object-fit: contain;
}

.service-detail-info{
	flex-shrink: 0;
	width: 312px;
}

.service-detail-info__text{
	font-size: 16px;
	line-height: 1.25;
	color: #6E848E;
	margin-top: 20px;
}

.service-detail .tabs-page{margin-top: 74px;}

.service-detail .tabs-page__desc-item{
	width: 638px;
	max-width: 100%;
}

.service-slider .service-slider__next,
.service-slider .service-slider__prev{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: #fff;
	transition: background-color 0.2s ease;
}

.service-slider .service-slider__next .icon,
.service-slider .service-slider__prev .icon{
	width: 16px;
	height: 26px;
	fill: #FF6700;
	transition: fill 0.2s ease;
}

.service-slider .service-slider__next:hover,
.service-slider .service-slider__prev:hover{
	background: #FF6700;;
}

.service-slider .service-slider__next:hover .icon,
.service-slider .service-slider__prev:hover .icon{
	fill: #fff;
}

.service-slider .service-slider__next::after,
.service-slider .service-slider__prev::after{
	display: none;
}

.service-slider .service-slider__next.swiper-button-disabled,
.service-slider .service-slider__prev.swiper-button-disabled{
	opacity: 1;
}

.service-slider .service-slider__next.swiper-button-disabled .icon,
.service-slider .service-slider__prev.swiper-button-disabled .icon{
	fill: #6E848E;
	cursor: auto;
}

.service-slider .service-slider__next.swiper-button-lock,
.service-slider .service-slider__prev.swiper-button-lock{
	display: none;
}

.service-thumb-slider{
	display: none;
	margin-top: 20px;
}

.service-thumb-slider.swiper-initialized{display: block;}

.service-thumb-slider__item{
	opacity: 0.5;
	transition: opacity 0.2s ease;
	cursor: pointer;
}

.service-thumb-slider__item:hover,
.service-thumb-slider__item.swiper-slide-thumb-active{
	opacity: 1;
}

.service-thumb-slider__img{
	padding-bottom: 68.85%;
	position: relative;
	border-radius: 6px;
	overflow: hidden;
	background: #fdfdfd;
}

.service-thumb-slider__img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

@media (max-width: 1699px) {
	.events-page__top{
		padding-left: 124px;
		padding-right: 124px;
	}
}

@media (max-width: 1599px) {
	.products-info{padding: 60px;}
}

@media (max-width: 1399px) {
	.table-site_big,
	.cat-data-block__title{
		font-size: 31px;
	}

	.events-detail__content-wrap,
	.other-events__content{
		padding: 70px;
	}
}

@media (max-width: 1279px) {
	.container,
	.container-fluid,
	.container-custom{
		padding-left: 20px;
		padding-right: 20px;
	}

	.products-info{
		min-height: 350px;
		padding: 30px;
	}

	.products-info__title{font-size: 32px;}

	.product-sect-list__item{
		padding-left: 30px;
		padding-right: 30px;
	}

	.product-sect-list__title{font-size: 32px;}
	.product-item__title{font-size: 14px;}
	.product-sect__title{font-size: 14px;}
	.product-sect-page__sidebar{width: 260px;}

	.product-menu__link{
		padding: 15px 20px;
		font-size: 16px;
	}

	.info-block{padding: 48px;}

	.table-site_big th,
	.table-site_big td{
		padding: 10px 30px;
	}

	.table-site_big,
	.cat-data-block__title{
		font-size: 28px;
	}

	.catalog-data-block__title{
		padding: 20px 30px;
		font-size: 32px;
	}

	.catalog-data-info{
		padding: 30px;
		font-size: 18px;
	}
	
	.catalog-data-info ul{padding-left: 20px;}

	.events-page__top{
		font-size: 60px;
		padding-left: 40px;
		padding-right: 40px;
	}

	.events-list-wrap{padding: 40px;}
	.events-item_big{min-height: 400px;}

	.events-detail__content-wrap,
	.other-events__content{
		padding: 50px;
	}

	.events-detail-top{padding: 0 40px;}
	.events-detail-top-info{gap: 12px;}

	.about-top{padding: 0 40px;}

	.design-block__img{width: calc(42% + 36px);}

	.services-page__sidebar{width: 216px;}
}

@media (min-width: 992px) {
	.design-block__img:first-child{margin-left: -60px;}
	.design-block__img:first-child img{border-radius: 0 25px 25px 0;}
	.design-block__img:last-child{margin-right: -60px;}
	.design-block__img:last-child img{border-radius: 25px 0 0 25px;}
}

@media (max-width: 991px) {
	.mt-indent{margin-top: 80px!important;}
	.mb-indent{margin-bottom: 80px!important;}

	.m-indent{
		margin-top: 80px!important;
		margin-bottom: 80px!important;
	}

	.pt-indent{padding-top: 80px!important;}
	.pb-indent{padding-bottom: 80px!important;}

	.p-indent{
		padding-top: 80px!important;
		padding-bottom: 80px!important;
	}

	.last-elem{margin-bottom: -60px;}

	.product-detail-info{width: 234px;}
	.product-slider-wrap{width: calc(100% - 254px)}

	.btn,
	input[type="submit"].btn,
	button.btn{
		font-size: 16px;
	}

	.product-detail-info__text{font-size: 14px;}
	.product-detail-props__title{font-size: 16px;}
	.product-detail-props__item{font-size: 13px;}
	.product-detail-props__more{font-size: 16px;}

	.tabs-page__item{font-size: 14px;}

	.tabs-page__desc-item{
		width: auto;
		font-size: 14px;
	}

	.tabs-page__list{margin-bottom: 30px;}

	h3, .h3{
		font-size: 16px;
		margin-bottom: 10px;
		margin-top: 30px;
	}

	.custom-h2{
		font-size: 32px;
		margin-bottom: 15px;
	}

	.similar-offer h2,
	.services-other h2,
	.gallery h2{
		font-size: 30px;
	}

	.services-item__title{font-size: 18px;}
	.services-item__text{font-size: 14px;}

	.products-info__btn{gap: 20px;}
	.product-sect-list__item{padding: 50px 30px;}

	.product-sect-list{
		gap: 20px;
		margin-bottom: 60px;
	}

	.product-sect-list .product-sect{width: calc(50% - 10px);}

	.product-sect-list__content .product-item-wrap,
	.product-sect-list__content .product-sect{
		width: calc(33.33% - 20px);
	}

	.product-sect-page{gap: 20px;}
	.product-sect-page__sidebar{width: 240px;}

	.product-menu__link{
		padding: 10px 15px;
		font-size: 14px;
	}

	.info-card__title{font-size: 32px;}
	.info-card-props{font-size: 21px;}

	.table-site{font-size: 18px;}

	.table-site th,
	.table-site td{
		padding: 15px 20px;
	}

	.table-site_big th,
	.table-site_big td{
		padding: 10px 20px;
	}

	.table-site_big,
	.cat-data-block__title{
		font-size: 24px;
	}

	.cat-data-block__content{padding: 20px;}

	.cat-data-block__content h4,
	.cat-data-block__content .h4{
		font-size: 21px;
	}

	.catalog-data-block__desc{flex-direction: column;}
	.catalog-data-block__desc .cat-data-block{width: 100%;}

	.catalog-data-slider .swiper-button-next,
	.catalog-data-slider .swiper-button-prev,
	.cat-services-slider .swiper-button-next,
	.cat-services-slider .swiper-button-prev{
		width: 40px;
		height: 80px;
	}

	.events-page__top{
		font-size: 48px;
		margin-bottom: 32px;
	}

	.events-item__title{font-size: 16px;}
	.events-item__img-wrap{grid-template-columns: calc(46% - 3px) calc(54% - 3px);}
	.events-list{gap: 20px;}
	.events-item{width: calc(50% - 10px);}
	.events-item_big{width: 100%;}
	.events-item_big .events-item__title{font-size: 18px;}
	.events-item_big .events-item__content{width: 508px;}

	.events-detail-top{
		padding: 0 20px;
		margin-bottom: 32px;
	}

	.events-detail-top__content{height: 400px;}
	.events-detail-top__title{font-size: 36px;}

	.events-detail-top__desc{
		font-size: 16px;
		line-height: 1.4;
	}

	.events-detail-top-info__item,
	.events-detail-top-action__item,
	.events-detail-like{
		font-size: 13px;
	}

	.events-detail__content-wrap,
	.other-events__content{
		padding: 40px;
	}

	.events-detail__content{font-size: 15px;}
	.events-detail__content .text-big{font-size: 17px;}

	.events-detail__content h2,
	.events-detail__content .h2{
		font-size: 28px;
	}

	.info-important__title{font-size: 20px;}
	.info-important__label{font-size: 14px;}
	.info-important__text{font-size: 16px;}
	.other-events__title{font-size: 36px;}

	.about-top{
		padding: 0 20px;
		margin-bottom: 32px;
		height: auto;
		min-height: 602px;
	}

	.about-info{
		align-items: center;
		padding: 40px;
	}

	.about-info__title{
		font-size: 32px;
		margin-bottom: 15px;
	}

	.about-info__text{
		font-size: 16px;
		line-height: 1.6;
	}

	.about-info__logo{width: 34%;}

	.design-block{
		flex-direction: column;
		gap: 30px;
		padding: 32px;
	}

	.design-block__img{
		width: auto;
		order: -1;
	}

	.design-block__img img{border-radius: 20px;}

	.design-block__title{
		font-size: 32px;
		margin-bottom: 15px;
	}

	.design-block__text{
		font-size: 15px;
		line-height: 1.6;
	}

	.design-block-full__top{
		flex-direction: column;
		align-items: flex-start;
		gap: 20px;
		flex-shrink: 0;
		width: 32.5%;
	}

	.design-block-full__title{font-size: 32px;}

	.design-block-full{
		display: flex;
		gap: 50px;
	}

	.design-block-full__text{
		font-size: 15px;
		line-height: 1.5;
		margin: 0;
	}

	.design-block-full__img{max-width: none;}

	.advantages{gap: 20px;}
	.advant-item__title{font-size: 20px;}

	.advant-item{width: calc(33.33% - 13.33px);}

	.advant-item:nth-child(1),
	.advant-item:nth-child(2){
		width: calc(50% - 10px);
	}

	.tabs-info{padding: 32px;}

	.tabs-info__title{
		font-size: 32px;
		margin-bottom: 15px;
	}

	.tabs-info__text{
		font-size: 16px;
		line-height: 1.6;
	}

	.tabs-info__img:last-child{margin-right: 0;}
	.tabs-info__img{width: 37%;}

	.services-page{gap: 20px;}

	.c-left-menu__link{
		font-size: 14px;
		padding: 17px 20px 18px;
	}

	.services-block-list{gap: 20px;}

	.service-item-block{
		width: calc(50% - 10px);
		padding: 24px;
	}

	.service-item-block__top{margin-bottom: 25px;}
	.service-item-block__img-wrap{width: 100px;}
	.service-item-block__ttile{font-size: 16px;}

	.service-detail-info{width: 234px;}
	.service-slider-wrap{width: calc(100% - 254px)}
	.service-detail-info__text{font-size: 14px;}
	.service-detail-props__title{font-size: 16px;}
	.service-detail-props__item{font-size: 13px;}
	.service-detail-props__more{font-size: 16px;}
}

@media (max-width: 767px) {
	.container,
	.container-fluid,
	.container-custom{
		padding-left: 10px;
		padding-right: 10px;
	}

	.custom-h2{font-size: 20px;}

	.product-detail__main{
		flex-direction: column;
		gap: 40px;
	}

	.product-detail-info,
	.product-slider-wrap{
		width: 100%;
	}

	.product-slider .product-slider__next,
	.product-slider .product-slider__prev{
		width: 30px;
		height: 30px;
	}

	.product-slider .product-slider__next{right: 0;}
	.product-slider .product-slider__prev{left: 0;}

	.product-slider .product-slider__next .icon,
	.product-slider .product-slider__prev .icon{
		width: 8px;
		height: 14px;
	}

	.product-thumb-slider{margin-top: 10px;}

	.product-detail-info .btn{
		display: flex;
		max-width: 228px;
		margin-left: auto;
		margin-right: auto;
	}

	.product-detail .tabs-page{margin-top: 40px;}

	.tabs-page__item{
		height: 40px;
		font-size: 12px;
		padding: 0 12px;
	}

	.tabs-page__list{gap: 10px;}

	.similar-offer h2,
	.services-other h2,
	.gallery h2{
		font-size: 20px;
	}

	.gallery__more{margin-bottom: 0;}
	.products-info__title{font-size: 20px;}

	.products-info{
		padding: 20px;
		margin-left: -10px;
		margin-right: -10px;
		border-radius: 0;
		gap: 10px;
		margin-bottom: 20px;
	}

	.products-info__btn{gap: 10px;}

	.btn,
	input[type="submit"].btn,
	button.btn{
		height: 38px;
		font-size: 14px;
		padding: 0 15px;
	}

	.product-sect-list__item{
		padding: 20px 10px;
		border-radius: 10px;
	}

	.product-sect-list__title{
		font-size: 20px;
		margin-bottom: 20px;
	}

	.product-sect-list__content .product-item-wrap,
	.product-sect-list__content .product-sect{
		width: 100%;
	}

	.product-sect-list__content{gap: 20px;}
	.product-sect-list__item:not(:last-child){margin-bottom: 0;}
	.product-sect-list{gap: 20px;}

	.product-sect-page{
		flex-direction: column;
		gap: 20px;
	}

	.product-sect-page__sidebar{width: auto;}
	.product-sect-list .product-sect{width: 100%;}
	.product-sect-page{margin-bottom: 0;}

	.filter-wrap__content{
		max-height: 0;
		overflow: hidden;
		padding: 0;
		transition: all 0.5s;
	}

	.filter-wrap__title{
		display: flex;
		align-items: center;
		justify-content: center;
		height: 50px;
		border-radius: 10px;
		background: #FF6700;
		color: #fff;
		padding: 0 15px;
		cursor: pointer;
	}

	.filter-wrap__title .icon{fill: #fff;}

	.filter-wrap__title:hover{
		border-color: #cd5504;
		box-shadow: inset 0 -5.4em 0 0 #cd5504;
		color: #fff;
	}

	.product-list{
		gap: 20px;
		margin-bottom: 40px;
	}

	.product-list .product-item-wrap{width: 100%;}

	body .info_boilers{
		flex-direction: column;
		gap: 20px;
	}
	body .info_boilers .items{width: 100%;}

	.catalog-data-block__title{
		padding: 20px;
		font-size: 20px;
	}

	.cat-data-block__content{
		padding: 20px 15px;
		font-size: 14px;
	}

	.cat-data-block__content h4,
	.cat-data-block__content .h4{
		font-size: 18px;
	}

	.table-site{font-size: 14px;}

	.table-site th,
	.table-site td{
		padding: 10px 15px;
	}

	.cat-services-slider-wrap h2,
	.cat-services-slider-wrap .h2{
		font-size: 24px;
	}

	.cat-services-slider__title,
	.catalog-data-slider__title{
		font-size: 18px;
	}

	.cat-services-slider-wrap{margin-top: 60px;}
	.catalog-data-block{margin-bottom: 60px;}

	.catalog-data-block__main-props{
		margin-left: -10px;
		margin-right: -10px;
		padding-left: 10px;
		padding-right: 10px;
		overflow-x: auto;
	}

	.catalog-data-info{
		padding: 20px 15px;
		font-size: 14px;
	}

	.events-page__top{
		min-height: 360px;
		border-radius: 0;
		margin-left: -10px;
		margin-right: -10px;
		padding-left: 20px;
		padding-right: 20px;
		font-size: 32px;
		margin-bottom: 50px;
	}

	.events-list-wrap{
		padding: 30px 10px;
		border-radius: 20px;
	}

	.events-item{width: 100%;}

	.events-item__img-wrap{
		grid-template-columns: calc(50% - 2px) calc(50% - 2px);
		gap: 4px;
	}

	.events-item__img:first-child{
		grid-row: span 1;
		grid-column: span 2;
	}

	.events-item__count{
		font-size: 14px;
		top: 6px;
		left: 6px;
		transform: none;
		padding: 5px 4px 4px;
	}

	.events-item__img-wrap{position: relative;}
	.events-item__img{position: static;}

	.events-item_big{min-height: 495px;}
	.events-item_big .events-item__title{font-size: 16px;}

	.events-item_big .events-item__content{
		width: 100%;
		max-width: none;
	}

	.events-item__top{
		flex-wrap: wrap;
		gap: 6px;
	}

	.events-detail-top{
		margin-left: -10px;
		margin-right: -10px;
		margin-bottom: 10px;
		padding: 0 20px;
		border-radius: 0;
	}

	.events-detail-top__title{font-size: 32px;}
	.events-detail-top__desc{font-size: 15px;}

	.events-detail-top__content{
		height: auto;
		padding: 32px 0;
	}

	.events-detail-top__content{gap: 40px;}

	.events-detail-top-info,
	.events-detail-top__bottom{
		flex-wrap: wrap;
		gap: 12px;
	}

	.events-detail-top-action{gap: 12px;}

	.events-detail__content-wrap,
	.other-events__content{
		padding: 12px;
		border-radius: 20px;
	}

	.other-events__content{padding: 20px 12px;}

	.events-detail__content{
		border-radius: 16px;
		padding: 12px;
	}

	.events-detail__content .text-big{
		font-size: 16px;
		line-height: 1.4;
	}

	.events-detail__content h2,
	.events-detail__content .h2{
		font-size: 24px;
	}

	.info-important__title{font-size: 16px;}
	.info-important__text{font-size: 15px;}
	.info-important__sect{margin-top: 10px;}
	ol.list-num li{padding-left: 38px;}
	ol.list-num li::before{left: 5px;}
	.gallery-event-slider-full__img{padding-bottom: 78.2%;}

	.events-detail .gallery-event-slider{
		margin-left: -12px;
		margin-right: -12px;
		padding-left: 12px;
		padding-right: 12px;
	}

	.video__content{padding-bottom: 78%;}
	.share{gap: 16px;}
	.share__label{font-size: 16px;}

	.other-events__title{
		font-size: 20px;
		margin-bottom: 20px;
	}

	.about-top{
		min-height: 0;
		margin-left: -10px;
		margin-right: -10px;
		margin-bottom: 10px;
		padding: 0 10px;
		border-radius: 0;
	}

	.about-top__content{padding: 32px 0;}
	.about-top__title{font-size: 32px;}

	.about-top__text{
		font-size: 15px;
		line-height: 1.2;
	}

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

	.about-info__title{font-size: 20px;}

	.about-info__text{
		font-size: 15px;
		line-height: 1.5;
	}

	.about-info__logo img{max-width: 90px;}

	.design-block{
		gap: 16px;
		padding: 16px;
	}

	.design-block__title{font-size: 20px;}

	.design-block__text{
		font-size: 15px;
		line-height: 1.5;
	}

	.design-block-full{
		flex-direction: column;
		gap: 16px;
	}

	.design-block-full__top{
		width: auto;
	}

	.design-block-full__title{font-size: 20px;}

	.advant-item,
	.advant-item:nth-child(1),
	.advant-item:nth-child(2){
		width: 100%;
	}

	.advantages{gap: 12px;}

	.advant-item{
		min-height: 160px;
		padding: 15px;
	}

	.advant-item__title{font-size: 16px;}

	.tabs-info{
		flex-direction: column;
		gap: 16px;
		padding: 20px;
	}

	.tabs-info__title{font-size: 20px;}
	.tabs-info__img{width: auto;}
	.partners{gap: 12px;}
	.partners__item{width: 100%;}

	.services-page{flex-direction: column;}
	
	.services-page__sidebar{width: 100%;}

	.service-item-block{
		width: 100%;
		padding: 20px;
	}

	.service-item-block__share{display: none;}
	.service-item-block__img-wrap{width: 100%;}
	.service-item-block__top{margin-bottom: 20px;}
	.service-item-block__label{margin-top: 5px;}
	.service-item-block__desc{margin-top: 8px;}

	.service-detail__main{
		flex-direction: column;
		gap: 40px;
	}
	
	.service-detail-info,
	.service-slider-wrap{
		width: 100%;
	}
	
	.service-slider .service-slider__next,
	.service-slider .service-slider__prev{
		width: 30px;
		height: 30px;
	}
	
	.service-slider .service-slider__next{right: 0;}
	.service-slider .service-slider__prev{left: 0;}
	
	.service-slider .service-slider__next .icon,
	.service-slider .service-slider__prev .icon{
		width: 8px;
		height: 14px;
	}
	
	.service-thumb-slider{margin-top: 10px;}
	
	.service-detail-info .btn{
		display: flex;
		max-width: 228px;
		margin-left: auto;
		margin-right: auto;
	}
	
	.service-detail .tabs-page{margin-top: 40px;}
}