Автоаксессуары от производителей по лучшей цене
.uc-btns{ padding: 8px 30px; background: #FFC800; font-size: 16px; background: #FFC800; color: #fff!important; transition: all 300ms ease-in-out; position: relative; display: inline-block; box-sizing: border-box; border: none; cursor: pointer; text-decoration:none!important; border-radius: 25px;} .uc-btns:hover { background: #DEAE00; }
.uc-title { display: block;
margin-bottom: 30px;
padding: 5px;
margin-top:30px;
background: #f1f1f1!important;
text-align: center; position: relative;
color: #333!important;
font: 18px/18px 'Ubuntu',sans-serif!important;
text-transform: uppercase;}
.uc-ban1-panel { background: #777 url(https://i.ibb.co/C7zh52Z/head.jpg)center; background-size: cover; } .uc-ban1-panel strong { color: #FFC800; font-size: 20px; } .uc-ban1-texts { background-color: rgba(241, 241, 241,0.9); padding: 40px; text-align: center; width:44%; } .uc-ban1-header { font-size: 28px; line-height: 32px; color: #444444; margin: 0px 0px 5px; } .uc-ban1-sub-header { font-size: 18px; line-height: 24px; color: #333; margin: 0px 0px 10px; } .uc-ban1-text { font-size: 14px; line-height: 22px; color: #333; margin: 0px 0px 10px; } .uc-ban1-link { display: inline-block; text-align: center; text-decoration: none !important; color: #444444!important; border: 2px solid #444444!important; padding: 8px 25px; font-size: 16px; border-radius: 25px; } .uc-ban1-link:hover { color: #FFC800!important; border: 2px solid #FFC800!important; } @media screen and (max-width: 900px) { .uc-ban1-texts { width:auto; } }
.uc-ban2-link { display: inline-block; text-align: center; text-decoration: none !important; color: #FFC800!important; border: 2px solid #FFC800!important; padding: 8px 25px; font-size: 15px; border-radius: 25px; } .uc-ban2-link:hover { color: #333!important; border: 2px solid #333!important; }
.uc-arr-panel { padding:20px 0; } .uc-arr-panel:after { content: " "; display: block; clear: both; font-size: 0px; } .uc-arr-header { text-align:center; margin:20px 0!important;} .uc-arr-table { border-width: 0px !important; width: 48% !important; table-layout: fixed; float: left; } .uc-arr-table td { padding: 7px; } .uc-arr-table+.uc-arr-table { margin-left: 0%; } .uc-arr-table-col1 { width: 60px; } .uc-arr-table-marker { width: 50px; height: 50px; margin: 0px auto; line-height: 61px; text-align: center; font-size: 30px; transition: all 0.3s; } .uc-arr-table tr:hover .uc-arr-table-marker { } .uc-arr-table-marker img { transition: all 1s; transform: translateX(0px) scale(0.9) rotate(0); } .uc-arr-table tr:hover .uc-arr-table-marker img { transform: translate(10px, 0) scale(1.0) rotateX(370deg); } @media screen and (max-width: 1000px) { .uc-arr-table { float: none; width: 100% !important; } .uc-arr-table+.uc-arr-table { margin: 0; } } @media screen and (max-width: 500px) { .uc-arr-table td { vertical-align: top!important; } }
.uc-container {
padding: 20px;
}
.uc-advantages {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
.uc-advantages__element {
width: 46%;
background: #fff;
margin: 20px 0;
transition: .5s;
}
.uc-advantages__element:hover {
background: #f1f1f1;
transition: .5s;
}
.uc-advantages__icon_area {
float: left;
shape-outside: circle(70% at 0 0);
clip-path: circle(70% at 0 0);
shape-margin: 15px;
width: 200px;
min-height: 160px;
line-height: 50%;
background: #FFC800;
position: relative;
transition: .5s;
}
.uc-advantages__element:hover .uc-advantages__icon_area {
background: #DEAE00;
transition: .5s;
}
.uc-advantages__content_header {
font-size: 16px;
color: #FFC800;
font-weight:bold;
}
/* Если захотите сменить бэкграунд для каждой иконки
.uc-icon_area__one {
}
.uc-icon_area__two {
}
.uc-icon_area__three {
}
.uc-icon_area__four {
}
*/
.uc-advantages__pic {
max-width: 100px;
position: absolute;
left: 20px;
top: 20px;
}
.uc-advantages_content {
padding: 20px 5px;
box-sizing: border-box;
}
@media screen and (max-width: 1200px) {
.uc-advantages__element {
width: 100%;
}
}
@media screen and (max-width: 600px){
.uc-advantages__pic {
left: 5px;
top: 5px;
}
.uc-advantages__icon_area {
float: left;
shape-outside: circle(49% at 0 0);
clip-path: circle(49% at 0 0);
}
}
.uc-order11 { padding: 20px 0; text-align: center; } .uc-order11_wrap { display: flex; flex-wrap: wrap; justify-content: left;} .uc-order11 h2 { margin-bottom: 30px; } .uc-order11 strong {color:#FFC800; font-size:16px;} .uc-order11-scheme { width: 47%; margin: 10px; padding: 20px 15px; box-sizing: border-box; vertical-align: top; transition: all .3s ease; } .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-e1-panel { padding: 20px; } .uc-e1-header { text-align: center; margin-bottom: 20px; }
.ucv-b1-panel { padding: 20px; text-align: center; display: flex; flex-wrap: wrap; justify-content: center;} .ucv-b1-panel:after { content: " "; display: block; clear: both; font-size: 0px; } .ucv-b1-header { margin-bottom: 40px; text-align: center; } .ucv-b1-wrapper { display: inline-block; vertical-align: top; margin: 10px 1.5%; text-decoration: none; } .ucv-b1-img-holder { display: block; text-align: center; position: relative; overflow: hidden; max-width: 300px; margin: 0 auto; border: 1px solid #e6e6e6; box-shadow: 0 0 5px 1px rgba(0,0,0,0.1); } .ucv-b1-img-holder img { display: block; } .ucv-b1-img-holder:hover .ucv-b1-hint { left: 0; } .ucv-b1-hint { position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background-color: rgba(241, 241, 241, 0.93); text-align: left; color: #333; transition: all 0.6s ease 0s; overflow: hidden; } .ucv-b1-hint-body { position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); -webkit-transform: translateY(-50%); padding: 15px; box-sizing: border-box; } .ucv-b1-name { color: #333; display: inline-block; margin-top: 10px; font-size: 16px; } .ucv-b1-name:hover { color: #FFC800; } .ucv-b1-desc { display: block; margin: 10px 0; position: absolute; visibility: hidden; color: #333; } .ucv-b1-panel .ucv-b1-wrapper { width: 30%; } @media screen and (max-width: 768px) { .ucv-b1-desc { position: static; visibility: visible; } .ucv-b1-panel .ucv-b1-wrapper { width: 51%; } .ucv-b1-panel .ucv-b1-wrapper+.ucv-b1-wrapper+.ucv-b1-wrapper { width: 51%; } } @media screen and (max-width: 630px) { .ucv-b1-hint-body {} } @media screen and (max-width: 500px) { .ucv-b1-panel .ucv-b1-wrapper, .ucv-b1-panel .ucv-b1-wrapper+.ucv-b1-wrapper+.ucv-b1-wrapper { width: auto; margin-right: 15px; margin-left: 15px; } }
.uc-slides_wrap { text-align: center; padding: 20px 0; } .uc-slides_wrap h2 { margin-bottom: 20px; } .uc-slides { padding: 0; width: 100%; height: 365px; display: block; margin: 0 auto; position: relative; } .uc-slides * { user-select: none; -ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -webkit-touch-callout: none; box-sizing: border-box; } .uc-slides input { display: none !important; } .uc-slide-container { display: block; } .uc-slide { top: 0; opacity: 0; width: 100%; height: 365px; display: block; position: absolute; transform: scale(0); transition: all .7s ease-in-out; } .uc-slide-wrapper{ position: absolute; z-index: 77; top: 0; margin: -0.7% 0 0 50%; padding-top: 40px; min-height: 100%; max-width: 1600px; box-sizing: border-box; display: block; } .uc-slide-text { width: 75%;
left: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: block;
text-align: right;
color: #333; } .uc-slide-line { content: ''; position: absolute; left: 0px; background: #595959; width: 28px; height: 2px; margin: 9px 0 22px -32px; } .uc-slide img { text-align: center; height: 100%; } .uc-nav label { width: 120px; height: 100%; display: none; position: absolute; opacity: .35; z-index: 9; top: -11px; cursor: pointer; transition: opacity .2s; color: #FFC800; font-size: 98pt; text-align: center; line-height: 365px; } .uc-slide:hover+.uc-nav label { opacity: 0.5; } .uc-nav label:hover { opacity: 1; } .uc-nav .uc-next { right: 0; } input:checked+.uc-slide-container .uc-slide { opacity: 1; transform: scale(1); transition: opacity 1s ease-in-out; } input:checked+.uc-slide-container .uc-nav label { display: block; } .uc-nav-dots { width: 100%; bottom: 9px; height: 11px; display: block; position: absolute; text-align: center; } .uc-nav-dots .uc-nav-dot { top: -5px; width: 11px; height: 11px; margin: 0 4px; position: relative; border-radius: 100%; display: inline-block; } .uc-nav-dots .uc-nav-dot:hover { cursor: pointer; } input#uc-img-1:checked~.uc-nav-dots label#uc-img-dot-1, input#uc-img-2:checked~.uc-nav-dots label#uc-img-dot-2, input#uc-img-3:checked~.uc-nav-dots label#uc-img-dot-3, input#uc-img-4:checked~.uc-nav-dots label#uc-img-dot-4, input#uc-img-5:checked~.uc-nav-dots label#uc-img-dot-5, input#uc-img-6:checked~.uc-nav-dots label#uc-img-dot-6 { background: rgba(0, 0, 0, 0.8); } @media screen and (max-width: 500px) { .uc-slides_wrap { overflow: hidden; height: 100% !important; } .uc-slides, .uc-slide { width: 320px; height: auto; } .uc-slide img { width: 100%; height: auto; } .uc-nav label { width: 150px; height: 100%; position: absolute; opacity: .35; z-index: 9; cursor: pointer; transition: opacity .2s; color: #595959; font-size: 100px; text-align: center; box-sizing: border-box; line-height: 210px; text-shadow: 0px 0px 15px rgb(119, 119, 119); } } .uc-slide-number { position: relative; bottom: -325px; left: 0; right: 0; margin: 0 auto; padding: 0; text-align: center; } .uc-slide-number-position { cursor: pointer; display: inline-block; padding: 0 5px; } .uc-slide-number label { background-color: #FFC800; border-radius: 30px; display: inline-block; height: 8px; overflow: hidden; text-indent: -999em; width: 8px; position: relative; z-index: 99; -webkit-transition: all 0.5s linear 0s; transition: all 0.5s linear 0s; cursor: pointer; } .uc-slide-number label:hover { background-color: #fff; }
.uc-order {
padding: 20px 15px;
text-align: left;
}
.uc-order h2 {
text-align: center;
margin-bottom: 30px;
}
.uc-order-scheme {
display: inline-block;
width: 47%;
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: #FFC800;
}
.uc-order-scheme:hover strong {
transition: all .3s ease;
color: #FFC800;
transform: translateY(-4px);
}
.uc-order-scheme em {
font-size: 15px;
color: #5e7986;
transition: all .3s ease;
display: inline-block;
font-weight: bold;
font-style: inherit;
}
.uc-order-scheme:hover em {
color: #7cce9c;
transition: all .3s ease;
}
@media screen and (max-width: 1200px) {
.uc-order-scheme {
width: 48%;
}
}
@media screen and (max-width: 700px) {
.uc-order-scheme {
width: 98%;
margin: 10px auto;
min-height: initial;
}
}
Автоаксессуары в Казахстане
Уже много лет наш интернет-магазин «Dastuning» успешно работает и стабильно развивается на казахстанском рынке продажи автомобильных аксессуаров различного вида: автосвет, автозвук, автодухи, тюнинг, сигнализация, все для салона, радиаторы, чехлы, антенны, фильтры, значки, брелоки, наклейки и многое другое. Только продукция проверенных производителей по выгодным ценам!
Каталог продукции
Популярные категории::
Купить автосвет по низким ценам с доставкой в любую точку Казахстана и стран СНГ.Автосвет Купить автозвук по низким ценам с доставкой в любую точку Казахстана и стран СНГ.Автозвук Купить автодухи по низким ценам с доставкой в любую точку Казахстана и стран СНГ.Автодухи Купить тюнинг по низким ценам с доставкой в любую точку Казахстана и стран СНГ.Тюнинг Купить аксессуары для автомобильного салона по низким ценам с доставкой в любую точку Казахстана и стран СНГ.Все для салона Купить радиаторы по низким ценам с доставкой в любую точку Казахстана и стран СНГ.Радиаторы
Что нужно знать о нашей компании?
Имеем огромный опыт на рынке автомобильных аксессуаров в Казахстане
Огромнейший ассортимент автоаксессуаров всех видов
В своей работе используем индивидуальный подход к каждому клиенту
Осуществляем доставку продукции по все регионы Казахстана и стран СНГ
Больше о нас
Почему вам стоит обратиться к нам?
Высочайшее качество
Мы тщательно следим за качеством своей продукции и работаем только с лучшими производителями.
Гарантия на продукцию
На всю представленную продукцию действует гарантия сроком в зависимости от наименования.
Выгодные цены
Прямые поставки дают нам возможность предложить своим клиентам самые выгодные цены на рынке.
Поддержка клиента
Мы всегда готовы проконсультировать вас по продукции и способах её приобретения, а также помочь подобрать лучший вариант для вашего автомобиля.
Перейти к ассортименту
Как мы работаем?
1.
Вы делаете заказ на сайте или по телефону
2.
Мы связываемся и уточняем детали
3.
Оплата наличным или безналичным способом
4.
Доставка в любую точку Казахстана и СНГ
