/* Home initial-render CSS, extracted from snapshot.bundle using CSSOM selector matches on the complete home DOM.
 * Retains media queries, font faces and keyframes; full bundle remains asynchronously loaded.
 * Source SHA256: f0246d0b4dc50789bca85666b01f864ef0244555a9dcb7d4900b9987f7e404d9
 */
html { line-height: 1.15; text-size-adjust: 100%; }
body { margin: 0px; }
article, aside, footer, header, nav, section { display: block; }
section { position: relative; }
h1 { font-size: 2em; margin: 0.67em 0px; }
a { background-color: transparent; }
audio, video { display: inline-block; }
img { border-style: none; }
svg:not(:root) { overflow: hidden; }
button, input, optgroup, select, textarea { font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0px; }
button, input { overflow: visible; }
button, select { text-transform: none; }
[type="reset"], [type="submit"], button, html [type="button"] { appearance: button; }
::-webkit-file-upload-button { appearance: button; font: inherit; }
.swiper, .swiper-container { list-style: none; overflow: hidden; padding: 0px; position: relative; z-index: 1; }
.swiper-container { margin: 0px auto; }
.swiper-slide { float: left; }
.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; }
.swiper-container-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0px auto; }
.swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; }
.swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: 50% center; background-repeat: no-repeat; }
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E"); left: 10px; right: auto; }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E"); right: 10px; left: auto; }
.swiper-pagination { position: absolute; text-align: center; transition: opacity 0.3s; transform: translate3d(-50%, 0px, 0px); left: 50%; z-index: 10; }
.swiper-container .swiper-pagination { display: none; }
.swiper-container-horizontal .swiper-pagination { display: block; }
@keyframes swiper-preloader-spin {
  100% { transform: rotate(1turn); }
}
.swiper-container .swiper-notification { position: absolute; left: 0px; top: 0px; pointer-events: none; opacity: 0; z-index: -1000; }
@font-face { font-family: HeroNewBold; src: url("../img/HeroNew-Bold.woff") format("woff"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: HeroNewMedium; src: url("../img/HeroNew-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap; }
html { color: rgb(34, 34, 34); font-size: 16px; line-height: 1.4; font-family: MuseoSansCyrl, system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Cantarell, "Noto Sans", sans-serif; }
::selection { background: rgb(179, 212, 252); text-shadow: none; }
audio, canvas, iframe, img, svg, video { vertical-align: middle; }
@media print {
*, ::after, ::before { background: transparent !important; color: rgb(0, 0, 0) !important; box-shadow: none !important; text-shadow: none !important; }
a, a:visited { text-decoration: underline; }
a[href]::after { content: " (" attr(href) ")"; }
a[href^="#"]::after, a[href^="javascript:"]::after { content: ""; }
blockquote, pre { border: 1px solid rgb(153, 153, 153); break-inside: avoid; }
img, tr { break-inside: avoid; }
h2, h3, p { orphans: 3; widows: 3; }
h2, h3 { break-after: avoid; }
}
a { text-decoration: none; }
body { width: 100%; color: rgb(119, 119, 119); font-size: 16px; line-height: 1.6; font-weight: 300; font-family: MuseoSansCyrl, system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Cantarell, "Noto Sans", sans-serif; }
h1, h2, h3, h4, h5, h6, li, ol, p, span, table, td, th, tr, ul { margin: 0px; padding: 0px; }
.swiper-slide { text-align: center; }
.swiper-slide img { max-width: 100%; }
.swiper-container { padding-bottom: 50px; }
.h2, h2 { font-size: 2.875em; line-height: 1.2; margin-top: 0px; font-weight: 700; margin-bottom: 20px; }
.h3, h3 { font-size: 1.625em; line-height: 1.4; margin-top: 0px; font-weight: 500; }
.h3 + ol, .h3 + p, .h3 + ul, h3 + ol, h3 + p, h3 + ul { margin-top: 18px; }
h4 { margin-top: 0px; font-weight: 500; margin-bottom: 0.625em; line-height: 1.25; }
.tinytitle, h4 { font-size: 20px; }
.selected { color: rgb(255, 255, 255); }
p { margin-top: 0px; }
ol + p, p + ol, p + p, p + ul, ul + p { margin-top: 20px; }
ul, ul li { list-style-type: none; }
ul li { counter-increment: section 1; position: relative; margin-bottom: 24px; }
ul li:last-child { margin-bottom: 0px; }
a { color: inherit; transition: opacity 0.15s, color 0.15s; }
a:hover { color: rgb(255, 255, 255); }
a:focus, a:hover { outline: none; }
body { counter-reset: num 0; }
:root { --container-gutter: 13vw; }
@media (max-width: 1440px) {
:root { --container-gutter: 11vw; }
}
@media (max-width: 1024px) {
:root { --container-gutter: 13vw; }
}
*, ::after, ::before { box-sizing: border-box; }
.menu-icon { height: 22px; width: 32px; cursor: pointer; position: absolute; transition: opacity 0.25s, transform 0.25s; top: 35px; right: 0px; z-index: 3; }
@media (max-width: 1024px) {
.menu-icon { top: 50px; }
}
.menu-icon__line { height: 2px; background: rgb(255, 255, 255); position: absolute; right: 0px; transition: transform 0.2s, top 0.2s 0.4s, width 0.2s 0.4s; }
.menu-icon__line-first { width: 100%; top: 20%; }
.menu-icon__line-second { width: 65%; top: 55%; }
.header.page-top .menu-icon { opacity: 0; cursor: none; pointer-events: none; }
@media screen and (max-width: 1250px) {
.header.page-top .menu-icon { opacity: 1; cursor: pointer; pointer-events: auto; }
}
@media screen and (max-width: 360px) {
.header.page-top .menu-icon { top: 31px; }
}
.header { position: fixed; top: 0px; left: 0px; z-index: 100; width: 100%; }
.header__container { display: flex; align-items: center; justify-content: space-between; transition: opacity 0.2s, transform 0.1s; }
.header__logo { height: 95px; display: flex; transition: opacity 0.2s, transform 0.2s; position: relative; }
.header__logo-img { width: 130px; }
.header__top-line { height: 0px; }
.footer__link { text-decoration: none; font-size: 0.875em; line-height: 1.1; color: rgb(255, 255, 255); transition: color 0.15s; cursor: pointer; }
.footer__link:hover { opacity: 0.6; }
.service-section, .services-section { overflow: hidden; padding-top: 120px; padding-bottom: 185px; }
.swiper-container-horizontal .swiper-wrapper { flex-wrap: nowrap; }
.compressed.header .menu-icon { opacity: 0.7; pointer-events: all; }
@media screen and (max-width: 1024px) {
.compressed.header .menu-icon { top: 50px; }
}
@media screen and (max-width: 426px) {
.compressed.header .menu-icon { top: 32px; }
}
.compressed.header .menu-icon:hover { opacity: 1; }
.compressed.header .header__container, .compressed.header .nav { transform: translate3d(0px, -100px, 0px); opacity: 0; pointer-events: none; }
.compressed.header.active .footer, .compressed.header.page-top .header__container { transform: translateZ(0px); opacity: 1; pointer-events: all; }
@media (min-width: 1701px) {
body { font-size: 18px; }
}
@media (max-width: 1024px) {
.header { padding: 0px; right: 0px; display: flex; flex-direction: column; height: 0px; }
.header__top-line::after, .header__top-line::before { content: none; }
.header::before { content: none; }
.header__logo { height: auto; }
.header__container { justify-content: space-between; display: flex; z-index: 999999; padding: 40px 0px 5px; align-items: center; }
.menu-icon { display: block; width: 41px; height: 14px; transform: none; opacity: 1; pointer-events: all; }
.menu-icon__line { height: 2px; }
.menu-icon__line-first { top: 0px; }
.menu-icon__line-second { top: 10px; }
}
@media (max-width: 768px) {
.header__container { left: 0px; }
}
@media screen and (max-width: 767px) {
.header { padding: 0px; }
.header__logo { width: 40%; height: auto; position: relative; }
.header__logo-img { width: 105px; z-index: 100; position: relative; }
.header__container { padding: 25px 0px 10px; }
.footer__link { margin-left: 30px; }
}
@media screen and (max-width: 667px) {
.menu-icon { width: 34px; height: 14px; }
.menu-icon__line { height: 2px; }
.service-section, .services-section { padding-top: 90px; padding-bottom: 140px; }
}
@media screen and (max-width: 480px) {
body { overflow-x: hidden !important; }
}
@media (max-width: 320px) {
body { font-size: 14px; }
}
@keyframes preloader-pulse {
  0% { opacity: 0.75; transform: rotate(0deg); }
  50% { opacity: 1; transform: rotate(180deg); }
  100% { opacity: 0.75; transform: rotate(1turn); }
}
.navigation-new[data-v-7050ddb2] { background: rgba(0, 0, 0, 0.7); display: flex; align-items: center; justify-content: center; position: relative; min-height: 100vh; box-sizing: content-box; }
@media (max-width: 768px) {
.navigation-new[data-v-7050ddb2] { align-items: normal; padding-top: 106px; }
}
@media (max-width: 500px) {
.navigation-new[data-v-7050ddb2] { justify-content: start; padding-bottom: 50px; }
}
@media (max-width: 500px) {
.navigation-new__menu[data-v-7050ddb2] { padding-left: 35px; }
}
@media (max-width: 500px) {
.navigation-new__menu ul li[data-v-7050ddb2] { margin-bottom: 0px; }
}
.navigation-new__list[data-v-7050ddb2] { display: flex; flex-wrap: wrap; justify-content: center; }
@media (max-width: 1074px) {
.navigation-new__list[data-v-7050ddb2] { max-width: 90%; margin-left: auto; margin-right: auto; }
}
@media (max-width: 768px) {
.navigation-new__list[data-v-7050ddb2] { display: flex; flex-direction: column; align-items: center; gap: 12px; }
}
@media (max-width: 500px) {
.navigation-new__list[data-v-7050ddb2] { align-items: start; gap: 20px; margin: 0px; }
}
.navigation-new__list a[data-v-7050ddb2] { color: rgb(255, 255, 255); text-align: center; font-size: 27px; font-style: normal; font-weight: 300; line-height: 140%; opacity: 0.8; padding: 20px 35px; border-radius: 32px; }
.navigation-new__list a[data-v-7050ddb2]:hover { opacity: 1; }
@media (max-width: 768px) {
.navigation-new__list a[data-v-7050ddb2] { color: rgb(255, 255, 255); font-size: 30px; font-weight: 250; }
.navigation-new__list a[data-v-7050ddb2]:hover { font-weight: 400; }
}
@media (max-width: 500px) {
.navigation-new__list a[data-v-7050ddb2] { color: rgb(255, 255, 255); font-size: 20px; font-weight: 250; padding: 10px 20px 10px 0px; }
}
.btns__modal[data-v-7050ddb2] { display: flex; justify-content: space-between; align-items: flex-end; position: absolute; bottom: 0px; width: 90%; left: 50%; transform: translateX(-50%); padding-bottom: 28px; }
@media (max-width: 565px) {
.btns__modal[data-v-7050ddb2] { flex-direction: column; align-items: flex-start; justify-content: normal; }
}
@media (max-width: 500px) {
.btns__modal[data-v-7050ddb2] { position: static; width: 100%; left: auto; transform: none; }
}
.navigation-new__buttons[data-v-7050ddb2] { display: flex; justify-content: center; gap: 40px; margin-top: 70px; }
@media (max-width: 768px) {
.navigation-new__buttons[data-v-7050ddb2] { margin-top: 55px; }
}
@media (max-width: 500px) {
.navigation-new__buttons[data-v-7050ddb2] { display: none; }
}
.navigation-new__button[data-v-7050ddb2] { color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; font-size: 16px; font-style: normal; font-weight: 300; line-height: 140%; width: 190px; height: 44px; flex-shrink: 0; border-radius: 13px; border: 1px solid rgba(255, 255, 255, 0.6); background-color: transparent; cursor: pointer; transition: background-color 0.3s, color 0.3s; position: relative; overflow: hidden; z-index: 1; font-family: MuseoSansCyrl, sans-serif; }
.navigation-new__button[data-v-7050ddb2]:hover { color: rgb(0, 0, 0); }
.navigation-new__button[data-v-7050ddb2]::before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgb(255, 255, 255); transform: scaleX(0); transform-origin: right center; transition: transform 0.3s; z-index: -1; }
.navigation-new__button[data-v-7050ddb2]:hover::before { transform: scaleX(1); transform-origin: left center; }
.navigation-new__button[data-v-7050ddb2]:active { transform: scale(0.98); }
@keyframes fade-0-5-data-v-ff4f3948 {
  0% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes fade-1c-data-v-ff4f3948 {
  0% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes fade-data-v-ff4f3948 {
  0% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes disappear-data-v-ff4f3948 {
  0% { filter: blur(0px); opacity: 1; }
  100% { filter: blur(5px); opacity: 0; }
}
@keyframes disappear-0-5-data-v-ff4f3948 {
  0% { filter: blur(0px); opacity: 0.5; }
  100% { filter: blur(5px); opacity: 0; }
}
[data-v-ff4f3948], [data-v-ff4f3948]::after, [data-v-ff4f3948]::before { box-sizing: border-box; margin: 0px; }
.footer-modern--fill[data-v-ff4f3948], .footer-modern[data-v-ff4f3948] { background-color: rgb(25, 26, 27); }
.footer-modern__container[data-v-ff4f3948] { position: relative; margin: 0px auto; padding: 57px 0px 45px; max-width: 1576px; width: calc(100% - 154px); display: flex; justify-content: space-between; font-size: 14px; z-index: 2; }
@media screen and (max-width: 1440px) {
.footer-modern__container[data-v-ff4f3948] { padding: 32px 0px 48px; }
}
@media screen and (max-width: 769px) {
.footer-modern__container[data-v-ff4f3948] { padding: 3px 55px 27px; width: 100%; }
}
@media screen and (max-width: 550px) {
.footer-modern__container[data-v-ff4f3948] { padding: 17px 36px 32px; }
}
.footer-modern__contacts[data-v-ff4f3948] { display: flex; align-items: center; max-width: 1212px; width: 100%; }
@media screen and (max-width: 1200px) {
.footer-modern__contacts[data-v-ff4f3948] { display: none; }
}
.footer-modern .footer-modern__city-selector a[data-v-ff4f3948] { font-size: 16px; margin-right: 25px; }
.footer-modern .footer-modern__social a + a[data-v-ff4f3948] { margin-left: 30px; }
@media screen and (max-width: 930px) {
.footer-modern .footer-modern__social a + a[data-v-ff4f3948] { margin-left: 23px; }
}
@media screen and (max-width: 550px) {
.footer-modern .footer-modern__social a + a[data-v-ff4f3948] { margin-left: 15px; }
}
.footer-modern .social__header[data-v-ff4f3948] { text-align: left; }
@media screen and (max-width: 930px) {
.footer-modern .social__header[data-v-ff4f3948] { margin-bottom: 20px; }
}
@media screen and (max-width: 550px) {
.footer-modern .social__header[data-v-ff4f3948] { margin-bottom: 13px; }
}
.footer-modern__contacts a[data-v-ff4f3948]:not(:last-child), .footer-modern__contacts span[data-v-ff4f3948]:not(:last-child) { margin-right: 30px; }
.footer-modern__city-selector a[data-v-ff4f3948] { color: rgb(150, 150, 150); cursor: pointer; }
.footer-modern__city-selector a.selected[data-v-ff4f3948] { color: rgb(255, 255, 255); }
.footer-modern__social[data-v-ff4f3948] { display: flex; justify-content: flex-end; flex-wrap: wrap; flex-shrink: 0; }
.footer-modern__social header[data-v-ff4f3948] { width: 100%; margin-bottom: 22px; color: rgb(150, 150, 150); font-size: 16px; display: none; }
@media screen and (max-width: 1200px) {
.footer-modern__social header[data-v-ff4f3948] { display: block; }
}
.footer-modern__social a[data-v-ff4f3948] { opacity: 0.5; }
.footer-modern__social a[data-v-ff4f3948]:hover { opacity: 1; }
.footer-modern__social a + a[data-v-ff4f3948] { margin-left: 30px; }
@media screen and (max-width: 1279px) {
.footer-modern[data-v-ff4f3948] { padding-top: 90px; padding-bottom: 40px; }
}
@media screen and (max-width: 1279px) and (max-width: 1200px) {
.footer-modern__social[data-v-ff4f3948] { justify-content: flex-start; width: 50%; }
}
@media screen and (max-width: 1279px) {
.footer-modern__social a + a[data-v-ff4f3948] { margin-left: 30px; }
}
@media screen and (max-width: 425px) {
.footer-modern .footer-modern__social a + a[data-v-ff4f3948] { margin-left: 15px; }
}
@media screen and (max-width: 719px) {
.footer-modern[data-v-ff4f3948] { padding-top: 50px; padding-bottom: 50px; }
.footer-modern__social[data-v-ff4f3948] { width: 100%; }
.footer-modern__social header[data-v-ff4f3948] { margin-bottom: 16px; }
}
@media screen and (max-width: 374px) {
.footer-modern__social a[data-v-ff4f3948] { margin-left: 0px; margin-right: -7px; }
}
@keyframes fade-0-5-data-v-a1ad29aa {
  0% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes fade-1c-data-v-a1ad29aa {
  0% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes fade-data-v-a1ad29aa {
  0% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes disappear-data-v-a1ad29aa {
  0% { filter: blur(0px); opacity: 1; }
  100% { filter: blur(5px); opacity: 0; }
}
@keyframes disappear-0-5-data-v-a1ad29aa {
  0% { filter: blur(0px); opacity: 0.5; }
  100% { filter: blur(5px); opacity: 0; }
}
@keyframes fade-0-5-data-v-2ee28934 {
  0% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes fade-1c-data-v-2ee28934 {
  0% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes fade-data-v-2ee28934 {
  0% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes disappear-data-v-2ee28934 {
  0% { filter: blur(0px); opacity: 1; }
  100% { filter: blur(5px); opacity: 0; }
}
@keyframes disappear-0-5-data-v-2ee28934 {
  0% { filter: blur(0px); opacity: 0.5; }
  100% { filter: blur(5px); opacity: 0; }
}
[data-v-2ee28934], [data-v-2ee28934]::after, [data-v-2ee28934]::before { box-sizing: border-box; margin: 0px; }
.good[data-v-2ee28934], .overlay-new[data-v-2ee28934] { position: fixed; top: 0px; left: 0px; }
.overlay-new[data-v-2ee28934] { background: rgba(0, 0, 0, 0.7); backdrop-filter: blur(20px); right: 0px; bottom: 0px; z-index: 145; }
.footer_call_phone_495[data-v-23015bc0], .footer_call_phone_812[data-v-23015bc0] { opacity: 0; }
.btns[data-v-23015bc0] { display: none; }
.btns__blur[data-v-23015bc0] { position: fixed; width: 100%; height: 100vh; background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)); backdrop-filter: blur(5px); top: 0px; z-index: -1; opacity: 0; transition: 0.3s; }
.btns__modal[data-v-23015bc0] { touch-action: none; display: none; padding-left: min(20%, 90px); padding-top: min(9%, 45px); padding-bottom: min(6%, 30px); background-color: rgb(30, 30, 32); position: fixed; bottom: 0px; width: 100vw; z-index: 17; border-top-left-radius: 20px; border-top-right-radius: 20px; transform: translateY(110%); transition: transform 0.2s ease-in, box-shadow 0.1s ease-out 0.2s; }
.btns__modal[data-v-23015bc0]::before { content: ""; background-color: rgb(39, 39, 39); width: 50px; height: 3px; position: absolute; top: 0px; left: 50%; transform: translate(-50%, 500%); }
.btns__options[data-v-23015bc0] { display: flex; flex-direction: column; gap: 25px; list-style-type: none; justify-content: space-between; height: 60%; }
.btns__option[data-v-23015bc0] { display: flex; align-items: center; color: rgb(255, 255, 255); font-size: 18.5px; }
@media screen and (max-width: 479px) {
.btns__option[data-v-23015bc0] { font-size: 15px; }
}
.btns__option a[data-v-23015bc0] { cursor: pointer; }
.btns__option--extended[data-v-23015bc0] { flex-direction: column; gap: 20px; align-items: baseline; }
@media screen and (max-width: 479px) {
.btns__option--extended[data-v-23015bc0] { gap: 15px; }
}
.btns__picker[data-v-23015bc0] { display: flex; align-items: center; gap: 0px 20px; width: 90%; }
@media (max-width: 374px) {
.btns__picker[data-v-23015bc0] { flex-wrap: wrap; }
}
.btns__picker span[data-v-23015bc0] { color: rgb(255, 255, 255); opacity: 0.7; padding-top: 8px; padding-bottom: 8px; cursor: pointer; transition: padding-left 0.2s, padding-right 0.2s; -webkit-tap-highlight-color: transparent; font-size: 15px; }
@media screen and (max-width: 479px) {
.btns__picker span[data-v-23015bc0] { font-size: 12px; }
}
.btns__picker .selected[data-v-23015bc0] { opacity: 1; background-color: rgb(39, 39, 39); padding-left: 13px; padding-right: 10px; border-radius: 10px; }
.btns__number[data-v-23015bc0] { color: rgb(128, 190, 234); margin-left: 7px; }
.btns__text[data-v-23015bc0] { font-size: 18px; color: rgb(255, 255, 255); line-height: 19px; margin-right: 20px; opacity: 0; transition: opacity 0.1s; display: none; }
.btns__box[data-v-23015bc0] { flex-direction: column-reverse; display: flex; bottom: 25px; right: 10%; position: fixed; z-index: 17; align-items: flex-end; }
.btns__item[data-v-23015bc0] { display: flex; align-items: center; }
.btns__item_1[data-v-23015bc0], .btns__item_2[data-v-23015bc0], .btns__item_3[data-v-23015bc0] { z-index: -100; position: absolute; transform: translateZ(0px); opacity: 0; right: 0px; width: max-content; transition: opacity 0.2s, transform; }
.btns__item_1[data-v-23015bc0] { transition-delay: 0.05s; }
.btns__item-box[data-v-23015bc0] { padding: 1em 1.5em; border-radius: 10px; background-color: rgb(255, 255, 255); color: rgb(17, 17, 17); cursor: pointer; font-size: 13.5px; transition: 0.2s; -webkit-tap-highlight-color: transparent; }
@media screen and (max-width: 479px) {
.btns__item-box[data-v-23015bc0] { font-size: 11px; }
}
.btns__item_open[data-v-23015bc0] { transition: 0.3s; }
.btns__item_open.opacited[data-v-23015bc0] { opacity: 0.5; }
@media screen and (max-width: 1024px) {
.btns[data-v-23015bc0], .btns__modal[data-v-23015bc0] { display: block; }
.btns__box[data-v-23015bc0] { right: 5%; }
.btns__item_1[data-v-23015bc0] { display: none; }
}
@media screen and (max-width: 860px) {
.btns[data-v-23015bc0] { display: block; }
.btns__box[data-v-23015bc0] { right: 55px; }
.btns__item_1[data-v-23015bc0] { display: flex; }
.btns__item_open[data-v-23015bc0] { transform: translateY(-26px); }
}
@media screen and (max-width: 550px) {
.btns__box[data-v-23015bc0] { right: 38px; }
}
@keyframes gradientMove-data-v-c0bea91c {
  0% { transform: translateX(0px); }
  50% { transform: translateX(110%); }
  100% { transform: translateX(0px); }
}
.buttonlink[data-v-e5e2adce] { font-family: inherit; position: relative; padding: 14px 24px; min-width: 250px; font-size: 14px; line-height: 21px; color: rgb(255, 255, 255); background-color: transparent; border: 1px solid rgb(255, 255, 255); cursor: pointer; transition: 0.25s; overflow: hidden; border-radius: 14px; transform: translateZ(0px); }
.buttonlink[data-v-e5e2adce], .buttonlink__content[data-v-e5e2adce] { display: inline-flex; justify-content: space-between; align-items: center; }
.buttonlink--filled[data-v-e5e2adce] { color: rgb(21, 21, 22); background: rgb(255, 255, 255); }
.buttonlink.footer__link[data-v-e5e2adce] { justify-content: center; transform: translateY(-70%); min-width: unset; gap: 20px; opacity: 1; display: flex; transition: opacity 0.3s; border-radius: 15px !important; padding: 14px 25px !important; }
.buttonlink.footer__link[data-v-e5e2adce]:hover { opacity: 1; }
.body-application[data-v-e5e2adce] { opacity: 0; position: absolute; top: 93.8vh; right: 5%; visibility: hidden; transition: transform 0.4s ease-out, opacity 0.3s; }
.body-application .application[data-v-e5e2adce] { border: 1px solid rgb(255, 255, 255); border-radius: 3px; padding: 6px 10px; cursor: pointer; }
.header__logo[data-v-e5e2adce] { margin: 0px; }
@media (max-width: 450px) {
.header__logo[data-v-e5e2adce] { top: 0px; }
}
.compressed.header .body-application[data-v-e5e2adce] { width: 240px; display: flex; justify-content: flex-end; opacity: 1; visibility: visible; transform: translate3d(0px, -20px, 0px); position: fixed; }
.compressed.header .body-application.noactive[data-v-e5e2adce] { display: none; }
.page-top.header .body-application[data-v-e5e2adce] { opacity: 0; top: 93.8vh; transition: transform 0.4s ease-out, opacity 0.3s; visibility: hidden; position: absolute; }
.page-top.header .body-application .application[data-v-e5e2adce] { border: 1px solid rgb(255, 255, 255); border-radius: 3px; padding: 6px 10px; cursor: pointer; }
@media (min-width: 1024px) {
.compressed.header .header__top-line .header__logo[data-v-e5e2adce] { display: flex; }
.compressed.header.page-top[data-v-e5e2adce] { width: 100%; left: 0px; }
.compressed.header.page-top .menu-icon[data-v-e5e2adce] { opacity: 1; }
.compressed.header.page-top .header__top-line .header__logo[data-v-e5e2adce] { display: flex; }
}
.header__top-line[data-v-e5e2adce] { transition: 0.4s; transform: translateY(0px); opacity: 1; position: relative; z-index: 2; margin: 0px auto; padding: 0px 78px; }
.header__top-line .header__container[data-v-e5e2adce] { max-width: 1576px; width: 100%; margin: auto; height: 95px; }
@media (max-width: 1100px) {
.header__top-line[data-v-e5e2adce] { padding: 0px 55px; margin: 0px; }
}
@media (max-width: 768px) {
.header__top-line .header__container[data-v-e5e2adce] { padding-top: 23px; max-width: 1366px; }
}
@media (max-width: 600px) {
.header__top-line[data-v-e5e2adce] { padding: 0px 36px; }
}
@media (max-width: 426px) {
.header__top-line .header__container[data-v-e5e2adce] { padding-top: 25px; padding-bottom: 43px; max-width: 1366px; width: clamp(18rem, -5.1923rem + 103.077vw, 22.1875rem); }
}
@media (max-width: 1024px) {
.compressed.header .body-application[data-v-e5e2adce] { display: none !important; }
}
@media (max-width: 667px) {
.compressed.header .body-application[data-v-e5e2adce] { display: none !important; }
}
.new-static-menu[data-v-e5e2adce] { transition: opacity 0.3s ease-in-out; }
.new-static-menu[data-v-e5e2adce] { backdrop-filter: blur(20px); min-height: 100vh; overflow: auto; position: absolute; width: 100%; height: 100%; z-index: 1; }
.new-static-menu_main-str[data-v-e5e2adce] { position: absolute; inset: 0px; z-index: 1; }
.compressed.header.page-top .menu-icon[data-v-e5e2adce] { opacity: 0; pointer-events: none; }
@media screen and (max-width: 1250px) {
.compressed.header.page-top .menu-icon[data-v-e5e2adce] { opacity: 1; pointer-events: auto; }
}
@media screen and (max-width: 1250px) {
.navigation-menu[data-v-e5e2adce] { display: none; }
}
.navigation-list[data-v-e5e2adce] { display: flex; align-items: center; gap: 20px; margin-right: -20px; margin-bottom: 7px; }
.navigation-list li[data-v-e5e2adce] { margin-bottom: 0px; }
.navigation-list a[data-v-e5e2adce] { color: rgb(255, 255, 255); font-size: 14px; font-style: normal; font-weight: 300; line-height: normal; padding: 12px 20px; transition: 0.2s; border-radius: 13px; }
.navigation-list a[data-v-e5e2adce]:hover { background: rgb(30, 30, 32); backdrop-filter: blur(2px); }
.nuxt-link-active[data-v-e5e2adce] { border-radius: 13px; background: rgb(30, 30, 32); opacity: 1 !important; font-weight: 400 !important; }
.header__logo a[data-v-e5e2adce] { border-radius: 0px; background: none; }
@media screen and (max-width: 1024px) {
.menu-icon[data-v-e5e2adce] { top: 50px; }
}
@media screen and (max-width: 426px) {
.menu-icon[data-v-e5e2adce] { top: 32px; }
}
.menu-icon__wrapper[data-v-e5e2adce] { position: relative; max-width: 1575px; margin: 0px auto; width: calc(100% - 156px); }
@media screen and (max-width: 1100px) {
.menu-icon__wrapper[data-v-e5e2adce] { width: calc(100% - 110px); }
}
@media screen and (max-width: 720px) {
.menu-icon__wrapper[data-v-e5e2adce] { width: calc(100% - 76px); }
}
.menu-icon__wrapper_main[data-v-e5e2adce] { width: calc(100% - 156px); }
@media screen and (max-width: 769px) {
.menu-icon__wrapper_main[data-v-e5e2adce] { width: calc(100% - 110px); }
}
@media screen and (max-width: 425px) {
.menu-icon__wrapper_main[data-v-e5e2adce] { width: calc(100% - 76px); }
}
@media screen and (max-width: 768px) {
.menu-icon__line[data-v-e5e2adce] { height: 3px !important; }
}
@media (max-width: 1100px) {
.header__top-line_main[data-v-e5e2adce] { padding: 0px 77px; }
}
@media (max-width: 769px) {
.header__top-line_main[data-v-e5e2adce] { padding: 0px 55px; }
}
@media (max-width: 425px) {
.header__top-line_main[data-v-e5e2adce] { padding: 0px 36px; }
}
body { position: relative; overflow-x: hidden; }
.page-container[data-v-6f8a040c] { background: rgb(21, 21, 22); }
.background-gradient[data-v-6f8a040c] { width: 100%; height: 100vh; position: fixed; display: flex; align-items: center; justify-content: space-between; pointer-events: none; z-index: 0; }
.background-gradient img[data-v-6f8a040c] { user-select: none; opacity: 0; transition: opacity 2.5s 0.7s, transform 0.7s; width: 150vw; position: absolute; }
.background-gradient img[data-v-6f8a040c]:first-child { left: -100%; }
.background-gradient img[data-v-6f8a040c]:last-child { right: -100%; }
@media screen and (max-width: 1100px) {
.background-gradient img[data-v-6f8a040c] { height: 220vw; width: 220vw; }
.background-gradient img[data-v-6f8a040c]:first-child { left: -140%; }
.background-gradient img[data-v-6f8a040c]:last-child { right: -140%; }
}
.main-heading-block[data-v-6f8a040c] { margin-bottom: 104px; }
.component-block[data-v-1a254476] { width: 100%; display: flex; flex-direction: column; align-items: center; padding-left: 35px; padding-right: 35px; z-index: 3; position: relative; }
.title-block[data-v-1a254476] { font-size: 80px; margin-top: 264px; font-weight: 400; animation: 0.6s ease-out 0.5s 1 normal forwards paused moveTop-data-v-1a254476; }
.subtitle-block[data-v-1a254476], .title-block[data-v-1a254476] { width: 100%; text-align: center; color: rgb(255, 255, 255); opacity: 0; }
.subtitle-block[data-v-1a254476] { max-width: 600px; font-size: 28px; line-height: 39.2px; font-weight: 300; margin-top: 13px; animation: 0.6s ease-out 0.7s 1 normal forwards paused moveTop-data-v-1a254476; }
@media screen and (max-width: 1400px) {
.title-block[data-v-1a254476] { margin-top: 214px; }
.subtitle-block[data-v-1a254476] { max-width: 520px; }
}
@media screen and (max-width: 1100px) {
.title-block[data-v-1a254476] { max-width: 655px; font-size: 56px; margin-top: 175px; line-height: 63px; }
.subtitle-block[data-v-1a254476] { max-width: 380px; font-size: 20px; margin-top: 39px; line-height: 27px; }
}
@media screen and (max-width: 620px) {
.title-block[data-v-1a254476] { max-width: 290px; font-size: 48px; margin-top: 150px; line-height: 54px; }
.subtitle-block[data-v-1a254476] { max-width: 270px; font-size: 18px; margin-top: 33px; line-height: 25px; }
}
@keyframes moveTop-data-v-1a254476 {
  0% { transform: translateY(20px); }
  100% { transform: translateY(0px); opacity: 1; }
}
.component-block[data-v-135dc442] { width: 100%; display: flex; flex-direction: column; align-items: center; padding-left: 35px; padding-right: 35px; z-index: 3; position: relative; }
.video-block[data-v-135dc442] { position: relative; width: 100%; max-width: 906px; height: 515px; border-radius: 13px; overflow: hidden; animation: 1s ease-out 0.9s 1 normal forwards paused moveTop-data-v-135dc442; opacity: 0; }
@media screen and (max-width: 1100px) {
.video-block[data-v-135dc442] { max-width: 548px; height: 312px; }
}
@media screen and (max-width: 620px) {
.video-block[data-v-135dc442] { max-width: 350px; height: 588px; }
}
@keyframes moveTop-data-v-135dc442 {
  0% { transform: translateY(20px); }
  100% { transform: translateY(0px); opacity: 1; }
}
.video-iframe-wrapper[data-v-135dc442] { width: 100%; height: 100%; overflow: hidden; border-radius: inherit; position: relative; transform: translateY(-92px); }
.component-block__top-element-big[data-v-1c300291] { height: 100px; }
@media screen and (max-width: 550px) {
.component-block__top-element-big[data-v-1c300291] { height: 44px; }
}
.component-block__top-element-last[data-v-1c300291] { height: 1px; }
.live-marketing-block-wr[data-v-1c300291] { height: fit-content; }
.live-marketing-block[data-v-1c300291] { margin-top: 23px; margin-left: auto; margin-right: auto; padding-left: 75px; padding-right: 75px; position: relative; padding-bottom: 40px; }
@media screen and (max-width: 930px) {
.live-marketing-block[data-v-1c300291] { margin-top: 10px; padding-left: 55px; padding-right: 55px; }
}
@media screen and (max-width: 550px) {
.live-marketing-block[data-v-1c300291] { margin-top: 0px; padding-left: 35px; padding-right: 35px; padding-bottom: 36px; }
}
.live-marketing-block :hover .live-marketing-block__card[data-v-1c300291]:last-of-type { padding-bottom: 115px; }
@media screen and (max-width: 1024px) {
.live-marketing-block :hover .live-marketing-block__card[data-v-1c300291]:last-of-type { padding-bottom: 48px; }
}
@media screen and (max-width: 768px) {
.live-marketing-block :hover .live-marketing-block__card[data-v-1c300291]:last-of-type { padding-bottom: 0px; }
}
@media screen and (max-width: 550px) {
.live-marketing-block :hover .live-marketing-block__card[data-v-1c300291]:last-of-type { padding-bottom: 58px; }
}
.live-marketing-block :hover .live-marketing-block__content-link[data-v-1c300291] { opacity: 1; transition: 0.5s; }
.live-marketing-block__title[data-v-1c300291] { font-size: 54px; font-weight: 400; line-height: 68.04px; text-align: center; color: rgb(255, 255, 255); margin: 0px 0px 30px; }
@media screen and (max-width: 1024px) {
.live-marketing-block__title[data-v-1c300291] { font-size: 50px; line-height: 75px; margin-bottom: 48px; }
}
@media screen and (max-width: 550px) {
.live-marketing-block__title[data-v-1c300291] { font-size: 28px; line-height: 35.28px; margin-bottom: 24px; }
}
.live-marketing-block__subtitle[data-v-1c300291] { font-size: 18px; font-weight: 300; line-height: 29.16px; text-align: center; color: rgb(150, 150, 150); max-width: 351px; margin: 0px auto 90px; }
@media screen and (max-width: 1024px) {
.live-marketing-block__subtitle[data-v-1c300291] { font-size: 18px; line-height: 28.8px; margin-bottom: 60px; max-width: 400px; }
}
@media screen and (max-width: 550px) {
.live-marketing-block__subtitle[data-v-1c300291] { font-size: 16px; line-height: 24px; margin-bottom: 42px; }
}
.live-marketing-block__content[data-v-1c300291] { display: flex; justify-content: space-between; max-width: 1576px; border-radius: 30px; background: rgb(29, 29, 31); padding: 66px 81px 71px; margin-left: auto; margin-right: auto; column-gap: 80px; position: relative; z-index: 10; filter: drop-shadow(rgb(66, 3, 79) 0px 0px 85px); box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 14px; }
@media screen and (max-width: 1024px) {
.live-marketing-block__content[data-v-1c300291] { flex-direction: column; padding: 65px 58px 61px 52px; row-gap: 55px; }
}
@media screen and (max-width: 768px) {
.live-marketing-block__content[data-v-1c300291] { padding-bottom: 142px; }
}
@media screen and (max-width: 550px) {
.live-marketing-block__content[data-v-1c300291] { background: transparent; padding: 0px; row-gap: 30px; box-shadow: unset; }
}
.live-marketing-block__card[data-v-1c300291] { display: flex; flex-direction: column; max-width: 420px; width: 30%; padding-bottom: 0px; transition: padding 0.3s; }
@media screen and (max-width: 1024px) {
.live-marketing-block__card[data-v-1c300291] { max-width: 100%; width: 100%; }
}
@media screen and (max-width: 1024px) {
.live-marketing-block__card[data-v-1c300291]:last-of-type { padding-bottom: 0px; }
}
@media screen and (max-width: 550px) {
.live-marketing-block__card[data-v-1c300291] { background: rgb(29, 29, 31); padding: 55px 37px 58px 47px; border-radius: 30px; box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 55px; }
.live-marketing-block__card[data-v-1c300291]:last-of-type { padding-bottom: 58px; }
}
.live-marketing-block__card-text[data-v-1c300291] { margin-bottom: 28px; }
@media screen and (max-width: 1024px) {
.live-marketing-block__card-text[data-v-1c300291] { display: flex; gap: 26px; margin-bottom: 24px; align-items: center; }
}
@media screen and (max-width: 550px) {
.live-marketing-block__card-text[data-v-1c300291] { display: block; }
}
.live-marketing-block__card-title[data-v-1c300291] { font-size: 64px; font-weight: 400; line-height: 80.64px; text-align: left; color: rgb(255, 255, 255); margin-bottom: 0px; }
@media screen and (max-width: 1024px) {
.live-marketing-block__card-title[data-v-1c300291] { font-size: 54px; line-height: 68.04px; }
}
@media screen and (max-width: 550px) {
.live-marketing-block__card-title[data-v-1c300291] { font-size: 50px; line-height: 63px; }
}
.live-marketing-block__card-subtitle[data-v-1c300291] { font-size: 26px; font-weight: 300; line-height: 33.8px; text-align: left; color: rgb(255, 255, 255); margin: 0px; }
@media screen and (max-width: 1024px) {
.live-marketing-block__card-subtitle[data-v-1c300291] { max-width: 115px; font-size: 22px; line-height: 28.6px; }
}
@media screen and (max-width: 550px) {
.live-marketing-block__card-subtitle[data-v-1c300291] { max-width: 100%; font-size: 20px; line-height: 26px; }
}
.live-marketing-block__card:first-child .live-marketing-block__card-gradient[data-v-1c300291] { background: linear-gradient(90deg, rgb(0, 240, 255), rgb(255, 0, 181) 355%); }
.live-marketing-block__card:nth-child(2) .live-marketing-block__card-gradient[data-v-1c300291] { background: linear-gradient(90deg, rgb(0, 240, 255) -127.33%, rgb(255, 0, 181) 225.33%); }
.live-marketing-block__card:nth-child(3) .live-marketing-block__card-gradient[data-v-1c300291] { background: linear-gradient(90deg, rgb(0, 240, 255) -254.33%, rgb(255, 0, 181) 100.08%); }
.live-marketing-block__card-gradient[data-v-1c300291] { height: 1px; margin: 0px 0px 30px; }
@media screen and (max-width: 1024px) {
.live-marketing-block__card-gradient[data-v-1c300291] { margin-bottom: 23px; }
}
.live-marketing-block__card-description[data-v-1c300291] { font-size: 16px; font-weight: 300; line-height: 24px; text-align: left; color: rgb(150, 150, 150); }
@media screen and (max-width: 1024px) {
.live-marketing-block__card-description[data-v-1c300291] { max-width: 476px; }
}
@media screen and (max-width: 550px) {
.live-marketing-block__card-description[data-v-1c300291] { line-height: 25px; max-width: 97%; }
}
.live-marketing-block__content-link[data-v-1c300291] { font-size: 20px; font-weight: 400; line-height: 26px; text-align: center; color: rgb(172, 158, 255); text-decoration: none; position: absolute; left: 50%; transform: translateX(-50%); bottom: 45px; opacity: 0; transition: color 0.2s linear; }
.live-marketing-block__content-link[data-v-1c300291]:hover { color: rgb(255, 255, 255); }
@media screen and (max-width: 768px) {
.live-marketing-block__content-link[data-v-1c300291] { opacity: 1; bottom: 62px; }
}
@media screen and (max-width: 578px) {
.live-marketing-block__content-link[data-v-1c300291] { display: none; }
}
@media screen and (min-width: 1024px) {
.live-marketing-block__content-link[data-v-1c300291] { bottom: 76px; }
}
html { line-height: 1.15; text-size-adjust: 100%; }
body { margin: 0px; }
article, aside, footer, header, nav, section { display: block; }
section { position: relative; }
h1 { font-size: 2em; margin: 0.67em 0px; }
a { background-color: transparent; }
audio, video { display: inline-block; }
img { border-style: none; }
svg:not(:root) { overflow: hidden; }
button, input, optgroup, select, textarea { font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0px; }
button, input { overflow: visible; }
button, select { text-transform: none; }
[type="reset"], [type="submit"], button, html [type="button"] { appearance: button; }
::-webkit-file-upload-button { appearance: button; font: inherit; }
.swiper, .swiper-container { list-style: none; overflow: hidden; padding: 0px; position: relative; z-index: 1; }
.swiper-container { margin: 0px auto; }
.swiper-slide { float: left; }
.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; }
.swiper-container-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0px auto; }
.swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; }
.swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: 50% center; background-repeat: no-repeat; }
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E"); left: 10px; right: auto; }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E"); right: 10px; left: auto; }
.swiper-pagination { position: absolute; text-align: center; transition: opacity 0.3s; transform: translate3d(-50%, 0px, 0px); left: 50%; z-index: 10; }
.swiper-container .swiper-pagination { display: none; }
.swiper-container-horizontal .swiper-pagination { display: block; }
@keyframes swiper-preloader-spin {
  100% { transform: rotate(1turn); }
}
.swiper-container .swiper-notification { position: absolute; left: 0px; top: 0px; pointer-events: none; opacity: 0; z-index: -1000; }
@font-face { font-family: HeroNewBold; src: url("../img/HeroNew-Bold.woff") format("woff"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: HeroNewMedium; src: url("../img/HeroNew-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap; }
html { color: rgb(34, 34, 34); font-size: 16px; line-height: 1.4; font-family: MuseoSansCyrl, system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Cantarell, "Noto Sans", sans-serif; }
::selection { background: rgb(179, 212, 252); text-shadow: none; }
audio, canvas, iframe, img, svg, video { vertical-align: middle; }
@media print {
*, ::after, ::before { background: transparent !important; color: rgb(0, 0, 0) !important; box-shadow: none !important; text-shadow: none !important; }
a, a:visited { text-decoration: underline; }
a[href]::after { content: " (" attr(href) ")"; }
a[href^="#"]::after, a[href^="javascript:"]::after { content: ""; }
blockquote, pre { border: 1px solid rgb(153, 153, 153); break-inside: avoid; }
img, tr { break-inside: avoid; }
h2, h3, p { orphans: 3; widows: 3; }
h2, h3 { break-after: avoid; }
}
a { text-decoration: none; }
body { width: 100%; color: rgb(119, 119, 119); font-size: 16px; line-height: 1.6; font-weight: 300; font-family: MuseoSansCyrl, system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Cantarell, "Noto Sans", sans-serif; }
h1, h2, h3, h4, h5, h6, li, ol, p, span, table, td, th, tr, ul { margin: 0px; padding: 0px; }
.swiper-slide { text-align: center; }
.swiper-slide img { max-width: 100%; }
.swiper-container { padding-bottom: 50px; }
.h2, h2 { font-size: 2.875em; line-height: 1.2; margin-top: 0px; font-weight: 700; margin-bottom: 20px; }
.h3, h3 { font-size: 1.625em; line-height: 1.4; margin-top: 0px; font-weight: 500; }
.h3 + ol, .h3 + p, .h3 + ul, h3 + ol, h3 + p, h3 + ul { margin-top: 18px; }
h4 { margin-top: 0px; font-weight: 500; margin-bottom: 0.625em; line-height: 1.25; }
.tinytitle, h4 { font-size: 20px; }
.selected { color: rgb(255, 255, 255); }
p { margin-top: 0px; }
ol + p, p + ol, p + p, p + ul, ul + p { margin-top: 20px; }
ul, ul li { list-style-type: none; }
ul li { counter-increment: section 1; position: relative; margin-bottom: 24px; }
ul li:last-child { margin-bottom: 0px; }
a { color: inherit; transition: opacity 0.15s, color 0.15s; }
a:hover { color: rgb(255, 255, 255); }
a:focus, a:hover { outline: none; }
body { counter-reset: num 0; }
:root { --container-gutter: 13vw; }
@media (max-width: 1440px) {
:root { --container-gutter: 11vw; }
}
@media (max-width: 1024px) {
:root { --container-gutter: 13vw; }
}
*, ::after, ::before { box-sizing: border-box; }
.menu-icon { height: 22px; width: 32px; cursor: pointer; position: absolute; transition: opacity 0.25s, transform 0.25s; top: 35px; right: 0px; z-index: 3; }
@media (max-width: 1024px) {
.menu-icon { top: 50px; }
}
.menu-icon__line { height: 2px; background: rgb(255, 255, 255); position: absolute; right: 0px; transition: transform 0.2s, top 0.2s 0.4s, width 0.2s 0.4s; }
.menu-icon__line-first { width: 100%; top: 20%; }
.menu-icon__line-second { width: 65%; top: 55%; }
.header.page-top .menu-icon { opacity: 0; cursor: none; pointer-events: none; }
@media screen and (max-width: 1250px) {
.header.page-top .menu-icon { opacity: 1; cursor: pointer; pointer-events: auto; }
}
@media screen and (max-width: 360px) {
.header.page-top .menu-icon { top: 31px; }
}
.header { position: fixed; top: 0px; left: 0px; z-index: 100; width: 100%; }
.header__container { display: flex; align-items: center; justify-content: space-between; transition: opacity 0.2s, transform 0.1s; }
.header__logo { height: 95px; display: flex; transition: opacity 0.2s, transform 0.2s; position: relative; }
.header__logo-img { width: 130px; }
.header__top-line { height: 0px; }
.footer__link { text-decoration: none; font-size: 0.875em; line-height: 1.1; color: rgb(255, 255, 255); transition: color 0.15s; cursor: pointer; }
.footer__link:hover { opacity: 0.6; }
.service-section, .services-section { overflow: hidden; padding-top: 120px; padding-bottom: 185px; }
.swiper-container-horizontal .swiper-wrapper { flex-wrap: nowrap; }
.compressed.header .menu-icon { opacity: 0.7; pointer-events: all; }
@media screen and (max-width: 1024px) {
.compressed.header .menu-icon { top: 50px; }
}
@media screen and (max-width: 426px) {
.compressed.header .menu-icon { top: 32px; }
}
.compressed.header .menu-icon:hover { opacity: 1; }
.compressed.header .header__container, .compressed.header .nav { transform: translate3d(0px, -100px, 0px); opacity: 0; pointer-events: none; }
.compressed.header.active .footer, .compressed.header.page-top .header__container { transform: translateZ(0px); opacity: 1; pointer-events: all; }
@media (min-width: 1701px) {
body { font-size: 18px; }
}
@media (max-width: 1024px) {
.header { padding: 0px; right: 0px; display: flex; flex-direction: column; height: 0px; }
.header__top-line::after, .header__top-line::before { content: none; }
.header::before { content: none; }
.header__logo { height: auto; }
.header__container { justify-content: space-between; display: flex; z-index: 999999; padding: 40px 0px 5px; align-items: center; }
.menu-icon { display: block; width: 41px; height: 14px; transform: none; opacity: 1; pointer-events: all; }
.menu-icon__line { height: 2px; }
.menu-icon__line-first { top: 0px; }
.menu-icon__line-second { top: 10px; }
}
@media (max-width: 768px) {
.header__container { left: 0px; }
}
@media screen and (max-width: 767px) {
.header { padding: 0px; }
.header__logo { width: 40%; height: auto; position: relative; }
.header__logo-img { width: 105px; z-index: 100; position: relative; }
.header__container { padding: 25px 0px 10px; }
.footer__link { margin-left: 30px; }
}
@media screen and (max-width: 667px) {
.menu-icon { width: 34px; height: 14px; }
.menu-icon__line { height: 2px; }
.service-section, .services-section { padding-top: 90px; padding-bottom: 140px; }
}
@media screen and (max-width: 480px) {
body { overflow-x: hidden !important; }
}
@media (max-width: 320px) {
body { font-size: 14px; }
}
@keyframes preloader-pulse {
  0% { opacity: 0.75; transform: rotate(0deg); }
  50% { opacity: 1; transform: rotate(180deg); }
  100% { opacity: 0.75; transform: rotate(1turn); }
}
.navigation-new[data-v-7050ddb2] { background: rgba(0, 0, 0, 0.7); display: flex; align-items: center; justify-content: center; position: relative; min-height: 100vh; box-sizing: content-box; }
@media (max-width: 768px) {
.navigation-new[data-v-7050ddb2] { align-items: normal; padding-top: 106px; }
}
@media (max-width: 500px) {
.navigation-new[data-v-7050ddb2] { justify-content: start; padding-bottom: 50px; }
}
@media (max-width: 500px) {
.navigation-new__menu[data-v-7050ddb2] { padding-left: 35px; }
}
@media (max-width: 500px) {
.navigation-new__menu ul li[data-v-7050ddb2] { margin-bottom: 0px; }
}
.navigation-new__list[data-v-7050ddb2] { display: flex; flex-wrap: wrap; justify-content: center; }
@media (max-width: 1074px) {
.navigation-new__list[data-v-7050ddb2] { max-width: 90%; margin-left: auto; margin-right: auto; }
}
@media (max-width: 768px) {
.navigation-new__list[data-v-7050ddb2] { display: flex; flex-direction: column; align-items: center; gap: 12px; }
}
@media (max-width: 500px) {
.navigation-new__list[data-v-7050ddb2] { align-items: start; gap: 20px; margin: 0px; }
}
.navigation-new__list a[data-v-7050ddb2] { color: rgb(255, 255, 255); text-align: center; font-size: 27px; font-style: normal; font-weight: 300; line-height: 140%; opacity: 0.8; padding: 20px 35px; border-radius: 32px; }
.navigation-new__list a[data-v-7050ddb2]:hover { opacity: 1; }
@media (max-width: 768px) {
.navigation-new__list a[data-v-7050ddb2] { color: rgb(255, 255, 255); font-size: 30px; font-weight: 250; }
.navigation-new__list a[data-v-7050ddb2]:hover { font-weight: 400; }
}
@media (max-width: 500px) {
.navigation-new__list a[data-v-7050ddb2] { color: rgb(255, 255, 255); font-size: 20px; font-weight: 250; padding: 10px 20px 10px 0px; }
}
.btns__modal[data-v-7050ddb2] { display: flex; justify-content: space-between; align-items: flex-end; position: absolute; bottom: 0px; width: 90%; left: 50%; transform: translateX(-50%); padding-bottom: 28px; }
@media (max-width: 565px) {
.btns__modal[data-v-7050ddb2] { flex-direction: column; align-items: flex-start; justify-content: normal; }
}
@media (max-width: 500px) {
.btns__modal[data-v-7050ddb2] { position: static; width: 100%; left: auto; transform: none; }
}
.navigation-new__buttons[data-v-7050ddb2] { display: flex; justify-content: center; gap: 40px; margin-top: 70px; }
@media (max-width: 768px) {
.navigation-new__buttons[data-v-7050ddb2] { margin-top: 55px; }
}
@media (max-width: 500px) {
.navigation-new__buttons[data-v-7050ddb2] { display: none; }
}
.navigation-new__button[data-v-7050ddb2] { color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; font-size: 16px; font-style: normal; font-weight: 300; line-height: 140%; width: 190px; height: 44px; flex-shrink: 0; border-radius: 13px; border: 1px solid rgba(255, 255, 255, 0.6); background-color: transparent; cursor: pointer; transition: background-color 0.3s, color 0.3s; position: relative; overflow: hidden; z-index: 1; font-family: MuseoSansCyrl, sans-serif; }
.navigation-new__button[data-v-7050ddb2]:hover { color: rgb(0, 0, 0); }
.navigation-new__button[data-v-7050ddb2]::before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgb(255, 255, 255); transform: scaleX(0); transform-origin: right center; transition: transform 0.3s; z-index: -1; }
.navigation-new__button[data-v-7050ddb2]:hover::before { transform: scaleX(1); transform-origin: left center; }
.navigation-new__button[data-v-7050ddb2]:active { transform: scale(0.98); }
@keyframes fade-0-5-data-v-ff4f3948 {
  0% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes fade-1c-data-v-ff4f3948 {
  0% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes fade-data-v-ff4f3948 {
  0% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes disappear-data-v-ff4f3948 {
  0% { filter: blur(0px); opacity: 1; }
  100% { filter: blur(5px); opacity: 0; }
}
@keyframes disappear-0-5-data-v-ff4f3948 {
  0% { filter: blur(0px); opacity: 0.5; }
  100% { filter: blur(5px); opacity: 0; }
}
[data-v-ff4f3948], [data-v-ff4f3948]::after, [data-v-ff4f3948]::before { box-sizing: border-box; margin: 0px; }
.footer-modern--fill[data-v-ff4f3948], .footer-modern[data-v-ff4f3948] { background-color: rgb(25, 26, 27); }
.footer-modern__container[data-v-ff4f3948] { position: relative; margin: 0px auto; padding: 57px 0px 45px; max-width: 1576px; width: calc(100% - 154px); display: flex; justify-content: space-between; font-size: 14px; z-index: 2; }
@media screen and (max-width: 1440px) {
.footer-modern__container[data-v-ff4f3948] { padding: 32px 0px 48px; }
}
@media screen and (max-width: 769px) {
.footer-modern__container[data-v-ff4f3948] { padding: 3px 55px 27px; width: 100%; }
}
@media screen and (max-width: 550px) {
.footer-modern__container[data-v-ff4f3948] { padding: 17px 36px 32px; }
}
.footer-modern__contacts[data-v-ff4f3948] { display: flex; align-items: center; max-width: 1212px; width: 100%; }
@media screen and (max-width: 1200px) {
.footer-modern__contacts[data-v-ff4f3948] { display: none; }
}
.footer-modern .footer-modern__city-selector a[data-v-ff4f3948] { font-size: 16px; margin-right: 25px; }
.footer-modern .footer-modern__social a + a[data-v-ff4f3948] { margin-left: 30px; }
@media screen and (max-width: 930px) {
.footer-modern .footer-modern__social a + a[data-v-ff4f3948] { margin-left: 23px; }
}
@media screen and (max-width: 550px) {
.footer-modern .footer-modern__social a + a[data-v-ff4f3948] { margin-left: 15px; }
}
.footer-modern .social__header[data-v-ff4f3948] { text-align: left; }
@media screen and (max-width: 930px) {
.footer-modern .social__header[data-v-ff4f3948] { margin-bottom: 20px; }
}
@media screen and (max-width: 550px) {
.footer-modern .social__header[data-v-ff4f3948] { margin-bottom: 13px; }
}
.footer-modern__contacts a[data-v-ff4f3948]:not(:last-child), .footer-modern__contacts span[data-v-ff4f3948]:not(:last-child) { margin-right: 30px; }
.footer-modern__city-selector a[data-v-ff4f3948] { color: rgb(150, 150, 150); cursor: pointer; }
.footer-modern__city-selector a.selected[data-v-ff4f3948] { color: rgb(255, 255, 255); }
.footer-modern__social[data-v-ff4f3948] { display: flex; justify-content: flex-end; flex-wrap: wrap; flex-shrink: 0; }
.footer-modern__social header[data-v-ff4f3948] { width: 100%; margin-bottom: 22px; color: rgb(150, 150, 150); font-size: 16px; display: none; }
@media screen and (max-width: 1200px) {
.footer-modern__social header[data-v-ff4f3948] { display: block; }
}
.footer-modern__social a[data-v-ff4f3948] { opacity: 0.5; }
.footer-modern__social a[data-v-ff4f3948]:hover { opacity: 1; }
.footer-modern__social a + a[data-v-ff4f3948] { margin-left: 30px; }
@media screen and (max-width: 1279px) {
.footer-modern[data-v-ff4f3948] { padding-top: 90px; padding-bottom: 40px; }
}
@media screen and (max-width: 1279px) and (max-width: 1200px) {
.footer-modern__social[data-v-ff4f3948] { justify-content: flex-start; width: 50%; }
}
@media screen and (max-width: 1279px) {
.footer-modern__social a + a[data-v-ff4f3948] { margin-left: 30px; }
}
@media screen and (max-width: 425px) {
.footer-modern .footer-modern__social a + a[data-v-ff4f3948] { margin-left: 15px; }
}
@media screen and (max-width: 719px) {
.footer-modern[data-v-ff4f3948] { padding-top: 50px; padding-bottom: 50px; }
.footer-modern__social[data-v-ff4f3948] { width: 100%; }
.footer-modern__social header[data-v-ff4f3948] { margin-bottom: 16px; }
}
@media screen and (max-width: 374px) {
.footer-modern__social a[data-v-ff4f3948] { margin-left: 0px; margin-right: -7px; }
}
@keyframes fade-0-5-data-v-a1ad29aa {
  0% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes fade-1c-data-v-a1ad29aa {
  0% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes fade-data-v-a1ad29aa {
  0% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes disappear-data-v-a1ad29aa {
  0% { filter: blur(0px); opacity: 1; }
  100% { filter: blur(5px); opacity: 0; }
}
@keyframes disappear-0-5-data-v-a1ad29aa {
  0% { filter: blur(0px); opacity: 0.5; }
  100% { filter: blur(5px); opacity: 0; }
}
@keyframes fade-0-5-data-v-2ee28934 {
  0% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes fade-1c-data-v-2ee28934 {
  0% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes fade-data-v-2ee28934 {
  0% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes disappear-data-v-2ee28934 {
  0% { filter: blur(0px); opacity: 1; }
  100% { filter: blur(5px); opacity: 0; }
}
@keyframes disappear-0-5-data-v-2ee28934 {
  0% { filter: blur(0px); opacity: 0.5; }
  100% { filter: blur(5px); opacity: 0; }
}
[data-v-2ee28934], [data-v-2ee28934]::after, [data-v-2ee28934]::before { box-sizing: border-box; margin: 0px; }
.good[data-v-2ee28934], .overlay-new[data-v-2ee28934] { position: fixed; top: 0px; left: 0px; }
.overlay-new[data-v-2ee28934] { background: rgba(0, 0, 0, 0.7); backdrop-filter: blur(20px); right: 0px; bottom: 0px; z-index: 145; }
.footer_call_phone_495[data-v-23015bc0], .footer_call_phone_812[data-v-23015bc0] { opacity: 0; }
.btns[data-v-23015bc0] { display: none; }
.btns__blur[data-v-23015bc0] { position: fixed; width: 100%; height: 100vh; background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)); backdrop-filter: blur(5px); top: 0px; z-index: -1; opacity: 0; transition: 0.3s; }
.btns__modal[data-v-23015bc0] { touch-action: none; display: none; padding-left: min(20%, 90px); padding-top: min(9%, 45px); padding-bottom: min(6%, 30px); background-color: rgb(30, 30, 32); position: fixed; bottom: 0px; width: 100vw; z-index: 17; border-top-left-radius: 20px; border-top-right-radius: 20px; transform: translateY(110%); transition: transform 0.2s ease-in, box-shadow 0.1s ease-out 0.2s; }
.btns__modal[data-v-23015bc0]::before { content: ""; background-color: rgb(39, 39, 39); width: 50px; height: 3px; position: absolute; top: 0px; left: 50%; transform: translate(-50%, 500%); }
.btns__options[data-v-23015bc0] { display: flex; flex-direction: column; gap: 25px; list-style-type: none; justify-content: space-between; height: 60%; }
.btns__option[data-v-23015bc0] { display: flex; align-items: center; color: rgb(255, 255, 255); font-size: 18.5px; }
@media screen and (max-width: 479px) {
.btns__option[data-v-23015bc0] { font-size: 15px; }
}
.btns__option a[data-v-23015bc0] { cursor: pointer; }
.btns__option--extended[data-v-23015bc0] { flex-direction: column; gap: 20px; align-items: baseline; }
@media screen and (max-width: 479px) {
.btns__option--extended[data-v-23015bc0] { gap: 15px; }
}
.btns__picker[data-v-23015bc0] { display: flex; align-items: center; gap: 0px 20px; width: 90%; }
@media (max-width: 374px) {
.btns__picker[data-v-23015bc0] { flex-wrap: wrap; }
}
.btns__picker span[data-v-23015bc0] { color: rgb(255, 255, 255); opacity: 0.7; padding-top: 8px; padding-bottom: 8px; cursor: pointer; transition: padding-left 0.2s, padding-right 0.2s; -webkit-tap-highlight-color: transparent; font-size: 15px; }
@media screen and (max-width: 479px) {
.btns__picker span[data-v-23015bc0] { font-size: 12px; }
}
.btns__picker .selected[data-v-23015bc0] { opacity: 1; background-color: rgb(39, 39, 39); padding-left: 13px; padding-right: 10px; border-radius: 10px; }
.btns__number[data-v-23015bc0] { color: rgb(128, 190, 234); margin-left: 7px; }
.btns__text[data-v-23015bc0] { font-size: 18px; color: rgb(255, 255, 255); line-height: 19px; margin-right: 20px; opacity: 0; transition: opacity 0.1s; display: none; }
.btns__box[data-v-23015bc0] { flex-direction: column-reverse; display: flex; bottom: 25px; right: 10%; position: fixed; z-index: 17; align-items: flex-end; }
.btns__item[data-v-23015bc0] { display: flex; align-items: center; }
.btns__item_1[data-v-23015bc0], .btns__item_2[data-v-23015bc0], .btns__item_3[data-v-23015bc0] { z-index: -100; position: absolute; transform: translateZ(0px); opacity: 0; right: 0px; width: max-content; transition: opacity 0.2s, transform; }
.btns__item_1[data-v-23015bc0] { transition-delay: 0.05s; }
.btns__item-box[data-v-23015bc0] { padding: 1em 1.5em; border-radius: 10px; background-color: rgb(255, 255, 255); color: rgb(17, 17, 17); cursor: pointer; font-size: 13.5px; transition: 0.2s; -webkit-tap-highlight-color: transparent; }
@media screen and (max-width: 479px) {
.btns__item-box[data-v-23015bc0] { font-size: 11px; }
}
.btns__item_open[data-v-23015bc0] { transition: 0.3s; }
.btns__item_open.opacited[data-v-23015bc0] { opacity: 0.5; }
@media screen and (max-width: 1024px) {
.btns[data-v-23015bc0], .btns__modal[data-v-23015bc0] { display: block; }
.btns__box[data-v-23015bc0] { right: 5%; }
.btns__item_1[data-v-23015bc0] { display: none; }
}
@media screen and (max-width: 860px) {
.btns[data-v-23015bc0] { display: block; }
.btns__box[data-v-23015bc0] { right: 55px; }
.btns__item_1[data-v-23015bc0] { display: flex; }
.btns__item_open[data-v-23015bc0] { transform: translateY(-26px); }
}
@media screen and (max-width: 550px) {
.btns__box[data-v-23015bc0] { right: 38px; }
}
@keyframes gradientMove-data-v-c0bea91c {
  0% { transform: translateX(0px); }
  50% { transform: translateX(110%); }
  100% { transform: translateX(0px); }
}
.buttonlink[data-v-e5e2adce] { font-family: inherit; position: relative; padding: 14px 24px; min-width: 250px; font-size: 14px; line-height: 21px; color: rgb(255, 255, 255); background-color: transparent; border: 1px solid rgb(255, 255, 255); cursor: pointer; transition: 0.25s; overflow: hidden; border-radius: 14px; transform: translateZ(0px); }
.buttonlink[data-v-e5e2adce], .buttonlink__content[data-v-e5e2adce] { display: inline-flex; justify-content: space-between; align-items: center; }
.buttonlink--filled[data-v-e5e2adce] { color: rgb(21, 21, 22); background: rgb(255, 255, 255); }
.buttonlink.footer__link[data-v-e5e2adce] { justify-content: center; transform: translateY(-70%); min-width: unset; gap: 20px; opacity: 1; display: flex; transition: opacity 0.3s; border-radius: 15px !important; padding: 14px 25px !important; }
.buttonlink.footer__link[data-v-e5e2adce]:hover { opacity: 1; }
.body-application[data-v-e5e2adce] { opacity: 0; position: absolute; top: 93.8vh; right: 5%; visibility: hidden; transition: transform 0.4s ease-out, opacity 0.3s; }
.body-application .application[data-v-e5e2adce] { border: 1px solid rgb(255, 255, 255); border-radius: 3px; padding: 6px 10px; cursor: pointer; }
.header__logo[data-v-e5e2adce] { margin: 0px; }
@media (max-width: 450px) {
.header__logo[data-v-e5e2adce] { top: 0px; }
}
.compressed.header .body-application[data-v-e5e2adce] { width: 240px; display: flex; justify-content: flex-end; opacity: 1; visibility: visible; transform: translate3d(0px, -20px, 0px); position: fixed; }
.compressed.header .body-application.noactive[data-v-e5e2adce] { display: none; }
.page-top.header .body-application[data-v-e5e2adce] { opacity: 0; top: 93.8vh; transition: transform 0.4s ease-out, opacity 0.3s; visibility: hidden; position: absolute; }
.page-top.header .body-application .application[data-v-e5e2adce] { border: 1px solid rgb(255, 255, 255); border-radius: 3px; padding: 6px 10px; cursor: pointer; }
@media (min-width: 1024px) {
.compressed.header .header__top-line .header__logo[data-v-e5e2adce] { display: flex; }
.compressed.header.page-top[data-v-e5e2adce] { width: 100%; left: 0px; }
.compressed.header.page-top .menu-icon[data-v-e5e2adce] { opacity: 1; }
.compressed.header.page-top .header__top-line .header__logo[data-v-e5e2adce] { display: flex; }
}
.header__top-line[data-v-e5e2adce] { transition: 0.4s; transform: translateY(0px); opacity: 1; position: relative; z-index: 2; margin: 0px auto; padding: 0px 78px; }
.header__top-line .header__container[data-v-e5e2adce] { max-width: 1576px; width: 100%; margin: auto; height: 95px; }
@media (max-width: 1100px) {
.header__top-line[data-v-e5e2adce] { padding: 0px 55px; margin: 0px; }
}
@media (max-width: 768px) {
.header__top-line .header__container[data-v-e5e2adce] { padding-top: 23px; max-width: 1366px; }
}
@media (max-width: 600px) {
.header__top-line[data-v-e5e2adce] { padding: 0px 36px; }
}
@media (max-width: 426px) {
.header__top-line .header__container[data-v-e5e2adce] { padding-top: 25px; padding-bottom: 43px; max-width: 1366px; width: clamp(18rem, -5.1923rem + 103.077vw, 22.1875rem); }
}
@media (max-width: 1024px) {
.compressed.header .body-application[data-v-e5e2adce] { display: none !important; }
}
@media (max-width: 667px) {
.compressed.header .body-application[data-v-e5e2adce] { display: none !important; }
}
.new-static-menu[data-v-e5e2adce] { transition: opacity 0.3s ease-in-out; }
.new-static-menu[data-v-e5e2adce] { backdrop-filter: blur(20px); min-height: 100vh; overflow: auto; position: absolute; width: 100%; height: 100%; z-index: 1; }
.new-static-menu_main-str[data-v-e5e2adce] { position: absolute; inset: 0px; z-index: 1; }
.compressed.header.page-top .menu-icon[data-v-e5e2adce] { opacity: 0; pointer-events: none; }
@media screen and (max-width: 1250px) {
.compressed.header.page-top .menu-icon[data-v-e5e2adce] { opacity: 1; pointer-events: auto; }
}
@media screen and (max-width: 1250px) {
.navigation-menu[data-v-e5e2adce] { display: none; }
}
.navigation-list[data-v-e5e2adce] { display: flex; align-items: center; gap: 20px; margin-right: -20px; margin-bottom: 7px; }
.navigation-list li[data-v-e5e2adce] { margin-bottom: 0px; }
.navigation-list a[data-v-e5e2adce] { color: rgb(255, 255, 255); font-size: 14px; font-style: normal; font-weight: 300; line-height: normal; padding: 12px 20px; transition: 0.2s; border-radius: 13px; }
.navigation-list a[data-v-e5e2adce]:hover { background: rgb(30, 30, 32); backdrop-filter: blur(2px); }
.nuxt-link-active[data-v-e5e2adce] { border-radius: 13px; background: rgb(30, 30, 32); opacity: 1 !important; font-weight: 400 !important; }
.header__logo a[data-v-e5e2adce] { border-radius: 0px; background: none; }
@media screen and (max-width: 1024px) {
.menu-icon[data-v-e5e2adce] { top: 50px; }
}
@media screen and (max-width: 426px) {
.menu-icon[data-v-e5e2adce] { top: 32px; }
}
.menu-icon__wrapper[data-v-e5e2adce] { position: relative; max-width: 1575px; margin: 0px auto; width: calc(100% - 156px); }
@media screen and (max-width: 1100px) {
.menu-icon__wrapper[data-v-e5e2adce] { width: calc(100% - 110px); }
}
@media screen and (max-width: 720px) {
.menu-icon__wrapper[data-v-e5e2adce] { width: calc(100% - 76px); }
}
.menu-icon__wrapper_main[data-v-e5e2adce] { width: calc(100% - 156px); }
@media screen and (max-width: 769px) {
.menu-icon__wrapper_main[data-v-e5e2adce] { width: calc(100% - 110px); }
}
@media screen and (max-width: 425px) {
.menu-icon__wrapper_main[data-v-e5e2adce] { width: calc(100% - 76px); }
}
@media screen and (max-width: 768px) {
.menu-icon__line[data-v-e5e2adce] { height: 3px !important; }
}
@media (max-width: 1100px) {
.header__top-line_main[data-v-e5e2adce] { padding: 0px 77px; }
}
@media (max-width: 769px) {
.header__top-line_main[data-v-e5e2adce] { padding: 0px 55px; }
}
@media (max-width: 425px) {
.header__top-line_main[data-v-e5e2adce] { padding: 0px 36px; }
}
body { position: relative; overflow-x: hidden; }
.page-container[data-v-6f8a040c] { background: rgb(21, 21, 22); }
.background-gradient[data-v-6f8a040c] { width: 100%; height: 100vh; position: fixed; display: flex; align-items: center; justify-content: space-between; pointer-events: none; z-index: 0; }
.background-gradient img[data-v-6f8a040c] { user-select: none; opacity: 0; transition: opacity 2.5s 0.7s, transform 0.7s; width: 150vw; position: absolute; }
.background-gradient img[data-v-6f8a040c]:first-child { left: -100%; }
.background-gradient img[data-v-6f8a040c]:last-child { right: -100%; }
@media screen and (max-width: 1100px) {
.background-gradient img[data-v-6f8a040c] { height: 220vw; width: 220vw; }
.background-gradient img[data-v-6f8a040c]:first-child { left: -140%; }
.background-gradient img[data-v-6f8a040c]:last-child { right: -140%; }
}
.main-heading-block[data-v-6f8a040c] { margin-bottom: 104px; }
.component-block[data-v-1a254476] { width: 100%; display: flex; flex-direction: column; align-items: center; padding-left: 35px; padding-right: 35px; z-index: 3; position: relative; }
.title-block[data-v-1a254476] { font-size: 80px; margin-top: 264px; font-weight: 400; animation: 0.6s ease-out 0.5s 1 normal forwards paused moveTop-data-v-1a254476; }
.subtitle-block[data-v-1a254476], .title-block[data-v-1a254476] { width: 100%; text-align: center; color: rgb(255, 255, 255); opacity: 0; }
.subtitle-block[data-v-1a254476] { max-width: 600px; font-size: 28px; line-height: 39.2px; font-weight: 300; margin-top: 13px; animation: 0.6s ease-out 0.7s 1 normal forwards paused moveTop-data-v-1a254476; }
@media screen and (max-width: 1400px) {
.title-block[data-v-1a254476] { margin-top: 214px; }
.subtitle-block[data-v-1a254476] { max-width: 520px; }
}
@media screen and (max-width: 1100px) {
.title-block[data-v-1a254476] { max-width: 655px; font-size: 56px; margin-top: 175px; line-height: 63px; }
.subtitle-block[data-v-1a254476] { max-width: 380px; font-size: 20px; margin-top: 39px; line-height: 27px; }
}
@media screen and (max-width: 620px) {
.title-block[data-v-1a254476] { max-width: 290px; font-size: 48px; margin-top: 150px; line-height: 54px; }
.subtitle-block[data-v-1a254476] { max-width: 270px; font-size: 18px; margin-top: 33px; line-height: 25px; }
}
@keyframes moveTop-data-v-1a254476 {
  0% { transform: translateY(20px); }
  100% { transform: translateY(0px); opacity: 1; }
}
.component-block[data-v-135dc442] { width: 100%; display: flex; flex-direction: column; align-items: center; padding-left: 35px; padding-right: 35px; z-index: 3; position: relative; }
.video-block[data-v-135dc442] { position: relative; width: 100%; max-width: 906px; height: 515px; border-radius: 13px; overflow: hidden; animation: 1s ease-out 0.9s 1 normal forwards paused moveTop-data-v-135dc442; opacity: 0; }
@media screen and (max-width: 1100px) {
.video-block[data-v-135dc442] { max-width: 548px; height: 312px; }
}
@media screen and (max-width: 620px) {
.video-block[data-v-135dc442] { max-width: 350px; height: 588px; }
}
@keyframes moveTop-data-v-135dc442 {
  0% { transform: translateY(20px); }
  100% { transform: translateY(0px); opacity: 1; }
}
.video-iframe-wrapper[data-v-135dc442] { width: 100%; height: 100%; overflow: hidden; border-radius: inherit; position: relative; transform: translateY(-92px); }
.component-block__top-element-big[data-v-1c300291] { height: 100px; }
@media screen and (max-width: 550px) {
.component-block__top-element-big[data-v-1c300291] { height: 44px; }
}
.component-block__top-element-last[data-v-1c300291] { height: 1px; }
.live-marketing-block-wr[data-v-1c300291] { height: fit-content; }
.live-marketing-block[data-v-1c300291] { margin-top: 23px; margin-left: auto; margin-right: auto; padding-left: 75px; padding-right: 75px; position: relative; padding-bottom: 40px; }
@media screen and (max-width: 930px) {
.live-marketing-block[data-v-1c300291] { margin-top: 10px; padding-left: 55px; padding-right: 55px; }
}
@media screen and (max-width: 550px) {
.live-marketing-block[data-v-1c300291] { margin-top: 0px; padding-left: 35px; padding-right: 35px; padding-bottom: 36px; }
}
.live-marketing-block :hover .live-marketing-block__card[data-v-1c300291]:last-of-type { padding-bottom: 115px; }
@media screen and (max-width: 1024px) {
.live-marketing-block :hover .live-marketing-block__card[data-v-1c300291]:last-of-type { padding-bottom: 48px; }
}
@media screen and (max-width: 768px) {
.live-marketing-block :hover .live-marketing-block__card[data-v-1c300291]:last-of-type { padding-bottom: 0px; }
}
@media screen and (max-width: 550px) {
.live-marketing-block :hover .live-marketing-block__card[data-v-1c300291]:last-of-type { padding-bottom: 58px; }
}
.live-marketing-block :hover .live-marketing-block__content-link[data-v-1c300291] { opacity: 1; transition: 0.5s; }
.live-marketing-block__title[data-v-1c300291] { font-size: 54px; font-weight: 400; line-height: 68.04px; text-align: center; color: rgb(255, 255, 255); margin: 0px 0px 30px; }
@media screen and (max-width: 1024px) {
.live-marketing-block__title[data-v-1c300291] { font-size: 50px; line-height: 75px; margin-bottom: 48px; }
}
@media screen and (max-width: 550px) {
.live-marketing-block__title[data-v-1c300291] { font-size: 28px; line-height: 35.28px; margin-bottom: 24px; }
}
.live-marketing-block__subtitle[data-v-1c300291] { font-size: 18px; font-weight: 300; line-height: 29.16px; text-align: center; color: rgb(150, 150, 150); max-width: 351px; margin: 0px auto 90px; }
@media screen and (max-width: 1024px) {
.live-marketing-block__subtitle[data-v-1c300291] { font-size: 18px; line-height: 28.8px; margin-bottom: 60px; max-width: 400px; }
}
@media screen and (max-width: 550px) {
.live-marketing-block__subtitle[data-v-1c300291] { font-size: 16px; line-height: 24px; margin-bottom: 42px; }
}
.live-marketing-block__content[data-v-1c300291] { display: flex; justify-content: space-between; max-width: 1576px; border-radius: 30px; background: rgb(29, 29, 31); padding: 66px 81px 71px; margin-left: auto; margin-right: auto; column-gap: 80px; position: relative; z-index: 10; filter: drop-shadow(rgb(66, 3, 79) 0px 0px 85px); box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 14px; }
@media screen and (max-width: 1024px) {
.live-marketing-block__content[data-v-1c300291] { flex-direction: column; padding: 65px 58px 61px 52px; row-gap: 55px; }
}
@media screen and (max-width: 768px) {
.live-marketing-block__content[data-v-1c300291] { padding-bottom: 142px; }
}
@media screen and (max-width: 550px) {
.live-marketing-block__content[data-v-1c300291] { background: transparent; padding: 0px; row-gap: 30px; box-shadow: unset; }
}
.live-marketing-block__card[data-v-1c300291] { display: flex; flex-direction: column; max-width: 420px; width: 30%; padding-bottom: 0px; transition: padding 0.3s; }
@media screen and (max-width: 1024px) {
.live-marketing-block__card[data-v-1c300291] { max-width: 100%; width: 100%; }
}
@media screen and (max-width: 1024px) {
.live-marketing-block__card[data-v-1c300291]:last-of-type { padding-bottom: 0px; }
}
@media screen and (max-width: 550px) {
.live-marketing-block__card[data-v-1c300291] { background: rgb(29, 29, 31); padding: 55px 37px 58px 47px; border-radius: 30px; box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 55px; }
.live-marketing-block__card[data-v-1c300291]:last-of-type { padding-bottom: 58px; }
}
.live-marketing-block__card-text[data-v-1c300291] { margin-bottom: 28px; }
@media screen and (max-width: 1024px) {
.live-marketing-block__card-text[data-v-1c300291] { display: flex; gap: 26px; margin-bottom: 24px; align-items: center; }
}
@media screen and (max-width: 550px) {
.live-marketing-block__card-text[data-v-1c300291] { display: block; }
}
.live-marketing-block__card-title[data-v-1c300291] { font-size: 64px; font-weight: 400; line-height: 80.64px; text-align: left; color: rgb(255, 255, 255); margin-bottom: 0px; }
@media screen and (max-width: 1024px) {
.live-marketing-block__card-title[data-v-1c300291] { font-size: 54px; line-height: 68.04px; }
}
@media screen and (max-width: 550px) {
.live-marketing-block__card-title[data-v-1c300291] { font-size: 50px; line-height: 63px; }
}
.live-marketing-block__card-subtitle[data-v-1c300291] { font-size: 26px; font-weight: 300; line-height: 33.8px; text-align: left; color: rgb(255, 255, 255); margin: 0px; }
@media screen and (max-width: 1024px) {
.live-marketing-block__card-subtitle[data-v-1c300291] { max-width: 115px; font-size: 22px; line-height: 28.6px; }
}
@media screen and (max-width: 550px) {
.live-marketing-block__card-subtitle[data-v-1c300291] { max-width: 100%; font-size: 20px; line-height: 26px; }
}
.live-marketing-block__card:first-child .live-marketing-block__card-gradient[data-v-1c300291] { background: linear-gradient(90deg, rgb(0, 240, 255), rgb(255, 0, 181) 355%); }
.live-marketing-block__card:nth-child(2) .live-marketing-block__card-gradient[data-v-1c300291] { background: linear-gradient(90deg, rgb(0, 240, 255) -127.33%, rgb(255, 0, 181) 225.33%); }
.live-marketing-block__card:nth-child(3) .live-marketing-block__card-gradient[data-v-1c300291] { background: linear-gradient(90deg, rgb(0, 240, 255) -254.33%, rgb(255, 0, 181) 100.08%); }
.live-marketing-block__card-gradient[data-v-1c300291] { height: 1px; margin: 0px 0px 30px; }
@media screen and (max-width: 1024px) {
.live-marketing-block__card-gradient[data-v-1c300291] { margin-bottom: 23px; }
}
.live-marketing-block__card-description[data-v-1c300291] { font-size: 16px; font-weight: 300; line-height: 24px; text-align: left; color: rgb(150, 150, 150); }
@media screen and (max-width: 1024px) {
.live-marketing-block__card-description[data-v-1c300291] { max-width: 476px; }
}
@media screen and (max-width: 550px) {
.live-marketing-block__card-description[data-v-1c300291] { line-height: 25px; max-width: 97%; }
}
.live-marketing-block__content-link[data-v-1c300291] { font-size: 20px; font-weight: 400; line-height: 26px; text-align: center; color: rgb(172, 158, 255); text-decoration: none; position: absolute; left: 50%; transform: translateX(-50%); bottom: 45px; opacity: 0; transition: color 0.2s linear; }
.live-marketing-block__content-link[data-v-1c300291]:hover { color: rgb(255, 255, 255); }
@media screen and (max-width: 768px) {
.live-marketing-block__content-link[data-v-1c300291] { opacity: 1; bottom: 62px; }
}
@media screen and (max-width: 578px) {
.live-marketing-block__content-link[data-v-1c300291] { display: none; }
}
@media screen and (min-width: 1024px) {
.live-marketing-block__content-link[data-v-1c300291] { bottom: 76px; }
}
@media screen and (max-width: 1024px) {
.services__card-img_desc[data-v-56f85d51] { display: none; }
}
.last-case__bg[data-v-56f85d51] { z-index: 1; position: absolute; width: 100%; height: 100%; background: rgb(0, 0, 0); opacity: 0.45; transition: 0.3s; border-radius: 30px; }
.last-case__bg[data-v-56f85d51]:hover { opacity: 0; }
.services-box__last[data-v-56f85d51] { width: 100%; max-width: 370px; height: 500px; display: flex; align-items: center; position: relative; justify-content: center; border-radius: 30px; }
@media screen and (max-width: 1024px) {
.services-box__last[data-v-56f85d51] { max-width: 310px; height: 430px; }
}
@media screen and (max-width: 425px) {
.services-box__last[data-v-56f85d51] { max-width: 270px; height: 450px; }
}
.services-box__last p[data-v-56f85d51] { pointer-events: none; }
.services-box__last .video_last[data-v-56f85d51] { width: 100%; height: 100%; object-fit: cover; z-index: -1; position: absolute; border-radius: 30px; }
.services-box__title[data-v-56f85d51] { position: relative; z-index: 3; color: rgb(255, 255, 255); text-align: center; font-size: 26px; font-weight: 400; transform: translateZ(500px); }
@media screen and (max-width: 980px) {
.services-box__title[data-v-56f85d51] { font-size: 20px; }
}
@media screen and (max-width: 560px) {
.services-box__title[data-v-56f85d51] { font-size: 18px; }
}
.services__card-img_tablet[data-v-56f85d51] { display: none; }
@media screen and (max-width: 1024px) {
.services__card-img_tablet[data-v-56f85d51] { display: block; }
}
@media screen and (max-width: 425px) {
.services__card-img_tablet[data-v-56f85d51] { display: none; }
}
.services__card-img_mobile[data-v-56f85d51] { display: none; }
@media screen and (max-width: 425px) {
.services__card-img_mobile[data-v-56f85d51] { display: block; }
}
@media screen and (max-width: 1024px) {
.block-padding_desktop[data-v-56f85d51] { display: none; }
}
.block-padding_tablet[data-v-56f85d51] { display: none; }
@media screen and (max-width: 1024px) {
.block-padding_tablet[data-v-56f85d51] { display: block; }
}
@media screen and (max-width: 425px) {
.block-padding_tablet[data-v-56f85d51] { display: none; }
}
.block-padding_mobile[data-v-56f85d51] { display: none; }
@media screen and (max-width: 425px) {
.block-padding_mobile[data-v-56f85d51] { display: block; }
}
.services-section[data-v-56f85d51] { scroll-behavior: smooth; padding: 0px 0px 66px; box-sizing: content-box; margin: 0px auto -10px; }
@media (max-width: 768px) {
.services-section[data-v-56f85d51] { padding-left: 0px; padding-right: 0px; }
}
@media (max-width: 450px) {
.services-section[data-v-56f85d51] { padding-left: 0px; padding-right: 0px; }
}
.services-section .rooble[data-v-56f85d51] { font-style: normal; font-family: system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Cantarell, "Noto Sans", sans-serif; font-weight: 400; }
.services__text[data-v-56f85d51] { max-width: 1574px; margin: 0px auto; display: flex; justify-content: space-between; column-gap: 20px; }
@media screen and (max-width: 1160px) {
.services__text[data-v-56f85d51] { padding: 0px 57px 54px; flex-direction: column; }
}
@media screen and (max-width: 550px) {
.services__text[data-v-56f85d51] { padding: 0px 0px 42px; }
}
@media screen and (max-width: 938px) {
.services__text[data-v-56f85d51] { flex-direction: column; margin-bottom: 0px; }
}
@media screen and (max-width: 1024px) {
.services__text[data-v-56f85d51] { padding-bottom: 54px; }
}
@media screen and (max-width: 425px) {
.services__text[data-v-56f85d51] { padding-bottom: 40px; }
}
.services__title[data-v-56f85d51] { font-style: normal; font-weight: 400; font-size: 46px; line-height: 147%; color: rgb(255, 255, 255); margin: 0px; }
@media screen and (max-width: 1366px) {
.services__title[data-v-56f85d51] { line-height: 151%; }
}
@media screen and (max-width: 1024px) {
.services__title[data-v-56f85d51] { font-size: 50px; line-height: 126%; }
}
@media screen and (max-width: 550px) {
.services__title[data-v-56f85d51] { font-size: 28px; margin-bottom: 40px; line-height: 147%; }
}
.services__description[data-v-56f85d51] { font-style: normal; font-weight: 300; font-size: 18px; line-height: 160%; color: rgb(150, 150, 150); margin: 0px; text-align: left; max-width: 644px; }
@media screen and (max-width: 1400px) {
.services__description[data-v-56f85d51] { max-width: 550px; font-size: 18px; }
}
@media screen and (max-width: 1024px) {
.services__description[data-v-56f85d51] { margin-top: 0px; }
}
.swiper-container[data-v-56f85d51] { padding: 54px 0px 0px; max-width: 1574px; overflow: visible; }
.isNewContent .swiper-container[data-v-56f85d51] { padding-left: unset; padding-right: unset; margin-top: 0px; }
@media screen and (max-width: 1660px) {
.isNewContent .swiper-container[data-v-56f85d51] { max-width: unset; }
}
.isNewContent .services__description[data-v-56f85d51] { margin-top: 9px; }
@media screen and (max-width: 1440px) {
.isNewContent .services__description[data-v-56f85d51] { margin-top: 13px; }
}
@media screen and (max-width: 550px) {
.isNewContent .services__description[data-v-56f85d51] { font-size: 16px; }
}
.isNewContent .services__title[data-v-56f85d51] { font-size: 46px; }
@media screen and (max-width: 1440px) {
.isNewContent .services__title[data-v-56f85d51] { font-size: 52px; letter-spacing: 0.02em; }
}
@media screen and (max-width: 930px) {
.isNewContent .services__title[data-v-56f85d51] { font-size: 49px; letter-spacing: 0.02em; margin-bottom: 53px; }
}
@media screen and (max-width: 550px) {
.isNewContent .services__title[data-v-56f85d51] { font-size: 26px; margin-bottom: 20px; }
}
.swiper-button-prev[data-v-56f85d51] { width: 52px; top: 50.3%; height: 52px; left: 40px; border-radius: 50%; margin-top: 0px; background: transparent; border: 1px solid rgb(255, 255, 255); transform: translateY(-50%); }
@media screen and (max-width: 1024px) {
.swiper-button-prev[data-v-56f85d51] { display: none; }
}
.swiper-button-next[data-v-56f85d51] { width: 52px; top: 50.3%; height: 52px; right: 10px; border-radius: 50%; margin-top: 0px; background: transparent; border: 1px solid rgb(255, 255, 255); transform: translateY(-50%); }
@media screen and (max-width: 1024px) {
.swiper-button-next[data-v-56f85d51] { display: none; }
}
.services__slide[data-v-56f85d51], .swiper-slide-active[data-v-56f85d51], .swiper-slide[data-v-56f85d51] { border-radius: 30px; gap: 30px; display: flex; flex-direction: column; max-width: 371px !important; }
@media screen and (max-width: 1024px) {
.services__slide[data-v-56f85d51], .swiper-slide-active[data-v-56f85d51], .swiper-slide[data-v-56f85d51] { gap: 20px; max-width: 309px !important; }
}
@media screen and (max-width: 425px) {
.services__slide[data-v-56f85d51], .swiper-slide-active[data-v-56f85d51], .swiper-slide[data-v-56f85d51] { max-width: 270px !important; }
}
.services__context-slider[data-v-56f85d51] { width: 100%; }
.services__context-slider .swiper-button-next[data-v-56f85d51], .services__context-slider .swiper-button-prev[data-v-56f85d51] { opacity: 0; transition: 1s; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.services__context-slider:hover .swiper-button-next[data-v-56f85d51], .services__context-slider:hover .swiper-button-prev[data-v-56f85d51] { opacity: 1; }
.services__card[data-v-56f85d51] { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); max-width: 371px; display: flex; flex-direction: column; text-align: left; position: relative; }
@media screen and (max-width: 1024px) {
.services__card[data-v-56f85d51] { max-width: 309px; }
}
@media screen and (max-width: 425px) {
.services__card[data-v-56f85d51] { max-width: 270px; }
}
.services__card[data-v-56f85d51]::after { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border-radius: 30px; transition: 0.5s; z-index: 0; box-shadow: rgba(97, 0, 255, 0.4) 0px 4px 40px; opacity: 0; }
.services__card[data-v-56f85d51]:hover::after { opacity: 1; }
.services__card .services__card-container[data-v-56f85d51] { -webkit-tap-highlight-color: transparent !important; }
.services__card .services__card-container .services__card-description[data-v-56f85d51] { opacity: 1; transition: 1s; font-style: normal; font-weight: 300; font-size: 16px; line-height: 140%; color: rgb(150, 150, 150); position: relative; z-index: 1; }
@media screen and (max-width: 1024px) {
.services__card .services__card-container .services__card-description[data-v-56f85d51] { font-size: 14px; line-height: 140%; margin-bottom: 16px; opacity: 1 !important; }
}
@media screen and (max-width: 425px) {
.services__card .services__card-container .services__card-description[data-v-56f85d51] { font-size: 16px; }
}
.services__card .services__card-container:hover .services__card-price[data-v-56f85d51] { opacity: 1; transition: 0.5s; }
.services__card .services__card-container:hover .services__card-description-animation[data-v-56f85d51] { opacity: 0; transition: 0.5s; }
.services__card .services__card-container[data-v-56f85d51] { border-radius: 30px; background: rgb(29, 29, 31); padding: 38px 34px; transition: 0.5s; }
@media screen and (max-width: 1024px) {
.services__card .services__card-container[data-v-56f85d51] { padding: 28px 32px; }
}
@media screen and (max-width: 425px) {
.services__card .services__card-container[data-v-56f85d51] { padding: 25px 26px; }
}
.services__card .services__card-container-img[data-v-56f85d51] { height: 500px; }
@media screen and (max-width: 1024px) {
.services__card .services__card-container-img[data-v-56f85d51] { height: 430px; }
}
@media screen and (max-width: 425px) {
.services__card .services__card-container-img[data-v-56f85d51] { height: 450px; }
}
.services__card .services__card-container-text[data-v-56f85d51] { height: 235px; }
@media screen and (max-width: 1024px) {
.services__card .services__card-container-text[data-v-56f85d51] { height: 205px; }
}
@media screen and (max-width: 425px) {
.services__card .services__card-container-text[data-v-56f85d51] { height: 215px; }
}
.services__card .services__card-price[data-v-56f85d51] { opacity: 0; display: block; margin-bottom: -23px; position: relative; transition: 1s; font-style: normal; font-weight: 300; font-size: 16px; line-height: 140%; color: rgb(150, 150, 150); z-index: 1; }
@media screen and (max-width: 1024px) {
.services__card .services__card-price[data-v-56f85d51] { position: relative; opacity: 1; font-size: 14px; line-height: 140%; top: 0px; }
}
@media screen and (max-width: 1024px) {
.services__card .desctop[data-v-56f85d51] { display: none; }
}
.services__card .tablet-mobile[data-v-56f85d51] { display: none; }
@media screen and (max-width: 1024px) {
.services__card .tablet-mobile[data-v-56f85d51] { display: block; }
}
.services__card .services__card-img-wr[data-v-56f85d51] { position: absolute; inset: 0px; z-index: 0; overflow: hidden; border-radius: inherit; display: flex; flex-direction: column-reverse; align-items: center; }
.services__card .services__card-img[data-v-56f85d51] { width: 100%; height: auto; object-fit: cover; }
.services__card .services__card-img_tablet[data-v-56f85d51] { width: 90%; }
.services__card .services__card-ccccc[data-v-56f85d51] { display: flex; flex-direction: column; row-gap: 30px; height: 235px; }
@media screen and (max-width: 1024px) {
.services__card .services__card-ccccc[data-v-56f85d51] { height: 205px; }
}
@media screen and (max-width: 425px) {
.services__card .services__card-ccccc[data-v-56f85d51] { height: 215px; }
}
.services__card h3[data-v-56f85d51] { font-style: normal; font-weight: 400; font-size: 25px; line-height: 126%; color: rgb(255, 255, 255); margin: 0px 0px 21px; position: relative; z-index: 1; }
@media screen and (max-width: 1024px) {
.services__card h3[data-v-56f85d51] { margin-bottom: 17px; font-size: 20px; line-height: 150%; }
}
@media screen and (max-width: 425px) {
.services__card h3[data-v-56f85d51] { font-size: 18px; line-height: 150%; margin-bottom: 10px; }
}
.services-section .swiper-button-disabled[data-v-56f85d51] { opacity: 0 !important; pointer-events: none; }
.services-section[data-v-56f85d51], .services-section_main-structure[data-v-56f85d51] { overflow: visible; }
.services-unified[data-v-56f85d51] { overflow: hidden; margin-left: auto; margin-right: auto; padding-left: 78px; padding-right: 78px; }
@media screen and (max-width: 1366px) {
.services-unified[data-v-56f85d51] { padding-left: 78px; padding-right: 78px; }
}
@media screen and (max-width: 1025px) {
.services-unified[data-v-56f85d51] { padding-left: 55px; padding-right: 55px; }
}
@media screen and (max-width: 768px) {
.services-unified[data-v-56f85d51] { padding-left: 36px; padding-right: 36px; }
}
@media screen and (max-width: 450px) {
.services-unified[data-v-56f85d51] { padding-left: 36px; padding-right: 36px; }
.services-unified .services__description[data-v-56f85d51], .services-unified .services__title[data-v-56f85d51] { text-align: left; }
}
.services-unified .swiper-container[data-v-56f85d51] { max-width: 1574px; }
.services-unified .services__text[data-v-56f85d51] { padding-left: 0px; padding-right: 0px; max-width: 1574px; box-sizing: content-box; color: rgb(255, 255, 255) !important; }
.swiper-button-next[data-v-56f85d51]::after, .swiper-button-prev[data-v-56f85d51]::after { content: ""; }
.swiper-button-next[data-v-56f85d51]:hover, .swiper-button-prev[data-v-56f85d51]:hover { border-color: rgb(255, 255, 255); background: transparent !important; }
.swiper-button-next[data-v-56f85d51]:focus, .swiper-button-prev[data-v-56f85d51]:focus { border-color: rgb(255, 255, 255); outline: none; background: transparent !important; }
.swiper-button-next[data-v-56f85d51]:active, .swiper-button-prev[data-v-56f85d51]:active { background: transparent !important; }
.mor-cases-slider-wrapper .mor-cases-slide[data-v-38965faa] { height: 336px; width: 250px; position: relative; background-size: cover; }
.mor-cases-slider-wrapper .mor-cases-slide[data-v-38965faa], .mor-cases-slider-wrapper .mor-cases-slide__link[data-v-38965faa] { border-radius: 30px; padding: 22px; display: flex; flex-direction: column; justify-content: space-between; }
.mor-cases-slider-wrapper .mor-cases-slide__link[data-v-38965faa] { position: absolute; inset: 0px; }
.mor-cases-slider-wrapper .mor-cases-slide_link[data-v-38965faa] { background-image: url("../img/video__lastBlogStill.webp"); box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 10.9109px 0px; justify-content: center; }
.mor-cases-slider-wrapper .swiper-container[data-v-38965faa] { overflow: visible; padding: 0px !important; }
.mor-cases-slider-wrapper .mor-cases-slide__text[data-v-38965faa] { color: rgb(255, 255, 255); font-size: 16px; font-style: normal; font-weight: 400; line-height: 150%; text-align: left; }
.mor-cases-slider-wrapper .mor-cases-slide__text_black[data-v-38965faa] { color: rgb(0, 0, 0); }
.mor-cases-slider-wrapper .more-cases-slider__slide-link[data-v-38965faa] { font-style: normal; font-weight: 300; font-size: 22px; line-height: 130%; text-align: center; color: rgb(255, 255, 255); }
@media screen and (max-width: 425px) {
.mor-cases-slider-wrapper .more-cases-slider__slide-link[data-v-38965faa] { font-size: 20px; }
}
.case[data-v-c0adc676] { max-width: 371px; width: 100%; height: 500px; display: block; border-radius: 30px; margin: 0px auto; padding: 26px 32px 33px; position: relative; overflow: hidden; list-style-type: none; transition: 1s; will-change: transform; }
@media screen and (max-width: 1500px) {
.case[data-v-c0adc676] { max-width: none; }
}
@media screen and (max-width: 1300px) {
.case[data-v-c0adc676] { max-height: 472px; }
}
@media screen and (max-width: 1200px) {
.case[data-v-c0adc676] { max-height: 431px; border-radius: 25px; }
}
@media screen and (max-width: 1000px) {
.case[data-v-c0adc676] { max-width: 306px; border-radius: 21px; padding-left: 24px; padding-right: 24px; }
}
@media screen and (max-width: 938px) {
.case[data-v-c0adc676] { height: 430px; border-radius: 36px; padding-left: 37px; padding-right: 37px; }
}
@media screen and (max-width: 800px) {
.case[data-v-c0adc676] { border-radius: 31px; }
}
@media screen and (max-width: 768px) {
.case[data-v-c0adc676] { padding-left: 30px; padding-right: 30px; }
}
@media screen and (max-width: 440px) {
.case[data-v-c0adc676] { height: 390px; width: 100%; }
}
.case__tags[data-v-c0adc676] { display: flex; }
@keyframes tags-data-v-c0adc676 {
  0% { transform: translateX(0px); }
  50% { transform: translateX(var(--transform)); }
  100% { transform: translateX(0px); }
}
.case:hover .case__media img[data-v-c0adc676] { transform: scale(1.15); }
.case .white-text .case__description[data-v-c0adc676], .case .white-text .case__subtitle[data-v-c0adc676], .case .white-text .case__tag[data-v-c0adc676] { color: rgb(255, 255, 255); }
.case__description[data-v-c0adc676], .case__tag[data-v-c0adc676] { color: rgb(0, 0, 0); transition: 1s; line-height: 1.45; z-index: 1; }
.case__tag[data-v-c0adc676] { position: relative; font-weight: 300; font-size: 14px; text-transform: capitalize; margin-right: 10px; opacity: 0; flex-shrink: 0; }
.case__description[data-v-c0adc676] { font-weight: 400; font-size: 20px; position: absolute; max-width: 80%; top: 24px; }
@media screen and (max-width: 1300px) {
.case__description[data-v-c0adc676] { font-size: 18px; line-height: 150%; }
}
@media screen and (max-width: 1200px) {
.case__description[data-v-c0adc676] { font-size: 17px; }
}
@media screen and (max-width: 1000px) {
.case__description[data-v-c0adc676] { font-size: 14px; }
}
@media screen and (max-width: 938px) {
.case__description[data-v-c0adc676] { font-size: 21px; }
}
@media screen and (max-width: 800px) {
.case__description[data-v-c0adc676] { font-size: 18px; }
}
.case__media[data-v-c0adc676] * { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; transform: scale(1.01); object-fit: cover; border-radius: 30px; }
@media screen and (max-width: 1200px) {
.case__media[data-v-c0adc676] * { border-radius: 25px; }
}
@media screen and (max-width: 1000px) {
.case__media[data-v-c0adc676] * { border-radius: 21px; }
}
@media screen and (max-width: 938px) {
.case__media[data-v-c0adc676] * { border-radius: 36px; }
}
@media screen and (max-width: 800px) {
.case__media[data-v-c0adc676] * { border-radius: 31px; }
}
.case__media--front[data-v-c0adc676] { z-index: 0; transition: transform 0.7s, opacity 0.7s; }
.case[data-v-c0adc676] { cursor: pointer; }
@keyframes pulse-bg-data-v-c0adc676 {
  0% { background-color: rgb(39, 39, 39); }
  50% { background-color: rgb(28, 28, 28); }
  100% { background-color: rgb(39, 39, 39); }
}
p[data-v-27a87df0] { font-weight: 300; font-size: 16px; line-height: 140%; color: rgb(150, 150, 150); }
@keyframes fade-0-5-data-v-27a87df0 {
  0% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes fade-1c-data-v-27a87df0 {
  0% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes fade-data-v-27a87df0 {
  0% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes disappear-data-v-27a87df0 {
  0% { filter: blur(0px); opacity: 1; }
  100% { filter: blur(5px); opacity: 0; }
}
@keyframes disappear-0-5-data-v-27a87df0 {
  0% { filter: blur(0px); opacity: 0.5; }
  100% { filter: blur(5px); opacity: 0; }
}
[data-v-27a87df0], [data-v-27a87df0]::after, [data-v-27a87df0]::before { box-sizing: border-box; margin: 0px; }
.last-case[data-v-27a87df0] { max-width: 371px; width: 100%; height: 500px; display: flex; align-items: center; justify-content: center; margin: 0px auto; position: relative; list-style-type: none; transition: box-shadow 0.3s; }
.last-case p[data-v-27a87df0] { color: rgb(255, 255, 255); }
@media screen and (max-width: 1500px) {
.last-case[data-v-27a87df0] { max-width: none; }
}
@media screen and (max-width: 1300px) {
.last-case[data-v-27a87df0] { max-height: 472px; }
}
@media screen and (max-width: 1200px) {
.last-case[data-v-27a87df0] { max-height: 431px; }
}
@media screen and (max-width: 1000px) {
.last-case[data-v-27a87df0] { max-width: 306px; max-height: 366px; }
}
@media screen and (max-width: 940px) {
.last-case[data-v-27a87df0] { max-height: 516px; height: 430px; }
}
@media screen and (max-width: 800px) {
.last-case[data-v-27a87df0] { max-height: 451px; border-radius: 31px; }
}
@media screen and (max-width: 768px) {
.last-case[data-v-27a87df0] { max-height: 430px; }
}
@media screen and (max-width: 668px) {
.last-case[data-v-27a87df0] { max-height: 360px; }
}
@media screen and (max-width: 599px) {
.last-case[data-v-27a87df0] { max-width: 306px; }
}
@media screen and (max-width: 520px) {
.last-case[data-v-27a87df0] { font-size: 18px; }
}
@media screen and (max-width: 450px) {
.last-case[data-v-27a87df0] { max-height: 430px; }
}
@media screen and (max-width: 440px) {
.last-case[data-v-27a87df0] { height: 390px; width: 100%; }
}
.last-case .video_last[data-v-27a87df0] { width: 100%; height: 100%; position: absolute; object-fit: cover; z-index: 0; border-radius: 30px; }
@media screen and (max-width: 940px) {
.last-case .video_last[data-v-27a87df0] { border-radius: 36px; }
}
.last-case .video_last[data-v-27a87df0]::-webkit-media-controls { display: none !important; }
.last-case .last-case__bg[data-v-27a87df0] { z-index: 1; position: absolute; width: 100%; height: 100%; background: rgb(0, 0, 0); opacity: 0.45; transition: 0.3s; border-radius: 30px; }
@media screen and (max-width: 940px) {
.last-case .last-case__bg[data-v-27a87df0] { border-radius: 36px; }
}
.last-case .last-case__bg[data-v-27a87df0]:hover { opacity: 0; }
.last-case p[data-v-27a87df0] { max-width: 268px; width: 100%; font-size: 26px; text-align: center; z-index: 2; }
@media screen and (max-width: 960px) {
.last-case p[data-v-27a87df0] { max-width: 230px; font-size: 20px; }
}
.more-cases--active[data-v-27a87df0] { display: none; }
@media screen and (max-width: 768px) {
.more-cases--active[data-v-27a87df0] { display: block; }
}
.more-case-wr[data-v-27a87df0] { padding-top: 196px; }
@media screen and (max-width: 768px) {
.more-case-wr[data-v-27a87df0] { padding-top: 130px; }
}
@media screen and (max-width: 425px) {
.more-case-wr[data-v-27a87df0] { padding-top: 110px; }
}
.more-case-wr .page__container[data-v-27a87df0] { max-width: 1574px; width: calc(100% - 156px); margin: 0px auto; padding: 0px; }
@media screen and (max-width: 768px) {
.more-case-wr .page__container[data-v-27a87df0] { width: 100%; padding: 0px 57px; }
}
@media screen and (max-width: 550px) {
.more-case-wr .page__container[data-v-27a87df0] { width: 100%; padding: 0px 35px; }
}
.more-cases__item[data-v-27a87df0] { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 30px; z-index: 10; }
@media (max-width: 1500px) {
.more-cases__item[data-v-27a87df0] { grid-template-columns: 1fr 1fr 1fr; gap: 45px; }
}
@media (max-width: 1024px) {
.more-cases__item[data-v-27a87df0] { grid-template-columns: 1fr 1fr; gap: 45px; }
}
@media (max-width: 599px) {
.more-cases__item[data-v-27a87df0] { grid-template-columns: 1fr; gap: 45px; }
}
.more-case-wr[data-v-27a87df0] { overflow-x: hidden; }
@media (max-width: 768px) {
.more-cases[data-v-27a87df0]:not(.more-cases--new) { display: none; }
}
.cases-block__header[data-v-27a87df0] { max-width: 610px; width: 100%; text-align: center; margin: 0px auto 94px; }
@media screen and (max-width: 780px) {
.cases-block__header[data-v-27a87df0] { max-width: 507px; }
}
@media screen and (max-width: 620px) {
.cases-block__header[data-v-27a87df0] { max-width: 295px; }
}
.cases-block__header-title[data-v-27a87df0] { font-size: 54px; color: rgb(255, 255, 255); font-weight: 400; }
@media screen and (max-width: 1101px) {
.cases-block__header-title[data-v-27a87df0] { padding-top: 0px; }
}
@media screen and (max-width: 780px) {
.cases-block__header-title[data-v-27a87df0] { font-size: 50px; }
}
@media screen and (max-width: 520px) {
.cases-block__header-title[data-v-27a87df0] { font-size: 28px; }
}
.cases-block__header-subtitle[data-v-27a87df0] { font-size: 18px; margin-top: 12px; color: rgb(196, 196, 196); }
@media screen and (max-width: 780px) {
.cases-block__header-subtitle[data-v-27a87df0] { color: rgb(119, 119, 119); margin-top: 46px; letter-spacing: 0.01em; }
}
@media screen and (max-width: 620px) {
.cases-block__header-subtitle[data-v-27a87df0] { margin-top: 24px; }
}
@media screen and (max-width: 520px) {
.cases-block__header-subtitle[data-v-27a87df0] { font-size: 16px; margin-top: 18px; line-height: 1.5; }
}
.clients-wrapper[data-v-08586076] { position: relative; overflow: hidden; display: flex; justify-content: center; z-index: 2; }
@media screen and (max-width: 1366px) {
.clients-wrapper[data-v-08586076] { display: block; padding-left: 77px; padding-right: 77px; }
}
@media screen and (max-width: 768px) {
.clients-wrapper[data-v-08586076] { padding-left: 57px; padding-right: 57px; }
}
@media screen and (max-width: 480px) {
.clients-wrapper[data-v-08586076] { padding-left: 35px; padding-right: 35px; }
}
.clients-new__context-wrapper[data-v-08586076] { transition-timing-function: linear !important; }
.clients-new__slide[data-v-08586076] { height: 150px; width: 248px; border-radius: 30px; opacity: 0.8; background: rgb(29, 29, 31); box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 14px 0px; display: flex; justify-content: center; align-items: center; }
.clients-new__slide img[data-v-08586076] { max-width: 100%; max-height: 50px; }
@media screen and (max-width: 500px) {
.clients-new__slide img[data-v-08586076] { max-width: 50%; }
}
.clients-new[data-v-08586076] { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 90px; }
@media screen and (max-width: 768px) {
.clients-new[data-v-08586076] { margin-bottom: 80px; }
}
@media screen and (max-width: 480px) {
.clients-new[data-v-08586076] { margin-bottom: 45px; }
}
.swiper-buttons[data-v-08586076] { width: 100px; height: 40px; justify-content: space-between; display: none; }
.clients-new-section[data-v-08586076] { overflow: visible; padding-top: 126px; max-width: 1570px; width: calc(100% - 154px); margin: 0px auto; padding-bottom: 0px; }
@media screen and (max-width: 1024px) {
.clients-new-section[data-v-08586076] { width: calc(100% - 110px); }
}
@media screen and (max-width: 768px) {
.clients-new-section[data-v-08586076] { padding-top: 130px; }
}
@media screen and (max-width: 480px) {
.clients-new-section[data-v-08586076] { padding-top: 110px; }
}
.swiper-container-clients-new[data-v-08586076] { max-width: 1366px; overflow: visible; cursor: ew-resize; }
@media screen and (max-width: 768px) {
.swiper-container-clients-new[data-v-08586076] { padding-left: 57px; padding-right: 57px; }
}
@media screen and (max-width: 480px) {
.swiper-container-clients-new[data-v-08586076] { padding-left: 39px; padding-right: 39px; }
}
.swiper-button-next[data-v-08586076], .swiper-button-prev[data-v-08586076] { height: 40px; width: 40px; position: static; background: transparent; border: 0px; margin: 0px; padding: 0px; opacity: 0.7; transition: 2s; -webkit-tap-highlight-color: transparent; }
.swiper-button-next[data-v-08586076]:hover, .swiper-button-prev[data-v-08586076]:hover { opacity: 1; }
.swiper-button-prev[data-v-08586076] { transform: rotate(180deg); }
.clients-mainstr[data-v-08586076] { padding-left: 76px; padding-right: 76px; margin-left: auto; margin-right: auto; overflow: hidden; }
@media screen and (max-width: 1024px) {
.clients-mainstr[data-v-08586076] { padding-left: 55px; padding-right: 55px; }
}
@media screen and (max-width: 425px) {
.clients-mainstr[data-v-08586076] { padding-left: 36px; padding-right: 36px; }
}
.clients-mainstr .clients-new-section[data-v-08586076] { width: 100%; max-width: 1570px; padding-top: 149px; }
@media screen and (max-width: 1660px) {
.clients-mainstr .clients-new-section[data-v-08586076] { max-width: unset; padding-top: 192px; }
}
@media screen and (max-width: 930px) {
.clients-mainstr .clients-new-section[data-v-08586076] { padding-top: 159px; }
}
@media screen and (max-width: 550px) {
.clients-mainstr .clients-new-section[data-v-08586076] { padding-top: 103px; }
}
.clients-mainstr .swiper-buttons[data-v-08586076] { position: relative; top: 15px; }
.clients-mainstr .swiper-container[data-v-08586076] { margin: 0px; }
.clients-mainstr .clients-new[data-v-08586076] { margin-bottom: 70px; }
@media screen and (max-width: 1440px) {
.clients-mainstr .clients-new[data-v-08586076] { margin-bottom: 65px; }
}
@media screen and (max-width: 550px) {
.clients-mainstr .clients-new[data-v-08586076] { margin-bottom: 25px; }
}
@media screen and (max-width: 550px) {
.clients-mainstr .clients-new__slide[data-v-08586076] { height: 112px; width: 187px; border-radius: 22px; }
}
.clients-mainstr .swiper-container-clients-new[data-v-08586076] { max-width: 1574px; }
:root { --transform: 0; }
.case[data-v-410c06b6] { user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); max-width: 371px; width: 100%; height: 500px; display: block; border-radius: 30px; margin: 0px auto; position: relative; overflow: hidden; list-style-type: none; transition: 1s; will-change: transform; z-index: 100; padding: 26px 32px 33px !important; }
.case:hover .blur[data-v-410c06b6] { backdrop-filter: blur(50px); }
.case[data-v-410c06b6]::selection { background-color: transparent; }
@media screen and (max-width: 1300px) {
.case[data-v-410c06b6] { max-height: 472px; }
}
@media screen and (max-width: 1200px) {
.case[data-v-410c06b6] { max-height: 431px; border-radius: 25px; }
}
@media screen and (max-width: 1000px) {
.case[data-v-410c06b6] { max-width: 272px; max-height: 366px; border-radius: 21px; padding-left: 24px; padding-right: 24px; }
}
@media screen and (max-width: 938px) {
.case[data-v-410c06b6] { max-width: 371px; max-height: 516px; height: inherit; border-radius: 36px; padding-left: 37px; padding-right: 37px; }
}
@media screen and (max-width: 800px) {
.case[data-v-410c06b6] { border-radius: 31px; }
}
@media screen and (max-width: 768px) {
.case[data-v-410c06b6] { padding-left: 30px; padding-right: 30px; }
}
@media screen and (max-width: 440px) {
.case[data-v-410c06b6] { height: 390px; width: 100%; }
}
.case__tags[data-v-410c06b6] { display: flex; }
@media screen and (max-width: 440px) {
.case[data-v-410c06b6] { height: 430px; width: 100%; }
}
@keyframes tags-data-v-410c06b6 {
  0% { transform: translateX(0px); }
  50% { transform: translateX(var(--transform)); }
  100% { transform: translateX(0px); }
}
.case__description[data-v-410c06b6] { color: rgb(0, 0, 0); }
.case.white-text .button_learn_more[data-v-410c06b6], .case.white-text .case__description[data-v-410c06b6], .case.white-text .case__subtitle[data-v-410c06b6], .case.white-text .case__tag[data-v-410c06b6] { color: rgb(255, 255, 255); }
.case__tag[data-v-410c06b6] { line-height: 1.45; z-index: 1; position: relative; font-weight: 300; text-transform: capitalize; margin-right: 10px; flex-shrink: 0; }
.case__subtitle[data-v-410c06b6], .case__tag[data-v-410c06b6] { color: rgb(0, 0, 0); transition: 1s; font-size: 14px; opacity: 0; }
.case__subtitle[data-v-410c06b6] { line-height: 150%; }
.case__top[data-v-410c06b6] { position: absolute; z-index: 1; top: 26px; transition: 1s; width: 80%; }
.case__description[data-v-410c06b6] { font-weight: 400; font-size: 20px; }
@media screen and (max-width: 1300px) {
.case__description[data-v-410c06b6] { font-size: 18px; line-height: 150%; }
}
@media screen and (max-width: 1200px) {
.case__description[data-v-410c06b6] { font-size: 17px; }
}
@media screen and (max-width: 1000px) {
.case__description[data-v-410c06b6] { font-size: 14px; }
}
@media screen and (max-width: 938px) {
.case__description[data-v-410c06b6] { font-size: 21px; }
}
@media screen and (max-width: 800px) {
.case__description[data-v-410c06b6] { font-size: 18px; }
}
@media screen and (max-width: 500px) {
.case__description[data-v-410c06b6] { font-size: 18px; width: 195px; }
}
.case__media[data-v-410c06b6] * { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; transform: scale(1.01); object-fit: cover; border-radius: 30px; }
@media screen and (max-width: 1200px) {
.case__media[data-v-410c06b6] * { border-radius: 25px; }
}
@media screen and (max-width: 1000px) {
.case__media[data-v-410c06b6] * { border-radius: 21px; }
}
@media screen and (max-width: 938px) {
.case__media[data-v-410c06b6] * { border-radius: 36px; }
}
@media screen and (max-width: 800px) {
.case__media[data-v-410c06b6] * { border-radius: 31px; }
}
.case__media--front[data-v-410c06b6] { z-index: 0; transition: transform 0.7s, opacity 0.7s; }
.case[data-v-410c06b6] { cursor: pointer; }
.case-cutted[data-v-410c06b6] { text-align: left; height: 370px; }
@media screen and (max-width: 930px) {
.case-cutted[data-v-410c06b6] { height: 430px; }
}
@media screen and (max-width: 450px) {
.case-cutted[data-v-410c06b6] { max-height: 360px; }
}
.case-cutted img[data-v-410c06b6] { object-position: center top; }
@media screen and (max-width: 1000px) {
.case-cutted.case[data-v-410c06b6] { max-width: none; }
}
@media screen and (max-width: 550px) {
.more-blog-case[data-v-410c06b6] { max-width: 100%; max-height: 100%; }
}
.blur[data-v-410c06b6] { height: 100%; width: 100%; position: absolute; top: 0px; left: 0px; transition: 0.3s linear; }
.component-block[data-v-25bf775d] { width: 100%; z-index: 3; position: relative; overflow: hidden; }
@media screen and (max-width: 768px) {
.component-block[data-v-25bf775d]:not(.component-block:has(> .blog-block__header--short)) { padding-left: 55px; padding-right: 55px; }
}
@media screen and (max-width: 425px) {
.component-block[data-v-25bf775d]:not(.component-block:has(> .blog-block__header--short)) { padding-left: 36px; padding-right: 36px; }
}
.last-case__bg[data-v-25bf775d] { z-index: 1; position: absolute; width: 100%; height: 100%; background: rgb(0, 0, 0); opacity: 0.45; transition: 0.3s; }
.last-case__bg[data-v-25bf775d]:hover { opacity: 0; }
.blog-box[data-v-25bf775d] { width: 100%; height: 370px; overflow: hidden; border-radius: 30px; position: relative; }
.blog-box p[data-v-25bf775d] { width: 250px; position: relative; z-index: 3; font-size: 26px; color: rgb(255, 255, 255); pointer-events: none; }
@media screen and (max-width: 930px) {
.blog-box p[data-v-25bf775d] { font-size: 20px; }
}
@media screen and (max-width: 500px) {
.blog-box p[data-v-25bf775d] { font-size: 18px; width: 187px; }
}
.blog-box img[data-v-25bf775d] { width: 100%; height: 100%; object-fit: cover; position: absolute; }
.blog-box img[data-v-25bf775d]::-webkit-media-controls { display: none !important; }
@media screen and (max-width: 930px) {
.blog-box[data-v-25bf775d] { height: 310px; }
}
@media screen and (max-width: 550px) {
.blog-box[data-v-25bf775d] { height: 250px; }
}
.blog-box__last[data-v-25bf775d] { display: flex; align-items: center; justify-content: center; overflow: unset; max-width: 370px; height: 370px; border-radius: unset; }
.blog-box__last img[data-v-25bf775d] { z-index: -1; }
.blog-box__last div[data-v-25bf775d], .blog-box__last img[data-v-25bf775d] { border-radius: 30px; }
.blog-box__last p[data-v-25bf775d] { color: rgb(255, 255, 255); font-weight: 400; text-align: center; transform: translateZ(500px); }
@media screen and (max-width: 930px) {
.blog-box__last[data-v-25bf775d] { height: 430px; }
}
@media screen and (max-width: 668px) {
.blog-box__last[data-v-25bf775d] { max-height: 360px; }
}
.blog-box__title[data-v-25bf775d] { color: rgb(255, 255, 255); font-size: 26px; }
@media screen and (max-width: 769px) {
.blog-box__title[data-v-25bf775d] { font-size: 20px; }
}
@media screen and (max-width: 400px) {
.blog-box__title[data-v-25bf775d] { font-size: 18px; }
}
.swiper-slide[data-v-25bf775d] { text-align: unset; max-width: 370px; }
@media screen and (max-width: 930px) {
.swiper-slide[data-v-25bf775d] { max-width: 310px; }
}
@media screen and (max-width: 550px) {
.swiper-slide[data-v-25bf775d] { max-width: 250px; }
}
.blog-block__content-box-slide[data-v-25bf775d] { width: 374px; }
.blog-block__swiper-container[data-v-25bf775d] { max-width: 1574px; overflow: visible; }
.blog-block-mainstr[data-v-25bf775d] { overflow: hidden; padding-left: 76px; padding-right: 76px; }
@media screen and (max-width: 930px) {
.blog-block-mainstr .blog-box__last[data-v-25bf775d], .blog-block-mainstr .case-cutted[data-v-25bf775d] { height: 310px; }
}
@media screen and (max-width: 550px) {
.blog-block-mainstr .blog-box__last[data-v-25bf775d], .blog-block-mainstr .case-cutted[data-v-25bf775d] { max-height: 250px; }
}
@media screen and (max-width: 425px) {
.blog-block-mainstr .swiper-container[data-v-25bf775d] { padding-bottom: 45px; }
}
@media screen and (max-width: 768px) {
.blog-block-mainstr[data-v-25bf775d] { padding-left: 55px; padding-right: 55px; }
}
@media screen and (max-width: 425px) {
.blog-block-mainstr[data-v-25bf775d] { padding-left: 36px; padding-right: 36px; }
}
html { scroll-behavior: smooth; }
.page-constructor ~ .footer-modern .container, .page__container { max-width: 1366px; margin: 0px auto; padding: 0px 78px; }
.page-constructor__section { position: relative; }
@media (max-width: 1024px) {
.page-constructor ~ .footer-modern .container, .page__container { padding: 0px 55px; }
}
@media (max-width: 425px) {
.page-constructor ~ .footer-modern .container, .page__container { padding: 0px 39px; }
}
.case[data-v-c0adc676] { max-width: 371px; width: 100%; height: 500px; display: block; border-radius: 30px; margin: 0px auto; padding: 26px 32px 33px; position: relative; overflow: hidden; list-style-type: none; transition: 1s; will-change: transform; }
@media screen and (max-width: 1500px) {
.case[data-v-c0adc676] { max-width: none; }
}
@media screen and (max-width: 1300px) {
.case[data-v-c0adc676] { max-height: 472px; }
}
@media screen and (max-width: 1200px) {
.case[data-v-c0adc676] { max-height: 431px; border-radius: 25px; }
}
@media screen and (max-width: 1000px) {
.case[data-v-c0adc676] { max-width: 306px; border-radius: 21px; padding-left: 24px; padding-right: 24px; }
}
@media screen and (max-width: 938px) {
.case[data-v-c0adc676] { height: 430px; border-radius: 36px; padding-left: 37px; padding-right: 37px; }
}
@media screen and (max-width: 800px) {
.case[data-v-c0adc676] { border-radius: 31px; }
}
@media screen and (max-width: 768px) {
.case[data-v-c0adc676] { padding-left: 30px; padding-right: 30px; }
}
@media screen and (max-width: 440px) {
.case[data-v-c0adc676] { height: 390px; width: 100%; }
}
.case__tags[data-v-c0adc676] { display: flex; }
@keyframes tags-data-v-c0adc676 {
  0% { transform: translateX(0px); }
  50% { transform: translateX(var(--transform)); }
  100% { transform: translateX(0px); }
}
.case:hover .case__media img[data-v-c0adc676] { transform: scale(1.15); }
.case .white-text .case__description[data-v-c0adc676], .case .white-text .case__subtitle[data-v-c0adc676], .case .white-text .case__tag[data-v-c0adc676] { color: rgb(255, 255, 255); }
.case__description[data-v-c0adc676], .case__tag[data-v-c0adc676] { color: rgb(0, 0, 0); transition: 1s; line-height: 1.45; z-index: 1; }
.case__tag[data-v-c0adc676] { position: relative; font-weight: 300; font-size: 14px; text-transform: capitalize; margin-right: 10px; opacity: 0; flex-shrink: 0; }
.case__description[data-v-c0adc676] { font-weight: 400; font-size: 20px; position: absolute; max-width: 80%; top: 24px; }
@media screen and (max-width: 1300px) {
.case__description[data-v-c0adc676] { font-size: 18px; line-height: 150%; }
}
@media screen and (max-width: 1200px) {
.case__description[data-v-c0adc676] { font-size: 17px; }
}
@media screen and (max-width: 1000px) {
.case__description[data-v-c0adc676] { font-size: 14px; }
}
@media screen and (max-width: 938px) {
.case__description[data-v-c0adc676] { font-size: 21px; }
}
@media screen and (max-width: 800px) {
.case__description[data-v-c0adc676] { font-size: 18px; }
}
.case__media[data-v-c0adc676] * { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; transform: scale(1.01); object-fit: cover; border-radius: 30px; }
@media screen and (max-width: 1200px) {
.case__media[data-v-c0adc676] * { border-radius: 25px; }
}
@media screen and (max-width: 1000px) {
.case__media[data-v-c0adc676] * { border-radius: 21px; }
}
@media screen and (max-width: 938px) {
.case__media[data-v-c0adc676] * { border-radius: 36px; }
}
@media screen and (max-width: 800px) {
.case__media[data-v-c0adc676] * { border-radius: 31px; }
}
.case__media--front[data-v-c0adc676] { z-index: 0; transition: transform 0.7s, opacity 0.7s; }
.case[data-v-c0adc676] { cursor: pointer; }
@keyframes pulse-bg-data-v-c0adc676 {
  0% { background-color: rgb(39, 39, 39); }
  50% { background-color: rgb(28, 28, 28); }
  100% { background-color: rgb(39, 39, 39); }
}
body { background-color: rgb(21, 21, 22); }
html { scroll-behavior: smooth; }
.page-constructor ~ .footer-modern .container, .page__container { max-width: 1366px; margin: 0px auto; padding: 0px 78px; }
.page-constructor__section { position: relative; }
@media (max-width: 1024px) {
.page-constructor ~ .footer-modern .container, .page__container { padding: 0px 55px; }
}
@media (max-width: 425px) {
.page-constructor ~ .footer-modern .container, .page__container { padding: 0px 39px; }
}
@keyframes vue-typer-caret-blink {
  50% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes vue-typer-caret-smooth {
  0%, 20% { opacity: 1; }
  60%, 100% { opacity: 0; }
}
@keyframes vue-typer-caret-phase {
  0%, 20% { opacity: 1; }
  90%, 100% { opacity: 0; }
}
@keyframes vue-typer-caret-expand {
  0%, 20% { transform: scaleY(1); }
  80%, 100% { transform: scaleY(0); }
}
@media (min-width: 1024px) {
.header .menu-icon__wrapper_main, .header .menu-icon__wrapper { display: none !important; }
}
.live-marketing-block-wr .component-block__top-element-last, .live-marketing-block-wr .component-block__top-element-big { display: none !important; height: 0px !important; margin: 0px !important; padding: 0px !important; border: 0px !important; overflow: hidden !important; }
.footer-modern, .footer-modern--fill { background-color: transparent !important; background-image: none !important; }
.live-marketing-block .live-marketing-block__content .live-marketing-block__card:last-of-type { padding-bottom: 115px !important; }
@media screen and (max-width: 1024px) {
.live-marketing-block .live-marketing-block__content .live-marketing-block__card:last-of-type { padding-bottom: 48px !important; }
}
@media screen and (max-width: 768px) {
.live-marketing-block .live-marketing-block__content .live-marketing-block__card:last-of-type { padding-bottom: 0px !important; }
}
@media screen and (max-width: 550px) {
.live-marketing-block .live-marketing-block__content .live-marketing-block__card:last-of-type { padding-bottom: 58px !important; }
}
.live-marketing-block__content-link { opacity: 1 !important; }
@media screen and (max-width: 578px) {
.live-marketing-block__content-link { display: inline-flex !important; align-items: center !important; }
}