ОНЛАЙН МАГАЗИН 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
Вы можете посетить один из наших филиалов или получить товар с доставкой.
Наш менеджер может провести для вас бесплатную консультацию и рассказать как о самом товаре, так и о способах его получения.
