Магазин-Зелена лінія
.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: #f24a41; color: #fff!important; border-radius: 3px; transition: all 300ms ease-in-out; cursor:pointer;}
.uc-btns:hover {
background: #ef1d11;
transition: all 300ms ease-in-out; }
.uc-title {
margin: 30px 0 0!important;
display: block;
padding: 10px;
border-bottom: 1px solid #d9d9d9;
text-align: center;
}
.uc-banner {
display: flex;
flex-direction: column;
align-items: flex-end;
justify-content: center;
min-height: 55vh;
background: url(http://content.s2.prom.st/July%202021/66683GL.jpg) no-repeat 50% 50% / cover;
padding: 20px;
position: relative;
}
.uc-banner::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-sizing: border-box;
background: rgba(29, 49, 79,.5);
}
.uc-banner:hover .uc-banner__desc::before,
.uc-banner:hover .uc-banner__desc::after{
width: 100%;
height: 100%;
transition: all 800ms ease-in-out;
}
.uc-banner__content {
width: 100%;
display: flex;
flex-direction: column;
justify-content: space-around;
align-items: self-start;
position: relative;
}
.uc-banner__background {
background: #1d314f;
padding: 7px 0;
box-shadow: -10px 0 #1d314f, 10px 0 #1d314f;
position: relative;
}
.uc-banner__desc {
width: 80%;
align-self: center;
display: flex;
flex-direction: column;
align-items: flex-start;
position: relative;
padding: 10px;
}
.uc-banner__desc::before {
content: '';
position: absolute;
top: 0;
left: 0px;
border-top: 5px solid #b8cae6;
border-left: 5px solid #b8cae6;
width: 30px;
height: 30px;
transition: all 800ms ease-in-out;
box-sizing: border-box;
}
.uc-banner__desc::after {
content: '';
position: absolute;
bottom: 0;
right: 0px;
border-bottom: 5px solid #b8cae6;
border-right: 5px solid #b8cae6;
width: 30px;
height: 30px;
transition: all 800ms ease-in-out;
box-sizing: border-box;
}
.uc-banner__title,
.uc-banner__subtitle,
.uc-banner__text {
color: #fff;
padding: 0px 20px;
box-sizing: border-box;
line-height: 1.2rem;
font-size: 1rem;
z-index: 1;
}
.uc-banner__title {
font-size: 2rem!important;
color: #b8cae6;
line-height: 60px!important;
position: relative;
}
@media screen and (max-width: 1050px) {
.uc-banner__title::before {
display: none;
}
.uc-banner__content {
width: 100%;
}
}
@media screen and (max-width: 480px) {
.uc-banner__desc {
width: 100%;
padding: 10px 0;
}
}
.ucv-b1-panel {
padding: 0 20px;
text-align: center;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.ucv-b1-panel h2 {
margin-bottom: 40px!important;
text-align: center;
}
.ucv-b1-wrapper {
display: inline-block;
vertical-align: top;
margin: 15px 1%;
text-decoration: none;
}
.ucv-b1-img-holder {
display: block;
text-align: center;
position: relative;
overflow: hidden;
max-width: 450px;
margin: 0 auto;
border: 1px solid #ebebeb;
}
.ucv-b1-img-holder img {
display: block;
height: auto !important;
}
.ucv-b1-img-holder:hover .ucv-b1-hint {
top: 0;
}
.ucv-b1-hint {
position: absolute;
left: 0;
top: -100%;
width: 100%;
height: 100%;
background: rgba(29, 49, 79,0.75);
text-align: left;
color: #fff;
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: 18px;
color: #2a4875;
display: inline-block;
margin-top: 10px;
}
.ucv-b1-name:hover {
color: #375f9b;
}
.ucv-b1-desc {
display: block;
margin: 10px 0;
position: absolute;
visibility: hidden;
color: #333;
}
.ucv-b1-panel .ucv-b1-wrapper {
width: 60%;
}
@media screen and (max-width: 1025px) {
.ucv-b1-panel .ucv-b1-wrapper {
width: 70%;
}
.ucv-b1-desc {
position: static;
visibility: visible;
}
.ucv-b1-wrapper {
margin: 15px 2%;
}
}
@media screen and (max-width: 800px) {
.ucv-b1-panel .ucv-b1-wrapper {
width: auto;
}
}
.uc-num-wrapper {
padding: 10px 20px;
}
.uc-number__icon {
width: 50px;
height: auto;
}
.uc-numbers {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
.uc-number__item {
margin: 30px 0;
position: relative;
display: flex;
flex-direction: column;
width: 95%;
background: #f6f7fa;
border-radius: 20px;
box-shadow: inset -3px 20px 20px 0 rgb(0 0 0 / 10%);
text-align: center;
padding: 20px 50px;
box-sizing: border-box;
border-right: solid 5px;
border-top: solid 5px;
border-color: #d9d9d9;
}
.uc-number {
position: absolute;
bottom: 25px;
left: 92%;
width: 90px;
height: 90px;
background: rgba(42, 72, 117, .5);
border-radius: 100%;
overflow: hidden;
}
.uc-number span {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, 0%);
font-size: 80px;
font-weight: bold;
color: #fff;
}
.uc-number__description {
position: relative;
}
.uc-number__item::after {
content: '';
position: absolute;
right: 94%;
bottom: 92%;
width: 30px;
height: 30px;
background: rgba(42, 72, 117, .5);
border-radius: 100%;
animation: opacityBackground 2s linear alternate infinite;
}
@keyframes opacityBackground {
0% {
background: rgba(42, 72, 117, .3);
}
33% {
background: rgba(42, 72, 117, .5);
}
66% {
background: rgba(42, 72, 117, .8);
}
100% {
background: rgba(42, 72, 117, 1);
}
}
@media screen and (max-width: 1024px){
.uc-number__item {
width: 95%;
}
.uc-number {
left: 90%;
}
}
@media screen and (max-width: 767px) {
.uc-number {
left: 76%;
}
}
:root { --infograph-color2: #2a4875; --infograph-color1: #2a4875; }
.uc-four-panel {
padding: 20px 10px 40px;
}
.uc-four-panel h2 {
margin-bottom: 20px;
text-align: center;
}
.uc-four-container {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
.uc-four-item {
display: flex;
flex-direction: column;
width: 46%;
padding: 20px;
background: #f6f7fa;
box-shadow: 1px 1px 8px -4px #d9d9d9;
transition: box-shadow 0.3s, color 0.3s ease-in-out;
margin: 2%;
box-sizing: border-box;
}
.uc-four-item strong {
font-size: 22px;
color: #f24a41;
transition: 0.3s ease-in-out;
}
.uc-four-item:hover strong {
color: #b8cae6;
transition: 0.3s ease-in-out;
}
.uc-four-item:hover {
box-shadow: 0px 0px 15px 1px rgba(94, 94, 94, 0.4);
transition: box-shadow 0.3s ease-in-out;
}
.uc-four-content-1,
.uc-four-content-2,
.uc-four-content-3,
.uc-four-content-4 {
text-align: center;
position: relative;
padding: 25px;
display: flex;
flex-direction: column;
align-items: center;
height: 100%;
}
.uc-four-content-1:after {
content: '';
position: absolute;
top: 0px;
right: 0px;
width: 100%;
height: 10px;
background: var(--infograph-color2);
border-radius: 5px;
transition: 300ms ease-in-out;
}
.uc-four-content-1:before {
content: '';
position: absolute;
bottom: 0px;
left: 0px;
width: 10px;
height: 100%;
background: var(--infograph-color2);
border-radius: 5px;
transition: 500ms ease-in-out;
}
.uc-four-content-2:after {
content: '';
position: absolute;
top: 0px;
right: 0px;
width: 100%;
height: 10px;
background: var(--infograph-color1);
border-radius: 5px;
transition: 300ms ease-in-out;
}
.uc-four-content-2::before {
content: '';
position: absolute;
bottom: 0;
right: 0;
width: 10px;
height: 100%;
background: var(--infograph-color1);
border-radius: 5px;
transition: 500ms ease-in-out;
}
.uc-four-content-3:after {
content: '';
position: absolute;
bottom: 0px;
right: 0px;
width: 100%;
height: 10px;
background: var(--infograph-color1);
border-radius: 5px;
transition: 300ms ease-in-out;
}
.uc-four-content-3::before {
content: '';
position: absolute;
bottom: 0px;
left: 0px;
width: 10px;
height: 100%;
background: var(--infograph-color1);
border-radius: 5px;
transition: 500ms ease-in-out;
}
.uc-four-content-4::after {
content: '';
position: absolute;
bottom: 0px;
right: 0px;
width: 100%;
height: 10px;
background: var(--infograph-color2);
border-radius: 5px;
transition: 300ms ease-in-out;
}
.uc-four-content-4::before {
content: '';
position: absolute;
bottom: 0;
right: 0;
width: 10px;
height: 100%;
background: var(--infograph-color2);
border-radius: 5px;
transition: 500ms ease-in-out;
}
.uc-four-item:hover .uc-four-content-1::before,
.uc-four-item:hover .uc-four-content-2::before,
.uc-four-item:hover .uc-four-content-3::before,
.uc-four-item:hover .uc-four-content-4::before {
transition: 500ms ease-in-out;
width: 100%;
}
.uc-four-item:hover .uc-four-content-1::after,
.uc-four-item:hover .uc-four-content-2::after,
.uc-four-item:hover .uc-four-content-3::after,
.uc-four-item:hover .uc-four-content-4::after {
transition: 300ms ease-in-out;
height: 100%;
}
.uc-four-text {
transition: color 0.6s ease-in-out;
z-index: 1;
}
.uc-four-item:hover .uc-four-text {
transition: color 0.3s ease-in-out;
color: #fff;
}
@media screen and (max-width: 800px) {
.uc-four-item {
width: 100%;
}
.uc-four-content-1:after,
.uc-four-content-1:before,
.uc-four-content-2:after,
.uc-four-content-2:before,
.uc-four-content-3:after,
.uc-four-content-3:before,
.uc-four-content-4:after,
.uc-four-content-4:before {
display: none;
}
.uc-four-content-1,
.uc-four-content-3 {
border: 10px solid var(--infograph-color2);
border-radius: 10px;
}
.uc-four-content-2,
.uc-four-content-4 {
border: 10px solid var(--infograph-color1);
border-radius: 10px;
}
.uc-four-item:hover .uc-four-text {
color: inherit;
}
.uc-four-item:hover strong {
color: #3f3f3f;
}
.uc-four-content-1,
.uc-four-content-2,
.uc-four-content-3,
.uc-four-content-4 {
padding: 10px;
}
.uc-four-text {
transition: color 0.6s ease-in-out;
z-index: 0;
}
}
.uc-blockquote-panel {
padding: 20px;
}
.uc-blockquote-panel h2 {
text-align: center;
margin-bottom: 20px;
}
.uc-blockquote {
margin: 0;
text-align: center;
padding: 30px 50px;
}
.uc-blockquote span {
background: #2a4875;
box-shadow: -20px 0 #2a4875, 20px 0 #2a4875;
position: relative;
}
.uc-blockquote p {
font-size: 18px;
line-height: 28px;
color: #fff;
}
.uc-blockquote span:before {
content: "\201C";
font-family: serif;
position: absolute;
font-size: 60px;
left: -50px;
top: 10px;
line-height: 0;
color: #f24a41;
}
.uc-blockquote span:after {
content: "\201D";
font-family: serif;
position: absolute;
font-size: 60px;
right: -50px;
bottom: -10px;
line-height: 0;
color: #f24a41;
}
.uc-blockquote .uc-blockquote-user {
text-transform: uppercase;
color: #f24a41;
}
@media screen and (max-width: 1000px) {
.uc-blockquote {
padding: 30px;
}
}
.uc-info {
padding: 50px 0 20px;
}
.uc-info-container {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
position: relative;
filter: drop-shadow(0 0 2px rgba(0,0,0,.2));
}
.uc-info__item {
display: flex;
justify-content: center;
width: 45%;
margin-bottom: 30px;
}
.uc-info-item__inner {
display: flex;
align-items: center;
background: #f6f7fa;
box-shadow: inset -3px 20px 20px 0 rgb(0 0 0 / 10%);
border-radius: 20px;
}
.uc-info-item__inner:hover .uc-info__icon {
transform: scale(1.1);
transition: .5s linear;
}
.uc-info__icon {
width: 45px;
height: auto;
transition: .5s linear;
}
.uc-info__number {
font-size: 7rem;
line-height: 1.1;
opacity: 0.1;
animation: numberUpDown 2s linear alternate infinite;
margin-right: 10px;
color: #2a4875;
}
.uc-info__number_1 {
animation-delay: 1s;
}
.uc-info__number_2 {
animation-delay: 2s;
}
.uc-info__number_3 {
animation-delay: 3s;
}
.uc-info__number_4 {
animation-delay: 4s;
}
.column {
width: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.column__right {
width: 55%;
}
.column__left {
width: 45%;
}
.uc-info__desc {
box-shadow: -18px 0 12px -15px rgb(51 51 51 / 43%);
padding: 0 10px;
}
@media screen and (max-width: 1580px) {
.uc-info__item {
width: 45%;
}
}
@media screen and (max-width: 1060px) {
.uc-info__line {
display: none;
}
.uc-info__item {
width: 98%;
}
.uc-info__item:not(:last-child) {
margin-bottom: 30px;
}
}
@keyframes numberUpDown {
0% {
transform: scale(1);
opacity: 0.1;
}
100% {
transform: scale(1.2);
opacity: 1;
}
}
@-webkit-keyframes numberUpDown {
0% {
transform: scale(1);
opacity: 0.1;
}
100% {
transform: scale(1.2);
opacity: 1;
}
}
.uc-e1-panel {
padding: 20px; text-align:center;
}
Засоби по догляду за рослинами
Оптово-роздрібний продаж і професійні послуги з озеленення
Заказы от 1 000 грн доставляем бесплатно, действуют гибкие условия оплаты. Гарантируем высокое качество продукции и услуг. Предоставляем скидки от объема заказа и постоянным клиентам.
Подивитися каталог
Ексклюзивна новинка
Спеціальні пристосування, призначені для вирощування рослин на вертикальній поверхні. Застосовуються для вертикального озеленення інтер'єрів і створення фітокартін. Прості в установці, з їх допомогою догляд за рослинами максимально простий і зручний. Фітомодулі Спеціальні пристосування, призначені для вирощування рослин на вертикальній поверхні. Застосовуються для вертикального озеленення інтер'єрів і створення фітокартін. Прості в установці, з їх допомогою догляд за рослинами максимально простий і зручний.
Вигідні пропозиції від «Зеленої лінії»
Якісні товари
В нашому каталозі ви знайдете добрива, засоби захисту рослин, фітомодулі, посівний матеріал, інструмент, садовий інвентар та інші товари від провідних виробників. Ми постійно розширюємо асортимент, це ваш шанс придбати все необхідне в одному інтернет-магазині.
01
Професійні послуги
Виконуємо роботи з озеленення прибудинкової території, офісів, кафе та інших об'єктів. Надаємо послуги по догляду за рослинами. Враховуємо всі вимоги клієнтів, гарантуємо відповідальність та високу якість робіт.
02
Ознайомитися з асортиментом
Чому звертаються саме до нас?
Успішний досвід
Протягом багатьох років ми спеціалізуємося на озелененні та продажах засобів по догляду за рослинами. Нам довіряють роздрібні покупці і оптовики з усіх регіонів України.
Пільгова доставка
Оформляйте замовлення на суму від 1 000 грн і ми візьмемо на себе всі послуги з доставки. Більшість товарів ми готові відправити відразу після підтвердження замовлення. Середній термін доставки — 1-2 дня.
Допомога консультантів
Ми із задоволенням допоможемо вам визначитися з вибором товарів, відповімо на будь-які питання про догляд за рослинами. Ви завжди можете розраховувати на безкоштовні консультації по телефону.
Широкий асортимент
Пропонуємо різні товари для догляду за рослинами, а також великий спектр послуг. У нас ви знайдете унікальні новинки, які ви не знайдете в інших точках продажів. Ми оновлюємо асортимент.
Приступити до замовлення
Відгуки покупців
Пропонуємо вам прямо зараз дізнатися, що говорять про інтернет-магазині «Зелена лінія». Також ми будемо вдячні, якщо ви поділитеся своєю думкою про співпрацю з нами, візьмемо до уваги всі ваші побажання.
Дізнатися інші думки
Правила співпраці
1
Вибирайте товари і послуги на сайті. Залиште заявку онлайн або звертайтесь за телефоном.
2
Скористайтеся консультацією менеджера, узгодьте всі деталі покупки.
3
Внесіть повну або часткову передоплату, залишок ви можете сплатити при отриманні.
4
Отримайте замовлення в пункті самовивозу, у кур'єра або в найближчому відділенні служби доставки.
«Зелена лінія» — все для клумби, саду, городу
Послуги з озеленення та продаж товарів
Вибирайте все необхідне для догляду за рослинами на нашому сайті. Якщо вам складно визначитися з вибором, звертайтесь за телефоном для безкоштовної консультації нашого фахівця. Також ми завжди готові погодити всі умови озеленення вашої ділянки, кафе, офісу. Зв'яжіться з нами прямо зараз!
Підібрати товари
