О нас

.ucv-a2-panel strong { font-size: 20px; color: #0069d2; } .ucv-a2-panel { background: #777 url('https://www.tapeciarnia.pl/tapety/normalne/57145_kolorowe_kupki_piasku.jpg') center; background-size: cover; display: flex; align-items: flex-start; } .ucv-a2-texts { background-color: rgba(119, 119, 119, 0.9); margin: 0; padding: 20px 15px 20px 40px; width: 40%; text-align: left; } .ucv-a2-header { font-size: 26px; line-height: 32px; color: #fff; margin: 0px 0px 5px; padding: 7px 60px 7px 15px; background: linear-gradient(-65deg, transparent 85px, #666666 18%, #666666); } .ucv-a2-sub-header { font-size: 18px; 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 #fff; padding-left: 10px; } .ucv-a2-link { display: inline-block; height: 37px; line-height: 37px; text-decoration: none!important; text-align: center; color: #fff!important; padding: 0 20px; border: 2px solid #fff; font-size: 16px; } .ucv-a2-link:hover { color: #fff!important; border-color: #fff; } @media screen and (max-width: 1300px) { .ucv-a2-texts { width: auto; text-align: left!important; border-radius: 0; } .ucv-a2-panel { padding: 0; } } .ucv-a2-text::after { content: ""; position: absolute; top: -10px; left: -6px; background: #0069d2; height: 10px; width: 10px; border-radius: 100%; } .ucv-a2-text::before { content: ""; position: absolute; bottom: -10px; left: -6px; background: #0069d2; height: 10px; width: 10px; border-radius: 100%; } .uc-e1-panel { border-bottom: 1px solid #858585; padding: 20px; } .uc-e1-header { text-align: center; margin-bottom: 20px; } .uc-btns { display: inline-block; padding: 8px 22px; color: #fff !important; text-decoration: none !important; font-size: 16px; transition: all .3s ease; background: #0069d2; } .uc-btns:hover { transition: all .3s ease; background: #858585; } .uc-panel { border-bottom: 1px solid #858585; padding: 20px 0; text-align: center; } .uc-header { margin-bottom: 40px; text-align: center; } .uc-wrapper { display: inline-block; vertical-align: top; margin: 10px .5%; text-decoration: none; } .uc-img-holder { display: block; text-align: center; position: relative; overflow: hidden; box-sizing: border-box; max-width: 300px; max-height: 250px; margin: 0 auto; border: 1px solid #ebebeb; transition: all 0.5s linear; } .uc-overlay { position: absolute; width: 100px; height: 100px; top: 100px; left: 100px; border-radius: 500px; background: rgba(255, 255, 255, 0.6); } .uc-icon { width: 35px; height: 23px; position: absolute; top: 39px; left: 33px; } .uc-caption { position: absolute; top: 100%; left: 0px; width: 100%; height: 100%; display: flex; padding: 0 20px; align-items: center; box-sizing: border-box; color: #fff!important; background-color: rgba(114, 114, 114, 0.8); -moz-transition: all 0.4s linear 0s; -ms-transition: all 0.4s linear 0s; -webkit-transition: all 0.4s linear 0s; -o-transition: all 0.4s linear 0s; transition: all 0.4s linear 0s; } .uc-name { font-size: 15px; color: #3F3F3F; display: inline-block; margin-top: 10px; } .uc-name:hover { color: #0069d2; } .uc-desc { display: block; margin: 10px 0; position: absolute; visibility: hidden; color: #333; } .uc-panel .uc-wrapper { width: 31.8%; } @-webkit-keyframes bounce { from { top: 100px; } 25% { top: 200px; } 50% { top: 100px; } 75% { top: 0px; } to { top: -200px; } } @-ms-keyframes bounce { from { top: 100px; } 25% { top: 200px; } 50% { top: 100px; } 75% { top: 0px; } to { top: -200px; } } @-o-keyframes bounce { from { top: 100px; } 25% { top: 200px; } 50% { top: 100px; } 75% { top: 0px; } to { top: -200px; } } @-moz-keyframes bounce { from { top: 100px; } 25% { top: 200px; } 50% { top: 100px; } 75% { top: 0px; } to { top: -200px; } } @keyframes bounce { from { top: 100px; } 25% { top: 200px; } 50% { top: 100px; } 75% { top: 0px; } to { top: -200px; } } .uc-bubbles .uc-bubble { width: 40px; height: 40px; position: absolute; top: 100%; background: -moz-radial-gradient(circle at center center, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.7)); background: -ms-radial-gradient(circle at center center, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.7)); background: -o-radial-gradient(circle at center center, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.7)); background: -webkit-radial-gradient(circle at center center, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.7)); background: radial-gradient(circle at center center, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.7)); -webkit-border-radius: 100px; border-radius: 100px; } .uc-effect .uc-bubbles .uc-bubble-2 { left: 20px; } .uc-effect .uc-bubbles .uc-bubble-3 { left: 60px; } .uc-effect .uc-bubbles .uc-bubble-4 { left: 90px; } .uc-effect .uc-bubbles .uc-bubble-5 { left: 120px; } .uc-effect .uc-bubbles .uc-bubble-6 { left: 150px; } .uc-effect .uc-bubbles .uc-bubble-7 { left: 250px; } .uc-effect .uc-bubbles .uc-bubble-8 { left: 300px; } .uc-effect .uc-bubbles .uc-bubble-9 { left: 190px; } .uc-effect .uc-bubbles .uc-bubble-10 { left: 220px; } .uc-effect .uc-bubbles .uc-bubble-11 { left: 270px; } .uc-effect .uc-bubbles .uc-bubble-12 { left: 45px; } .uc-effect .uc-bubbles .uc-bubble-13 { left: 15px; } @-webkit-keyframes bubble { from { top: 100%; } to { top: -100%; } } @-ms-keyframes bubble { from { top: 100%; } to { top: -100%; } } @-o-keyframes bubble { from { top: 100%; } to { top: -100%; } } @-moz-keyframes bubble { from { top: 100%; } to { top: -100%; } } @keyframes bubble { from { top: 100%; } to { top: -100%; } } .uc-effect:hover .uc-bubbles .uc-bubble { -moz-animation: bubble 9s infinite; -ms-animation: bubble 9s infinite; -o-animation: bubble 9s infinite; -webkit-animation: bubble 9s infinite; animation: bubble 9s infinite; } .uc-effect:hover .uc-bubbles .uc-bubble-2 { -moz-animation-delay: 2s; -o-animation-delay: 2s; -ms-animation-delay: 2s; -webkit-animation-delay: 2s; animation-delay: 2s; } .uc-effect:hover .uc-bubbles .uc-bubble-3 { -moz-animation-delay: 6s; -o-animation-delay: 6s; -ms-animation-delay: 6s; -webkit-animation-delay: 6s; animation-delay: 6s; } .uc-effect:hover .uc-bubbles .uc-bubble-4 { -moz-animation-delay: 3.5s; -o-animation-delay: 3.5s; -ms-animation-delay: 3.5s; -webkit-animation-delay: 3.5s; animation-delay: 3.5s; } .uc-effect:hover .uc-bubbles .uc-bubble-5 { -moz-animation-delay: 4s; -o-animation-delay: 4s; -ms-animation-delay: 4s; -webkit-animation-delay: 4s; animation-delay: 4s; } .uc-effect:hover .uc-bubbles .uc-bubble-6 { -moz-animation-delay: 7.2s; -o-animation-delay: 7.2s; -ms-animation-delay: 7.2s; -webkit-animation-delay: 7.2s; animation-delay: 7.2s; } .uc-effect:hover .uc-bubbles .uc-bubble-7 { -moz-animation-delay: 1s; -o-animation-delay: 1s; -ms-animation-delay: 1s; -webkit-animation-delay: 1s; animation-delay: 1s; } .uc-effect:hover .uc-bubbles .uc-bubble-8 { -moz-animation-delay: 2.6s; -o-animation-delay: 2.6s; -ms-animation-delay: 2.6s; -webkit-animation-delay: 2.6s; animation-delay: 2.6s; } .uc-effect:hover .uc-bubbles .uc-bubble-9 { -moz-animation-delay: 5s; -o-animation-delay: 5s; -ms-animation-delay: 5s; -webkit-animation-delay: 5s; animation-delay: 5s; } .uc-effect:hover .uc-bubbles .uc-bubble-10 { -moz-animation-delay: 6.4s; -o-animation-delay: 6.4s; -ms-animation-delay: 6.4s; -webkit-animation-delay: 6.4s; animation-delay: 6.4s; } .uc-effect:hover .uc-bubbles .uc-bubble-11 { -moz-animation-delay: 8s; -o-animation-delay: 8s; -ms-animation-delay: 8s; -webkit-animation-delay: 8s; animation-delay: 8s; } .uc-effect:hover .uc-bubbles .uc-bubble-12 { -moz-animation-delay: 5.3s; -o-animation-delay: 5.3s; -ms-animation-delay: 5.3s; -webkit-animation-delay: 5.3s; animation-delay: 5.3s; } .uc-effect:hover .uc-bubbles .uc-bubble-13 { -moz-animation-delay: 8.5s; -o-animation-delay: 8.5s; -ms-animation-delay: 8.5s; -webkit-animation-delay: 8.5s; animation-delay: 8.5s; } .uc-effect:hover img { filter: blur(1px); } .uc-effect:hover .uc-caption { top: 0px; -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s; -ms-transition-delay: 0.5s; -webkit-transition-delay: 0.5s; transition-delay: 0.5s; } .uc-effect:hover .uc-overlay { -moz-animation: bounce 0.3s linear forwards; -o-animation: bounce 0.3s linear forwards; -ms-animation: bounce 0.3s linear forwards; -webkit-animation: bounce 0.3s linear forwards; animation: bounce 0.3s linear forwards; } @media screen and (max-width: 1200px) { .uc-desc { position: static; visibility: visible; } .uc-panel .uc-wrapper { width: 48%; } .uc-panel .uc-wrapper+.uc-wrapper+.uc-wrapper { width: 48%; } } @media screen and (max-width: 900px) { .uc-panel .uc-wrapper, .uc-panel .uc-wrapper+.uc-wrapper+.uc-wrapper { width: auto; margin-right: 15px; margin-left: 15px; } } .uc-order { padding: 20px 15px; text-align: left; border-bottom: 1px solid #858585; } .uc-order h2 { text-align: center; margin-bottom: 30px; } .uc-order-scheme { display: inline-block; width: 48%; margin: 10px .5%; 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: 68px; } .uc-order-scheme strong { transition: all .3s ease; display: inline-block; font-size: 60px; color: #0069d2; text-shadow: 1px 1px 2px #1d1d1d; } .uc-order-scheme:hover strong { transition: all .3s ease; color: #858585; transform: translateY(-4px); } .uc-order-scheme em { font-size: 15px; color: #858585; transition: all .3s ease; display: inline-block; font-weight: bold; font-style: inherit; } .uc-order-scheme:hover em { color: #0069d2; transition: all .3s ease; } @media screen and (max-width: 1000px) { .uc-order-scheme { width: 98%; margin: 10px auto; min-height: initial; } } .uc-b5-panel { border-bottom: 1px solid #858585; 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: 19%; margin: 10px 1%; transition: all .4s; } .uc-b5-wrapper img { transition: all .4s; border-bottom: 2px solid transparent; padding-bottom: 5px; } .uc-b5-wrapper:hover img { transition: all .4s; border-color: #0069d2; transform: translateY(-5px); } .uc-b5-text { margin: 10px 0 0; } .uc-b5-arr { width: 2%!important; font-size: 30px; color: #858585; vertical-align: middle; padding-top: 10px; } .uc-b5-text { margin: 10px 0 0; } @media screen and (max-width: 1200px) { .uc-b5-wrapper { width: 44%; } .uc-b5-arr2 { display: none; } } @media screen and (max-width: 900px) { .uc-b5-wrapper { width: 60%; } .uc-b5-arr { display: none; } } :root { --infograph-color2: #0069d2; --infograph-color1: #858585; } .four-panel { border-bottom: 1px solid #858585; 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: 2px; padding: 30px; box-shadow: 0 0 10px 5px rgba(242, 242, 242, 2); margin: 20px 0; } .four-content-1, .four-content-2, .four-content-3, .four-content-4 { text-align: center; position: relative; padding: 20px 30px; display: flex; flex-direction: column; align-items: center; height: 100%; } .four-content-1:after { content: ''; position: absolute; top: 0px; right: 0px; width: 100%; height: 10px; background: var(--infograph-color2); border-radius: 20px 20px 20px 0; } .four-content-1:before { content: ''; position: absolute; bottom: 0px; left: 0px; width: 10px; height: 100%; background: var(--infograph-color2); border-radius: 2px; } .four-content-2:after { content: ''; position: absolute; top: 0px; right: 0px; width: 100%; height: 10px; background: var(--infograph-color1); border-radius: 2px; } .four-content-2::before { content: ''; position: absolute; bottom: 0; right: 0; width: 10px; height: 100%; background: var(--infograph-color1); border-radius: 2px; } .four-content-3:after { content: ''; position: absolute; bottom: 0px; right: 0px; width: 100%; height: 10px; background: var(--infograph-color1); border-radius: 2px; } .four-content-3::before { content: ''; position: absolute; bottom: 0px; left: 0px; width: 10px; height: 100%; background: var(--infograph-color1); border-radius: 2px; } .four-content-4::after { content: ''; position: absolute; bottom: 0px; right: 0px; width: 100%; height: 10px; background: var(--infograph-color2); border-radius: 2px; } .four-content-4::before { content: ''; position: absolute; bottom: 0; right: 0; width: 10px; height: 100%; background: var(--infograph-color2); border-radius: 2px; } .four-header { font-size: 24px; } .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: 10px solid var(--infograph-color2); border-radius: 2px; } .four-content-2, .four-content-4 { border: 10px solid var(--infograph-color1); border-radius: 2px; } } .uc-numbers { padding: 20px 15px; text-align: center; border-bottom: 1px solid #858585; } .uc-numbers h2 { text-align: center; margin-bottom: 30px; } .uc-numbers_wrap { display: flex; flex-wrap: wrap; flex-direction: row; } .uc-numbers-scheme { background: #fff; border: 1px solid #0069d2; display: inline-block; width: 31%; vertical-align: top; margin: 10px 1%; padding: 40px 10px 10px; box-sizing: border-box; text-align: left; transition: all 0.3s; } .uc-numbers-scheme:hover { background: #fff; transition: all 0.3s; } .uc-numbers-scheme strong { transition: all .3s ease; display: inline-block; font-size: 50px; color: #fff; text-shadow: 1px 1px 2px #1d1d1d; } .uc-numbers-scheme:hover strong { transition: all .3s ease; color: #80cbc4; transform: translateY(-4px); } .uc-numbers-scheme em { color: #0069d2; transition: all .3s ease; display: inline-block; font-weight: bold; font-style: inherit; } .uc-numbers-scheme:hover em { color: #858585; transition: all .3s ease; } @media screen and (max-width: 1300px) { .uc-numbers-scheme { width: 48%; } } @media screen and (max-width: 1000px) { .uc-numbers-scheme { width: 90%; margin: 10px; min-height: 80px; } } Качественные красители для разных поверхностей от JBC Chemical COLOR MATCHING для любого цвета, который вы пожелаете Консультация по подбору цветов и технологии смешивания пигмента Добро пожаловать на сайт нашей компании! Мы занимаемся продажей высококачественных пигментов южнокорейского производства JBC Chemical. Продукция данного производителя существует на мировом рынке уже более 20 лет. Благодаря нашему тесному сотрудничеству с южнокорейскими заводами, теперь приобрести качественные красители можно и в Казахстане! Перейти в каталог Почему наши пигменты пользуются спросом? Пигменты JBC Chemical- это экологически чистый и безопасный продукт южнокорейского производства Пигменты JBC Chemical- это разнообразный выбор цветовой гаммы стойкого и высококачественного продукта Пигменты JBC Chemical- это самый известный и продаваемый продукт в Казахстане (пигмент, используемый для детских площадок) В сравнении с другими пигментами, корейские пигменты выделяются своей цветостойкостью Почему с нами приятно иметь дело? PART 1 .IRON OXIDE PIGMENT PART 2. MIXING PIGMENT PART 3. HYBRID PIGMENT PART 4. ORGANIC PIGMENT PART 5. TiO2 PART 6. Пластик и другое... На главную