"LESSAN" компания по производству и продаже светотехнической продукции

.uc-btns { position: relative; display: inline-block; margin-top:10px; padding: 10px 30px; box-sizing: border-box; vertical-align: middle; text-align: center; font: 16px 'Roboto', sans-serif; cursor: pointer; text-decoration: none!important; background: #7CA90D; border-radius: 5px; box-shadow: inset 0 -2px #7CA90D; color: #fff!important; transition: all 300ms ease-in-out; } .uc-btns:hover { background: #FF7307; box-shadow: inset 0 -2px #FF7307; color: #fff!important; transition: all 300ms ease-in-out; } .uc-title { margin: 30px 0 0!important; display: block; text-align: left; color: #000; padding-bottom: 10px; border-bottom: 1px solid #E3E3E3; -webkit-box-shadow: 0 1px #E3E3E3; -moz-box-shadow: 0 1px #E3E3E3; box-shadow: 0 1px #E3E3E3; text-transform: uppercase; font: 17px 'Boblic',Sans-Serif; } .ucv-a2-panel strong { font-size: 20px; color: #FF7307; } .ucv-a2-panel { background: #777 url('https://i.ibb.co/gScdtvb/image.jpg') center center; background-size: cover; } .ucv-a2-texts { background-color: rgba(60, 60, 60, 0.8); margin: 0; padding: 40px 15px; text-align: center; width: 48%; } .ucv-a2-header { font-size: 30px; line-height: 32px; color: #FF7307; 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: #7CA90D!important; padding: 0 20px; border-radius: 5px; border: 2px solid #7CA90D; font-size: 16px; } .ucv-a2-link:hover { color: #FF7307!important; border-color: #FF7307; } @media screen and (max-width: 500px) { .ucv-a2-texts { width: auto; text-align: center!important; } .ucv-a2-panel { padding: 0; background: none; } } .ucv-b1-tiles { display: block; text-align: center; position: relative; padding: 20px 10px; } .ucv-b1-tiles { text-align: center; position: relative; padding: 20px 10px; } .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; 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(60, 60, 60,0) 0%, rgba(60, 60, 60,0.65) 35%, rgba(60, 60, 60,0.85) 60% ); 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: #7CA90D; display: inline-block; margin-top: 10px; text-align: center; position: relative; z-index: 9; } .ucv-b1-name:hover { color: #FF7307; } .ucv-b1-desc { display: block; margin: 10px 0; position: absolute; visibility: hidden; color: #333; } .ucv-b1-tiles .ucv-b1-wrapper { width: 31%; display: inline-block; } .ucv-b1-details { display: inline-flex; font-size: 17px; padding: 10px; 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: 15px; 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: 1050px) { .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: 51%; } .ucv-b1-tiles .ucv-b1-wrapper+.ucv-b1-wrapper+.ucv-b1-wrapper { width: 51%; } } @media screen and (max-width: 500px) { .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; } } :root { --infograph-color2: transparent; --infograph-color1: transparent; } .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; color: #7CA90D; } .four-text {color: #000} .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-oco-panel { padding: 20px 0px 30px; } .uc-oco-header { text-align: center; color: #FF7307; padding-bottom: 20px; } .uc-oco-table { border-width: 0px !important; width: 50% !important; table-layout: fixed; float: left; text-align: left; color: #000; } .uc-oco-table+.uc-oco-table { margin-left: 0%; } .uc-oco-table td { padding: 10px; transition: all 0.5s; } .uc-oco-table img { transition: all 0.4s; } .uc-oco-table tr:hover td { box-shadow: 0 100px 0 #FF7307 inset; transition: all 0.5s; color: #fff; } .uc-oco-table tr:hover img {} .uc-oco-table-col1 { width: 50px; position: relative; height: 50px; padding-left: 15px; transition: all 0.85s; } .uc-oco-table tr:hover .uc-oco-table-col1 { transition: all 0.85s; box-shadow: 0 -100px 0 #FF7307 inset !important; } .uc-oco-table tr img { position: absolute; top: 50%; left: 50%; } .uc-table_ocons { transition: all 0.1s ease 0s; transform: translate(-50%, -50%) scale(1.0); } .uc-table_ocons2 { -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); transform: translate(-50%, -50%) scale(0); -moz-transform: translate(-50%, -50%) scale(0); -webkit-transform: translate(-50%, -50%) scale(0); -o-transform: translate(-50%, -50%) scale(0); -ms-transform: translate(-50%, -50%) scale(0); -webkit-transition: opacity .2s ease-in-out, transform .2s ease-in-out .1s; -moz-transition: opacity .2s ease-in-out, transform .2s ease-in-out .1s; -o-transition: opacity .2s ease-in-out, transform .2s ease-in-out .1s; transition: opacity .2s ease-in-out, transform .2s ease-in-out .1s; } .uc-oco-table tr:hover .uc-table_ocons { transition: all 0.1s ease 0s; transform: translate(-50%, -50%) scale(0.0); } .uc-oco-table tr:hover .uc-table_ocons2 { -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); } @media screen and (max-width: 1100px) { .uc-oco-table { float: none; width: 100% !important; } .uc-oco-table+.uc-oco-table { margin: 0; } } @media screen and ( max-width: 500px) { .uc-oco-table td { vertical-align: top!important; } } .uc-clear { clear: both; height: 0;} .uc-box:nth-child(4), .uc-box:nth-child(5) { width: 47%; } .uc-notification_wrapper { display: flex; justify-content: space-around; flex-wrap: wrap; margin: 0 auto; padding: 34px 0px 0px; } .uc-box { display: flex; position: relative; width: 30%; margin-bottom: 40px; } .uc-box_inner { display: flex; flex-direction: column; position: relative; background: #F2F2F2; 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: #333849; font-size: 20px; } .uc-comment { padding: 20px 0; border-top: 1px solid #333849; } .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: #F2F2F2; transform: rotate(45deg); } .uc-box_inner::after { content: ""; position: absolute; top: -13px; left: 29px; width: 30px; background: #F2F2F2; height: 30px; transform: rotate(45deg); } @media screen and (max-width: 1200px) { .uc-box { width: 90%; } .uc-box:nth-child(2) { margin-top: 50px; } } .uc-order-panel { padding: 20px; } .uc-order-block { box-sizing: border-box; display: flex; flex-wrap: wrap; justify-content: space-around; width: 100%; margin: 0 auto; } .uc-order-wrapp { width: 22%; margin: 0%; display: inline-block; vertical-align: top; } .uc-order-arr { width: 120px; height: 120px; margin: 0 auto; position: relative; border: 4px dotted #7CA90D; line-height: 160px; text-align: center; color: #fff; font-size: 30px; transition: all 0.3s; }.uc-order-wrapp:hover img{ transform: rotateY(-360deg); transition: all 1s ease; } .uc-order-number1 { position: absolute; bottom: -7px; left: -21px; width: 40px; height: 40px; background-color: #59B7DB; border: 3px dotted transparent; line-height: 38px; color: #fff; font-size: 26px; } .uc-order-number2 { position: absolute; top: 54px; right: -25px; width: 40px; height: 40px; background-color: #59B7DB; border: 3px dotted transparent; line-height: 38px; color: #fff; font-size: 26px; } .uc-order-number3 { position: absolute; top: 10px; right: -29px; width: 40px; height: 40px; background-color: #59B7DB; border: 3px dotted transparent; line-height: 38px; color: #fff; font-size: 26px; } .uc-order-number4 { position: absolute; left: -23px; top: -3px; width: 40px; height: 40px; background-color: #59B7DB; border: 3px dotted transparent; line-height: 38px; color: #fff; font-size: 26px; } .uc-order-text { text-align: center; margin: 25px auto; position: relative; color: #000 } @media screen and (max-width: 1100px) { .uc-order-wrapp { width: 44%;}} @media screen and (max-width: 600px) { .uc-order-wrapp { width: 90%; }} .uc-footer { padding: 10px 20px; text-align: center; color: #000 } «Lessan» Светодиодное освещение и оборудование Наша компания с 2015 года занимается изготовлением и продажей светодиодных светильников, модулей и датчиков для них. Наша цель - это предоставить своим клиентам товар высокого качества по максимально выгодной цене. Для этого в нашем штате состоят опытные профессионалы, а на производстве установлено современное оборудование. Наш каталог Что мы можем Вам предложить? Хороший выбор светодиодных ЖКХ светильников.Светильники ЖКХ Уличные светодиодные светильники собственного производства.Уличные светильникиБогатый ассортимент модулей для светодиодных светильников.Светодиодные модули Датчики для светодиодных светильников собственного производства.Датчики "Lessan" Почему вся наша продукция пользуется большим спросом? Высокое качество За счет собственного производства мы можем гарантировать высокое качество продукции, расположенной в нашем каталоге. Гарантия На весь товар, находящийся в каталоге нашего интернет-магазина, мы предоставляем гарантию на 3 года. География Мы принимаем заявки и отправляем заказы по всей территории Российской Федерации. Ассортимент В нашем каталоге представлен богатый выбор светодиодного освещения и оборудования. Каталог «Lessan» — почему обращаются к нам? Вы будете работать напрямую с производителем, что позволит Вам сэкономить Ваши деньги и время. Для удобства своих клиентов мы внедрили несколько способов оплаты и доставки заказа. Мы сами являемся производителями, что дает нам возможность контролировать и гарантировать качество товара. За счет собственного производства мы не завышаем цены, так что Вы всегда получите от нас выгодное предложение. Наш каталог Как с нами работать? Подбираете вариант на сайте или по телефону. Связываемся для уточнения деталей и сроков. Проводите 100% предоплату в оговоренном размере. Производим и отправляем Вам заказанный товар. Свяжитесь с нами прямо сейчас! Если у Вас возникли вопросы по оплате или доставке, то свяжитесь с нашими сотрудниками по контактному номеру, указанному на сайте. Они проведут для Вас полную консультацию, ответят на все Ваши вопросы и помогут оформить заказ. Свяжитесь с нами!