Строй Декор

.uc-btns { display: inline-block; padding: 8px 20px; text-decoration: none !important; font-size: 16px; transition: all 200ms ease-in-out; color: black!important; background:#fce100; box-shadow: 4px 2px 8px 0 rgba(174,172,172,0.56); } .uc-btns:hover { transition: all 200ms ease-in-out; background: #fcb800; } .uc-title-wrapper { background:#fcb800!important; margin: 30px 0 0!important; } .uc-title { position: relative; display: inline-block; padding: 0 30px; line-height: 35px!important; text-transform: uppercase; font-size: 14px; font-weight: bold; color: black; background: #fc8800!important; font-family: 'Bender',sans-serif!important; margin: 0!important; } .uc-title::after { position: absolute; left: 100%; top: 0; width: 1px; height: 1px; border-top: 35px solid #fc8800; border-right: 20px solid transparent; border-bottom: 0; border-left: 0; content: ""; } .ucv-a2-panel{background: url(https://picua.org/images/2019/12/24/e14f6fe677e33f85e3d4fb53af5e3186.jpg) center; background-size: cover; display: flex; align-items: flex-start;} .ucv-a2-texts{background-color: rgba(0,0,0,0.4); margin: 0; padding: 20px 15px 20px 40px; width: 100%; text-align: left; } .ucv-a2-header{font-size: 26px; line-height: 32px; color:#fce100; margin: 0px 0px 20px; padding: 7px 15px; } .ucv-a2-sub-header{font-size: 17px; line-height: 32px; padding: 7px 15px; color:#fff; margin: 0px 0px 10px;} .ucv-a2-text{ position: relative; font-size:14px; line-height: 26px; color:#fff; margin: 0px 0px 10px; border-left: 2px solid ; padding-left: 10px; } .ucv-a2-link{display: inline-block; height: 37px; line-height: 37px; text-decoration: none!important; text-align: center; color: !important; padding: 0 20px; border: 2px solid ; font-size: 16px;} .ucv-a2-link:hover{color: !important; border-color:;} @media screen and (max-width: 1300px) { .ucv-a2-texts{width:100; text-align: left!important; border-radius: 0; } .ucv-a2-panel { padding: 0; } } .ucv-a2-text::after { content: ""; position: absolute; top: -10px; left: -6px; background: ; height: 10px; width: 10px; border-radius: 100%; } .ucv-a2-text::before { content: ""; position: absolute; bottom: -10px; left:-6px; background: ; height: 10px; width: 10px; border-radius: 100%; } .ucv-b1-panel { padding: 20px 0; text-align: center; } .ucv-b1-panel:after { content: " "; display: block; clear: both; font-size: 0px; } .ucv-b1-header { margin-bottom: 40px; text-align: center; } .ucv-b1-wrapper { display: inline-block; vertical-align: top; margin: 10px 0.5%; text-decoration: none; } .ucv-b1-img-holder { display: block; text-align: center; position: relative; overflow: hidden; height: 300px; width: 300px; margin: 0 auto; border: 1px solid #ebebeb; } .ucv-b1-img-holder img { display: block; width: 100%!important; height: 100% !important; object-fit: cover; transition: all .7s; } .ucv-b1-img-holder:hover .ucv-b1-name { transform: translateY(-250px); } .ucv-b1-img-holder:hover img { transform: translateY(-50%); } .ucv-b1-img-holder:hover .ucv-b1-hint { bottom: 0; } .ucv-b1-hint { position: absolute; left: 0; bottom: -100%; width: 100%; height: 100%; background-color:#fcb800; text-align: left; color:black; transition: all .7s; 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: 18px; color: black; display: inline-block; position: absolute; bottom: 0px; left: 0; text-align: left; background-color: #fce100; padding: 10px; transition: all .7s; } .ucv-b1-name:hover { } .ucv-b1-desc { display: block; margin: 10px 0; position: absolute; visibility: hidden; color: ; } .ucv-b1-panel .ucv-b1-wrapper { width: 45%; text-decoration: none; } @media screen and (max-width: 1100px) { .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; } } :root { --infograph-color2: #fcb800; --infograph-color1: #fc8800; } @media screen and (min-width: 320px) { .infographic_wrapper { padding: 20px 10px; text-align: center;} .infographic_container { display: flex; flex-wrap: wrap; justify-content: center; } .infographic_item { margin: 25px 0; display: flex; flex-direction: column; width: 90%; } .infographic_block { display: flex; flex-direction: column; justify-content: center; align-items: center; min-width: 80%; height: 100%; background: var(--infograph-color2); padding: 10px; position: relative; } .infographic_item_container { display: flex; align-items: center; height: 100%; width: 100%; justify-content: center; } .arrow_back { width: 5%; height: 80px; background: var(--infograph-color2); position: relative; } .arrow_back::before { content: ""; position: absolute; left: -15px; top: 0; border-left: 15px solid transparent; border-top: 40px solid var(--infograph-color2); border-bottom: 40px solid var(--infograph-color2); } .arrow_forward { width: 5%; height: 80px; background: var(--infograph-color2); position: relative; } .arrow_forward::after { content: ""; position: absolute; right: -15px; top: 0px; border-left: 15px solid var(--infograph-color2); border-top: 40px solid transparent; border-bottom: 40px solid transparent; } .infographic_item:nth-child(odd) .infographic_block { background: var(--infograph-color1); } .infographic_item:nth-child(odd) .arrow_back, .infographic_item:nth-child(odd) .arrow_forward { background: var(--infograph-color1); } .infographic_item:nth-child(odd) .arrow_back::before { border-top: 40px solid var(--infograph-color1); border-bottom: 40px solid var(--infograph-color1); } .infographic_item:nth-child(odd) .arrow_forward::after { border-left: 15px solid var(--infograph-color1); } .infographic_content { color: black; padding: 10px 0; } .infographic_sub_header strong { color: black; font-size: 25px; } .infographic_sub_header { padding-bottom: 10px; position: relative; display: inline-block; font-size: 15px!important; font-weight: 500!important; } .infographic_number { padding-top: 10px; color: ; font-weight: bold; } .infographic_number_text { font-size: 20px; } .infographic_num { font-size: 40px; } } @media screen and (min-width: 1200px) { .infographic_container { justify-content: space-around; } .infographic_item { width: 47%; } .arrow_back { width: 20%; } .arrow_forward { width: 20%; } } @media screen and (min-width: 1500px) { .infographic_item { width: 22%; } .arrow_back { width: 10%; } .arrow_forward { width: 10%; } } .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: ; border-radius: 5px; display: inline-block; width: 48%; margin: 10px 0%; padding: 40px 10px 10px 20px; box-sizing: border-box; transition: all .3s ease; } .uc-numbers-scheme:hover { background: ; color: ; transition: all .3s ease; } .uc-numbers-scheme strong { transition: all .3s ease; display: inline-block; font-size: 24px; color: WHITE; } .uc-numbers-scheme:hover strong { transition: all .3s ease; color: ; text-shadow: 3px 0 5px ; transform: translateY(-7px); } .uc-numbers-scheme em { font-size: 15px; color: ; transition: all .3s ease; display: inline-block; font-weight: bold; font-style: inherit; } .uc-numbers-scheme:hover em { color: ; transition: all .3s ease; } @media screen and (max-width: 800px) { .uc-numbers-scheme { width: 100%; margin: 10px 0; } } .four-panel { padding: 20px 10px; } .four-container { display: flex; flex-wrap: wrap; justify-content: space-around; } .four-item { display: flex; flex-direction: column; width: 40%; border-radius: 20px; padding: 30px; box-shadow: 15px 15px 44px 5px ; margin: 20px 0; } .four-content-1, .four-content-2, .four-content-3, .four-content-4 { text-align: center; position: relative; padding: 25px; justify-content: space-between; display: flex; flex-direction: column; align-items: center; height: 100%; } .four-content-1:after { content: ''; position: absolute; top: 0px; right: 0px; width: 100%; height: 15px; background: var(--infograph-color2); border-radius: 20px 20px 20px 0; } .four-content-1:before { content: ''; position: absolute; bottom: 0px; left: 0px; width: 15px; height: 100%; background: var(--infograph-color2); border-radius: 20px; } .four-content-2:after { content: ''; position: absolute; top: 0px; right: 0px; width: 100%; height: 15px; background: var(--infograph-color1); border-radius: 20px; } .four-content-2::before { content: ''; position: absolute; bottom: 0; right: 0; width: 15px; height: 100%; background: var(--infograph-color1); border-radius: 20px; } .four-content-3:after { content: ''; position: absolute; bottom: 0px; right: 0px; width: 100%; height: 15px; background: var(--infograph-color1); border-radius: 20px; } .four-content-3::before { content: ''; position: absolute; bottom: 0px; left: 0px; width: 15px; height: 100%; background: var(--infograph-color1); border-radius: 20px; } .four-content-4::after { content: ''; position: absolute; bottom: 0px; right: 0px; width: 100%; height: 15px; background: var(--infograph-color2); border-radius: 20px; } .four-content-4::before { content: ''; position: absolute; bottom: 0; right: 0; width: 15px; height: 100%; background: var(--infograph-color2); border-radius: 20px; } .four-header { font-size: 20px!important; line-height: 20px; } .four-text {} .four-icon {} @media screen and (max-width: 1100px) { .four-item { width: 80%; } .four-content-1:after, .four-content-1:before, .four-content-2:after, .four-content-2:before, .four-content-3:after, .four-content-3:before, .four-content-4:after, .four-content-4:before { display: none; } .four-content-1, .four-content-3 { border: 15px solid var(--infograph-color2); border-radius: 20px; } .four-content-2, .four-content-4 { border: 15px solid var(--infograph-color1); border-radius: 20px; } } .uc-order { padding: 20px 15px; text-align: left; } .uc-order h2 { text-align: center; margin-bottom: 30px; } .uc-order-scheme__container { display: flex; flex-wrap: wrap; } .uc-order-scheme__left-column, .uc-order-scheme__right-column { display: flex; flex-direction: column; width: 50%; } .uc-order-scheme { padding: 5px; box-sizing: border-box; vertical-align: top; transition: all .3s ease; } .uc-order-scheme_table { display: table; } .uc-order-scheme_numb, .uc-order-scheme_text { display: table-cell; vertical-align: middle; } .uc-order-scheme_numb { width: 50px; } .uc-order-scheme strong { transition: all .3s ease; display: inline-block; font-size: 45px; color:#fc8800; } .uc-order-scheme:hover strong { transition: all .3s ease; color: #fcb800; transform: translateY(-4px); } .uc-order-scheme em { font-size: 15px; color: WHITE; transition: all .3s ease; display: inline-block; font-weight: bold; font-style: inherit; } .uc-order-scheme:hover em { color: ; transition: all .3s ease; } @media screen and (max-width: 900px) { .uc-order-scheme__left-column, .uc-order-scheme__right-column { width: 100%; } } .uc-footer { padding: 20px; text-align: center; } Ідеальний комфорт для твоєї сім'ї. Хочеш подивитись наші роботи? Тисни на кнопку! Перейти до фотогалереї наші товари та послуги Рідкі шпалери Широкий вибір рідких шпалерів різноманітних кольорів для вишуканого текстурного покриття Натяжні стелі Натяжні стелі - це найкращий спосіб додати в інтер'єр краси, зробити його сучасним та затишне, не витративши при цьому надто багато грошей Металопластикові Вікна та Двері Металопластикові двері і вікна під ключ, широкий вибір якість та гарантія Фотошпалери Фотошпалери - це чудова нагода підкреслити елегантність інтер'єру єру, шляхом створення на стіні красивої світлової композиції Вхідні двері Вхідні Двері високої якості Українських виробників під будь-який стиль інтер'єру єру Наші досягнення 500+ товарних одиниць розміщено на сайті 50% замовників - Школи,Дит.Садки і великі компанії 24/7 ми працюємо для вас без вихідних і перерв 100% якість послуг та товарів в нашому магазині Проста схема співробітництва з нами 1. Задати питання або зробити замовлення ви можете за телефоном +380972785870 або відвідавши наш офіс за адресою: бульвар Свободи, 5, Ромни, Сумська область. Ми працюємо для вас з 08:00 до 17:00 кожен день. 2. Якщо ви проживаєте у місті Ромні або в області, то ми можемо організувати доставлення самостійно, а також здійснити встановлення замовленого обладнання чи конструкції. 3. Ми здійснюємо будь-які відвантаження продукції компанією Нова Пошта. Зверніться до нас у зручний час і переконайтеся наскільки грамотні спеціалісти працюють в нашому магазині. 4. Сплату ви можете внести на картку Приват банку. Це зручно і підходить для великих замовників. Для наших клієнтів ми готові запропонувати найсучасніші рішення на ринку. Зробити замовлення Клієнтам ми гарантуємо Якість Велика кількість клієнтів звертаються до нас за рекомендацією, що доводити ті, що ми виконуємо роботу якісно і на совість. Будьте впевнені, що з нами будь-яка робота буде виконана на найвищому рівні і в оговорені терміни Терміново Нашій компанії ви можете доручити таку роботу: вибрати і встановити натяжні стелі, встановити вікна, двері, встановити живі шпалери на площі будь-яких розмірів. Простіше кажучи, отримати результат, відповідний останнім тенденціям. Ціна Скажемо одразу, що ми пропонуємо найкращі ціни на ринку України. Спочатку ми робили акцент тільки на роздрібних клієнтах, але останнім часом успішно виконуємо замовлення для великих компаній (шкіл, дитячих садків та інших організацій). Допомога професіоналів Ви можете замовити 3D стелю, живі шпалери та навіть вікна та двері останнього покоління! При цьому, все це вам не доведеться встановлювати власноруч або шукати підрядчика. Ми готові зробити все самі і як то кажуть, під ключ! НАША КОМАНДА Оформити замовлення