59 отзывов
Контакты
Ваш Онлайн Магазин
Наличие документов
Знак Наличие документов означает, что компания загрузила свидетельство о государственной регистрации для подтверждения своего юридического статуса компании или индивидуального предпринимателя.
+7 показать номер
Персональный менеджер
РоссияМоскваОкская 1к1а
Карта

Строительное оборудование

.uc-banner-panel { padding: 20px 0 0 50px; }
.uc-banner-color { display: flex; width: 100%; margin-top: 40px; height: auto; background: #009788; margin-bottom: 45px; }
.uc-banner-text { margin-top: -40px; margin-bottom: 70px; 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 #ff9800; border-bottom: 1px solid #ff9800; }
.uc-banner-img { background: url(http://content.s2.prom.st/October%202018/20579tg1mak.png) center center/cover; width: 450px; height: 300px; flex-shrink: 0; margin-top: 25px; margin-right: 20px; /*для старого дизайна сделайте значение отрицательным, (выглядит лучше), для нового - наоборот*/ 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: 400px; height: 240px; margin-top: -70px; margin-right: 0px; align-self: flex-end; } }
.uc-btns { display: inline-block; padding: 8px 22px; color: #fff !important; text-decoration: none !important; font-size: 16px; transition: all .3s ease; border-radius: 4px; background: #ff9800; box-shadow: -2px 2px 5px 0 #e8e8e8; }
.uc-btns:hover { transition: all .3s ease; background: #009788; }
.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: 40px; 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: #ff9800; 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: #ff9800; 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: #ff9800; 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: #ff9800; 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: #333333; display: inline-block; margin-top: 10px; }
.ucv-b1-name:hover { color: #009788; }
.ucv-b1-desc { display: block; margin: 10px 0; position: absolute; visibility: hidden; color: #333; }
.ucv-b1-panel .ucv-b1-wrapper { width: 46%; }
@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: 20px 15px 20px; }
.uc-arr-panel:after { content: " "; display: block; clear: both; font-size: 0px; }
.uc-arr-header { text-align: center; margin-bottom: 30px !important; }
.uc-arr-table { border-width: 0px !important; width: 48% !important; table-layout: fixed; float: left; }
.uc-arr-table td { padding: 10px; }
.uc-arr-table+.uc-arr-table { margin-left: 4%; }
.uc-arr-table-col1 { width: 60px; }
.uc-arr-table-marker { width: 50px; height: 50px; margin: 0px auto; line-height: 61px; border-radius: 100%; border: 2px solid #ff9800; text-align: center; color: #000000; font-size: 30px; transition: all 0.3s; }
.uc-arr-table tr:hover .uc-arr-table-marker { background: rgba(51, 51, 51, 0.1); }
.uc-arr-table-marker img { transition: all 0.3s; }
.uc-arr-table tr:hover .uc-arr-table-marker img { transform: translateX(5px); }
@media screen and (max-width: 768px) { .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-order { padding: 20px 0; text-align: center; }
.uc-order_wrap { display: flex; flex-wrap: wrap; justify-content: center; }
.uc-order h2 { margin-bottom: 30px; }
.uc-order strong { color: #009788; font-size: 22px; }
.uc-order-scheme { width: 49%; margin: 10px .5%; padding: 20px 15px; box-sizing: border-box; vertical-align: top; box-shadow: 0 0 2px #009788; transition: all .3s ease; }
.uc-order-scheme:hover { box-shadow: 0 0 7px #ff9800; transition: all .3s ease; }
@media screen and (max-width: 900px) { .uc-order-scheme { width: 98%; margin: 10px auto; } }
.uc-b5-panel { padding: 20px 0; text-align: center; }
.uc-b5-panel:after { content: " "; display: block; clear: both; font-size: 0px; }
.uc-b5-panel h2 { text-align: center; margin-bottom: 30px; }
.uc-b5-header { margin-bottom: 40px; }
.uc-b5-wrapper { display: inline-block; vertical-align: top; width: 19%; margin: 10px 0.5%; }
.uc-b5-arr { width: 25px; font-size: 30px; color: #ff9800; 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; }
.uc-title { background: #009788; }
.uc-title h2 { position: relative; display: inline-block; padding: 0 30px; line-height: 35px; text-transform: uppercase; font-size: 14px; font-weight: bold; color: #fff; background: #ff9800; font-family: 'Bender',sans-serif; margin: 0; }
.uc-title h2:after { content: ''; position: absolute; top: 0; left: 100%; display: inline-block; border-top : 35px solid #FF9800; border-right: 33px solid transparent; }
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Nisi ut perspiciatis, unde omnis voluptas sit, aspernatur aut perferendis doloribus. Eligendi optio, cumque nihil molestiae. Maxime placeat, facere possimus omnis.
кнопка
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Капитальный ремонт квартир Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Профессиональный евроремонт Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ремонт квартир в новостройке Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Элитный ремонт квартир Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Lorem ipsum dolor sit amet
Nisi ut perspiciatis, unde omnis voluptas sit, aspernatur aut perferendis doloribus. Eligendi optio, cumque nihil molestiae. Maxime placeat, facere possimus omnis.
Nisi ut perspiciatis, unde omnis voluptas sit, aspernatur aut perferendis doloribus. Eligendi optio, cumque nihil molestiae. Maxime placeat, facere possimus omnis.
кнопка
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Nisi ut perspiciatis, unde omnis voluptas sit, aspernatur aut perferendis doloribus. Eligendi optio, cumque nihil molestiae. Maxime placeat, facere possimus omnis.
Lorem ipsum dolor sit amet
Nisi ut perspiciatis, unde omnis voluptas sit, aspernatur aut perferendis doloribus. Eligendi optio, cumque nihil molestiae. Maxime placeat, facere possimus omnis.
кнопка
Схема заказа
Nisi ut perspiciatis, unde omnis voluptas sit, aspernatur aut perferendis doloribus. Eligendi optio, cumque nihil molestiae. Maxime placeat, facere possimus omnis.

Nisi ut perspiciatis, unde omnis voluptas sit, aspernatur aut perferendis doloribus. Eligendi optio, cumque nihil molestiae. Maxime placeat, facere possimus omnis.

Nisi ut perspiciatis, unde omnis voluptas sit, aspernatur aut perferendis doloribus. Eligendi optio, cumque nihil molestiae. Maxime placeat, facere possimus omnis.

Nisi ut perspiciatis, unde omnis voluptas sit, aspernatur aut perferendis doloribus. Eligendi optio, cumque nihil molestiae. Maxime placeat, facere possimus omnis.
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Nisi ut perspiciatis, unde omnis voluptas sit, aspernatur aut perferendis doloribus. Eligendi optio, cumque nihil molestiae. Maxime placeat, facere possimus omnis.
кнопка
vkontakte facebook twitter