Сукні
в виде галереив виде списка
Плаття дитяче "Болеро" 28-34р-р двох ниток + ангора кнопка вишивка 2100285 ₴Немає в наявності Тільки оптом
Одним з основних напрямів, у виробництві дитячого одягу, є сукні для дівчаток. У нашому асортименті велику кількість суконь для дівчаток від двох до дванадцяти років. В даній категорії товарів ви можете побачити десятки фасонів дитячих суконь, які, в свою чергу, доповнені ексклюзивними елементами, такими як: стрічки, смуги та аплікації. це надає кожному виробу індивідуальність, а дівчинка, завдяки цьому, відчуває себе справжньою модницею! Перейти до каталогу Особливості нашої продукції 1 Ми завжди тішимо дітей модного трендової одягом 2 Турботливі мами приходять за одягом для своїх дітей до нас
3 Всі покупців стали нашими постійними клієнтами 4 Фото товару повністю відповідає самому товару
Перейти до каталогу 4 причини здійснити покупку в нашому магазині Якість Наші сукні виготовляються з високоякісного трикотажного полотна з мінімальною кількістю синтетичних волокон. У такій сукні дитині буде легко й не душно навіть у жарку погоду. Плаття легко стирається і при належному зберіганні та догляді прослужить довгі роки.
Ціна За рахунок власного виробництва ми маємо можливість надати вам ціни порівняно нижче, ніж у конкурентів, і більш високої якості, при цьому.
Асортимент Наш асортимент складають сукні різних фасонів, розмірів і забарвлень. Дітям неодмінно сподобається такий барвистий вибір
В тренді! Ми представляємо тільки брендові і самі модні моделі дитячих суконь, завдяки старанній праці наших модельєрів і закрійників
Як оформити замовлення? Якщо ви робите долучиться до успішного бізнесу і урізноманітнити свій асортимент, то швидше пишіть або телефонуйте нам на номер 0972928699. Наші фахівці детально поінформують про умови співпраці, допоможуть з підбором стартового замовлення, а так само розкажуть про вигідні пропозиції. Ми виробляємо відвантаження, у всі регіони України, компаніями: Укр Пошта, Нова Пошта, Інтайм, Делівері. Оплатити замовлення можна через карту банку, при отриманні товару на пошті, або готівкою кур'єру у руки. Також, можете забирати замовлення прямо з наших магазинів. Від успішного бізнесу вас відділяє лише один телефонний дзвінок! У нас закуповуються десятки оптовиків, а сотні магазинів активно продають нашу одяг з року в рік. Ми обов'язково запропонуємо вам вигідні умови співпраці, які вам сподобаються. Сукні, які ми виробляємо, із задоволенням носять тисячі дівчаток, а від їх батьків ми чуємо виключно позитивні відгуки. Ми гарантуємо своєчасну доставку і збереження вантажу під час транспортування. Спробуйте, адже замовлення, у нас, можна зробити лише від однієї ростовки! Ви зможете на власному досвіді переконатися, що наша продукція не залежується на вітринах! .ucv-a2-panel { background: #777 url(https://picua.org/images/2019/07/25/0abb7b829ecdf9d5fbc4a9a5cd6a63d2.jpg) center top; background-size: cover; padding: 20px; } .ucv-a2-texts { display: inline-block; background-color: rgba(0,0,0,0.4); border: 2px solid #0096ff; width: 100%; padding: 20px 15px; text-align: right; margin: 0 auto; text-align: center; box-sizing: border-box; } .ucv-a2-header { font-size: 26px; line-height: 32px; color: #87ff79; 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: 50%; } } @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 { float: left; margin: 0 15px 40px; text-decoration: none; } .ucv-b4-img-holder { display: block; text-align: center; position: relative; overflow: hidden; max-width: 300px; margin: 0 auto; } .ucv-b4-img-holder img { display: block; -webkit-transition: all 0.2 s ease-in; -moz-transition: all 0.2 s ease-in; -o-transition: all 0.2 s ease-in; -ms-transition: all 0.2 s ease-in; transition: all 0.2 s ease-in; } .ucv-b4-hint { position: absolute; top: 0; left: 0; overflow: hidden; width: 100%; padding: 350px; background-color: rgba(95, 122, 135, 0.9); text-align: left; -ms-filter: "програми: 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.2 s ease-in-out; -moz-transition: all 0.2 s ease-in-out; -o-transition: all 0.2 s ease-in-out; -ms-transition: all 0.2 s ease-in-out; transition: all 0.2 s 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: #fff; text-align: center; position: relative; padding: 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.3); background: transparent; margin: 10% 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.2 s ease-in-out; -moz-transition: all 0.2 s ease-in-out; -o-transition: all 0.2 s ease-in-out; -ms-transition: all 0.2 s ease-in-out; transition: all 0.2 s ease-in-out; } .ucv-b4-hint-desc { display: block; position: relative; color: #fff; 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.2 s ease-in-out; -moz-transition: all 0.2 s ease-in-out; -o-transition: all 0.2 s ease-in-out; -ms-transition: all 0.2 s ease-in-out; transition: all 0.2 s ease-in-out; } .ucv-b4-img-holder:hover .ucv-b4-hint { -ms-filter: "програми: 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.3 s; -moz-transition-delay: 0.3 s-o-transition-delay: 0.3 s; -ms-transition-delay: 0.3 s; transition-delay: 0.3 s; } .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.4 s; -moz-transition-delay: 0.4 s-o-transition-delay: 0.4 s; -ms-transition-delay: 0.4 s; transition-delay: 0.4 s; } .ucv-b4-name { color: #bbb; display: inline-block; margin-top: 10px; } .ucv-b4-name:hover { color: #000 } .ucv-b4-desc { display: block; margin: 10px 0; position: absolute; visibility: hidden; color: #333; } .ucv-b4-panel .ucv-b4-wrapper { width: 27%; margin-right: 3%; margin-left: 3%; } @media screen and (max-width: 768px) { .ucv-b4-panel .ucv-b4-wrapper, .ucv-b4-panel .ucv-b4-wrapper + .ucv-b4-wrapper + .ucv-b4-wrapper { width: auto; margin-right: 15px; margin-left: 15px; } } .uc-f14-panel { padding: 20px 15px 20px; background-color: #f7f7f7; } .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: 8px 25px; } .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: #f1f1f1; 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: 75px; background: #f7f7f7; display: inline-block; width: 40%; } .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: red; height: 4px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3 s; transition-duration: 0.3 s; -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 25px; 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 15px; } .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: #0096ff; padding: 30px; color: black; text-align: center; } .uc-e1-header { text-align: center; margin-bottom: 20px !important; } .uc-btn-1 { display: inline-block; position: relative; -webkit-transform: translateZ(0); transform: translateZ(0); padding: 7px 20px; min-width: 150px; text-decoration: none !important; color: white !important; background: #7e3bfb !important; text-align: center; margin: 10px 0; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3 s; transition-duration: 0.3 s; } .uc-btn-1:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #4e21a1; -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.3 s; transition-duration: 0.3 s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .uc-btn-1:hover { color: white !important; } .uc-btn-1:hover:before, .uc-btn-1:focus:before, .uc-btn-1:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); } .uc-btn-11 { clear: both; display: inline-block; position: relative; -webkit-transform: translateZ(0); transform: translateZ(0); padding: 10px 5px; min-width: 150px; text-decoration: none !important; color: white !important; background: #7e3bfb !important; text-align: center; margin: 10px 0; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3 s; transition-duration: 0.3 s; } .uc-btn-11:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #4e21a1; -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.3 s; transition-duration: 0.3 s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .uc-btn-11:hover:before, .uc-btn-11:focus:before, .uc-btn-11: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.5 s; animation-duration: .3s, 1.5 s; -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-last { background: # } .uc-e22-panel img { -webkit-animation-name: uc-bob-float, uc-bob; animation-name: uc-bob-float, uc-bob; -webkit-animation-duration: .3s, 1.5 s; animation-duration: .3s, 1.5 s; -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; } @-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); } }
3 Всі покупців стали нашими постійними клієнтами 4 Фото товару повністю відповідає самому товару
Перейти до каталогу 4 причини здійснити покупку в нашому магазині Якість Наші сукні виготовляються з високоякісного трикотажного полотна з мінімальною кількістю синтетичних волокон. У такій сукні дитині буде легко й не душно навіть у жарку погоду. Плаття легко стирається і при належному зберіганні та догляді прослужить довгі роки.
Ціна За рахунок власного виробництва ми маємо можливість надати вам ціни порівняно нижче, ніж у конкурентів, і більш високої якості, при цьому.
Асортимент Наш асортимент складають сукні різних фасонів, розмірів і забарвлень. Дітям неодмінно сподобається такий барвистий вибір
В тренді! Ми представляємо тільки брендові і самі модні моделі дитячих суконь, завдяки старанній праці наших модельєрів і закрійників
Як оформити замовлення? Якщо ви робите долучиться до успішного бізнесу і урізноманітнити свій асортимент, то швидше пишіть або телефонуйте нам на номер 0972928699. Наші фахівці детально поінформують про умови співпраці, допоможуть з підбором стартового замовлення, а так само розкажуть про вигідні пропозиції. Ми виробляємо відвантаження, у всі регіони України, компаніями: Укр Пошта, Нова Пошта, Інтайм, Делівері. Оплатити замовлення можна через карту банку, при отриманні товару на пошті, або готівкою кур'єру у руки. Також, можете забирати замовлення прямо з наших магазинів. Від успішного бізнесу вас відділяє лише один телефонний дзвінок! У нас закуповуються десятки оптовиків, а сотні магазинів активно продають нашу одяг з року в рік. Ми обов'язково запропонуємо вам вигідні умови співпраці, які вам сподобаються. Сукні, які ми виробляємо, із задоволенням носять тисячі дівчаток, а від їх батьків ми чуємо виключно позитивні відгуки. Ми гарантуємо своєчасну доставку і збереження вантажу під час транспортування. Спробуйте, адже замовлення, у нас, можна зробити лише від однієї ростовки! Ви зможете на власному досвіді переконатися, що наша продукція не залежується на вітринах! .ucv-a2-panel { background: #777 url(https://picua.org/images/2019/07/25/0abb7b829ecdf9d5fbc4a9a5cd6a63d2.jpg) center top; background-size: cover; padding: 20px; } .ucv-a2-texts { display: inline-block; background-color: rgba(0,0,0,0.4); border: 2px solid #0096ff; width: 100%; padding: 20px 15px; text-align: right; margin: 0 auto; text-align: center; box-sizing: border-box; } .ucv-a2-header { font-size: 26px; line-height: 32px; color: #87ff79; 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: 50%; } } @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 { float: left; margin: 0 15px 40px; text-decoration: none; } .ucv-b4-img-holder { display: block; text-align: center; position: relative; overflow: hidden; max-width: 300px; margin: 0 auto; } .ucv-b4-img-holder img { display: block; -webkit-transition: all 0.2 s ease-in; -moz-transition: all 0.2 s ease-in; -o-transition: all 0.2 s ease-in; -ms-transition: all 0.2 s ease-in; transition: all 0.2 s ease-in; } .ucv-b4-hint { position: absolute; top: 0; left: 0; overflow: hidden; width: 100%; padding: 350px; background-color: rgba(95, 122, 135, 0.9); text-align: left; -ms-filter: "програми: 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.2 s ease-in-out; -moz-transition: all 0.2 s ease-in-out; -o-transition: all 0.2 s ease-in-out; -ms-transition: all 0.2 s ease-in-out; transition: all 0.2 s 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: #fff; text-align: center; position: relative; padding: 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.3); background: transparent; margin: 10% 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.2 s ease-in-out; -moz-transition: all 0.2 s ease-in-out; -o-transition: all 0.2 s ease-in-out; -ms-transition: all 0.2 s ease-in-out; transition: all 0.2 s ease-in-out; } .ucv-b4-hint-desc { display: block; position: relative; color: #fff; 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.2 s ease-in-out; -moz-transition: all 0.2 s ease-in-out; -o-transition: all 0.2 s ease-in-out; -ms-transition: all 0.2 s ease-in-out; transition: all 0.2 s ease-in-out; } .ucv-b4-img-holder:hover .ucv-b4-hint { -ms-filter: "програми: 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.3 s; -moz-transition-delay: 0.3 s-o-transition-delay: 0.3 s; -ms-transition-delay: 0.3 s; transition-delay: 0.3 s; } .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.4 s; -moz-transition-delay: 0.4 s-o-transition-delay: 0.4 s; -ms-transition-delay: 0.4 s; transition-delay: 0.4 s; } .ucv-b4-name { color: #bbb; display: inline-block; margin-top: 10px; } .ucv-b4-name:hover { color: #000 } .ucv-b4-desc { display: block; margin: 10px 0; position: absolute; visibility: hidden; color: #333; } .ucv-b4-panel .ucv-b4-wrapper { width: 27%; margin-right: 3%; margin-left: 3%; } @media screen and (max-width: 768px) { .ucv-b4-panel .ucv-b4-wrapper, .ucv-b4-panel .ucv-b4-wrapper + .ucv-b4-wrapper + .ucv-b4-wrapper { width: auto; margin-right: 15px; margin-left: 15px; } } .uc-f14-panel { padding: 20px 15px 20px; background-color: #f7f7f7; } .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: 8px 25px; } .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: #f1f1f1; 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: 75px; background: #f7f7f7; display: inline-block; width: 40%; } .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: red; height: 4px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3 s; transition-duration: 0.3 s; -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 25px; 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 15px; } .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: #0096ff; padding: 30px; color: black; text-align: center; } .uc-e1-header { text-align: center; margin-bottom: 20px !important; } .uc-btn-1 { display: inline-block; position: relative; -webkit-transform: translateZ(0); transform: translateZ(0); padding: 7px 20px; min-width: 150px; text-decoration: none !important; color: white !important; background: #7e3bfb !important; text-align: center; margin: 10px 0; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3 s; transition-duration: 0.3 s; } .uc-btn-1:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #4e21a1; -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.3 s; transition-duration: 0.3 s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .uc-btn-1:hover { color: white !important; } .uc-btn-1:hover:before, .uc-btn-1:focus:before, .uc-btn-1:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); } .uc-btn-11 { clear: both; display: inline-block; position: relative; -webkit-transform: translateZ(0); transform: translateZ(0); padding: 10px 5px; min-width: 150px; text-decoration: none !important; color: white !important; background: #7e3bfb !important; text-align: center; margin: 10px 0; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3 s; transition-duration: 0.3 s; } .uc-btn-11:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #4e21a1; -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.3 s; transition-duration: 0.3 s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .uc-btn-11:hover:before, .uc-btn-11:focus:before, .uc-btn-11: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.5 s; animation-duration: .3s, 1.5 s; -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-last { background: # } .uc-e22-panel img { -webkit-animation-name: uc-bob-float, uc-bob; animation-name: uc-bob-float, uc-bob; -webkit-animation-duration: .3s, 1.5 s; animation-duration: .3s, 1.5 s; -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; } @-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); } }
