Сухие строительные смеси высокого качества!
.uc-btns {
display: inline-block;
padding: 8px 15px;
text-decoration: none !important;
text-align: center;
min-width: 150px;
color: #fff!important;
background: #666;
font-size: 14px;
transition: all .3s;
margin: 10px;
}
.uc-btns:hover {
background: #444;
}
.uc-title {
margin: 30px 0 0!important;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-bottom: 18px;
border-bottom: 1px solid #ddd;
color: #333;
font: 600 18px/1.54 'Arimo',sans-serif;
position: relative;
}
.uc-title:after {
display: block;
width: 240px;
height: 2px;
background: #69A659;
content: '';
position: absolute;
bottom: -1px;
}
.uc-ban1-panel {
background: #777 url(https://i.ibb.co/wh7kmWZ/head.jpg) right;
background-size: cover;
padding: 20px;
}
.uc-ban1-panel strong {
color: #69A659;
font-size: 20px;
}
.uc-ban1-texts {
background-color: rgba(255, 255, 255, 0.89);
width: auto;
padding: 20px;
text-align: center;
box-sizing: border-box;
}
.uc-ban1-header {
font-size: 26px;
line-height: 28px;
color: #69A659;
margin: 0px 0px 5px;
}
.uc-ban1-sub-header {
font-size: 18px;
line-height: 24px;
color: #333;
margin: 0px 0px 10px;
}
.uc-ban1-text {
font-size: 14px;
line-height: 22px;
color: #333;
margin: 0px 0px 10px;
}
.uc-ban1-link {
display: inline-block;
text-align: center;
text-decoration: none !important;
color: #69A659!important;
border: 2px solid #69A659!important;
padding: 8px 15px;
min-width: 150px;
font-size: 17px;
transition: all .3s;
}
.uc-ban1-link:hover {
color: #333!important;
border: 2px solid #333!important;
}
@media screen and (max-width: 800px) {
.uc-ban1-texts {
width: auto;
background-color: rgba(38, 38, 42, 0.8);
}
.uc-ban1-panel {
padding: 0px;
}
}
.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-bottom: 40px; text-align: center; } .ucv-b1-wrapper { display: inline-block; vertical-align: top; margin: 10px .5%; text-decoration: none; } .ucv-b1-img-holder { display: block; text-align: center; position: relative; overflow: hidden; max-width: 300px; 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 { left: 0; } .ucv-b1-hint { position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: rgba(255, 255, 255,0.85); text-align: left; color: #383d40; transition: all .7s cubic-bezier(0.31, 0.57, 0.31, 2.0); 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: #6a6a6a; display: inline-block; margin-top: 10px; } .ucv-b1-name:hover { color: #69A659; } .ucv-b1-desc { display: block; margin: 10px 0; position: absolute; visibility: hidden; color: #333; } .ucv-b1-panel .ucv-b1-wrapper { width: 46%; text-decoration: none; } @media screen and (max-width: 768px) { .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; } }
:root { --infograph-color2: #69A659; --infograph-color1: #312C32; } .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: 0px; box-shadow: 0px 0px 20px 0px rgba(22, 51, 57,0.62); margin: 20px 0; }
.four-content-1, .four-content-2, .four-content-3, .four-content-4 { text-align: center; position: relative; box-sizing: border-box; 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: 0px; } .four-content-1:before { content: ''; position: absolute; bottom: 0px; left: 0px; width: 15px; height: 100%; background: var(--infograph-color2); border-radius: 0px; } .four-content-2:after { content: ''; position: absolute; top: 0px; right: 0px; width: 100%; height: 15px; background: var(--infograph-color1); border-radius: 0px; } .four-content-2::before { content: ''; position: absolute; bottom: 0; right: 0; width: 15px; height: 100%; background: var(--infograph-color1); border-radius: 0px; } .four-content-3:after { content: ''; position: absolute; bottom: 0px; right: 0px; width: 100%; height: 15px; background: var(--infograph-color1); border-radius: 0px; } .four-content-3::before { content: ''; position: absolute; bottom: 0px; left: 0px; width: 15px; height: 100%; background: var(--infograph-color1); border-radius: 0px; } .four-content-4::after { content: ''; position: absolute; bottom: 0px; right: 0px; width: 100%; height: 15px; background: var(--infograph-color2); border-radius: 0px; } .four-content-4::before { content: ''; position: absolute; bottom: 0; right: 0; width: 15px; height: 100%; background: var(--infograph-color2); border-radius: 0px; } .four-header { font-size: 20px!important; line-height: 20px; } .four-text {} .four-icon {}
@media screen and (max-width: 1100px) { .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: 15px solid var(--infograph-color2); border-radius: 0px; } .four-content-2, .four-content-4 { border: 15px 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-year {
position: relative;
text-align: center;
-ms-flex-item-align: center;
align-self: center;
font-size: 50px;
font-weight: bold;
color: #312C32;
background: #fafafa;
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;
box-shadow: 0 0px 0px 5px #fff;
transition: all 0.5s ease;
}
.uc-our__history-line {
-ms-flex-item-align: center;
align-self: center;
width: 8%;
height: 10px;
background: #666;
}
.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: #fafafa;
color: #000;
padding: 10px 15px;
width: 70%;
border: 1px solid #ddd;
/* -webkit-box-shadow: 2px 1px 16px -2px rgba(21, 40, 55,0.55);
box-shadow: 2px 1px 16px -2px rgba(21, 40, 55,0.55); */
}
.uc-our__history-subheader {
font-size: 26px;
color: #56b3ac;
}
/*
.uc-first__year-line {
background: #23b985;
}
.uc-second__year-line {
background: #3bacdc;
}
.uc-third__year-line {
background: #2F3034;
}
.uc-fourth__year-line {
background: #4285f4;
}
.uc-fifth__year-line {
background: #ea4335;
}
.uc-first__year {
color: #23b985;
}
.uc-second__year {
color: #3bacdc;
}
.uc-third__year {
color: #2F3034;
}
.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-order {
padding: 20px 15px;
text-align: left;
}
.uc-order h2 {
text-align: center;
margin-bottom: 30px;
}
.uc-order-scheme__container {
display: flex;
flex-wrap: wrap;
}
.uc-order-scheme__left-column,
.uc-order-scheme__right-column {
display: flex;
flex-direction: column;
width: 50%;
}
.uc-order-scheme {
padding: 5px;
box-sizing: border-box;
vertical-align: top;
transition: all .3s ease;
}
.uc-order-scheme_table {
display: table;
}
.uc-order-scheme_numb,
.uc-order-scheme_text {
display: table-cell;
vertical-align: middle;
}
.uc-order-scheme_numb {
width: 50px;
}
.uc-order-scheme strong {
transition: all .3s ease;
display: inline-block;
font-size: 40px;
color: #312C32;
}
.uc-order-scheme:hover strong {
transition: all .3s ease;
color: #69A659;
transform: translateY(-4px);
}
.uc-order-scheme em {
font-size: 15px;
color: #69A659;
transition: all .3s ease;
display: inline-block;
font-weight: bold;
font-style: inherit;
}
.uc-order-scheme:hover em {
color: #312C32;
transition: all .3s ease;
}
@media screen and (max-width: 900px) {
.uc-order-scheme__left-column,
.uc-order-scheme__right-column {
width: 100%;
}
}
.uc-footer { padding: 10px 20px; text-align: center; }
Что нужно знать о нашей компании?
Уже более трёх лет работаем на отечественном рынке по поставке сухих строительных смесей.
Являемся официальным дистрибьютором ряда отечественного производителя.
Сотрудничаем с большим количеством предприятий различных сфер деятельности.
Всегда рады новым партнерам и готовы предложить уникальные условия сотрудничества.
Перейти в каталог
Почему вам стоит обратиться к нам?
Выгодные цены
Статус официального дистрибьютора позволяет нам предложить своим клиентам самые выгодные цены.
Высокое качество
Мы сотрудничаем производителем, в качестве продукции которого уверены на 100%.
Лучшие условия
Мы всегда готовы выслушать ваши пожелания и предложить подходящие условия сотрудничества.
Помощь клиенту
Наши специалисты всегда рады провести для вас подробную консультацию, ответить на все интересующие вопросы и помочь подобрать наилучший вариант.
Ознакомиться с ассортиментом
Как мы работаем?
1.
Вы делаете заказ на сайте
2.
Мы связываемся с вами и уточняем детали
3.
Оплата наличным и безналичным способами
4.
Доставка осуществляется по Казахстану и странам СНГ
