Тротуарная плитка и евроограждения от СПСМ «Слобожанский брук»

.ucv-a2-panel { background: #777 url(https://flybra.dp.ua/evrobruk/bg.jpg) center; background-size: cover; padding: 20px; } .ucv-a2-texts { background-color: rgba(0,0,0,0.4); border: 2px solid #5b738d; width: 100%; padding: 20px 15px; text-align: right; margin: 0 auto; text-align: center; } .ucv-a2-header { font-size: 26px; line-height: 32px; color: white; margin: 0px 0px 5px; } .ucv-a2-sub-header { font-size: 18px; line-height: 32px; color: #fff; margin: 0px 0px 10px; } .ucv-a2-text { font-size: 14px; line-height: 26px; color: #fff; margin: 0px 0px 10px; } .ucv-a2-link { display: inline-block; height: 37px; line-height: 37px; text-decoration: none; text-align: center; color: #4ec0f9; width: 220px; border: 2px solid #4ec0f9; font-size: 15px; } .ucv-a2-link:hover { color: #fff; border-color: #fff; } @media screen and (max-width: 990px) { .ucv-a2-texts { width: 50%; max-width: 100%; } } @media screen and (max-width: 768px) { .ucv-a2-texts { width: 80%; } } @media screen and (max-width: 500px) { .ucv-a2-texts { width: auto; } .ucv-a2-link { width: 100%; } } .ucv-b4-panel { background: #f7f7f7; padding: 30px 0; text-align: center; } .ucv-b4-panel:after { content: " "; display: block; clear: both; font-size: 0px; } .ucv-b4-header { margin-bottom: 30px !important; text-align: center; } .ucv-b4-wrapper, .ucv-b4-panel a { float: left; margin: 0 15px 40px; text-decoration: none; } .ucv-b4-img-holder { display: block; text-align: center; position: relative; overflow: hidden; width: 200px; height: 200px; margin: 0 auto; } .ucv-b4-img-holder img { display: block; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; transition: all 0.2s ease-in; object-fit: cover; width: 100%!important; height: 100%!important; } .ucv-b4-hint { position: absolute; top: 0; left: 0; overflow: hidden; width: 100%; padding: 350px; background-color: rgba(0,0,0,0.4); text-align: left; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transform: translate(265px, 145px) rotate(45deg); -moz-transform: translate(265px, 145px) rotate(45deg); -o-transform: translate(265px, 145px) rotate(45deg); -ms-transform: translate(265px, 145px) rotate(45deg); transform: translate(265px, 145px) rotate(45deg); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .ucv-b4-hint-body { position: absolute; top: 0; left: 0; overflow: hidden; } .ucv-b4-hint-title { display: block; text-transform: uppercase; color: white; text-align: center; position: relative; padding: 10px; border-bottom: 1px solid #5b738d; background: transparent; margin: 20% 40px 0px 40px; -webkit-transform: translate(200px, -200px); -moz-transform: translate(200px, -200px); -o-transform: translate(200px, -200px); -ms-transform: translate(200px, -200px); transform: translate(200px, -200px); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .ucv-b4-hint-desc { display: block; position: relative; color: white; padding: 10px 20px 20px; -webkit-transform: translate(-200px, 200px); -moz-transform: translate(-200px, 200px); -o-transform: translate(-200px, 200px); -ms-transform: translate(-200px, 200px); transform: translate(-200px, 200px); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .ucv-b4-img-holder:hover .ucv-b4-hint { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transform: translate(-80px, -125px) rotate(45deg); -moz-transform: translate(-80px, -125px) rotate(45deg); -o-transform: translate(-80px, -125px) rotate(45deg); -ms-transform: translate(-80px, -125px) rotate(45deg); transform: translate(-80px, -125px) rotate(45deg); } .ucv-b4-img-holder:hover .ucv-b4-hint-title { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s; -ms-transition-delay: 0.3s; transition-delay: 0.3s; } .ucv-b4-img-holder:hover .ucv-b4-hint-desc { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s; -ms-transition-delay: 0.4s; transition-delay: 0.4s; } .ucv-b4-name { color: black; display: inline-block; margin-top: 10px; } .ucv-b4-name:hover { color: black; } .ucv-b4-desc { display: block; margin: 10px 0; position: absolute; visibility: hidden; color: #333; } .ucv-b4-panel .ucv-b4-wrapper, .ucv-b4-panel a { width: 25%; margin-right: 4%; margin-left: 4%; } @media screen and (max-width: 768px) { .ucv-b4-panel .ucv-b4-wrapper, .ucv-b4-panel a, .ucv-b4-panel .ucv-b4-wrapper + .ucv-b4-wrapper + .ucv-b4-wrapper, .ucv-b4-panel a+a+a { width: auto; margin-right: 15px; margin-left: 15px; } } .uc-f14-panel { padding: 20px 15px 20px; background-color: #f1f1f1; } .uc-f14-header { text-align: center; } .uc-f14-table { border-width: 0px !important; width: 100% !important; margin-top: 30px; table-layout: fixed; } .uc-f14-table td { padding: 5px 10px; } .uc-f14-table-col1 { width: 70px; padding-left: 15px; text-align: center; } .uc-f14-panel tr:hover { background: #f1f1f1; } .uc-f14-panel tr:hover img { transform: translateX(10px); } .uc-hover { background: #f7f7f7; padding: 20px; text-align: center; } .uc-hover h2 { margin-bottom: 30px; } .uc-hover-wrapper { -webkit-transform: translateZ(0); transform: translateZ(0); position: relative; overflow: auto; margin: 15px; padding: 20px; min-height: 110px; background: #f1f1f1; display: inline-block; width: 38%; } .uc-hover-wrapper span { color: #000; font-size: 18px; } .uc-hover-wrapper:before { content: ""; position: absolute; z-index: -1; left: 50%; right: 50%; bottom: 0; background: #5b738d; height: 4px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .uc-hover-wrapper:hover:before { left: 0; right: 0; } .uc-b4-panel { background: #f1f1f1; padding: 30px 0 10px; text-align: center; } .uc-b4-panel:after { content: " "; display: block; clear: both; font-size: 0px; } .uc-b4-header { margin-bottom: 40px; } .uc-b4-wrapper { float: left; margin: 0 15px 40px; } .uc-b4-img-holder { text-align: center; } .uc-b4-text { margin: 10px 0 0; } .uc-b4-line { display: block; clear: both; } .uc-b4-line + .uc-b4-line:after { content: " "; display: block; clear: both; font-size: 0px; } .uc-b4-panel .uc-b4-line .uc-b4-wrapper { width: 44%; margin-right: 3%; margin-left: 3%; } .uc-b4-panel .uc-b4-line + .uc-b4-line .uc-b4-wrapper { width: 29%; margin-right: 2%; margin-left: 2%; } @media screen and (max-width: 768px) { .uc-b4-panel .uc-b4-line + .uc-b4-line .uc-b4-wrapper { width: 44%; margin-right: 3%; margin-left: 3%; } .uc-b4-panel .uc-b4-line + .uc-b4-line .uc-b4-wrapper + .uc-b4-wrapper + .uc-b4-wrapper { width: 44%; margin-right: auto; margin-left: 28%; } } @media screen and (max-width: 500px) { .uc-b4-wrapper { float: none; } .uc-b4-panel .uc-b4-line .uc-b4-wrapper, .uc-b4-panel .uc-b4-line + .uc-b4-line .uc-b4-wrapper, .uc-b4-panel .uc-b4-line + .uc-b4-line .uc-b4-wrapper + .uc-b4-wrapper + .uc-b4-wrapper { width: auto; margin-right: 15px; margin-left: 15px; } } .uc-e1-panel { background: #5b738d; padding: 30px; color: black; text-align: center; } .uc-e1-header { text-align: center; margin-bottom: 20px !important; color: #ffffff } .ucv-a2-texts a { display: inline-block; position: relative; -webkit-transform: translateZ(0); transform: translateZ(0); padding: 5px 10px; min-width: 150px; text-decoration: none !important; color: black !important; background: #c6a36b !important; text-align: center; margin: 10px 0; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .ucv-a2-texts a:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #bf9859; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .ucv-a2-texts a:hover { color: black !important; } .ucv-a2-texts a:hover:before, .ucv-a2-texts a:focus:before, .ucv-a2-texts a:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); } .uc-f14-panel a, .uc-hover a, .uc-b4-panel a { clear: both; display: inline-block; position: relative; -webkit-transform: translateZ(0); transform: translateZ(0); padding: 5px 10px; min-width: 150px; text-decoration: none !important; color: black !important; background: #c6a36b !important; text-align: center; margin: 10px 0; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .uc-f14-panel a:before, .uc-hover a:before, .uc-b4-panel a:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #bf9859; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .uc-f14-panel a:hover:before, .uc-f14-panel a:focus:before, .uc-f14-panel a:active:before, .uc-hover a:hover:before, .uc-hover a:focus:before, .uc-hover a:active:before, .uc-b4-panel a:hover:before, .uc-b4-panel a:focus:before, .uc-b4-panel a:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); } /* Bob */ @-webkit-keyframes uc-bob { 0% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } 50% { -webkit-transform: translateY(-4px); transform: translateY(-4px); } 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } @keyframes uc-bob { 0% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } 50% { -webkit-transform: translateY(-4px); transform: translateY(-4px); } 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } @-webkit-keyframes uc-bob-float { 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } @keyframes uc-bob-float { 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } .uc-bob { -webkit-animation-name: uc-bob-float, uc-bob; animation-name: uc-bob-float, uc-bob; -webkit-animation-duration: .3s, 1.5s; animation-duration: .3s, 1.5s; -webkit-animation-delay: 0s, .3s; animation-delay: 0s, .3s; -webkit-animation-timing-function: ease-out, ease-in-out; animation-timing-function: ease-out, ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-direction: normal, alternate; animation-direction: normal, alternate; } Наша плитка зробить ваше життя рівніше! Пропонуємо Вашій увазі великий вибір тротуарної плитки, євроогорож, дорожніх та тротуарних бордюрів. Дана продукція постійно протистоїть атмосферних умов і для довговічного використання повинні бути високої якості. Ми є виробниками, на всіх етапах у нас організований контроль якості завдяки чому ми пропонуємо нашим Клієнтам якісну продукцію за доступними цінами. Переглянути каталог Наша продукція Детальніше →Ми пропонуємо продукцію найвищої якості, за всіма характеристиками відповідає європейським нормам якості. Відповідаємо за якість продукції власною репутацією. Тротуарна плитка Детальніше →Широкий модельний ряд і колірні рішення. Контроль якості на всіх етапах виробництва, доставки, монтажу готової продукції. Єврозабори Детальніше →Бордюрний камінь виробляються за двома технологіями: вібролиття і сухопрессование. Широкий модельний ряд як для тротуарів так і для дорожнього будівництва. Інші бетонні вироби виготовлені методом вібролиття Детальніше →Металеві ворота і хвіртки.Ворота і хвіртки Детальніше →Завдяки якісним, декоративним термопанелям Ви можете утеплити свій будинок за розумною ціною надавши йому гарний зовнішній вигляд.Термопанелі Чому з нами вигідно? Якість Ми є компанією-виробником, ми не економимо на матеріалах і технології. За рахунок високоякісної сировини в нашій плитці не може бути сміття та залишків. Гарантія Ми впевнені в якості своєї продукції і оскільки ми самі виробляємо продукцію, то Ви завжди знаєте з ким зв'язатися при виявленні будь-яких недоліків. Ціна Ми прагнемо пропонувати Вам чесну цінову політику, також у нас представлені сезонні знижки 10%, в поєднанні з власними виробничими потужностями це дає нам можливість тримати ціну нижче конкурентів. Асортимент При виробництві виробів ми пропонуємо широкий колірний діапазон (7 кольорів). Перейти в каталог Наші переваги - 1 - Понад 17 років представлені на ринку - 2 - У нас в штаті 18 кваліфікованих співробітників з величезним досвідом роботи - 3 - Більше 40% приходять по рекомендації наших клієнтів, 50% роблять повторний замовлення - 4 - Зробити замовлення через «кошик покупця» у нас на сайті в режимі 24/7 Перейти в каталог Порядок оформлення замовлення Проконсультуватися по своїх питань або зробити замовлення Ви можете за телефоном +38050-596-53-70 Андрій, +38067-685-90-44 Іраклій, або залишити заявку через сайт. Наші фахівці готові проконсультувати Вас з усіх виникаючих питанні при оформленні замовлення. Погоджуєте спосіб оплати і доставки. Ми здійснюємо відправку Вашого замовлення обраної транспортної компанією. Перейти до замовлення Будемо раді бачити Вас в числі наших клієнтів! У нашій роботі ми дотримуємося принципів Клієнтоорієнтованості, при необхідності можливий безкоштовний виїзд спеціаліста для проведення замірів на об'єкті, також у нас можлива реалізація товарних позицій у розстрочку до 6 місяців, при цьому на весь асортимент поширюється гарантія 3 роки. Для постійних клієнтів у нас діє програма лояльності. Якщо у Вас залишилися якісь питання, будь ласка зв'яжіться з нами.