Витрина
Детская одежда и обувь
.uc-link {
display: inline-block;
padding: 8px 15px;
text-decoration: none !important;
text-align: center;
min-width: 180px;
color: #fff!important;
background: #ffc737;
border-radius: 3px;
font-size: 16px;
transition: all .3s;
margin: 10px;
}
.uc-link:hover {
transform: scale(0.9);
}
.uc-banner {
display: flex;
justify-content: flex-end;
background: url(https://d.radikal.ru/d14/2103/5f/be411befcc4e.jpg) left/cover;
padding: 40px 20px;
position: relative;
}
.uc-banner::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-sizing: border-box;
/*background: rgba(0,0,0,.2);*/
}
.uc-banner:hover .uc-banner__desc::before,
.uc-banner:hover .uc-banner__desc::after{
width: 100%;
height: 100%;
transition: all 800ms ease-in-out;
}
.uc-banner__content {
width: 70%;
display: flex;
flex-direction: column;
justify-content: space-around;
align-items: self-start;
position: relative;
}
.uc-banner__desc {
width: 70%;
align-self: center;
display: flex;
flex-direction: column;
align-items: flex-start;
position: relative;
padding: 10px;
}
.uc-banner__desc-text {
background: rgba(41, 41, 41, 0.6);
color: #ffffff;
padding: 20px;
}
.uc-banner__desc::before {
content: '';
position: absolute;
top: 0;
left: 0;
border-top: 5px solid #ffc737;
border-left: 5px solid #ffc737;
width: 30px;
height: 30px;
transition: all 800ms ease-in-out;
box-sizing: border-box;
}
.uc-banner__desc::after {
content: '';
position: absolute;
bottom: 0;
right: 0;
border-bottom: 5px solid #ffc737;
border-right: 5px solid #ffc737;
width: 30px;
height: 30px;
transition: all 800ms ease-in-out;
box-sizing: border-box;
}
.uc-banner__background {
position: relative;
}
.uc-banner__title {
font-size: 29px;
color: #ffffff;
padding: 15px;
background: rgba(41, 41, 41, 0.85);
position: relative;
margin-bottom: 30px!important;
line-height: 30px;
}
.uc-banner__title::before {
position: absolute;
top: -25%;
left: -10%;
width: 150px;
height: 150px;
background: transparent;
border: 4px solid #ffc737;
}
.uc-banner__subtitle {
font-size: 20px;
margin-bottom: 15px!important;
line-height: 26px;
}
.uc-banner__text {
line-height: 26px;
}
@media screen and (max-width: 800px) {
.uc-banner__title::before {
display: none;
}
.uc-banner__content {
width: 100%;
}
}
@media screen and (max-width: 500px) {
.uc-banner__desc {
width: 90%;
}
}
.uc-infographic {
padding: 20px;
border-bottom: 2px solid #ddd;
}
.uc-infographic h2 {
margin-bottom: 20px;
text-align: center;
}
.uc-infographic_inner {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.uc-infographic_item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 23%;
margin: 2% 0%;
text-align: center;
}
.uc-infographic_item:hover .uc-infographic_background {
-webkit-transform: rotate(720deg);
-ms-transform: rotate(720deg);
transform: rotate(720deg);
/*-webkit-transition: .7s ease-in-out;
-o-transition: .7s ease-in-out;
transition: .7s ease-in-out;*/
}
.uc-infographic_background {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 100px;
height: 100px;
border-radius: 100%;
margin: 60px 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
transition: 1s ease-in-out;
}
.uc-infographic_background__first {
background: #ffc737;
}
.uc-infographic_background__second {
background: #00bab5;
}
.uc-infographic_background__third {
background: #ffc737;
}
.uc-infographic_background__fourth {
background: #00bab5;
}
.uc-infographic_dashed-line {
position: absolute;
left: -13px;
width: 60px;
height: 121px;
border-top-left-radius: 100px;
border-bottom-left-radius: 100px;
border: dashed 2px #2d2d2d;
border-right: 0;
}
.uc-infographic_dashed-line::before {
position: absolute;
content: '';
height: 25px;
border-right: dashed 2px #2d2d2d;
bottom: -28px;
right: 0;
}
.uc-infographic_dashed-line:after {
position: absolute;
content: '';
right: -2.5px;
bottom: -37px;
height: 7px;
width: 7px;
background: #2d2d2d;
border-radius: 100%;
}
.uc-infographic_solid-line {
position: absolute;
right: -13px;
width: 60px;
height: 120px;
border-top-right-radius: 100px;
border-bottom-right-radius: 100px;
border: solid 3px #2d2d2d;
border-left: 0;
}
.uc-infographic_solid-line::before {
position: absolute;
content: '';
height: 25px;
border-right: solid 3px #2d2d2d;
top: -28px;
left: 0;
}
.uc-infographic_solid-line:after {
position: absolute;
content: '';
left: -2px;
top: -35px;
height: 7px;
width: 7px;
background: #2d2d2d;
border-radius: 100%;
}
.uc-infographic_background-desc {
color: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.uc-background_text {
font-size: 20px;
line-height: 20px;
text-transform: uppercase;
}
.uc-background_number {
font-size: 25px;
font-weight: bold;
}
@media screen and (max-width: 1100px){
.uc-infographic_inner {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.uc-infographic_item {
width: 46%;
margin: 20px 0;
}
}
@media screen and (max-width: 800px) {
.uc-infographic_item {
width: 75%;
}
}
@media screen and (max-width: 500px) {
.uc-infographic_item {
width: 100%;
}
}
.uc-push-panel {
padding: 20px 20px 40px;
border-bottom: 2px solid #ddd;
}
.uc-push-panel h2 {
text-align: center;
margin-bottom: 20px;
}
.uc-push {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
align-items: flex-start;
}
.uc-push strong {
font-size: 22px;
color: #bd3181;
}
.uc-push-text {
position: relative;
display: inline-block;
box-sizing: border-box;
padding: 20px 35px 15px 40px;
width: 100%;
margin: 0;
transition: all .4s ease;
}
.uc-push-text:before {
position: absolute;
width: 7px;
height: 7px;
border-radius: 100%;
background: #48cc11;
content: "";
left: 0;
transition: .3s ease-in-out;
top: 25px;
}
.uc-push-text:after {
position: absolute;
border-left: 1px dotted #000000;
bottom: -5px;
content: "";
left: 3px;
top: 41px;
}
.uc-push-text:hover:before {
box-shadow: 0 0 0 10px rgba(0,0,0,.2)
}
@media screen and (max-width: 1000px) {
.uc-push-text {
width: 100%;
}
}
.uc-bb1-panel {
padding: 20px;
text-align: center;
border-bottom: 2px solid #ddd;
}
.uc-bb1-panel h2 {
margin-bottom: 40px;
}
.uc-bb1-wrap {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-top: 70px;
}
.uc-bb1-wrapper {
display: inline-block;
box-sizing: border-box;
position: relative;
width: 44%;
margin: 3% 1%;
background: #f7f7f7;
transition: all 800ms ease-in-out;
}
.uc-bb1-wrapper:hover {
background: #00bab5;
color: #fff;
}
.uc-bb1-img-holder {
border-radius: 100%;
position: inherit;
display: inline-block;
width: 100px;
height: 100px;
top: -50px;
}
.uc-bb1-img-holder1 {
background: #814aab;
}
.uc-bb1-img-holder2 {
background: #bd3190;
}
.uc-bb1-img-holder3 {
background: #ff8f2e;
}
.uc-bb1-img-holder4 {
background: #a8bc65;
}
.uc-bb1-img-holder5 {
background: #069848;
}
.uc-bb1-img-holder6 {
background: #5b6637;
}
.uc-bb1-img {
margin-top: 25px;
transition: all 800ms ease-in-out;
}
.uc-bb1-wrapper:hover .uc-bb1-img {
transform: scale(1.3) rotateY(360deg);
}
.uc-bb1-text {
margin: -25px 20px 20px;
}
.uc-bb1-text strong {
color: #4b89af;
font-size: 16px;
}
.uc-bb1-wrapper:hover strong {
color: #bde2e5;
}
.uc-link-bb1 {
display: inline-block;
opacity: 0;
padding: 8px 15px;
text-decoration: none !important;
text-align: center;
min-width: 100px;
color: #fff!important;
background: #ffc737;
border-radius: 3px;
font-size: 16px;
transition: all 800ms ease-in-out;
transform: translateY(50px);
margin-top: 10px;
}
.uc-bb1-wrapper:hover .uc-link-bb1 {
opacity: 1;
transform: translateY(0px);
}
@media screen and (max-width: 1300px) {
.uc-bb1-wrapper {
width: 48%;
margin: 5% 1%;
}
}
@media screen and (max-width: 1100px) {
.uc-bb1-wrapper {
width: 100%;
}
}
@media screen and (max-width: 500px) {
.uc-bb1-wrapper {
width: 100%;
margin: 12% 1%;
}
}
:root { --infograph-color4: #bd3190;
--infograph-color3: #ffc737;
--infograph-color2: #069848;
--infograph-color1: #4b89af; }
.uc-four-panel {
padding: 20px 0;
border-bottom: 2px solid #ddd;
}
.uc-four-panel h2 {
text-align: center;
margin-bottom: 20px;
}
.uc-four-container {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
.uc-four-item {
display: flex;
flex-direction: column;
width: 46%;
margin: 2%;
padding: 20px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
background: #fff;
box-sizing: border-box;
transition: all 500ms ease-in-out;
}
.uc-four-item:hover {
background: #00bab5;
color: #fff;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
}
.uc-four-item strong {
font-size: 20px;
color: #ffc737;
line-height: 26px;
transition: all 500ms ease-in-out;
}
.uc-four-item:hover strong {
color: #ffffff;
}
.uc-four-item:hover .uc-move {
animation: 1000ms ease 0s normal none 1 running bounceInRight;
}
@keyframes bounceInRight {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
transform: translate3d(300px, 0, 0);
}
60% {
opacity: 1;
transform: translate3d(-25px, 0, 0);
}
75% {
transform: translate3d(10px, 0, 0);
}
90% {
transform: translate3d(-5px, 0, 0);
}
to {
transform: none;
}
}
.bounceInRight {
animation-name: bounceInRight;
}
.uc-four-content-1,
.uc-four-content-2,
.uc-four-content-3,
.uc-four-content-4 {
text-align: center;
position: relative;
padding: 40px 38px;
display: flex;
flex-direction: column;
align-items: center;
height: 100%;
}
.uc-four-content-1:after {
content: '';
position: absolute;
top: 0px;
right: 0px;
width: 100%;
height: 20px;
background: var(--infograph-color1);
}
.uc-four-content-1:before {
content: '';
position: absolute;
bottom: 0px;
left: 0px;
width: 20px;
height: 100%;
background: var(--infograph-color1);
}
.uc-four-content-2:after {
content: '';
position: absolute;
top: 0px;
right: 0px;
width: 100%;
height: 20px;
background: var(--infograph-color2);
}
.uc-four-content-2::before {
content: '';
position: absolute;
bottom: 0;
right: 0;
width: 20px;
height: 100%;
background: var(--infograph-color2);
}
.uc-four-content-3:after {
content: '';
position: absolute;
bottom: 0px;
right: 0px;
width: 100%;
height: 20px;
background: var(--infograph-color3);
}
.uc-four-content-3::before {
content: '';
position: absolute;
bottom: 0px;
left: 0px;
width: 20px;
height: 100%;
background: var(--infograph-color3);
}
.uc-four-content-4::after {
content: '';
position: absolute;
bottom: 0px;
right: 0px;
width: 100%;
height: 20px;
background: var(--infograph-color4);
}
.uc-four-content-4::before {
content: '';
position: absolute;
bottom: 0;
right: 0;
width: 20px;
height: 100%;
background: var(--infograph-color4);
}
@media screen and (max-width: 1200px) {
.uc-four-panel {
padding: 20px;
}
.uc-four-item {
width: 100%;
margin: 10px auto;
}
.uc-four-content-1:after,
.uc-four-content-1:before,
.uc-four-content-2:after,
.uc-four-content-2:before,
.uc-four-content-3:after,
.uc-four-content-3:before,
.uc-four-content-4:after,
.uc-four-content-4:before {
display: none;
}
.uc-four-content-1,
.uc-four-content-2,
.uc-four-content-3,
.uc-four-content-4 {
padding: 20px;
}
.uc-four-content-1
{
border: 10px solid var(--infograph-color1);
}
.uc-four-content-2
{
border: 10px solid var(--infograph-color2);
}
.uc-four-content-3 {
border: 10px solid var(--infograph-color3);
}
.uc-four-content-4 {
border: 10px solid var(--infograph-color4);
}
}
.uc-numbers {
padding: 20px 20px 40px;
}
.uc-numbers h2{
text-align: center;
padding-bottom: 30px;
}
.uc-numbers-inner {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
position: relative;
z-index: 0;
}
.uc-numbers-inner__item {
display: flex;
justify-content: center;
align-items: center;
position: relative;
width: 45%;
margin: 25px 0;
padding: 20px;
border-radius: 3px;
background: #f7f7f7;
box-sizing: border-box;
}
.uc-numbers-inner__item strong {
color: #ffc737;
font-size: 18px;
transition: 0.5s;
}
.uc-numbers-inner__item:hover strong {
color: #ffc737;
}
.uc-numbers-inner__item:before {
content: '';
position: absolute;
top: -2px;
left: -2px;
right: -2px;
bottom: -2px;
background: #ffc737;
z-index: -1;
transform: skew(-2deg, -2deg);
border-radius: 3px;
transition: 0.5s;
}
.uc-numbers-inner__item:hover:before {
transform: skew(2deg, 2deg);
background: #00bab5;
transition: 0.5s;
}
.uc-numbers-inner__title {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 10px;
font-size: 80px!important;
font-weight: bold;
line-height: 5rem;
color: rgba(41, 41, 41, 0.1);
transition: 0.5s;
}
.uc-numbers-inner__item:hover .uc-numbers-inner__title {
top: -20px;
color: rgba(41, 41, 41, 0.9);
transition: 0.5s;
}
/*.uc-numbers-inner__text {
color: #000;
font-size: 16px;
}
*/
@media screen and (max-width: 1200px) {
.uc-numbers-inner__item {
width: 46%;
}
}
@media screen and (max-width: 1000px) {
.uc-numbers-inner__item {
width: 100%;
}
}
.uc-footer {
border: 5px solid #00bab5;
padding: 20px;
text-align: center;
}
Интернет-магазин детской одежды и обуви в Алматы
Большой выбор товаров для вашего ребёнка
Интернет-магазин детских товаров в Алматы AyaSam.kz давно занимается продажей и поставкой товаров для детей. Вся продукция поступает к нам напрямую от надёжных и проверенных производителей, что позволяет гарантировать каждому покупателю высокое качество товаров.
Посмотреть весь каталог
Немного о нас в цифрах
100%
гарантия качества продукции
Более 100
товарных позиций в онлайн-каталоге
40%
заказчиков обращаются к нам по рекомендации
10-15 мин
среднее время для оформления заказа на сайте
Что можно найти в нашем онлайн-каталоге
Аксессуары
Подробнее
Одежда для девочек
Перейти
Одежда для мальчиков
Заказать
Развивающие игрушки
Выбрать
Преимущества купить товары для детей именно у нас
Широкий ассортимент
В нашем обширном онлайн-каталоге можно подобрать всё необходимое для ребёнка любого возраста. Таким образом, наш интернет-магазин сможет удовлетворить потребности даже самых требовательных и взыскательных родителей.
Приемлемая стоимость
Прямое сотрудничество с производителями детских товаров позволяет нам устанавливать самые выгодные цены на всю продукцию.
Индивидуальный подход
Каждому заказчику товаров для детей предоставляется персональный менеджер, который поможет оформить покупку на максимально привлекательных финансовых условиях.
Оперативность
Оформить заказ и совершить покупку можно прямо в режиме онлайн за считанные минуты.
Подробнее о доставке
Как сделать заказа товара с доставкой?
01
Оформляйте заявку
02
Менеджер проконсультирует вас
03
Оплатите заказ
04
Получите доставку заказа
Купить развивающие игрушки в Алматы недорого
Для того, чтобы легко и быстро найти нужную продукцию, можно воспользоваться удобной системой поиска товаров на сайте. Все детали и нюансы покупки можно уточнить у наших менеджеров по одному из номеров телефона, указанных на сайте, либо по электронной почте. Оформить заказ в режиме онлайн можно в любое время дня и ночи.
Связаться с нами
