Памятники из гранита

.uc-ban1-panel { display: flex; min-height: 30vh; }
.uc-link { display: inline-block; padding: 8px 15px; text-decoration: none !important; text-align: center; min-width: 150px; color: #fff!important; background: #02185a; font-size: 16px; transition: all .3s; margin-top: 15px; }
.uc-link:hover { transform: translateY(5px); }
.uc-banner-panel { padding: 20px 20px 0px 40px; } .uc-banner-color { display: flex; width: 100%; margin-top: 40px; height: auto; background: #000; margin-bottom: 45px; }
.uc-banner-text { margin-top: -40px; margin-bottom: 40px; margin-left: -30px; width: auto; background-color: #fff; padding: 30px 50px 10px; box-shadow: 0 10px 20px rgba(0,0,0, .1); text-align: center; } .uc-banner-text h2 { margin-bottom: 15px; padding: 10px 0; border-top: 1px solid #02185a;> ; border-bottom: 1px solid #02185a; } .uc-banner-img { background: url(https://i.ibb.co/b5LXGjn/Granitfigurnijkorichnevij-Avrora-FZ-471000-600-70-1100x1100.png) center/cover; width: 300px; height: 300px; flex-shrink: 0; margin-top: 45px; margin-right: -30px; /*для старого дизайна сделайте значение отрицательным, (выглядит лучше), для нового - наоборот*/ margin-left: -25px; margin-bottom: -40px; box-shadow: 0 10px 20px rgba(0,0,0, .1); }
@media screen and (max-width: 1000px) { .uc-banner-text { margin-right: 20px; padding: 20px; } .uc-banner-color { flex-wrap: wrap; flex-direction: column; }
.uc-banner-img { width: 150px; height: 150px; margin-top: -60px; margin-right: -15px; align-self: flex-end; } }
.uc-ban1-texts { background-color: #000; width: 50%; padding: 20px; text-align: left; box-sizing: border-box; z-index: 0; display: flex; flex-direction: column; justify-content: center; position: relative; z-index: 0; } .uc-ban1-texts:after { content: ''; position: absolute; left: 100%; height: 100%; width: 200px; background: linear-gradient(73deg, #000 50%, transparent 51%); }
.uc-ban1-header { font-size: 28px; line-height: 36px; padding-bottom: 10px; color: #02185a; border-bottom: 2px solid #02185a; }
.uc-ban1-sub-header { font-size: 18px; line-height: 26px; color: #fff; }
.uc-ban1-text { line-height: 26px; color: #fff; } .uc-ban1-panel strong { color: #02185a; font-size: 20px; }
.uc-ban1-link { text-align: center; text-decoration: none !important; color: #fff!important; background: #02185a; padding: 8px; margin-top: 10px; min-width: 180px; font-size: 16px; border-radius: 4px; transition: all .3s; align-self: self-start; }
.uc-ban1-link:hover { transform: scale(0.9); }
.uc-ban1-image { background: url(https://ssl.prom.st/p?u=http%3A%2F%2Fcontent.s2.prom.st%2FApril%25202020%2F55989gr1.jpg&s=njrkboku&h=T6afHtbufB8g7QtU_Mouew) center/cover; width: 50%; }
@media screen and (max-width: 800px) { .uc-ban1-panel { background: none; height: 100% }
.uc-ban1-link { align-self: center; }
.uc-ban1-texts { width: auto; text-align: center; } .uc-ban1-texts::after { content: none; } .uc-ban1-image { display: none; } }
@media screen and (max-width: 500px) { .uc-ban1-panel { min-height: auto; } }
:root { --infograph-color4: #000; --infograph-color3: #02185a; --infograph-color2: #02185a; --infograph-color1: #000; }
.uc-four-panel { padding: 20px; }
.uc-four-panel h2 { text-align: center; margin-bottom: 20px; }
.uc-four-container { display: flex; flex-wrap: wrap; justify-content: space-around; }
.uc-four-item { display: flex; flex-direction: column; width: 46%; padding: 0px; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2); margin: 2%; transition: all .5s ease; box-sizing: border-box; } .uc-four-item:hover { background: #dbdbdb; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8); }
.uc-four-item strong { font-size: 20px; color: #000; line-height: 26px; transition: all .6s ease; } .uc-four-item:hover strong { color: #000; } .uc-four-item:hover .uc-move { animation: 1.5s ease running bounceInRight;
}
@keyframes bounceInRight { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); }
from { opacity: 0; transform: translate3d(200px, 0, 0); }
60% { opacity: 1; transform: translate3d(-25px, 0, 0); }
75% { transform: translate3d(10px, 0, 0); }
90% { transform: translate3d(-5px, 0, 0); }
to { transform: none; } }
.bounceInRight { animation-name: bounceInRight; }
.uc-four-content-1, .uc-four-content-2, .uc-four-content-3, .uc-four-content-4 { text-align: center; position: relative; padding: 40px; display: flex; flex-direction: column; align-items: center; height: 100%; /*background: #f2f6f9;*/ }
.uc-four-content-1:after { content: ''; position: absolute; top: 0px; right: 0px; width: 100%; height: 20px; background: var(--infograph-color1); }
.uc-four-content-1:before { content: ''; position: absolute; bottom: 0px; left: 0px; width: 20px; height: 100%; background: var(--infograph-color1); }
.uc-four-content-2:after { content: ''; position: absolute; top: 0px; right: 0px; width: 100%; height: 20px; background: var(--infograph-color2); }
.uc-four-content-2::before { content: ''; position: absolute; bottom: 0; right: 0; width: 20px; height: 100%; background: var(--infograph-color2); }
.uc-four-content-3:after { content: ''; position: absolute; bottom: 0px; right: 0px; width: 100%; height: 20px; background: var(--infograph-color3); }
.uc-four-content-3::before { content: ''; position: absolute; bottom: 0px; left: 0px; width: 20px; height: 100%; background: var(--infograph-color3); }
.uc-four-content-4::after { content: ''; position: absolute; bottom: 0px; right: 0px; width: 100%; height: 20px; background: var(--infograph-color4); }
.uc-four-content-4::before { content: ''; position: absolute; bottom: 0; right: 0; width: 20px; height: 100%; background: var(--infograph-color4);
}
@media screen and (max-width: 1000px) {
.uc-four-item { width: 100%; margin: 10px auto; }
.uc-four-content-1:after, .uc-four-content-1:before, .uc-four-content-2:after, .uc-four-content-2:before, .uc-four-content-3:after, .uc-four-content-3:before, .uc-four-content-4:after, .uc-four-content-4:before { display: none; }
.uc-four-content-1, .uc-four-content-2, .uc-four-content-3, .uc-four-content-4 { padding: 20px;
}
.uc-four-content-1 { border: 10px solid var(--infograph-color1); }
.uc-four-content-2 { border: 10px solid var(--infograph-color2); }
.uc-four-content-3 { border: 10px solid var(--infograph-color3); }
.uc-four-content-4 { border: 10px solid var(--infograph-color4); } }
.uc-clear {clear:both; height:0px;}
Памятники на могилу из гранита в Казахстане
Гранитные памятники - очень надежные и долговечные надгробия. Гранит характеризуется высокой прочностью и устойчивостью к негативным воздействиям окружающей среды. У нас в каталоге Вы найдете множество готовых изделий, а так же мы готовы воплотить в жизнь индивидуальные проекты любой сложности по эскизам клиента. Наша профессиональная бригада строителей оперативно и качественно выполнит все работы по изготовлению и установке памятника.
☎ +7-777-517-47-07
Почему выбирают нас ?
Большой опыт
Мы работаем в сфере ритуальных услуг более 15 лет в Алматы и Казахстане.
Гибкая система скидок
Предоставляем выгодные скидки пенсионерам и ветеранам ВОВ.
Бесплатный выезд специалиста
Бесплатная консультация и выезд агента для утверждения заказа.
Широкий ассортимент
Мы предлагаем Вам большой выбор монументов разнообразных форм и размеров.
Свяжитесь с нами !
Если у Вас есть вопросы по оплате, доставке или затруднения с выбором интересующих Вас товаров, то позвоните нам по указанным на сайте телефонам и наши сотрудники помогут Вам быстро разрешить все вопросы.
Наша организация работает ежедневно. Без перерывов и выходных.
☎ +7-777-517-47-07