Интернет магазин "Компонент"
.ucv-a2-panel strong {
font-size: 20px;
color:#46b9e4;
}
.ucv-a2-panel {
background: #fff url('http://content.s2.prom.st/July2020/57676.jpg') center;
background-size: cover;
display: flex;
align-items: flex-start;
}
.ucv-a2-texts {
background-color: rgba(63,63,63, 0);
margin: 0;
padding: 20px 15px 20px 20px;
width: 42%;
text-align: left;
border-radius: 0;
}
.ucv-a2-header {
font-size: 26px;
line-height: 32px;
color: #46b9e4;
margin: 0px 0px 0px;
padding: 7px 60px 7px 0px;
}
.ucv-a2-sub-header {
font-size: 16px;
line-height: 32px;
padding: 7px 0px;
color: #fff;
margin: 0px 0px 0px;
}
.ucv-a2-text {
position: relative;
font-size: 14px;
line-height: 26px;
color: #fff;
margin: 0px 0px 0px;
}
.ucv-a2-link {
display: inline-block;
height: 37px;
line-height: 37px;
text-decoration: none!important;
text-align: center;
color:#46b9e4!important;
padding: 0 20px;
border: 2px solid #46b9e4;
border-radius: 3px;
font-size: 16px;
}
.ucv-a2-link:hover {
color: #fff!important;
border-color: #fff;
}
@media screen and (max-width: 1000px) {
.ucv-a2-texts { color: #000!important;
background-color: rgba(55, 55, 55, 0.8);
width: auto;
text-align: left!important;
border-radius: 0;
}
.ucv-a2-panel {
padding: 0;
}
}
.uc-btns {
display: inline-block;
padding: 8px 30px;
font-size: 16px;
color: #fff!important;
text-decoration: none!important;
background: #53c962;
transition: all .3s ease;
}
.uc-btns:hover { background: #333;
transition: all .3s ease;
}
.uc-info {
padding: 20px 0;
text-align: center;
border-bottom: 1px solid #ddd;
}
.uc-info_wrap {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.uc-info h2 {
margin-bottom: 30px;
}
.uc-info-scheme {border-radius: 25px;
width:45.8%;
margin: 10px 1.5%;
padding: 20px 15px;
box-sizing: border-box;
vertical-align: top;
box-shadow: 0 0 2px #46b9e4;
transition: all .3s ease;
}
.uc-info-scheme span{
color: #46b9e4;
font-size: 18px;
}
.uc-info-scheme:hover {transform: scale(1.02);
box-shadow: 0 0 7px #46b9e4;
transition: all .3s ease;
}
@media screen and (max-width: 900px) {
.uc-info-scheme {
width: 98%;
margin: 10px auto;
}
}
.uc-panel {
border-bottom: 1px solid #e9e9e9;
padding: 20px 0;
text-align: center;
}
.uc-panel:after {
content: " ";
display: block;
clear: both;
font-size: 0px;
}
.uc-header {
margin-bottom: 20px!important;
text-align: center;
}
.uc-wrapper {
display: inline-block;
vertical-align: top;
margin: 10px .5%;
text-decoration: none;
}
.uc-img-holder {
display: block;
text-align: center;
position: relative;
overflow: hidden;
max-width: 300px;
margin: 0 auto;
border: 1px solid #ebebeb;
background-color: rgba(255, 255, 255, 0.05);
transition: all 0.5s linear; transform: rotateY(0);
transform: rotateY(0);
perspective: 400px;
}
.uc-img-holder:hover img {
transform: rotateY(180deg);
}
.uc-img-holder img {
display: block;
position: relative;
max-width: 100%;
max-height: 100%;
transition: all 800ms ease-in-out;
transform-style: preserve-3d;
}
.uc-img-holder:hover .uc-hint {
opacity: 1;
}
.uc-hint {
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.6);
transition: all 0.5s linear;
opacity: 0;
}
.uc-hint-body {
position: absolute;
top: 50%;
left: 0;
width: 100%;
color: #fff;
padding: 15px;
opacity: 0;
transform: translateY(-50%);
transition: all 0.5s linear;
box-sizing: border-box;
}
.uc-name {
font-size: 15px;
color: #2f2f2f;
display: inline-block;
margin-top: 10px;
}
.uc-name:hover {
color: #46b9e4;
}
.uc-wrapper:hover .uc-img-holder,
.uc-img-holder:hover .uc-hint-body {
opacity: 1;
}
.uc-desc {
display: block;
margin: 10px 0;
position: absolute;
visibility: hidden;
color: #333;
}
.uc-panel .uc-wrapper {
width: 41.8%;
}
@media screen and (max-width: 768px) {
.uc-desc {
position: static;
visibility: visible;
}
.uc-panel .uc-wrapper {
width: 51%;
}
.uc-panel .uc-wrapper+.uc-wrapper+.uc-wrapper {
width: 51%;
}
}
@media screen and (max-width: 500px) {
.uc-panel .uc-wrapper,
.uc-panel .uc-wrapper+.uc-wrapper+.uc-wrapper {
width: auto;
margin-right: 15px;
margin-left: 15px;
}
}
.uc-b5-panel {
padding: 20px 0;
text-align: center;
border-bottom: 1px solid #ddd;
}
.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: #46b9e4;
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 30px;
text-align: center;
}
.uc-footer p {
margin: 20px 0;
}
Світлодіодна продукція і все для її підключення
Пропонуємо товари тільки відмінної якості за мінімальними цінами
Надаємо першокласний сервіс і вигідні умови для кожного клієнта. Гарантуємо швидку доставку оптових і роздрібних замовлень.
Наш асортимент
Наші хіти продажу
У нас можно купить светодиодные лампы, светильники, ленты, гирлянды, прожекторы и пр. Светодиодная продукция У нас можно купить светодиодные лампы, светильники, ленты, гирлянды, прожекторы и пр. В ассортименте представлены блоки питания разной мощности, зарядки, инверторы, стабилизаторы и пр. Источники питания В ассортименте представлены блоки питания разной мощности, зарядки, инверторы, стабилизаторы и пр. В наличии сверх яркие светодиоды, SMD и выводные светодиоды, линзы, радиаторы и подложки для светодиодов. Светодиоды В наявності понад яскраві світлодіоди, SMD і вивідні світлодіоди, лінзи, радіатори і підкладки для світлодіодів. Широкий асортимент RGB контролерів для світлодіодної стрічки, підсилювачів для світлодіодної стрічки, діммеров. Пристрої керування Широкий асортимент RGB контролерів для світлодіодної стрічки, підсилювачів для світлодіодної стрічки, діммеров.
Чому саме ми
Індивідуальний сервіс — ми приділяємо максимум часу кожного клієнта, консультуємо і допомогу в підборі світлодіодної продукції, пропонуємо різні варіанти оплати і доставки.
Відповідальний підхід — реалізуємо виключно якісні товари і надаємо офіційну гарантію, відправляємо в день звернення, персонально розраховуємо знижку при об'ємному замовленні.
Просто оформити замовлення
Залиште свою заявку онлайн
→
Підтвердіть замовлення менеджеру
→
Оплатіть обумовленим способом
→
Доставимо вигідним перевізником
За світлодіодним продукцією в «КОМПОНЕНТ»
Пропонуємо великий асортимент, конкурентні ціни та лояльні умови
Чекаємо на ваші заявки. Завжди готові проконсультувати і допомогу підібрати товари, найбільш відповідні вашим вимогам.
У каталог
