витрина
Услуги автосервиса и автодетейлинга от AVTOsTOP
.uc-btns { display: inline-block; padding: 7px 18px; font-size: 16px; text-decoration: none !important; color: #fff !important; border: 1px solid #1292ca;
background: #16a9ea; border-radius: 3px; transition: all .3s ease; } .uc-btns:hover { background: #e39918;
border-color: #e39918; transition: all .3s ease; } .ucv-a2-panel strong { font-size: 22px; color: #16a9ea; }
.ucv-a2-panel{background:#777 url(https://lh3.googleusercontent.com/pw/ACtC-3chdV3ocjPAUOY9CUN2rpbfECO8HhR4EIdT13WO6Ipjde4WFj9VCeXw4gMOJU-ILkiCIwO0MtscPpd7Cx4o0E_CUQnJSs0rEAasfDOAb-rHbPKk3s0u34pZSDEtBGWbjAz58_0CEcCdz41sFKuVwd7J=w1000-h667-no?authuser=0) 50% 50%/cover no-repeat; padding: 20px;} .ucv-a2-texts{background-color:#463f3e; border: none; width: 350px; padding:20px 15px; text-align: right; } .ucv-a2-header{font-size: 26px; line-height: 32px; color:#0e6da8; 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: #16a9ea!important; padding: 0 22px; min-width: 150px; border: 2px solid #1292ca; font-size: 16px;border-radius:2px;} .ucv-a2-link:hover{color: #fff!important; border-color:#fff;} @media screen and (max-width: 500px) { .ucv-a2-texts{ width: auto; text-align: center; box-sizing: border-box; } .ucv-a2-panel { padding: 0; background-size: cover; } .ucv-a2-link { padding: 0 5px; width: auto; } }
.uc-numbers { padding: 20px 5px; text-align: center; } .uc-numbers h2 { text-align: center; margin-bottom: 30px; }
.uc-numbers_wrap {
display: flex;
flex-wrap: wrap;
flex-direction: row;
}
.uc-numbers-scheme { background: url(https://d246sc7spddeom.cloudfront.net/production/design_template/775/images/bg-header.jpg);border: 1px solid #e2e2e2; display: inline-block; width: 48%; vertical-align: top; margin: 10px 1%; padding: 40px 10px 10px; box-sizing: border-box; text-align: left; color: #333; transition: all 0.3s; }
.uc-numbers-scheme:hover { background: #fafafa; color: #333; transition: all 0.3s; } .uc-numbers-scheme strong { transition: all .3s ease; display: inline-block; font-size:20px; color: #0e6da8; text-shadow: 1px 1px 2px #fafafa; }
.uc-numbers-scheme:hover strong { transition: all .3s ease; color: #16a9ea;text-shadow: 1px 1px 2px #1d1d1d; transform: translateY(-4px); } .uc-numbers-scheme em { color: #fff; transition: all .3s ease; display: inline-block; font-weight: bold; font-style: inherit; } .uc-numbers-scheme:hover em { color: #fff; transition: all .3s ease; } @media screen and (max-width: 1100px) { .uc-numbers-scheme { width: 90%; margin: 10px; min-height: 80px; } }
.uc-burger_panel {
padding: 20px 5px;
}
.uc-burger_container {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.uc-burger_item {
display: flex;
width: 90%;
margin: 20px;
}
.uc-burger_item:nth-child(even) {
display: flex;
flex-direction: row-reverse;
}
.uc-burger_number_container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 20%;
background: #16a9ea;
text-align: center;
color: #fff;
padding: 10px;
border-radius: 20px 0 0;
box-shadow: inset 0px -21px 16px -21px rgba(0, 0, 0, 0.78);
}
.uc-burger_item:nth-child(even) .uc-burger_number_container {
background: #0e6da8;
border-radius: 0 0 20px;
box-shadow: inset 0px 21px 16px -21px rgba(0, 0, 0, 0.78);
}
/* Это стили для сайтов с большим количеством цветовой гаммы
.uc-number-1 {
background: red;
}
.uc-number-2 {
background: blue;
}
.uc-number-3 {
background: aqua;
}
.uc-number-4 {
background: black;
}
*/
.uc-burger_number-header {
font-size: 17px;
color: #fff;
}
.uc-burge_number {
font-size: 40px;
line-height: 0px;
}
.uc-burger_content {
width: 80%;
background: #f5f5f5;
padding: 10px;
border-radius: 0 20px 0 0;
box-shadow: inset 0px -21px 16px -21px rgba(0, 0, 0, 0.78);
display: flex;
flex-direction: column;
justify-content: center;
}
.uc-burger_item:nth-child(even) .uc-burger_content {
justify-content: center;
align-items: flex-end;
border-radius: 0 0 0 20px;
text-align: right;
box-shadow: inset 0px 21px 16px -21px rgba(0, 0, 0, 0.78);
}
.uc-burger_content-header {
font-size: 18px;
}
.uc-burger_text {
font-size: 15px;
width: 90%;
}
@media screen and (max-width: 1000px) {
.uc-burger_item {
width: 100%;
flex-direction: column;
}
.uc-burger_item:nth-child(even) {
display: flex;
flex-direction: column;
}
.uc-burger_item:nth-child(even) .uc-burger_number_container {
width: 100%;
border-radius: 20px 20px 0 0;
box-shadow: inset 0px -21px 16px -21px rgba(0, 0, 0, 0.78);
}
.uc-burger_item:nth-child(even) .uc-burger_content {
width: 100%;
border-radius: 0 0 20px 20px;
justify-content: center;
align-items: center;
box-shadow: inset 0px -21px 16px -21px rgba(0, 0, 0, 0.78);
}
.uc-burger_number_container {
width: 100%;
border-radius: 20px 20px 0 0;
}
.uc-burger_content {
width: 100%;
border-radius: 0 0 20px 20px;
justify-content: center;
align-items: center;
}
.uc-burger_text {
text-align: center;
}
}
.uc-title {
display: block;
padding: 29px 50px 26px 20px;
margin-bottom: 10px;
border-bottom: 1px solid #e8f1f7;
font: bold 16px/16px 'Din Display Pro',sans-serif!important;
text-transform: uppercase;
color: #3d3d3d;
}
.ucv-b1-tiles {
text-align: center;
position: relative;
}
.ucv-b1-header {
margin-bottom: 40px;
text-align: center;
color: #000;
}
.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: 300px;
margin: 0 auto;
border: 1px solid #ebebeb;
box-sizing: border-box;
}
.ucv-b1-tiles .ucv-b1-tile:before {
content: '';
background: linear-gradient(
to bottom,
rgba(9, 91, 143,0) 0%,
rgba(9, 91, 143,0.6) 55%,
rgba(9, 91, 143,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;
margin: 10px .5%;
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: 15px;
color: #0e6da8;
display: inline-block;
margin-top: 10px;
text-align: center;
position: relative;
z-index: 9;
}
.ucv-b1-name:hover {
color: #0b5887;
}
.ucv-b1-desc {
display: block;
margin: 10px 0;
position: absolute;
visibility: hidden;
color: #333;
}
.ucv-b1-tiles .ucv-b1-wrapper {
width: 31.8%;
display: inline-block;
}
.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-title {
line-height: 1;
font-weight: 600;
font-size: 20px;
}
.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;
}
.ucv-b1-ucv-b1-tiles .ucv-b1-tile:focus::before,
.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;
}
.ucv-b1-tiles .ucv-b1-tile:hover .ucv-b1-title,
.ucv-b1-tiles .ucv-b1-tile:focus .ucv-b1-title {
transition-delay: 0.15s;
}
.ucv-b1-ucv-b1-tiles .ucv-b1-tile:hover .ucv-b1-info,
.ucv-b1-ucv-b1-tiles .ucv-b1-tile:focus .ucv-b1-info {
transition-delay: 0.25s;
}
@media screen and (max-width: 1200px) {
.ucv-b1-tiles .ucv-b1-wrapper {
width:48%;
}
}
@media screen and (max-width: 900px) {
.ucv-b1-desc {
position: static;
visibility: visible;
}
.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;
}
}
.uc-banner-panel {
padding: 0 50px;
}
.uc-banner-color {
display: flex;
width: 100%;
margin-top: 40px;
height: auto;
margin-bottom: 25px;
}
.uc-banner-text {
margin-top: -20px;
margin-bottom: 40px;
margin-left: -30px;
width: auto;
background: url(https://d246sc7spddeom.cloudfront.net/production/design_template/775/images/bg-header.jpg);
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 #4fe4ff;
border-bottom: 1px solid #4fe4ff;
}
.uc-banner-img {
background: url(https://ssl.prom.st/p?u=http%3A%2F%2Fcontent.s2.prom.st%2FAugust%25202018%2F40398_otz.jpg&s=onbbwfke&h=IDSkO_7BS2N_TefTeKYgkA) center center/cover;
width: 250px;
height: 250px;
flex-shrink: 0;
margin-top: 20px;
margin-right: 30px; /*для старого дизайна сделайте значение отрицательным, (выглядит лучше), для нового - наоборот*/
margin-left: -25px;
margin-bottom: -40px;
box-shadow: 0 20px 30px rgba(0,0,0, .3);
}
@media screen and (max-width: 1100px) {
.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:200px;
height: 200px;
margin-top: -70px;
margin-right: -20px;
align-self: flex-end;
}
}
.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%;
transition: all .4s;
}
.uc-b5-wrapper img {
transition: all .4s;
border-bottom: 2px solid transparent;
padding-bottom: 5px;
}
.uc-b5-wrapper:hover img {
transition: all .4s;
border-color: #116da7;
transform: translateY(-5px);
}
.uc-b5-text {
margin: 10px 0 0;
}
.uc-b5-arr {
width: 2%!important;
font-size: 30px;
color: #16a9ea;
vertical-align: middle;
padding-top: 10px;
}
.uc-b5-text {
margin: 10px 0 0;
}
@media screen and (max-width: 1200px) {
.uc-b5-wrapper {
width: 44%;
}
.uc-b5-arr2 {
display: none;
}
}
@media screen and (max-width: 900px) {
.uc-b5-wrapper {
width: 60%;
}
.uc-b5-arr {
display: none;
}
}
.uc-e1-panel {
padding: 20px;
}
.uc-e1-header {
text-align: center;
margin-bottom: 20px;
}
.uc-order {
padding: 20px 15px;
text-align: left;
}
.uc-order h2 {
text-align: center;
margin-bottom: 30px;
}
.uc-order-scheme {
display: inline-block;
width: 48%;
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: 58px;
}
.uc-order-scheme strong {
transition: all .3s ease;
display: inline-block;
font-size: 50px;
color: #0e6da8;
}
.uc-order-scheme:hover strong {
transition: all .3s ease;
color: #16a9ea;
transform: translateY(-4px);
}
.uc-order-scheme em {
font-size: 15px;
color: #16a9ea;
transition: all .3s ease;
display: inline-block;
font-weight: bold;
font-style: inherit;
}
.uc-order-scheme:hover em {
color: #0e6da8;
transition: all .3s ease;
}
@media screen and (max-width: 1000px) {
.uc-order-scheme {
width: 98%;
margin: 10px auto;
min-height: initial;
}
}
.bloginfo {
background: #463f3e;
border: none;
padding: 3px 5px 3px 30px;
margin: 11px;
text-align: justify;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 5px 5px 5px #ABC;/*Google Crome и Safari */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#AABBCC,direction=125,strength=5)";/*Internet Explorer */
box-shadow: 5px 5px 5px #847B6C;/*Opera и Firefox*/
}
/* оформление заголовка блока */
.bloginfo-head {
font-size:1.1em;
font-weight: bold;
color: #0e6da8;
margin: 0 0 5px 0;
}
/* оформление текста блока */
.bloginfo-txt {
line-height: 1.3em;
color: #fff;
font-size:16px;
}
Ремонт Авто от компании "АвтоСтоп"
Авторемонт и автохимчистка по приемлемым ценам
Мы предлагаем широкий ассортимент качественных услуг для автомобилей. Химчистка, автомойка, авторемнот и многое другое.
Ознакомиться с каталогом
Автосервис от компании Авто-комплекс АвтоСтоп
Любого автолюбителя всегда интересует вопрос, где помыть машину и почистить салон качественно и быстро. Где найти хороших мастеров для ремонтных работ. Рынок таких услуг очень широк и со всех сторон сыпятся предложения.
Компания “АвтоСтоп” - сэкономит ваше время и предложит качественные услуги!
Вам не нужно искать в отдельности ремонт и мойку, у нас вы найдёте весь комплекс услуг.
Мы предлагаем: мойка авто, двигателя, днища, химическая чистка, покраска днища антикор, полировка фар, сухой туман. Сервис технического обслуживания: геометрия, электрика, услуги моториста, ремонт АКПП.
Популярные услуги
Услуги по ремонту: АКПП, полировка кузова, проточка тормозных дисков, компьютерная геометрия, диагностика и др.Авторемонт Услуги химчистки: Автомойка, мойка двигателя, химчистка салона, мойка днища, стирка и чистка ковров.Автохимчистка
ремонт авто алматы: Какие услуги мы предлагаем?
Качественные
Максимально качественное, надежное и аккуратное выполнение услуг
Востребованные
Услуги в которых нуждается любой владелец авто
По низким ценам
Услуги по низким и привлекательным ценам
Профессиональные
У нас только профессиональные и квалифицированные сотрудники
Изучить предложения
Почему вы должны выбрать наши услуги?
1.
Используем только качественные моющие средства.
2.
Наше СТО оборудовано самым современным оборудованием.
3.
Экономия времени, все услуги мы оказываем в самые короткие сроки.
4.
Гарантия качества
автохимчистка алматы: Как заказать наши услуги?
Позвоните по телефону или оставьте заявку на определённую услугу
→
Наш представитель запишет вас на определённое время
→
Расскажет о способах оплаты
→
Приезжаете и получаете заказанные услуги
.uc-slides_wrap { text-align: center; padding: 20px 0; } .uc-slides_wrap h2 { margin-bottom: 20px; } .uc-slides { padding: 0; width: 100%; height: 380px; 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: 380px; 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: 80%; left: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; text-align: left; color:#595959; } .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: #222222; font-size: 112pt; text-align: center; line-height: 380px; } .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, input#uc-img-7:checked~.uc-nav-dots label#uc-img-dot-7, input#uc-img-8:checked~.uc-nav-dots label#uc-img-dot-8 { 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: -339px; 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: #222222; 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; }
Остались вопросы?
Если у вас есть вопросы вы всегда можете получить бесплатную консультацию по контактному телефону. Наши услуги распространяются для жителей Алматы и Алматинской области. Мы работаем ежедневно без выходных.
Обратная связь
Где мы находимся?
