интернет-магазин "Микроклимат"
.uc-link {
display: inline-block;
padding: 7px 15px;
text-decoration: none !important;
text-align: center;
min-width: 150px;
color: #fff!important;
background-color: #f24a41;
border-bottom: 4px solid #cc3e37;
border-radius: 3px;
transition: all .3s;
font-size: 16px;
margin-top: 15px;
}
.uc-link:hover {
background: #cc3e37;
transform: translateY(4px);
}
.uc-banner {
display: flex;
align-items: center;
justify-content: center;
margin: 20px 0;
}
.uc-banner__content {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
width: 70%;
padding: 35px;
box-sizing: border-box;
}
.uc-banner__content:before {
content: '';
position: absolute;
top: 0;
left: 0;
border-top: 10px solid #fedf00;
border-left: 10px solid #fedf00;
width: 100px;
height: 100px;
transition: all 800ms ease-in-out;
box-sizing: border-box;
}
.uc-banner__content:after {
content: '';
position: absolute;
bottom: 0;
right: 0;
border-bottom: 10px solid #fedf00;
border-right: 10px solid #fedf00;
width: 100px;
height: 100px;
transition: all 800ms ease-in-out;
box-sizing: border-box;
}
.uc-banner:hover .uc-banner__content:before,
.uc-banner:hover .uc-banner__content:after{
width: 100%;
height: 100%;
transition: all 800ms ease-in-out;
}
.uc-banner__header {
font-size: 30px!important;
margin-bottom: 10px!important;
line-height: 34px!important;
}
.uc-banner__subheader {
font-size: 19px!important;
line-height: 26px!important;
}
.uc-banner__text {
line-height: 24px!important;
}
.uc-banner strong {
font-size: 20px;
color: #fedf00;
}
.uc-banner__background-area {
overflow: hidden;
position: relative;
margin-left: 30px;
}
@media screen and (max-width: 1025px) {
.uc-banner__content {
padding: 30px;
}
}
@media screen and (max-width: 800px) {
.uc-banner__content {
width: 100%;
padding: 20px;
}
.uc-banner__background-area {
display: none;
}
}
:root { --infograph-color2: #272727; --infograph-color1: #272727; }
.uc-four-panel {
padding: 40px 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%;
border-radius: 5px;
padding: 20px;
box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2);
background: rgba(255, 255, 255, 0.8);
transition: box-shadow 0.3s, color 0.3s ease-in-out;
margin: 2%;
box-sizing: border-box;
}
.uc-four-item strong {
font-size: 18px;
color: #f24a41;
}
.uc-four-item:hover strong {
color: #ffffff;
}
.uc-four-item:hover {
box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 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: 40px;
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: 20px;
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: 20px;
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: 20px;
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: 20px;
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: 20px;
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: 20px;
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: 20px;
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: 20px;
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 {
color: #fff;
transition: color 0.3s ease-in-out;
}
@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: #f24a41;
}
.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-numbers {
padding: 40px 20px 40px;
background-color: #f6f7fa;
}
.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: 29%;
margin: 35px 1%;
padding: 20px;
border-radius: 3px;
background: #fff;
box-sizing: border-box;
}
.uc-numbers-inner__item strong {
color: #45af2a;
font-size: 18px;
transition: 0.5s;
}
.uc-numbers-inner__item:hover strong {
color: #f24a41;
}
.uc-numbers-inner__item:before {
content: '';
position: absolute;
top: -4px;
left: -4px;
right: -4px;
bottom: -4px;
background: #fedf00;
z-index: -1;
transform: skew(4deg, -4deg);
border-radius: 3px;
transition: 0.5s;
}
.uc-numbers-inner__item:hover:before {
transform: skew(0deg, 0deg);
}
.uc-numbers-inner__title {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 10px;
font-size: 70px!important;
font-weight: bold;
line-height: 5rem;
color: rgba(39, 39, 39, 0.2);
transition: 0.5s;
}
.uc-numbers-inner__item:hover .uc-numbers-inner__title {
top: -10px;
color: rgba(39, 39, 39, 0.99);
}
@media screen and (max-width: 1025px) {
.uc-numbers-inner__item {
width: 44%;
}
}
@media screen and (max-width: 800px) {
.uc-numbers-inner__item {
width: 100%;
margin: 25px 0px;
}
}
.uc-blockquote-panel {
text-align: center;
padding: 40px 20px;
}
.uc-blockquote-panel h2 {
margin-bottom: 30px;
}
.uc-blockquote-wrap {
display: flex;
flex-wrap: wrap;
}
.uc-blockquote {
position: relative;
box-sizing: border-box;
padding: 10px 10px 0px 40px;
margin: 10px 0px;
text-align: left;
width: 49%;
}
.uc-blockquote-round1 {
position: absolute;
top: 0px;
left: 0px;
width: 40px;
height: 40px;
border-radius: 50%;
text-align: center;
background: rgba(109, 109, 109, .6);
animation: slide-2 4s infinite linear;
}
.uc-blockquote-round1:before {
content: "“";
line-height: 66px;
color: #fedf00;
font-size: 60px;
font-family: none;
}
.uc-blockquote-round2 {
position: absolute;
top: 5px;
left: 5px;
width: 40px;
height: 40px;
border-radius: 50%;
background: #000;
animation: slide-2 3s infinite linear;
}
.uc-blockquote-text {
position: relative;
padding: 0 20px 0 20px;
}
.uc-blockquote-text strong {
color: #272727;
font-size: 16px;
}
@media screen and (max-width: 800px) {
.uc-blockquote {
width: 100%;
}
}
@keyframes slide-2 {
from {
transform: rotate(0deg) translate(-3px) rotate(0deg);
-webkit-transform: rotate(0deg) translate(-3px) rotate(0deg);
}
to {
transform: rotate(360deg) translate(-3px) rotate(-360deg);
-webkit-transform: rotate(360deg) translate(-3px) rotate(-360deg);
}
}
@-webkit-keyframes slide-2 {
from {
transform: rotate(0deg) translate(-3px) rotate(0deg);
-webkit-transform: rotate(0deg) translate(-3px) rotate(0deg);
}
to {
transform: rotate(360deg) translate(-3px) rotate(-360deg);
-webkit-transform: rotate(360deg) translate(-3px) rotate(-360deg);
}
}
.uc-push-panel {
padding: 40px 20px 20px;
background-color: #f6f7fa;
}
.uc-push-panel h2 {
text-align: center;
margin-bottom: 30px!important;
}
.uc-push {
display: flex;
flex-wrap: wrap;
}
.uc-push strong {
font-size: 18px;
color: #01980d;
}
.uc-push-text {
position: relative;
display: inline-block;
box-sizing: border-box;
padding: 10px 25px 20px 30px;
width: 50%;
margin: 0px;
transition: all .4s ease;
}
.uc-push-text:before {
position: absolute;
width: 7px;
height: 7px;
/*border-radius: 100%;*/
background: #fedf00;
border-radius: 10px;
content: "";
left: 6px;
transition: .3s ease-in-out;
top: 10px;
}
.uc-push-text:after {
content: "";
position: absolute;
border-left: 1px dotted #000000;
bottom: 5px;
left: 9px;
top: 25px;
}
.uc-push-text:hover:before {
box-shadow: 0 0 0 10px rgba(0,0,0,.2);
}
@media screen and (max-width: 800px) {
.uc-push-text {
width: 100%;
}
}
.uc-b555-panel {
padding: 40px 10px;
text-align: center;
}
.uc-b555-panel h2 {
margin-bottom: 40px!important;
}
.uc-b555-wrapper {
display: inline-block;
vertical-align: top;
width: 25%;
margin: 25px 0.5%;
}
.uc-b555-arr {
width: 10px;
font-size: 30px;
color: #333;
vertical-align: middle;
padding-top: 20px;
}
.uc-b555-arr2 {}
.uc-b555-arr3 {display: none;}
.uc-b555-text {
margin: 10px 0 0;
}
.uc-b555-img { transition: all 0.5s ease; }
.uc-b555-wrapper:hover img { transform: scale(1.5); }
@media screen and (max-width: 800px) {
.uc-b555-wrapper {
width: 43%;
}
.uc-b555-arr2 {
display: none;
}
.uc-b555-arr3 {
display: inline-block;
}
.uc-b555-arr {
width: 20px;
}
}
@media screen and (max-width: 600px) {
.uc-b555-wrapper {
width: 90%;
}
.uc-b555-arr {
display: none;
}
}
.uc-footer-wrap {
position: relative;
padding: 45px 35px;
background: #272727;
box-sizing: border-box;
overflow: hidden;
}
.uc-footer-wrap:before {
content: "";
position: absolute;
right: 130px;
top: 0px;
width: 250px;
height: 100%;
background: #fedf00;
}
.uc-footer-inner {
position: relative;
text-align: center;
background: #f6f7fa;
box-sizing: border-box;
padding: 20px;
}
@media screen and (max-width: 800px) {
.uc-footer-wrap {
padding: 20px;
}
}
Інтернет-магазин «Мікроклімат» — все для комфорту вашого будинку
Продаж, установка і сервіс теплих підлог, кондиціонерів, рушникосушок.
Стабільна наявність продукції на складі, пряма співпраця з виробниками. Гнучка система знижок та індивідуальний підхід до кожного клієнта. Безкоштовна доставка товару в будь-який регіон України, обраною ТК.
Основні аргументи на користь замовлення нашої продукції
Якість
Усі пропоновані товари і електрообладнання відповідають необхідним стандартам і нормам.
Надійність
На весь асортимент поширюється офіційна гарантія та гарантія на експлуатацію до 20 років.
Асортимент
Широка лінійка матеріалів дозволяє повністю задовольнити запити клієнтів.
Практичність
Всі системи для облаштування «теплої підлоги» відрізняються надійністю і довговічністю експлуатації.
Перейти до товару
Забезпечуємо вигідні умови для клієнта
01
Гарантія обміну або повернення товару протягом 14 днів з моменту покупки.
02
Професійні консультації, якщо ви не знайшли потрібний товар, то наш менеджер знайде його під замовлення.
03
Гнучка цінова політика, без посередників і переплат, привабливі знижки для клієнтів, навіть в телефонному режимі.
04
Безкоштовний візит замірника і прорахунок матеріалів, безкоштовна доставка, установка — під запит замовника.
05
Миттєва обробка замовлення — впродовж 1 години в день звернення.
06
Ми не змінюємо ціни, озвучені на сайті в день покупки, навіть якщо вони змінилися у виробника.
Приступити до вибору
Дізнайтеся думки наших покупців
Пользовался услугами данного магазина, доволен обслуживанием, сервисом и сроками выполнения работ, доставка была быстрой и главное бесплатной, рекомендую.
— Оцінка «Відмінно»
Заказывал теплый пол ... инженер приехал в тот же день , проконсультировал и предложил несколько вариантов. При анализе рынка , могу сказать цены самые демократичные. Сделали все быстро и по технологии что не мало важно.... советую
— Оцінка «Відмінно»
Всі відгуки
Плюси покупки саме у нас
Широкий асортимент виробників, з якими ми співпрацюємо, періодично додаємо новинки за матеріалами.
Практикуємо індивідуальний підхід з кожним клієнтом і просту схему роботи.
Працюємо безпосередньо з імпортерами, за рахунок цього можемо зробити хорошу знижку.
Надаємо компетентні консультації, ми не пропонуємо дороге обладнання, а допомагаємо підібрати оптимальний варіант.
Підтримуємо максимально доступну вартість без посередників і переплат, всі знижки озвучуються по телефону.
Забезпечуємо оперативну безкоштовну доставку по Києву в день замовлення, якщо замовлення оформлене до 16 години.
Приступимо до оформлення замовлення?
Оформлення замовлення на нашому сайті
→
Узгодження всіх деталей з менеджером
→
Безкоштовний візит майстра, безкоштовний прорахунок
→
Безкоштовна доставка, установка по необхідності
→
Оплата 100% — гарантія якості 20 років
Інтернет-магазин «Мікроклімат» — якість, надійність, довговічність
Ми вирішили величезну кількість професійних завдань, реалізували сотні проектів різного рівня!
Звертайтеся, завжди готові допомогти з підбором індивідуального варіанту і оформленням замовлення!
