Макет гл

.uc-btns { position: relative; display: inline-block; min-width: 163px; padding: 10px; box-sizing: border-box; border: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; vertical-align: middle; text-align: center; font: 14px 'Roboto', sans-serif; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15); cursor: pointer; z-index: 1; text-decoration: none!important; background: #e64337; color: #fff!important; border: 1px solid #e64337; transition: all 300ms ease-in-out; } .uc-btns:after:hover { background: #e6ad00; transition: all 300ms ease-in-out; } .uc-btns:hover { background: transparent; color: #e64337!important; transition: all 300ms ease-in-out; } .ucv-a2-panel strong { font-size: 20px; color: #f44336; } .ucv-a2-panel { background: #777 url('http://content.s3.prom.st/February%202018/35363_gl.jpg') center 10%; background-size: cover; } .ucv-a2-texts { background-color: rgba(45, 57, 45, 0.85); margin: 0; padding: 20px 15px; text-align: center; width: 50%; } .ucv-a2-header { font-size: 30px; line-height: 32px; color: #f44336; 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!important; text-align: center; color: #f44336!important; padding: 0 20px; border: 2px solid #f44336; border-radius: 3px; font-size: 16px; } .ucv-a2-link:hover { color: #fff!important; border-color: #fff; } @media screen and (max-width: 500px) { .ucv-a2-texts { width: auto; text-align: center!important; } .ucv-a2-panel { padding: 0; background: none; } } .uc-title { position: relative; display: block; padding: 10px; padding-left: 13px; background: #4bae4f; color: #fff; font-weight: 300; margin-bottom: 30px; font-size: 20px; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; line-height: 1.333; } .ucv-b1-panel { padding: 20px; text-align: center; } .ucv-b1-panel:after { content: " "; display: block; clear: both; font-size: 0px; } .ucv-b1-wrapper { display: inline-block; vertical-align: top; margin: 10px 1%; text-decoration: none; } .ucv-b1-img-holder { display: block; text-align: center; position: relative; overflow: hidden; max-width: 300px; margin: 0 auto; } .ucv-b1-img-holder img { display: block; height: auto !important; } .ucv-b1-img-holder:hover .ucv-b1-hint { left: 0; } .ucv-b1-hint { position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background-color: rgba(75, 174, 79, 0.84); text-align: left; color: #fff; transition: all .7s cubic-bezier(0.31, 0.57, 0.31, 2.0); overflow: hidden; } .ucv-b1-hint-body { position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); -webkit-transform: translateY(-50%); padding: 15px; box-sizing: border-box; } .ucv-b1-name { font-size: 16px; color: #222; display: inline-block; margin-top: 10px; } .ucv-b1-name:hover { color: #e64337; } .ucv-b1-desc { display: block; margin: 10px 0; position: absolute; visibility: hidden; color: #000; } .ucv-b1-panel .ucv-b1-wrapper { width: 30%; text-decoration: none; } @media screen and (max-width: 900px) { .ucv-b1-panel .ucv-b1-wrapper { width: 46%; } .ucv-b1-panel .ucv-b1-wrapper+.ucv-b1-wrapper+.ucv-b1-wrapper { width: 46%; } } @media screen and (max-width: 700px) { .ucv-b1-desc { position: static; visibility: visible; } .ucv-b1-panel .ucv-b1-wrapper, .ucv-b1-panel .ucv-b1-wrapper+.ucv-b1-wrapper+.ucv-b1-wrapper { width: auto; margin-right: 15px; margin-left: 15px; } } .uc-numbers { padding: 20px; text-align: left; } .uc-numbers_wrap { display: flex; flex-wrap: wrap; justify-content: space-around; } .uc-numbers h2 { text-align: center; margin-bottom: 30px; } .uc-numbers-scheme { background-color: #F0F0F0; border-radius: 5px; display: inline-block; width: 46%; margin: 10px 0%; padding: 40px 10px 10px 20px; box-sizing: border-box; transition: all .3s ease; } .uc-numbers-scheme:hover { background: #4bae4f; color: #fff; transition: all .3s ease; } .uc-numbers-scheme strong { transition: all .3s ease; display: inline-block; font-size: 80px; color: #e64337; } .uc-numbers-scheme:hover strong { transition: all .3s ease; color: #fff; text-shadow: 3px 0 5px #3f3f3f; transform: translateY(-7px); } .uc-numbers-scheme em { font-size: 15px; color: #e64337; transition: all .3s ease; display: inline-block; font-weight: bold; font-style: inherit; } .uc-numbers-scheme:hover em { color: #fff; transition: all .3s ease; } @media screen and (max-width: 800px) { .uc-numbers-scheme { width: 100%; margin: 10px 0; } } .uc-oco-panel { padding: 20px 5px; } .uc-oco-header { text-align: center; padding-bottom: 20px; } .uc-oco-table { border-width: 0px !important; width: 100% !important; table-layout: fixed; float: left; } .uc-oco-table+.uc-oco-table { margin-left: 0%; } .uc-oco-table td { padding: 10px; transition: all 0.5s; } .uc-oco-table img { transition: all 0.4s; } .uc-oco-table tr:hover td { box-shadow: 0 100px 0 #e64337 inset; transition: all 0.5s; color: #fff; } .uc-oco-table tr:hover img {} .uc-oco-table-col1 { width: 50px; position: relative; height: 50px; padding-left: 15px; transition: all 0.85s; } .uc-oco-table tr:hover .uc-oco-table-col1 { transition: all 0.85s; box-shadow: 0 -100px 0 #4bae4f inset !important; } .uc-oco-table tr img { position: absolute; top: 50%; left: 50%; } .uc-table_ocons { transition: all 0.1s ease 0s; transform: translate(-50%, -50%) scale(1.0); } .uc-table_ocons2 { -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); transform: translate(-50%, -50%) scale(0); -moz-transform: translate(-50%, -50%) scale(0); -webkit-transform: translate(-50%, -50%) scale(0); -o-transform: translate(-50%, -50%) scale(0); -ms-transform: translate(-50%, -50%) scale(0); -webkit-transition: opacity .2s ease-in-out, transform .2s ease-in-out .1s; -moz-transition: opacity .2s ease-in-out, transform .2s ease-in-out .1s; -o-transition: opacity .2s ease-in-out, transform .2s ease-in-out .1s; transition: opacity .2s ease-in-out, transform .2s ease-in-out .1s; } .uc-oco-table tr:hover .uc-table_ocons { transition: all 0.1s ease 0s; transform: translate(-50%, -50%) scale(0.0); } .uc-oco-table tr:hover .uc-table_ocons2 { -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); } @media screen and (max-width: 1000px) { .uc-oco-table { float: none; width: 100% !important; } .uc-oco-table+.uc-oco-table { margin: 0; } } @media screen and ( max-width: 500px) { .uc-oco-table td { vertical-align: top!important; } } .uc-clear { clear: both; } .uc-e4-panel { padding: 20px; text-align: center; } .uc-e4-header { text-align: center; margin-bottom: 40px !important; } /* 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-transform: translateZ(0); transform: translateZ(0); -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; } .uc-b5-panel { padding: 20px 0; text-align: center; } .uc-b5-panel:after { content: " "; display: block; clear: both; font-size: 0px; } .uc-b5-header { margin-bottom: 40px !important; } .uc-b5-wrapper { display: inline-block; vertical-align: top; width: 31%; margin: 10px .5%; } .uc-b5-arr { width: 2%; font-size: 30px; color: #4bae4f; vertical-align: middle; padding-top: 10px; display: none; } .uc-b5-arr2 {} .uc-b5-arr3 { display: none; } .uc-b5-text { margin: 10px 0 0; } @media screen and (max-width: 650px) { .uc-b5-wrapper { width: 22%; } .uc-b5-arr2 { display: none; } .uc-b5-arr3 { display: inline-block; } } @media screen and (max-width: 500px) { .uc-b5-wrapper { width: 60%; } .uc-b5-arr { display: none; } } Будівельні інструменти та витратні матеріали Можлива відстрочка платежу! Абразиви, аерозольні фарби, пластикові ємності, скотч, малярні пристосування, терки, шпателя — в наявності понад 200 пропозицій від світових брендів. Оптові ціни — при замовленні від 3 одиниць продукції. Вигідні умови для оптових та постійних клієнтів! Дивитися каталог Оцініть асортимент! Spray Professional Champion – лінія оригінальних аерозольних швидковисихаючих фарб. Виробництво Польща. Вигідне співвідношення ціни та якості.Фарба Champion Spray Professional Champion – лінія оригінальних аерозольних швидковисихаючих фарб. Виробництво Польща. Вигідне співвідношення ціни та якості. Широкий асортимент шпателів для малярно - штукатурних робіт: фасадні, зубчасті, гумові, пластикові та ін Доступні ціни, 100% ексклюзив.Шпателя Широкий асортимент шпателів для малярно - штукатурних робіт: фасадні, зубчасті, гумові, пластикові та ін Доступні ціни, 100% ексклюзив. Величезний вибір валиків для різних поверхонь (грубих, м'яких) і для різних робіт (фарбування фасадів, усунення бульбашок між стіною і полотном). Опт – від 5 штук.Валики Величезний вибір валиків для різних поверхонь (грубих, м'яких) і для різних робіт (фарбування фасадів, усунення бульбашок між стіною і полотном). Опт – від 5 штук. Пластикові відра і будівельні тази від польського бренду MaaN. Призначені для приготування і перенесення будівельних сумішей, фарб, розчинів. Будь літраж і форма.Пластикові ємності Пластикові відра і будівельні тази від польського бренду MaaN. Призначені для приготування і перенесення будівельних сумішей, фарб, розчинів. Будь літраж і форма. Колосальний асортимент стрічок, скотчей і плівок: клейкі односторонні, на тканинній або пінній основі, з металловкладышем. Оптові ціни – при покупці від 10 одиниць.СтрічкиКолосальний асортимент стрічок, скотчей і плівок: клейкі односторонні, на тканинній або пінній основі, з металловкладышем. Оптові ціни – при покупці від 10 одиниць. Торговий дім «Топаз» — 4 роки успішних продажів по Україні! 1. Маємо хорошу репутацію на ринку будівельних матеріалів: сьогодні по рекомендації до нас приходить більше 5% нових клієнтів, укладають з нами договору як оптовики, так і роздрібні клієнти. 2. Співпрацюємо з торговими фірмами, дилерами, дистриб'юторами, магазинами, супермаркетами будівельних матеріалів, а також приватними забудовниками та майстрами. 3. Постачаємо товари тільки від перевірених виробників, таких як «Хімік-Плюс», «Ірком» (Україна), Blumberg (Китай), Maan (Польща) та ін. 4. Дотримуємося принципів порядності, чесності та відкритості. Працюємо офіційно, маємо всі необхідні документи! Вигоди для всіх! Товари, представлені на сайті, завжди є в наявності Відправка товару можлива на наступний день після замовлення Завжди фіксовані та стабільні ціни Супровід замовлення — з моменту його надходження до повного виконання Інформаційна підтримка, допомога у виборі товару Можливий повернення або обмін продукції протягом 14 днів Програма лояльності — оптовикам і постійним покупцям! З оптовиками і постійними споживачами ми працюємо за індивідуальною схемою: розробляємо для них цікаві цінові та комерційні пропозиції, тішимо знижками, приймаємо оплату з відстрочкою. Так, співпрацювати з нами легко та вигідно! Нашим клієнтам Широкий вибір товарів Пропонуємо клею, стрічки, ущільнювачі, шпаклівку, ручний та малярний інструмент. Асортимент будівельного обладнання та матеріалів постійно збільшується! Чудова якість Наша продукція відповідає найсуворішим європейським стандартам якості, відповідає санітарно-гігієнічним нормам і вимогам безпеки. Шлюбу нема! Демократичні ціни У нас ціни середні і нижчі середніх по ринку (на різні категорії товарів) за рахунок того, що товар закуповується у прямого постачальника або виробника. Зручна доставка Доставляємо товар будь-яким зручним способом: транспортними компаніями «Делівері Авто», «Нова Пошта», «Інтайм», або кур'єром по Києву. Також можливий самовивіз зі складу. Перейти до покупок 6 кроків до замовлення будматеріалів і оснастки Купівля на сайті або за телефоном → Консультація менеджера → Контроль якості продукції Комплектація замовлення → Попередня оплата готівкою або на картку «Приватбанку» → Доставка кур'єром, ТК або самовивіз Зв'язатися з нами Працюємо без посередників! Запрошуємо до співпраці оптовиків і роздрібних клієнтів! Інвестуйте в будівельну кампанію з розумом — купуйте у нас інструменти першої необхідності і високоякісні витратні будматеріали. Ми гарантуємо ввічливе і доброзичливе обслуговування, лояльні ціни, швидку доставку. А оптовиків очікує гнучка система знижок! Вітрина пропозицій