M-AUTO

.uc-allinside { /* width: 100%; height: 700px; overflow-y: scroll; padding-right: 5px; */ } .uc-allinside::-webkit-scrollbar{ width:12px; height:12px;} .uc-allinside::-webkit-scrollbar-thumb{ border-width: 0px; border-color: transparent; background-color: #018bc8 ; border-radius: 5px;} .uc-allinside::-webkit-scrollbar-thumb:hover{ background-color: #b2e5ff ; border-left: solid 1px #018bc8 ;} .uc-allinside::-webkit-scrollbar-track-piece {background-color: #5d5d5d ;-webkit-border-radius: 5px; } .uc-ban1-link { display: inline-block; text-align: center; text-decoration: none !important; color: #018bc8!important; border: 2px solid #018bc8!important; padding: 8px 15px; min-width: 180px; font-size: 17px; } .uc-ban1-link:hover { color: #003d58!important; border: 2px solid #003d58!important; } .uc-banner-panel { padding: 0 50px; } .uc-banner-color { display: flex; width: 100%; margin-top: 40px; height: auto; background: #018bc8; margin-bottom: 45px; } .uc-banner-text { margin-top: -40px; margin-bottom: 40px; margin-left: -30px; width: auto; background-color: #fff; padding: 30px 35px; box-shadow: 0 20px 30px rgba(0,0,0, .3); text-align: center; } .uc-banner-text h2 { margin: 0; padding: 10px 0; border-top: 1px solid #018bc8; border-bottom: 1px solid #018bc8; } .uc-banner-img { background: url(http://content.s3.prom.st/January%202018/4788_gl.jpg) center center/cover; width: 350px; height: 350px; flex-shrink: 0; margin-top: 40px; margin-right: 30px; /*для старого дизайна сделайте значение отрицательным, (выглядит лучше), для нового - наоборот*/ margin-left: -25px; margin-bottom: -40px; box-shadow: 0 20px 30px rgba(0,0,0, .3); } .uc-banner-maintext strong { font-size: 130%; color: #018bc8; } @media screen and (max-width: 768px) { .uc-banner-panel { padding: 0 20px; } .uc-banner-text { margin-right: 20px; } .uc-banner-color { flex-wrap: wrap; flex-direction: column; } .uc-banner-img { width: 300px; height: 300px; margin-top: -70px; margin-right: -20px; align-self: flex-end; } } .uc-link { display: inline-block; padding: 8px 15px; text-decoration: none !important; text-align: center; min-width: 180px; border-radius: 5px; color: #fff!important; background: #01c895; font-size: 16px; margin-top: 10px; } .uc-link:hover { background: #018bc8; } .ucv-b1-panel { padding: 20px; text-align: 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; 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 #ebebeb; } .ucv-b1-img-holder img { display: block; height: auto !important; } .ucv-b1-img-holder:hover .ucv-b1-hint { left: 0; transform: skew(0); } .ucv-b1-hint { overflow: hidden; transform: skew(-45deg); position: absolute; top: 0; left: -150%; width: 100%; height: 100%; background-color: rgba(94, 99, 111, 0.9); text-align: left; color: #fff; transition: all .9s cubic-bezier(0.31, 0.57, 0.31, 2.0); 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 { font-size: 16px; color: #018bc8; display: inline-block; margin-top: 10px; } .ucv-b1-name:hover { color: #01c895; } .ucv-b1-desc { display: block; margin: 10px 0; position: absolute; visibility: hidden; color: #333; } .ucv-b1-panel .ucv-b1-wrapper { width: 46%; text-decoration: none; } @media screen and (max-width: 1000px) { .ucv-b1-panel .ucv-b1-wrapper { width: 46%; } .ucv-b1-panel .ucv-b1-wrapper+.ucv-b1-wrapper+.ucv-b1-wrapper { width: 46%; } } @media screen and (max-width: 700px) { .ucv-b1-desc { position: static; visibility: visible; } .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-ico-panel { padding: 20px 15px 20px; } .uc-ico-header { text-align: center; padding-bottom: 20px; } .uc-ico-table { border-width: 0px !important; width: 48% !important; table-layout: fixed; float: left; } .uc-ico-table+.uc-ico-table { margin-left: 4%; } .uc-ico-table td { padding: 10px; transition: all 0.5s; } .uc-ico-table img { transition: all 0.4s; } .uc-ico-table tr:hover td { box-shadow: 0 100px 0 #5e636f inset; transition: all 0.5s; color: #fff; } .uc-ico-table tr:hover img { transform: translateX(10px); } .uc-ico-table-col1 { width: 70px; padding-left: 15px; transition: all 0.85s; } .uc-ico-table tr:hover .uc-ico-table-col1 { transition: all 0.85s; box-shadow: 0 -100px 0 #e2ebff inset !important; } @media screen and (max-width: 900px) { .uc-ico-table { float: none; width: 100% !important; } .uc-ico-table+.uc-ico-table { margin: 0; } } @media screen and ( max-width: 500px) { .uc-ico-table td { vertical-align: top!important; } } .uc-clear {clear:both; height:0px;} .uc-numbers { padding: 20px 15px; text-align: left; } .uc-numbers_wrap { display: flex; flex-wrap: wrap; } .uc-numbers h2 { text-align: center; margin-bottom: 30px; } .uc-numbers-scheme { background: rgba(0, 61, 88, 0.27); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1); -moz-box-shadow: inset 0 0 6px rgba(0,0,0,0.1); box-shadow: inset 0 0 6px rgba(0,0,0,0.1); display: inline-block; width: 49%; margin: 0.5%; margin-top: 8px; padding: 20px 10px 10px; box-sizing: border-box; transition: all .3s ease; border-radius: 5px; } .uc-numbers-scheme:hover { background: rgba(0, 61, 88, 0.09); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1); -moz-box-shadow: inset 0 0 6px rgba(0,0,0,0.1); box-shadow: inset 0 0 6px rgba(0,0,0,0.1); transition: all .3s ease; } .uc-numbers-scheme strong { transition: all .3s ease; display: inline-block; font-size: 50px; color: #018bc8; } .uc-numbers-scheme:hover strong { transition: all .3s ease; color: #01c895; transform: translateY(-6px); } .uc-numbers-scheme em { font-size: 15px; color: #018bc8; transition: all .3s ease; display: inline-block; font-weight: bold; font-style: inherit; } .uc-numbers-scheme:hover em { color: #01c895; transition: all .3s ease; } @media screen and (max-width: 800px) { .uc-numbers-scheme { width: 100%; margin: 10px; } } .uc-order { padding: 20px; text-align: center; } .uc-order_wrap { display: flex; flex-wrap: wrap; } .uc-order h2 { margin-bottom: 30px; } .uc-order strong{ color: #14a4e7; font-size: 16px; } .uc-order-scheme { width: 50%; margin: 0%; padding: 20px; box-sizing: border-box; vertical-align: top; box-shadow: 0 400px 5px #f7f9fb inset; outline: 1px solid #e9e9e9; outline-offset: -5px; transition: all .6s ease; } .uc-order-scheme:hover { box-shadow: 0 0 5px #f7f9fb inset, 0 -400px 5px #eaebed inset; transition: all .6s ease; } @media screen and (max-width: 980px) { .uc-order-scheme { width: 50%; } } @media screen and (max-width: 700px) { .uc-order-scheme { width: 98%; margin: 5px auto; } } .uc-hover {padding: 10px 0 20px; text-align: center; background: #fff; } .uc-hover h2 {margin-bottom: 20px; text-align: center;} .uc-hover-wrapper {-webkit-transform: translateZ(0); transform: translateZ(0); position: relative; margin: 10px 0.5%; padding: 20px; min-height: 80px!important; background: url(https://uaprom-uc.prom.st/production/design_template/389/images/noisy.png) #f7f7f7; box-shadow: inset 0 -4px 4px rgba(0,0,0,0.05); border-bottom: 1px solid #dcdcdc; display: inline-block; width: 90%; transition: all .6s ease;} .uc-hover-wrapper span { color: #f98900;font-size: 20px;} .uc-hover-wrapper:before { content: ""; position: absolute; z-index: -1; left: 50%; right: 50%; bottom: 0; background: #f98900; height: 4px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .uc-hover-wrapper:hover:before {left: 0; right: 0;} .uc-hover-wrapper:hover img { animation: 1500ms ease 0s normal none 1 running swing; } @keyframes swing { 20% { transform: rotate3d(0, 0, 1, 15deg); } 40% { transform: rotate3d(0, 0, 1, -10deg); } 60% { transform: rotate3d(0, 0, 1, 5deg); } 80% { transform: rotate3d(0, 0, 1, -5deg); } to { transform: rotate3d(0, 0, 1, 0deg); } } .swing { transform-origin: top center; animation-name: swing; } @media screen and (max-width: 1000px) { .uc-hover-wrapper { width: 90%; min-height: 80px!important; margin: 10px; } } .uc-b5-panel { padding: 20px 0; text-align: center; } .uc-b5-panel:after { content: " "; display: block; clear: both; font-size: 0px; } .uc-b5-header { margin-bottom: 40px; } .uc-b5-wrapper { display: inline-block; vertical-align: top; width: 20%; margin: 10px 0.5%; } .uc-b5-arr { width: 25px; font-size: 30px; color: #003d58; vertical-align: middle; padding-top: 10px; } .uc-b5-arr2 {} .uc-b5-arr3 { } .uc-b5-text { margin: 10px 0 0; } @media screen and (max-width: 1000px) { .uc-b5-wrapper { width: 25%; } .uc-b5-arr2 { display: none; } .uc-b5-arr3 { display: inline-block; } } @media screen and (max-width: 600px) { .uc-b5-wrapper { width: 60%; } .uc-b5-arr { display: none; } } .uc-b5-wrapper: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; } .uc-e1-panel { padding: 20px 20px; text-align: center; } .uc-title { position: relative; display: block; margin: 30px 0 0 0; padding: 10px 0; border-bottom: 1px solid #e9e9e9; color: #565656; text-align: center; font: 22px/22px 'Roboto',Arial,sans-serif; } .uc-title:after { position: absolute; left: 0; width: 15%; height: 1px; border-top: 1px solid #018bc8; bottom: -2px; content: ''; transition: all .3s ease; } .uc-title:hover:after { width: 100%; transition: all .3s ease; } .uc-trinumber-wrapper { display: flex; margin-top: 15px; flex-wrap: wrap; justify-content: center; } .uc-trinumber-color1 { background-color: #018bc8; } .uc-trinumber-color2 { background-color: #01c895; } .uc-trinumber-block { position: relative; color: #8d567a; width: 90%; margin: 1%; margin-top: 5px; margin-left: 60px!important; height: 72px; box-shadow: inset 0px 2px 5px rgba(255, 255, 255, .2), 0px 2px 5px rgba(0,0,0, .5); border-radius: 0 5px 5px 0; } .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: 72px; } .uc-trinumber-text { margin: auto; color: #fff; text-shadow: 1px 1px 1px #000; margin-left: 70px; } .uc-trinumber-num { display: flex; justify-content: center; align-items: center; position: absolute; top: 6px; left: -28px; transform: rotate(-45deg); width: 60px; height: 60px; text-align: center; vertical-align: baseline; border-radius: 0 15px 0 15px; box-shadow: inset 2px 0px 0px 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: #f1f1f1; 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; transform: rotate(45deg); transition: all 0; margin: 6px 0 0 6px; display: block; line-height: 33px!important; height: 33px; width: 33px; color: #003d58; font-size: 25px; } Стильные аксессуары для автомобиля Коврики, органайзеры, стеклоочистители, чехлы, тенты, автоэлектроника и многое другое Большой выбор автотоваров — более 420 позиций. Продукция в наличии, отправка на следующий день после оформления заказа. Доставка курьером, почтой или транспортной компанией. Посмотреть каталог Рекомендуем для вашего авто! Коврики в салон и багажник. Около 360 различных моделей для любой марки и модели автомобиля. Автомобильные ковры Коврики в салон и багажник. Около 360 различных моделей для любой марки и модели автомобиля. Летние, демисезонные и зимние щетки стеклоочистители, а также гибридные модели. Идеальный результат очистки даже в экстремальных погодных условиях. Щетки стеклоочистителя Летние, демисезонные и зимние щетки стеклоочистители, а также гибридные модели. Идеальный результат очистки даже в экстремальных погодных условиях. Передние и задние брызговики для Kia Rio, Hyundai Solaris, Toyota Camry и других моделей авто. Изготовлены из ударопрочного и морозостойкого материала. Брызговики Передние и задние брызговики для Kia Rio, Hyundai Solaris, Toyota Camry и других моделей авто. Изготовлены из ударопрочного и морозостойкого материала. Компактные и функциональные автомобильные пылесосы производства Autoprofi. Работают от прикуривателя. В комплекте представлено несколько насадок. Автопылесосы Компактные и функциональные автомобильные пылесосы производства Autoprofi. Работают от прикуривателя. В комплекте представлено несколько насадок. Современные автокомпрессоры для накачки воздухом шин легковых и коммерческих автомобилей, мячей, матрасов, надувных лодок, проведения покрасочных работ. Компрессоры Современные автокомпрессоры для накачки воздухом шин легковых и коммерческих автомобилей, мячей, матрасов, надувных лодок, проведения покрасочных работ. Незаменимый кузовной элемент автомобиля. Защищает снизу двигатель от ударов, попадания грязи и инородных предметов. Защита картера Незаменимый кузовной элемент автомобиля. Защищает снизу двигатель от ударов, попадания грязи и инородных предметов. Какие автотовары мы предлагаем? Оригинальные — продукция ведущих зарубежных производителей: AVS, Aileron, Alca, Autoprofi, Frosch, LYNX, Novline, Unidec, «Агрессор». Надежные — только проверенные изделия с официальной гарантией качества от компании-изготовителя. Эксклюзивные — новинки и редкие товарные позиции, которые сложно найти на отечественном рынке автомобильных товаров. Полезные — разнообразные товары, улучшающие внешний вид авто, повышающие комфорт и безопасность вождения. Изучить наш ассортимент Почему автомобилисты всегда возвращаются в Auto-land? I. Богатый ассортимент В наличии более 420 наименований автомобильных аксессуаров. Каталог постоянно обновляется, так как мы всегда учитываем актуальные тенденции рынка. II. Заманчивые цены Сотрудничаем напрямую с производителями и официальными поставщиками. В связи с этим стоимость наших товаров всегда ниже рыночной. III. Быстрая доставка Популярные автотовары всегда присутствуют на нашем складе. Отправляем в течение 24 часов с момента оформления заказа, доставляем курьером, почтой или ТК в кратчайшие сроки. IV. Помощь консультанта Мы работаем для вас ежедневно, без выходных. Будем рады ответить на все ваши вопросы и помочь с выбором товаров по телефону или по электронной почте. Заказать автотовары Плюсы покупки аксессуаров в нашем магазине 100% соответствие товаров описанию и фото 01 Актуальность цен, указанных на сайте 02 Регулярные акции и распродажи со скидками 03 Программа лояльности для постоянных покупателей 04 Совершить покупку Как оформить заказ в Auto-land? Выбрать товары из каталога и добавить в виртуальную корзину на сайте → С вами свяжется менеджер для детальной консультации и подтверждения заказа → После согласования всех деталей оплатить покупку наиболее удобным для вас способом → Получить товар в пункте выдачи заказов, у курьера или в отделении службы доставки Товары для тех, кто любит свой автомобиль Аксессуары для любой модели авто в наличии и под заказ Интернет-магазин Auto-land предлагает широкий ассортимент автомобильной продукции, с помощью которой так легко усовершенствовать автомобиль и обеспечить максимальный уровень комфорта за рулем. Мы сотрудничаем с авторитетными производителями аксессуаров для авто. Предоставляем возможность покупателям приобрести качественные товары с экономией для бюджета и в кратчайшие сроки. Закажите все необходимое прямо сейчас! Подобать автотовары