9 отзывов

Autocomp.ru - гипермаркет автомобилиста

+7 показать номер

Штатные магнитолы и головные устройства


.uc-btns { position: relative; display: inline-block; margin-top: 10px; padding: 10px 30px; box-sizing: border-box; vertical-align: middle; text-align: center; font: 16px 'Roboto', sans-serif; cursor: pointer; text-decoration: none!important; background: #346597; color: #fff!important; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); border-radius: 5px; transition: all 300ms ease-in-out; }
.uc-btns:hover { background: #333; transition: all 300ms ease-in-out; }
.uc-title { position: relative; display: block; margin: 30px 0 0!important; padding: 15px 20px; background: url(https://a.radikal.ru/a01/1810/00/d611a73ab31e.png); color: #346597; text-transform: uppercase; border-radius: 6px 6px 0 0; font: bold 16px/20px Arial, Helvetica, Sans-Serif!important; }
.ucv-a2-panel strong { font-size: 20px; color: #346597; }
.ucv-a2-panel { background: #777 url('http://redpower.ru/sites/default/files/fotoproduct/2017-01-18_15-30-06_0.jpg') center center; background-size: cover; }
.ucv-a2-texts { background-color: rgba(0, 0, 0, 0.75); margin: 0; padding: 40px 15px; text-align: center; width: 48%; }
.ucv-a2-header { font-size: 30px; line-height: 32px; color: #346597; margin: 0px 0px 5px; }
.ucv-a2-sub-header { font-size: 18px; line-height: 32px; color: #fff; margin: 0px 0px 10px; }
.ucv-a2-text { font-size: 14px; line-height: 26px; color: #fff; margin: 0px 0px 10px; }
.ucv-a2-link { display: inline-block; height: 37px; line-height: 37px; text-decoration: none!important; text-align: center; color: #346597!important; padding: 0 20px; border: 2px solid #346597; font-size: 16px; }
.ucv-a2-link:hover { color: #fff!important; border-color: #fff; }
@media screen and (max-width: 500px) { .ucv-a2-texts { width: auto; text-align: center!important; } .ucv-a2-panel { padding: 0; background: none; } }
.ucv-b1-panel { padding: 20px 0 10px; text-align: center; }
.ucv-b1-panel:after { content: " "; display: block; clear: both; font-size: 0px; }
.ucv-b1-header { margin-bottom: 20px; text-align: center; }
.ucv-b1-wrapper { display: inline-block; vertical-align: top; margin: 10px .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 #ebebeb; }
.ucv-b1-img-holder img { display: block; }
.ucv-b1-img-holder:hover .ucv-b1-hint { transform: scale(1.0); }
.ucv-b1-hint { transform: scale(0.0); position: absolute; top: 0; left: 0%; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.75); text-align: left; color: #fff; transition: all 0.6s ease 0s; overflow: hidden; }
.ucv-b1-hint-body { box-shadow: 0px 0px 4px 2px rgba(255, 255, 255, 0.6); 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: 15px; color: #333; display: inline-block; margin-top: 10px; }
.ucv-b1-name:hover { color: #3e9d18; }
.ucv-b1-desc { display: block; margin: 10px 0; position: absolute; visibility: hidden; }
.ucv-b1-panel .ucv-b1-wrapper { width: 31.8%; }
@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: 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-numbers { padding: 20px 15px; text-align: left; }
.uc-numbers_wrap { display: flex; flex-wrap: wrap; justify-content: space-around; }
.uc-numbers h2 { text-align: center; margin-bottom: 30px; }
.uc-numbers-items { background: url(https://dv2gevtwjtqv5.cloudfront.net/production/design_template/568/images/dark-bg.jpg); border: 3px solid #fafafa; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); width: 31%; margin: 14px 5.5% 10px; padding: 20px 10px; box-sizing: border-box; transition: all .3s ease; color: #fff; }
.uc-numbers-items strong { transition: all .3s ease; display: inline-block; font-size: 20px; color: #346597; }
.uc-numbers-items:hover strong { transition: all .3s ease; color: #fff; transform: translateY(-4px); }
.uc-numbers-items em { font-size: 15px; margin-top: 10px; color: #1A1A1A; transition: all .3s ease; display: block; font-weight: bold; font-style: inherit; }
.uc-numbers-items:hover em { color: #f12a43; transition: all .3s ease; }
@media screen and (max-width: 900px) { .uc-numbers-items { width: 99%; } }
:root { --infograph-color2: #333; --infograph-color1: #333; }
.four-panel { padding: 20px 10px; }
.four-container { display: flex; flex-wrap: wrap; justify-content: space-around; }
.four-item { display: flex; flex-direction: column; width: 40%; border-radius: 20px; padding: 30px; box-shadow: 15px 15px 44px 5px rgba(0, 0, 0, 0.38); margin: 20px 0; }
.four-content-1, .four-content-2, .four-content-3, .four-content-4 { text-align: center; position: relative; padding: 25px; display: flex; flex-direction: column; align-items: center; height: 100%; }
.four-content-1:after { content: ''; position: absolute; top: 0px; right: 0px; width: 100%; height: 15px; background: var(--infograph-color2); border-radius: 20px 20px 20px 0; }
.four-content-1:before { content: ''; position: absolute; bottom: 0px; left: 0px; width: 15px; height: 100%; background: var(--infograph-color2); border-radius: 20px; }
.four-content-2:after { content: ''; position: absolute; top: 0px; right: 0px; width: 100%; height: 15px; background: var(--infograph-color1); border-radius: 20px; }
.four-content-2::before { content: ''; position: absolute; bottom: 0; right: 0; width: 15px; height: 100%; background: var(--infograph-color1); border-radius: 20px; }
.four-content-3:after { content: ''; position: absolute; bottom: 0px; right: 0px; width: 100%; height: 15px; background: var(--infograph-color1); border-radius: 20px; }
.four-content-3::before { content: ''; position: absolute; bottom: 0px; left: 0px; width: 15px; height: 100%; background: var(--infograph-color1); border-radius: 20px; }
.four-content-4::after { content: ''; position: absolute; bottom: 0px; right: 0px; width: 100%; height: 15px; background: var(--infograph-color2); border-radius: 20px; }
.four-content-4::before { content: ''; position: absolute; bottom: 0; right: 0; width: 15px; height: 100%; background: var(--infograph-color2); border-radius: 20px; }
.four-header { font-size: 20px!important; line-height: 20px; }
.four-text {}
.four-icon {}
@media screen and (max-width: 1100px) { .four-item { width: 80%; } .four-content-1:after, .four-content-1:before, .four-content-2:after, .four-content-2:before, .four-content-3:after, .four-content-3:before, .four-content-4:after, .four-content-4:before { display: none; } .four-content-1, .four-content-3 { border: 15px solid var(--infograph-color2); border-radius: 20px; } .four-content-2, .four-content-4 { border: 15px solid var(--infograph-color1); border-radius: 20px; } }
.uc-oco-panel { padding: 20px 0px 30px; }
.uc-oco-header { text-align: center; padding-bottom: 20px; }
.uc-oco-table { border-width: 0px !important; width: 50% !important; table-layout: fixed; float: left; }
.uc-oco-table+.uc-oco-table { margin-left: 0%; }
.uc-oco-table td { padding: 10px; transition: all 0.5s; }
.uc-oco-table img { transition: all 0.4s; }
.uc-oco-table tr:hover td { box-shadow: 0 100px 0 #333 inset; transition: all 0.5s; color: #fff; }
.uc-oco-table tr:hover img {}
.uc-oco-table-col1 { width: 50px; position: relative; height: 50px; padding-left: 15px; transition: all 0.85s; }
.uc-oco-table tr:hover .uc-oco-table-col1 { transition: all 0.85s; box-shadow: 0 -100px 0 #fff inset !important; }
.uc-oco-table tr img { position: absolute; top: 50%; left: 50%; }
.uc-table_ocons { transition: all 0.1s ease 0s; transform: translate(-50%, -50%) scale(1.0); }
.uc-table_ocons2 { -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); transform: translate(-50%, -50%) scale(0); -moz-transform: translate(-50%, -50%) scale(0); -webkit-transform: translate(-50%, -50%) scale(0); -o-transform: translate(-50%, -50%) scale(0); -ms-transform: translate(-50%, -50%) scale(0); -webkit-transition: opacity .2s ease-in-out, transform .2s ease-in-out .1s; -moz-transition: opacity .2s ease-in-out, transform .2s ease-in-out .1s; -o-transition: opacity .2s ease-in-out, transform .2s ease-in-out .1s; transition: opacity .2s ease-in-out, transform .2s ease-in-out .1s; }
.uc-oco-table tr:hover .uc-table_ocons { transition: all 0.1s ease 0s; transform: translate(-50%, -50%) scale(0.0); }
.uc-oco-table tr:hover .uc-table_ocons2 { -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); }
@media screen and (max-width: 1100px) { .uc-oco-table { float: none; width: 100% !important; } .uc-oco-table+.uc-oco-table { margin: 0; } }
@media screen and ( max-width: 500px) { .uc-oco-table td { vertical-align: top!important; } }
.uc-clear { clear: both; height: 0; }
.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 !important; }
.uc-b5-wrapper { display: inline-block; vertical-align: top; width: 19%; margin: 10px 1%; }
.uc-b5-text { margin: 10px 0 0; }
.uc-b5-arr { width: 2%!important; font-size: 30px; color: #1A1A1A; vertical-align: middle; padding-top: 10px; }
.uc-b5-text { margin: 10px 0 0; }
@media screen and (max-width: 650px) { .uc-b5-wrapper { width: 44%; } .uc-b5-arr2 { display: none; } }
@media screen and (max-width: 500px) { .uc-b5-wrapper { width: 60%; } .uc-b5-arr { display: none; } }
.uc-footer { padding: 20px; text-align: center; }
Штатные магнитолы и головные устройства
Наша компания предлагает качественные штатные магнитолы для многих марок автомобилей.
Они отличаются большим набором функций, позволяют на совершенно ином уровне прослушивать музыку водителю, и пассажирам. В каталоге также представлены универсальные головные устройства, которые не разочаруют Вас своей хорошей работой.
Перейти в каталог
Что мы предлагаем клиентам
Огромный опыт
Многие автовладельцы недовольны качеством установленных на заводе магнитол, они желают улучшить некоторые характеристики и добиться качественного звучания. И мы легко поможем в этом.
Качество продукции
У нас может быть приобретена надёжная штатная магнитола, позволяющая максимально комфортно прослушивать любимые треки.
Преимущества нашей компании
Мы сотрудничаем только с известными производителями магнитол.
Все устройства являются максимально надёжными, и прослужат вам многие годы.
Всегда готовы проконсультировать Вас и помочь с выбором.
При необходимости наши специалисты установят приспособление.
Возможна доставка в любой регион страны выбранным способом.
Предлагаем большой ассортимент автомобильных магнитол.
Перейти к каталогу
Гипермаркет автомобилиста Autocomp.ru предлагает лучшие решения
Головные устройства – это важная деталь, которая позволяет улучшить функциональные возможности автомобиля, и у нас Вы их найдёте в большом ассортименте. За любой дополнительной информацией Вы можете обратиться к нашему консультанту.
Связаться для консультации