Биты

.title { color: #456990; margin-bottom: 20px; padding: 15px 20px; border-radius: 6px 6px 0 0; background: #ececec; font: bold 16px/20px Arial,Helvetica,Sans-Serif; }
:root { --banner-color: #456990; }
.ucv-a2-panel strong { font-size: 20px; color: var(--banner-color); }
.ucv-a2-panel { padding: 0px; background: #777 url('https://lh3.googleusercontent.com/pw/AL9nZEWFT5XgzgzNkKCxV0lzKZpAfXacnShVPdUCpZIgoT9nABItAcK4OZwqZnc5Ghp-PCecEPIyQQrEeL1VxgjzQZVwxFqONuql3y9_Edxvtw7Dp0uzume0NarnASkqj1t5azeGc5lfkr_n7V0rk7mqYNuS=w1000-h600-no?authuser=0') center; background-size: cover; display: flex; align-items: flex-start; margin-bottom: 20px; }
.ucv-a2-texts { /* background-color:#4a4647;*/ background-color: rgba(0, 0, 0, 0.35); margin: 0; padding: 3vw 2vw 3vw 2.5vw; width: 50%; text-align: left; border-radius: 0; }
.ucv-a2-header { font-weight: 500; font-size: 26px; line-height: 32px; color: var(--banner-color); margin: 0px 0px 5px; padding: 7px 0; }
.ucv-a2-sub-header { font-size: 16px; line-height: 32px; padding: 7px 0px; color: #fff; margin: 0px 0px 10px; }
.ucv-a2-text { position: relative; font-size: 14px; line-height: 26px; color: #fff; margin: 0px 0px 10px;
}
.ucv-a2-link { display: inline-block; padding: 7px 25px; font-size: 16px;
color: #000 !important; text-decoration: none !important; border: 2px solid #456990; background: #456990; transition: all .3s ease; }
.ucv-a2-link:hover {
background: transparent; border-color: #fff; color: #fff !important; transition: all .3s ease; }
@media screen and (max-width: 1200px) { .ucv-a2-texts { background-color: rgba(0, 0, 0, 0.4); width: auto; text-align: left !important; border-radius: 0; }
.ucv-a2-panel { padding: 0; }
.ucv-a2-sub-header, .ucv-a2-text { color: #fff; } }
.uc-btns { display: inline-block; padding: 7px 25px; font-size: 16px;
border-radius: 3px; color: #fff !important; text-decoration: none !important; border: 2px solid #333;; background: #333;; transition: all .3s ease; }
.uc-btns:hover {
background: #4d4d4d; border-color: #4d4d4d; color: #fff !important; transition: all .3s ease; }
.uc-numbers { padding: 20px;
}
.uc-numbers h2 { text-align: center; padding-bottom: 20px; }
.uc-numbers-inner { display: flex; flex-wrap: wrap; justify-content: space-around; position: relative; z-index: 0; }
.uc-numbers-inner__item { display: flex; justify-content: center; align-items: center; position: relative; width:47%; margin: 25px 1%; padding: 20px; border-radius: 3px; background: url(https://xmobile.prom.ua/cloud-cgi/static/uaprom-uc/production/design_template/981/images/bg-main.jpg) 50%; box-sizing: border-box; text-align: center; }
.uc-numbers-inner__item strong { color: #456990; font-size: 18px; transition: 0.5s; }
.uc-numbers-inner__item:hover strong { color: #4d4d4d; }
.uc-numbers-inner__item:before { content: ''; position: absolute; top: -2px; left: -2px; right: -2px; bottom: -2px; background: #456990; z-index: -1; transform: skew(2deg, 2deg); border-radius: 3px; transition: 0.5s; }
.uc-numbers-inner__text span { color: #000; font-weight: 550; font-size: 18px; }
.uc-numbers-inner__item:hover:before { background: #333; transform: skew(-2deg, -2deg); }
.uc-numbers-inner__title { position: absolute; top: 50%; transform: translateY(-50%); right: 10px; font-size: 80px !important; font-weight: bold; line-height: 5rem; color:rgba(255,209,114, .1); transition: 0.5s; }
.uc-numbers-inner__item:hover .uc-numbers-inner__title { top: -10px; color: rgba(255,209,114, 0.8); }
@media screen and (max-width: 1000px) { .uc-numbers-inner__item { width: 46%; }
}
@media screen and (max-width: 800px) { .uc-numbers-inner__item { width: 100%; }
}
.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: #456990; 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: #456990; 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: #456990; 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: #456990; 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: #000; display: inline-block; margin-top: 10px; }
.ucv-b1-name:hover { color: #456990; }
.ucv-b1-desc { display: block; margin: 10px 0; position: absolute; visibility: hidden; color: #333; }
.ucv-b1-panel .ucv-b1-wrapper { width: 31.9%; }
@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-info { box-sizing: border-box;
padding: 20px; text-align: center; }
.uc-info-block { padding: 20px 0 0; display: flex; flex-wrap: wrap;
}
.uc-info-content { position: relative; box-sizing: border-box; background: rgba(156, 222, 218, 0.05); width: 24%; margin: 3px; padding: 20px; }
.uc-info-content strong { color: #3979ad; font-weight: 600; font-size: 18px; }
.uc-info-content-el:after { content: ''; background: #fff; position: absolute; width: 20px; height: 20px; border: 5px solid #3979ad; border-radius: 50%; top: 42%; bottom: 0; left: 95%; right: 0; z-index: 1; }
@media screen and (max-width: 900px) { .uc-info-content { position: relative; box-sizing: border-box; background: url(https://d246sc7spddeom.cloudfront.net/production/design_template/980/images/bodybg.gif); width: 48%; margin: 3px; padding: 20px; }
.uc-info-content-el:after { content: '';
background: #fff; position: absolute; width: 20px; height: 20px; border: 5px solid ##3979ad; border-radius: 50%; top: 89%; bottom: 0; left: 46%; right: 0; z-index: 1; }
.uc-info-content:after { content: '';
background: #fff; position: absolute; width: 20px; height: 20px; border: 5px solid #3979ad; border-radius: 50%; top: 89% bottom: 0; left: 46%; right: 0; z-index: 1; } }
@media screen and (max-width: 600px) { .uc-info-content { position: relative; box-sizing: border-box; background: rgba(156, 222, 218, 0.05); width: 100%; margin: 3px; padding: 20px; }
.uc-info-content-el:after { content: '';
background: #fff; position: absolute; width: 20px; height: 20px; border: 5px solid #3979ad; border-radius: 50%; top: 89%; bottom: 0; left: 46%; right: 0; z-index: 1; }
.uc-info-content:after { content: '';
background: #fff; position: absolute; width: 20px; height: 20px; border: 5px solid #3979ad; border-radius: 50%; top: 89% bottom: 0; left: 46%; right: 0; z-index: 1; } }
.ucv-1-container {
text-align: center; padding: 20px 0 30px; }
.ucv-1-content { display: flex; justify-content: center; flex-direction: row; flex-wrap: wrap;
}
.ucv-1-block-title { display: block; font-size: 17px;
color: #3979ad; font-weight: 550; margin: 8px 0; }
.ucv-1-block { margin: 10px; text-align: left; width: 21%; padding: 15px; }
.ucv-1-block img { transition: all 0.5s ease; }
.ucv-1-block:hover img { transform: translateY(-5px); }
@media screen and (max-width: 1050px) { .ucv-1-block { width: 42%;
} }
@media screen and (max-width: 350px) { .ucv-1-block { width: 100%;
} }
.uc-reviews { padding: 20px; }
.uc-reviews__inner { display: flex; justify-content: space-around; flex-wrap: wrap; }
.uc-comment { display: flex; flex-direction: column; width: 45%; padding: 20px; align-items: center; justify-content: space-around; position: relative; background: #f8f8f8; box-sizing: border-box; z-index: 1; margin: 10px 20px; }
.uc-image__area { width: 100px; height: 100px; background: #fff; z-index: 1; border-radius: 100%; }
.uc-user__image { max-width: 100px; height: auto; border-radius: 100%; box-shadow: 0 5px 10px #fff, 0 0 0px 7px #555, 0 0px 10px 10px #fff; }
.uc-comment__content { text-align: center; color: #000; z-index: 1; }
.uc-user__name {
font-size: 1.5rem; color: #333; font-weight: bold; transition-delay: 0.3s; transition: .6s; }
.uc-text {
font-size: 0.9rem; font-style: italic; transition-delay: 0.2s; transition: .6s; }
.uc-first__comment::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 2%; background: #456990; transition: .7s; } .uc-first__comment{ color: #000; } .uc-first__comment:hover .uc-user__name, .uc-first__comment:hover .uc-text { color: #000; transition: .6s; }
.uc-first__comment:hover::before { height: 100%; transition: .7s; }
.uc-second__comment::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 2%; background: #6d6d6d; transition: .7s; }
.uc-second__comment:hover .uc-user__name, .uc-second__comment:hover .uc-text { color: #fff; transition: .6s; }
.uc-second__comment:hover::before { height: 100%; transition: .7s; }
.uc-second__comment:hover .uc-user__name, .uc-second__comment:hover .uc-text { color: #fff; transition: .6s; }
.uc-second__comment:hover::before { height: 100%; transition: .7s; }
@media screen and (max-width: 768px) { .uc-comment { width: 90%; margin: 20px 0; } }
@media screen and (max-width: 320px) { .uc-comment { width: 100%; } }
.uc-arr-panel { padding: 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: 50% !important; table-layout: fixed; float: left; }
.uc-arr-table td { padding: 7px; }
.uc-arr-table+.uc-arr-table { margin-left: 0%; }
.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; }
.ucv-b4-panel { padding: 20px; background-size: cover;
}
.ucv-b4-panel h2 { text-align: center; margin-bottom: 30px; }
.ucv-b4-wrapper { text-align: center; }
.ucv-b4-arrow-wrapper { margin: 10px; width: 22%; display: inline-block; vertical-align: top; }
.ucv-b4-arrow { height: 100px; width: 100px; background: #fff; border-radius: 100%; border: 11px solid #456990; position: relative; margin: 0 auto; }
.ucv-b4-arrow:after { content: ''; position: absolute; bottom: -30px; right: 15px; border-top: 30px solid #456990; border-left: 35px solid transparent; border-right: 35px solid transparent; transition: .3s ease; z-index: 1; }
.ucv-b4-arrow img { display: block; margin: 20px auto 0; }
.ucv-b4-text { margin: 30px auto 0;
}
.ucv-b4-text strong { margin: 20px 0 0; font-size: 30px; color: #3abab1; }
@media screen and (max-width: 1100px) { .ucv-b4-arrow-wrapper { width: 40%; } }
@media screen and (max-width: 800px) { .ucv-b4-arrow-wrapper { width: 65%; } }
.uc-footer {
padding: 0px 20px 20px; text-align: center; }
Качественные магнитные насадки для кровли и других изделий
В наличии большой ассортимент продукции
Вы можете выгодно заказать шестигранные насадки для инструмента с магнитом. Мы гарантируем оригинальное качество и удобные условия отправки продукции в любой регион Казахстана.
Увидеть ассортимент
Почему стоит купить шестигранные магнитные насадки у нас
Лучшее качество
Ведем прямое сотрудничество с изготовителем, что заявляет об отсутствии подделок.
Доступные цены
Ввиду отсутствия посредников устанавливаем демократичную стоимость на продукцию.
Широкий ассортимент
Вы можете заказать разные виды магнитных кровельных насадок.
Удобные условия отправки
Мы быстро упакуем товар и отправим его в любой регион нашей страны.
Оцените достоинства нашего магазина
Все магнитные насадки для кровли в наличии.
Предложены разные способы оплаты продукции.
Гарантируем быструю доставку.
Качественно упаковываем товар.
ТОО "Крепеж" – выгодные покупки
01
Лучшее обслуживание Консультанты помогут в выборе продукции.
02
Быстрая доставка Мы доставим товар в течение пары дней.
Как купить шестигранную насадку для шуруповерта у нас
Оформление заявки
Обсуждение деталей
Выбор способа оплаты
Отправка и получение товара клиентом
Купите шестигранные насадки в нашей компании
Закажите прямо сейчас!
Связаться с нами