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

html {min-width:375px; height:100%}

body {min-width:375px; height:100%; margin:0; padding:0; font:500 20px/35px Manrope, sans-serif; color:rgba(22, 22, 22, 0.6); background:#F7F7F9; -webkit-text-size-adjust:100%; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; overflow-anchor:none}

a {color:#813569; text-decoration:none; transition:color 0.2s}
a:hover {color:#4F173D}

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

::-ms-clear {display:none}

b, strong {font-weight:bold}

h1 {margin:48px 0 24px 0; padding:0; font-weight:500; font-size:45px; line-height:50px; letter-spacing:-0.03em; color:#121212}
h2 {margin:48px 0 24px 0; padding:0; font-weight:600; font-size:40px; line-height:40px; letter-spacing:-0.03em; color:#121212}
p {margin:35px 0; padding:0}
ul {margin:35px 0; padding:0; list-style:none}
ul > li {margin:17px 0; padding:0 0 0 17px; position:relative}
ul > li::before {content:""; position:absolute; left:0; top:9px; width:7px; height:7px; background:rgba(22, 22, 22, 0.6); border-radius:50%}

@media (max-width:1199px) {
    h1 {font-size:40px; line-height:44px}
    h2 {font-size:36px; line-height:39px}
}

.btn {display:inline-flex; vertical-align:top; margin:0; padding:0 25px; background:#813569; overflow:visible; height:52px; align-items:center; justify-content:center; outline:none; position:relative; border:none; border-radius:15px; color:#FFFFFF; text-decoration:none; font:500 16px/22px Manrope, sans-serif; letter-spacing:-0.03em; text-transform:none; -webkit-appearance:none; cursor:pointer; box-sizing:border-box; text-align:center; transition:background 0.2s, color 0.2s}
.btn:hover {color:#FFFFFF; background:#4F173D}

.btn.light {background:rgba(129, 53, 105, 0.15); color:#4F173D}
.btn.light:hover {color:#FFFFFF; background:#4F173D}

form.loading {position:relative}
form.loading::after {content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(255, 255, 255, 0.5) url(../images/loading.svg) no-repeat center}

.form-input {position:relative; margin:24px 0}

.form-input input,
.form-input textarea {position:relative; border:none; border-bottom:1px solid rgba(0, 0, 0, 0.1); font:500 15px/17px Manrope, sans-serif; color:#121212; vertical-align:top; margin:0; padding:0 0 8px 0; width:100%; height:26px; box-sizing:border-box; outline:none; border-radius:0; background:transparent; -webkit-appearance:none; transition:border-color 0.2s}
.form-input textarea {height:100px; overflow:auto; resize:none}
.form-input input.error,
.form-input textarea.error {border-color:#FF0000}
.form-input label.error {display:none !important}
.form-input input::-webkit-input-placeholder {opacity:1; color:rgba(18, 18, 18, 0.5)}
.form-input input::-moz-placeholder {opacity:1; color:rgba(18, 18, 18, 0.5)}
.form-input input:-ms-input-placeholder {opacity:1; color:rgba(18, 18, 18, 0.5)}
.form-input input:-webkit-autofill,
.form-input input:-webkit-autofill:active,
.form-input input:-webkit-autofill:focus,
.form-input input:-webkit-autofill:hover {-webkit-text-fill-color:#121212; caret-color:#121212; -webkit-transition:background-color 999999s ease-in-out 0s; transition:background-color 999999s ease-in-out 0s}

@media (max-width:1199px) {
    .form-input input,
    .form-input textarea {padding:15px 0; height:48px}
    .form-input textarea {height:100px}
}

.form-submit {margin:36px 0 0 0}

@media (max-width:1199px) {
    .form-submit {margin:40px 0 0 0}
}

.pager {margin:50px 0 0 0; display:flex; align-items:center; font-size:16px; line-height:18px; letter-spacing:-0.03em}
.pager a {margin:0 0 0 12px; color:rgba(129, 53, 105, 0.4)}
.pager a:first-child {margin:0}
.pager a:hover,
.pager a.active {color:#813569}
.pager a svg {width:24px; height:24px; fill:#000000; transition:fill 0.2s}
.pager a:hover svg {fill:#813569}

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

.wrapper {display:flex; flex-direction:column; width:100%; min-width:375px; min-height:100%; position:relative; overflow:hidden}
.wrapper-inner {height:100%; flex:1; padding:84px 0 0 0}

@media (max-width:1199px) {
    .wrapper-inner {padding:80px 0 0 0}
}

header {position:absolute; left:0; top:0; right:0; z-index:20; background:#FFFFFF}
header .container {display:flex; align-items:center; justify-content:space-between; height:84px}

@media (max-width:1199px) {
    header .container {height:80px}
}

.header-logo {min-width:200px; max-width:200px; order:0}
.header-logo img {display:block; width:200px}

.header-contacts {display:flex; align-items:center; order:2}
.header-contacts-email {font-size:16px; line-height:22px; letter-spacing:-0.03em}
.header-contacts-email a {color:#121212}
.header-contacts-email a:hover {color:#813569}
.header-contacts-phone {margin:0 0 0 30px; font-weight:600; font-size:20px; line-height:27px; letter-spacing:-0.03em}
.header-contacts-phone a {color:#121212}
.header-contacts-phone a:hover {color:#813569}
.header-contacts-social {margin:0 0 0 30px; display:flex}
.header-contacts-social a {width:36px; height:36px; margin:0 0 0 12px; background:#F7F7F9; border-radius:10px; transition:background 0.2s}
.header-contacts-social a:first-child {margin:0}
.header-contacts-social a:hover {background:#813569}
.header-contacts-social a svg {display:block; width:36px; height:36px; fill:#000000; transition:fill 0.2s, stroke 0.2s; stroke:#000000}
.header-contacts-social a:hover svg {fill:#FFFFFF; stroke:#FFFFFF}

@media (max-width:1199px) {
    .header-contacts {display:none; position:absolute; left:0; top:80px; right:0; height:213px; background:#FFFFFF; padding:32px 16px 0 16px}
    .menu-open .header-contacts {display:block}
    .header-contacts-phone {margin:24px 0 0 0}
    .header-contacts-social {margin:24px 0 0 0}
}

.header-menu {order:1}
.header-menu > ul {margin:0; padding:0; list-style:none; display:flex; align-items:center; font-size:16px; line-height:22px; letter-spacing:-0.03em}
.menu-open .header-menu {visibility:hidden}
.header-menu > ul > li {margin:0 0 0 20px; padding:0; position:relative}
.header-menu > ul > li:first-child {margin:0}
.header-menu > ul > li::before {display:none}
.header-menu > ul > li > a {color:#121212; display:flex; align-items:center; height:84px}
.header-menu > ul > li:hover > a {color:#813569}
.header-menu > ul > li.active > a {color:#813569}
.header-menu > ul > li > a > svg {margin:0 0 0 4px; width:12px; height:12px; fill:none; stroke:#121212; transition:stroke 0.2s}
.header-menu > ul > li:hover > a > svg {stroke:#813569}
.header-menu > ul > li.active > a > svg {stroke:#813569}
.header-menu > ul > li > ul {display:none; position:absolute; left:-29px; top:100%; background:#FFFFFF; margin:0; padding:24px 32px 32px 32px; list-style:none; font-size:16px; line-height:22px; letter-spacing:-0.03em; white-space:nowrap; border-radius:0 0 16px 16px; box-shadow:0px 12px 16px rgba(0, 0, 0, 0.08)}
.header-menu > ul > li:hover > ul {display:block}
.header-menu > ul > li > ul > li {margin:20px 0 0 0; padding:0}
.header-menu > ul > li > ul > li:first-child {margin:0}
.header-menu > ul > li > ul > li::before {display:none}
.header-menu > ul > li > ul > li > a {color:#121212}
.header-menu > ul > li > ul > li > a:hover {color:#813569}
.header-menu > ul > li > ul > li.active > a {color:#813569}

@media (max-width:1199px) {
    .header-menu {display:none}
}

.header-menu-link {min-width:24px; max-width:24px; order:3}
.menu-open .header-menu-link {display:none}
.header-menu-link svg {display:block; width:24px; height:24px; fill:#813569; transition:fill 0.2s}
.header-menu-link:hover svg {fill:#4F173D}

.menu-close-link {display:none; min-width:24px; max-width:24px; order:3}
.menu-open .menu-close-link {display:block}
.menu-close-link svg {display:block; width:24px; height:24px; fill:#813569; transition:fill 0.2s}
.menu-close-link:hover svg {fill:#4F173D}

.menu-open,
.menu-open body {overflow:hidden; position:fixed; left:0; top:0; right:0; bottom:0}

.burger-menu {display:none; position:fixed; left:0; top:84px; right:0; bottom:0; overflow:auto; background:#FFFFFF; z-index:20}
.burger-menu::-webkit-scrollbar-thumb {background:#813569; border-radius:2px}
.burger-menu::-webkit-scrollbar {width:4px; height:4px; background:transparent}
.menu-open .burger-menu {display:block}
.burger-menu-container {padding:0 0 47px 0}
.burger-menu-container > ul {margin:0; padding:0; list-style:none; display:flex; flex-wrap:wrap; font-size:45px; line-height:50px; letter-spacing:-0.03em}
.burger-menu-container > ul > li {margin:41px 0 8px 0; padding:0; min-width:25%; max-width:25%}
.burger-menu-container > ul > li::before {display:none}
.burger-menu-container > ul > li > a {color:#121212}
.burger-menu-container > ul > li > a:hover,
.burger-menu-container > ul > li.active > a {color:#813569}
.burger-menu-container > ul > li > ul {margin:24px 0 0 0; padding:0; list-style:none; font-weight:normal; font-size:16px; line-height:22px; letter-spacing:-0.03em}
.burger-menu-container > ul > li > ul > li {margin:16px 0 0 0; padding:0}
.burger-menu-container > ul > li > ul > li:first-child {margin:0}
.burger-menu-container > ul > li > ul > li::before {display:none}
.burger-menu-container > ul > li > ul > li > a {color:rgba(18, 18, 18, 0.8)}
.burger-menu-container > ul > li > ul > li > a:hover {color:#813569}
.burger-menu-container > ul > li > ul > li.active > a {color:#813569}

@media (max-width:1472px) {
    .burger-menu-container > ul {font-size:40px; line-height:45px}
}

@media (max-width:1199px) {
    .burger-menu {top:293px}
    .burger-menu::-webkit-scrollbar-thumb {background:transparent; border-radius:0}
    .burger-menu::-webkit-scrollbar {width:0; height:0; background:transparent}
    .burger-menu-container {padding:0 0 102px 0}
    .burger-menu-container > ul {display:block}
    .burger-menu-container > ul > li {margin:64px 0 0 0; min-width:0; max-width:none}
    .burger-menu-container > ul > li:first-child {margin:0}
}

.tabs-menu ul {margin:-12px 0 0 -12px; padding:0; list-style:none; display:flex; flex-wrap:wrap}
.tabs-menu ul li {margin:12px 0 0 12px; padding:0}
.tabs-menu ul li::before {display:none}
.tabs-menu ul li a {display:block; padding:15px 25px; font-size:16px; line-height:25px; letter-spacing:-0.03em; color:#813569; border-radius:15px; transition:background 0.2s, color 0.2s}
.tabs-menu ul li a:hover,
.tabs-menu ul li.active a {color:#FFFFFF; background:#813569}
.tabs-container {position:relative}
.tabs-content {position:absolute; left:-9999px; top:-9999px; width:100%; opacity:0; transition:opacity 0.2s}
.tabs-content.active {position:relative; left:auto; top:auto; opacity:1}

@media (max-width:1199px) {
    .tabs-menu ul li a {padding:8px 12px; font-size:14px; line-height:19px; border-radius:9px}
}

.main-welcome {position:relative; height:800px; display:flex; align-items:flex-end}
.main-welcome::before {content:""; position:absolute; left:50%; bottom:0; width:1920px; height:800px; margin:0 0 0 -960px; background:url(../images/main-welcome.png) no-repeat}
.main-welcome-content {position:relative; width:100%}
.main-welcome h1 {max-width:613px; margin:0}
.main-welcome-notice {max-width:613px; margin:15px 0 0 0; font-weight:normal; font-size:16px; line-height:24px; color:rgba(18, 18, 18, 0.5)}
.main-welcome-btns {max-width:613px; margin:50px 0 0 0; display:flex}
.main-welcome-btns a {margin:0 0 0 12px}
.main-welcome-btns a:first-child {margin:0}
.main-welcome-prefs {margin:137px 0 -172px 0; display:flex; justify-content:space-between}
.main-welcome-pref {min-width:calc(25% - 10px); max-width:calc(25% - 10px); background:#FFFFFF; border:1px solid #F0F0F8; border-radius:20px; padding:32px 36px}
.main-welcome-pref-icon svg {display:block; width:42px; height:42px; fill:#813569}
.main-welcome-pref-title {margin:10px 0 0 0; font-size:22px; line-height:24px; letter-spacing:-0.03em; color:#121212}
.main-welcome-pref-text {margin:10px 0 0 0; font-weight:normal; font-size:16px; line-height:24px; color:rgba(18, 18, 18, 0.5)}

@media (max-width:1472px) {
    .main-welcome-prefs {margin:137px 0 -172px 0}
}

@media (max-width:1199px) {
    .main-welcome {height:auto; display:block; margin:0 -16px; padding:52px 45px 0 15px; background:url(../images/main-welcome-mobile.jpg) no-repeat center top}
    .main-welcome::before {display:none}
    .main-welcome-content {width:auto}
    .main-welcome h1 {max-width:none; font-size:36px; line-height:40px}
    .main-welcome-notice {max-width:none; margin:16px 0 0 0}
    .main-welcome-btns {max-width:none; margin:32px 0 0 0; flex-direction:column; align-items:flex-start}
    .main-welcome-btns a {margin:12px 0 0 0}
    .main-welcome-prefs {margin:112px -45px 0 -15px; position:relative; overflow:auto}
    .main-welcome-prefs::-webkit-scrollbar-thumb {background:transparent; border-radius:0}
    .main-welcome-prefs::-webkit-scrollbar {width:0; height:0; background:transparent}
    .main-welcome-pref {min-width:301px; max-width:301px; margin:0 0 0 10px}
    .main-welcome-pref:first-child {margin:0 0 0 16px}
    .main-welcome-pref:last-child {margin:0 16px 0 10px}
}

.main-catalogue {margin:272px 0 0 0}
.main-catalogue-title {font-size:45px; line-height:50px; letter-spacing:-0.03em; color:#121212}
.main-catalogue-anonce {margin:10px 0 0 0; font-weight:normal; font-size:16px; line-height:24px; color:rgba(18, 18, 18, 0.5)}
.main-catalogue-container {margin:32px 0 0 0}
.main-catalogue-item {position:relative; padding:109px 497px 96px 0; min-height:541px}
.main-catalogue-item-title {font-size:45px; line-height:50px; letter-spacing:-0.03em; color:#121212}
.main-catalogue-item-img {position:absolute; right:0; bottom:0; width:547px}
.main-catalogue-item-img img {display:block; width:100%}
.main-catalogue-list {margin:26px 0 0 0; display:flex; flex-wrap:wrap; justify-content:space-between}
.main-catalogue-list a {display:flex; align-items:center; position:relative; min-width:calc(50% - 5px); max-width:calc(50% - 5px); margin:10px 0 0 0; padding:0 76px 0 28px; background:#FFFFFF; border:2px solid #F0F0F8; border-radius:30px; min-height:130px; color:#121212; font-size:32px; line-height:35px; letter-spacing:-0.03em; transition:background 0.2s, color 0.2s}
.main-catalogue-list a:hover {background:#813569; color:#FFFFFF}
.main-catalogue-list a span {position:absolute; right:28px; top:50%; margin:-24px 0 0 0; width:48px; height:48px; display:flex; align-items:center; justify-content:center; background:#F7F7F9; border-radius:12px; transition:background 0.2s}
.main-catalogue-list a:hover span {background:#FFFFFF}
.main-catalogue-list a span svg {width:24px; height:24px; fill:none; stroke:#813569}
.main-catalogue-link {margin:48px 0 0 0}

@media (max-width:1472px) {
    .main-catalogue-list a {font-size:24px; line-height:36px}
}

@media (max-width:1199px) {
    .main-catalogue {margin:48px 0 59px 0}
    .main-catalogue-container {margin:24px 0 0 0}
    .main-catalogue-item {padding:36px 0 0 0; min-height:0}
    .main-catalogue-item-title {font-size:36px; line-height:40px}
    .main-catalogue-item-img {position:relative; right:auto; bottom:auto; width:auto; margin:23px 0 0 0}
    .main-catalogue-list {margin:0; display:block}
    .main-catalogue-list a {min-width:0; max-width:none; min-height:112px; font-size:24px; line-height:26px}
    .main-catalogue-list a:first-child {margin:0}
    .main-catalogue-link {margin:24px 0 0 0}
}

.main-about {position:relative}
.main-about-bg {content:""; position:absolute; left:calc(720px - 50vw); right:calc(720px - 50vw); top:0; bottom:0; background:url(../images/main-about.jpg) no-repeat center; background-size:cover}
.main-about-container {padding:64px 0; position:relative}
.main-about-title {font-size:45px; line-height:50px; letter-spacing:-0.03em; color:#FFFFFF}
.main-about-anonce {margin:10px 0 0 0; font-weight:normal; font-size:16px; line-height:24px; color:#FFFFFF}
.main-about-cards {margin:30px 0 0 0; display:flex; flex-wrap:wrap; justify-content:space-between}
.main-about-card {min-width:calc(50% - 5px); max-width:calc(50% - 5px); margin:10px 0 0 0; background:#FFFFFF; border:1px solid #F0F0F8; border-radius:30px; padding:30px}
.main-about-card-title {font-size:25px; line-height:28px; letter-spacing:-0.03em; color:#121212}
.main-about-card-text {margin:10px 0 0 0; font-weight:normal; font-size:16px; line-height:24px; color:rgba(18, 18, 18, 0.5)}
.main-about-card-text p {margin:24px 0 0 0; padding:0}
.main-about-card-text p:first-child {margin:0}
.main-about-card-video {min-width:calc(50% - 5px); max-width:calc(50% - 5px); margin:10px 0 0 0; display:flex; align-items:center; justify-content:center; border-radius:30px; position:relative}
.main-about-card-video-preview {position:absolute; left:0; top:0; right:0; bottom:0; background:no-repeat center; background-size:cover; border:1px solid #F0F0F8; border-radius:30px; -webkit-filter:blur(2px); filter:blur(2px)}
.main-about-card-video svg {position:relative; width:108px; height:108px; fill:#121212; transition:fill 0.2s}
.main-about-card-video:hover svg {fill:#813569}

@media (max-width:1472px) {
    .main-about-bg {left:-16px; right:-16px}
}

@media (max-width:1199px) {
    .main-about-title {font-size:40px; line-height:44px}
    .main-about-anonce {font-size:14px; line-height:23px}
    .main-about-cards {margin:24px -16px 0 -16px; flex-wrap:nowrap; position:relative; overflow:auto}
    .main-about-cards::-webkit-scrollbar-thumb {background:transparent; border-radius:0}
    .main-about-cards::-webkit-scrollbar {width:0; height:0; background:transparent}
    .main-about-card {min-width:338px; max-width:338px; margin:0 0 0 12px}
    .main-about-card:first-child {margin:0 0 0 16px}
    .main-about-card:last-child {margin:0 16px 0 12px}
    .main-about-card-video {min-width:338px; max-width:338px; margin:0 0 0 12px}
    .main-about-card-video:first-child {margin:0 0 0 16px}
    .main-about-card-video:last-child {margin:0 16px 0 12px}
    .main-about-card-title {font-size:24px; line-height:26px}
    .main-about-card-text {font-size:14px; line-height:21px}
}

.main-services {padding:100px 0}
.main-services-title {font-size:45px; line-height:50px; letter-spacing:-0.03em; color:#121212}
.main-services-container {margin:40px 0 0 0}
.main-services-item {margin:40px 0 0 0; display:flex; align-items:center; justify-content:space-between}
.main-services-item-content {min-width:44%; max-width:44%; padding-right:40px}
.main-services-item-title {font-size:45px; line-height:50px; letter-spacing:-0.03em; color:#121212}
.main-services-item-text {margin:15px 0 0 0; font-weight:normal; font-size:16px; line-height:24px; color:rgba(18, 18, 18, 0.5)}
.main-services-item-text p {margin:24px 0 0 0; padding:0}
.main-services-item-text p:first-child {margin:0}
.main-services-item-btn {margin:30px 0 0 0}
.main-services-item-link {margin:30px 0 0 0; font-size:16px; line-height:24px}
.main-services-item-link a {color:#195AFF; text-decoration:underline}
.main-services-item-link a:hover {text-decoration:none}
.main-services-item-gallery {min-width:56%; max-width:56%}
.main-services-item-gallery-inner {margin:0 -4px; display:flex}
.main-services-item-gallery-item {flex-grow:1; margin:0 4px; height:490px; background:no-repeat center; background-size:cover; border-radius:15px}
.main-services-item-gallery-one {margin:0 -4px; display:flex}
.main-services-item-gallery-one .main-services-item-gallery-item {min-width:calc(100% - 8px); max-width:calc(100% - 8px)}

@media (max-width:1199px) {
    .main-services {padding:64px 0}
    .main-services-container {margin:24px 0 0 0}
    .main-services-item {margin:32px 0 0 0; display:block}
    .main-services-item-content {min-width:0; max-width:none; padding-right:0}
    .main-services-item-title {font-size:40px; line-height:44px}
    .main-services-item-gallery {min-width:0; max-width:none; margin:36px -16px 0 -16px; position:relative; overflow:auto}
    .main-services-item-gallery::-webkit-scrollbar-thumb {background:transparent; border-radius:0}
    .main-services-item-gallery::-webkit-scrollbar {width:0; height:0; background:transparent}
    .main-services-item-gallery-inner {display:inline-flex; margin:0; padding:0 10px}
    .main-services-item-gallery-item {min-width:276px; max-width:276px; margin:0 6px}
    .main-services-item-gallery-one {display:block; margin:0}
    .main-services-item-gallery-one .swiper-slide {min-width:0; max-width:none; margin:0}
}

.main-consult {padding:80px 9999px; margin:0 -9999px; background:#FFFFFF; position:relative; display:flex; align-items:center; justify-content:space-between}
.main-consult::before {content:""; position:absolute; right:50%; margin-right:695px; top:-286px; width:749px; height:1064px; background:url(../images/main-consult-bg.png) no-repeat; background-size:100%}
.main-consult-photo {min-width:49.65%; max-width:49.65%}
.main-consult-inner .main-consult-photo {order:1}
.catalogue-detail .main-consult {margin-top:80px}
.main-consult-photo img {display:block; width:100%; border-radius:39px}
.main-consult-content {min-width:41.94%; max-width:41.94%}
.main-consult-title {font-size:45px; line-height:50px; letter-spacing:-0.03em; color:#121212}
.main-consult-text {margin:16px 0 0 0; font-weight:normal; font-size:16px; line-height:24px; color:rgba(18, 18, 18, 0.5)}
.main-consult-btn {margin:50px 0 0 0}

@media (max-width:1199px) {
    .main-consult {padding:64px 16px; margin:0 -16px; display:block}
    .catalogue-detail .main-consult {margin-top:64px}
    .main-consult::before {display:none}
    .main-consult-photo {min-width:343px; max-width:343px; height:437px; position:relative; overflow:hidden; border-radius:39px; margin:0 auto}
    .main-consult-photo img {width:auto; max-width:none; border-radius:0; height:437px; position:relative; left:50%; transform:translateX(-50%)}
    .main-consult-content {min-width:0; max-width:none; margin:48px 0 0 0}
    .main-consult-title {font-size:40px; line-height:44px}
    .main-consult-btn {margin:36px 0 0 0}
}

.main-news {position:relative; padding:80px 9999px; margin:0 -9999px; background:#FFFFFF}
.main-news::before {content:""; position:absolute; left:50%; margin-left:529px; top:-134px; width:694px; height:694px; background:url(../images/main-news-bg.png) no-repeat; background-size:100%}
.main-news-title {font-size:45px; line-height:50px; letter-spacing:-0.03em; color:#121212}
.main-news-list {margin:40px -5px 0 -5px; position:relative; display:flex}
.main-news-item {min-width:calc(33.33% - 8px); max-width:calc(33.33% - 8px); display:flex; flex-direction:column; width:100%; margin:0 4px; background:#FFFFFF; border-radius:24px; position:relative; overflow:hidden; transition:background 0.2s; border:1px solid #F0F0F8}
.main-news-item:hover {background:#813569}
.main-news-item-photo {min-height:320px; background:no-repeat center; background-size:cover}
.main-news-item-content {height:100%; margin:30px 30px 0 30px}
.main-news-item-type {font-weight:normal; font-size:16px; line-height:26px; letter-spacing:-0.02e; color:#A1A1AA; transition:color 0.2s}
.main-news-item:hover .main-news-item-type {color:#FFFFFF}
.main-news-item-type span {display:inline-block; vertical-align:middle; margin:-2px 5px 0 5px; width:5px; height:5px; background:#A1A1AA; border-radius:50%; transition:background 0.2s}
.main-news-item:hover .main-news-item-type span {background:#FFFFFF}
.main-news-item-title {margin:15px 0 0 0; font-size:22px; line-height:24px; color:#121212; transition:color 0.2s}
.main-news-item:hover .main-news-item-title {color:#FFFFFF}
.main-news-item-anonce {margin:15px 0 0 0; font-weight:normal; font-size:16px; line-height:24px; color:rgba(18, 18, 18, 0.5); transition:color 0.2s; max-height:72px; position:relative; overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical}
.main-news-item:hover .main-news-item-anonce {color:#FFFFFF}
.main-news-item-bottom {margin:24px 30px 30px 30px; display:flex; align-items:center; justify-content:space-between}
.main-news-item-date {font-weight:normal; font-size:16px; line-height:26px; letter-spacing:-0.02e; color:#A1A1AA; transition:color 0.2s}
.main-news-item:hover .main-news-item-date {color:#FFFFFF}
.main-news-item-icon {width:48px; height:48px; display:flex; align-items:center; justify-content:center; background:#F7F7F9; border-radius:12px; transition:background 0.2s}
.main-news-item:hover .main-news-item-icon {background:#FFFFFF}
.main-news-item-icon svg {width:24px; height:24px; fill:none; stroke:#813569}

@media (max-width:1199px) {
    .main-news {margin:0 -16px; padding:48px 16px}
    .main-news::before {display:none}
    .main-news-list {margin:32px -16px 0 -16px; overflow:auto}
    .main-news-list::-webkit-scrollbar-thumb {background:transparent; border-radius:0}
    .main-news-list::-webkit-scrollbar {width:0; height:0; background:transparent}
    .main-news-item {min-width:343px; max-width:343px; margin:0 0 0 8px}
    .main-news-item:first-child {margin:0 0 0 16px}
    .main-news-item:last-child {margin:0 16px 0 8px}
}

.main-partners {margin:100px 0 0 0}
.main-partners-title {font-size:45px; line-height:50px; letter-spacing:-0.03em; color:#121212}
.main-partners-anonce {margin:16px 0 0 0; font-weight:normal; font-size:16px; line-height:24px; color:rgba(18, 18, 18, 0.5)}
.main-partners-list {margin:30px -5px 0 -5px}
.main-partners-list-inner {display:flex; flex-wrap:wrap}
.main-partners-list-inner a {display:flex; align-items:center; justify-content:center; position:relative; min-width:calc(25% - 10px); max-width:calc(25% - 10px); margin:10px 5px 0 5px; height:150px; border:1px solid #FFFFFF; background:#FFFFFF; border-radius:20px; border:1px solid #F0F0F8; transition:border-color 0.2s; overflow:hidden}
.main-partners-list-inner a:hover {border-color:#813569}

@media (max-width:1199px) {
    .main-partners {margin:48px 0 0 0}
    .main-partners-list {margin:32px -16px 0 -16px; position:relative; overflow:auto}
    .main-partners-list::-webkit-scrollbar-thumb {background:transparent; border-radius:0}
    .main-partners-list::-webkit-scrollbar {width:0; height:0; background:transparent}
    .main-partners-list-inner {display:inline-flex; width:814px; padding:0 12px}
    .main-partners-list-inner a {min-width:167px; max-width:167px; height:72px; border-radius:10px; margin:8px 4px 0 4px}
    .main-partners-list-inner a:nth-child(5n) {margin-left:90px}
    .main-partners-list-item-logo img {max-height:48px}
}

.main-docs {margin:100px -9999px 0 -9999px; padding:80px 9999px; background:#FFFFFF}
.main-docs-title {font-size:45px; line-height:50px; letter-spacing:-0.03em; color:#121212}
.main-docs-anonce {margin:16px 0 0 0; font-weight:normal; font-size:16px; line-height:24px; color:rgba(18, 18, 18, 0.5)}
.main-docs-list {margin:24px -8px 0 -8px; display:flex; flex-wrap:wrap}
.main-docs-list a {min-width:calc(25% - 16px); max-width:calc(25% - 16px); margin:16px 8px 0 8px; padding:30px; background:#F7F7F9; border:1px solid #F0F0F8; border-radius:30px; color:#121212; transition:background 0.2s, color 0.2s}
.main-docs-list a:hover {background:#813569; color:#FFFFFF}
.main-docs-item-preview {height:243px; display:flex; align-items:center; justify-content:center}
.main-docs-item-preview img {max-height:100%; border-radius:15px}
.main-docs-item-content {margin:20px 0 0 0; display:flex; align-items:flex-start; justify-content:space-between}
.main-docs-item-title {font-size:32px; line-height:35px; letter-spacing:-0.03em}
.main-docs-item-icon {min-width:48px; max-width:48px; height:48px; display:flex; align-items:center; justify-content:center; background:#F7F7F9; border-radius:12px; transition:background 0.2s}
.main-docs-list a:hover .main-docs-item-icon {background:#FFFFFF}
.main-docs-item-icon svg {width:24px; height:24px; fill:none; stroke:#813569}

@media (max-width:1472px) {
    .main-docs-item-title {font-size:24px; line-height:31px}
}

@media (max-width:1199px) {
    .main-docs {margin:48px -16px 0 -16px; padding:48px 16px}
    .main-docs-list {margin:32px 0 0 0; display:block}
    .main-docs-list a {display:block; min-width:0; max-width:none; margin:16px 0 0 0}
    .main-docs-item-title {font-size:32px; line-height:35px}
}

.main-contacts {margin:64px 0}
.main-contacts-header {display:flex; align-items:flex-end; justify-content:space-between}
.main-contacts-header-container {min-width:562px; max-width:562px}
.main-contacts-header-title {font-size:45px; line-height:50px; letter-spacing:-0.03em; color:#121212}
.main-contacts-header-anonce {margin:24px 0 0 0; font-weight:normal; font-size:16px; line-height:24px; color:#A1A1AA}
.main-contacts-header-btn .btn {height:70px; font-size:20px; line-height:27px; padding:0 50px}

@media (max-width:1199px) {
    .main-contacts {margin:48px 0 0 0}
    .main-contacts-header {display:block}
    .main-contacts-header-container {min-width:0; max-width:none}
    .main-contacts-header-btn {margin:30px 0 0 0}
    .main-contacts-header-btn .btn {font-size:16px; line-height:22px; padding:0 25px; height:52px}
}

.main-contacts-container {margin:80px 0 0 0; position:relative}
.main-contacts-map {height:503px; border-radius:15px; position:relative; overflow:hidden}
.main-contacts-window {position:absolute; right:48px; bottom:48px; width:448px; border-radius:15px; background:#FFFFFF; padding:40px 32px}
.main-contacts-item {margin:16px 0 0 0}
.main-contacts-item:first-child {margin:0}
.main-contacts-item-title {font-weight:normal; font-size:14px; line-height:21px}
.main-contacts-item-value {font-weight:bold; font-size:14px; line-height:21px; text-transform:uppercase; color:#171717}
.main-contacts-item-value a {color:#171717; text-decoration:none}

@media (max-width:1199px) {
    .main-contacts-container {margin:48px -16px 0 -16px}
    .main-contacts-map {height:576px; border-radius:0}
    .main-contacts-window {right:16px; bottom:16px; width:auto; left:16px}
}

.breadcrumbs {margin:64px 0 0 0; font-weight:normal; font-size:16px; line-height:26px; color:#A1A1AA; letter-spacing:-0.02em}
.breadcrumbs a {color:#A1A1AA; text-decoration:none}
.breadcrumbs a:hover {color:#4F173D}
.breadcrumbs span {margin:0 6px}

@media (max-width:1199px) {
    .breadcrumbs {margin:16px 0 0 0}
}

.breadcrumbs+h1 {margin-top:0}

@media (max-width:1199px) {
    .breadcrumbs+h1 {margin:12px 0 0 0}
}

.about {margin:32px 0 36px 0}

@media (max-width:1199px) {
    .about {margin:24px 0 48px 0}
}

.about-welcome-text {display:flex; justify-content:space-between; font-weight:normal; font-size:16px; line-height:24px; color:rgba(18, 18, 18, 0.5)}
.about-welcome-text-item {min-width:calc(50% - 13px); max-width:calc(50% - 13px)}

@media (max-width:1199px) {
    .about-welcome-text {display:block}
    .about-welcome-text-item {min-width:0; max-width:none}
}

.about-welcome-photos {margin:36px 0 0 0; display:flex; justify-content:space-between}
.about-welcome-photos-left {height:343px; min-width:calc(66.59% - 5px); max-width:calc(66.59% - 5px); background:no-repeat center; background-size:cover; border-radius:20px}
.about-welcome-photos-right {height:343px; min-width:calc(33.41% - 5px); max-width:calc(33.41% - 5px); background:no-repeat center; background-size:cover; border-radius:20px}

@media (max-width:1199px) {
    .about-welcome-photos {margin:24px 0 0 0; display:block}
    .about-welcome-photos-left,
    .about-welcome-photos-right {height:343px; min-width:0; max-width:none}
    .about-welcome-photos-right {margin:12px 0 0 0}
}

.about .main-welcome-prefs {margin:36px 0 -172px 0; display:flex; justify-content:space-between; position:relative; z-index:1}
.about .main-about-container {padding:206px 0 64px 0}

@media (max-width:1199px) {
    .about .main-welcome-prefs {margin:36px -16px -38px -16px}
    .about .main-about-container {padding:64px 0 48px 0}
}

.about-descr {margin:64px 0; font-weight:normal; font-size:16px; line-height:24px; color:rgba(18, 18, 18, 0.5)}

@media (max-width:1199px) {
    .about-descr {margin:36px 0}
}

.about .main-partners {margin:64px 0 0 0}

@media (max-width:1199px) {
    .about .main-partners {margin:48px 0 0 0}
}

.catalogue-header {margin:16px 0 0 0; font-size:25px; line-height:30px; letter-spacing:-0.03em; display:flex}
.catalogue-header a {color:rgba(18, 18, 18, 0.2); margin:0 0 0 40px}
.catalogue-header a:first-child {margin:0}
.catalogue-header a:hover,
.catalogue-header a.active {color:#121212}

@media (max-width:1199px) {
    .catalogue-header {margin:12px 0 0 0; font-size:18px; line-height:20px; flex-direction:column; align-items:flex-start}
    .catalogue-header a {margin:24px 0 0 0}
}

.catalogue-filter {margin:20px 0 0 -12px; display:flex; flex-wrap:wrap}
.catalogue-filter a {display:flex; margin:12px 0 0 12px; height:52px; align-items:center; padding:0 25px; background:#FFFFFF; border-radius:15px; color:#813569; transition:background 0.2s, color 0.2s; font-size:16px; line-height:22px; letter-spacing:-0.03em}
.catalogue-filter a:hover,
.catalogue-filter a.active {background:#813569; color:#FFFFFF}

.catalogue {margin:44px 0 48px 0}
.catalogue-item {margin:12px 0 0 0; display:flex; background:#FFFFFF; border-radius:30px; padding:30px}
.catalogue-item:first-child {margin:0}
.catalogue-item-preview {min-width:283px; max-width:283px; height:283px; display:flex; align-items:center; justify-content:center; margin:0 20px 0 0}
.catalogue-item-preview img {max-height:100%}
.catalogue-item-content {width:100%}
.catalogue-item-header {display:flex; align-items:center; justify-content:space-between}
.catalogue-item-header-title {font-size:32px; line-height:35px; color:#121212; letter-spacing:-0.03em}
.catalogue-item-header-descr {margin:10px 0 0 0; font-weight:normal; font-size:16px; line-height:24px; color:#C3C3CE}
.catalogue-item-header-icon {min-width:48px; max-width:48px; height:48px; display:flex; align-items:center; justify-content:center; background:#F7F7F9; border-radius:12px; transition:background 0.2s}
.catalogue-item-header:hover .catalogue-item-header-icon {background:#813569}
.catalogue-item-header-icon svg {width:24px; height:24px; fill:none; stroke:#813569; transition:stroke 0.2s}
.catalogue-item-header:hover .catalogue-item-header-icon svg {stroke:#FFFFFF}
.catalogue-item-sections {display:flex; margin:0 0 0 -80px; flex-wrap:wrap; justify-content:space-between; font-size:16px; line-height:22px; letter-spacing:-0.03em}
.catalogue-item-sections a {margin:14px 0 0 80px; white-space:nowrap}

@media (max-width:1199px) {
    .catalogue {margin:36px 0 48px 0}
    .catalogue-item {margin:16px 0 0 0; display:block}
    .catalogue-item-preview {min-width:0; max-width:none; display:block; margin:0}
    .catalogue-item-content {width:auto; margin:20px 0 0 0}
    .catalogue-item-sections {flex-direction:column; margin:0; flex-wrap:nowrap}
    .catalogue-item-sections a {margin:16px 0 0 0}
}

.catalogue-detail {margin:66px 0 86px 0}

@media (max-width:1199px) {
    .catalogue-detail {margin:48px 0 48px 0}
}

.catalogue-detail-header {display:flex; align-items:center; justify-content:space-between}
.catalogue-detail-header-photo {order:1; min-width:45%; max-width:45%}
.catalogue-detail-header-gallery {position:relative; width:483px; margin:0 auto}
.catalogue-detail-header-gallery-item {height:448px; background:#FFFFFF; border-radius:21px; display:flex; overflow:hidden; align-items:center; justify-content:center}
.catalogue-detail-header-gallery-item a {display:flex; align-items:center; justify-content:center; width:100%; height:100%}
.catalogue-detail-header-gallery-item img {max-width:100%; max-height:100%}
.catalogue-detail-header-gallery .swiper-button-prev,
.catalogue-detail-header-gallery .swiper-button-next {position:absolute; display:flex; align-items:center; justify-content:center; z-index:2; top:50%; width:44px; height:44px; border:none; border-radius:15px; margin:0; padding:0; outline:none; -webkit-appearance:none; cursor:pointer; background:rgba(129, 53, 105, 0.15); transform:translateY(-50%); opacity:1; transition:background 0.2s}
.catalogue-detail-header-gallery .swiper-button-prev:hover,
.catalogue-detail-header-gallery .swiper-button-next:hover {background:rgba(129, 53, 105, 0.3)}
.catalogue-detail-header-gallery .swiper-button-prev::after,
.catalogue-detail-header-gallery .swiper-button-next::after {display:none}
.catalogue-detail-header-gallery .swiper-button-prev {left:-68px}
.catalogue-detail-header-gallery .swiper-button-next {right:-68px}
.catalogue-detail-header-gallery .swiper-button-prev svg,
.catalogue-detail-header-gallery .swiper-button-next svg {display:block; width:24px; height:24px; fill:#000000}
.catalogue-detail-header-gallery-preview {margin:20px 0 0 0; position:relative; display:flex; overflow:hidden}
.catalogue-detail-header-gallery-preview-item {min-width:160px; max-width:160px}
.catalogue-detail-header-gallery-preview-item-photo {width:150px; margin:0 auto; height:100px; background:#FFFFFF no-repeat center; background-size:contain; border-radius:8px; position:relative; cursor:pointer}
.catalogue-detail-header-gallery-preview-item-photo::after {content:""; display:block; position:absolute; left:0; top:0; right:0; bottom:0; border:2px solid #813569; border-radius:8px; opacity:0; transition:opacity 0.2s}
.catalogue-detail-header-gallery-preview-item-photo:hover::after {opacity:0.5}
.catalogue-detail-header-gallery-preview .catalogue-detail-header-gallery-preview-item.swiper-slide-thumb-active .catalogue-detail-header-gallery-preview-item-photo::after {opacity:1}
.catalogue-detail-header-notice {margin:24px 0 0 0; font-size:14px; line-height:1.4em; color:rgba(18, 18, 18, 0.5); text-align:center}
.catalogue-detail-header-content {min-width:45%; max-width:45%}
.catalogue-detail-header-content h1 {margin:0}
.catalogue-detail-header-text {margin:24px 0 0 0; font-weight:normal; font-size:16px; line-height:28px; color:rgba(18, 18, 18, 0.5)}
.catalogue-detail-header-btns {margin:48px 0 0 0; display:flex; align-items:flex-start}
.catalogue-detail-header-btns a {margin:0 0 0 12px}
.catalogue-detail-header-btns a:first-child {margin:0}

@media (max-width:1199px) {
    .catalogue-detail-header {display:block}
    .catalogue-detail-header-photo {min-width:0; max-width:none}
    .catalogue-detail-header-gallery {width:auto}
    .catalogue-detail-header-gallery-item {height:316px}
    .catalogue-detail-header-gallery .swiper-button-prev,
    .catalogue-detail-header-gallery .swiper-button-next {display:none}
    .catalogue-detail-header-gallery-preview.swiper {display:none}
    .catalogue-detail-header-content {min-width:0; max-width:none; margin:24px 0 0 0}
    .catalogue-detail-header-text {font-size:14px; line-height:24px}
    .catalogue-detail-header-btns {margin:24px 0 0 0; flex-direction:column; align-items:flex-start}
    .catalogue-detail-header-btns a {margin:12px 0 0 0}
}

.catalogue-detail-menu-wrapper {margin:102px -9999px 0 -9999px; padding:0 9999px; height:59px; background:#FFFFFF}
.catalogue-detail-menu {background:#FFFFFF}
.catalogue-detail-menu.fixed {position:fixed; left:0; top:0; right:0; z-index:20}
.catalogue-detail-menu .container {padding:0; display:flex; justify-content:space-between}
.catalogue-detail-menu.fixed .container {padding:0 16px}
.catalogue-detail-menu a {display:flex; align-items:center; height:59px; font-size:16px; line-height:22px; letter-spacing:-0.03em; opacity:0.4}
.catalogue-detail-menu a.active {opacity:1}
.catalogue-detail-menu a span {min-width:36px; max-width:36px; height:36px; margin:0 12px 0 0; display:flex; align-items:center; justify-content:center; background:rgba(129, 53, 105, 0.15); border-radius:50%}

@media (max-width:1199px) {
    .catalogue-detail-menu-wrapper {margin:24px -16px 0 -16px; padding:0}
    .catalogue-detail-menu {overflow:auto; position:relative; white-space:nowrap}
    .catalogue-detail-menu::-webkit-scrollbar-thumb {background:transparent; border-radius:0}
    .catalogue-detail-menu::-webkit-scrollbar {width:0; height:0; background:transparent}
    .catalogue-detail-menu a {margin:0 16px}
}

.catalogue-detail-section {margin:64px 0 0 0}
.catalogue-detail-section-title {display:flex; align-items:flex-start; font-size:45px; line-height:50px; letter-spacing:-0.03em; color:#121212; font-weight: 500}
.catalogue-detail-section-title span {margin:0 16px 0 0}
.catalogue-detail-section h3 {color:#121212}

@media (max-width:1199px) {
    .catalogue-detail-section {margin:48px 0 0 0}
    .catalogue-detail-section-title {font-size:32px; line-height:35px}
}

.catalogue-detail-tech-list {border-top:1px solid rgba(0, 0, 0, 0.1)}
.catalogue-detail-tech-list-row {border-bottom:1px solid rgba(0, 0, 0, 0.1); display:flex; align-items:flex-start; justify-content:space-between; padding:24px 48px; font-size:16px; line-height:18px; letter-spacing:-0.03em}
.catalogue-detail-tech-list-row-title {max-width:333px; color:rgba(18, 18, 18, 0.5)}
.catalogue-detail-tech-list-row-value {max-width:306px; text-align:right; font-weight:600; color:#121212}
.catalogue-detail-tech-list-row-value p {margin:4px 0 0 0}
.catalogue-detail-tech-list-row-value *:first-child {margin:0}

@media (max-width:1199px) {
    .catalogue-detail-tech-list-row {font-size:14px; line-height:16px; padding:24px 0}
    .catalogue-detail-tech-list-row-title {min-width:50%; max-width:50%}
    .catalogue-detail-tech-list-row-value {min-width:50%; max-width:50%}
}

.catalogue-detail-others {margin:36px -5px 0 -5px}
.catalogue-detail-others .swiper-slide {display:flex; height:auto; min-width:25%; max-width:25%}
.catalogue-detail-others-item {margin:0 5px; width:100%; background:#FFFFFF; border-radius:30px; border:1px solid #F0F0F8; padding:30px 30px 40px 30px}
.catalogue-detail-others-item-preview a {display:flex; height:143px; align-items:center; justify-content:center}
.catalogue-detail-others-item-preview img {max-width:100%}
.catalogue-detail-others-item-header {margin:20px 0 0 0; display:flex; align-items:center; justify-content:space-between}
.catalogue-detail-others-item-header-title {font-size:32px; line-height:35px; color:#121212; letter-spacing:-0.03em}
.catalogue-detail-others-item-header-descr {margin:10px 0 0 0; font-weight:normal; font-size:16px; line-height:24px; color:#C3C3CE}
.catalogue-detail-others-item-header-icon {min-width:48px; max-width:48px; height:48px; display:flex; align-items:center; justify-content:center; background:#F7F7F9; border-radius:12px; transition:background 0.2s}
.catalogue-detail-others-item-header:hover .catalogue-detail-others-item-header-icon {background:#813569}
.catalogue-detail-others-item-header-icon svg {width:24px; height:24px; fill:none; stroke:#813569; transition:stroke 0.2s}
.catalogue-detail-others-item-header:hover .catalogue-detail-others-item-header-icon svg {stroke:#FFFFFF}
.catalogue-detail-others-item-sections {margin:10px 0 0 0; font-size:16px; line-height:24px}
.catalogue-detail-others-item-section {margin:5px 0 0 0}
.catalogue-detail-others-item-section a {color:#121212}
.catalogue-detail-others-item-section a:hover {color:#813569}

@media (max-width:1199px) {
    .catalogue-detail-others {margin:24px -16px 0 -16px; position:relative; overflow:auto}
    .catalogue-detail-others .swiper-slide {min-width:375px; max-width:375px}
    .catalogue-detail-others-item {margin:0 16px}
}

.catalogue-detail-descr {margin:32px 0 0 0; padding:30px 35px; border-radius:8px; background:#FFFFFF; font-weight:normal; font-size:16px; line-height:28px; color:#121212}
.catalogue-detail-descr p {margin:28px 0}
.catalogue-detail-descr *:first-child {margin-top:0}
.catalogue-detail-descr *:last-child {margin-bottom:0}

.catalogue-detail-tech-one {margin:36px 0 0 0; padding:30px 35px; border-radius:8px; background:#FFFFFF}
.catalogue-detail-tech-one-title {font-size:24px; line-height:26px; letter-spacing:-0.03em; color:#813569}
.catalogue-detail-tech-one .catalogue-detail-tech-list {margin:24px 0 0 0}

.services-menu {margin:40px 0 0 0}
.services-menu ul {display:flex; flex-wrap:wrap; margin:-12px 0 0 -12px; padding:0; list-style:none; font-size:16px; line-height:22px; letter-spacing:-0.03em}
.services-menu ul li {margin:12px 0 0 12px; padding:0}
.services-menu ul li::before {display:none}
.services-menu ul li a {display:flex; align-items:center; height:52px; padding:0 25px; border-radius:15px; transition:background 0.2s, color 0.2s}
.services-menu ul li a:hover,
.services-menu ul li.active a {color:#FFFFFF; background:#813569}

@media (max-width:1199px) {
    .services-menu {margin:24px 0 0 0}
}

.services-detail {margin:40px 0 64px 0}

@media (max-width:1199px) {
    .services-detail {margin:32px 0 48px 0}
}

.services-detail-info {display:flex; align-items:center; justify-content:space-between}
.services-detail-info-text {min-width:44%; max-width:44%; padding:0 70px 0 0}
.services-detail-title {font-size:45px; line-height:50px; letter-spacing:-0.03em; color:#121212}
.services-detail-text {margin:15px 0 0 0; font-weight:normal; font-size:16px; line-height:24px; color:rgba(18, 18, 18, 0.5)}
.services-detail-text p {margin:24px 0 0 0; padding:0}
.services-detail-text p:first-child {margin:0}
.services-detail-btn {margin:30px 0 0 0}
.services-detail-info-img {min-width:56%; max-width:56%}
.services-detail-info-img img {display:block; width:100%; border-radius:15px}

@media (max-width:1199px) {
    .services-detail-info {display:block}
    .services-detail-info-text {min-width:0; max-width:none; padding:0}
    .services-detail-title {font-size:40px; line-height:44px}
    .services-detail-info-img {min-width:0; max-width:none; margin:36px 0 0 0}
}

.services-detail-props {display:flex; align-items:center; margin:24px 0 0 0; padding:42px; background:#FFFFFF; border-radius:15px}
.services-detail-prop {flex-grow:1; text-align:center}
.services-detail-prop-icon {width:48px; margin:0 auto}
.services-detail-prop-icon img {display:block; width:100%}
.services-detail-prop-title {margin:16px 0 0 0; font-size:20px; line-height:22px; letter-spacing:-0.03em; color:#121212}
.services-detail-prop-text {margin:16px 0 0 0; font-weight:normal; font-size:16px; line-height:24px; color:rgba(18, 18, 18, 0.5)}
.services-detail-prop-sep {min-width:3px; max-width:3px; height:41px; margin:0 64px; background:rgba(18, 18, 18, 0.1)}

@media (max-width:1199px) {
    .services-detail-props {display:block; margin:48px 0 0 0}
    .services-detail-prop-sep {margin:32px auto; min-width:41px; max-width:41px; height:3px}
}

.docs {margin:32px 0 56px 0}
.docs-group {margin:8px 0 0 0; background:#FFFFFF; border-radius:8px}
.docs-group:first-child {margin:0}
.docs-group-title {display:block; position:relative; padding:30px 83px 30px 35px; cursor:pointer; font-size:24px; line-height:26px; letter-spacing:-0.03em}
.docs-group-title svg {position:absolute; right:35px; top:31px; width:24px; height:24px; fill:#000000; transition:transform 0.2s}
.docs-group.open .docs-group-title svg {transform:rotate(-180deg)}
.docs-group-content {display:none; margin:-9px 0 0 0; padding:0 35px 30px 35px}
.docs-group.open .docs-group-content {display:block}
.docs-group-list {display:flex; margin:-16px -8px 0 -8px; display:flex; flex-wrap:wrap}
.catalogue-detail-section-title+.docs-group-list {margin-top:24px}
.docs-group-list a {position:relative; min-width:calc(25% - 16px); max-width:calc(25% - 16px); margin:16px 8px 0 8px; padding:30px 78px 30px 30px; border-radius:30px; border:1px solid #F0F0F8; transition:background 0.2s}
.catalogue-detail-section-title+.docs-group-list a {background:#FFFFFF}
.docs-group-list a:hover {background:#813569}
.docs-group-list-item-title {font-size:20px; line-height:26px; color:#121212; transition:color 0.2s; letter-spacing:-0.03em}
.docs-group-list a:hover .docs-group-list-item-title {color:#FFFFFF}
.docs-group-list-item-text {margin:10px 0 0 0; font-weight:normal; font-size:16px; line-height:24px; color:#C3C3CE; transition:color 0.2s}
.docs-group-list a:hover .docs-group-list-item-text {color:#FFFFFF}
.docs-group-list-item-icon {position:absolute; right:30px; top:30px; width:48px; height:48px; display:flex; align-items:center; justify-content:center; background:#F7F7F9; border-radius:12px}
.docs-group-list-item-icon svg {width:24px; height:24px; fill:none; stroke:#813569}
.docs-group-list-images {display:flex; margin:8px -4px 0 -4px; display:flex; flex-wrap:wrap}
.docs-group-list-images a {min-width:calc(25% - 8px); max-width:calc(25% - 8px); margin:8px 4px 0 4px}
.docs-group-list-images a img {display:block; width:100%; border-radius:14px}

@media (max-width:1199px) {
    .docs {margin:36px 0}
    .docs-group-title {font-size:20px; line-height:22px}
    .docs-group-list {margin:0; display:block}
    .docs-group-list a {min-width:0; max-width:none; display:block; margin:16px 0 0 0}
    .docs-group-list a:first-child {margin:0}
    .docs-group-list-images {margin:0; display:block}
    .docs-group-list-images a {min-width:0; max-width:none; display:block; margin:16px 0 0 0}
    .docs-group-list-images a:first-child {margin:0}
}

@media (max-width:425px) {
   .docs-group-list-item-title {font-size:14px; line-height:20px;}
}





.contacts {margin:48px 0 64px 0; position:relative}
.contacts::before {content:""; position:absolute; right:50%; top:84px; margin-right:720px; width:796px; height:453px; background:url(../images/page-left.png)}

@media (max-width:1199px) {
    .contacts {margin:32px 0 20px 0}
    .contacts::before {display:none}
}

.contacts-main {display:flex; align-items:center}
.contacts-info {min-width:384px; max-width:384px}
.contacts-info-item {margin:36px 0 0 0}
.contacts-info-item:first-child {margin:0}
.contacts-info-item-title {font-size:14px; line-height:21px; color:rgba(23, 23, 23, 0.5); text-transform:uppercase}
.contacts-info-item-value {margin:12px 0 0 0; font-size:24px; line-height:26px; color:#813569; letter-spacing:-0.02em}
.contacts-info-item-social {display:flex}
.contacts-info-item-social a {width:36px; height:36px; margin:0 0 0 12px; background:#FFFFFF; border-radius:10px; transition:background 0.2s}
.contacts-info-item-social a:first-child {margin:0}
.contacts-info-item-social a:hover {background:#813569}
.contacts-info-item-social a svg {display:block; width:36px; height:36px; fill:#000000; transition:fill 0.2s, stroke 0.2s; stroke:#000000}
.contacts-info-item-social a:hover svg {fill:#FFFFFF; stroke:#FFFFFF}
.contacts-map {margin:0 0 0 89px; width:100%}
.contacts-map-inner {height:650px; border-radius:15px; position:relative; overflow:hidden}

@media (max-width:1199px) {
    .contacts-main {display:block}
    .contacts-info {min-width:0; max-width:none}
    .contacts-map {margin:42px -16px 0 -16px; width:auto}
    .contacts-map-inner {height:593px; border-radius:0}
}

.contacts-regions {margin:64px 0 0 0}
.contacts-regions-title {font-size:36px; line-height:40px; color:#121212; letter-spacing:-0.03em}
.contacts-regions-list {margin:43px 0 0 0}
.contacts-regions-item {margin:24px 0 0 0; display:flex; background:#FFFFFF; border:1px solid #F0F0F8; border-radius:24px; align-items:center; position:relative; overflow:hidden}
.contacts-regions-item-photo {min-width:473px; max-width:473px}
.contacts-regions-item-photo img {display:block; width:100%}
.contacts-regions-item-content {margin:0 30px 0 42px; width:100%}
.contacts-regions-item-title {font-size:32px; line-height:35px; color:#121212}
.contacts-regions-item-info {display:flex; margin:30px -16px 0 -16px; align-items:center}
.contacts-regions-item-name {display:none; font-weight:800; font-size:32px; line-height:35px; color:#121212}
.contacts-regions-item-block {padding:0 16px; min-width:50%; max-width:50%; text-align:right}
.contacts-regions-item-block:last-child {text-align:left}
.contacts-regions-item-block-title {font-size:14px; line-height:21px; color:rgba(23, 23, 23, 0.5); text-transform:uppercase}
.contacts-regions-item-block-value {margin:12px 0 0 0; font-size:24px; line-height:26px; color:#813569; letter-spacing:-0.02em; white-space:nowrap}
.contacts-regions-item-block-value span {margin:0 0 0 5px}
.contacts-regions-item-block-value span:first-child {margin:0}

@media (max-width:1472px) {
    .contacts-regions-item-name {font-size:24px; line-height:31px}
    .contacts-regions-item-block-value {font-size:20px; line-height:28px}
}

@media (max-width:1199px) {
    .contacts-regions {margin:48px 0 0 0}
    .contacts-regions-list {margin:32px 0 0 0}
    .contacts-regions-item {margin:12px 0 0 0; display:block}
    .contacts-regions-item-photo {min-width:0; max-width:none}
    .contacts-regions-item-content {margin:0; padding:32px 24px 48px 24px; width:auto}
    .contacts-regions-item-title {font-size:22px; line-height:24px}
    .contacts-regions-item-info {display:block; margin:30px 0 0 0}
    .contacts-regions-item-block {margin:30px 0 0 0; padding:0; min-width:0; max-width:none; text-align:left}
    .contacts-regions-item-block-value {font-size:24px; line-height:26px; white-space:normal}
    .contacts-regions-item-block-value span {display:block; margin:12px 0 0 0}
}

.news {margin:40px 0 36px 0; position:relative}
.news::before {content:""; position:absolute; right:50%; top:84px; margin-right:720px; width:796px; height:453px; background:url(../images/page-left.png)}
.news::after {content:""; position:absolute; left:50%; top:448px; margin-left:732px; width:527px; height:527px; background:url(../images/page-right.png)}
.news-list {margin:-40px -5px 0 -5px; display:flex; flex-wrap:wrap}
.news-item {display:flex; flex-direction:column; min-width:calc(33.33% - 10px); max-width:calc(33.33% - 10px); margin:40px 5px 0 5px; background:#FFFFFF; border-radius:24px; position:relative; overflow:hidden; transition:background 0.2s; border:1px solid #F0F0F8}
.news-item:hover {background:#813569}
.news-item-photo {min-height:320px; background:no-repeat center; background-size:cover}
.news-item-content {height:100%; margin:30px 30px 0 30px}
.news-item-type {font-weight:normal; font-size:16px; line-height:26px; letter-spacing:-0.02e; color:#A1A1AA; transition:color 0.2s}
.news-item:hover .item-type {color:#FFFFFF}
.news-item-type span {display:inline-block; vertical-align:middle; margin:-2px 5px 0 5px; width:5px; height:5px; background:#A1A1AA; border-radius:50%; transition:background 0.2s}
.news-item:hover .news-item-type span {background:#FFFFFF}
.news-item-title {margin:15px 0 0 0; font-size:22px; line-height:24px; color:#121212; transition:color 0.2s}
.news-item:hover .news-item-title {color:#FFFFFF}
.news-item-anonce {margin:15px 0 0 0; font-weight:normal; font-size:16px; line-height:24px; color:rgba(18, 18, 18, 0.5); transition:color 0.2s; max-height:72px; position:relative; overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical}
.news-item:hover .news-item-anonce {color:#FFFFFF}
.news-item-bottom {margin:24px 30px 30px 30px; display:flex; align-items:center; justify-content:space-between}
.news-item-date {font-weight:normal; font-size:16px; line-height:26px; letter-spacing:-0.02e; color:#A1A1AA; transition:color 0.2s}
.news-item:hover .news-item-date {color:#FFFFFF}
.news-item-icon {width:48px; height:48px; display:flex; align-items:center; justify-content:center; background:#F7F7F9; border-radius:12px; transition:background 0.2s}
.news-item:hover .news-item-icon {background:#FFFFFF}
.news-item-icon svg {width:24px; height:24px; fill:none; stroke:#813569}

@media (max-width:1199px) {
    .news {margin:32px 0 28px 0}
    .news::before {display:none}
    .news::after {display:none}
    .news-list {margin:0; display:block}
    .news-item {margin:12px 0 0 0; min-width:0; max-width:none}
    .news-item:first-child {margin:0}
}

.news-paging {display:flex; align-items:center; justify-content:space-between; margin:50px 0 0 0; position:relative; height:52px}
.news-paging.loading::after {content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(247, 247, 249, 0.5) url(../images/loading.svg) no-repeat center}
.news-paging .pager {margin:0}

@media (max-width:1199px) {
    .news-paging {display:block; margin:24px 0 0 0}
    .news-paging .pager {display:none}
    .news-more {display:flex}
}

.news-detail {max-width:1022px; margin:0 auto 64px auto}
.news-detail-info {margin:36px 0 0 0; display:flex; font-size:14px; line-height:19px; font-weight:normal}
.news-detail-type {margin:0 24px 0 0; color:#161616; font-weight:600}
.news-detail h1 {margin:14px 0 0 0; font-weight:600; font-size:40px; line-height:40px; color:#161616}
.news-detail-anonce {margin:24px 0 0 0; font-weight:normal; font-size:16px; line-height:16px}
.news-detail-photo {margin:48px -209px}
.news-detail-photo img {display:block; width:100%; border-radius:8px}
.news-detail-text {margin:48px 0 0 0}

@media (max-width:1472px) {
    .news-detail {max-width:none}
    .news-detail-photo {margin:48px -16px}
    .news-detail-photo img {border-radius:0}
}

@media (max-width:1199px) {
    .news-detail {margin:0 0 48px 0}
    .news-detail-photo {margin:32px 0 36px 0}
    .news-detail-photo img {border-radius:8px}
    .news-detail-text {margin:36px 0 0 0}
}

.news-others {margin:0 -9999px; padding:0 9999px; display:flex; justify-content:center; background:#FFFFFF}
.news-others-prev {padding:36px 48px 32px 0; text-align:right}
.news-others-next {padding:36px 0 32px 48px; border-left:1px solid #E5E5E5}
.news-others a {display:block; width:334px}
.news-others-header {display:flex; align-items:flex-start; font-size:14px; line-height:19px; color:rgba(0, 0, 0, 0.3); transition:color 0.2s}
.news-others a:hover .news-others-header {color:#000000}
.news-others-prev .news-others-header {justify-content:flex-end}
.news-others-header svg {width:16px; height:16px; margin:0 3px; fill:rgba(0, 0, 0, 0.3); transition:fill 0.2s}
.news-others a:hover .news-others-header svg {fill:#000000}
.news-others-type {margin:12px 0 0 0; font-size:14px; line-height:19px; color:#000000}
.news-others-title {margin:14px 0 0 0; font-weight:600; font-size:20px; line-height:20px}

@media (max-width:1199px) {
    .news-others {margin:0 -16px; padding:0 16px; display:block}
    .news-others-prev {padding:36px 32px}
    .news-others-next {margin:0 -16px; padding:36px 48px; border-left:none; border-top:1px solid #E5E5E5}
    .news-others a {width:auto}
}

footer {padding:46px 0 12px 0; background:#171717}

@media (max-width:1199px) {
    footer {padding:40px 0 16px 0}
}

.footer-container {display:flex; justify-content:space-between; position:relative}

@media (max-width:1199px) {
    .footer-container {display:block}
}

.footer-logo img {display:block; width:220px}
.footer-logo::after {content:""; display:block; margin:24px 0 0 0; width:69px; height:1px; background:rgba(255, 255, 255, 0.1)}

.footer-notice {font-size:14px; line-height:21px; color:rgba(255, 255, 255, 0.6); position:absolute; right:0; bottom:14px}

@media (max-width:1199px) {
    .footer-notice {position:relative; right:auto; bottom:auto; margin:32px 0 0 0}
}

.footer-social {position:absolute; right:0; bottom:45px; display:flex}
.footer-social a {width:36px; height:36px; margin:0 0 0 12px; background:#FFFFFF; border-radius:10px; transition:background 0.2s}
.footer-social a:first-child {margin:0}
.footer-social a:hover {background:#813569}
.footer-social a svg {display:block; width:36px; height:36px; fill:#000000; transition:fill 0.2s}
.footer-social a:hover svg {fill:#FFFFFF}

@media (max-width:1199px) {
    .footer-social {position:relative; right:auto; bottom:auto; margin:32px 0 0 0}
}

.footer-contacts {margin:32px 0 0 0; font-size:14px; line-height:21px}
.footer-contacts-phone {font-weight:bold}
.footer-contacts-phone a {color:#FFFFFF}
.footer-contacts-phone a:hover {color:#813569}
.footer-contacts-email {font-weight:normal}
.footer-contacts-email a {color:rgba(255, 255, 255, 0.6)}
.footer-contacts-email a:hover {color:#FFFFFF}

.footer-menu {font-size:16px; line-height:22px}
.footer-menu > ul {display:flex; margin:0; padding:0; list-style:none}
.footer-menu > ul > li {margin:0 0 0 40px; padding:0}
.footer-menu > ul > li:first-child {margin:0}
.footer-menu > ul > li::before {display:none}
.footer-menu > ul > li > a {color:#FFFFFF}
@media (min-width:1200px) {
    .footer-menu > ul > li:hover > a {color:#813569}
}
.footer-menu > ul > li.active > a {color:#813569}
.footer-menu > ul > li > a > svg {margin:0 0 0 4px; width:12px; height:12px; fill:none; stroke:#FFFFFF; transition:stroke 0.2s}
@media (min-width:1200px) {
    .footer-menu > ul > li:hover > a > svg {stroke:#813569}
}
.footer-menu > ul > li.active > a > svg {stroke:#813569}
.footer-menu > ul > li > ul {display:none; position:absolute; left:0; top:100%; margin:24px 0 0 0; padding:0; list-style:none; font-size:16px; line-height:22px; letter-spacing:-0.03em; white-space:nowrap}
@media (min-width:1200px) {
    .footer-menu > ul > li:hover > ul {display:block}
}
.footer-menu > ul > li > ul::before {content:""; position:absolute; left:0; top:-24px; right:0; height:24px; background:transparent}
.footer-menu > ul > li > ul > li {margin:20px 0 0 0; padding:0}
.footer-menu > ul > li > ul > li:first-child {margin:0}
.footer-menu > ul > li > ul > li::before {display:none}
.footer-menu > ul > li > ul > li > a {color:#FFFFFF}
@media (min-width:1200px) {
    .footer-menu > ul > li > ul > li > a:hover {color:#813569}
}
.footer-menu > ul > li > ul > li.active > a {color:#813569}

@media (max-width:1199px) {
    .footer-menu {margin:48px 0 0 0; font-size:20px; line-height:27px}
    .footer-menu > ul {display:block}
    .footer-menu > ul > li {margin:32px 0 0 0}
    .footer-menu > ul > li > a > svg {display:none}
}

.footer-bottom {display:flex; justify-content:space-between; margin:59px 0 0 0; color:rgba(255, 255, 255, 0.6); font-weight:normal; font-size:14px; line-height:21px}
.footer-bottom a {color:rgba(255, 255, 255, 0.6)}
.footer-bottom a:hover {color:#FFFFFF}

@media (max-width:1199px) {
    .footer-bottom {flex-direction:column; align-items:flex-start; margin:48px 0 0 0}
    .footer-bottom-copyrights {margin:24px 0 0 0; order:1}
}

.window-open,
.window-open body {overflow:hidden; position:fixed; left:0; top:0; right:0; bottom:0}

.window {position:fixed; left:0; top:0; right:0; bottom:0; overflow:auto; z-index:9999; background:#F7F7F9; text-align:center}
.window::after {content:""; display:inline-block; width:0; height:100%; vertical-align:middle}
.window-loading {position:absolute; left:0; top:0; right:0; bottom:0; background:url(../images/loading.svg) no-repeat center}
.window-container {display:inline-block; vertical-align:middle; position:relative; text-align:left; background:#FFFFFF; margin:30px 0}
.window-close {position:absolute; right:16px; top:26px; width:24px; height:24px}
.window-close svg {display:block; width:24px; height:24px; fill:#121212; transition:fill 0.2s}
.window-close:hover svg {fill:#813569}

.window-callback {width:1048px; display:flex; align-items:center}
.window-callback-image {min-width:427px; max-width:427px; min-height:390px; padding:36px; background:url(../images/window-callback.jpg) no-repeat center; background-size:cover}
.window-callback-image img {display:block; width:110px}
.window-callback-container {width:100%; padding:64px}
.window-callback-title {font-size:45px; line-height:50px; letter-spacing:-0.03em; color:#121212}
.window-callback-text {margin:15px 0 0 0; font-weight:normal; font-size:16px; line-height:24px; color:rgba(18, 18, 18, 0.5)}
.window-callback-form form {margin:0; padding:0}
.window-callback-fields {margin:32px 0 0 0; display:flex}
.window-callback-fields .form-input {margin:0 0 0 36px; min-width:201px; max-width:201px}
.window-callback-fields .form-input:first-child {margin:0}
.window-callback-fields .form-input.form-input--w-100 {max-width: 438px; min-width: 438px;}
.window-callback-fields .form-field-upload {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    max-width: 438px;
    min-width: 438px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 5px;
    cursor: pointer;
}

.window-callback-fields .form-field-upload .form-field-upload__label {
    font: 500 15px / 17px Manrope, sans-serif;
}

.window-callback-fields .form-field-upload .form-field-upload__button {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    gap: 2px;
    align-items: center;
    background: #e4d9e2;
    color: #813569;
    font-size: 0.5em;
    padding: 0.8em 1em;
    border-radius: 0.7em;
    line-height: normal;
    transition: all .3s ease-in-out;
}

.window-callback-fields .form-field-upload .form-field-upload__button-icon path {
    transition: all .3s ease-in-out;
    fill: #813569;
}

.window-callback-fields .form-field-upload:hover .form-field-upload__button {
    background: #813569;
    color: #e4d9e2;
}

.window-callback-fields .form-field-upload:hover .form-field-upload__button-icon path {
    fill: #e4d9e2;
}

.window-callback-fields .form-field-upload input {
    display: none;
}
.window-callback--consultation .window-callback-image {
    background: url(../images/window-consultation.jpg) no-repeat left center;
    background-size: cover;
    align-self: stretch;
}
.window-callback--consultation .window-callback-image img {
    display: none;
}
.window-callback--consultation .btn {
    width: 100%;
    max-width: 438px;
}
.window-success-title {margin:15px 0 0 0; font-weight:normal; font-size:16px; line-height:24px; color:rgba(18, 18, 18, 0.5)}
.window-success-btn {margin:36px 0 0 0}

@media (max-width:1199px) {
    .window-callback {width:355px; display:block}
    .window-callback-image {min-width:0; max-width:none; min-height:301px; padding:20px 16px}
    .window-callback-container {width:auto; padding:24px 16px 42px 16px}
    .window-callback-title {font-size:36px; line-height:47px}
    .window-callback-text {margin:16px 0 0 0; line-height:22px}
    .window-callback-fields {margin:40px 0 0 0; display:block}
    .window-callback-fields .form-input, .window-callback-fields .form-input.form-input--w-100 {margin:24px 0 0 0; min-width:0; max-width:none}
    .window-success-title {margin:16px 0 0 0; line-height:22px}
    .window-success-btn {margin:40px 0 0 0}
    .window-callback-fields .form-field-upload {
        min-width:0; 
        max-width:none
    }
}

.page-404 {text-align:center; margin:48px 0}
.page-404-title {font-weight:500; font-size:200px; line-height:200px; letter-spacing:-0.03em; color:#813569}
.page-404-subtitle {margin:48px 0 24px 0; font-weight:600; font-size:40px; line-height:40px; letter-spacing:-0.03em; color:#813569}
.page-404-text {margin:35px 0; padding:0}
.page-404-links {display:flex; justify-content:center}
.page-404-link {margin:0 0 0 48px}
.page-404-link:first-child {margin:0}

@media (max-width:1199px) {
    .page-404-title {font-size:100px; line-height:100px}
    .page-404-subtitle {font-size:36px; line-height:39px}
    .page-404-links {display:block}
    .page-404-link {margin:24px 0 0 0}
}

.docs-group-list-new {display:flex; margin:0 0 -32px -27px; flex-wrap:wrap}
.docs-group-list-new a {display:flex; align-items:center; margin:0 0 32px 27px; min-width:calc(33.33% - 27px); max-width:calc(33.33% - 27px); border:1px solid #F3F3F9; border-radius:37px; transition:background 0.2s}
.docs-group-list-new a:hover {background:#813569}
.docs-group-list-new-item-preview {position:relative; margin:-1px 0 -1px -1px; min-width:120px; max-width:120px; border-radius:37px 0 0 37px; background:#813569}
.docs-group-list-new-item-preview img {display:block; width:100%; border-radius:37px 0 0 37px}
.docs-group-list-new-item-title {font-size:20px; line-height:30px; color:#000000; transition:color 0.2s; letter-spacing:-0.03em; padding:0 0 0 20px; width:100%}
.docs-group-list-new a:hover .docs-group-list-new-item-title {color:#FFFFFF}
.docs-group-list-new-item-icon {min-width:48px; max-width:48px; height:48px; margin:0 12px 0 12px; display:flex; align-items:center; justify-content:center; background:#F7F7F9; border-radius:16px}
.docs-group-list-new-item-icon svg {width:24px; height:24px; fill:none; stroke:#813569}


@media (max-width:1360px) {
    .docs-group-list-new a {min-width:calc(50% - 27px); max-width:calc(50% - 27px)}
}

@media (max-width:1023px) {
    .docs-group-list-new a {min-width:calc(100% - 27px); max-width:calc(100% - 27px)}
}

.neftegaz-2025 {margin:222px 0 -222px 0}
.neftegaz-2025 a {display:flex; align-items:center; justify-content:center; flex-direction:column; text-align:center; height:250px; background:url(../images/neftegaz-2025.jpg) no-repeat center; background-size:cover; color:#FFFFFF}
.neftegaz-2025-place {font-weight:normal; font-size:24px; line-height:23px}
.neftegaz-2025-place strong {font-weight:bold}
.neftegaz-2025-title {margin:12px 0 0 0; font-weight:600; font-size:42px; line-height:51px; text-transform:uppercase}
.neftegaz-2025-text {margin:5px auto 0 auto; max-width:782px; font-weight:normal; font-size:16px; line-height:20px}

@media (max-width:1199px) {
    .neftegaz-2025 {margin:48px 0}
    .neftegaz-2025 a {margin:0 -16px; height:480px; background-image:url(../images/neftegaz-2025-mobile.jpg)}
    .neftegaz-2025-place {max-width:172px; font-size:21px; line-height:23px}
    .neftegaz-2025-title {margin:28px 0 0 0; max-width:278px; font-size:42px; line-height:51px}
    .neftegaz-2025-title span {display:block; opacity:0; height:0}
    .neftegaz-2025-text {margin:34px 0 0 0; max-width:254px; font-size:16px; line-height:20px}
}