59 отзывов

ОНЛАЙН МАГАЗИН OTZAVODA.KZ

+7 (771) 504-90-23
ОНЛАЙН МАГАЗИН OTZAVODA.KZ
.cs-menu__link{ font-size: 20px; text-shadow: 1px 1px 2px #cce6ef, 0 0 1em #cce6ef; /* Параметры тени */ font-family: 'Caveat', cursive; } .cs-menu__link:hover{ background: #bfdaec; } .cs-header-company-info { display: none; } h2.cs-title { display: none; } .cs-title__page-content { margin: 0 20px 10px 20px; } .uc-banner__button:hover:before { -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .uc-banner__button:before { content: ""; position: absolute; top: -5px; bottom: -5px; left: -5px; right: -5px; background: #fff; -webkit-box-shadow: 0 1px 1px rgba(000, 000, 000, 0.2), inset 0 0 1px rgba(255, 255, 255, 0.7); box-shadow: 0 1px 1px rgba(000, 000, 000, 0.2), inset 0 0 1px rgba(255, 255, 255, 0.7); -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); pointer-events: none; -webkit-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out; outline: 1px solid #e9e9e9; outline-offset: -10px; } .uc-footer{ background: #6992c4; text-shadow: 0 -1px 0 rgba(000, 000, 000, 0.2), 0px 1px 0 rgba(255, 255, 255, 0.2); -webkit-box-shadow: 0 1px 1px rgba(000, 000, 000, 0.2), inset 0 0 1px rgba(255, 255, 255, 0.7); box-shadow: 0 1px 1px rgba(000, 000, 000, 0.2), inset 0 0 1px rgba(255, 255, 255, 0.7); color: #fff; padding: 15px; width: 80%; margin: 0 auto; } /* 1 */ .uc-banner { margin-bottom: 20px; display: flex; height: 300px; text-shadow: 0 -1px 0 rgba(000, 000, 000, 0.2), 0px 1px 0 rgba(255, 255, 255, 0.2); -webkit-box-shadow: 0 1px 1px rgba(000, 000, 000, 0.2), inset 0 0 1px rgba(255, 255, 255, 0.7); box-shadow: 0 1px 1px rgba(000, 000, 000, 0.2), inset 0 0 1px rgba(255, 255, 255, 0.7); } .uc-banner__content { background: #6992c4; display: flex; z-index: 3; width: 55%; position: relative; color: #fff; } .uc-banner__content::after { content: ''; z-index: 1; position: absolute; left: 100%; top: 0; width: 0; height: 0; border-style: solid; border-width: 150px 0 150px 115px; border-color: transparent transparent transparent #6992c4; } .uc-banner__description { padding: 10px 0 10px 25px; text-align: justify; } .uc-block-arrow { display: flex; left: 0; width: 300px; height: auto; position: relative; -webkit-clip-path: polygon(65% 0%, 100% 50%, 65% 100%, 0% 100%, 35% 50%, 0% 0%); clip-path: polygon(45% 0%, 100% 50%, 45% 100%, 0% 100%, 55% 50%, 0% 0%); background: #ffffff; z-index: 1; -webkit-box-shadow: 0 1px 1px rgba(000, 000, 000, 0.2), inset 0 0 1px rgba(255, 255, 255, 0.7); box-shadow: 0 1px 1px rgba(000, 000, 000, 0.2), inset 0 0 1px rgba(255, 255, 255, 0.7); } .uc-banner__header { color: #ffffff; font-size: 20px!important; text-align: center; } .uc-banner__subheader { font-size: 18px; font-weight: bold; text-align: center; } .uc-banner__button { background: #1E90FF; text-decoration: none; position: absolute; color: #fff; padding: 20px; left: 96%; top: 26%; z-index: 2; transform: rotate(45deg) translateX(22%); width: 70px; height: 70px; color: #fff!important; box-shadow: 0 0 10px #d0d0d0; border: 1px solid #e9e9e9; text-shadow: 0 -1px 0 rgba(000, 000, 000, 0.2), 0px 1px 0 rgba(255, 255, 255, 0.2); -webkit-box-shadow: 0 1px 1px rgba(000, 000, 000, 0.2), inset 0 0 1px rgba(255, 255, 255, 0.7); box-shadow: 0 1px 1px rgba(000, 000, 000, 0.2), inset 0 0 1px rgba(255, 255, 255, 0.7); outline: 2px solid #b6d6ea; outline-offset: -10px; } .uc-banner__button:hover { background: #4169E0; z-index: 10; overflow: visible; color:#1E90FF!important; } .uc-buttton-text { left: 84%; top: 20%; transform: rotate(-45deg) translateX(-72%) translateY(-134%); position: absolute; width: 100px; font-size: 18px; text-align: center; text-transform: uppercase; font-weight: 600; } .uc-banner__image { background: #777 url(https://c.radikal.ru/c07/2004/5e/129573feabfc.jpg) center/cover; width: 50%; height: 300px; } @media screen and (max-width: 1200px) { .uc-banner__content { width: 100%; } .uc-banner__image { display: none; } .uc-banner__content::after { display: none; } .uc-banner { height: 100%; } .uc-banner__button { display: block; position: relative; left: 0%; min-width: 150px; height: 0px; transform: rotate(0deg) translateX(0%); } .uc-buttton-text { left: 0%; top: 20%; transform: rotate(0deg) translateX(0%) translateY(0%); min-width: 190px; } } /* 2 */ .ucv-b1-tiles { text-align: center; position: relative; } .ucv-b1-tile { display: block; text-align: left; opacity: .99; overflow: hidden; position: relative; border-radius: 3px; box-shadow: 0 0 20px 0 rgba(0, 0, 0, .05); max-width: 250px; margin: 0 auto; border: 1px solid #ebebeb; box-sizing: border-box; -webkit-box-shadow: 0 1px 1px rgba(000, 000, 000, 0.2), inset 0 0 1px rgba(255, 255, 255, 0.7); box-shadow: 0 1px 1px rgba(000, 000, 000, 0.2), inset 0 0 1px rgba(255, 255, 255, 0.7); } .ucv-b1-tiles .ucv-b1-tile:before { content: ''; background: linear-gradient( to bottom, rgba(13, 121, 188, 0.6) 0%, rgba(13, 121, 188, 0.7) 55%, rgba(13, 121, 188, 0.8) 65%); width: 100%; height: 100%; opacity: 0; position: absolute; top: 100%; left: 0; z-index: 2; transition-property: top, opacity; transition-duration: 0.3s; } .ucv-b1-wrapper { display: inline-block; vertical-align: top; text-decoration: none; } .ucv-b1-tiles .ucv-b1-tile img { display: block; max-width: 100%; backface-visibility: hidden; -webkit-backface-visibility: hidden; } .ucv-b1-wrapper .ucv-b1-name { font-size: 16px; color: #333; display: inline-block; margin-top: 10px; text-align: center; position: relative; z-index: 9; } .ucv-b1-name:hover { color: #058fe2; } .ucv-b1-desc { display: block; margin: 10px 0; position: absolute; visibility: hidden; color: #333; } .ucv-b1-tiles .ucv-b1-wrapper { width: 200px; display: inline-block; text-shadow: 0 -1px 0 rgba(000, 000, 000, 0.2), 0px 1px 0 rgba(255, 255, 255, 0.2); } .ucv-b1-details { display: inline-flex; font-size: 16px; padding: 15px; color: #fff; position: absolute; text-align: left; flex-direction: column; justify-content: flex-end; width: 100%; bottom: 0; height: 100%; margin: 0; left: 0; z-index: 3; box-sizing: border-box; } .ucv-b1-tiles .ucv-b1-tile .ucv-b1-details span { display: block; opacity: 0; position: relative; top: 100px; transition-property: top, opacity; transition-duration: 0.3s; transition-delay: 0s; } .ucv-b1-tiles .ucv-b1-tile .ucv-b1-details .ucv-b1-info { line-height: 1.2; margin-top: 5px; font-size: 14px; word-wrap: break-word; text-align: center; } .ucv-b1-tiles .ucv-b1-tile:focus span, .ucv-b1-tiles .ucv-b1-tile:hover::before, .ucv-b1-tiles .ucv-b1-tile:hover span { opacity: 1; } .ucv-b1-tiles .ucv-b1-tile:hover::before, .ucv-b1-tiles .ucv-b1-tile:focus::before { top: 0%; } .ucv-b1-tiles .ucv-b1-tile:hover span, .ucv-b1-tiles .ucv-b1-tile:focus span { top: 0; } @media screen and (max-width: 1200px) { .ucv-b1-tiles .ucv-b1-wrapper { width: 48%; } } @media screen and (max-width: 900px) { .ucv-b1-desc {} .ucv-b1-tiles .ucv-b1-wrapper { width: 48%; } .ucv-b1-tiles .ucv-b1-wrapper+.ucv-b1-wrapper+.ucv-b1-wrapper { width: 48%; } } @media screen and (max-width: 800px) { .ucv-b1-tiles .ucv-b1-wrapper, .ucv-b1-tiles .ucv-b1-wrapper+.ucv-b1-wrapper+.ucv-b1-wrapper { width: auto; margin-right: 15px; margin-left: 15px; } .ucv-b1-tiles {display: none!important;} } :root { --round-size: 20em; } /* 3 */ .uc-trinumber-wrapper { display: flex; flex-wrap: wrap; justify-content: center; } .uc-trinumber-color1 { /* background: linear-gradient(120deg,#b6d6ea 0%,#f6f6f6 80%);*/ /* background: url(https://uaprom-uc.prom.st/production/design_template/857/images/bg1.png); */ } .uc-trinumber-block { position: relative; width: 45%; margin: 5px; margin-left: 36px!important; height: 90px; -webkit-box-shadow: 0 1px 1px rgba(000, 000, 000, 0.2), inset 0 0 1px rgba(255, 255, 255, 0.7); box-shadow: 0 1px 1px rgba(000, 000, 000, 0.2), inset 0 0 1px rgba(255, 255, 255, 0.7); } .uc-trinumber-block:hover .uc-trinumber-num { transform: rotate(-225deg); box-shadow: inset -2px 0px 0px rgba(52, 52, 52, 0.3); } .uc-trinumber-block:hover .uc-trinumber-numin { box-shadow: inset 3px -3px 3px rgba(52, 52, 52, .4), inset -3px 3px 3px rgba(255, 255, 255, .2); } .uc-trinumber-block:hover .uc-trinumber-numout { box-shadow: inset 2px -2px 10px rgba(0, 0, 0, .3); } .uc-trinumber-block:hover .uc-trinumber-number { transform: rotate(225deg); } .uc-trinumber-text-block { /* padding: 44px 0 44px 70px;*/ display: flex; height: 90px; } .uc-trinumber-text { margin: auto; text-shadow: 1px 1px 1px #fff; margin-left: 45px; font-size: 16px; text-shadow: 0 -1px 0 rgba(000, 000, 000, 0.2), 0px 1px 0 rgba(255, 255, 255, 0.2); padding: 0 10px; } .uc-trinumber-text strong {font-size: 17px; } .uc-trinumber-num { display: flex; justify-content: center; align-items: center; position: absolute; top: 6px; left: -18px; width: 60px; height: 60px; text-align: center; vertical-align: baseline; border-radius: 0 15px 0 15px; box-shadow: inset 2px 0px 2px rgba(52, 52, 52, 0.3); transition: all .3s; } .uc-trinumber-numin { box-shadow: inset -3px 3px 3px rgba(52, 52, 52, .4), inset 3px -3px 3px rgba(255, 255, 255, .2); width: 51px; height: 51px; transition: all .3s; border-radius: 0 15px 0 15px; } .uc-trinumber-numout { background: #6992c4; width: 45px; height: 45px; margin: 3px 0 0 3px; border-radius: 0 15px 0 15px; box-shadow: inset -2px 2px 10px rgba(0, 0, 0, .3); position: relative; } .uc-trinumber-number { position: absolute; transition: all 0; margin: 6px 0 0 6px; display: block; line-height: 33px!important; height: 33px; width: 33px; color: #fff; font-size: 25px; } /* 4 */ .uc-order { text-align: center; } .uc-order_wrap { display: flex; flex-wrap: wrap; justify-content: center; } .uc-order-scheme { width: 23%; margin: 5px; padding: 5px 15px; box-sizing: border-box; vertical-align: top; -webkit-box-shadow: 0 1px 1px rgba(000, 000, 000, 0.2), inset 0 0 1px rgba(255, 255, 255, 0.7); box-shadow: 0 1px 1px rgba(000, 000, 000, 0.2), inset 0 0 1px rgba(255, 255, 255, 0.7); transition: all .3s ease; text-shadow: 0 -1px 0 rgba(000, 000, 000, 0.2), 0px 1px 0 rgba(255, 255, 255, 0.2); border-radius: 10px; } .uc-order-scheme strong { font-size: 18px; color: #34414e; } .uc-order-scheme:hover { box-shadow: -20px 20px 0 -17px #fff, 20px -20px 0 -17px #fff, 10px 10px 0 -20px #34414e, 0 0 0 2px #5688c6; transition: all .3s ease; border-radius: 0px; } @media screen and (max-width: 900px) { .uc-order-scheme { width: 98%; margin: 10px auto; } } /* 5 */ :root { --infograph-color2: #333849; --infograph-color1: #1E212B; } .uc-order-block { box-sizing: border-box; display: table; flex-wrap: wrap; justify-content: space-between; align-items: center; width: 100%; margin: 0 auto; } .uc-order-wrapp { width: 21%; margin: 2%; display: inline-block; vertical-align: top; } .uc-order-arr { width: 110px; height: 110px; border-radius: 100%; margin: 0 auto; position: relative; line-height: 125px; text-align: center; color: #000000; font-size: 90px; transition: all 0.3s; -webkit-box-shadow: 0 1px 1px rgba(000, 000, 000, 0.2), inset 0 0 1px rgba(255, 255, 255, 0.7); box-shadow: 0 1px 1px rgba(000, 000, 000, 0.2), inset 0 0 1px rgba(255, 255, 255, 0.7); } .uc-order-wrapp:hover img { transform: rotateY(-360deg); transition: all 1s ease; } .uc-order-number1 { position: absolute; bottom: -7px; left: -25px; width: 40px; height: 40px; border-radius: 50%; background: url(https://i.ibb.co/jkLzyS5/unchecked-circle.png); background-size: 40px; background-repeat: no-repeat; line-height: 38px; color: #fff; font-size: 26px; } .uc-order-number2 { position: absolute; bottom: -7px; right: -25px; width: 40px; height: 40px; border-radius: 60px; background: url(https://i.ibb.co/jkLzyS5/unchecked-circle.png); background-size: 40px; background-repeat: no-repeat; line-height: 38px; color: #fff; font-size: 26px; } .uc-order-number3 { position: absolute; top: -7px; right: -25px; width: 40px; height: 40px; border-radius: 60px; background: url(https://i.ibb.co/jkLzyS5/unchecked-circle.png); background-size: 40px; background-repeat: no-repeat; line-height: 38px; color: #fff; font-size: 26px; } .uc-order-number4 { position: absolute; left: -25px; top: -7px; width: 40px; height: 40px; border-radius: 60px; background: url(https://i.ibb.co/jkLzyS5/unchecked-circle.png); background-size: 40px; background-repeat: no-repeat; line-height: 38px; color: #fff; font-size: 26px; } .uc-order-text { text-align: center; margin: 10px; position: relative; text-shadow: 0 -1px 0 rgba(000, 000, 000, 0.2), 0px 1px 0 rgba(255, 255, 255, 0.2); font-size: 16px; -webkit-box-shadow: 0 1px 1px rgba(000, 000, 000, 0.2), inset 0 0 1px rgba(255, 255, 255, 0.7); box-shadow: 0 1px 1px rgba(000, 000, 000, 0.2), inset 0 0 1px rgba(255, 255, 255, 0.7); padding: 5px 0; border-radius: 5px; } @media screen and (max-width: 1100px) { .uc-order-wrapp { width: 44%; } } @media screen and (max-width: 600px) { .uc-order-wrapp { width: 90%; } } /* 7 */ .ucv-b4-title{text-align:center;margin-bottom:25px;} .ucv-b4-wrapper{text-align: center;} .ucv-b4-arrow-wrapper{margin-right:2%;width:40%;display: inline-block;vertical-align: middle; -webkit-box-shadow: 0 1px 1px rgba(000, 000, 000, 0.2), inset 0 0 1px rgba(255, 255, 255, 0.7); box-shadow: 0 1px 1px rgba(000, 000, 000, 0.2), inset 0 0 1px rgba(255, 255, 255, 0.7);} .ucv-b4-arrow{height: 20px;background: #2D2D2D;position:relative;width: 100%;} .ucv-b4-arrow-red {background: #F85050;} .ucv-b4-arrow.ucv-b4-arrow-red:before{border-top-color: #F85050;border-bottom-color: #F85050;} .ucv-b4-arrow.ucv-b4-arrow-red:after{border-left-color: #F85050;} .ucv-b4-arrow-red .ucv-b4-line{background: #F85050;} .ucv-b4-arrow:after{content:"";position:absolute;right:-10px;top:0; border-left: 10px solid #2D2D2D;border-top: 10px solid transparent;border-bottom: 10px solid transparent;} .ucv-b4-arrow:before{content:"";position:absolute;left:-10px;top:0; border-left: 10px solid transparent;border-top: 10px solid #2D2D2D;border-bottom: 10px solid #2D2D2D;} .ucv-b4-line-bottom{top:50%;} .ucv-b4-line-bottom.ucv-b4-line:after{top:-2px;} .ucv-b4-text, .ucv-b4-image{display:table;width:100%;height:100px; text-shadow: 0 -1px 0 rgba(000, 000, 000, 0.2), 0px 1px 0 rgba(255, 255, 255, 0.2);} .ucv-b4-image-inner, .ucv-b4-text-inner{display:table-cell;text-align:center} .ucv-b4-image-inner{vertical-align: top;} .ucv-b4-image-inner.ucv-b4-image-inner-bot{vertical-align: bottom;} .ucv-b4-text-inner{vertical-align: middle;} .ucv-b4-number{font-size: 20px;color: #2D2D2D;display: block;font-weight: bold; padding: 5px;} @media screen and (max-width: 900px){ .ucv-b4-arrow-wrapper{width:35%;} } @media screen and (max-width: 750px) { .ucv-b4-arrow-wrapper{width:65%;} } Онлайн-супермаркет otzavoda.kz открывает свои двери , более 10000 клиентов доверили нам свои покупки. В планах компании развить глобальный проект до уровня самого успешного онлайн-супермаркета в Казахстане. Стратегия otzavoda.kz — экономить время клиентов и освободить их от рутины. Ежедневно курьеры #otzavoda.kz доставляют огромное количество товаров. Наш интернет магазин имеет самый большой ассортимент детских подгузников в Казахстане. На нашем складе хранится огромный ассортимент товаров, которые тщательно отбираются у проверенных поставщиков. otzavoda.kz делает мир лучше , а вашу жизнь лишает ненужных забот . рье, из которого изготавливаются салфетки и полотенца «Papia», является полностью натуральным. Настоящая, стопроцентная целлюло О нас в цифрах Самый большой выбор подгузников для детей Казахстане Товары самых известных брендов от проверенных поставщиков 100% гарантия качества товаров Быстрая курьерская доставка Почему с нами выгодно иметь дело? Прямые контакты с поставщиками Мы получаем товар прямо от изготовителя, что позволяет нам снижать цену товаров. Широкая география Наши товары можно заказать с доставкой по всей стране. Надёжные поставщики В нашем каталоге Вы найдёте только проверенные товары от известнейших мировых производителей. Высокое качество У нас есть сертификаты на все товары, при этом мы держим низкую цену на все виды продукции. Своевременная доставка Заказав товар у нас, Вы можете быть уверены, что он придёт точно к сроку, указанному в документах. Нам доверяют С 2018 до 2021 года наши продажи выросли на 80%. Это доказывает, что люди доверяют нам и нашим товарам. Немного истории С Как стать нашим клиентом? 1 Делаете заказ на сайте 2 Беседуете с менеджером 3 Доставляем заказанный товар 4 Оплачиваете в момент покупки Свяжитесь с нами прямо сейчас! Принимаем заказы через WhatsApp Вы можете посетить один из наших филиалов или получить товар с доставкой. Наш менеджер может провести для вас бесплатную консультацию и рассказать как о самом товаре, так и о способах его получения.