О нас

.uc-title { display: block; position: relative; padding: 10px 0; margin: 30px 0 0px!important; text-transform: uppercase; font: 28px/28px 'Montserrat','Roboto',sans-serif; min-height: 28px; color: #2f2e2e; } .uc-title:before { position: absolute; width: 125px; height: 125px; top: -55px; left: -45px; content: ""; border: 20px solid #eaeaea; border-radius: 50%; z-index: -1; } .uc-title:after { position: absolute; bottom: 0; right: 91%; left: 0; content: ""; height: 2px; border-bottom: 2px solid #80c1ff; } .uc-banner-panel { padding: 20px 0 0 50px; } .uc-banner-color { display: flex; width: 100%; margin-top: 40px; height: auto; background: none; margin-bottom: 45px; } .uc-banner-text { margin-top: -40px; margin-bottom: 40px; margin-left: -30px; width: auto; background-color: #f9f7f6; 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 #13a9ff; border-bottom: 1px solid #13a9ff; } .uc-banner-text span { font-weight: bold; font-size: 20px; color: #13a9ff; } .uc-banner-img { background: url(https://images.kz.prom.st/108947718_w640_h2048_espresso_carwash_superior_detailed_groom.jpg) center /cover; width: 300px; height: 240px; flex-shrink: 0; margin-top: 65px; margin-right: 30px; /*для старого дизайна сделайте значение отрицательным, (выглядит лучше), для нового - наоборот*/ margin-left: -25px; margin-bottom: -40px; box-shadow: 0 20px 30px rgba(0, 0, 0, .3); } @media screen and (max-width: 900px) { .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: 240px; height: 240px; margin-top: -70px; margin-right: 0px; align-self: flex-end; } } .uc-btns { display: inline-block; padding: 8px 22px; color: #444 !important; text-decoration: none !important; font-size: 16px; transition: all .3s ease; border: 1px solid #13a9ff; background: transparent; border-radius: 20px; } .uc-btns:hover { transition: all .3s ease; background: #13a9ff; color: #fff!important; } .uc-btns_inst { color: #fff!important; } @media screen and (min-width: 320px) { .infographic_wrapper { padding: 20px 10px; text-align: center; } .infographic_container { display: flex; flex-wrap: wrap; justify-content: center; } .infographic_item { margin: 25px 0; display: flex; flex-direction: column; width: 90%; } .infographic_block { display: flex; flex-direction: column; justify-content: center; align-items: center; min-width: 80%; height: 100%; background: var(--infograph-color2); padding: 10px; position: relative; } .infographic_item_container { display: flex; align-items: center; height: 100%; width: 100%; justify-content: center; } .arrow_back { width: 5%; height: 80px; background: var(--infograph-color2); position: relative; } .arrow_back::before { content: ""; position: absolute; left: -15px; top: 0; border-left: 15px solid transparent; border-top: 40px solid var(--infograph-color2); border-bottom: 40px solid var(--infograph-color2); } .arrow_forward { width: 5%; height: 80px; background: var(--infograph-color2); position: relative; } .arrow_forward::after { content: ""; position: absolute; right: -15px; top: 0px; border-left: 15px solid var(--infograph-color2); border-top: 40px solid transparent; border-bottom: 40px solid transparent; } .infographic_item:nth-child(odd) .infographic_block { background: var(--infograph-color1); } .infographic_item:nth-child(odd) .arrow_back, .infographic_item:nth-child(odd) .arrow_forward { background: var(--infograph-color1); } .infographic_item:nth-child(odd) .arrow_back::before { border-top: 40px solid var(--infograph-color1); border-bottom: 40px solid var(--infograph-color1); } .infographic_item:nth-child(odd) .arrow_forward::after { border-left: 15px solid var(--infograph-color1); } .infographic_content { color: #fff; padding: 10px 0; } .infographic_sub_header strong { color: #fff; font-size: 25px; } .infographic_sub_header { padding-bottom: 10px; position: relative; display: inline-block; font-size: 15px!important; font-weight: 500!important; } .infographic_number { padding-top: 10px; color: #8bc34a; font-weight: bold; } .infographic_number_text { font-size: 20px; } .infographic_num { font-size: 40px; } } @media screen and (min-width: 1200px) { .infographic_container { justify-content: space-around; } .infographic_item { width: 47%; } .arrow_back { width: 20%; } .arrow_forward { width: 20%; } } @media screen and (min-width: 1500px) { .infographic_item { width: 22.5%; } .arrow_back { width: 10%; } .arrow_forward { width: 10%; } } .ucv-b1-panel { padding: 20px 0; 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__bl { display: block; position: relative; overflow: hidden; max-width: 300px; margin: 0 auto; } .ucv-b1-img-holder__bl:after { content: ''; display: inline-block; position: absolute; bottom: 0; right: 0; background: #13a9ff; height: 2px; transition: all .2s ease-out; width: 0; } .ucv-b1-img-holder__bl:hover:after { transition: all .2s ease-out; width: 300px; } .ucv-b1-img-holder__bl:hover:before { transition: all .4s ease-out .2s; height: 300px; } .ucv-b1-img-holder__bl:before { content: ''; display: inline-block; position: absolute; bottom: 0; left: 0; background: #13a9ff; height: 0; transition: all .4s ease-out .2s; width: 2px; z-index: 5; } .ucv-b1-img-holder:after { content: ''; display: inline-block; position: absolute; top: 0; left: 0; background: #13a9ff; height: 2px; transition: all .2s ease-out; width: 0; } .ucv-b1-img-holder:before { content: ''; display: inline-block; position: absolute; top: 0; right: 0; background: #13a9ff; height: 0; transition: all .4s ease-out .2s; width: 2px; z-index: 5; } .ucv-b1-img-holder:hover:after { transition: all .2s ease-out; width: 300px; } .ucv-b1-img-holder:hover:before { transition: all .4s ease-out .2s; height: 300px; } .ucv-b1-img-holder img { display: block; height: auto !important; } .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(255, 255, 255, 0.9); text-align: left; color: #000; 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 { font-size: 15px; color: #434343; display: inline-block; margin-top: 10px; } .ucv-b1-name:hover { color: #13a9ff; } .ucv-b1-desc { display: block; margin: 10px 0; position: absolute; visibility: hidden; color: #333; } .ucv-b1-panel .ucv-b1-wrapper { width: 31%; } @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-arr-panel { padding: 40px 0; } .uc-arr-panel:after { content: " "; display: block; clear: both; font-size: 0px; } .uc-arr-header { text-align: center; margin-bottom: 20px !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: 4%; } .uc-arr-table-col1 { width: 60px; } .uc-arr-table-marker { width: 60px; 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: 800px) { .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-clear { clear: both; height: 0px; } .uc-notification_wrapper { display: flex; justify-content: space-around; flex-wrap: wrap; margin: 0 auto; padding: 40px 0px 40px; } .uc-box { display: flex; position: relative; width: 48%; } .uc-box_inner { display: flex; flex-direction: column; position: relative; background: #eee; padding: 20px; width: 100%; border-right: 5px; box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15); } .uc-contentt { display: flex; align-items: center; padding: 20px 0 0; } .uc-photo { width: 64px; height: 64px; } .uc-comment_text { display: flex; flex-direction: column; justify-content: space-around; padding-left: 24px; font-family: Roboto; font-size: 14px; } .uc-user { font-size: 20px; font-weight: bold; } .uc-date { color: #13a9ff; font-size: 20px; } .uc-comment { padding: 20px 0; border-top: 1px solid #13a9ff; } .uc-tooltip { position: absolute; top: -14px; left: 30px; width: 28px; height: 28px; box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15); background: #eee; transform: rotate(45deg); } .uc-box_inner::after { content: ""; position: absolute; top: -13px; left: 29px; width: 30px; background: #eee; height: 30px; transform: rotate(45deg); } @media screen and (max-width: 1200px) { .uc-box { width: 90%; } .uc-box:nth-child(2) { margin-top: 50px; } } :root { --infograph-color2: #13a9ff; --infograph-color1: #13a9ff; } .four-panel { padding: 20px 10px; } .four-container { display: flex; flex-wrap: wrap; justify-content: space-around; } .four-item { display: flex; flex-direction: column; width: 45%; border-radius: 20px; box-shadow: 15px 15px 44px 5px rgba(255, 255, 255, 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; } .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-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: 20px; } .uc-b5-wrapper { display: inline-block; vertical-align: top; width: 19%; margin: 10px 0.5%; } .uc-b5-arr { width: 25px; font-size: 30px; color: #434343; vertical-align: middle; padding-top: 10px; } .uc-b5-arr2 {} .uc-b5-arr3 {} .uc-b5-text { margin: 10px 0 0; } @media screen and (max-width: 1050px) { .uc-b5-wrapper { width: 31%; } .uc-b5-arr { width: 12%; } .uc-b5-arr2 { display: none; } .uc-b5-arr3 { display: inline-block; } } @media screen and (max-width: 800px) { .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-footer { padding: 20px 0 0; text-align: center; } .uc-footer p { margin: 20px 0; } Компания «Собек-Сервис» Предлагаем лучшее клининговое оборудование, а также устройства для автомоек Наша компания появилась на рынке в 2000 году. За это время она стремительно развивалась. Сегодня в нашем каталоге не только качественные инструменты для клининга, но и оборудование для СТО и автомоек, а также эффективные составы для мытья разных поверхностей. Каталог Достижения компании в цифрах Более 600 заказов отправляем ежемесячно 100% гарантия качества Принимаем заказы 24 часа в сутки Более 200 наименований товаров Наиболее востребованные товары Подобное средство не содержит в составе агрессивных компонентов Средство для деликатной мойки транспортных средств Подобное средство не содержит в составе агрессивных компонентов Представленный состав позволяет эффективно очистить двигатель. MOTOR FOAM Средство для очистки двигателя Представленный состав позволяет эффективно очистить двигатель. Качественный ароматизатор используется не только в салоне автомобиля, но и в санитарных комнатах, любых помещениях. Ароматизатор "Зеленое яблоко" Качественный ароматизатор используется не только в салоне автомобиля, но и в санитарных комнатах, любых помещениях. Станок позволяет быстро и без труда осуществить балансировку Станок балансировочный Станок позволяет быстро и без труда осуществить балансировку Ни одна шиномонтажная не может обойтись без специального станка, который облегчает работу Станок шиномонтажный Ни одна шиномонтажная не может обойтись без специального станка, который облегчает работу Клей для покрышек поможет восстановить целостность материала Клей для покрышек Клей для покрышек поможет восстановить целостность материала Что мы можем предложить? Предлагаем профессиональный и индивидуальный подход. Большой выбор товаров, который постоянно пополняется.. Гарантия качества на все устройства и оборудование.. Быстрая доставка в любой населенный пункт страны.. Доставка и оплата Оформить заказ у нас достаточно просто Заявка на сайте → Звонок менеджера → Уточнение деталей оплаты → Доставка заказа «Собек-Сервис» предлагает лучшее качество по доступной цене Наша компания давно наладила свое производство средств для уборки помещений и мойки автомобилей. Производство оснащено самым современным оборудованием, а в составах используются только качественные компоненты. Контакты