:root {--primary: #2c4496;--primary-dark: #1a2a5e;--accent: #ff3a3a;--accent-light: #ff6b6b;--dark: #0d111f;--light: #f8f9ff;--light2: #f4f7fb;--gray: #8a94b3;--gradient: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);--gradient-accent: linear-gradient(135deg, var(--accent) 0%, #ff6b6b 100%);--shadow: 0 10px 30px rgba(44, 68, 150, 0.1);--shadow-hover: 0 20px 50px rgba(44, 68, 150, 0.2);--shadow-blue: 0 10px 30px rgba(44, 68, 150, 0.3);--shadow-blue-hover: 0 15px 40px rgba(44, 68, 150, 0.4);--radius: 12px;--radius-lg: 20px;--transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.1);--transition-fast: all 0.3s ease;--red: #ff3a3a;--blue: #2c4496;--border: #e2e8f0;}* {margin: 0;padding: 0;box-sizing: border-box;}html {scroll-behavior: smooth;}body {font-family: 'Montserrat', sans-serif;background-color: var(--light);color: var(--dark);line-height: 1.6;overflow-x: hidden;}.container {max-width: 1400px;margin: 0 auto;padding: 0 40px;width: 100%;}header {background-color: rgba(13, 17, 31, 0.95);backdrop-filter: blur(10px);padding: 20px 0;position: fixed;top: 0;left: 0;width: 100%;z-index: 1000;border-bottom: 1px solid rgba(255, 255, 255, 0.05);transition: var(--transition);}header.scrolled {padding: 15px 0;background-color: rgba(13, 17, 31, 0.98);box-shadow: var(--shadow);}.header-flex {display: flex;justify-content: space-between;align-items: center;gap: 30px;}.logo-link {display: flex;align-items: center;flex-shrink: 0;}.logo-link img {height: 45px;height: 38px;width: auto;transition: var(--transition);}.header-nav ul {display: flex;list-style: none;gap: 20px;}.header-nav a {color: white;text-decoration: none;font-weight: 600;font-size: 14px;text-transform: uppercase;letter-spacing: 0.5px;position: relative;padding: 5px 0;transition: var(--transition);}.header-nav a:after {content: '';position: absolute;bottom: 0;left: 0;width: 0;height: 2px;background-color: var(--accent);transition: width 0.3s ease;}.header-nav a:hover:after,.header-nav a.active:after {width: 100%;}.header-nav a:hover {color: var(--accent);}.header-nav ul li {position: relative;}.header-nav ul li ul {position: absolute;top: 100%;left: 0px;padding-top: 10px;display: none;width: 300px;padding-bottom: 10px;}.header-nav ul li:hover ul {display: block;}.header-nav ul li ul li {box-sizing: border-box;padding: 5px 10px;border-left: 1px var(--accent) solid;border-right: 1px var(--accent) solid;background-color: rgba(13, 17, 31, 0.98);}.header-nav ul li ul li:first-child {border-top: 1px var(--accent) solid;}.header-nav ul li ul li:last-child {border-bottom: 1px var(--accent) solid;}.header-info {display: flex;align-items: center;gap: 25px;}.header-contacts {display: flex;flex-direction: column;align-items: flex-end;}.header-contacts a {color: white;text-decoration: none;font-weight: 700;font-size: 16px;display: flex;align-items: center;gap: 8px;transition: var(--transition);}.header-contacts a:hover {color: var(--accent);}.header-contacts span {color: var(--gray);font-size: 11px;font-weight: 500;text-transform: uppercase;letter-spacing: 0.5px;}.btn-call {background: var(--gradient-accent);color: white;padding: 12px 24px;border-radius: var(--radius);text-decoration: none;font-weight: 700;font-size: 12px;text-transform: uppercase;letter-spacing: 0.5px;transition: var(--transition);border: none;cursor: pointer;display: flex;align-items: center;gap: 8px;box-shadow: 0 5px 15px rgba(255, 58, 58, 0.3);}.btn-call {position: relative;overflow: hidden;z-index: 1;}.btn-call:before {content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);transition: left 0.7s ease;z-index: -1;}.btn-call:hover:before {left: 100%;}.btn-call:hover {transform: translateY(-3px);box-shadow: 0 8px 20px rgba(255, 58, 58, 0.4);}.btn-call:active {transform: translateY(-1px);}.burger-menu {display: none;flex-direction: column;justify-content: space-between;width: 30px;height: 20px;background: transparent;border: none;cursor: pointer;padding: 0;z-index: 1001;}.burger-menu span {display: block;width: 100%;height: 3px;background-color: white;border-radius: 3px;transition: var(--transition);}.burger-menu.active span:nth-child(1) {transform: rotate(45deg) translate(6px, 6px);}.burger-menu.active span:nth-child(2) {opacity: 0;}.burger-menu.active span:nth-child(3) {transform: rotate(-45deg) translate(6px, -6px);}.main-footer {list-style: none;padding: 0;margin: 0;}.main-footer__item {margin-bottom: 5px;}.main-footer__link, a.main-footer__link {font-size: 14px !important;color: #fff !important;}.main-footer__link:hover {color: var(--accent) !important;}.mobile-nav {position: fixed;top: 0;right: -100%;width: 80%;max-width: 400px;height: 100vh;background: var(--dark);z-index: 999;padding: 100px 30px 30px;transition: right 0.4s cubic-bezier(0.77, 0, 0.175, 1);box-shadow: -10px 0 30px rgba(0, 0, 0, 0.3);}.mobile-nav.active {right: 0;}.mobile-nav ul {list-style: none;}.mobile-nav ul li {margin-bottom: 20px;}.mobile-nav ul li a {color: white;text-decoration: none;font-size: 18px;font-weight: 600;display: block;padding: 10px 0;border-bottom: 1px solid rgba(255, 255, 255, 0.1);transition: var(--transition-fast);}.mobile-nav ul li a:hover {color: var(--accent);padding-left: 10px;}.mobile-nav .header-contacts {margin-top: 40px;align-items: flex-start;}.mobile-nav .btn-call {margin-top: 20px;width: 100%;justify-content: center;}.overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.7);z-index: 998;opacity: 0;visibility: hidden;transition: all 0.3s ease;}.overlay.active {opacity: 1;visibility: visible;}.modal {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.8);z-index: 1002;justify-content: center;align-items: center;opacity: 0;transition: opacity 0.3s ease;}.modal.active {display: flex;opacity: 1;}.modal-content {background: white;padding: 40px;border-radius: var(--radius-lg);width: 90%;max-width: 500px;position: relative;transform: translateY(-50px);opacity: 0;transition: all 0.4s ease;box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);}.modal.active .modal-content {transform: translateY(0);opacity: 1;}.modal-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 30px;}.modal-title {font-family: 'Exo 2', sans-serif;font-size: 28px;color: var(--dark);font-weight: 800;}.modal-close {background: none;border: none;font-size: 24px;color: var(--gray);cursor: pointer;transition: var(--transition);width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;border-radius: 50%;}.modal-close:hover {color: var(--accent);background: rgba(255, 58, 58, 0.1);}.form-group {margin-bottom: 20px;}.form-group a {color: var(--accent);}.form-label {display: block;margin-bottom: 8px;font-weight: 600;color: var(--dark);}.form-input {width: 100%;padding: 15px;border: 2px solid #e0e0e0;border-radius: var(--radius);font-family: 'Montserrat', sans-serif;font-size: 16px;transition: var(--transition);}.form-input:focus {outline: none;border-color: var(--primary);box-shadow: 0 0 0 3px rgba(44, 68, 150, 0.1);}.form-textarea {min-height: 120px;resize: vertical;}.form-submit {background: var(--gradient-accent);color: white;border: none;padding: 16px 32px;border-radius: var(--radius);font-weight: 700;font-size: 16px;cursor: pointer;transition: var(--transition);width: 100%;margin-top: 10px;}.form-submit:hover {transform: translateY(-3px);box-shadow: 0 10px 25px rgba(255, 58, 58, 0.4);}.hero {position: relative;height: 100vh;background-color: var(--dark);display: flex;align-items: center;padding-top: 100px;overflow: hidden;min-height: 600px;}.hero-bg {position: absolute;top: 0;right: 0;width: 60%;height: 100%;clip-path: polygon(15% 0, 100% 0, 100% 100%, 0% 100%);z-index: 1;}.hero-bg video {width: 100%;height: 100%;object-fit: cover;}.hero-bg:after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(90deg, var(--dark) 0%, rgba(44, 68, 150, 0.5) 100%);}.hero-content {position: relative;z-index: 2;color: white;width: 100%;}.hero-badge {display: inline-block;background: rgba(255, 58, 58, 0.1);color: var(--accent);padding: 10px 20px;border-radius: 50px;font-weight: 700;font-size: 12px;text-transform: uppercase;letter-spacing: 1.5px;margin-bottom: 30px;border: 1px solid rgba(255, 58, 58, 0.2);transition: var(--transition);}.hero-badge:hover {background: rgba(255, 58, 58, 0.2);transform: translateY(-2px);}.hero h1 {font-family: 'Exo 2', sans-serif;font-size: clamp(48px, 7vw, 90px);line-height: 1.1;text-transform: uppercase;margin-bottom: 25px;color: white;max-width: 800px;}.hero h1 span {color: var(--accent);display: block;margin-top: 10px;}.hero p {font-size: 18px;margin-bottom: 40px;color: rgba(255, 255, 255, 0.8);max-width: 550px;}.hero-btn {display: inline-flex;align-items: center;gap: 15px;background: var(--accent);color: white;padding: 18px 40px;text-decoration: none;font-weight: 700;text-transform: uppercase;border-radius: var(--radius);transition: var(--transition);box-shadow: 0 10px 30px rgba(255, 58, 58, 0.3), 0 5px 15px rgba(44, 68, 150, 0.2);border: none;cursor: pointer;font-size: 14px;letter-spacing: 1px;position: relative;overflow: hidden;z-index: 1;}.hero-btn:before {content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);transition: left 0.7s ease;z-index: -1;}.hero-btn:hover:before {left: 100%;}.hero-btn:hover {transform: translateY(-5px);box-shadow: 0 15px 40px rgba(255, 58, 58, 0.4), 0 10px 25px rgba(44, 68, 150, 0.3);}.partners-block {background: var(--gradient);color: white;padding: 60px 0;position: relative;overflow: hidden;}.partners-block h2 {font-family: 'Exo 2', sans-serif;font-size: clamp(22px, 3vw, 32px);line-height: 1.3;max-width: 900px;position: relative;z-index: 2;font-weight: 700;}.partners-block span {color: var(--accent);position: relative;}.transforming-shapes {position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;z-index: 1;pointer-events: none;}.trans-shape {position: absolute;border-radius: 50%;animation: floatShape 20s infinite ease-in-out;}.trans-shape:nth-child(1) {width: 60px;height: 60px;top: 20%;left: 10%;background: rgba(255, 58, 58, 0.1);animation-delay: 0s;}.trans-shape:nth-child(2) {width: 80px;height: 80px;top: 60%;right: 15%;background: rgba(44, 68, 150, 0.1);animation-delay: 3s;}.trans-shape:nth-child(3) {width: 70px;height: 70px;bottom: 30%;left: 20%;background: rgba(255, 107, 107, 0.1);animation-delay: 7s;}.trans-shape:nth-child(4) {width: 90px;height: 90px;top: 10%;right: 25%;background: rgba(26, 42, 94, 0.1);animation-delay: 10s;}.trans-shape-fast {position: absolute;border-radius: 50%;animation: floatShapeFast 15s infinite ease-in-out;}.trans-shape-fast:nth-child(1) {width: 70px;height: 70px;top: 15%;left: 5%;background: rgba(255, 58, 58, 0.08);animation-delay: 0s;}.trans-shape-fast:nth-child(2) {width: 50px;height: 50px;top: 70%;right: 10%;background: rgba(44, 68, 150, 0.08);animation-delay: 2s;}.trans-shape-fast:nth-child(3) {width: 90px;height: 90px;bottom: 20%;left: 15%;background: rgba(255, 107, 107, 0.08);animation-delay: 4s;}.trans-shape-fast:nth-child(4) {width: 60px;height: 60px;top: 5%;right: 20%;background: rgba(26, 42, 94, 0.08);animation-delay: 6s;}.trans-shape-fast:nth-child(5) {width: 80px;height: 80px;bottom: 60%;left: 80%;background: rgba(255, 58, 58, 0.05);animation-delay: 8s;}@keyframes floatShape {0%, 100% {transform: translate(0, 0) rotate(0deg) scale(1);}25% {transform: translate(30px, 40px) rotate(90deg) scale(1.1);}50% {transform: translate(0, 80px) rotate(180deg) scale(0.9);}75% {transform: translate(-30px, 40px) rotate(270deg) scale(1.05);}}@keyframes floatShapeFast {0%, 100% {transform: translate(0, 0) rotate(0deg) scale(1);}20% {transform: translate(40px, 50px) rotate(72deg) scale(1.15);}40% {transform: translate(10px, 90px) rotate(144deg) scale(0.85);}60% {transform: translate(-40px, 60px) rotate(216deg) scale(1.1);}80% {transform: translate(-20px, 30px) rotate(288deg) scale(0.95);}}.section-padding {padding: 100px 0 80px;position: relative;overflow: hidden;padding-top: 40px;}#complex.section-padding {padding-bottom: 80px;}#services.section-padding {padding-top: 80px;padding-bottom: 80px;}.section-title-container--t2 {margin-top: 40px;}.section-title-container--t3 {margin-top: 80px;}.section-title-container {margin-bottom: 60px;position: relative;z-index: 2;}.section-title {position: relative;display: inline-block;padding-left: 30px;}.section-title:before {content: '';position: absolute;left: 0;top: 0;height: 100%;width: 6px;background: var(--accent);border-radius: 3px;transition: var(--transition);}.section-title:hover:before {height: 110%;top: -5%;}.section-title p {color: var(--primary);font-weight: 700;font-size: 14px;text-transform: uppercase;letter-spacing: 2px;margin-bottom: 15px;transition: var(--transition);}.section-title:hover p {letter-spacing: 3px;}.section-title h2 {font-family: 'Exo 2', sans-serif;font-size: clamp(36px, 5vw, 48px);text-transform: uppercase;color: var(--dark);font-weight: 900;}.complex-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 30px;}.complex-card {background: white;padding: 40px;border-radius: 0;transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);box-shadow: var(--shadow);position: relative;overflow: hidden;z-index: 2;border: 1px solid rgba(44, 68, 150, 0.1);border-top: 4px solid var(--primary);}.complex-card:before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 0;background: linear-gradient(to bottom, rgba(44, 68, 150, 0.05) 0%, rgba(44, 68, 150, 0.02) 100%);z-index: 1;transition: height 0.4s ease;}.complex-card:hover:before {height: 100%;}.complex-card:hover {transform: translateY(-10px);box-shadow:0 25px 50px rgba(44, 68, 150, 0.15),0 15px 30px rgba(0, 0, 0, 0.1);border-top-color: var(--accent);}.complex-card h3 {color: var(--primary);font-size: 24px;margin-bottom: 20px;font-weight: 800;position: relative;transition: all 0.3s ease;z-index: 3;}.complex-card:hover h3 {color: var(--accent);transform: translateX(5px);}.complex-card p {color: #666;font-size: 16px;position: relative;z-index: 3;transition: all 0.3s ease;}.complex-card:hover p {color: var(--dark);}.complex-card .card-icon {position: absolute;bottom: 20px;right: 20px;font-size: 40px;color: rgba(44, 68, 150, 0.08);transition: all 0.4s ease;z-index: 2;}.complex-card:hover .card-icon {color: rgba(255, 58, 58, 0.15);transform: scale(1.2);}.services-section {background: linear-gradient(180deg, #f8f9ff 0%, #ffffff 100%);}.services-list-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));gap: 20px;}.service-tag {background: white;color: var(--dark);padding: 25px 30px;text-decoration: none;display: flex;align-items: center;justify-content: space-between;font-weight: 700;font-size: 15px;transition: var(--transition);border-radius: 0;box-shadow: var(--shadow);border-left: 5px solid var(--primary);position: relative;overflow: hidden;z-index: 2;}.service-tag:before {content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(44, 68, 150, 0.05), transparent);transition: left 0.7s ease;z-index: -1;}.service-tag:hover:before {left: 100%;}.service-tag:hover {transform: translateX(10px);border-left-color: var(--accent);box-shadow: var(--shadow-hover);}.service-tag i {color: var(--primary);font-size: 18px;transition: var(--transition);}.service-tag:hover i {color: var(--accent);transform: translateX(5px);}.service-tag.vk {background: linear-gradient(135deg, #4a76a8 0%, #2a4d7e 100%);color: white;border-left-color: #4a76a8;}.service-tag.vk i {color: white;}.service-tag.call {background: var(--gradient-accent);color: white;border-left-color: white;}.service-tag.call i {color: white;}.floating-messenger {position: fixed;bottom: 30px;right: 30px;z-index: 1001;}.messenger-main-btn {width: 60px;height: 60px;border-radius: 50%;background: var(--gradient-accent);color: white;border: none;font-size: 24px;cursor: pointer;box-shadow: 0 10px 30px rgba(255, 58, 58, 0.3);transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);display: flex;align-items: center;justify-content: center;z-index: 1002;position: relative;overflow: hidden;}.messenger-main-btn:before {content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);transition: left 0.7s ease;z-index: -1;}.messenger-main-btn:hover:before {left: 100%;}.messenger-main-btn:hover {transform: scale(1.15) rotate(15deg);box-shadow: 0 15px 40px rgba(255, 58, 58, 0.4);}.messenger-popup {position: absolute;bottom: 70px;right: 0;display: flex;flex-direction: column;gap: 15px;opacity: 0;visibility: hidden;transform: translateY(20px);transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);z-index: 1001;}.messenger-popup.active {opacity: 1;visibility: visible;transform: translateY(0);}.messenger-popup a {width: 50px;height: 50px;border-radius: 50%;display: flex;align-items: center;justify-content: center;color: white;font-size: 22px;text-decoration: none;transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);box-shadow: var(--shadow);transform: scale(0.8);opacity: 0;}.messenger-popup.active a {transform: scale(1);opacity: 1;}.messenger-popup a:nth-child(1) {transition-delay: 0.1s;}.messenger-popup a:nth-child(2) {transition-delay: 0.2s;}.messenger-popup a.telegram {background: #0088cc;}.messenger-popup a.vk {background: #4a76a8;}.messenger-popup a:hover {transform: scale(1.15) !important;box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);}footer {background: var(--dark);color: white;padding: 60px 0 30px;position: relative;overflow: hidden;}footer:before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 5px;background: var(--gradient);}.footer-grid {display: grid;grid-template-columns: 2fr 1fr 1fr 1.5fr;gap: 40px;}.f-col h4 {color: var(--accent);font-family: 'Exo 2', sans-serif;text-transform: uppercase;margin-bottom: 20px;font-size: 16px;font-weight: 800;letter-spacing: 1px;}.f-col p {color: #aaa;margin-bottom: 12px;font-size: 14px;line-height: 1.6;}.f-col a {color: #ccc;text-decoration: none;font-size: 30px;margin-bottom: 10px;display: block;transition: var(--transition);position: relative;padding-left: 0;}.f-col a:before {content: '›';position: absolute;left: -15px;opacity: 0;transition: var(--transition);}.f-col a:hover {color: var(--accent);}.f-col b {color: white;font-size: 16px;display: block;margin-top: 5px;font-weight: 700;}.f-col b a{font-size: 16px;display: inline-block;}.copyright {text-align: center;margin-top: 50px;padding-top: 20px;border-top: 1px solid rgba(255, 255, 255, 0.1);color: #888;font-size: 13px;}.footer-logo-img {height: 60px;margin-bottom: 25px;filter: brightness(0) invert(1);}.m-top {margin-top: 15px;}.social-bottom {margin-top: 25px;display: flex;gap: 15px;}.s-vk {color: #4a76a8;font-size: 20px;}.s-tl {color: #0088cc;font-size: 20px;}@media (max-width: 1200px) {.footer-grid {grid-template-columns: repeat(2, 1fr);gap: 40px;}}@media (max-width: 1023px) {.header-nav {display: none;}.burger-menu {display: flex;}.hero-bg {width: 70%;}.container {padding: 0 30px;}.header-info {display: none;}}@media (max-width: 768px) {.container {padding: 0 20px;}.hero-bg {width: 100%;opacity: 0.3;clip-path: none;}.hero-content {text-align: center;}.footer-grid {grid-template-columns: 1fr;gap: 30px;}.section-padding {padding: 60px 0;}#complex.section-padding {padding-bottom: 60px;}#services.section-padding {padding-top: 60px;padding-bottom: 60px;}.hero h1 span {margin-top: 0;}.services-list-grid {grid-template-columns: 1fr;gap: 15px;}.service-tag {padding: 20px 25px;font-size: 14px;}.complex-grid {grid-template-columns: 1fr;gap: 20px;}.complex-card {padding: 30px;}.modal-content {padding: 30px 20px;}.modal-title {font-size: 24px;}.section-title-container {margin-bottom: 40px;}.section-title {padding-left: 20px;}.section-title:before {width: 4px;}.floating-messenger {bottom: 20px;right: 20px;}.messenger-main-btn {width: 50px;height: 50px;font-size: 20px;}.messenger-popup a {width: 45px;height: 45px;font-size: 20px;}}@media (max-width: 576px) {.hero h1 {font-size: 42px;}.partners-block {padding: 40px 0;}.hero h1 span {display: block;margin-top: 10px;}.hero-btn, .btn-call {padding: 15px 30px;font-size: 13px;}.form-input {padding: 12px;}.form-submit {padding: 14px 24px;}footer {padding: 40px 0 20px;}.copyright {margin-top: 30px;padding-top: 15px;}}@keyframes fadeInUp {from {opacity: 0;transform: translateY(30px);}to {opacity: 1;transform: translateY(0);}}.animate {animation: fadeInUp 0.8s ease forwards;}.delay-1 {animation-delay: 0.1s;}.delay-2 {animation-delay: 0.2s;}.delay-3 {animation-delay: 0.3s;}.delay-4 {animation-delay: 0.4s;}.page-header {background: linear-gradient(135deg, rgba(44, 68, 150, 0.05) 0%, rgba(26, 42, 94, 0.05) 100%);padding: 140px 0 60px;text-align: center;position: relative;overflow: hidden;}.page-header h1 {font-family: 'Exo 2', sans-serif;font-size: clamp(42px, 6vw, 60px);text-transform: uppercase;color: var(--dark);font-weight: 900;margin-bottom: 20px;}.page-header h1 span {color: var(--accent);}.page-header p {font-size: 18px;color: var(--gray);max-width: 700px;margin: 0 auto;}.contacts-layout {display: grid;grid-template-columns: 1fr 1fr;gap: 60px;margin-bottom: 80px;}.contact-info-card {display: flex;flex-direction: column;gap: 40px;}.info-item {padding: 30px;background: white;border-radius: 0;box-shadow: var(--shadow);border-left: 5px solid var(--primary);transition: var(--transition);position: relative;overflow: hidden;}.info-item:before {content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(44, 68, 150, 0.03), transparent);transition: left 0.7s ease;z-index: 1;}.info-item:hover:before {left: 100%;}.info-item:hover {transform: translateY(-5px);box-shadow: var(--shadow-hover);border-left-color: var(--accent);}.info-item h3 {font-family: 'Exo 2', sans-serif;text-transform: uppercase;font-size: 14px;color: var(--accent);margin-bottom: 15px;letter-spacing: 1.5px;position: relative;z-index: 2;}.info-item p,.info-item a {font-size: 18px;font-weight: 600;color: var(--dark);text-decoration: none;display: block;position: relative;z-index: 2;transition: var(--transition);}.info-item a:hover {color: var(--accent);}.vk-link-box {display: inline-flex;align-items: center;gap: 10px;margin-top: 15px;background: var(--gradient);color: white !important;padding: 12px 25px;border-radius: var(--radius);font-size: 14px !important;font-weight: 700 !important;text-transform: uppercase;letter-spacing: 0.5px;transition: var(--transition);box-shadow: 0 5px 15px rgba(44, 68, 150, 0.2);position: relative;overflow: hidden;z-index: 2;}.vk-link-box:before {content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);transition: left 0.7s ease;z-index: -1;}.vk-link-box:hover:before {left: 100%;}.vk-link-box:hover {transform: translateY(-3px);box-shadow: 0 10px 25px rgba(44, 68, 150, 0.3);}.contact-form-card {background: white;padding: 50px 40px;border-radius: 0;box-shadow: var(--shadow);border-top: 5px solid var(--primary);transition: var(--transition);position: relative;overflow: hidden;}.contact-form-card:hover {box-shadow: var(--shadow-hover);}.contact-form-card h2 {font-family: 'Exo 2', sans-serif;text-transform: uppercase;margin-bottom: 30px;color: var(--dark);font-size: 28px;font-weight: 900;position: relative;padding-bottom: 15px;}.contact-form-card h2:after {content: '';position: absolute;bottom: 0;left: 0;width: 60px;height: 4px;background: var(--accent);border-radius: 2px;}.map-container {width: 100%;height: 500px;border-top: 5px solid var(--accent);overflow: hidden;box-shadow: var(--shadow);border-radius: 0;margin-bottom: 80px;}.map-container iframe {width: 100%;height: 100%;border: none;}.breadcrumbs {margin: 20px auto 0;max-width: 1400px;padding: 0 40px;}.breadcrumbs-content {display: flex;align-items: center;flex-wrap: wrap;gap: 10px;font-size: 14px;color: var(--gray);margin-bottom: 10px;}.breadcrumbs a {color: var(--primary);text-decoration: none;font-weight: 500;transition: var(--transition);position: relative;display: flex;align-items: center;gap: 10px;}.breadcrumbs a:hover {color: var(--accent);}.breadcrumbs a:after {content: '›';color: var(--gray);font-size: 16px;font-weight: 700;}.breadcrumbs span.current {color: var(--dark);font-weight: 600;}.services-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 30px;padding: 60px 0;}.service-card {background: #fff;border-bottom: 5px solid var(--blue);text-decoration: none;transition: var(--transition);box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);}.service-card:hover {transform: translateY(-10px);border-color: var(--red);box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);}.service-img {width: 100%;height: 250px;overflow: hidden;}.service-img img {width: 100%;height: 100%;object-fit: cover;transition: 0.5s;}.service-card:hover .service-img img {transform: scale(1.1);}.service-body {padding: 25px;display: flex;align-items: center;justify-content: space-between;gap: 15px;}.service-body h3 {font-family: 'Exo 2', sans-serif;font-size: 17px;color: var(--blue);text-transform: uppercase;font-weight: 800;line-height: 1.3;}.service-card:hover .service-body h3 {color: var(--red);}.arrow-icon {width: 35px;height: 35px;border: 1px solid #eee;display: flex;align-items: center;justify-content: center;flex-shrink: 0;color: var(--blue);transition: var(--transition);font-weight: bold;}.service-card:hover .arrow-icon {background: var(--red);color: #fff;border-color: var(--red);}.section-title-container--t1 {margin-bottom: 0px;}.content-text {font-size: 16px;line-height: 1.8;color: #444;margin-bottom: 50px;}.content-text--t2 {padding-top: 40px;}.content-text p {margin-bottom: 20px;}.content-text strong {color: var(--primary);font-weight: 700;}.content-text h3 {font-family: 'Exo 2', sans-serif;font-size: 24px;color: var(--dark);margin: 10px 0 20px;padding-bottom: 10px;border-bottom: 2px solid var(--accent);display: inline-block;}.highlight-box {background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);color: white;padding: 40px;border-radius: 0;position: relative;overflow: hidden;}.highlight-box:before {content: '';position: absolute;top: -50%;right: -50%;width: 100%;height: 100%;background: rgba(255, 255, 255, 0.05);transform: rotate(45deg);}.highlight-box h3 {font-family: 'Exo 2', sans-serif;font-size: 28px;margin-bottom: 20px;color: white;border: none;}.highlight-box p {font-size: 16px;line-height: 1.6;opacity: 0.9;}.process-section {background: var(--dark);color: white;position: relative;padding-top: 40px;padding-bottom: 40px;margin-bottom: 40px;}.process-section:before {content: '';position: absolute;top: 0;left: 0;left: -4500px;width: 9999px;height: 5px;background: var(--gradient-accent);z-index: 2;}.process-section::after {position: absolute;left: -4500px;width: 9999px;content: '';display: block;position: absolute;background: var(--dark);top: 0;height: 100%;display: block;}.process-section .section-title h2 {color: white;position: relative;z-index: 2;}.process-section .section-title p {color: var(--accent);position: relative;z-index: 2;}.steps-grid {display: grid;grid-template-columns: repeat(5, 1fr);gap: 20px;position: relative;z-index: 2;}.steps-grid--t2 {grid-template-columns: repeat(4, 1fr);}.step-card {background: rgba(255, 255, 255, 0.05);padding: 30px 20px;border-radius: 0;text-align: center;position: relative;transition: var(--transition);border: 1px solid rgba(255, 255, 255, 0.1);}.step-card:hover {background: rgba(255, 255, 255, 0.1);transform: translateY(-5px);}.step-number {width: 50px;height: 50px;background: var(--accent);color: white;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-family: 'Exo 2', sans-serif;font-size: 24px;font-weight: 900;margin: 0 auto 20px;}.step-card h4 {font-size: 16px;margin-bottom: 10px;color: white;}.step-card p {font-size: 13px;color: rgba(255, 255, 255, 0.7);line-height: 1.5;}.advantages-list {display: grid;grid-template-columns: repeat(2, 1fr);gap: 25px;margin-top: 40px;margin-bottom: 40px;}.advantage-item {display: flex;gap: 20px;align-items: flex-start;padding: 25px;background: white;border-radius: 0;box-shadow: var(--shadow);transition: var(--transition);border-left: 4px solid var(--primary);}.advantage-item:hover {transform: translateX(10px);border-left-color: var(--accent);box-shadow: var(--shadow-hover);}.advantage-icon {width: 50px;height: 50px;background: var(--gradient);color: white;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 20px;flex-shrink: 0;}.advantage-content h4 {font-family: 'Exo 2', sans-serif;font-size: 18px;margin-bottom: 8px;color: var(--dark);}.advantage-content p {font-size: 14px;color: #666;line-height: 1.5;}.cta-section {background: var(--gradient);color: white;padding: 80px 0;text-align: center;position: relative;overflow: hidden;border-radius: var(--radius);}.cta-section:before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="40" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="0.5"/></svg>') repeat;background-size: 80px;}.cta-content {position: relative;z-index: 2;}.cta-section h2 {font-family: 'Exo 2', sans-serif;font-size: clamp(28px, 4vw, 42px);margin-bottom: 20px;text-transform: uppercase;}.cta-section p {font-size: 18px;opacity: 0.9;margin-bottom: 30px;max-width: 1000px;margin-left: auto;margin-right: auto;}.cta-btn {display: inline-flex;align-items: center;gap: 10px;background: var(--accent);color: white;padding: 18px 40px;text-decoration: none;font-weight: 700;text-transform: uppercase;border-radius: var(--radius);transition: var(--transition);box-shadow: 0 10px 30px rgba(255, 58, 58, 0.3);border: 2px solid transparent;cursor: pointer;}.cta-btn:hover {background: transparent;border-color: white;transform: translateY(-3px);}.intro-grid {display: grid;grid-template-columns: 1.2fr 0.8fr;gap: 60px;align-items: center;font-weight: 400;}.intro-grid--t2 {padding-bottom: 40px;}.intro-img img {width: 100%;border-radius: 20px;box-shadow: var(--shadow);}.intro-grid h2 {text-transform: uppercase;margin-bottom: 20px;color: var(--blue);font-size: 25px;font-family: 'Exo 2', sans-serif;}.intro-grid p {padding-bottom: 20px;font-weight: 400;}.example-works {width: 100%;position: relative;padding: 50px 0px;font-family: 'Exo 2', sans-serif;padding-bottom: 80px;}.example-works--t2 {margin-bottom: 40px;}.example-works::before {position: absolute;top: 0;width: 9999px;left: -4500px;height: 100%;display: block;content: '';background: linear-gradient(135deg, rgba(44, 68, 150, 0.03) 0%, rgba(26, 42, 94, 0.03) 100%);}.example-works h2, .example-works .portfolio-grid {position: relative;z-index: 1;}.s-title {font-size: 36px;color: var(--blue);text-transform: uppercase;margin-bottom: 30px;text-align: center;}.s-title span {color: var(--red);}.portfolio-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 20px;}.port-item {height: 250px;border-radius: 15px;overflow: hidden;position: relative;transition: var(--transition);}.port-item img {width: 100%;height: 100%;object-fit: cover;transition: 0.5s;}.port-item:hover {transform: translateY(-10px);box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);}img.mfp-img {border-radius: 15px;}.prices-box {padding: 50px 0;}.price-card {background: #fff;border-radius: 20px;overflow: hidden;box-shadow: var(--shadow);border: 1px solid var(--border);}.price-table {width: 100%;border-collapse: collapse;}.price-table th {background: var(--blue);color: #fff;padding: 20px;text-align: left;text-transform: uppercase;font-size: 14px;}.price-table td {padding: 15px 20px;border-bottom: 1px solid #eee;font-weight: 600;}.price-val {color: var(--red);font-size: 18px;font-weight: 900;}.other-services {padding: 40px 0;padding-bottom: 0;}.services-grid2 {display: grid;grid-template-columns: repeat(4, 1fr);gap: 15px;}.service-tag-link {background: var(--dark);color: #fff;padding: 25px;text-decoration: none;display: flex;align-items: center;justify-content: space-between;font-weight: 700;font-size: 13px;text-transform: uppercase;transition: var(--transition);border-right: 5px solid var(--red);}.service-tag-link:hover {background: var(--blue);padding-left: 35px;}.content-text__title {font-family: 'Exo 2';text-transform: uppercase;margin-bottom: 20px;color: var(--blue);}.content-text a {color: var(--red);}.types-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 20px;padding-bottom: 40px;}.type-card {background: #fff;border-radius: 15px;padding: 30px;text-align: center;border: 1px solid var(--border);transition: var(--transition);}.type-card:hover {transform: translateY(-10px);box-shadow: var(--shadow);}.type-icon {width: 70px;height: 70px;background: var(--red);border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 auto 20px;}.type-icon i {color: #fff;font-size: 28px;}.type-card h4 {font-family: 'Exo 2', sans-serif;color: var(--blue);font-size: 16px;margin-bottom: 10px;text-transform: uppercase;}.type-card p {color: #666;font-size: 14px;line-height: 1.5;}.why-us-list {list-style: none;margin-bottom: 30px;}.why-us-list li {padding: 20px 0 20px 50px;position: relative;border-bottom: 1px solid var(--border);font-weight: 600;color: var(--dark);}.why-us-list li::before {content: '\f00c';font-family: 'Font Awesome 6 Free';font-weight: 900;position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 35px;height: 35px;background: var(--red);color: #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 14px;}.video-intro {width: 100%;height: auto;margin-bottom: 40px;border-radius: 16px;}.materials-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;position: relative;z-index: 1;}.material-card {background: #fff;border-radius: 15px;padding: 30px;text-align: center;border: 2px solid var(--border);transition: var(--transition);}.material-card:hover {border-color: var(--red);transform: translateY(-5px);box-shadow: var(--shadow);}.material-icon {font-size: 40px;color: var(--red);margin-bottom: 15px;}.material-card h4 {font-family: 'Exo 2', sans-serif;color: var(--blue);margin-bottom: 10px;}.features-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 30px;position: relative;z-index: 1;}.feature-box {text-align: center;padding: 40px 30px;background: #fff;border-radius: 20px;border: 1px solid var(--border);transition: var(--transition);}.feature-box:hover {transform: translateY(-10px);box-shadow: var(--shadow);border-color: var(--blue);}.feature-box i {font-size: 48px;color: var(--red);margin-bottom: 20px;}.feature-box h4 {font-family: 'Exo 2', sans-serif;color: var(--blue);margin-bottom: 15px;font-size: 18px;}.feature-box p {color: #666;font-size: 14px;}.steps-timeline2 {position: relative;max-width: 1000px;margin: 0 auto;}.steps-timeline2::before {content: '';position: absolute;left: 50%;top: 0;bottom: 0;width: 2px;background: var(--border);transform: translateX(-50%);}.step-row2 {display: flex;margin-bottom: 50px;position: relative;}.step-row2:nth-child(even) {flex-direction: row-reverse;}.step-content2 {width: 45%;padding: 30px;background: #fff;border-radius: 15px;box-shadow: var(--shadow);border: 1px solid var(--border);}.step-number2 {position: absolute;left: 50%;transform: translateX(-50%);width: 60px;height: 60px;background: var(--red);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-family: 'Exo 2', sans-serif;font-size: 24px;font-weight: 900;color: #fff;border: 4px solid #fff;box-shadow: 0 0 0 2px var(--red);}.step-content2 h4 {font-family: 'Exo 2', sans-serif;color: var(--blue);margin-bottom: 10px;font-size: 20px;}.step-content2 p {color: #666;font-size: 14px;line-height: 1.6;}.advantages-list-compact {gap: 15px;display: grid;grid-template-columns: repeat(2, 1fr);margin-bottom: 60px;}.advantage-item-compact {display: flex;gap: 20px;padding: 20px;background: #fff;border-radius: 15px;align-items: center;border: 1px solid var(--border);transition: var(--transition);}.advantage-item-compact:hover {transform: translateY(-5px);box-shadow: var(--shadow);border-color: var(--blue);}.advantage-icon-compact {width: 50px;height: 50px;background: var(--red);border-radius: 12px;display: flex;align-items: center;justify-content: center;flex-shrink: 0;}.advantage-icon-compact i {color: #fff;font-size: 20px;}.advantage-content-compact h4 {font-family: 'Exo 2', sans-serif;color: var(--blue);font-size: 16px;text-transform: uppercase;}.modal {display: none;position: fixed;inset: 0;background: rgba(0, 0, 0, 0.75);z-index: 1002;justify-content: center;align-items: center;opacity: 0;transition: opacity 0.3s ease;overflow-y: auto;-webkit-overflow-scrolling: touch;padding: 20px 16px;box-sizing: border-box;}.modal.active {display: flex;opacity: 1;}.modal-content {background: white;padding: 32px 24px;border-radius: var(--radius-lg);width: 100%;max-width: 520px;margin: auto;box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);transition: transform 0.4s ease, opacity 0.4s ease;padding-top: 10px;}.modal.active .modal-content {transform: translateY(0);opacity: 1;}@media (max-width: 480px) {.modal {padding: 16px;}.modal-content {width: 100%;max-width: none;border-radius: 0;padding: 24px 16px;min-height: 40vh;padding-top: 10px;}.modal-header {margin-bottom: 24px;}}@media (max-width: 1400px) {.btn-call {padding: 12px 10px;}.logo-link img {height: 36px;}.complex-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 20px;}.complex-card {padding: 20px;}#complex.section-padding {padding-bottom: 30px;}#services.section-padding {padding: 40px 0px;}}@media (max-width: 1279px) {.container {padding: 0 20px;}.logo-link img {height: 25px;}.header-contacts span {font-size: 12px;}.btn-call {padding: 9px 10px;}.header-nav ul {gap: 15px;}.header-nav a {font-size: 12px;}.header-contacts a {font-size: 14px;}.header-contacts span {display: none;}.hero h1 {font-size: 60px;}.hero p {font-size: 16px;}.partners-block h2 {font-size: 30px;}.partners-block {padding: 30px 0px;}.section-title p {font-size: 12px;}.section-title h2 {font-size: 34px;}.section-title p {margin-bottom: 0px;}.complex-card h3 {font-size: 20px;}.complex-card p {font-size: 14px;}.complex-grid {grid-template-columns: repeat(2, 1fr);}.services-list-grid {grid-template-columns: repeat(3, 1fr);}.section-title-container--t3 {margin-top: 40px;}.f-col:first-child {grid-column: 1 / -1;text-align: center;padding-bottom: 20px;}.footer-grid {grid-template-columns: repeat(3, 1fr);gap: 20px;}.page-header {padding: 80px 0px 20px 0px;}.page-header h1 {font-size: 50px;}.breadcrumbs {margin-top: 0px;}.section-padding {padding: 30px 0px;}.content-text p {margin-bottom: 15px;}.service-body {padding: 18px;}.service-body {gap: 20px;}.step-card {padding: 30px 10px;}.cta-section {padding: 40px 0px;}.cta-section h2 {font-size: 30px;}.cta-section p {font-size: 16px;}.cta-btn {padding: 10px 30px;}.example-works {padding-top: 40px;}.port-item {height: 200px;}.example-works .portfolio-grid {padding-bottom: 30px;}.prices-box {padding-top: 20px;}.example-works {padding-bottom: 30px;}.contacts-layout {gap: 30px;}}@media (max-width: 1023px) {.hero h1 {font-size: 45px;}.hero p {text-align: center;font-size: 14px;margin: 0 auto;padding-bottom: 30px;}.hero {min-height: 400px;}.partners-block h2 {font-size: 25px;text-align: center;}.services-list-grid {grid-template-columns: repeat(2, 1fr);}.services-grid {gap: 10px;grid-template-columns: repeat(2, 1fr);padding-top: 30px;}.steps-grid {grid-template-columns: repeat(3, 1fr);gap: 10px;}.advantage-item {padding-left: 20px;}.advantages-list {gap: 10px;}.advantage-content h4 {font-size: 16px;}.advantage-content p {font-size: 12px;}.intro-grid {gap: 20px;grid-template-columns: repeat(1, 1fr);}.intro-img {order: 1;text-align: center;}.intro-img img {max-width: 400px;max-height: 300px;}.intro-content {order: 2;}.s-title {font-size: 30px;}.portfolio-grid {grid-template-columns: repeat(3, 1fr);}.services-grid2 {gap: 10px;grid-template-columns: repeat(3, 1fr);}.content-text {margin-bottom: 30px;}.types-grid {grid-template-columns: repeat(2, 1fr);gap: 10px;}.materials-grid, .features-grid {gap: 10px;}.material-card {padding: 15px;}.advantage-content-compact h4 {font-size: 14px;}.step-content2 p {font-size: 12px;}.step-content2 h4 {font-size: 16px;}.step-content2 {padding: 15px;}.contact-info-card {gap: 10px;}.contact-form-card {padding: 20px;}.contacts-layout {gap: 10px;}}@media (max-width: 767px) {.hero h1 {font-size: 38px;}.partners-block h2 {font-size: 22px;}#complex.section-padding {padding: 25px 0;}.section-title h2 {font-size: 28px;}.complex-card h3 {font-size: 16px;}.complex-card p {font-size: 12px;}.complex-grid {gap: 5px;}.services-list-grid {gap: 10px;}.section-title-container {margin-bottom: 20px;}.service-tag {padding: 10px 20px;font-size: 12px;}.service-tag i {display: none;}.footer-logo-img {height: 30px;}.footer-grid {grid-template-columns: repeat(2, 1fr);}.page-header h1 {font-size: 35px;}.breadcrumbs-content {font-size: 12px;}.breadcrumbs {padding: 0px;}.content-text {font-size: 12px;}.content-text h3 {font-size: 20px;}.service-img {height: 200px;}.service-body h3 {font-size: 14px;}.service-body {padding: 10px;}.process-section .section-title h2 {font-size: 20px;}.steps-grid {grid-template-columns: repeat(2, 1fr);gap: 10px;}.advantage-icon {display: none;}.advantage-content h4 {font-size: 15px;}.intro-grid p {font-size: 12px;}.portfolio-grid {grid-template-columns: repeat(2, 1fr);}.s-title {font-size: 25px;}.price-table td {padding: 5px 10px;font-size: 14px;}.services-grid2 {grid-template-columns: repeat(2, 1fr);}.service-tag-link {font-size: 12px;padding: 15px;}.service-tag-link i {display: none;}.f-col:first-child {padding-bottom: 0;}.breadcrumbs-content {line-height: 14px;}.example-works {padding: 30px 0 !important;}.portfolio-grid {gap: 10px;}.type-card {padding: 15px;}.type-card p {font-size: 12px;}.type-card h4 {font-size: 14px;}.type-icon {width: 50px;height: 50px;}.why-us-list li::before {width: 25px;height: 25px;font-size: 12px;}.why-us-list li {padding: 10px 0 10px 35px;}.feature-box i {font-size: 35px;}.feature-box h4 {font-size: 16px;line-height: 20px;}.feature-box {padding: 20px;}.feature-box p {font-size: 12px;}.advantage-item-compact {padding: 10px;gap: 10px;}.advantage-content-compact h4 {font-size: 12px;}.materials-grid {grid-template-columns: repeat(2, 1fr);}.contacts-layout {grid-template-columns: repeat(1, 1fr);}.info-item {padding: 15px;}.info-item p, .info-item a {font-size: 14px;}.contact-form-card h2 {font-size: 25px;}.form-label, .form-group {font-size: 14px;}.contacts-layout {margin-bottom: 20px;}.map-container {position: relative;margin-bottom: 0;}.map-container::before {display: block;position: absolute;width: 100%;height: 100%;content: '';left: 0;top: 0;z-index: 2;}}@media (max-width: 479px) {.hero {padding-top: 70px;}.hero h1 {font-size: 34px;}.hero p {font-size: 12px;}.partners-block h2 {font-size: 16px;}.section-title h2 {font-size: 20px;}.complex-grid, .services-list-grid {grid-template-columns: repeat(1, 1fr);}.footer-grid {grid-template-columns: repeat(1, 1fr);}.page-header h1 {font-size: 25px;}.services-grid, .steps-grid, .advantages-list {grid-template-columns: repeat(1, 1fr);}.cta-section h2 {font-size: 18px;}.cta-section p {font-size: 12px;}.port-item {height: 150px;}.s-title {font-size: 22px;margin-bottom: 20px;}.prices-box {padding-top: 20px;}.price-table td {font-size: 12px;}.price-table th {font-size: 12px;padding: 10px;}.types-grid {grid-template-columns: repeat(1, 1fr);}.services-grid2 {grid-template-columns: repeat(1, 1fr);}.video-intro {margin-bottom: 0;}.materials-grid, .advantages-list-compact, .features-grid {grid-template-columns: repeat(1, 1fr);}.step-row2 {flex-direction: row-reverse;}.steps-timeline2::before {left: 20px;}.step-number2 {left: 20px;}.step-content2 {width: calc(100% - 65px);}.hero{height: auto;}}.mobile-nav {position: fixed;top: 0;right: -100%;width: 80%;max-width: 400px;height: 100vh;background: var(--dark);z-index: 999;padding: 70px 20px 20px;transition: right 0.4s cubic-bezier(0.77, 0, 0.175, 1);box-shadow: -10px 0 30px rgba(0, 0, 0, 0.3);padding-bottom: 50px;overflow-y: auto;-webkit-overflow-scrolling: touch;}.mobile-nav .main {margin: 0;padding: 0;}.mobile-nav ul li {margin-bottom: 8px;position: relative;}.mobile-nav ul li ul {padding-left: 30px !important;}.mobile-nav ul li ul li::before {display: inline-block;content: '-';color: #fff;font-size: 20px;position: absolute;left: -20px;top: 5px;}.mobile-nav ul li a {font-size: 17px;padding: 12px 0;}input.error {border: 1px red solid;}label.error {display: none !important;}input[type="checkbox"].error {outline: 2px solid red;outline-offset: 2px;}