Дагестанский камень для фасада | Элитная облицовка от "Живой Камень" /* ===== RESET & BASE STYLES ===== */ * { margin: 0; padding: 0; box-sizing: border-box; } :root { --primary: #2c5530; /* Природный зеленый */ --primary-dark: #1e3a23; --secondary: #c19a6b; /* Золотисто-песочный (цвет камня) */ --light: #f8f5f0; /* Светлый фон */ --stone-light: #e8e1d5; /* Светло-каменный */ --stone-dark: #8b7355; /* Темно-каменный */ --dark: #333333; --white: #ffffff; --shadow: 0 8px 30px rgba(0, 0, 0, 0.08); --shadow-hover: 0 15px 40px rgba(0, 0, 0, 0.12); --transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.1); --border-radius: 8px; } html { scroll-behavior: smooth; } body { font-family: 'Montserrat', sans-serif; font-size: 16px; line-height: 1.7; color: var(--dark); background-color: var(--white); overflow-x: hidden; } h1, h2, h3, h4, h5, h6 { font-family: 'Playfair Display', serif; font-weight: 700; line-height: 1.3; margin-bottom: 1.2rem; color: var(--primary-dark); } h1 { font-size: 2.8rem; line-height: 1.2; } h2 { font-size: 2.4rem; position: relative; display: inline-block; } h3 { font-size: 1.8rem; } @media (min-width: 992px) { h1 { font-size: 3.8rem; } h2 { font-size: 3rem; } h3 { font-size: 2.2rem; } } .accent-text { color: var(--secondary); } p { margin-bottom: 1.5rem; font-size: 1.05rem; } a { color: var(--primary); text-decoration: none; transition: var(--transition); } a:hover { color: var(--secondary); } img { max-width: 100%; height: auto; display: block; border-radius: var(--border-radius); } section { padding: 90px 20px; position: relative; } .section-dark { background-color: var(--stone-light); } .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; } .text-center { text-align: center; } .btn { display: inline-block; padding: 18px 42px; background-color: var(--primary); color: var(--white); border: none; border-radius: var(--border-radius); font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 1.1rem; cursor: pointer; transition: var(--transition); text-align: center; letter-spacing: 0.5px; position: relative; overflow: hidden; z-index: 1; } .btn:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background-color: var(--primary-dark); z-index: -2; } .btn:before { content: ''; position: absolute; bottom: 0; left: 0; width: 0%; height: 100%; background-color: var(--secondary); transition: all 0.5s ease; z-index: -1; } .btn:hover { color: var(--dark); transform: translateY(-5px); box-shadow: var(--shadow-hover); } .btn:hover:before { width: 100%; } .btn-secondary { background-color: transparent; color: var(--primary); border: 2px solid var(--primary); } .btn-secondary:before { background-color: var(--primary); } .btn-secondary:hover { color: var(--white); border-color: var(--primary); } .section-title { text-align: center; margin-bottom: 70px; } .section-title:after { content: ''; display: block; width: 100px; height: 4px; background: linear-gradient(to right, var(--primary), var(--secondary)); margin: 20px auto 0; border-radius: 2px; } /* ===== HEADER ===== */ header { background-color: rgba(255, 255, 255, 0.95); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05); position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; backdrop-filter: blur(10px); } .header-container { display: flex; justify-content: space-between; align-items: center; padding: 18px 20px; max-width: 1200px; margin: 0 auto; } .logo { font-family: 'Playfair Display', serif; font-weight: 700; font-size: 1.9rem; color: var(--primary); display: flex; align-items: center; } .logo i { color: var(--secondary); margin-right: 12px; font-size: 1.8rem; } .logo-text { display: flex; flex-direction: column; line-height: 1.2; } .logo-subtitle { font-size: 0.7rem; font-family: 'Montserrat', sans-serif; font-weight: 400; color: var(--stone-dark); letter-spacing: 1px; margin-top: 3px; } .nav-links { display: none; } @media (min-width: 992px) { .nav-links { display: flex; list-style: none; } .nav-links li { margin-left: 32px; position: relative; } .nav-links a { font-weight: 600; color: var(--dark); font-size: 1.05rem; padding: 8px 0; } .nav-links a:after { content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background-color: var(--secondary); transition: var(--transition); } .nav-links a:hover { color: var(--primary); } .nav-links a:hover:after { width: 100%; } .nav-links .btn { padding: 12px 28px; margin-left: 10px; } } .mobile-menu-btn { background: none; border: none; font-size: 1.6rem; color: var(--primary); cursor: pointer; } @media (min-width: 992px) { .mobile-menu-btn { display: none; } } /* ===== HERO SECTION ===== */ .hero { background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.8)), url('https://zhivoi-kamen.ru/assets/images/hero-bg.jpg'); background-size: cover; background-position: center; background-attachment: fixed; color: var(--white); text-align: center; padding: 180px 20px 120px; margin-top: 74px; min-height: 90vh; display: flex; flex-direction: column; justify-content: center; align-items: center; } @media (max-width: 768px) { .hero { background-attachment: scroll; } } .hero h1 { color: var(--white); margin-bottom: 25px; text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3); } .hero p { font-size: 1.3rem; max-width: 850px; margin: 0 auto 40px; color: rgba(255, 255, 255, 0.9); line-height: 1.8; } .hero-btns { display: flex; flex-direction: column; gap: 20px; max-width: 500px; margin: 40px auto 0; } @media (min-width: 768px) { .hero-btns { flex-direction: row; justify-content: center; max-width: none; } } /* ===== BENEFITS SECTION ===== */ .benefits-grid { display: grid; grid-template-columns: 1fr; gap: 35px; } @media (min-width: 768px) { .benefits-grid { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 992px) { .benefits-grid { grid-template-columns: repeat(4, 1fr); } } .benefit-card { background-color: var(--white); padding: 40px 30px; border-radius: var(--border-radius); box-shadow: var(--shadow); text-align: center; transition: var(--transition); border-top: 4px solid transparent; } .benefit-card:hover { transform: translateY(-15px); box-shadow: var(--shadow-hover); border-top-color: var(--secondary); } .benefit-icon { font-size: 3rem; color: var(--secondary); margin-bottom: 25px; height: 80px; display: flex; align-items: center; justify-content: center; } .benefit-card h3 { font-size: 1.5rem; margin-bottom: 18px; } /* ===== ABOUT SECTION ===== */ .about-content { display: grid; grid-template-columns: 1fr; gap: 60px; align-items: center; } @media (min-width: 992px) { .about-content { grid-template-columns: 1fr 1fr; } } .about-text ul { list-style: none; margin-top: 25px; } .about-text li { margin-bottom: 15px; padding-left: 35px; position: relative; font-size: 1.05rem; } .about-text li:before { content: '✓'; position: absolute; left: 0; color: var(--secondary); font-weight: bold; font-size: 1.3rem; } .about-image { position: relative; } .about-image:after { content: ''; position: absolute; width: 100%; height: 100%; border: 3px solid var(--secondary); border-radius: var(--border-radius); top: 20px; left: 20px; z-index: -1; } /* ===== STEPS SECTION ===== */ .steps-container { max-width: 1100px; margin: 0 auto; position: relative; } .steps-container:before { content: ''; position: absolute; top: 90px; left: 0; right: 0; height: 3px; background-color: var(--stone-light); z-index: 0; } @media (max-width: 991px) { .steps-container:before { display: none; } } .steps-grid { display: grid; grid-template-columns: 1fr; gap: 40px; position: relative; z-index: 1; } @media (min-width: 768px) { .steps-grid { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 992px) { .steps-grid { grid-template-columns: repeat(4, 1fr); } } .step-card { text-align: center; padding: 30px 20px; background-color: var(--white); border-radius: var(--border-radius); box-shadow: var(--shadow); transition: var(--transition); } .step-card:hover { transform: translateY(-10px); box-shadow: var(--shadow-hover); } .step-number { display: inline-block; width: 70px; height: 70px; line-height: 70px; background: linear-gradient(135deg, var(--primary), var(--primary-dark)); color: var(--white); border-radius: 50%; font-family: 'Montserrat', sans-serif; font-size: 2rem; font-weight: 700; margin-bottom: 25px; box-shadow: 0 8px 20px rgba(44, 85, 48, 0.2); } /* ===== PORTFOLIO SECTION ===== */ .portfolio { background-color: var(--stone-light); } .portfolio-grid { display: grid; grid-template-columns: 1fr; gap: 30px; } @media (min-width: 768px) { .portfolio-grid { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 992px) { .portfolio-grid { grid-template-columns: repeat(3, 1fr); } } .portfolio-item { position: relative; border-radius: var(--border-radius); overflow: hidden; height: 350px; box-shadow: var(--shadow); transition: var(--transition); } .portfolio-item:hover { transform: translateY(-10px); box-shadow: var(--shadow-hover); } .portfolio-img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.8s ease; } .portfolio-item:hover .portfolio-img { transform: scale(1.05); } .portfolio-overlay { position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent); color: var(--white); padding: 30px 25px 25px; transform: translateY(10px); opacity: 0; transition: var(--transition); } .portfolio-item:hover .portfolio-overlay { transform: translateY(0); opacity: 1; } .portfolio-overlay h3 { color: var(--white); margin-bottom: 8px; font-size: 1.4rem; } .portfolio-overlay p { color: rgba(255, 255, 255, 0.9); margin-bottom: 0; font-size: 0.95rem; } /* ===== CONTACTS SECTION ===== */ .contacts-content { display: grid; grid-template-columns: 1fr; gap: 60px; } @media (min-width: 992px) { .contacts-content { grid-template-columns: 1fr 1fr; } } .contact-info { background-color: var(--stone-light); padding: 40px; border-radius: var(--border-radius); box-shadow: var(--shadow); } .contact-info h3 { margin-bottom: 30px; color: var(--primary-dark); font-size: 1.8rem; } .contact-details { margin-bottom: 40px; } .contact-item { display: flex; align-items: flex-start; margin-bottom: 25px; } .contact-icon { background-color: var(--primary); color: var(--white); width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 20px; flex-shrink: 0; font-size: 1.2rem; } .contact-text h4 { margin-bottom: 5px; font-size: 1.1rem; } .contact-text p { margin-bottom: 0; color: var(--dark); } .contact-text a { color: var(--dark); transition: var(--transition); } .contact-text a:hover { color: var(--primary); } .social-links { display: flex; gap: 15px; margin-top: 30px; } .social-link { display: flex; align-items: center; justify-content: center; width: 45px; height: 45px; background-color: var(--primary); color: var(--white); border-radius: 50%; font-size: 1.2rem; transition: var(--transition); } .social-link:hover { background-color: var(--secondary); color: var(--dark); transform: translateY(-5px); } .contact-form-container { background-color: var(--white); padding: 40px; border-radius: var(--border-radius); box-shadow: var(--shadow); } .form-group { margin-bottom: 25px; } .form-group label { display: block; margin-bottom: 10px; font-weight: 600; color: var(--dark); } .form-control { width: 100%; padding: 16px 20px; border: 1px solid #ddd; border-radius: var(--border-radius); font-family: 'Montserrat', sans-serif; font-size: 1rem; transition: var(--transition); background-color: #f9f9f9; } .form-control:focus { border-color: var(--primary); outline: none; background-color: var(--white); box-shadow: 0 0 0 3px rgba(44, 85, 48, 0.1); } /* ===== CTA SECTION ===== */ .cta { background: linear-gradient(rgba(44, 85, 48, 0.85), rgba(44, 85, 48, 0.9)), url('https://zhivoi-kamen.ru/assets/images/cta-bg.jpg'); background-size: cover; background-position: center; background-attachment: fixed; color: var(--white); text-align: center; } .cta h2 { color: var(--white); margin-bottom: 20px; } .cta p { font-size: 1.3rem; max-width: 800px; margin: 0 auto 50px; color: rgba(255, 255, 255, 0.95); } /* ===== FOOTER ===== */ footer { background-color: var(--primary-dark); color: var(--white); padding: 70px 20px 30px; } .footer-content { display: grid; grid-template-columns: 1fr; gap: 50px; margin-bottom: 50px; } @media (min-width: 768px) { .footer-content { grid-template-columns: repeat(3, 1fr); } } .footer-logo { font-family: 'Playfair Display', serif; font-weight: 700; font-size: 2rem; color: var(--white); margin-bottom: 20px; display: inline-block; } .footer-about p { color: rgba(255, 255, 255, 0.8); margin-bottom: 25px; font-size: 1.05rem; } .footer-links h3, .footer-contact h3 { color: var(--white); margin-bottom: 30px; font-size: 1.4rem; position: relative; padding-bottom: 12px; } .footer-links h3:after, .footer-contact h3:after { content: ''; position: absolute; bottom: 0; left: 0; width: 60px; height: 3px; background-color: var(--secondary); } .footer-links ul { list-style: none; } .footer-links li { margin-bottom: 15px; } .footer-links a { color: rgba(255, 255, 255, 0.8); font-size: 1.05rem; transition: var(--transition); } .footer-links a:hover { color: var(--secondary); padding-left: 8px; } .footer-contact p { color: rgba(255, 255, 255, 0.8); margin-bottom: 18px; display: flex; align-items: center; } .footer-contact i { color: var(--secondary); margin-right: 15px; width: 20px; font-size: 1.1rem; } .copyright { text-align: center; padding-top: 40px; border-top: 1px solid rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.7); font-size: 0.95rem; } /* ===== MOBILE MENU ===== */ .mobile-menu { position: fixed; top: 74px; right: -100%; width: 85%; max-width: 350px; height: calc(100vh - 74px); background-color: var(--white); box-shadow: -5px 0 25px rgba(0, 0, 0, 0.1); transition: var(--transition); z-index: 999; padding: 40px 30px; overflow-y: auto; } .mobile-menu.active { right: 0; } .mobile-menu ul { list-style: none; } .mobile-menu li { margin-bottom: 25px; } .mobile-menu a { font-weight: 600; font-size: 1.3rem; color: var(--dark); display: block; padding: 12px 0; border-bottom: 1px solid #eee; transition: var(--transition); } .mobile-menu a:hover { color: var(--primary); padding-left: 10px; } /* ===== RESPONSIVE ADJUSTMENTS ===== */ @media (max-width: 767px) { section { padding: 70px 20px; } h1 { font-size: 2.4rem; } h2 { font-size: 2rem; } .hero { padding: 150px 20px 90px; } .contact-info, .contact-form-container { padding: 30px 25px; } } /* ===== ANIMATIONS ===== */ @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.2s; } .delay-2 { animation-delay: 0.4s; } .delay-3 { animation-delay: 0.6s; } /* ===== STONE FEATURES SECTION ===== */ .stone-features { background-color: var(--white); } .features-grid { display: grid; grid-template-columns: 1fr; gap: 30px; margin-top: 50px; } @media (min-width: 768px) { .features-grid { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 992px) { .features-grid { grid-template-columns: repeat(4, 1fr); } } .feature-card { text-align: center; padding: 30px 20px; border-radius: var(--border-radius); background-color: var(--stone-light); transition: var(--transition); } .feature-card:hover { transform: translateY(-10px); box-shadow: var(--shadow); } .feature-icon { font-size: 2.5rem; color: var(--secondary); margin-bottom: 20px; } .feature-card h4 { font-size: 1.3rem; margin-bottom: 15px; color: var(--primary-dark); }
Главная Преимущества О камне Наши работы Контакты Бесплатный расчет

Элитная облицовка фасадов натуральным дагестанским камнем

Превратите ваш дом в произведение искусства с уникальным дагестанским камнем, который хранит в себе энергию Кавказских гор и вековые традиции мастерства. Более 200 реализованных проектов по всей России.

Рассчитать стоимость проекта Смотреть наши работы

Почему выбирают наш камень

Уникальная эстетика Каждый камень имеет неповторимый рисунок и текстуру, созданные природой за миллионы лет. Ваш фасад будет по-настоящему эксклюзивным.

Вечная прочность Дагестанский камень выдерживает любые температурные перепады от -50°C до +80°C, не теряя своих свойств и внешнего вида десятилетиями.

100% экологичность Абсолютно натуральный материал, добываемый в экологически чистых районах Дагестана. Без химических добавок и искусственных красителей.

Прямые поставки Собственное производство с 2013 года позволяет предлагать лучшие цены без посредников. Гарантия на материалы и работы — 5 лет.

Дагестанский камень — природа, воплощенная в архитектуре

Наш камень добывается в предгорьях Кавказа, где на протяжении миллионов лет природа создавала этот уникальный материал. В его текстуре запечатлена история земли — каждый срез рассказывает свою неповторимую историю.

В отличие от искусственных материалов, дагестанский камень с годами становится только красивее, приобретая благородную патину и раскрывая свою глубину под воздействием солнечного света и атмосферных явлений.

Компания «Живой камень» работает с 2013 года, сочетая древние традиции каменного дела с современными технологиями обработки. Мы контролируем весь процесс — от добычи в собственном карьере до финальной укладки на вашем объекте.

Эксклюзивные месторождения в Дагестане Современное оборудование для точной обработки Индивидуальный подход к каждому проекту Авторский надзор на всех этапах работы Более 200 успешных проектов по всей России
Образец дагестанского камня
Морозостойкость Выдерживает более 100 циклов заморозки/разморозки без повреждений

Плотность Высокая плотность структуры обеспечивает исключительную долговечность

Цветовая палитра Естественные оттенки от теплого песочного до благородного серого

Долговечность Срок службы превышает 100 лет без потери эстетических качеств

Как мы создаем ваш идеальный фасад

1
Консультация и замеры Наш специалист выезжает на объект, проводит замеры и помогает выбрать оптимальный тип камня и вариант укладки.

2
Дизайн-проект Разрабатываем 3D-визуализацию вашего будущего фасада с учетом архитектурных особенностей здания.

3
Изготовление и доставка На производстве изготавливаем элементы облицовки по вашим размерам и доставляем материал на объект.

4
Профессиональный монтаж Наша команда мастеров выполняет облицовку с ювелирной точностью, соблюдая все технологии.

Наши работы

Реализованные проекты, в которых дагестанский камень раскрыл свою красоту и потенциал. Каждый объект — уникальная история преображения.

Коттедж в Подмосковье
Коттедж в Подмосковье Облицовка фасада и цоколя доломитом теплого песочного оттенка

Ресторан в Сочи
Ресторан в Сочи Комбинированная отделка ракушечником и песчаником

Особняк в Ленинградской области
Особняк в Ленинградской области Полная облицовка фасада и внутренних элементов интерьера

Офисное здание в Москве
Офисное здание в Москве Современная интерпретация классической каменной кладки

Загородный дом в Казани
Загородный дом в Казани Архитектурные элементы из натурального камня

Фасадная отделка в Санкт-Петербурге
Фасадная отделка в Санкт-Петербурге Комплексная облицовка с элементами декоративной кладки

Контакты

Свяжитесь с нами
Адрес производства Республика Дагестан, собственные карьеры

Телефон 8 (800) 123-45-67

Бесплатный звонок по России

Email info@zhivoi-kamen.ru

Режим работы Пн-Пт: 9:00-19:00

Сб: 10:00-16:00

Мы в соцсетях

Оставьте заявку И наш специалист свяжется с вами в течение 30 минут для бесплатной консультации и расчета стоимости

Готовы создать фасад своей мечты?

Оставьте заявку прямо сейчас и получите в подарок 3D-визуализацию вашего будущего фасада с использованием дагестанского камня!

Получить бесплатный дизайн-проект
Производство и монтаж натурального дагестанского камня для элитной облицовки фасадов. Работаем по всей России с 2013 года.

Превращаем обычные дома в архитектурные шедевры с душой природы Кавказа.

Навигация Главная Преимущества О камне Наши работы Контакты Бесплатный расчет
Контакты Республика Дагестан, карьеры

8 (800) 123-45-67

info@zhivoi-kamen.ru

Пн-Пт: 9:00-19:00

© 2013-2023 Компания "Живой камень". Натуральный дагестанский камень для элитной облицовки фасадов.

Все права защищены.