/* Start:/local/templates/ma-template/css/global/font.css?17536943043589*/
/* font.css
* глобальные стили шрифта на всем сайте
*
*/
:root {
--site-font-family: 'Montserrat', sans-serif;
--site-default-color: #09273d;
--site-accent-color-deep: #074077;
--site-accent-color: #007AFF;
--site-accent-color-second: #007AFF;
--site-accent-color--hover: #16F0DF;
--site-accent-color-tiffany: #16F0DF;
--site-grey-color: #D8DDE0;
--site-disabled-color: rgba(217, 217, 217, 1);
--site-light-color: #FFFFFF;
--site-input-border-width: 1px;
--site-input-border-radius: 0px;
--site-border-radius-md: 15px;
--site-input-height: 31px;
--site-input-font-size: 16px;
--site-input-line-height: 100%;
--site-input-text-color: #FFFFFF;
--site-input-text-color--placeholder: #9D9DAF;
--site-input-border-color: #9D9DAF;
--site-input-border-color--focus: #007AFF;
--site-separator-color: #E5E5E5;
--site-light-grey-color: #F8F8F8;
--site-light-grey-color-2: #F2F2F2;
--site-error-color: #F33232;
--site-mobile-panel-height: 60px;
--site-mobile-header-height: 62px;
}
@font-face {
font-family: "Montserrat";
src:
local("Montserrat"),
url("/local/templates/ma-template/css/global/../../fonts/Montserrat/Montserrat-Black.ttf") format("truetype");
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Montserrat";
src:
local("Montserrat"),
url("/local/templates/ma-template/css/global/../../fonts/Montserrat/Montserrat-Bold.ttf") format("truetype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Montserrat";
src:
local("Montserrat"),
url("/local/templates/ma-template/css/global/../../fonts/Montserrat/Montserrat-SemiBold.ttf") format("truetype");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Montserrat";
src:
local("Montserrat"),
url("/local/templates/ma-template/css/global/../../fonts/Montserrat/Montserrat-Medium.ttf") format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Montserrat";
src:
local("Montserrat"),
url("/local/templates/ma-template/css/global/../../fonts/Montserrat/Montserrat-Regular.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Montserrat";
src:
local("Montserrat"),
url("/local/templates/ma-template/css/global/../../fonts/Montserrat/Montserrat-ExtraLight.ttf") format("truetype");
font-weight: 200;
font-style: normal;
font-display: swap;
}
body {
font: 400 16px/1.5 var(--site-font-family);
color: var(--site-default-color);
-webkit-font-smoothing: antialiased;
line-height: var(--site-input-line-height);
}
.page-holder a,
.page-holder a:visited {
text-decoration: none;
color: #FFFFFF;
}
/* .page-holder .bgc-black a,
.page-holder .bgc-black a:visited {
color: var(--site-light-color);
}
.page-holder a:hover,
.page-holder a.active {
color: var(--site-accent-color);
border-color: var(--site-accent-color);
text-decoration: none;
}
.page-holder .bgc-black a:hover {
color: var(--site-light-color);
}
.page-holder a:active {
color: var(--site-accent-dark-color);
border-color: var(--site-accent-dark-color);
text-decoration: none;
}
.page-holder .bgc-black a:active {
color: var(--site-light-color);
} */
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
display: block;
font-weight: 600;
color: inherit;
margin: 0;
}
h2>span{
color: var(--site-accent-color);
}
h3>span{
color: var(--site-accent-color);
}
h1, .h1 {
font-size: 52px;
line-height: 1.2;
}
h2, .h2 {
font-size: 50px;
line-height: 1.2;
}
h3, .h3 {
font-size: 30px;
line-height: 1.3;
}
h4, .h4 {
font-size: 30px;
line-height: 1.2;
}
h5, .h5 {
font-size: 22px;
line-height: 1.2;
}
h6, .h6 {
font-size: 20px;
line-height: 1.6;
}
p {
padding: 0;
}
/* End */
/* Start:/local/templates/ma-template/css/global/global.css?178600893128061*/
/* global.css
* глобальные стили
*
*/
html,
body {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
border: none;
background-color: #09273d;
}
#\38:target {
scroll-margin-top: 150px;
}
.solutions-button {
letter-spacing: 0;
line-height: normal;
max-width: 350px;
}
.solutions-nav a {
z-index: 2;
margin-bottom: 15px;
}
html {
scroll-behavior: smooth;
overflow-x: hidden;
}
* {
outline: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-family: var(--site-font-family);
}
*::before,
*::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
article,
aside,
footer,
header,
nav,
section,
figcaption,
figure,
main {
display: block;
}
figure {
margin: 0;
}
table,
td,
th {
margin: 0;
padding: 0;
border-collapse: collapse;
font-size: 100%;
}
picture {
display: block;
font-size: 0;
line-height: 0;
}
svg {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
img {
max-width: 100%;
height: auto;
border: none;
}
/*################################################################### */
/* СПИСКИ */
/*################################################################### */
.page-holder ul,
.page-holder ol {
padding: 0;
margin: 0;
list-style: none;
}
.page-holder ol {
counter-reset: list;
}
.page-holder li {
position: relative;
margin: 0;
list-style: none;
}
/* .page-holder ul li {
padding-left: 1.2em;
} */
.page-holder ol li {
counter-increment: list;
padding-left: 1.2em;
}
/* .page-holder li::before {
position: absolute;
left: 0;
color: var(--site-accent-color);
} */
/* .page-holder ul li::before {
content: "";
top: 0.45em;
font-size: 1.2em;
width: 0.42em;
height: 0.42em;
background: var(--site-accent-color);
} */
.page-holder ol li::before {
content: counter(list) ".";
top: 0;
font-size: 1em;
font-weight: 700;
}
.page-holder .g-menu ul,
.page-holder .g-menu li {
margin: 0;
padding: 0;
list-style: none;
}
.page-holder .g-menu li::before {
content: none;
}
.page-holder .g-menu a,
.page-holder .g-menu a:visited {
border-bottom: none;
}
/*################################################################### */
/* ЭЛЕМЕНТЫ ФОРМ */
/*################################################################### */
.g-body input[type="text"],
.g-body input[type="password"],
.g-body input[type="email"],
.g-body input[type="number"],
.g-body textarea {
display: block;
width: 100%;
font-family: var(--site-font-family);
font-size: var(--site-input-font-size);
font-weight: 400;
line-height: var(--site-input-line-height);
min-height: var(--site-input-height);
border-style: solid;
border-width: var(--site-input-border-width);
border-color: var(--site-input-border-color);
/* padding: 11px 20px 11px; */
padding: 0;
color: var(--site-input-text-color);
margin: 0;
border-radius: var(--site-input-border-radius);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
transition: border 0.2s, color 0.2s;
background-color: inherit;
border: none;
border-bottom: 1px solid var(--site-input-text-color--placeholder);
}
.g-body input[type="number"] {
-moz-appearance: textfield;
}
.g-body input[type="number"]::-webkit-outer-spin-button,
.g-body input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
}
/* .g-body input[type="text"]:hover,
.g-body input[type="password"]:hover,
.g-body input[type="email"]:hover,
.g-body input[type="number"]:hover,
.g-body textarea:hover,
.g-body input[type="text"]:focus,
.g-body input[type="password"]:focus,
.g-body input[type="email"]:focus,
.g-body input[type="number"]:focus,
.g-body textarea:focus {
border-color: var(--site-input-border-color);
} */
.g-body input[type="text"]:focus,
.g-body input[type="password"]:focus,
.g-body input[type="email"]:focus,
.g-body input[type="number"]:focus,
.g-body textarea:focus {
border-color: #007AFF;
}
.g-body textarea {
resize: none;
}
.g-body input::-webkit-input-placeholder,
.g-body textarea::-webkit-input-placeholder {
/* Chrome */
font-weight: 400;
font-size: 16px;
line-height: 1.6;
color: var(--site-input-text-color--placeholder);
}
.g-body input:-ms-input-placeholder,
.g-body textarea:-ms-input-placeholder {
/* IE 10+ */
font-weight: 400;
font-size: 16px;
line-height: 1.6;
color: var(--site-input-text-color--placeholder);
}
.g-body input::-moz-placeholder,
.g-body textarea::-moz-placeholder {
/* Firefox 19+ */
font-weight: 400;
font-size: 16px;
line-height: 1.6;
color: var(--site-input-text-color--placeholder);
opacity: 1;
}
.g-body input::-moz-placeholder,
.g-body textarea::-moz-placeholder {
font-weight: 400;
font-size: 16px;
line-height: 1.6;
color: var(--site-input-text-color--placeholder);
}
.g-body input:-moz-placeholder,
.g-body textarea:-moz-placeholder {
/* Firefox 4 - 18 */
font-weight: 400;
font-size: 16px;
line-height: 1.6;
color: var(--site-input-text-color--placeholder);
opacity: 1;
}
.g-body input[type="number"]::-webkit-inner-spin-button,
.g-body input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0;
}
.g-input-container {
position: relative;
}
.g-input-container label {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 21px;
font-size: 16px;
font-weight: 400;
line-height: 150%;
color: var(--site-default2-color);
transition: transform 0.2s;
user-select: none;
pointer-events: none;
transition: transform 0.2s ease;
}
.g-input-container input,
.g-input-container textarea {
padding-top: 28px !important;
}
.g-input-container input:not(:placeholder-shown) ~ label,
.g-input-container input:focus ~ label {
transform: translateY(-100%);
font-size: 14px;
}
.g-input-container textarea:not(:placeholder-shown) ~ label,
.g-input-container textarea:focus ~ label {
top: 28px;
transform: translateY(-100%);
}
.g-checkbox,
.g-radio {
}
.g-checkbox input[type="checkbox"],
.g-radio input[type="radio"] {
position: absolute;
z-index: -1;
margin: 0;
padding: 0;
opacity: 0;
}
.g-checkbox input[type="checkbox"] + *,
.g-radio input[type="radio"] + * {
position: relative;
display: inline-block;
padding-left: 30px;
cursor: pointer;
}
.g-checkbox input[type="checkbox"] + *::before,
.g-radio input[type="radio"] + *::before {
content: "";
position: absolute;
top: 0;
left: 1px;
width: 20px;
height: 20px;
background-color: var(--site-light-color);
border: 2px solid var(--site-separator-color);
}
.g-checkbox input[type="checkbox"] + *:before {
border-radius: 4px;
}
.g-radio input[type="radio"] + *:before {
border-radius: 50%;
}
.g-checkbox input[type="checkbox"]:checked + *::before,
.g-radio input[type="radio"]:checked + *::before {
background-color: var(--site-accent-color);
border-color: var(--site-accent-color);
}
.g-checkbox input[type="checkbox"]:checked + *::before {
background-repeat: no-repeat;
background-position: center;
background-size: 14px;
background-image: url("data:image/svg+xml,%3Csvg width='14' height='11' viewBox='0 0 14 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.16797 6.33337L4.5013 9.66671L12.8346 1.33337' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.g-body select {
width: 100%;
outline: none;
border: 1px solid var(--site-input-border-color);
font: 400 var(--site-input-font-size) / var(--site-input-line-height)
var(--site-font-family);
color: var(--site-default-color);
height: var(--site-input-height);
text-align: left;
padding: 10px 50px 10px 20px;
background-color: var(--site-light-color);
background-repeat: no-repeat;
background-position: right 23px center;
background-size: 10px 6px;
background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M5 3.879L8.713.167l1.06 1.06L5 6 .227 1.227l1.06-1.06L5 3.879z' fill='%23222'/%3E%3C/svg%3E");
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
transition: border-color 0.2s;
}
.g-body select:hover,
.g-body select:focus {
border-color: var(--site-input-border-color);
}
/*################################################################### */
/* ИКОНКИ И СПРАЙТЫ */
/*################################################################### */
.g-ico,
.g-ico-map,
.g-ico-before::before,
.g-ico-after::after {
position: relative;
/*background-image: url('/local/templates/ma-template/css/global/../../img/icon-map.png');*/
background-repeat: no-repeat;
}
.g-ico-before::before,
.g-ico-after::after {
content: "";
}
.g-ico-map {
display: inline-block;
width: 36px;
height: 36px;
background-image: url("/local/templates/ma-template/css/global/../../img/ico-map.svg");
/*background-image: url('/local/templates/ma-template/css/global/../../img/ico-map--countries@2x.png');*/
background-size: 252px auto;
background-position: 0 0;
}
/*################################################################### */
/* СТИЛИЗОВАННЫЕ ССЫЛКИ */
/*################################################################### */
.page-holder .g-link,
.page-holder .g-link:visited {
position: relative;
display: inline-block;
font-family: var(--site-font-family);
font-weight: 400;
color: var(--site-default-color);
text-align: left;
text-decoration: none !important;
text-transform: none;
padding: 0 0 5px;
background: transparent;
border-radius: 0;
border-width: 0 0 2px 0;
border-style: solid;
border-color: var(--site-accent-color);
cursor: pointer;
transition: color 0.2s;
cursor: pointer;
}
.page-holder .g-link:hover {
text-decoration: none;
color: var(--site-accent-color);
}
/*################################################################### */
/* КНОПКИ */
/*################################################################### */
button {
padding: 0;
}
.page-holder .g-button,
.page-holder .g-button:visited,
.page-holder .g-button-border,
.page-holder .g-button-border:visited {
display: inline-block;
padding: 16px 32px;
font-size: 13px;
border-radius: 15px;
color: var(--site-light-color);
text-align: center;
text-decoration: none !important;
text-transform: none;
cursor: pointer;
border-style: solid;
transition: color 0.2s, background 0.2s, border 0.2s;
outline: none;
-webkit-appearance: none;
white-space: nowrap;
border: none;
font-weight: 600;
}
.page-holder .g-button,
.page-holder .g-button:visited {
background: var(--site-accent-color-second);
border-color: var(--site-accent-color-second);
}
.page-holder .g-button-background:hover {
background-image: linear-gradient(
to bottom,
rgba(255, 255, 255, 0),
rgba(255, 255, 255, 0.4)
);
color: var(--site-light-color);
}
.page-holder .g-button-background {
background-color: var(--site-accent-color-second);
}
.page-holder .g-button-border {
background-color: var(--site-accent-color-second);
}
.page-holder .g-button.g-button--light,
.page-holder .g-button.g-button--light:visited {
background: var(--site-light-grey-color-2);
border-color: var(--site-light-grey-color-2);
color: var(--site-accent-color);
}
.page-holder .g-button.g-button--light:hover {
background-color: var(--site-accent-color);
border-color: var(--site-accent-color);
color: var(--site-light-color);
}
.page-holder .g-button.g-button--light:active {
background-color: var(--site-accent-color);
border-color: var(--site-accent-color);
color: var(--site-light-color);
}
.page-holder .g-button.disabled,
.page-holder .g-button.disabled:visited {
background-color: var(--site-disabled-color);
border-color: var(--site-disabled-color);
color: var(--site-light-color);
cursor: default;
pointer-events: none;
user-select: none;
}
.page-holder .g-button.disabled:hover {
background-color: var(--site-disabled-color);
border-color: var(--site-disabled-color);
color: var(--site-light-color);
}
.page-holder .g-button-border,
.page-holder .g-button-border:visited {
background: transparent;
border: 3px solid var(--site-accent-color);
color: #ffffff;
}
.page-holder .g-button-border:hover {
background: var(--site-accent-color);
}
/* .page-holder .g-button-border:active {
background: var(--site-accent-dark-color);
border-color: var(--site-accent-dark-color);
color: var(--site-light-color);
} */
.page-holder .g-button-border--black,
.page-holder .g-button-border--black:visited {
border-color: var(--site-default-color);
color: var(--site-default-color);
}
.page-holder .g-button-border--black:hover {
background: var(--site-default-color);
color: var(--site-light-color);
}
.page-holder .g-button-border--black:active {
background: var(--site-default-color);
border-color: var(--site-default-color);
color: var(--site-light-color);
}
.page-holder .g-button-border--disabled,
.page-holder .g-button-border--disabled:visited {
border-color: var(--site-disabled-color);
color: var(--site-disabled-color);
cursor: default;
pointer-events: none;
user-select: none;
}
.page-holder .g-button-border--disabled:hover {
background: var(--site-disabled-color);
color: var(--site-disabled-color);
}
.page-holder .g-button-border--disabled:active {
background: transparent;
border-color: var(--site-disabled-color);
color: var(--site-disabled-color);
}
/*################################################################### */
/* СТИЛИЗОВАННЫЕ СПИСКИ */
/*################################################################### */
.g-list {
list-style: none;
padding: 0;
}
.g-list li {
position: relative;
font-weight: 500;
font-size: 14px;
line-height: 22px;
padding-left: calc(10px + 19px);
}
.g-list li::before {
position: absolute;
left: 0;
top: 4px;
content: "";
display: flex;
width: 10px;
height: 10px;
line-height: 0%;
background: var(--site-accent-color);
border-radius: 50%;
}
.g-list.g-list--tiffany li,
.g-list.g-list--dark li {
padding-left: calc(15px + 8px);
}
.g-list.g-list--tiffany li::before,
.g-list.g-list--dark li::before {
content: url('data:image/svg+xml;utf8,');
align-items: center;
justify-content: center;
width: 15px;
height: 14px;
background: var(--site-accent-color-tiffany);
}
.g-list.g-list--tiffany li::before {
background: var(--site-accent-color-tiffany);
}
.g-list.g-list--dark li::before {
background: var(--site-accent-color-deep);
}
.g-list.g-list--plus li {
padding-left: calc(8px + 8px);
}
.g-list.g-list--plus li::before {
content: "";
position: absolute;
width: 7px;
height: 7px;
background: transparent;
background-image:
linear-gradient(var(--site-accent-color), var(--site-accent-color)),
linear-gradient(var(--site-accent-color), var(--site-accent-color));
background-size: 3px 100%, 100% 3px;
background-repeat: no-repeat;
background-position: center center, center center;
border-radius: 0;
}
.g-list li:not(:last-child) {
margin-bottom: 21px;
}
/*################################################################### */
/* СТИЛИ СЕКЦИЙ */
/*################################################################### */
.g-section {
padding: 20px 0;
margin: 20px 0;
}
.g-section__title-holder {
margin-bottom: 43px;
}
.g-section__title {
font-weight: 500;
font-size: 36px;
line-height: 1.4;
margin: 0;
}
.g-section__subtitle {
display: block;
font-size: 16px;
line-height: 1.6;
margin-top: 10px;
}
/*################################################################### */
/* SELECT меню из DIV */
/*################################################################### */
.g-select-menu {
position: relative;
}
.g-select-menu__label {
position: relative;
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin: 0;
font-weight: bold;
font-size: 18px;
line-height: 29px;
color: #000000;
height: 29px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-align: left;
padding: 0 20px 5px 0;
margin-bottom: 40px;
border-radius: 0;
border-bottom: 1px solid #bdbdbd;
cursor: pointer;
}
.g-select-menu__label:after {
content: "";
position: absolute;
top: 8px;
right: 6px;
width: 7px;
height: 7px;
border-top: 1.5px solid #005db9;
border-right: 1.5px solid #005db9;
transform: rotate(135deg);
transition: transform 0.2s, right 0.2s, top 0.2s;
}
.g-select-menu .ul-deep-1 {
display: none;
position: absolute;
top: 29px;
left: 0;
background: var(--site-light-color);
border: 1px solid #bdbdbd;
width: 100%;
/* max-height: 158px; */
max-height: 310px;
overflow-y: auto;
margin-top: -1px;
padding: 1px;
z-index: 1;
}
.g-select-menu.open .ul-deep-1 {
display: block;
z-index: 1;
}
.g-select-menu li {
display: block;
padding: 7px 14px;
font-size: 16px;
line-height: 160%;
color: #000;
cursor: pointer;
margin: 0;
}
.g-select-menu li.active {
background-color: #005db9;
}
.g-select-menu li a {
display: block;
}
.g-select-menu li.active a {
color: var(--site-light-color);
}
.g-custom-select {
position: relative;
width: 100%;
}
.g-custom-select__title {
position: relative;
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
outline: none;
height: var(--site-input-height);
margin: 0;
font-weight: 400;
font-size: var(--site-input-font-size);
line-height: var(--site-input-height);
color: var(--site-default-color);
background-color: var(--site-light-color);
text-align: left;
padding: 0 var(--site-input-height) 0 20px;
border-radius: 0;
border: 1px solid var(--site-input-border-color);
transition: color 0.2s, border-color 0.2s;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.g-custom-select__title:hover {
border-color: var(--site-input-border-color);
}
.g-custom-select.open .g-custom-select__title {
border-color: var(--site-input-border-color);
}
.g-custom-select__title::after {
content: "";
position: absolute;
top: 50%;
right: 22px;
width: 10px;
height: 6px;
background-repeat: no-repeat;
background-size: 10px 6px;
background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M5 3.879L8.713.167l1.06 1.06L5 6 .227 1.227l1.06-1.06L5 3.879z' fill='%23222'/%3E%3C/svg%3E");
transition: transform 0.2s, right 0.2s, top 0.2s;
}
.bgc-black .g-custom-select__title::after {
border-color: var(--site-light-color);
}
.g-custom-select.open .g-custom-select__title::after {
transform: rotate(-180deg);
}
.g-custom-select__list {
display: none;
position: absolute;
top: 100%;
right: 0;
width: 100%;
background: var(--site-light-color);
z-index: -1;
max-height: 210px;
overflow-x: hidden;
overflow-y: auto;
box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.04), 0px 0px 24px rgba(0, 0, 0, 0.04),
0px 0px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
}
.g-custom-select.open .g-custom-select__list {
display: block;
z-index: 10;
width: auto;
max-width: none;
min-width: 100%;
padding: 0.6em 0;
}
.g-custom-select__item {
display: block;
padding: 7px 20px;
font-size: var(--site-input-font-size);
line-height: var(--site-input-line-height);
color: var(--site-input-text-color);
cursor: pointer;
transition: background-color 0.2s;
}
.g-custom-select__item:hover {
background: #f5f4f4;
}
/*################################################################### */
/* ТАБЫ */
/*################################################################### */
.g-tabs {
position: relative;
display: flex;
padding-bottom: 10px;
margin: 0 -20px 25px;
overflow-x: auto;
}
.g-tabs::after {
content: "";
width: 1px;
flex-shrink: 0;
}
.page-holder .g-tabs__btn,
.page-holder .g-tabs__btn:visited {
display: block;
flex-shrink: 0;
font-size: 24px;
line-height: 1.25;
color: #b7b7b7;
margin: 0 20px;
border-color: transparent;
cursor: pointer;
}
.page-holder .g-tabs__btn.active {
color: var(--site-default-color);
border-color: var(--site-accent-color);
cursor: default;
pointer-events: none;
}
.g-tabs__item:not(.show) {
display: none;
}
/*################################################################### */
/* СТИЛИ ДЛЯ СКРОЛЛБАРА */
/*################################################################### */
.g-custom-scroll::-webkit-scrollbar {
width: 2px;
height: 2px;
}
.g-custom-scroll::-webkit-scrollbar-button {
width: 0px;
height: 0px;
}
.g-custom-scroll::-webkit-scrollbar-thumb {
background: var(--site-grey-color);
border: 0px none var(--site-light-color);
border-radius: 50px;
}
.g-custom-scroll::-webkit-scrollbar-thumb:hover {
background: var(--site-grey-color);
}
.g-custom-scroll::-webkit-scrollbar-thumb:active {
background: var(--site-grey-color);
}
.g-custom-scroll::-webkit-scrollbar-track {
background: transparent;
border: 0px none var(--site-light-color);
border-radius: 50px;
}
.g-custom-scroll::-webkit-scrollbar-track:hover {
background: transparent;
}
.g-custom-scroll::-webkit-scrollbar-track:active {
background: transparent;
}
.g-custom-scroll::-webkit-scrollbar-corner {
background: transparent;
}
/*################################################################### */
/* ПРОЧЕЕ */
/*################################################################### */
.g-button-close {
position: absolute;
display: block;
width: 34px;
height: 34px;
top: 30px;
right: 40px;
border-radius: 50%;
border: none;
z-index: 1;
cursor: pointer;
background-color: transparent;
transition: background 0.2s;
background-size: 20px;
background-repeat: no-repeat;
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 7.997L17.012.984l2.004 2.004L12.003 10l7.013 7.012-2.003 2.004L10 12.003l-7.012 7.013-2.004-2.003L7.997 10 .984 2.988 2.988.984 10 7.997z' fill='%23333'/%3E%3C/svg%3E");
}
.g-button-close:hover {
background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 7.997L17.012.984l2.004 2.004L12.003 10l7.013 7.012-2.003 2.004L10 12.003l-7.012 7.013-2.004-2.003L7.997 10 .984 2.988 2.988.984 10 7.997z' fill='%23FF3830'/%3E%3C/svg%3E");
}
.g-button-close:active {
background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 7.997L17.012.984l2.004 2.004L12.003 10l7.013 7.012-2.003 2.004L10 12.003l-7.012 7.013-2.004-2.003L7.997 10 .984 2.988 2.988.984 10 7.997z' fill='%23C00C04'/%3E%3C/svg%3E");
}
.g-white,
.g-white:visited {
color: var(--site-light-color);
}
.g-fixed {
overflow: hidden;
}
.g-hidden {
display: none !important;
}
.g-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.45);
z-index: 4;
cursor: pointer;
}
/* Стилизация ajax лоадера */
body > div[id^="wait_"] {
position: fixed !important;
left: 50% !important;
top: 50% !important;
border: none !important;
overflow: hidden !important;
background: #000 url("/local/templates/ma-template/css/global/../../img/loading.gif") no-repeat 50% 50% !important;
background-repeat: no-repeat !important;
padding: 0 !important;
margin: 0 !important;
border-radius: 10px !important;
background-position: center !important;
width: 80px !important;
height: 80px !important;
margin-left: -40px !important;
margin-top: -40px !important;
font-size: 0 !important;
text-indent: -9000px !important;
opacity: 0.8 !important;
}
.g-clean {
clear: both;
font-size: 0;
overflow: hidden;
}
.g-clearfix::after {
content: "";
display: table;
clear: both;
}
.g-nobr {
white-space: nowrap;
}
@media (max-width: 991px) {
.g-hidden-mobile {
display: none !important;
}
}
@media (min-width: 992px) {
.g-hidden-desktop {
display: none !important;
}
}
.g-opacity-0 {
opacity: 0;
}
/*################################################################### */
/* стили основных блоков сайта, его сетки */
/*################################################################### */
.l-page {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
width: 100%;
min-width: 320px;
min-height: 100vh;
margin: 0 auto;
/* overflow: hidden; */
}
@media (max-width: 991px) {
.l-page {
max-width: 100%;
}
}
.l-page__holder {
width: 100%;
height: 100%;
padding: 0 0 0;
}
.l-wrapper {
width: 100%;
max-width: 1400px;
margin: 0 auto;
padding: 0 50px 0 50px;
}
.l-wrapper-main {
width: 100%;
max-width: 1400px;
margin: 0 auto;
position: relative;
}
@media (max-width: 1300px) {
.l-wrapper {
padding: 0 25px 0 22px;
max-width: 1200px;
position: relative;
}
.l-wrapper-main {
max-width: 1200px;
position: relative;
}
}
.l-header {
position: relative;
width: 100%;
background-color: #fff;
}
.l-header.fixed {
position: fixed;
width: 100%;
top: 0;
left: 0;
-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
z-index: 101;
}
.l-header__top {
border-bottom: 1px solid #f2f2f2;
}
.l-content {
width: 100%;
justify-self: flex-start;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding: 0 0 100px;
}
.l-content--inner {
padding: 0 0 100px;
}
@media (max-width: 991px) {
.l-content {
padding: 0 0 60px;
}
.l-content--inner {
padding: 0 0 60px;
}
}
.l-footer {
width: 100%;
padding-top: 69px;
}
@media (max-width: 991px) {
.l-footer {
padding-top: 68px;
}
}
.l-footer a,
.l-footer a:visited {
text-decoration: none;
}
.l-footer a:hover {
color: var(--site-accent-color);
text-decoration: none;
}
.l-footer__top {
padding-bottom: 83px;
}
@media (max-width: 991px) {
.l-footer__top {
padding-bottom: 0;
}
}
.l-footer__bottom {
padding: 20px 0;
}
@media (max-width: 991px) {
.l-footer__bottom {
padding: 0;
}
}
@media (max-width: 767px) {
.l-wrapper-header {
padding: 0 25px 0 25px;
}
}
/* FANCYBOX */
.fancybox__backdrop {
background-color: #000 !important;
opacity: 0.2 !important;
}
.fancybox__content {
padding: 32px !important;
color: var(--site-default-color) !important;
background: var(--site-light-color) !important;
border-radius: 4px !important;
min-width: 480px !important;
min-height: 104px;
}
.fancybox__content > .f-button.is-close-btn {
--f-button-width: 40px !important;
--f-button-height: 40px !important;
--f-button-color: var(--site-accent-color) !important;
--f-button-hover-color: var(--site-accent-color--hover) !important;
--f-button-svg-width: 24px !important;
--f-button-svg-height: 24px !important;
top: 32px !important;
right: 32px !important;
opacity: 1 !important;
}
span.rub {
font-family: "Inter";
}
.modal-container{
display: none;
}
.modal-container::after {
content: "";
width: 100%;
height: 100%;
position: fixed;
background: #5b6373;
opacity: 0.7;
z-index: 101;
}
.modal-container.open{
display: block;
}
.video-frame {
aspect-ratio: 16 / 9;
position: relative;
width: 100%;
}
.video-frame iframe {
height: 100% !important;
left: 0;
margin: 0 !important;
position: absolute;
top: 0;
width: 100% !important;
}
/* End */
/* Start:/local/templates/ma-template/css/layout/blocks.css?179180336075001*/
/* blocks.csss
* Стили блоков сайта, основной рабочий файл
*
*/
/* body{
padding-top: 90px;
} */
/*
1. HEADER
2. MAIN
3. FOOTER
*/
/* 1. HEADER */
.header {
position: fixed;
/* position: sticky; */
top: 0;
right: 0;
left: 0;
z-index: 100;
}
.l-content-main {
margin-top: 103px;
overflow: hidden;
padding-bottom: 0;
position: relative;
}
.l-content--inner {
padding: 0;
margin-top: 99px;
}
.l-header--holder {
position: relative;
}
.l-header--holder::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(
to bottom,
rgb(0, 122, 255) -40%,
rgb(9, 39, 61) 100%
);
z-index: -1;
}
.background-img {
position: absolute;
z-index: -1;
}
.main-background-img--first {
top: 116px;
right: 0;
}
.main-background-img--second {
top: 1523px;
left: 0;
}
.main-background-img--third {
right: 8px;
bottom: 1820px;
}
.main-background-img--fourth {
left: 0;
bottom: 860px;
}
.main-background-img--fifth {
right: 0;
bottom: 380px;
}
.l-header--holder.active::after {
background: linear-gradient(to bottom, #007aff -40%, #09273d 35%);
}
/* .l-wrapper-header.active {
padding: 0 23px 0 24px;
} */
.header-content {
padding: 11px 0 0px 0;
display: flex;
color: #ffffff;
}
.header-mobile-content {
display: flex;
flex-direction: column;
gap: 26px;
display: none;
margin-top: 9px;
}
.header-mobile-content.open {
display: flex;
}
body .swiper-pagination-bullet {
background: #d9d9d9;
opacity: 1;
}
body .swiper-pagination-bullet-active {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.hamburger {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: fit-content;
height: fit-content;
margin: 0;
padding: 0;
background: none;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.b-message-form {
background-color: #e6f2ff;
padding: 40px 68px;
border-radius: 15px;
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
}
.consultation-form {
max-width: 299px;
display: flex;
flex-direction: column;
padding-left: 5px;
}
.consultation-form #i-message-form-item-14 {
margin-bottom: 38px;
}
.consultation-form #i-message-form-item-15 {
margin-bottom: 37px;
}
.consultation-form #i-message-form-item-16 {
margin-bottom: 38px;
}
.consultation-form #i-message-form-item-17 {
margin-bottom: 18px;
}
.b-message-form-title {
font-size: 24px;
font-weight: 600;
max-width: 304px;
margin-bottom: 44px;
text-align: center;
line-height: 120%;
}
.b-message-form input {
height: 42px;
padding-bottom: 5px;
color: #09273d !important;
}
.b-message-form_item-error {
color: #ea0e0e;
margin-top: 8px;
font-size: 10px;
}
.b-message-form_submit {
margin-top: 27px;
margin-left: 10px;
}
.page-holder .b-message-form_submit button {
font-size: 20px;
font-weight: 700;
padding: 23px 48px;
max-width: 275px;
}
.privacy-block span {
font-weight: 600;
}
.page-holder .privacy-block a {
color: #007aff;
text-decoration: underline;
font-size: 11.6px;
font-weight: 400;
line-height: 20px;
}
.close-b-message-form-modal{
position: absolute;
top: 10px;
right: 10px;
}
.close-b-message-form-modal:hover{
cursor: pointer;
}
.page-holder .privacy-block a:visited {
color: #007aff;
}
.message-result {
flex: 1;
align-items: center;
display: flex;
justify-content: center;
text-align: center;
margin-bottom: 30px;
max-width: 304px;
}
.b-error_message {
border-color: #ea0e0e !important;
}
.checkbox-block {
display: flex;
align-items: start;
gap: 6px;
}
.privacy-block-checkbox.hidden {
display: none;
}
.checkbox-block span {
font-size: 11.4px;
font-weight: 400;
line-height: 20px;
}
.b-message-form .privacy-block-checkbox {
margin: 5px 0 0;
width: 13px;
height: 13px;
}
.privacy-block-checked {
display: none;
width: 13px;
height: 13px;
margin: 5px 0 0;
line-height: 0;
flex-shrink: 0;
}
.privacy-block-checked svg {
display: block;
}
.privacy-block-checked:hover {
cursor: pointer;
}
.privacy-block-checked.active {
display: block;
}
.b-message-form .privacy-block-checkbox:hover {
cursor: pointer;
}
.b-message-form_field_item {
display: inline-flex;
align-items: flex-start;
}
.b-message-form_field_item .i-message-form-checkbox {
cursor: pointer;
}
.l-message-from-checkbox {
padding-left: 2px;
padding-top: 10px;
font-size: 11.4px;
font-weight: 400;
line-height: 20px;
}
.link-message-form {
color: #007aff !important;
text-decoration: underline !important;
}
.i-message-form-checkbox {
margin: 0;
width: 13px;
height: 13px;
}
.validation-error-container {
color: #EA0E0E;
font-weight: 400;
font-size: 12px;
margin-bottom: 15px;
display: none;
line-height: 18px;
}
@media (max-width: 1300px) {
.b-message-form_submit {
margin-left: 0;
}
.page-holder .b-message-form_submit button {
max-width: unset;
}
}
@media (max-width: 1200px) {
.b-message-form {
background-color: #e6f2ff;
}
.b-message-form_submit {
/* margin-top: 0; */
}
.page-holder .b-message-form_submit button {
font-size: 20px;
font-weight: 700;
padding: 15px 30px;
width: 100%;
}
.help-block-form .b-message-form {
padding: 40px 25px 15px 25px;
}
}
@media (max-width: 767px) {
.link-card-custom-wrapper{
padding-left: 0!important;
}
.link-cards-wrapper{
padding-right: 0;
padding-left: 0;
}
.b-message-form {
padding: 40px 15px 15px 15px;
align-items: center;
}
.help-block-form .b-message-form {
padding: 40px 15px 18px 15px;
}
.b-message-form-title {
max-width: unset;
}
.consultation-form {
max-width: 450px;
width: 100%;
}
}
@media (max-width: 500px) {
.b-message-form {
align-items: start;
padding: 40px 15px 18px 13px;
}
.consultation-form-modal .consultation-form input {
max-width: 260px;
padding-left: 2px;
}
.b-message-form-title {
font-size: 20px;
max-width: 260px;
margin: 0 auto;
margin-bottom: 61px;
/* padding-left: 4px; */
padding: 0;
}
.b-message-form-modal .b-message-form-title {
padding: 0;
}
.consultation-form {
padding-left: 7px;
}
.consultation-form input {
padding-left: 3px;
}
.page-holder .b-message-form_submit button {
font-size: 16px;
padding: 25px 70px;
margin-top: -10px;
}
/* .page-holder .b-message-form_submit button {
max-width: 284px;
} */
}
.b-message-form-modal {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 100;
padding: 41px 67px 15px 67px;
z-index: 102;
min-height: 443px;
}
.b-message-form-modal .consultation-form {
display: block;
padding-left: 3px;
max-width: 298px;
}
.b-message-form-modal .b-message-form-title {
margin-bottom: 44px;
}
.b-message-form-modal #i-message-form-item-14 {
margin-bottom: 38px;
}
.b-message-form-modal #i-message-form-item-16 {
margin-bottom: 17px;
}
.b-message-form-modal .b-message-form_submit {
margin-left: 16px;
}
.page-holder .b-message-form-modal .b-message-form_submit button {
padding: 23px 43px;
background-color: #d8dde0;
cursor: pointer;
}
.page-holder .consultation-form .b-message-form_submit button {
padding: 23px 47px;
background-color: #d8dde0;
cursor: pointer;
}
.page-holder .consultation-form .b-message-form_submit.active button {
background-color: var(--site-accent-color-second);
cursor: pointer;
}
.page-holder .b-message-form-modal .b-message-form_submit.active button {
background-color: var(--site-accent-color-second);
cursor: pointer;
}
.page-holder .b-message-form-modal .b-message-form_submit.active button:hover,
.page-holder .consultation-form .b-message-form_submit.active button:hover {
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4)) !important;
}
.b-message-form-modal .privacy-block {
margin-left: 0;
}
@media (max-width: 500px) {
.b-message-form-modal .b-message-form-title {
padding: 0;
}
.consultation-form-modal {
padding: 0;
}
.b-message-form-modal .b-message-form_submit {
margin-left: 0;
}
.b-message-form-modal {
padding: 40px 40px 15px 40px;
}
}
.hamburger span {
width: 33px;
height: 5px;
margin-bottom: 5px;
background: #ffffff;
border-radius: 5px;
-webkit-transition: opacity 0.2s ease-in-out,
-webkit-transform 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out,
-webkit-transform 0.2s ease-in-out;
}
.hamburger span:last-child {
margin-bottom: 0;
}
.hamburger_open span:nth-child(1) {
-webkit-transform: translateY(10px) rotate(45deg);
transform: translateY(10px) rotate(45deg);
}
.hamburger_open span:nth-child(2) {
opacity: 0;
}
.hamburger_open span:nth-child(3) {
-webkit-transform: translateY(-10px) rotate(-45deg);
transform: translateY(-10px) rotate(-45deg);
}
.header-mobile-icons {
display: none;
}
.header-mobile-icons a {
height: 25px;
}
.header-menu {
display: flex;
flex-direction: column;
margin-top: 19px;
}
.page-holder .contacts-callback {
padding: 13px 14px 13px 12px;
margin-left: auto;
width: 100%;
max-width: 151px;
height: fit-content;
margin-top: 19px;
}
.header-menu__top {
display: flex;
justify-content: space-between;
/* padding-bottom: 8px; */
border-bottom: 3px solid #007aff;
align-items: center;
}
.header-menu__top .li-deep-1 {
padding-bottom: 8px;
}
.header-menu__top-inner.hidden {
display: none;
}
.header-menu__bottom {
padding-top: 8px;
}
.header-menu__bottom .li-deep-1 {
padding-bottom: 13px;
}
.header-menu__info {
display: flex;
align-items: flex-end;
gap: 20px;
padding-bottom: 8px;
}
.header-menu__info.open {
width: 100%;
justify-content: space-between;
}
.page-holder a.header-phone {
display: flex;
align-items: center;
gap: 8px;
line-height: 24px;
font-size: 14px;
font-weight: 600;
border: none !important;
color: var(--site-accent-color);
}
/************ SOLUTIONS START ************/
.solutions-wrapper {
/* background: linear-gradient(180deg,
rgba(0, 122, 255, 27%) 0%,
rgba(0, 73, 153, 30%) 100%); */
background-size: 30% 100%;
position: relative;
}
.solutions-wrapper::after {
content: "";
position: absolute;
width: 100%;
bottom: 0;
top: 0;
height: 170%;
background: linear-gradient(
180deg,
rgba(0, 122, 255, 27%) 0%,
rgba(0, 73, 153, 0%) 67%
);
z-index: -1;
}
.solutions-inner {
display: flex;
}
.solutions {
position: relative;
}
.solutions-content {
min-height: 645px;
/* padding-top: 108px; */
/* padding-bottom: 340px; */
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 0 0 100px;
position: relative;
width: 100%;
}
.solutions-title {
max-width: 709px;
font-size: 52px;
color: #ffffff;
text-transform: uppercase;
margin-bottom: 46px;
opacity: 0;
transition: transform 500ms, opacity 500ms;
transform: translate3d(0, -100%, 0);
}
.solutions-title span {
color: var(--site-accent-color-tiffany);
display: block;
}
.solutions .swiper-slide-active {
opacity: 1 !important;
}
.solutions .swiper-slide-active .solutions-img,
.solutions .swiper-slide-active .solutions-title,
.solutions .swiper-slide-active .solutions-subtitle,
.solutions .swiper-slide-active .solutions-nav {
opacity: 1;
transform: translate3d(0, 0, 0);
}
.solutions__pager {
bottom: -30px;
display: flex;
flex-direction: row-reverse;
justify-content: flex-end;
left: 0;
position: absolute;
width: 100%;
}
.solutions__pager-item {
background: #007AFF;
border-radius: 0 30px 0 0;
box-shadow: 2px 2px 10px 1px rgba(0, 0, 0, 0.25);
cursor: pointer;
flex-grow: 1;
max-width: 130px;
padding: 16px 18px 46px;
position: relative;
z-index: 1;
}
@media (width <= 768px) {
.solutions__pager-item {
max-width: 60px;
}
}
.solutions__pager-item::before {
background: #007AFF;
content: '';
display: block;
height: 100%;
position: absolute;
right: 100%;
top: 0;
width: 30px;
}
.solutions__pager-item:nth-child(odd) {
background: #74FCF1;
}
.solutions__pager-item:nth-child(odd)::before {
background: #74FCF1;
}
.solutions__pager-item:last-child {
border-radius: 30px 30px 0 0;
}
.solutions__pager-item:last-child::before {
display: none;
}
.solutions__pager-item.is-active {
flex-grow: 0;
max-width: 100%;
}
@media (width > 768px) {
.solutions__pager-item.is-active {
padding-left: 36px;
padding-right: 36px;
}
}
.solutions__pager-text {
display: block;
font-size: 15px;
font-weight: bold;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
@media (width <= 768px) {
.solutions__pager-text {
font-size: 12px;
}
}
.solutions__pager-text > span {
color: #FFF;
}
.solutions__pager-item:nth-child(odd) .solutions__pager-text > span {
color: #007AFF;
}
.solutions__pager-item.is-active .solutions__pager-text {
text-overflow: unset;
white-space: normal;
}
.animatedContainer {
width: inherit;
margin: 0;
}
.animatedContainer:hover {
}
.cube {
display: block;
height: 50px;
transition: transform 0.5s ease-in-out;
transform-style: preserve-3d;
position: relative;
}
.cube > span {
position: absolute;
opacity: 0;
margin-left: -30px;
}
/* более медленный вариант */
.cube > span:nth-child(1) {
animation: roll 14s linear infinite 1s;
}
.cube > span:nth-child(2) {
animation: roll 14s linear infinite 3s;
}
.cube > span:nth-child(3) {
animation: roll 14s linear infinite 5s;
}
.cube > span:nth-child(4) {
animation: roll 14s linear infinite 7s;
}
.cube > span:nth-child(5) {
animation: roll 14s linear infinite 9s;
}
.cube > span:nth-child(6) {
animation: roll 14s linear infinite 11s;
}
.cube > span:nth-child(7) {
animation: roll 14s linear infinite 13s;
}
@keyframes smoothRoll {
0%, 100% {
font-size: 0px;
opacity: 0;
margin-left: -30px;
margin-top: 0px;
transform: rotate(-25deg);
}
/* Плавное появление текста */
3% {
opacity: 0.5;
transform: rotate(-15deg); /* Постепенный поворот */
}
5% {
font-size: inherit;
opacity: 1;
margin-left: 0px;
margin-top: 0px;
transform: rotate(0deg);
}
/* Удерживаем состояние некоторое время */
15% {
font-size: inherit;
opacity: 1;
margin-left: 0px;
margin-top: 0px;
transform: rotate(0deg);
}
/* Начинаем сдвиг текста вправо и вверх */
18% {
font-size: inherit;
opacity: 0.8;
margin-left: 10px;
margin-top: 50px;
transform: rotate(5deg);
}
/* Полностью скрываем элемент */
19% {
font-size: 0px;
opacity: 0;
margin-left: 20px;
margin-top: 100px;
transform: rotate(15deg);
}
}
/* .cube> span:nth-child(1) {
animation: roll 7s linear infinite 1s;
}
.cube> span:nth-child(2) {
animation: roll 7s linear infinite 2s;
}
.cube> span:nth-child(3) {
animation: roll 7s linear infinite 3s;
}
.cube> span:nth-child(4) {
animation: roll 7s linear infinite 4s;
}
.cube> span:nth-child(5) {
animation: roll 7s linear infinite 5s;
}
.cube> span:nth-child(6) {
animation: roll 7s linear infinite 6s;
}
.cube> span:nth-child(7) {
animation: roll 7s linear infinite 7s;
} */
@keyframes roll {
0% {
font-size: 0px;
opacity: 0;
margin-left: -30px;
margin-top: 0px;
transform: rotate(-25deg);
}
3% {
opacity: 1;
transform: rotate(0deg);
}
5% {
font-size: inherit;
opacity: 1;
margin-left: 0px;
margin-top: 0px;
}
15% {
font-size: inherit;
opacity: 1;
margin-left: 0px;
margin-top: 0px;
transform: rotate(0deg);
}
18% {
font-size: 0px;
opacity: 0.5;
margin-left: 20px;
margin-top: 100px;
}
100% {
font-size: 0px;
opacity: 0;
margin-left: -30px;
margin-top: 0px;
transform: rotate(15deg);
}
}
/* .front {
opacity: 1;
visibility: visible;
pointer-events: none;
}
.bottom,
.third,
.fourth,
.fifth,
.sixth,
.seventh {
transform: rotateX(-90deg);
}
.bottom {
transform: rotateX(-90deg);
}
.third {
transform: rotateX(-180deg);
}
.fourth {
transform: rotateX(-270deg);
}
.fifth {
transform: rotateX(-360deg);
}
.sixth {
transform: rotateX(-450deg);
}
.seventh {
transform: rotateX(-540deg);
} */
/* .cube.active {
-webkit-transform: rotateX(89deg);
transform: rotateX(90deg);
}
.flip {
-webkit-transform: translateZ(50px);
transform: translateZ(50px);
} */
/* .flip-container {
position: relative;
perspective: 1000px;
height: 50px;
}
.flip-element {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
backface-visibility: hidden;
transition: transform 1s cubic-bezier(.17, .67, .83, .67), opacity 1s linear;
opacity: 1;
z-index: 1;
}
/* Начальное состояние всех элементов кроме первого */
.flip-element {
transform: rotateX(-90deg) translateZ(-50px);
opacity: 0;
z-index: 0;
}
/* Классы для анимации исчезания */
.hidden-flipping {
animation: flipOut 1s forwards;
}
/* Классы для анимации появления */
.visible-appearing {
animation: flipIn 1s forwards;
}
/* @keyframes flipOut {
from {
transform: none;
opacity: 1;
}
to {
transform: rotateX(-90deg) translateZ(-50px);
opacity: 0;
}
} */
@keyframes flipIn {
from {
transform: rotateX(-90deg) translateZ(-50px);
opacity: 0;
}
to {
transform: none;
opacity: 1;
}
}
.hidden-text {
opacity: 0 !important;
display: block;
position: static !important;
}
.solutions-subtitle {
color: #ffffff;
font-size: 20px;
max-width: 433px;
margin-bottom: 35px;
line-height: 120%;
padding-left: 4px;
opacity: 0;
transition: opacity 500ms;
transition-delay: 300ms;
}
.solutions-subtitle span {
color: var(--site-accent-color-tiffany);
}
.solutions-nav {
display: flex;
gap: 15px;
padding-left: 4px;
position: relative;
opacity: 0;
transition: transform 500ms, opacity 500ms;
transition-delay: 600ms;
transform: translate3d(0, 100%, 0);
}
.solutions-nav a {
font-size: 20px !important;
}
.solutions-nav a {
font-size: 20px !important;
padding: 16px 27px !important;
}
.page-holder .solutions-link {
padding: 17px 19px;
}
.solutions-img {
bottom: 0;
position: absolute;
right: -53px;
width: 861px;
}
@media (width > 880px) {
.solutions-img {
opacity: 0;
transition: transform 500ms, opacity 500ms;
transform: translate3d(0, 100%, 0);
}
}
/************ AUTOMATED-PROJECTS START ************/
.choose-wrapper {
/* padding: 0 54px 0 46px; */
position: relative;
/* компенсирует margin-bottom: -182px у .automated-projects, чтобы блок не перекрывал верхний */
margin-top: 245px;
}
.automated-projects {
background-color: #ffffff;
max-width: 1300px;
border-radius: 15px;
position: relative;
/* top: -182px; */
/* left: 4px; */
left: 0;
z-index: 2;
margin-bottom: -182px;
}
.automated-projects-inner {
padding: 54px 0px 25px 0px;
}
/************ AUTOMATED-PROJECTS END ************/
/************ CHOOSE START ************/
.choose {
background-color: #ffffff;
border-radius: 15px;
margin-top: 70px;
}
.choose-inner {
padding: 51px 84px 118px 97px;
display: flex;
flex-direction: column;
}
.choose-inner-mobile {
display: none;
}
.choose-title {
text-align: center;
margin-bottom: 72px;
}
.choose-title span {
display: block;
}
.choose-list {
display: flex;
margin-bottom: 84px;
}
.choose-list-item {
width: 100%;
}
.choose-img {
padding-right: 119px;
}
.choose-list-item-text {
font-size: 16px;
color: #09273d;
line-height: 130%;
}
.choose-item {
display: flex;
gap: 16px;
}
.choose-text {
line-height: 140%;
}
.choose-text span {
font-weight: 600;
display: block;
}
.choose-item:first-child {
margin-bottom: 19px;
}
.choose-item:nth-child(2) {
margin-bottom: 17px;
}
.choose-item:last-child .choose-text {
padding-top: 4px;
}
.choose-list-item h3 {
font-weight: 700;
}
.choose-list-item:first-child {
max-width: 348px;
margin-right: 28px;
/* margin-top: 6px; */
}
.choose-list-item:first-child .choose-list-item__img {
padding-left: 23px;
margin-bottom: 28px;
}
.choose-list-item:first-child .choose-list-item-title {
margin-bottom: 22px;
}
.choose-list-item:first-child .choose-list-item-text {
padding-left: 3px;
}
.choose-list-item:nth-child(2) {
max-width: 355px;
margin-right: 28px;
}
.choose-list-item:nth-child(2) .choose-list-item__img {
padding-left: 46px;
margin-bottom: 36px;
}
.choose-list-item:nth-child(2) .choose-list-item-title {
margin-bottom: 22px;
}
.choose-list-item:nth-child(2) .choose-list-item-text {
max-width: 311px;
}
.choose-list-item-title--block {
display: block;
color: inherit !important;
}
.choose-list-item-title_keeper--block {
color: inherit !important;
}
.choose-list-item:last-child {
max-width: 356px;
/* margin-top: 5px; */
}
.choose-list-item:last-child .choose-list-item__img {
padding-left: 55px;
margin-bottom: 28px;
}
.choose-list-item:last-child .choose-list-item-title {
margin-bottom: 22px;
}
.choose-info {
display: flex;
justify-content: end;
padding-right: 37px;
}
.choose-info-inner {
display: flex;
max-width: 942px;
}
.choose-info-content {
max-width: 465px;
display: flex;
flex-direction: column;
gap: 32px;
}
.choose-info-content-title {
font-size: 36px;
font-weight: 600;
line-height: 120%;
}
.choose-info-content-title span {
color: #007aff;
}
/************ CHOOSE END ************/
/************ LINK CARD START ************/
.link-cards {
position: relative;
top: -106px;
max-width: 1110px;
margin: 0 auto;
left: 6px;
margin-bottom: -107px;
}
.link-cards-inner {
display: flex;
gap: 30px;
}
.link-card-swiper .link-cards-item {
/* max-width: 255px; */
border-radius: 15px;
width: 100%;
height: 204px;
position: relative;
flex-shrink: 1;
}
.link-cards-item a::after {
content: "";
position: absolute;
inset: 0;
}
.link-card-swiper-wrapper {
gap: 30px;
}
.link-cards-text {
font-size: 24px;
font-weight: 600;
max-width: 150px;
line-height: 24px;
}
.link-cards-item:nth-child(odd) {
background-color: var(--site-accent-color);
color: #ffffff;
}
.link-cards-item:nth-child(even) {
background-color: var(--site-accent-color-tiffany);
color: #09273d;
}
.link-cards-item:nth-child(even) .link-cards-btn path {
fill: #09273d;
}
.link-cards-icon {
display: flex;
justify-content: end;
}
.link-cards-btn {
position: absolute;
bottom: 18px;
}
.link-cards-item:first-child .link-cards-icon {
padding-top: 12px;
padding-right: 13px;
}
.link-cards-item .link-cards-text {
padding-left: 18px;
margin-top: -4px;
}
.link-cards-item:first-child .link-cards-btn {
right: 12px;
}
.link-cards-item:nth-child(2) .link-cards-icon {
padding-top: 18px;
padding-right: 18px;
}
.link-cards-item:nth-child(2) .link-cards-text {
margin-top: -3px;
}
.link-cards-item:nth-child(2) .link-cards-btn {
right: 15px;
}
.link-cards-item:nth-child(3) .link-cards-icon {
padding-top: 18px;
padding-right: 15px;
}
.link-cards-item:nth-child(3) .link-cards-text {
margin-top: 2px;
}
.link-cards-item:nth-child(3) .link-cards-btn {
right: 19px;
}
.link-cards-item:last-child .link-cards-icon {
padding-top: 8px;
padding-right: 30px;
}
.link-cards-item:last-child .link-cards-text {
margin-top: 6px;
}
.link-cards-item:last-child .link-cards-btn {
right: 22px;
}
/************ LINK CARD END ************/
/************ TALKING PROJECT START ************/
.talkng-projects-wrapper {
/* padding: 0 56px 0 44px; */
}
.talkng-projects-inner {
margin-top: 73px;
}
/************ TALKING PROJECT END ************/
/************ HELP BLOCK START ************/
.help-block-wrapper {
/* padding: 0 45px 0 46px; */
}
.help-block {
margin-top: 70px;
}
.help-block-content {
display: flex;
gap: 30px;
justify-content: center;
}
.help-block-info {
padding: 69px 54px 0px 99px;
background-color: #ffffff;
border-radius: 15px;
max-width: 829px;
}
.help-block-title {
font-size: 36px;
line-height: normal;
font-weight: 600;
margin-bottom: 37px;
}
.help-block-subtitle {
font-size: 30px;
font-weight: 600;
line-height: normal;
color: #007aff;
margin-bottom: 17px;
}
.help-block-text {
font-size: 16px;
line-height: 120%;
max-width: 568px;
margin-bottom: 48px;
}
.help-block-nav {
display: flex;
gap: 24px;
justify-content: center;
}
.help-block-nav-links {
display: flex;
flex-direction: column;
gap: 15px;
}
.page-holder .help-block-nav__top a,
.page-holder .help-block-nav__bottom a {
font-size: 20px;
font-weight: 700;
line-height: 120%;
}
.help-block-nav-links .mobile-app-link {
padding: 23px 87px;
}
.help-block-nav__bottom {
display: flex;
gap: 13px;
}
.page-holder .help-block-nav__bottom a:visited {
color: #09273d;
}
.page-holder .help-block-nav__bottom a {
color: #09273d;
}
.page-holder .help-block-nav__bottom a:hover {
color: #ffffff;
}
.page-holder .tg-bot-link {
padding: 20px 33px;
}
.page-holder .cabinet-link {
padding: 20px 15px;
}
.help-block-img {
position: relative;
top: -32px;
margin-bottom: -32px;
}
.help-block-form {
display: flex;
justify-content: center;
}
/* Карточки под кнопками (Каталог / Акция) */
.help-cards {
display: flex;
gap: 13px;
margin: 60px 0 25px;
}
.help-card {
position: relative;
flex: 1 1 auto;
min-width: 0;
display: flex;
flex-direction: column;
min-height: 186px;
padding: 32px 18px 24px;
border-radius: 15px;
overflow: hidden;
box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.08);
color: #09273d;
text-decoration: none;
transition: box-shadow 0.2s ease, transform 0.2s ease;
}
.help-card:hover {
box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.14);
transform: translateY(-2px);
}
.help-card--light {
background-color: #e6f2ff;
}
.help-card--promo {
background-image: linear-gradient(90deg, rgba(8, 241, 223, 0.2) 0%, rgba(0, 122, 255, 0.2) 100%);
}
.help-card__badge {
position: absolute;
top: 0;
right: 0;
padding: 8px 14px;
background-color: #16f0df;
border-radius: 0 0 0 9px;
font-size: 15px;
font-weight: 600;
line-height: 1;
color: #333333;
}
.help-card__body {
position: relative;
z-index: 1;
max-width: 60%;
}
.help-card__title {
font-size: 16px;
font-weight: 700;
line-height: 1.2;
margin-bottom: 14px;
color: #007aff;
}
.help-card--promo .help-card__title {
color: #09273d;
}
.help-card__title .accent {
color: #007aff;
}
.help-card__text {
font-size: 12px;
font-weight: 400;
line-height: 1.3;
color: #09273d;
}
.help-card__img {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
width: 135px;
height: auto;
object-fit: contain;
pointer-events: none;
}
.help-card--promo .help-card__img {
right: 6px;
width: 165px;
}
.help-card__more {
position: relative;
z-index: 1;
margin-top: auto;
display: inline-flex;
align-items: center;
gap: 12px;
font-size: 14px;
font-weight: 600;
line-height: 22px;
color: #007aff;
}
.help-card__more svg {
flex: 0 0 auto;
}
@media (max-width: 560px) {
.help-cards {
flex-direction: column;
gap: 15px;
margin-top: 25px;
}
.help-card {
flex-direction: column;
min-height: 160px;
}
.help-card__body {
max-width: 62%;
}
.help-card__img {
margin: 0 0 15px;
order: -1;
position: static;
transform: none;
width: 120px;
}
.help-card--promo .help-card__img {
width: 140px;
}
}
/************HELP BLOCK END ************/
/************ NEWS-EVENTS START ************/
.news-wrapper {
/* padding: 0 56px 0 44px; */
}
.news-block-content {
padding: 52px 88px 17px 101px;
background-color: #ffffff;
border-radius: 15px;
}
.news-block {
margin-top: 74px;
}
.news-block-title {
text-align: center;
margin-bottom: 76px;
}
.news-block-title span {
color: inherit;
}
.news-block-toggle {
display: flex;
gap: 30px;
align-items: center;
font-size: 24px;
color: #09273d;
margin-bottom: 45px;
}
.toggle-news,
.toggle-events {
padding-bottom: 10px;
}
.toggle-news:hover,
.toggle-events:hover {
cursor: pointer;
}
.toggle-events.active {
font-weight: 500;
border-bottom: 3px solid #007aff;
}
.toggle-news.active {
font-weight: 500;
border-bottom: 3px solid #007aff;
}
/************ NEWS-EVENTS END ************/
/************ OTZIVI START ************/
.otzivi-wrapper {
/* padding: 0 54px 0 46px; */
}
.otzivi-block {
margin-top: 70px;
}
.otzivi-block-inner {
padding: 50px 41px 23px 42px;
background-color: #ffffff;
border-radius: 15px;
}
/************ OTZIVI END ************/
.page-holder a.header-phone::before {
content: "";
width: 20px;
height: 20px;
background-size: 20px;
background-position: center;
background-repeat: no-repeat;
transition: background 0.2s;
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.5001 13.69V15.94C17.5009 16.1489 17.4581 16.3556 17.3745 16.547C17.2908 16.7384 17.168 16.9102 17.0141 17.0514C16.8602 17.1926 16.6785 17.3001 16.4806 17.367C16.2828 17.434 16.0731 17.4588 15.8651 17.44C13.5572 17.1892 11.3403 16.4006 9.39257 15.1375C7.58044 13.986 6.04407 12.4496 4.89257 10.6375C3.62506 8.68091 2.83625 6.45326 2.59007 4.13501C2.57133 3.92761 2.59598 3.71858 2.66245 3.52123C2.72892 3.32388 2.83575 3.14253 2.97615 2.98873C3.11654 2.83493 3.28743 2.71204 3.47792 2.6279C3.6684 2.54376 3.87433 2.50021 4.08257 2.50001H6.33257C6.69655 2.49643 7.04942 2.62532 7.32539 2.86266C7.60137 3.1 7.78163 3.4296 7.83257 3.79001C7.92754 4.51006 8.10366 5.21706 8.35757 5.89751C8.45848 6.16595 8.48032 6.4577 8.4205 6.73817C8.36068 7.01865 8.22172 7.27609 8.02007 7.48001L7.06757 8.43251C8.13524 10.3102 9.68991 11.8648 11.5676 12.9325L12.5201 11.98C12.724 11.7784 12.9814 11.6394 13.2619 11.5796C13.5424 11.5198 13.8341 11.5416 14.1026 11.6425C14.783 11.8964 15.49 12.0725 16.2101 12.1675C16.5744 12.2189 16.9071 12.4024 17.145 12.6831C17.3828 12.9638 17.5092 13.3222 17.5001 13.69Z' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.page-holder a.header-phone:hover {
color: var(--site-accent-color--hover);
}
.header-bottom {
display: flex;
padding: 20px 0;
align-items: center;
max-height: 92px;
}
.header__search {
flex: 1;
}
.header-logo {
display: flex !important;
margin-top: 21px;
margin-right: 34px;
border: none !important;
min-width: 287px;
padding-bottom: 0;
align-self: flex-start;
flex-shrink: 0;
position: relative;
}
.header-brand {
display: flex;
align-items: center;
gap: 8px;
}
.header-brand__logo {
display: block;
flex-shrink: 0;
max-width: none;
}
.header-brand__divider {
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 0;
width: 0;
min-width: 0;
height: 32px;
}
.header-brand__divider img {
flex-shrink: 0;
max-width: none;
transform: rotate(90deg);
}
.header-brand__descriptor {
display: block;
flex: 0 0 138px;
font-family: var(--site-font-family);
font-size: 11px;
font-weight: 400;
line-height: 1.1;
color: var(--site-light-color);
white-space: nowrap;
}
.header-logo > a {
position: absolute;
inset: 0;
}
.header-logo a::after {
content: "";
position: absolute;
inset: 0;
}
.page-holder .header__basket-btn.g-button {
display: flex;
align-items: center;
gap: 8px;
padding: 16px !important;
padding-left: 45px !important;
color: var(--site-default-color) !important;
background-color: var(--site-light-grey-color-2) !important;
border: none;
background-repeat: no-repeat;
background-position: 16px center;
background-size: 24px;
background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 13C21.5523 13 22 12.5523 22 12C22 11.4477 21.5523 11 21 11V13ZM2.29289 11.2929C1.90237 11.6834 1.90237 12.3166 2.29289 12.7071L8.65685 19.0711C9.04738 19.4616 9.68054 19.4616 10.0711 19.0711C10.4616 18.6805 10.4616 18.0474 10.0711 17.6569L4.41421 12L10.0711 6.34315C10.4616 5.95262 10.4616 5.31946 10.0711 4.92893C9.68054 4.53841 9.04738 4.53841 8.65685 4.92893L2.29289 11.2929ZM21 11L3 11V13L21 13V11Z' fill='%23323233' /%3E%3C/svg%3E");
}
.header__links .header__links-item--mobile {
display: none;
margin-right: 0;
}
.header__links.order {
margin-left: 42px;
}
.header.order-header .header__search-holder + .header__links.order {
margin-left: auto;
}
.header__links.order .header__profile {
min-width: unset;
}
.header__catalog-btn .g-button {
display: flex;
gap: 8px;
padding: 14px 16px;
align-items: center;
height: 52px;
}
.header__catalog-btn .catalog-btn .burger-menu {
position: relative;
width: 24px;
height: 24px;
}
.header__catalog-btn .burger-menu svg rect {
transition: transform 0.2s ease, width 0.2s ease;
}
.header__catalog-btn.active .burger-menu svg rect {
/* fill: var(--site-accent-color) !important; */
}
.header__catalog-btn.active .burger-menu svg rect:first-child {
transform: rotate(45deg) translate(9px, -7px);
width: 16px !important;
}
.header__catalog-btn.active .burger-menu svg rect:nth-child(2) {
display: none;
}
.header__catalog-btn.active .burger-menu svg rect:nth-child(3) {
transform: rotate(-45deg) translate(-7px, -3px);
width: 16px !important;
}
/* .header__catalog-btn .g-button::before {
content: "";
display: block;
width: 24px;
height: 24px;
background-position: center;
background-repeat: no-repeat;
background-size: 24px;
transition: background 0.2s;
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 12H20' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M3 18.6667H11' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M3 5.3335H16.3333' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.header__catalog-btn.active .g-button::before {
background-image: url('data:image/svg+xml,');
} */
.header__search-holder {
width: 100%;
max-width: 650px;
margin: 0 20px;
}
.order-header .header__search-holder,
.order-header .header__catalog-btn,
.order-header .header-top {
display: none;
}
.header__links {
display: flex;
margin-left: auto;
align-items: center;
gap: 32px;
flex-wrap: nowrap;
}
.page-holder a.header__links-item {
display: flex;
flex-direction: column;
justify-content: center;
gap: 4px;
align-items: center;
border: none;
line-height: 16px;
font-weight: 500;
min-width: 90px;
}
.page-holder a.header__links-item.active {
color: var(--site-accent-color);
}
.header__links-item--main,
.header__links-item--catalog {
display: none !important;
}
.header__links-item-icon {
position: relative;
display: block;
width: 24px;
height: 24px;
}
.header__links-item-counter {
position: absolute;
top: -11px;
left: 34px;
padding: 2px 5px 1px;
border-radius: 2px;
color: var(--site-light-color);
background-color: var(--site-accent-color);
font-size: 12px;
font-weight: 500;
line-height: 1;
white-space: nowrap;
}
.header__links-item-counter[data-value="0"] {
opacity: 0;
pointer-events: none;
user-select: none;
}
.header-fixed {
position: fixed;
right: 0;
left: 0;
top: -40px;
z-index: 20;
}
.order-header.header-fixed {
top: 0;
}
.header__links-item--auth {
height: 52px;
max-width: 90px;
}
.header__links-item--auth .header__profile-name {
font-weight: 600;
}
.header__mobile-links {
display: none;
}
.header__links .header__links-item.header__links-item--auth-mobile svg {
display: none;
}
.header__links-mobile {
display: none;
}
.header__mobile-links-item {
width: 30px;
height: 30px;
min-width: 30px;
min-height: 30px;
max-width: 30px;
max-height: 30px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.header__mobile-links-item.header__mobile-links-item--region {
background-image: url("data:image/svg+xml, %3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.4281 10.9464C19.4281 15.9321 14.2761 19.486 12.8459 20.3766C12.6235 20.5174 12.3398 20.5174 12.1173 20.3766C10.6875 19.4859 5.53516 15.9321 5.53516 10.9464C5.53516 7.11006 8.64526 4 12.4816 4C16.318 4 19.4281 7.11006 19.4281 10.9464Z' stroke='%23959595' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.5691 10.9464C15.5691 13.323 12.9964 14.8084 10.9382 13.6201C9.98294 13.0686 9.39453 12.0494 9.39453 10.9464C9.39453 8.56979 11.9673 7.08442 14.0255 8.27272C14.9807 8.82419 15.5691 9.8434 15.5691 10.9464Z' fill='none' stroke='%23959595' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.header__mobile-links-item.header__mobile-links-item--search {
background-image: url("data:image/svg+xml, %3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.80469 10.8393C5.80469 11.5709 5.9488 12.2954 6.22879 12.9713C6.50878 13.6473 6.91917 14.2615 7.43652 14.7788C7.95388 15.2962 8.56807 15.7066 9.24402 15.9866C9.91998 16.2666 10.6445 16.4107 11.3761 16.4107C12.1078 16.4107 12.8323 16.2666 13.5082 15.9866C14.1842 15.7066 14.7984 15.2962 15.3157 14.7788C15.8331 14.2615 16.2435 13.6473 16.5234 12.9713C16.8034 12.2954 16.9475 11.5709 16.9475 10.8393C16.9475 10.1076 16.8034 9.38311 16.5234 8.70716C16.2435 8.0312 15.8331 7.41701 15.3157 6.89966C14.7984 6.3823 14.1842 5.97191 13.5082 5.69192C12.8323 5.41193 12.1078 5.26782 11.3761 5.26782C10.6445 5.26782 9.91998 5.41193 9.24402 5.69192C8.56807 5.97191 7.95388 6.3823 7.43652 6.89966C6.91917 7.41701 6.50878 8.0312 6.22879 8.70716C5.9488 9.38311 5.80469 10.1076 5.80469 10.8393Z' fill='none' stroke='%23959595' stroke-width='2'/%3E%3Cpath d='M15.5547 15.0178L19.269 18.7321' stroke='%23959595' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.g-counter.move {
-webkit-animation: moveUp linear var(--duration) infinite;
animation: moveUp linear var(--duration) infinite;
}
.move-up {
animation-name: moveUp;
animation-duration: var(--duration);
animation-timing-function: ease-out;
animation-fill-mode: forwards;
}
.g-counter {
display: inline-block;
position: relative;
}
.animatedText {
display: block;
}
/* Ключевая анимация ухода вверх */
@keyframes moveUp {
from {
transform: translateY(0);
opacity: 1;
}
to {
transform: translateY(-100%);
opacity: 0;
}
}
/* Ключевая анимация появления сверху */
@keyframes moveDown {
from {
transform: translateY(-100%);
opacity: 0;
}
to {
transform: translateY(0);
opacity: 1;
}
}
@media (max-width: 1800px) {
}
@media (max-width: 1400px) {
.choose-list-item:nth-child(2) .choose-list-item-text {
max-width: unset;
}
.header-logo {
margin-right: 18px;
}
.page-holder .contacts-callback {
margin-left: 18px;
}
.header-menu__bottom li a {
width: max-content;
display: block;
}
.header-menu__bottom .ul-deep-1 {
gap: 15px;
}
.solutions-nav {
flex-direction: column;
}
.solutions-nav a {
max-width: 400px;
}
.page-holder .solutions-link {
max-width: 400px;
}
.solutions-content {
padding-top: 50px;
padding-bottom: 100px;
}
}
/* Keep the wider logo clear of the navigation on compact screens. */
@media (max-width: 1414px) {
.header .contacts-callback,
.header-menu {
display: none;
}
.header-content {
justify-content: space-between;
align-items: center;
padding: 31px 0;
}
.header-logo {
margin-top: 0;
align-self: center;
}
.header-mobile-icons {
display: flex;
gap: 21px;
align-items: center;
}
}
@media (max-width: 1300px) {
.news-wrapper {
padding: 0 25px 0 22px;
}
.help-block-wrapper {
padding: 0 25px 0 22px;
}
.page-holder .contacts-callback {
display: none;
}
.header-menu {
display: none;
}
.header-content {
justify-content: space-between;
align-items: center;
}
.header-mobile-icons {
display: flex;
gap: 21px;
align-items: center;
}
/* .solutions-content {
max-width: 450px;
} */
.solutions-title {
max-width: 450px;
}
.solutions-title .h1 {
font-size: 36px;
}
.solutions-subtitle {
font-size: 16px;
}
.solutions-nav {
padding-left: 0;
}
/* .solutions-img {
top: -370px;
} */
.solutions-subtitle {
padding-left: 0;
}
.solutions-nav a {
font-size: 20px !important;
padding: 16px 16px !important;
}
.choose-wrapper {
padding: 0 25px 0 22px;
}
.talkng-projects-wrapper {
padding: 0 25px 0 22px;
}
.help-block-img {
display: none;
}
.help-block-info {
padding-bottom: 40px;
}
/* .otzivi-wrapper {
padding: 0 22px 0 25px;
} */
}
@media (max-width: 1200px) {
.solutions-nav a {
max-width: 350px;
}
.page-holder .solutions-link {
max-width: 350px;
}
.link-cards {
left: unset;
}
.link-cards-item {
max-width: 225px;
}
.link-cards-inner {
justify-content: space-between;
padding: 0 20px;
}
.choose-info {
padding-right: 0;
justify-content: start;
}
.choose-img {
padding: 0;
}
.choose-info-inner {
width: 100%;
justify-content: space-between;
}
.choose-title {
margin-bottom: 40px;
}
.choose-list {
margin-bottom: 40px;
}
.choose-title h2 {
font-size: 36px;
}
.choose-list-item h3 {
font-size: 20px;
}
.choose-list-item-text {
font-size: 14px;
}
.choose-info-content-title {
font-size: 20px;
}
.choose-text {
font-size: 14px;
}
.help-block-info {
padding: 69px 25px 40px 25px;
}
}
@media (max-width: 1087px) {
.solutions-nav a {
z-index: 2;
margin-bottom: 15px;
}
.news-block-content {
padding: 50px;
}
.solutions-content {
max-width: unset;
}
/* .solutions-img {
position: static;
max-width: 316px;
} */
/* .solutions-title .h1 {
font-size: 52px;
} */
.solutions-subtitle {
font-size: 20px;
}
.solutions-nav {
gap: 0;
}
.solutions-content {
min-height: unset;
padding-top: 20px;
/* padding-top: 51px; */
/* padding-bottom: 268px; */
padding-bottom: 100px;
}
.solutions-title {
margin-bottom: 20px;
}
.solutions-subtitle {
margin-bottom: 11px;
}
.footer-top {
gap: 20px;
}
}
@media (max-width: 1087px) {
.solutions-img {
width: 600px;
/* top: -200px; */
right: -32px;
}
}
@media (max-width: 880px) {
.solutions-img {
position: static;
max-width: 316px;
}
.solutions-nav {
max-width: unset;
/* align-items: center; */
margin-top: -12px;
}
}
/* MOBILE MENU */
.mobile__menu {
position: fixed;
top: var(--site-mobile-panel-height);
right: 0;
width: 100%;
max-width: 100%;
height: calc(
100% - var(--site-mobile-panel-height) - var(--site-mobile-header-height)
);
overflow: hidden;
background-color: var(--site-light-grey-color);
opacity: 0;
transition: opacity 0.3s;
z-index: -1;
}
.order-page .mobile__menu {
height: calc(100% - var(--site-mobile-header-height));
}
.mobile__menu.show {
opacity: 1;
visibility: visible;
z-index: 701;
}
.mobile__menu-header {
height: 64px;
padding: 4px 16px;
background-color: var(--site-light-color);
}
.mobile__menu-header-top {
display: flex;
align-items: center;
justify-content: space-between;
}
.mobile__menu .mobile__menu-logo {
display: inline-block;
max-width: 112px;
border-bottom: none;
}
.mobile__menu .header__mobile-menu-btn-close {
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5 19.5L12 12.5L19 19.5M19 5.5L11.9987 12.5L5 5.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
background-color: var(--site-accent-color);
}
.mobile__menu-content {
padding: 20px 16px 16px;
height: 100%;
overflow-y: auto;
}
.mobile__menu-region {
display: flex;
align-items: center;
margin-bottom: 12px;
padding: 18px 10px;
background-color: var(--site-light-color);
border-radius: var(--site-border-radius);
font-weight: 600;
font-size: 16px;
line-height: 150%;
}
.mobile__menu-region-icon {
width: 24px;
height: 24px;
margin-right: 6px;
}
.mobile__menu-region-link {
width: 24px;
height: 24px;
margin-left: auto;
}
.mobile__menu .header__catalog-btn {
display: block;
margin-right: 0;
margin-bottom: 20px;
}
.mobile__menu .header__catalog-btn .g-button {
position: relative;
background-color: var(--site-light-color);
color: var(--site-default-color);
border-color: transparent;
gap: 6px;
width: 100%;
height: auto;
padding: 18px 10px;
}
.mobile__menu .header__catalog-btn .g-button::before {
background-image: url('data:image/svg+xml,');
}
.mobile__menu .header__catalog-btn .g-button::after {
content: "";
display: block;
margin-left: auto;
width: 24px;
height: 24px;
background-position: right center;
background-repeat: no-repeat;
background-size: 24px;
transition: background 0.2s;
background-image: url('data:image/svg+xml,');
}
.mobile__menu .header__catalog-btn-image {
display: inline-block;
position: absolute;
bottom: 0;
right: 8px;
width: 132px;
height: 80px;
background-image: url("/local/templates/ma-template/css/layout/../../img/cart.png");
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.mobile__menu .company__menu {
margin-bottom: 8px;
}
.mobile__menu .bottom__menu {
padding: 0 10px 16px 10px;
margin-bottom: 20px;
border-radius: var(--site-border-radius);
background-color: var(--site-light-color);
}
.mobile__menu .bottom__menu-title {
color: var(--site-accent-color);
font-size: 16px;
font-weight: 600;
line-height: 20px;
letter-spacing: -0.005em;
padding: 12px 0;
position: relative;
border-bottom: 1px solid var(--site-separator-color);
margin-bottom: 12px;
}
.mobile__menu .bottom__menu-title::after {
content: "";
position: absolute;
right: 0;
top: 12px;
width: 24px;
height: 24px;
background-size: 24px;
background-repeat: no-repeat;
background-position: center;
background-image: url('data:image/svg+xml,');
}
.mobile__menu .bottom__menu-list li:last-child {
border-bottom: none;
}
.mobile__menu .bottom__menu-list li a {
font-weight: 600;
font-size: 16px;
line-height: 150%;
}
.mobile__menu .footer-info {
padding-top: 20px;
padding-bottom: 32px;
}
.mobile__menu .footer-bottom {
padding-top: 32px;
padding-bottom: 0;
}
/* 2. MAIN */
/* 3. FOOTER */
.l-footer {
background: linear-gradient(
to top,
rgb(0, 122, 255) -80%,
rgb(9, 39, 61) 60%
);
color: #ffffff;
font-size: 12px;
line-height: 22px;
}
.footer .l-wrapper {
display: flex;
flex-direction: column;
gap: 41px;
padding: 0 43px 37px 46px;
position: relative;
}
.footer-info-logo {
max-width: 131px;
margin-bottom: 5px;
}
.footer-info__top-adress {
font-size: 14px;
padding-left: 3px;
margin-bottom: 5px;
}
.page-holder .footer-info__top-email,
.page-holder .footer-info__top-tel {
color: #007aff;
display: flex;
align-items: center;
gap: 11px;
margin-bottom: 5px;
padding-left: 3px;
width: fit-content;
}
.footer-info__top-shedule {
margin-bottom: 5px;
font-size: 14px;
}
.footer-info__top-inn {
margin-bottom: 12px;
font-size: 14px;
}
.footer-info__top-social {
display: flex;
gap: 20px;
}
.footer-info__top-social a {
border-radius: 4px;
background-color: #9d9daf;
display: flex;
align-items: center;
justify-content: center;
width: 20px;
height: 20px;
}
.footer-info__top {
padding-top: 6px;
}
.footer-top {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.footer-top-disclaimer {
text-align: left;
margin-left: auto;
margin-right: 84px;
padding-top: 20px;
}
.footer-bottom-holder {
padding-top: 61px;
border-top: 1px solid rgb(255, 255, 255);
}
.footer-bottom {
display: flex;
gap: 110px;
align-items: end;
justify-content: space-between;
}
.footer-bottom__personal-data a {
font-weight: 600;
}
.footer-bottom__code {
max-width: 600px;
}
.scroll-btn {
/*position: fixed;*/
bottom: 10px;
right: 10px;
display: flex;
flex-direction: column;
right: 44px;
/* top: -10px; */
align-items: center;
z-index: 9999;
position: absolute;
}
.scroll-btn:hover {
cursor: pointer;
}
.scroll-btn span {
color: #007aff;
font-size: 14px;
line-height: 180%;
}
@media screen and (max-width: 1199px) {
}
@media (max-width: 1000px) {
.help-block-title {
font-size: 24px;
}
.help-block-subtitle {
font-size: 18px;
}
.help-block-text {
font-size: 16px;
}
.help-block-nav-links .mobile-app-link {
padding: 23px 50px;
width: 100%;
}
.page-holder .tg-bot-link {
padding: 20px 15px;
}
.page-holder .cabinet-link {
padding: 20px 15px;
}
.page-holder .help-block-nav__top a,
.page-holder .help-block-nav__bottom a {
font-size: 16px;
}
.footer-top-disclaimer {
margin-right: 0;
}
}
@media (min-width: 808px) and (max-width: 1000px) {
.help-block-info {
/* корректировка уехавшей формы ma-40051 */
max-width: 420px;
}
.help-block-nav-links {
/* корректировка уехавшей формы ma-40051 */
width: 100%;
}
/* ma-40051 корректировка уехавшей формы */
.page-holder .tg-bot-link {
padding: 20px 7px;
}
/* ma-40051 корректировка уехавшей формы */
.page-holder .cabinet-link {
padding: 20px 7px;
}
.help-block-info {
/* корректировка уехавшей формы ma-40051 */
max-width: 420px;
}
.help-block-nav-links {
/* корректировка уехавшей формы ma-40051 */
width: 100%;
}
}
@media screen and (max-width: 991px) {
.link-card-swiper .link-cards-item {
height: 160px;
}
.choose-inner {
padding: 30px 30px 70px 30px;
}
.link-cards-item {
height: 160px;
}
.link-cards-text {
font-size: 18px;
}
.choose-info-content {
gap: 16px;
}
.choose-title {
margin-bottom: 20px;
}
.choose-list {
margin-bottom: 20px;
}
.choose-item {
gap: 8px;
}
.choose-item {
margin-bottom: 10px;
}
.link-cards-icon img {
max-width: 30%;
margin-bottom: 10px;
}
.l-footer.footer .l-wrapper {
padding-left: 24px;
padding-right: 26px;
}
}
@media (max-width: 860px) {
.help-block-text {
margin-bottom: 100px;
}
.help-block-content {
gap: 15px;
}
}
@media screen and (max-width: 800px) {
.help-block-title {
font-size: 20px;
}
.help-block-subtitle {
font-size: 16px;
}
.help-block-text {
font-size: 14px;
}
.link-cards {
top: -70px;
}
.help-block-content {
flex-direction: column;
/* align-items: center; */
gap: 45px;
}
}
/* @media (min-width: 767px) and (max-width: 800px) {
.help-block-content {
align-items: center;
}
} */
@media screen and (max-width: 767px) {
.cube {
height: 31px;
}
.link-card-swiper .link-cards-item {
flex-shrink: 0;
}
.choose {
background-color: inherit;
border-radius: unset;
}
.header-content {
padding-top: 30px;
padding-bottom: 31px;
}
.header-mobile-icons {
padding-top: 3px;
}
.header-logo {
margin-top: 0;
padding-bottom: 0;
min-width: 133px;
margin-right: 0;
}
.header-logo .header-brand__logo {
max-width: none;
}
.header-brand__divider,
.header-brand__descriptor {
display: none;
}
.solutions-title {
margin-bottom: 15px;
}
.solutions-title .h1 {
font-size: 26px;
}
.solutions-subtitle {
font-size: 15px;
margin-bottom: 0;
}
.solutions-inner {
justify-content: center;
}
.solutions-nav {
max-width: unset;
/* align-items: center; */
margin-top: -12px;
}
.solutions-nav a {
width: 100%;
}
.solutions-nav a {
width: 100%;
}
.solutions-img {
position: relative;
top: 0;
right: 0;
}
.solutions-nav a {
z-index: 2;
margin-bottom: 15px;
}
.automated-projects-inner {
padding: 52px 0px 37px 0px;
}
.choose-inner {
display: none;
}
.choose-inner-mobile {
display: block;
}
.choose-swiper .choose-list-item {
max-width: unset;
width: auto;
margin: 0;
display: flex;
align-items: center;
flex-direction: column;
}
.choose-swiper .choose-list-item__img {
padding: 0 !important;
margin: 0 !important;
margin-bottom: 28px !important;
}
.choose-swiper .choose-list-item-text {
padding: 0;
}
.choose-title {
margin-bottom: 37px;
}
.choose-title h2 {
font-size: 28px;
}
.choose-list-item-title_keeper--block {
display: block;
}
.choose-list-item h3 {
text-align: center;
}
.choose-list-item-text {
max-width: 280px;
text-align: center;
line-height: 22px;
padding-left: 0 !important;
}
.choose-swiper .choose-swiper-pagination {
position: static;
margin-top: 22px;
}
.link-cards {
position: static;
margin-bottom: 0;
}
.choose {
margin-top: 45px;
}
.choose-wrapper {
padding: 0 25px 0 25px;
margin-bottom: 45px;
}
.choose-list-item-title {
margin-bottom: 18px !important;
}
.choose-swiper
.swiper-pagination-horizontal.swiper-pagination-bullets
.swiper-pagination-bullet {
margin-right: 19px;
margin-left: 0;
}
.choose-swiper
.swiper-pagination-horizontal.swiper-pagination-bullets
.swiper-pagination-bullet:last-child {
margin-right: 0;
}
.choose-mobile {
padding: 50px 0 28px 0;
background-color: #ffffff;
border-radius: 15px;
}
.choose-info-inner--mobile {
margin-top: 44px;
padding: 42px 21px 31px 20px;
background-color: #ffffff;
border-radius: 15px;
}
.choose-inner-mobile .choose-info-content-title {
text-align: center;
margin-bottom: 35px;
}
.choose-inner-mobile .choose-info-content-title span {
display: block;
}
.choose-item {
gap: 16px;
}
.choose-text {
line-height: 22px;
}
.choose-item:first-child {
margin-bottom: 21px;
}
.choose-item:nth-child(2) .choose-icon {
padding-top: 4px;
}
.choose-item:nth-child(2) {
margin-bottom: 19px;
}
.choose-item:last-child .choose-icon {
padding-top: 9px;
}
.choose-info-content {
gap: 0;
max-width: unset;
}
.choose-info-content-list {
margin-bottom: 35px;
}
.page-holder .choose-info-btn {
max-width: 281px;
font-size: 16px;
font-weight: 700;
padding: 12px 32px;
margin: 0 auto;
}
.link-cards-inner {
padding-left: 0;
display: block;
}
.link-cards-item {
max-width: unset;
height: 204px;
}
.link-cards-icon img {
max-width: unset;
margin-bottom: 0;
}
.link-card-swiper-wrapper .swiper-slide {
height: 204px;
/* min-width: 264px; */
}
.l-wrapper .link-card-swiper {
/* margin-left: 3px; */
padding-right: 25px;
padding-left: 25px;
}
.link-cards-btn {
position: absolute;
bottom: 16px;
right: 24px !important;
}
.link-card-swiper-wrapper {
gap: 0;
}
.link-cards-item .link-cards-icon {
padding-top: 15px !important;
padding-right: 28px !important;
}
.link-cards-item .link-cards-text {
font-size: 24px;
padding-left: 18px !important;
margin-top: -6px !important;
}
.link-card-swiper .link-card-pagination {
position: static;
margin-top: 40px;
}
.link-card-swiper
.swiper-pagination-horizontal.swiper-pagination-bullets
.swiper-pagination-bullet {
margin-right: 21px;
margin-left: 0;
}
.link-card-swiper
.swiper-pagination-horizontal.swiper-pagination-bullets
.swiper-pagination-bullet:last-child {
margin-right: 0;
}
.help-block {
margin-top: 46px;
}
.help-block-wrapper {
padding: 0 25px 0 25px;
}
.help-block-title {
text-align: center;
}
.help-block-text {
margin-bottom: 38px;
}
.help-block-info {
padding: 42px 19px 40px 21px;
}
.help-block-title {
margin-bottom: 27px;
}
.help-block-subtitle {
margin-bottom: 15px;
}
.news-block-title span {
display: block;
}
.news-wrapper {
padding: 0 25px 0 25px;
}
.news-block {
margin-top: 46px;
}
.news-block-content {
padding: 49px 18px 28px 20px;
}
.otzivi-wrapper {
padding: 0 25px 0 25px;
}
.footer-top {
flex-direction: column;
margin-bottom: 45px;
}
.footer-info {
display: flex;
justify-content: space-between;
}
.footer-bottom {
flex-direction: column;
gap: 14px;
align-items: start;
max-width: 90%;
}
.footer-bottom__code {
/*text-align: end;*/
}
.scroll-btn {
position: fixed;
bottom: 10px;
right: 10px;
justify-content: end;
align-items: end;
/* position: static; */
margin-top: 18px;
padding-right: 8px;
}
.scroll-btn span {
color: #007aff;
padding-top: 5px;
padding-right: 3px;
}
.scroll-btn svg {
margin-right: 8px;
}
.footer-bottom-holder {
padding-top: 15px;
margin-bottom: 13px;
}
.footer .l-wrapper {
gap: 0;
}
.l-footer {
padding-top: 71px;
}
.footer-info__top-social {
padding-top: 9px;
padding-right: 3px;
position: absolute;
right: 42px;
}
.footer-info-logo {
margin-bottom: 16px;
}
.footer-info__top-adress {
max-width: 220px;
margin-bottom: 8px;
}
.footer-top {
gap: 18px;
}
.l-footer .footer-links {
line-height: 140%;
}
.footer-bottom__copyright {
line-height: 140%;
}
.footer-bottom__personal-data {
order: -1;
}
}
@media screen and (max-width: 500px) {
.news-block-toggle {
gap: 33px;
font-size: 20px;
margin-bottom: 28px;
}
.news-block-content {
padding: 49px 18px 26px 20px;
}
.help-block-subtitle span {
display: block;
}
.help-block-nav-links {
gap: 10px;
}
.help-block-nav-links {
width: 100%;
}
.help-block-nav__bottom {
display: flex;
flex-direction: column;
gap: 10px;
}
.help-block-nav-links .mobile-app-link {
padding: 12px 32px;
width: 100%;
font-size: 16px;
}
.page-holder .tg-bot-link {
padding: 9px 84px;
font-size: 16px;
}
.page-holder .cabinet-link {
padding: 9px 64px;
font-size: 16px;
}
.page-holder .help-block-nav__top a,
.page-holder .help-block-nav__bottom a {
line-height: 125%;
}
.help-block-title {
max-width: 250px;
margin: 0 auto;
margin-bottom: 27px;
padding-right: 4px;
}
.help-block-subtitle {
margin-bottom: 18px;
}
.help-block-text {
margin-bottom: 37px;
}
.main-background-img--first {
top: 540px;
right: -110px;
}
.main-background-img--second {
top: 1316px;
left: 0;
}
.main-background-img--third {
top: 3120px;
right: -51px;
max-width: unset;
}
.main-background-img--fourth {
right: 84px;
bottom: 1040px;
left: 0;
}
.main-background-img--fifth {
right: -120px;
bottom: 550px;
transform: rotate(240deg);
max-width: unset;
}
}
@media screen and (max-width: 400px) {
.automated-projects-wrapper {
padding: 0 28px 0 22px;
}
.solutions-nav {
align-items: center;
}
.solutions-nav a {
max-width: unset;
}
.solutions-img {
right: -8px;
/* top: 7px; */
}
.solutions-content {
/* padding-top: 48px; */
/* padding-bottom: 268px; */
/* padding-left: 3px; */
padding-bottom: 100px;
}
.solutions-nav {
margin-top: -11px;
}
.page-holder .solutions-link {
padding-left: 17px;
}
.page-holder .choose-info-btn {
margin: 0;
margin-left: 3px;
}
.choose-item:nth-child(2) .choose-text {
max-width: 220px;
}
}
@media screen and (max-width: 370px) {
.l-footer {
padding-top: 71px;
}
.footer-info__top-social {
padding-top: 9px;
padding-right: 3px;
position: absolute;
right: 42px;
}
.footer-info-logo {
margin-bottom: 16px;
}
.footer-info__top-adress {
max-width: 220px;
margin-bottom: 8px;
}
.footer-top {
gap: 18px;
}
.l-footer .footer-links {
line-height: 140%;
}
.footer-bottom__copyright {
line-height: 140%;
}
}
@media screen and (max-width: 500px) {
.news-block-toggle {
gap: 33px;
font-size: 20px;
margin-bottom: 28px;
}
.news-block-content {
padding: 49px 18px 26px 22px;
}
.help-block-subtitle span {
display: block;
}
.help-block-nav-links {
gap: 10px;
}
.help-block-nav-links {
width: 100%;
}
.help-block-nav__bottom {
display: flex;
flex-direction: column;
gap: 10px;
}
.help-block-nav-links .mobile-app-link {
padding: 12px 32px;
width: 100%;
font-size: 16px;
}
.page-holder .tg-bot-link {
padding: 9px 84px;
font-size: 16px;
}
.page-holder .cabinet-link {
padding: 9px 64px;
font-size: 16px;
}
.page-holder .help-block-nav__top a,
.page-holder .help-block-nav__bottom a {
line-height: 125%;
}
.help-block-title {
max-width: 250px;
margin: 0 auto;
margin-bottom: 27px;
padding-right: 4px;
}
.help-block-subtitle {
margin-bottom: 18px;
}
.help-block-text {
margin-bottom: 37px;
}
.main-background-img--first {
top: 540px;
right: -110px;
}
.main-background-img--second {
top: 1316px;
left: 0;
}
.main-background-img--third {
top: 3120px;
right: -51px;
max-width: unset;
}
.main-background-img--fourth {
right: 84px;
bottom: 1040px;
left: 0;
}
.main-background-img--fifth {
right: -120px;
bottom: 550px;
transform: rotate(240deg);
max-width: unset;
}
}
/* 16.10.2025 */
@media screen and (max-width: 500px) {
.background-img {
display: none;
}
}
@media screen and (max-width: 400px) {
.automated-projects-wrapper {
padding: 0 28px 0 22px;
}
.solutions-nav {
align-items: center;
}
.solutions-nav a {
max-width: unset;
}
.solutions-img {
right: -8px;
/* top: 7px; */
}
.solutions-content {
/* padding-top: 48px; */
/* padding-bottom: 268px; */
/* padding-left: 3px; */
padding-bottom: 100px;
}
.solutions-nav {
margin-top: -11px;
}
.page-holder .solutions-link {
padding-left: 17px;
}
.page-holder .choose-info-btn {
margin: 0;
margin-left: 3px;
}
.choose-item:nth-child(2) .choose-text {
max-width: 220px;
}
}
@media screen and (max-width: 370px) {
.page-holder .choose-info-btn {
margin: 0;
margin-left: 3px;
}
.choose-item:nth-child(2) .choose-text {
max-width: 220px;
}
}
@media screen and (max-width: 370px) {
.l-footer {
padding-top: 71px;
}
.footer-info__top-social {
padding-top: 9px;
padding-right: 3px;
position: absolute;
right: 42px;
}
.footer-info-logo {
margin-bottom: 16px;
}
.footer-info__top-adress {
max-width: 220px;
margin-bottom: 8px;
}
.footer-top {
gap: 18px;
}
.l-footer .footer-links {
line-height: 140%;
}
.footer-bottom__copyright {
line-height: 140%;
}
}
@media screen and (max-width: 500px) {
.news-block-toggle {
gap: 33px;
font-size: 20px;
margin-bottom: 28px;
}
.news-block-content {
padding: 49px 18px 26px 20px;
}
.help-block-subtitle span {
display: block;
}
.help-block-nav-links {
gap: 10px;
}
.help-block-nav-links {
width: 100%;
}
.help-block-nav__bottom {
display: flex;
flex-direction: column;
gap: 10px;
}
.help-block-nav-links .mobile-app-link {
padding: 12px 32px;
width: 100%;
font-size: 16px;
}
.page-holder .tg-bot-link {
padding: 9px 84px;
font-size: 16px;
}
.page-holder .cabinet-link {
padding: 9px 64px;
font-size: 16px;
}
.page-holder .help-block-nav__top a,
.page-holder .help-block-nav__bottom a {
line-height: 125%;
}
.help-block-title {
max-width: 250px;
margin: 0 auto;
margin-bottom: 27px;
padding-right: 4px;
}
.help-block-subtitle {
margin-bottom: 18px;
}
.help-block-text {
margin-bottom: 37px;
}
.main-background-img--first {
top: 540px;
right: -110px;
}
.main-background-img--second {
top: 1316px;
left: 0;
}
.main-background-img--third {
top: 3120px;
right: -51px;
max-width: unset;
}
.main-background-img--fourth {
right: 84px;
bottom: 1040px;
left: 0;
}
.main-background-img--fifth {
right: -120px;
bottom: 550px;
transform: rotate(240deg);
max-width: unset;
}
}
@media screen and (max-width: 400px) {
.automated-projects-wrapper {
padding: 0 28px 0 22px;
}
.solutions-nav {
align-items: center;
}
.solutions-nav a {
max-width: unset;
}
.solutions-img {
right: -8px;
/* top: 7px; */
}
.solutions {
margin-left: 3px;
}
.solutions-content {
padding-top: 20px;
/* padding-top: 48px; */
/* padding-bottom: 268px; */
padding-bottom: 100px;
}
.solutions-nav {
margin-top: -11px;
}
.page-holder .solutions-link {
padding-left: 17px;
}
.page-holder .choose-info-btn {
margin: 0;
margin-left: 3px;
}
.choose-item:nth-child(2) .choose-text {
max-width: 220px;
}
}
@media screen and (max-width: 370px) {
}
@media (max-height: 550px) {
.b-message-form-modal {
max-height: 90vh;
overflow-y: scroll;
min-height: 30vh;
}
.modal-container.open {
position: fixed;
z-index: 999;
}
/* фикс жирной шапки при горизонтальной мобилке */
.header-content {
padding-top: 10px;
padding-bottom: 10px;
}
/* фикс прокрутки мобильного меню при горизонтальной мобилке */
.header .l-wrapper-header {
overflow-y: scroll;
max-height: 100vh;
}
}
/* Скрываем ошибку по умолчанию */
.modal-container.open .b-message-form_item-error {
display: none;
color: #EA0E0E;
font-size: 10px;
margin-top: 9px;
}
.modal-container.open .b-message-form_item-error-input .b-message-form_item-error {
display: block;
animation: fadeIn 0.2s ease;
}
/* Красная рамка для поля */
.modal-container.open .b-message-form_item-error-input .inputtext,
.modal-container.open .b-message-form_item-error-input .textarea,
.modal-container.open .b-message-form_item-error-input .select,
.modal-container.open .b-message-form_item-error-input .iti__selected-flag {
border-color: #EA0E0E !important;
}
@keyframes fadeIn {
from { opacity: 0; transform: translateY(-3px); }
to { opacity: 1; transform: translateY(0); }
}
#captcha-container {
margin-top: 15px !important;
}
/* Таблица */
.table-style-1 {
border-collapse: collapse;
width: 100%;
}
.table-style-1 th {
background: #DEDEDE;
border: 1px solid #C7C7C7;
color: #7B7A76;
font-weight: bold;
padding: 1em;
text-align: center;
text-transform: uppercase;
}
.table-style-1 td {
border: 1px solid #E9E9E9;
padding: 0.75em 1em;
text-align: center;
}
.table-style-1 tr:nth-child(even) td {
background: #F4F4F4;
}
/* End */
/* Start:/local/templates/ma-template/css/layout/content.css?17458408831649*/
/* content.css
* Стандартные стили контента сайта (таблицы, изображения)
*
*/
.b-content td {
vertical-align: top;
}
.b-table {
/* width: 100%; */
display: block;
max-width: 100%;
overflow-x: auto;
}
.b-table td,
.b-table th {
padding: 13px 18px;
text-align: left;
vertical-align: middle;
font-size: 14px;
line-height: 1.7;
color: #333;
white-space: nowrap;
}
.b-table tr td:first-child,
.b-table tr th:first-child {
padding: 13px 18px 13px 0;
}
.b-table tr td:first-child {
font-weight: 400;
}
.b-table tr {
border-bottom: 1px solid #E5E5E5;
}
.b-table tr:first-child {
border-top: 1px solid #E5E5E5;
}
.bgc-black {
background-color: #171719;
color: #fff;
}
.bgc-grey {
background-color: #F8F8F8;
}
.bgc-white {
background-color: #fff;
}
.mt-100 {
margin-top: 100px;
}
.mt-0 {
margin-top: 0;
}
.mb-100 {
margin-bottom: 100px;
}
.mb-0 {
margin-bottom: 0;
}
.pb-100 {
padding-bottom: 100px;
}
.pb-40 {
padding-bottom: 40px;
}
.pb-0 {
padding-bottom: 0;
}
.pt-100 {
padding-top: 100px;
}
.pt-0 {
padding-top: 0;
}
.c-red {
color: #cf0000;
}
@media (max-width: 991px) {
.mt-100 {
margin-top: 60px;
}
.mb-100 {
margin-bottom: 60px;
}
.pb-100 {
padding-bottom: 60px;
}
.pt-100 {
padding-top: 60px;
}
}
.text-center {
text-align: center;
}
.text-column {
column-count: 2;
column-gap: 20px;
}
[data-accordion-content] {
min-height: 0;
display: none;
transition: height 0.3s, min-height 0.3s;
}
/* End */
/* Start:/local/templates/ma-template/js/libs/intlTelInput/css/intlTelInput.min.css?177254003113476*/
:root{--iti-hover-color:rgba(0, 0, 0, 0.05);--iti-border-color:#ccc;--iti-dialcode-color:#999;--iti-dropdown-bg:white;--iti-spacer-horizontal:8px;--iti-flag-height:12px;--iti-flag-width:16px;--iti-border-width:1px;--iti-arrow-height:4px;--iti-arrow-width:6px;--iti-triangle-border:calc(var(--iti-arrow-width) / 2);--iti-arrow-padding:6px;--iti-arrow-color:#555;--iti-path-flags-1x:url("/local/templates/ma-template/js/libs/intlTelInput/css/../img/flags.webp");--iti-path-flags-2x:url("/local/templates/ma-template/js/libs/intlTelInput/css/../img/flags@2x.webp");--iti-path-globe-1x:url("/local/templates/ma-template/js/libs/intlTelInput/css/../img/globe.webp");--iti-path-globe-2x:url("/local/templates/ma-template/js/libs/intlTelInput/css/../img/globe@2x.webp");--iti-flag-sprite-width:3904px;--iti-flag-sprite-height:12px;--iti-mobile-popup-margin:30px}.iti{position:relative;display:inline-block}.iti *{box-sizing:border-box}.iti__hide{display:none}.iti__v-hide{visibility:hidden}.iti__a11y-text{width:1px;height:1px;clip:rect(1px,1px,1px,1px);overflow:hidden;position:absolute}.iti input.iti__tel-input,.iti input.iti__tel-input[type=tel],.iti input.iti__tel-input[type=text]{position:relative;z-index:0;margin:0!important}.iti__country-container{position:absolute;top:0;bottom:0;padding:var(--iti-border-width)}.iti__selected-country{z-index:1;position:relative;display:flex;align-items:center;height:100%;background:0 0;border:0;margin:0;padding:0;font-family:inherit;font-size:inherit;color:inherit;border-radius:0;font-weight:inherit;line-height:inherit;text-decoration:none}.iti__selected-country-primary{display:flex;align-items:center;height:100%;padding:0 var(--iti-arrow-padding) 0 var(--iti-spacer-horizontal)}.iti__arrow{margin-left:var(--iti-arrow-padding);width:0;height:0;border-left:var(--iti-triangle-border) solid transparent;border-right:var(--iti-triangle-border) solid transparent;border-top:var(--iti-arrow-height) solid var(--iti-arrow-color)}[dir=rtl] .iti__arrow{margin-right:var(--iti-arrow-padding);margin-left:0}.iti__arrow--up{border-top:none;border-bottom:var(--iti-arrow-height) solid var(--iti-arrow-color)}.iti__dropdown-content{border-radius:3px;background-color:var(--iti-dropdown-bg)}.iti--inline-dropdown .iti__dropdown-content{position:absolute;z-index:2;margin-top:3px;margin-left:calc(var(--iti-border-width) * -1);border:var(--iti-border-width) solid var(--iti-border-color);box-shadow:1px 1px 4px rgba(0,0,0,.2)}.iti__search-input{width:100%;border-width:0;border-radius:3px}.iti__search-input+.iti__country-list{border-top:1px solid var(--iti-border-color)}.iti__country-list{list-style:none;padding:0;margin:0;overflow-y:scroll;-webkit-overflow-scrolling:touch}.iti--inline-dropdown .iti__country-list{max-height:185px}.iti--flexible-dropdown-width .iti__country-list{white-space:nowrap}@media (max-width:500px){.iti--flexible-dropdown-width .iti__country-list{white-space:normal}}.iti__country{display:flex;align-items:center;padding:8px var(--iti-spacer-horizontal);outline:0}.iti__dial-code{color:var(--iti-dialcode-color)}.iti__country.iti__highlight{background-color:var(--iti-hover-color)}.iti__country-list .iti__flag,.iti__country-name{margin-right:var(--iti-spacer-horizontal)}[dir=rtl] .iti__country-list .iti__flag,[dir=rtl] .iti__country-name{margin-right:0;margin-left:var(--iti-spacer-horizontal)}.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])):hover,.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])):hover button{cursor:pointer}.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country-primary:hover,.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country:has(+ .iti__dropdown-content:hover) .iti__selected-country-primary{background-color:var(--iti-hover-color)}.iti .iti__selected-dial-code{margin-left:4px}[dir=rtl] .iti .iti__selected-dial-code{margin-left:0;margin-right:4px}.iti--container{position:fixed;top:-1000px;left:-1000px;z-index:1060;padding:var(--iti-border-width)}.iti--container:hover{cursor:pointer}.iti--fullscreen-popup.iti--container{background-color:rgba(0,0,0,.5);top:0;bottom:0;left:0;right:0;position:fixed;padding:var(--iti-mobile-popup-margin);display:flex;flex-direction:column;justify-content:flex-start}.iti--fullscreen-popup .iti__dropdown-content{display:flex;flex-direction:column;max-height:100%;position:relative}.iti--fullscreen-popup .iti__country{padding:10px 10px;line-height:1.5em}.iti__flag{--iti-flag-offset:100px;height:var(--iti-flag-height);width:var(--iti-flag-width);border-radius:1px;box-shadow:0 0 1px 0 #888;background-image:var(--iti-path-flags-1x);background-repeat:no-repeat;background-position:var(--iti-flag-offset) 0;background-size:var(--iti-flag-sprite-width) var(--iti-flag-sprite-height)}.iti__ac{--iti-flag-offset:0px}.iti__ad{--iti-flag-offset:-16px}.iti__ae{--iti-flag-offset:-32px}.iti__af{--iti-flag-offset:-48px}.iti__ag{--iti-flag-offset:-64px}.iti__ai{--iti-flag-offset:-80px}.iti__al{--iti-flag-offset:-96px}.iti__am{--iti-flag-offset:-112px}.iti__ao{--iti-flag-offset:-128px}.iti__ar{--iti-flag-offset:-144px}.iti__as{--iti-flag-offset:-160px}.iti__at{--iti-flag-offset:-176px}.iti__au{--iti-flag-offset:-192px}.iti__aw{--iti-flag-offset:-208px}.iti__ax{--iti-flag-offset:-224px}.iti__az{--iti-flag-offset:-240px}.iti__ba{--iti-flag-offset:-256px}.iti__bb{--iti-flag-offset:-272px}.iti__bd{--iti-flag-offset:-288px}.iti__be{--iti-flag-offset:-304px}.iti__bf{--iti-flag-offset:-320px}.iti__bg{--iti-flag-offset:-336px}.iti__bh{--iti-flag-offset:-352px}.iti__bi{--iti-flag-offset:-368px}.iti__bj{--iti-flag-offset:-384px}.iti__bl{--iti-flag-offset:-400px}.iti__bm{--iti-flag-offset:-416px}.iti__bn{--iti-flag-offset:-432px}.iti__bo{--iti-flag-offset:-448px}.iti__bq{--iti-flag-offset:-464px}.iti__br{--iti-flag-offset:-480px}.iti__bs{--iti-flag-offset:-496px}.iti__bt{--iti-flag-offset:-512px}.iti__bw{--iti-flag-offset:-528px}.iti__by{--iti-flag-offset:-544px}.iti__bz{--iti-flag-offset:-560px}.iti__ca{--iti-flag-offset:-576px}.iti__cc{--iti-flag-offset:-592px}.iti__cd{--iti-flag-offset:-608px}.iti__cf{--iti-flag-offset:-624px}.iti__cg{--iti-flag-offset:-640px}.iti__ch{--iti-flag-offset:-656px}.iti__ci{--iti-flag-offset:-672px}.iti__ck{--iti-flag-offset:-688px}.iti__cl{--iti-flag-offset:-704px}.iti__cm{--iti-flag-offset:-720px}.iti__cn{--iti-flag-offset:-736px}.iti__co{--iti-flag-offset:-752px}.iti__cr{--iti-flag-offset:-768px}.iti__cu{--iti-flag-offset:-784px}.iti__cv{--iti-flag-offset:-800px}.iti__cw{--iti-flag-offset:-816px}.iti__cx{--iti-flag-offset:-832px}.iti__cy{--iti-flag-offset:-848px}.iti__cz{--iti-flag-offset:-864px}.iti__de{--iti-flag-offset:-880px}.iti__dj{--iti-flag-offset:-896px}.iti__dk{--iti-flag-offset:-912px}.iti__dm{--iti-flag-offset:-928px}.iti__do{--iti-flag-offset:-944px}.iti__dz{--iti-flag-offset:-960px}.iti__ec{--iti-flag-offset:-976px}.iti__ee{--iti-flag-offset:-992px}.iti__eg{--iti-flag-offset:-1008px}.iti__eh{--iti-flag-offset:-1024px}.iti__er{--iti-flag-offset:-1040px}.iti__es{--iti-flag-offset:-1056px}.iti__et{--iti-flag-offset:-1072px}.iti__fi{--iti-flag-offset:-1088px}.iti__fj{--iti-flag-offset:-1104px}.iti__fk{--iti-flag-offset:-1120px}.iti__fm{--iti-flag-offset:-1136px}.iti__fo{--iti-flag-offset:-1152px}.iti__fr{--iti-flag-offset:-1168px}.iti__ga{--iti-flag-offset:-1184px}.iti__gb{--iti-flag-offset:-1200px}.iti__gd{--iti-flag-offset:-1216px}.iti__ge{--iti-flag-offset:-1232px}.iti__gf{--iti-flag-offset:-1248px}.iti__gg{--iti-flag-offset:-1264px}.iti__gh{--iti-flag-offset:-1280px}.iti__gi{--iti-flag-offset:-1296px}.iti__gl{--iti-flag-offset:-1312px}.iti__gm{--iti-flag-offset:-1328px}.iti__gn{--iti-flag-offset:-1344px}.iti__gp{--iti-flag-offset:-1360px}.iti__gq{--iti-flag-offset:-1376px}.iti__gr{--iti-flag-offset:-1392px}.iti__gt{--iti-flag-offset:-1408px}.iti__gu{--iti-flag-offset:-1424px}.iti__gw{--iti-flag-offset:-1440px}.iti__gy{--iti-flag-offset:-1456px}.iti__hk{--iti-flag-offset:-1472px}.iti__hn{--iti-flag-offset:-1488px}.iti__hr{--iti-flag-offset:-1504px}.iti__ht{--iti-flag-offset:-1520px}.iti__hu{--iti-flag-offset:-1536px}.iti__id{--iti-flag-offset:-1552px}.iti__ie{--iti-flag-offset:-1568px}.iti__il{--iti-flag-offset:-1584px}.iti__im{--iti-flag-offset:-1600px}.iti__in{--iti-flag-offset:-1616px}.iti__io{--iti-flag-offset:-1632px}.iti__iq{--iti-flag-offset:-1648px}.iti__ir{--iti-flag-offset:-1664px}.iti__is{--iti-flag-offset:-1680px}.iti__it{--iti-flag-offset:-1696px}.iti__je{--iti-flag-offset:-1712px}.iti__jm{--iti-flag-offset:-1728px}.iti__jo{--iti-flag-offset:-1744px}.iti__jp{--iti-flag-offset:-1760px}.iti__ke{--iti-flag-offset:-1776px}.iti__kg{--iti-flag-offset:-1792px}.iti__kh{--iti-flag-offset:-1808px}.iti__ki{--iti-flag-offset:-1824px}.iti__km{--iti-flag-offset:-1840px}.iti__kn{--iti-flag-offset:-1856px}.iti__kp{--iti-flag-offset:-1872px}.iti__kr{--iti-flag-offset:-1888px}.iti__kw{--iti-flag-offset:-1904px}.iti__ky{--iti-flag-offset:-1920px}.iti__kz{--iti-flag-offset:-1936px}.iti__la{--iti-flag-offset:-1952px}.iti__lb{--iti-flag-offset:-1968px}.iti__lc{--iti-flag-offset:-1984px}.iti__li{--iti-flag-offset:-2000px}.iti__lk{--iti-flag-offset:-2016px}.iti__lr{--iti-flag-offset:-2032px}.iti__ls{--iti-flag-offset:-2048px}.iti__lt{--iti-flag-offset:-2064px}.iti__lu{--iti-flag-offset:-2080px}.iti__lv{--iti-flag-offset:-2096px}.iti__ly{--iti-flag-offset:-2112px}.iti__ma{--iti-flag-offset:-2128px}.iti__mc{--iti-flag-offset:-2144px}.iti__md{--iti-flag-offset:-2160px}.iti__me{--iti-flag-offset:-2176px}.iti__mf{--iti-flag-offset:-2192px}.iti__mg{--iti-flag-offset:-2208px}.iti__mh{--iti-flag-offset:-2224px}.iti__mk{--iti-flag-offset:-2240px}.iti__ml{--iti-flag-offset:-2256px}.iti__mm{--iti-flag-offset:-2272px}.iti__mn{--iti-flag-offset:-2288px}.iti__mo{--iti-flag-offset:-2304px}.iti__mp{--iti-flag-offset:-2320px}.iti__mq{--iti-flag-offset:-2336px}.iti__mr{--iti-flag-offset:-2352px}.iti__ms{--iti-flag-offset:-2368px}.iti__mt{--iti-flag-offset:-2384px}.iti__mu{--iti-flag-offset:-2400px}.iti__mv{--iti-flag-offset:-2416px}.iti__mw{--iti-flag-offset:-2432px}.iti__mx{--iti-flag-offset:-2448px}.iti__my{--iti-flag-offset:-2464px}.iti__mz{--iti-flag-offset:-2480px}.iti__na{--iti-flag-offset:-2496px}.iti__nc{--iti-flag-offset:-2512px}.iti__ne{--iti-flag-offset:-2528px}.iti__nf{--iti-flag-offset:-2544px}.iti__ng{--iti-flag-offset:-2560px}.iti__ni{--iti-flag-offset:-2576px}.iti__nl{--iti-flag-offset:-2592px}.iti__no{--iti-flag-offset:-2608px}.iti__np{--iti-flag-offset:-2624px}.iti__nr{--iti-flag-offset:-2640px}.iti__nu{--iti-flag-offset:-2656px}.iti__nz{--iti-flag-offset:-2672px}.iti__om{--iti-flag-offset:-2688px}.iti__pa{--iti-flag-offset:-2704px}.iti__pe{--iti-flag-offset:-2720px}.iti__pf{--iti-flag-offset:-2736px}.iti__pg{--iti-flag-offset:-2752px}.iti__ph{--iti-flag-offset:-2768px}.iti__pk{--iti-flag-offset:-2784px}.iti__pl{--iti-flag-offset:-2800px}.iti__pm{--iti-flag-offset:-2816px}.iti__pr{--iti-flag-offset:-2832px}.iti__ps{--iti-flag-offset:-2848px}.iti__pt{--iti-flag-offset:-2864px}.iti__pw{--iti-flag-offset:-2880px}.iti__py{--iti-flag-offset:-2896px}.iti__qa{--iti-flag-offset:-2912px}.iti__re{--iti-flag-offset:-2928px}.iti__ro{--iti-flag-offset:-2944px}.iti__rs{--iti-flag-offset:-2960px}.iti__ru{--iti-flag-offset:-2976px}.iti__rw{--iti-flag-offset:-2992px}.iti__sa{--iti-flag-offset:-3008px}.iti__sb{--iti-flag-offset:-3024px}.iti__sc{--iti-flag-offset:-3040px}.iti__sd{--iti-flag-offset:-3056px}.iti__se{--iti-flag-offset:-3072px}.iti__sg{--iti-flag-offset:-3088px}.iti__sh{--iti-flag-offset:-3104px}.iti__si{--iti-flag-offset:-3120px}.iti__sj{--iti-flag-offset:-3136px}.iti__sk{--iti-flag-offset:-3152px}.iti__sl{--iti-flag-offset:-3168px}.iti__sm{--iti-flag-offset:-3184px}.iti__sn{--iti-flag-offset:-3200px}.iti__so{--iti-flag-offset:-3216px}.iti__sr{--iti-flag-offset:-3232px}.iti__ss{--iti-flag-offset:-3248px}.iti__st{--iti-flag-offset:-3264px}.iti__sv{--iti-flag-offset:-3280px}.iti__sx{--iti-flag-offset:-3296px}.iti__sy{--iti-flag-offset:-3312px}.iti__sz{--iti-flag-offset:-3328px}.iti__tc{--iti-flag-offset:-3344px}.iti__td{--iti-flag-offset:-3360px}.iti__tg{--iti-flag-offset:-3376px}.iti__th{--iti-flag-offset:-3392px}.iti__tj{--iti-flag-offset:-3408px}.iti__tk{--iti-flag-offset:-3424px}.iti__tl{--iti-flag-offset:-3440px}.iti__tm{--iti-flag-offset:-3456px}.iti__tn{--iti-flag-offset:-3472px}.iti__to{--iti-flag-offset:-3488px}.iti__tr{--iti-flag-offset:-3504px}.iti__tt{--iti-flag-offset:-3520px}.iti__tv{--iti-flag-offset:-3536px}.iti__tw{--iti-flag-offset:-3552px}.iti__tz{--iti-flag-offset:-3568px}.iti__ua{--iti-flag-offset:-3584px}.iti__ug{--iti-flag-offset:-3600px}.iti__us{--iti-flag-offset:-3616px}.iti__uy{--iti-flag-offset:-3632px}.iti__uz{--iti-flag-offset:-3648px}.iti__va{--iti-flag-offset:-3664px}.iti__vc{--iti-flag-offset:-3680px}.iti__ve{--iti-flag-offset:-3696px}.iti__vg{--iti-flag-offset:-3712px}.iti__vi{--iti-flag-offset:-3728px}.iti__vn{--iti-flag-offset:-3744px}.iti__vu{--iti-flag-offset:-3760px}.iti__wf{--iti-flag-offset:-3776px}.iti__ws{--iti-flag-offset:-3792px}.iti__xk{--iti-flag-offset:-3808px}.iti__ye{--iti-flag-offset:-3824px}.iti__yt{--iti-flag-offset:-3840px}.iti__za{--iti-flag-offset:-3856px}.iti__zm{--iti-flag-offset:-3872px}.iti__zw{--iti-flag-offset:-3888px}.iti__globe{background-image:var(--iti-path-globe-1x);background-size:contain;background-position:right;box-shadow:none;height:19px}@media (min-resolution:2x){.iti__flag{background-image:var(--iti-path-flags-2x)}.iti__globe{background-image:var(--iti-path-globe-2x)}}
/* End */
/* Start:/local/templates/ma-template/components/ma/menu/header-menu/style.css?17636358802620*/
.ul-deep-1 {
display: flex;
gap: 20px;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
}
.page-holder ul .ul-deep-2 {
display: flex;
flex-direction: column;
gap: 16px;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
padding: 17px 32px 17px 14px;
background-color: var(--site-accent-color-second);
position: absolute;
top: 28px;
left: -2px;
z-index: 1;
visibility: hidden;
opacity: 0;
pointer-events: none;
transition: opacity 0.3s ease, visibility 0.3s linear;
}
.page-holder .header-menu__top ul .ul-deep-2 {
top: 25px;
}
.li-parent {
display: flex;
gap: 6px;
align-items: center;
}
.li-parent:hover{
cursor: pointer;
}
.ul-deep-2 li {
max-width: 179px;
line-height: 140%;
}
.ul-deep-2 li a {
max-width: inherit;
display: block;
width: max-content;
}
.b-header__menu-parent-btn {
background: inherit;
border: none;
}
.header-phone {
font-size: 12px;
line-height: 140%;
}
.page-holder .header-menu__top .li-parent:hover .a-deep-1,
.page-holder .header-menu__top .li-parent:hover .a-deep-1:visited,
.page-holder .header-menu__bottom .li-parent:hover .a-deep-1,
.page-holder .header-menu__bottom .li-parent:hover .a-deep-1:visited {
color: var(--site-accent-color);
cursor: pointer;
}
.b-header__menu-parent-btn:hover{
cursor: pointer;
}
.page-holder .li-deep-1:hover .a-deep-1 {
color: var(--site-accent-color);
}
.page-holder .root-active .a-deep-1 {
color: var(--site-accent-color);
}
.page-holder .header-menu__top .li-parent:hover .b-header__menu-parent-btn svg,
.page-holder .header-menu__bottom .li-parent:hover .b-header__menu-parent-btn svg {
transform: rotate(180deg);
}
.page-holder .header-menu__top .li-parent:hover .b-header__menu-parent-btn path,
.page-holder .header-menu__bottom .li-parent:hover .b-header__menu-parent-btn path {
stroke: var(--site-accent-color);
}
.page-holder .header-menu__top .li-parent:hover .ul-deep-2,
.page-holder .header-menu__top .ul-deep-2:hover,
.page-holder .header-menu__bottom .li-parent:hover .ul-deep-2,
.page-holder .header-menu__bottom .ul-deep-2:hover {
visibility: visible;
opacity: 1;
pointer-events: auto;
}
@media(max-width:1300px) {
.header-mobile-content.open{
gap: 14px;
}
.header-mobile-content .ul-deep-1 {
flex-direction: column;
gap: 14px;
padding-bottom: 33px;
}
.b-header__menu-parent-btn {
display: none;
}
.page-holder .header-mobile-content .ul-deep-2 {
display: none;
}
.header-mobile-content.open .ul-deep-1:first-of-type{
padding-bottom: 0;
margin-top: 12px;
}
}
/* End */
/* Start:/local/templates/ma-template/components/ma/search.title/.default/style.css?17470408491365*/
.header__search {
display: flex;
align-items: flex-end;
flex: 1;
}
#title-search {
height: 19px;
}
#title-search.active {
width: 100%;
}
#title-search form {
width: 100%;
}
.search-icon:hover {
cursor: pointer;
}
.search-icon {
height: 19px;
background-color: inherit;
border: none;
}
.close-search-icon:hover {
cursor: pointer;
}
.close-search-icon {
display: none;
}
.close-search-icon.active {
display: inline-block;
margin-left: 18px;
}
#title-search-input {
border-bottom: 0px;
padding-bottom: 0;
padding-left: 0;
padding-top: 0;
min-height: 17px;
max-height: 17px;
display: none;
}
#title-search-input.active {
display: flex;
}
#title-search-input::placeholder {
font-size: 12px;
font-weight: 600;
padding-top: 20px;
text-transform: uppercase;
}
.header-form {
display: flex;
align-items: center;
}
@media (max-width: 1300px) {
.header-form {
position: relative;
}
#title-search-input {
display: flex;
border-bottom: 1px solid rgba(217, 217, 217, 1);
padding-bottom: 7px;
max-height: unset;
color: #ffffff;
}
.search-icon {
position: absolute;
right: 2px;
top: -1px;
height: 14px;
}
.search-icon svg {
width: 14px;
height: 14px;
}
#title-search-input::placeholder {
line-height: 140%;
text-transform: none;
}
}
/* End */
/* Start:/local/templates/ma-template/components/ma/menu/catalog-menu/style.min.css?174532524011790*/
.catalog-menu,.catalog-menu.open{border-top:1px solid var(--site-separator-color)}.catalog-menu{position:fixed;display:none;background-color:var(--site-light-color);max-height:calc(100vh - 149px);top:149px;left:0;width:100%;transform:translateY(-100%);transition:transform .5s ease-in-out,opacity .5s .5s;opacity:0;z-index:10}.wrapper-deep-2,.wrapper-deep-3{left:350px;top:0;position:absolute}.header-fixed+.catalog-menu{top:84px;max-height:calc(100vh - 84px)}#bx-panel:not(.bx-panel-folded)~.l-page .catalog-menu{max-height:calc(100vh - 170px - 147px)}#bx-panel.bx-panel-folded~.l-page .catalog-menu{max-height:calc(100vh - 170px - 39px)}.catalog-menu.hide{visibility:hidden;display:none}.catalog-menu.open{transform:translateY(0);display:block;height:100%;opacity:1;transition:transform .5s ease-in-out,opacity;visibility:visible}.catalog-menu__close-btn{top:49px;right:40px}.catalog-menu>.l-wrapper{max-height:inherit;height:inherit}.wrapper-deep-1{position:relative;height:100%;max-height:inherit}.catalog-menu.g-menu .catalog-menu__list{width:100%;max-width:341px;height:calc(100% - var(--header-mobile-catalog-menu-height));max-height:inherit;margin-left:-16px;padding:40px 0;overflow-y:auto;overflow-x:hidden}.catalog-menu__list::before{content:"";position:absolute;top:0;left:0;width:calc((100vw - 1480px)/ 2 + 341px);height:100%;background-color:var(--site-light-grey-color);margin-left:calc((-100vw + 1448px)/ 2);z-index:-1}@media (max-width:1502px){.catalog-menu__list::before{content:"";position:absolute;top:0;left:0;width:357px;height:100%;background-color:var(--site-light-color);margin-left:-32px;z-index:-1}}.catalog-menu ul li a,.catalog-menu ul li a:visited{word-break:break-word}.catalog-menu ul .li-deep-1{position:static;transition:color .2s ease-in-out;border-radius:var(--site-border-radius) 0 var(--site-border-radius)}.catalog-menu .ul-deep-2 .li-deep-2:last-child,.catalog-menu ul .li-deep-1:last-child{margin-bottom:0}.catalog-menu ul .li-deep-1.active{background-color:#fff}.catalog-menu .ul-deep-3 .a-deep-3:hover,.catalog-menu li.root-active>.menu-btn,.catalog-menu li.root-active>a.a-deep-3,.catalog-menu li>.menu-btn:hover,.catalog-menu ul .li-deep-1:hover,.wrapper-deep-2 ul>.li-deep-2:hover>a{color:var(--site-accent-color)}.catalog-menu ul .li-deep-1 .a-deep-1,.catalog-menu ul .li-deep-1 .a-deep-1:visited{position:relative;display:flex;align-items:center;gap:12px;border:none;padding:8px 50px 8px 16px;font-size:14px;font-weight:600;line-height:24px}.catalog-menu ul .li-deep-1 h2{color:var(--site-default-color)!important;margin:0 0 56px}.catalog-menu ul .li-deep-1.last-item{margin-bottom:32px}.catalog-menu ul .li-deep-1:not(.active) .a-deep-1{cursor:pointer}.catalog-menu ul li .a-item-catalog-totalnaya-rasprodazha,.catalog-menu ul li .a-item-catalog-totalnaya-rasprodazha:hover,.catalog-menu ul li.active .a-item-catalog-totalnaya-rasprodazha{color:var(--site-red-color)}.catalog-menu li .menu-btn::after{content:"";position:absolute;top:50%;right:8px;width:24px;height:24px;background-repeat:no-repeat;background-image:url('data:image/svg+xml,');transform:translateY(-50%)}.catalog-menu li.active>.menu-btn{color:var(--site-default-color)}.catalog-menu li.root-active>.menu-btn::after{background-image:url('data:image/svg+xml,');background-repeat:no-repeat}.catalog-menu li.active .menu-btn::after{background-image:url('data:image/svg+xml,');background-repeat:no-repeat}.catalog-menu .ul-deep-2 li .menu-btn::after{background-image:url('data:image/svg+xml,');display:block;position:relative;right:unset}@media screen and (min-width:991px){.catalog-menu .ul-deep-2 li:hover .menu-btn::after{background-image:url('data:image/svg+xml,')}}.wrapper-deep-2 li,.wrapper-deep-3 li{position:static}.wrapper-deep-2 li.li-deep-2{display:flex}.wrapper-deep-2 li.li-deep-2 a{padding:8px 0}.wrapper-deep-2 ul>.li-deep-2:hover{opacity:1}.wrapper-deep-2{display:none;width:330px;height:100%;max-height:inherit}.wrapper-deep-3{display:none;width:478px;height:100%;max-height:inherit}.wrapper-deep-2.show,.wrapper-deep-3.show{display:block}.sub-wrapper-deep-2,.sub-wrapper-deep-3{height:100%;max-height:inherit;padding:48px 10px 40px;overflow-x:hidden;overflow-y:auto}.catalog-menu .catalog-menu-novelty.g-button{padding:8px 16px;font-size:14px;font-weight:500;line-height:140%}.catalog-menu .sub-wrapper-title.a-deep-2,.catalog-menu .ul-deep-2 .a-deep-2{font-size:14px;font-weight:600;line-height:24px}.catalog-menu .sub-wrapper-title.a-deep-3,.catalog-menu .ul-deep-3 .a-deep-3{display:flex;width:fit-content;font-size:14px;font-weight:600;line-height:24px}.catalog-menu .ul-deep-2 li .menu-btn{position:relative;display:flex;gap:10px;justify-content:space-between;width:100%}@media (min-width:1024px){.catalog-menu li.all,.wrapper-header{display:none}}@media (max-width:1152px){.catalog-menu .li-deep-1 .ul-deep-2{column-count:1;column-gap:0}}@media (max-width:991px){.wrapper-deep-1,.wrapper-header{background-color:var(--site-light-color)}.catalog-menu{position:fixed;top:0;left:0;z-index:702;height:100%;max-height:unset;display:none}.catalog-menu.open{display:block;top:0!important;max-height:unset!important}.catalog-menu .l-wrapper,.catalog-menu .li-deep-1 .ul-deep-2{padding:0}.catalog-menu>.l-wrapper{height:100%;max-height:100%}.catalog-menu__list::before{content:none}.catalog-menu .catalog-menu__list .sub-wrapper-title.a-deep-2{font-size:16px;font-weight:600;line-height:150%;border-bottom:1px solid var(--site-separator-color)}.wrapper-deep-1{max-height:100%}.catalog-menu ul li{border-radius:0!important}.catalog-menu ul .li-deep-1:hover{background-color:transparent}.catalog-menu ul[class^=ul-deep-] li:last-child{border-bottom:none}.wrapper-deep-2 ul>.li-deep-2{opacity:1}.catalog-menu ul li a{font-weight:600;font-size:16px;line-height:150%}.wrapper-deep-2,.wrapper-deep-2.show,.wrapper-deep-3{display:none;position:fixed;top:64px;left:0;width:100%;height:100%;max-height:calc(100% - var(--site-mobile-panel-height));opacity:0;background-color:var(--site-light-color);z-index:1;transition:opacity .4s}.wrapper-deep-2.open,.wrapper-deep-3.open{display:block;opacity:1}.sub-wrapper-deep-2,.sub-wrapper-deep-3{overflow-x:hidden;overflow-y:auto;height:100%;max-height:100%;padding:20px 30px}.sub-wrapper-title,.wrapper-deep-2 h2{display:none}.wrapper-header{position:relative;display:flex;align-items:center;justify-content:center;padding:20px 32px;height:var(--site-mobile-header-height);border-bottom:1px solid var(--site-separator-color)}.catalog-menu__btn-close,.catalog-menu__btn-prev{display:flex;width:24px;height:24px;padding:0;border:none;background-color:transparent}.wrapper-header__title{font-size:18px;font-weight:700;line-height:22.5px;text-align:center}.catalog-menu__close-btn{top:18px;right:25px}.catalog-menu__close-btn::after,.catalog-menu__close-btn::before{background-color:var(--site-grey-color--dark)}.catalog-menu__btn-prev{position:absolute;align-items:center;left:10px;outline:0;cursor:pointer;transition:background .2s}.catalog-menu__btn-prev:hover{background-image:var(--site-arrow-img--accent)}.catalog-menu__btn-close{justify-content:center;align-items:center}.catalog-menu .ul-deep-2 .a-deep-2,.catalog-menu .ul-deep-2 .a-deep-2:visited,.catalog-menu .ul-deep-3 .a-deep-3,.catalog-menu .ul-deep-3 .a-deep-3:visited,.catalog-menu ul .li-deep-1 .a-deep-1,.catalog-menu ul .li-deep-1 .a-deep-1:visited{padding:12px 20px 12px 8px;font-weight:600;font-size:16px;line-height:20px;color:var(--site-default-color);position:relative}.catalog-menu .ul-deep-2 .a-deep-2,.catalog-menu .ul-deep-2 .a-deep-2:visited{padding:12px 0 12px 8px}.catalog-menu .ul-deep-2 .a-deep-2,.catalog-menu .ul-deep-3 .a-deep-3{display:block;font-weight:600;font-size:16px;line-height:150%}.catalog-menu .ul-deep-2 .li-deep-2{margin:0}.catalog-menu .ul-deep-3 .a-deep-3,.catalog-menu .ul-deep-3 .a-deep-3:visited{color:var(--site-default-color)}.catalog-menu .ul-deep-3 .li-deep-3{margin-top:0}.catalog-menu li .menu-btn::after{right:0}.catalog-menu ul .li-deep-1.last-item{margin-bottom:12px}.catalog-menu .ul-deep-2{gap:0}.catalog-menu.g-menu .catalog-menu__list{max-width:100%;max-height:100%;margin-left:0;padding:0 16px 20px}.catalog-menu .ul-deep-3{margin-top:0!important;gap:0}}@media (max-width:659px){.sub-wrapper-deep-2,.sub-wrapper-deep-3{padding:0 16px}.catalog-menu__close-btn{right:3px}}.catalog-menu-gallery{position:absolute;top:146px;right:-54px;width:100%;max-width:346px}.catalog-menu-gallery .swiper-container{overflow:unset;width:100%;max-width:346px;border-radius:16px}.catalog-menu-gallery .swiper-wrapper{box-sizing:border-box;border-radius:16px;overflow:hidden}.catalog-menu-gallery .swiper-btn--prev{left:-24px}.catalog-menu-gallery .swiper-btn--next{right:-24px}.catalog-menu-gallery img{vertical-align:top}@media (min-width:992px) and (max-width:1400px){.catalog-menu-gallery{display:none}}@media (max-width:991px){.catalog-menu-gallery{top:0;position:relative;max-width:324px;margin:0 auto}.catalog-menu-gallery .swiper-nav{display:none}.catalog-menu .catalog-menu-gallery .swiper-pagination{left:0;right:0;bottom:10px}}
/* End */
/* Start:/local/templates/ma-template/components/ma/breadcrumb/crumbs/style.css?17725362791198*/
.b-breadcrumb {
margin: 34px 0 58px 0;
font-size: 12px;
color: #ffffff;
letter-spacing: 0.05em;
line-height: 145%;
font-weight: 500;
display: flex;
gap: 11px;
}
.b-breadcrumb a,
.page-holder .b-breadcrumb a{
border-color: transparent;
}
.b-breadcrumb a:hover,
.page-holder .b-breadcrumb a:hover{
border-color: transparent;
color: var(--site-accent-color);
}
/*
.b-breadcrumb .last-item{
font-weight: 600;
}
*/
@media(max-width: 768px){
/*
.b-breadcrumb *:not(a.prev-link){
display: none !important;
}
.b-breadcrumb a.prev-link{
display: block;
padding-left: 22px;
position: relative;
}
.b-breadcrumb a.prev-link::before{
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 20px;
background-repeat: no-repeat;
background-position: center 3px;
background-size: 20px;
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.6667 5.83337L7.5 10L11.6667 14.1667' stroke='%23595959' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
*/
.b-breadcrumb {
margin: 11px 0 28px 0;
}
}
/* End */
/* Start:/local/templates/ma-template/components/ma/menu/footer-menu/style.css?1747328569334*/
.footer-links ul {
display: flex;
flex-direction: column;
gap: 11px;
}
.footer-links {
display: flex;
gap: 94px;
padding-right: 120px;
}
@media screen and (max-width: 767px) {
.footer-links {
gap: 20px;
justify-content: space-between;
padding-right: 0px;
}
.footer-info__top {
padding-top: 0;
}
}
/* End */
/* Start:/local/templates/ma-template/components/ma/menu/footer-menu-alt/style.css?1747245600334*/
.footer-links ul {
display: flex;
flex-direction: column;
gap: 11px;
}
.footer-links {
display: flex;
gap: 94px;
padding-right: 120px;
}
@media screen and (max-width: 767px) {
.footer-links {
gap: 20px;
justify-content: space-between;
padding-right: 0px;
}
.footer-info__top {
padding-top: 0;
}
}
/* End */
/* Start:/local/components/ma/cookies.agreement/templates/.default/style.css?17833469511273*/
.cookie-popup {
display: none;
position: fixed;
bottom: 40px;
left: 50%;
z-index: 1000;
width: calc(100% - 32px);
max-width: 1168px;
background: var(--site-light-grey-color);
border-radius: 12px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
padding: 16px;
transform: translateX(-50%);
}
/* .cookies-wrapper > div:not(.cookie-popup) {
min-height: 50px;
} */
/* .cookie-popup {
display: none;
} */
.cookie-popup__content {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
}
.cookie_text {
font-size: 20px;
font-weight: 600;
color: black !important;
}
.cookie_text a {
font-size: 20px;
font-weight: 600;
color: black !important;
}
.cookie_text a {
text-decoration: underline !important;
}
.cookie_text a:hover {
color: blue !important;
}
.g-button:hover {
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4)) !important;
color: var(--site-light-color) !important;
}
@media(max-width: 640px){
.cookie-popup__content {
flex-direction: column;
gap: 12px;
}
.cookie-popup__content button,
.cookie-popup__content button.g-button{
min-width: 100%;
}
.cookie_text {
font-size: 12px;
font-weight: normal;
margin: 0;
}
.cookie_text a {
font-size: inherit;
}
}
/* End */
/* Start:/local/templates/ma-template/styles.css?1757500784296*/
.my-blue-box {
background: linear-gradient(90deg, rgba(8, 241, 223, 0.2) 0%, rgba(0, 122, 255, 0.2) 100%);
padding: 48px 56px;
border-radius: 15px;
margin: 50px 0;
}
.my-large-text {
font-weight: 700;
font-size: 26px;
line-height: 32px;
letter-spacing: -0.36px;
}
/* End */
/* /local/templates/ma-template/css/global/font.css?17536943043589 */
/* /local/templates/ma-template/css/global/global.css?178600893128061 */
/* /local/templates/ma-template/css/layout/blocks.css?179180336075001 */
/* /local/templates/ma-template/css/layout/content.css?17458408831649 */
/* /local/templates/ma-template/js/libs/intlTelInput/css/intlTelInput.min.css?177254003113476 */
/* /local/templates/ma-template/components/ma/menu/header-menu/style.css?17636358802620 */
/* /local/templates/ma-template/components/ma/search.title/.default/style.css?17470408491365 */
/* /local/templates/ma-template/components/ma/menu/catalog-menu/style.min.css?174532524011790 */
/* /local/templates/ma-template/components/ma/breadcrumb/crumbs/style.css?17725362791198 */
/* /local/templates/ma-template/components/ma/menu/footer-menu/style.css?1747328569334 */
/* /local/templates/ma-template/components/ma/menu/footer-menu-alt/style.css?1747245600334 */
/* /local/components/ma/cookies.agreement/templates/.default/style.css?17833469511273 */
/* /local/templates/ma-template/styles.css?1757500784296 */