Облицовочные работы и строительство от Builders Club
.uc-title { position: relative;
margin: 30px 0 20px 0;
padding: 15px 20px 15px 20px;
line-heigth: 20px;
text-align: left;
border-bottom: 1px solid #b3b3b3;
border-radius: 6px 6px 0 0;
color: #a64d00;
font-size: 16px;
font-weight: bold;
line-height: 20px;
overflow: hidden;
text-shadow: 0 1px 0 rgba(0,0,0,0.3);
text-transform: uppercase;
background: url(https://ssl.prom.st/p?u=http%3A%2F%2Fkzprom-uc.prom.st%2Fproduction%2Fdesign_template%2F67%2Fimages%2Fdark-bg.jpg&s=lmziwhbe&h=UafJwyfyN7RM3WHSPjA5Zg);
}
.uc-btns { display: inline-block; padding: 9px 40px; font-size: 16px; text-decoration: none !important; color: #fff !important;
transition: all .3s ease; background:#333; cursor: pointer;
text-align: center;
position: relative;
transition: all 300ms ease-in-out;
vertical-align: middle;
border-radius: 5px;
} .uc-btns:hover {
background: #4d4d4d;
}
.uc-footer { padding: 20px; text-align: center; } .uc-footer h2 {margin:20px 0!important;}
.ucv-a2-panel strong { font-size: 22px; color: #a64d00; }
.ucv-a2-panel{background:#777 url(https://c.radikal.ru/c22/2003/34/5d22b8b2c7fb.png) center right/cover no-repeat; position: relative;
text-align: left;
padding: 30px 20% 30px 20px;}
.ucv-a2-panel:before {
content: "";
position: absolute;
background: linear-gradient( to left, rgba(51, 51, 51,0.1) 0%, rgba(51, 51, 51,0.4) 60%, rgba(51, 51, 51,0.5) 70% );
left: 0;
top: 0;
height: 100%;
width: 100%;
}
.ucv-a2-texts{max-width: 540px; position: relative; padding-left:30px;} .ucv-a2-header{font-size: 26px; line-height: 32px; color:#000000; 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;text-decoration: none!important; text-align: center; color: #ad7600!important; padding: 7px 30px; border: 2px solid #873f00; border-radius: 3px; font-size: 16px; border-radius: 5px;} .ucv-a2-link:hover{color: #fff!important; border: 2px solid #fff; background:none;} @media screen and (max-width: 500px) { .ucv-a2-texts{ width: auto; text-align: center; box-sizing: border-box; } .ucv-a2-panel {padding: 20px 15px; text-align: center; } .ucv-a2-link { width: auto; } }
:root { --infograph-color2: #333; --infograph-color1: #8d8d8d; } .four-panel { padding: 20px 10px;
} .four-panel h2 {margin:20px 0!important; text-align:center;}
.four-container { display: flex; flex-wrap: wrap; justify-content: space-around; } .four-item { display: flex; flex-direction: column; width: 45%; border-radius: 0px; 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: 8px; background: var(--infograph-color2); border-radius: 0px; } .four-content-1:before { content: ''; position: absolute; bottom: 0px; left: 0px; width: 8px; height: 100%; background: var(--infograph-color2); border-radius: 0px; } .four-content-2:after { content: ''; position: absolute; top: 0px; right: 0px; width: 100%; height: 8px; background: var(--infograph-color1); border-radius: 0px; } .four-content-2::before { content: ''; position: absolute; bottom: 0; right: 0; width: 8px; height: 100%; background: var(--infograph-color1); border-radius: 0px; } .four-content-3:after { content: ''; position: absolute; bottom: 0px; right: 0px; width: 100%; height: 8px; background: var(--infograph-color1); border-radius: 0px; } .four-content-3::before { content: ''; position: absolute; bottom: 0px; left: 0px; width: 8px; height: 100%; background: var(--infograph-color1); border-radius: 0px; } .four-content-4::after { content: ''; position: absolute; bottom: 0px; right: 0px; width: 100%; height: 8px; background: var(--infograph-color2); border-radius: 0px; } .four-content-4::before { content: ''; position: absolute; bottom: 0; right: 0; width: 8px; height: 100%; background: var(--infograph-color2); border-radius: 0px; }
.four-header { font-size: 18px!important; line-height: 20px; font-weight:bold; display:inline-block; }
.four-header1 {color:#873f00;}
.four-header2 {color:#873f00;}
.four-header3 {color:#873f00;}
.four-header4 {color:#873f00;}
.four-text {} .four-icon {}
@media screen and (max-width: 1000px) { .four-item { width: 100%; } .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-2, .four-content-3, .four-content-4 {
padding: 25px 10px;
}
.four-content-1, .four-content-3 { border: 8px solid var(--infograph-color2); border-radius: 0px; } .four-content-2, .four-content-4 { border: 8px solid var(--infograph-color1); border-radius: 0px; } }
.four-panel img {
margin: auto;
}
.uc-our__history {
padding: 20px;
text-align: center;
}
.uc-our__history h2 {
padding-bottom: 10px;
text-align: center;
}
.uc-our__history-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.uc-our__history-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
margin: 20px 0;
}
.uc-our__history-block:hover .uc-our__history-year {
transform: translateX(20px) scale(0.8, 0.8);
transition: all 0.5s ease;
}
.uc-our__history-block:hover .uc-our__history-year1 {
transform: translateX(-20px) scale(0.8, 0.8);
transition: all 0.5s ease;
}
.uc-our__history-year {
position: relative;
text-align: center;
-ms-flex-item-align: center;
align-self: center;
font-size: 30px;
font-weight: bold;
color: #fff;
background: #333;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
min-height: 90px;
min-width: 90px;
border-radius: 0%;
box-shadow: 0 0px 0px 5px #fff, 0 0 0px 10px #8d8d8d, 0 0 0px 15px #fff;
transition: all 0.5s ease;
}
.uc-our__history-line {
-ms-flex-item-align: center;
align-self: center;
width: 8%;
height: 18px;
background: #8d8d8d;
}
.uc-our__history-content {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
box-sizing: border-box;
text-align: left;
background: linear-gradient(to bottom,#f0f0f0 0%, #f9f9f9 50%, #fff 100%);
padding: 10px 15px;
width: 70%;
border: 1px solid #ddd;
}
.uc-our__history-subheader {
font-size: 16px;
color: #333;
font-weight:bold;
}
/*
.uc-first__year-line {
background: #ea4335;
}
.uc-second__year-line {
background: #34a853;
}
.uc-third__year-line {
background: #fbbc05;
}
.uc-fourth__year-line {
background: #4285f4;
}
.uc-fifth__year-line {
background: #ea4335;
}
.uc-first__year {
color: #ea4335;
}
.uc-second__year {
color: #34a853;
}
.uc-third__year {
color: #fbbc05;
}
.uc-fourth__year {
color: #4285f4;
}
.uc-fifth__year {
color: #ea4335;
}
*/
@media screen and (max-width:1000px) {
.uc-our__history-block {
width: 100%;
}
}
@media screen and (max-width:800px) {
.uc-our__history-block {
flex-direction: column;
}
.uc-our__history-content {
width: 100%;
text-align: center;
}
.uc-our__history-block:hover .uc-our__history-year {
transform: translateY(20px) scale(0.8, 0.8);
transition: all 0.5s ease;
}
.uc-our__history-block:hover .uc-our__history-year1 {
transform: translateX(-20px) scale(0.8, 0.8);
transition: all 0.5s ease;
}
}
.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: 20px 0!important;
text-align: center;
}
.ucv-b1-wrapper {
display: inline-block;
vertical-align: top;
margin: 10px;
text-decoration: none;
}
.ucv-b1-img-holder {
display: block;
text-align: center;
position: relative;
overflow: hidden;
max-width: 320px;
margin: 0 auto;
border: 1px solid #9a9a9a;
}
.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(51, 51, 51, 0.94);
text-align: center;
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: 15px;
color: #454545;
display: inline-block;
margin-top: 10px;
}
.ucv-b1-name:hover {
color: #000;
}
.ucv-b1-desc {
display: block;
margin: 10px 0;
position: absolute;
visibility: hidden;
color: #333;
}
.ucv-b1-panel .ucv-b1-wrapper {
width: 46%;
}
@media screen and (max-width: 1200px) {
.ucv-b1-panel .ucv-b1-wrapper {
width:46%;
}
}
@media screen and (max-width: 900px) {
.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: 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-arr-panel { padding: 20px; } .uc-arr-panel:after { content: " "; display: block; clear: both; font-size: 0px; } .uc-arr-header { text-align: center; margin: 20px 0!important; } .uc-arr-table { border-width: 0px !important; width: 100% !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: 50px; 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: 1000px) { .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-numbers { padding: 20px; text-align: left; } .uc-numbers_wrap { display: flex; flex-wrap: wrap; } .uc-numbers h2 { text-align: center; margin-bottom: 30px; color:#60b2e5; } .uc-numbers-scheme { background: linear-gradient(to bottom,#f0f0f0 0%, #f9f9f9 50%, #fff 100%); border: 1px solid #ddd; display: inline-block; width: 23%; margin: 1%; padding: 40px 10px 10px 20px; box-sizing: border-box; transition: all .3s ease;} .uc-numbers-scheme:hover { background: #333; color:#fff; transition: all .3s ease; } .uc-numbers-scheme strong { transition: all .3s ease; display: inline-block; font-size: 65px; color: #8d8d8d; } .uc-numbers-scheme:hover strong { transition: all .3s ease; color: #000080; transform: translateY(-7px); } .uc-numbers-scheme em { font-size: 17px; color: #8bed61; transition: all .3s ease; display: inline-block; font-weight: bold; font-style: inherit; } .uc-numbers-scheme:hover em { color: #77eaff; transition: all .3s ease; } @media screen and (max-width: 1170px) { .uc-numbers-scheme { width: 48%; margin: 1%; } } @media screen and (max-width: 800px) { .uc-numbers-scheme { width: 100%; margin: 10px 0; } }
Мы предлагаем строительство и ремонт на выгодных условиях
Сегодня существует немало фирм по ремонту, которые предлагают потребителям свои услуги, но далеко не все из них выполняют работы качественно и с гарантией. Мы являемся профессионалами с большим опытом работы, которые отремонтировали немало объектов. Мы можем предложить строительство домов, а также отделку квартир, коттеджей и другие строительные работы.
В каталог
Наши главные преимущества
Привлекательные цены
На все виды услуг мы устанавливаем приемлемые цены.
Оперативность
Мы работаем быстро и строго соблюдаем сроки, оговоренные с заказчиком.
Гарантия качества
На все виды работ мы предоставляем гарантию.
Выполняем широкий спектр работ
Перечень наших работ достаточно широк. Мы беремся за заказы любой сложности и объема.
Выбрать услуги
Сотрудничество с нами всегда будет выгодным
Индивидуальный подход
Каждый клиент может рассчитывать на индивидуальный и профессиональный подход. Мы поможем выбрать лучшие материалы и самые современные решения для любых помещений.
Фиксированные цены
Наши расценки не меняются в ходе выполнения работ. Мы строго соблюдаем условия договора и находим подходящий вариант под любой бюджет.
Почему стоит выбрать именно нас
Работаем без посредников и гарантируем привлекательные цены.
Наши мастера прекрасно справляются с поставленной задачей.
Даем гарантию и четко выполняем обязательства.
Наши сотрудники обладают большим опытом. Для них нет трудноразрешимых задач.
Заранее оговариваем сроки выполнения работ и четко им следуем.
Используем безопасные материалы, которые прекрасно себя зарекомендовали.
Связаться с нами
Как мы работаем
1.
Клиент оставляет заявку на сайте.
2.
Мы оперативно связываемся и уточняем детали.
3.
Мастер приезжает на объект и составляет смету.
4.
Мы приступаем к работе.
Мы всегда открыты для сотрудничества
Наши профессионалы ответственно подходят к заказу, они сделают все возможное, чтобы вы остались довольны качеством.
Ремонт и строительство дачных домов, а также коттеджей и квартир в нашей компании обойдутся вам недорого!
К каталогу предложений
