Iнтернет-магазин ТВОРЧА МАЙСТЕРНЯ

.uc-allinside { /* width: 100%; height: 700px; overflow-y: scroll; padding-right: 5px; */ } .uc-allinside::-webkit-scrollbar{ width:12px; height:12px;} .uc-allinside::-webkit-scrollbar-thumb{ border-width: 0px; border-color: transparent; background-color: #1a1a1a ; border-radius: 5px;} .uc-allinside::-webkit-scrollbar-thumb:hover{ background-color: #b2e5ff ; border-left: solid 1px #1a1a1a ;} .uc-allinside::-webkit-scrollbar-track-piece {background-color: #5d5d5d ;-webkit-border-radius: 5px; } .uc-ban1-link { display: inline-block; text-align: center; text-decoration: none !important; color: #1a1a1a!important; border: 2px solid #1a1a1a!important; padding: 8px 15px; min-width: 180px; font-size: 17px; } .uc-ban1-link:hover { color: #aaa!important; border: 2px solid #aaa!important; } .uc-banner-panel { padding: 0 50px; } .uc-banner-panel:hover .uc-banner-img { background-position: center left; } .uc-banner-color { display: flex; width: 100%; margin-top: 40px; height: auto; background: #1a1a1a; margin-bottom: 45px; } .uc-banner-text { margin-top: -40px; margin-bottom: 40px; margin-left: -30px; width: auto; background-color: #fff; padding: 30px 35px; box-shadow: 0 20px 30px rgba(0,0,0, .3); text-align: center; } .uc-banner-text h2 { margin: 0; padding: 10px 0; border-top: 1px solid #1a1a1a; border-bottom: 1px solid #1a1a1a; } .uc-banner-img { background: url(http://content.s3.prom.st/March%202018/36492_gl.jpg) center center/cover; width: 330px; height: 300px; flex-shrink: 0; margin-top: 40px; margin-right: -30px; /*для старого дизайна сделайте значение отрицательным, (выглядит лучше), для нового - наоборот*/ margin-left: -25px; margin-bottom: -40px; box-shadow: 0 20px 30px rgba(0,0,0, .3); transition: all .5s; } .uc-banner-maintext strong { font-size: 130%; color: #1a1a1a; } @media screen and (max-width: 768px) { .uc-banner-panel { padding: 0 20px; } .uc-banner-text { margin-right: 20px; } .uc-banner-color { flex-wrap: wrap; flex-direction: column; } .uc-banner-img { width: 300px; height: 300px; margin-top: -70px; margin-right: -20px; align-self: flex-end; } } .uc-link { display: inline-block; padding: 8px 15px; text-decoration: none !important; text-align: center; min-width: 180px; color: #fff!important; background-image: -webkit-gradient(linear, left top, left bottom, from(#5c5c5c), to(#1a1a1a)); background-image: -webkit-linear-gradient(top, #5c5c5c, #1a1a1a); background-image: -moz-linear-gradient(top, #5c5c5c, #1a1a1a); background-image: -o-linear-gradient(top, #5c5c5c, #1a1a1a); background-image: -ms-linear-gradient(top, #5c5c5c, #1a1a1a); background-image: linear-gradient(top, #5c5c5c, #1a1a1a); border-radius: 3px; border: 1px solid #fff; box-shadow: -1px 1px 2px rgba(0,0,0,.28); font-size: 16px; margin-top: 10px; } .uc-link:hover { background-image: -webkit-gradient(linear, left top, left bottom, from(#1a1a1a), to(#5c5c5c)); background-image: -webkit-linear-gradient(top, #1a1a1a, #5c5c5c); background-image: -moz-linear-gradient(top, #1a1a1a, #5c5c5c); background-image: -o-linear-gradient(top, #1a1a1a, #5c5c5c); background-image: -ms-linear-gradient(top, #1a1a1a, #5c5c5c); background-image: linear-gradient(top, #1a1a1a, #5c5c5c); } .ucv-b1-panel { padding: 20px; 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; text-decoration: none; } .ucv-b1-img-holder { display: block; text-align: center; position: relative; overflow: hidden; max-width: 300px; margin: 0 auto; border: 1px solid #ebebeb; } .ucv-b1-img-holder img { display: block; height: auto !important; } .ucv-b1-img-holder:hover .ucv-b1-hint { left: 0; transform: skew(0); } .ucv-b1-hint { overflow: hidden; transform: skew(-45deg); position: absolute; top: 0; left: -150%; width: 100%; height: 100%; background-color: rgba(65, 65, 65, 0.83); text-align: left; color: #fff; transition: all .9s 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: #1a1a1a; display: inline-block; margin-top: 10px; } .ucv-b1-name:hover { color: #5c5c5c; } .ucv-b1-desc { display: block; margin: 10px 0; position: absolute; visibility: hidden; color: #333; } .ucv-b1-panel .ucv-b1-wrapper { width: 46%; text-decoration: none; } @media screen and (max-width: 1000px) { .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-ico-panel { padding: 20px 15px 20px; } .uc-ico-header { text-align: center; padding-bottom: 20px; } .uc-ico-table { border-width: 0px !important; width: 48% !important; table-layout: fixed; float: left; } .uc-ico-table+.uc-ico-table { margin-left: 4%; } .uc-ico-table td { padding: 10px; transition: all 0.5s; } .uc-ico-table img { transition: all 0.4s; } .uc-ico-table tr:hover td { box-shadow: 0 100px 0 #5e636f inset; transition: all 0.5s; color: #fff; } .uc-ico-table tr:hover img { transform: translateX(10px); } .uc-ico-table-col1 { width: 70px; padding-left: 15px; transition: all 0.85s; } .uc-ico-table tr:hover .uc-ico-table-col1 { transition: all 0.85s; box-shadow: 0 -100px 0 #e2ebff inset !important; } @media screen and (max-width: 900px) { .uc-ico-table { float: none; width: 100% !important; } .uc-ico-table+.uc-ico-table { margin: 0; } } @media screen and ( max-width: 500px) { .uc-ico-table td { vertical-align: top!important; } } .uc-clear {clear:both; height:0px;} .uc-f24-panel { padding-bottom: 1px; } .uc-f24-header { text-align: center; background: #000000; color: #ffffff; padding: 8px 1px; margin: 0px; } .uc-f24-table { border-width: 0px; width: 100%; table-layout: fixed; color: #000; border: none!important; } .uc-f24-table tr{ } .uc-f24-table td { padding: 10px; border-bottom: 2px solid #5c5c5c; } .uc-f24-table-check { width: 70px; padding-right: 15px; } .uc-numbers { padding: 20px; text-align: left; } .uc-numbers_wrap { display: flex; flex-wrap: wrap; } .uc-numbers h2 { text-align: center; margin-bottom: 30px; } .uc-numbers-scheme { background: #808080; display: inline-block; width: 48%; margin: 1%; padding: 20px 20px 10px 20px; box-sizing: border-box; transition: all .3s ease; color: #fff; } .uc-numbers-scheme:hover { background: #979797; color: #fff; } .uc-numbers-scheme:hover img{ filter: brightness(20); } .uc-numbers-scheme strong { transition: all .3s ease; display: inline-block; font-size: 50px; color: #dc143c; text-align: center; } .uc-numbers-scheme:hover strong { transition: all .3s ease; color: #414141; transform: translateY(-7px); } .uc-numbers-scheme em { font-size: 15px; color: #1a1a1a; transition: all .3s ease; display: inline-block; font-weight: bold; font-style: inherit; } .uc-numbers-scheme:hover em { color: #43474d; transition: all .3s ease; } @media screen and (max-width: 800px) { .uc-numbers-scheme { width: 100%; margin: 10px 0; } } /* 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; display: inline-block; } .uc-order { padding: 20px; text-align: center; } .uc-order_wrap { display: flex; flex-wrap: wrap; } .uc-order h2 { margin-bottom: 30px; } .uc-order strong{ color: #1a1a1a; font-size: 16px; } .uc-order-scheme { width: 50%; margin: 0%; padding: 20px; box-sizing: border-box; vertical-align: top; outline: 1px solid #e9e9e9; outline-offset: -5px; transition: all .6s ease; } .uc-order-scheme:hover { box-shadow: 0 0 5px #5c5c5c inset, 0 -400px 5px #aaaaaa inset; transition: all .6s ease; } @media screen and (max-width: 980px) { .uc-order-scheme { width: 50%; } } @media screen and (max-width: 700px) { .uc-order-scheme { width: 98%; margin: 5px auto; } } .uc-hover {padding: 10px 0 20px; text-align: center; background: #fff; } .uc-hover h2 {margin-bottom: 20px; text-align: center;} .uc-hover-wrapper {-webkit-transform: translateZ(0); transform: translateZ(0); position: relative; margin: 10px 0.5%; padding: 20px; min-height: 80px!important; background: url(https://uaprom-uc.prom.st/production/design_template/389/images/noisy.png) #f7f7f7; box-shadow: inset 0 -4px 4px rgba(0,0,0,0.05); border-bottom: 1px solid #dcdcdc; display: inline-block; width: 90%; transition: all .6s ease;} .uc-hover-wrapper span { color: #f98900;font-size: 20px;} .uc-hover-wrapper:before { content: ""; position: absolute; z-index: -1; left: 50%; right: 50%; bottom: 0; background: #f98900; 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-hover-wrapper:hover img { animation: 1500ms ease 0s normal none 1 running swing; } @keyframes swing { 20% { transform: rotate3d(0, 0, 1, 15deg); } 40% { transform: rotate3d(0, 0, 1, -10deg); } 60% { transform: rotate3d(0, 0, 1, 5deg); } 80% { transform: rotate3d(0, 0, 1, -5deg); } to { transform: rotate3d(0, 0, 1, 0deg); } } .swing { transform-origin: top center; animation-name: swing; } @media screen and (max-width: 1000px) { .uc-hover-wrapper { width: 90%; min-height: 80px!important; margin: 10px; } } .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; } .uc-b5-wrapper { display: inline-block; vertical-align: top; width: 18%; margin: 10px 0.5%; } .uc-b5-arr { width: 25px; font-size: 30px; color: #333; vertical-align: middle; padding-top: 10px; } .uc-b5-arr2 {} .uc-b5-arr3 { } .uc-b5-text { margin: 10px 0 0; } @media screen and (max-width: 1000px) { .uc-b5-wrapper { width: 25%; } .uc-b5-arr2 { display: none; } .uc-b5-arr3 { display: inline-block; } } @media screen and (max-width: 600px) { .uc-b5-wrapper { width: 60%; } .uc-b5-arr { display: none; } } .uc-b5-wrapper:hover img { animation: 1500ms ease 0s normal none 1 running flip; } @keyframes flip { from { transform: perspective(400px) rotate3d(0, 1, 0, -360deg); animation-timing-function: ease-out; } 40% { transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); animation-timing-function: ease-out; } 50% { transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); animation-timing-function: ease-in; } 80% { transform: perspective(400px) scale3d(.95, .95, .95); animation-timing-function: ease-in; } to { transform: perspective(400px); animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; animation-name: flip; } .uc-e1-panel { padding: 20px 20px; text-align: center; } .uc-blink-panel { padding: 20px 15px 20px; } .uc-blink-panel:after { content: " "; display: block; clear: both; font-size: 0px; } .uc-blink-header { text-align: center; padding-bottom: 20px; } .uc-blink-table { border-width: 0px !important; width: 48% !important; table-layout: fixed; float: left; } .uc-blink-table tr:hover .uc-blink-table-marker { background: #5c5c5c; color: #ffffff; border-color: #1a1a1a; } .uc-blink-table td { padding-bottom: 10px; } .uc-blink-table+.uc-blink-table { margin-left: 4%; } .uc-blink-table-col1 { width: 60px; } .uc-blink-table-marker { width: 40px; height: 40px; margin: 0px auto; line-height: 41px; border-radius: 15%; border: 3px solid #5c5c5c; border-left-color: #1a1a1a; border-bottom-color: #1a1a1a; text-align: center; color: #1a1a1a; font-size: 30px; transition: all 0.3s; } @media screen and (max-width: 768px) { .uc-blink-table { float: none; width: 100% !important; } .uc-blink-table+.uc-blink-table { margin: 0; } } @media screen and (max-width: 500px) { .uc-blink-table td { vertical-align: top!important; } } Оздоблення торговельних мереж, виставкових стендів Виготовлення та монтаж елементів декору, вивісок, інтер'єрні рішення Пропонуємо послуги широкоформатного друку, виготовлення банерів, вивісок, штендерів, оздоблення (реконструкцію) фасадів, інтер'єрів торгових павільйонів, торговельних мереж, оформлення виставкових стендів та багато інших послуг КОМПЛЕКСНІ РІШЕННЯ Преглянути деякі роботи Чому розсудливі замовники обирають «Творчу майстерню»? Надійність і порядність Постійні замовники знають нас не просто як виконавців замовлень і підрядну організацію. Для тих, хто довірив нам реалізацію своїх задумів, "Творча майстерня" - в першу чергу, партнери з досвідом, майстри своєї справи. І ми пишаємося такою довірою! Оптимальний бюджет Орієнтуємо у великій кількості видів та виробників матеріалів. Обов'язково знайдемо найвигідніший варіант виготовлення елементів та виробів у залежності від потреб і можливостей замовника. Перейти до відгуків Вигода співпраці з нами До ваших послуг досвідчені спеціалісти, котрі знають все про сучасні матеріали, техніки та технології Ми готові запропонувати кращі умови, як для роздрібних, так і для оптових покупців Будемо раді відповісти на питання, що Вас цікавлять, надати детальні консультації. Зорієнтуємо та порадимо Великий вибір технічних та технологічних можливостей наших майстерень по обробці різноманітних матеріалів Зв'язок з нами Велотехніка, яку ми пропонуємо, може вигідно конкурувати з новими моделями, представленими на ринку України. Крім того, доступна ціна та висока якість обслуговування сподобаються навіть найвибагливішим покупцям. Зробіть ваш вибір на користь складу «Товари з Німеччини». Чекаємо ваші замовлення на сайті та будемо раді бачити в нашому магазині!