О нас

 .uc-btns { position: relative; display: inline-block; margin-top:10px; padding: 8px 40px; box-sizing: border-box; vertical-align: middle; text-align: center; font-size:16px; cursor: pointer; text-decoration: none!important; background: transparent; border: 2px solid #385F8F; color: #385F8F!important; transition: .3s; border-radius: 2px; transition: background 225ms ease-in-out,color 225ms ease-in-out; } .uc-btns:hover { background: #385F8F; color:#fff!important; transition: .3s; } .uc-link { position: relative; display: inline-block; margin-top:10px; padding: 8px 40px; box-sizing: border-box; vertical-align: middle; text-align: center; font-size:16px; cursor: pointer; text-decoration: none!important; background: #385F8F; color: #fff!important; transition: .3s; border-radius: 2px; transition: background 225ms ease-in-out,color 225ms ease-in-out; border:2px solid #385F8F; } .uc-link:hover { background: none; color:#385F8F!important; transition: .3s; } .uc-banner strong {font-size:18px; color:#385F8F;} .uc-banner { display: flex; justify-content: space-between; background: #fcfcfc; border: 1px solid #e5e5e5; min-height: 500px; } .uc-content { width: 48%; padding: 20px; display: flex; flex-direction: column; justify-content: space-between; text-align: center; position: relative; } .uc-content::after { content: ""; position: absolute; left: 0; top: 49.5%; width: 101%; height: 5px; background: #01A855; } .uc-banner__header { font-size: 2.0rem!important; color: #385F8F; margin: auto!important; } .uc-banner__subheader { font-size: 1.3rem; margin-top:30px; color: #292929; } .uc-banner__text { font-size: 0.9rem; color: #292929; line-height: 23px; padding-top: 30px; } .uc-banner__area { width: 50%; display: flex; position: relative; background: url(https://b.radikal.ru/b02/2002/c6/eacf61ddca8d.jpg) 50% 50% /cover; -webkit-clip-path: polygon(100% 0%, 100% 50%, 100% 100%, 15% 100%, 0% 50%, 15% 0%); clip-path: polygon(100% 0%, 100% 50%, 100% 100%, 15% 100%, 0% 50%, 15% 0%); background-position: 91%; } .uc-banner__backround-black { position: absolute; left: 0; width: 25%; height: 100%; background: #01A855; clip-path: polygon(60% 0%, 100% 0, 40% 50%, 100% 100%, 60% 100%, 0% 50%); } .uc-banner__backround-blue { width: 25%; position: absolute; left: 25px; height: 100%; background: #385F8F; clip-path: polygon(60% 0%, 100% 0, 40% 50%, 100% 100%, 60% 100%, 0% 50%); } @media screen and (max-width: 1300px) { .uc-banner__backround-black { display: none; } .uc-banner__backround-blue { background: #01A855;} .uc-content::after {height:0px;} .uc-banner__backround-blue { left: 0; } } @media screen and (max-width: 1150px) { .uc-banner__area { width: 30%; } .uc-content { width: 70%; } } @media screen and (max-width: 480px) { .uc-content { width: 100%; } .uc-banner__area { display: none; } .uc-content::after { top: 33%; } .uc-banner { height: 100%; } .uc-banner__header { font-size: 1.6rem!important; } } :root { --infograph-color2: #01A855; --infograph-color1: #385F8F; } .four-panel { padding: 20px 10px; border-bottom: 1px solid #e5e5e5; } .four-panel h2 {margin:20px 0!important; text-align:center;} .four-container { display: flex; flex-wrap: wrap; justify-content: space-around; } .four-item { display: flex; flex-direction: column; width: 45%; border-radius: 0px; margin: 20px 0; } .four-content-1, .four-content-2, .four-content-3, .four-content-4 { text-align: center; position: relative; padding: 25px; 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: 0px; } .four-content-1:before { content: ''; position: absolute; bottom: 0px; left: 0px; width: 15px; height: 100%; background: var(--infograph-color2); border-radius: 0px; } .four-content-2:after { content: ''; position: absolute; top: 0px; right: 0px; width: 100%; height: 15px; background: var(--infograph-color1); border-radius: 0px; } .four-content-2::before { content: ''; position: absolute; bottom: 0; right: 0; width: 15px; height: 100%; background: var(--infograph-color1); border-radius: 0px; } .four-content-3:after { content: ''; position: absolute; bottom: 0px; right: 0px; width: 100%; height: 15px; background: var(--infograph-color1); border-radius: 0px; } .four-content-3::before { content: ''; position: absolute; bottom: 0px; left: 0px; width: 15px; height: 100%; background: var(--infograph-color1); border-radius: 0px; } .four-content-4::after { content: ''; position: absolute; bottom: 0px; right: 0px; width: 100%; height: 15px; background: var(--infograph-color2); border-radius: 0px; } .four-content-4::before { content: ''; position: absolute; bottom: 0; right: 0; width: 15px; height: 100%; background: var(--infograph-color2); border-radius: 0px; } .four-header { font-size: 18px!important; line-height: 20px; font-weight:bold; color:#385F8F; } .four-text {} .four-icon {} @media screen and (max-width: 1100px) { .four-item { width: 100%; } .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-2, .four-content-3, .four-content-4 { padding: 25px 10px; } .four-content-1, .four-content-3 { border: 15px solid var(--infograph-color2); border-radius: 0px; } .four-content-2, .four-content-4 { border: 15px solid var(--infograph-color1); border-radius: 0px; } } .four-panel img { margin: auto; } .uc-order11 { padding: 20px; text-align: center; border-bottom: 1px solid #e5e5e5; } .uc-order11 h2 {margin:20px 0!important; text-align:center;} .uc-order11_wrap { display: flex; flex-wrap: wrap; justify-content: left;} .uc-order11 strong {color:#2f2f2f; font-size:16px;} .uc-order11-scheme { width: 47%; margin: 10px; padding: 10px 15px; box-sizing: border-box; vertical-align: top; transition: all .3s ease; background-color: #fcfcfc; border: 1px solid #e5e5e5; border-radius: 2px; } .uc-order11-scheme:hover { transition: all .3s ease; } .uc-order11-scheme: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; } @media screen and (max-width: 900px) { .uc-order11-scheme { width: 98%; margin: 10px auto; } } .uc-icons { padding: 10px; text-align: center; border-bottom: 1px solid #e5e5e5; } .uc-icons h2 {margin:20px 0!important; text-align:center;} .uc-icons__inner { display: flex; flex-wrap: wrap; justify-content: center; margin-top: 20px; } .uc-icons__block { display: flex; flex-direction: column; align-items: center; width: 42%; padding: 20px; z-index: 1; } .uc-icon { width: 100px; height: auto; } .uc-icon__area { position: relative; display: flex; align-items: center; justify-content: center; width: 112px; height: 112px; border-radius: 100%; border:6px solid #f9f9f9; background: #fff; } .uc-icon__area::after { content: ''; position: absolute; width: 170px; height: 166px; border-radius: 0%; z-index: -1; margin-top: 2px; } .uc-area__blue-back::after { background: #01A855; } .uc-area__blue-back::before { content: ''; position: absolute; top: -25px; right: -145px; width: 0; height: 0; border-top: 0px solid transparent; border-left: 184px solid #01A855; border-bottom: 145px solid transparent; z-index: -1; } .uc-area__yeloww-back::after { background: #385F8F; } .uc-area__yeloww-back::before { content: ''; position: absolute; bottom: -29px; left: -145px; width: 0; height: 0; border-top: 145px solid transparent; border-right: 184px solid #385F8F; border-bottom: 0px solid transparent; z-index: -1; } .uc-icons__content { text-align: center; color: #000; padding-top: 40px; } .uc-icons__subheader { position: relative; display: inline-flex; font-size: 18px!important; font-weight:bold; } .uc-icons__subheader::before { content: ''; position: absolute; bottom: -10px; width: 100%; height: 2px; background: #e5e5e5; } .uc-icons__subheader-blue { color: #385F8F; } .uc-icons__subheader-yellow { color: #01A855; } .uc-icons__text { padding-top: 20px; } @media screen and (max-width: 1300px) { .uc-icons__block { width: 55%; } } @media screen and (max-width: 1200px) { .uc-icons__block { width: 85%; } .uc-area__yeloww-back::before, .uc-area__blue-back::before { border: 0; } } .uc-b5-panel { padding: 20px; text-align: center; border-bottom: 1px solid #e5e5e5; } .uc-b5-panel:after { content: " "; display: block; clear: both; font-size: 0px; } .uc-b5-header { margin: 20px 0!important; } .uc-b5-wrapper { display: inline-block; vertical-align: top; width: 47%; margin-bottom: 10px; transition: all 0.5s ease; } .uc-b5-img { margin: 15px; transition: all 0.5s ease; } .uc-b5-wrapper:hover .uc-b5-img { transform: scale(1.5, 1.5); margin: 15px; transition: all 0.5s ease; } .uc-b5-arr { width: 10px; font-size: 30px; color: #01A855; vertical-align: middle; padding-top: 30px; } .uc-b5-arr3 {display:none;} .uc-b5-arr2 {display:inline-block;} .uc-b5-text { margin: 10px 0 0; } @media screen and (max-width: 500px) { .uc-b5-wrapper { width: 60%; } .uc-b5-arr { display: none; } } .uc-footer { padding:20px; text-align: center; } .uc-footer h2 {margin:20px 0!important;} Что мы предлагаем покупателям Качественную продукцию У нас представлена только качественная бытовая химия в большом многообразии, а также востребованные гигиенические товары. Оперативную доставку Мы всегда соблюдаем сроки доставки товаров и гарантируем оперативность. Выгодное сотрудничество Сотрудничество с нашей компанией всегда будет выгодным. Консультации Если у покупателя возникают вопросы относительно товаров, он всегда может задать их. Наши главные преимущества Лояльная ценовая политика Мы всегда индивидуально оговариваем стоимость заказа. Профессионализм Наша компания завоевала превосходную репутацию за годы работы. Сертифицированные товары Мы реализуем сертифицированные товары от ведущих брендов. Востребованные товары У нас представлена продукция, которая востребована у покупателей. Оперативность обработки заказов Заказы обрабатываются в течение нескольких минут. Гарантия оригинальности продукции Благодаря сотрудничеству с производителями, мы можем гарантировать, что все товары являются оригинальными. Контакты Преимущества для постоянных клиентов Скидки Наши постоянные клиенты гарантировано приобретают продукцию дешевле. Выгодные условия поставок Мы готовы сотрудничать на долгосрочной основе на выгодных условиях. Доставка и оплата Схема работы Заявка по телефону или на сайте → Согласование всех деталей → Выбор варианта доставки → Получение заказа Онлайн магазин OTZAVODA.KZ предлагает огромный выбор товаров В каталоге вы найдете подгузники, чистящие средства, салфетки и прокладки, порошки и многое другое. Мы работаем с известными брендами, среди которых: Molfix, Pampers, Haggies,Henkel, Procter&Gamble, Bingo, Rixos и многие другие. На главную