О нас
.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; border-radius: 5px; box-shadow: inset 0 -2px #5f758e; background: #7187a0; color: #fff!important; transition: all 300ms ease-in-out; }
.uc-btns:hover {
box-shadow: inset 0 -2px #ef841c;
background: #f29e4c;
transition: all 300ms ease-in-out; }
.uc-title {
margin: 30px 0 0!important;
display: block;
padding-bottom: 10px;
border-bottom: 1px solid #e2dfdf;
-webkit-box-shadow: 0 1px #fff;
-moz-box-shadow: 0 1px #fff;
box-shadow: 0 1px #fff;
text-transform: uppercase;
font: 17px 'Boblic',Sans-Serif;
}
.ucv-a2-panel strong {
font-size: 20px;
color: #f29e4c;
}
.ucv-a2-panel {
background: #777 url('http://c.radikal.ru/c35/1812/0d/48cb8daaeead.jpg') center;
background-size: cover;
display: flex;
align-items: flex-start;
}
.ucv-a2-texts {
background-color:rgba(42, 42, 42, 0.8);
margin: 0;
padding: 20px 15px 20px 40px;
width: 50%;
text-align: left;
border-radius: 0;
}
.ucv-a2-header {
font-size: 26px;
line-height: 32px;
color: #f29e4c;
margin: 0px 0px 5px;
padding: 7px 60px 7px 15px;
}
.ucv-a2-sub-header {
font-size: 18px;
line-height: 32px;
padding: 7px 15px;
color: #fff;
margin: 0px 0px 10px;
}
.ucv-a2-text {
position: relative;
font-size: 14px;
line-height: 26px;
color: #fff;
margin: 0px 0px 10px;
border-left: 2px solid #f29e4c;
padding-left: 10px;
}
.ucv-a2-link {
display: inline-block;
height: 37px;
line-height: 37px;
text-decoration: none!important;
text-align: center;
color: #f29e4c!important;
padding: 0 20px;
border: 2px solid #f29e4c; border-radius: 5px;
font-size: 16px;
}
.ucv-a2-link:hover {
color: #fff!important;
border-color: #fff;
}
@media screen and (max-width: 1300px) {
.ucv-a2-texts {
width: auto;
text-align: left!important;
border-radius: 0;
}
.ucv-a2-panel {
padding: 0;
}
}
.ucv-a2-text::after {
content: "";
position: absolute;
top: -10px;
left: -6px;
background: #f29e4c;
height: 10px;
width: 10px;
border-radius: 100%;
}
.ucv-a2-text::before {
content: "";
position: absolute;
bottom: -10px;
left: -6px;
background: #f29e4c;
height: 10px;
width: 10px;
border-radius: 100%;
}
.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(42, 42, 42, 0.8); text-align: left; color: #fff; 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: #313131; display: inline-block; margin-top: 10px; } .ucv-b1-name:hover { color: #5f758e; } .ucv-b1-desc { display: block; margin: 10px 0; position: absolute; visibility: hidden; color: #333; } .ucv-b1-panel .ucv-b1-wrapper { width: 31%; 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; } }
.uc-infogr_panel strong { font-size: 25px; color: #fff; } .uc-infogr_panel { padding: 20px 0; } .uc-infogr_container { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; } .uc-infogr_section { display: flex; flex-direction: column; width: 200px; height: 100%; border-radius: 20px; } .uc-infogr_section1, .uc-infogr_section3 { margin-top: 200px; } .uc-icon { display: flex; justify-content: center; padding: 20px; height: 160px; } .uc-infogr_section:hover .uc-icon img, .uc-infogr_section :hover h3 { transform: scale(1.2); transition: 0.1s; } .uc-infogr_section1:hover h3 { color: rgb(247, 157, 41); } .uc-infogr_section2:hover h3 { color: rgb(170, 28, 231); } .uc-infogr_section3:hover h3 { color: rgb(22, 223, 196); } .uc-infogr_section4:hover h3 { color: rgb(62, 214, 19); }
.uc-infogr_section:hover .uc-text{ -webkit-box-shadow: 10px 10px 5px 0px rgba(197, 197, 197, 0.75); -moz-box-shadow: -10px 15px 20px 3px rgba(197, 197, 197, 0.75); box-shadow: -10px 15px 20px 3px rgba(197, 197, 197, 0.75); transition: 0.1s; }
.uc-icon1 { background: rgb(113, 135, 160); }
.uc-icon2 { background: rgb(239, 132, 28); }
.uc-icon3 { background: rgb(95, 117, 142); }
.uc-icon4 { background: rgb(242, 158, 76); }
.uc-icon img { margin: auto; } .uc-text { position: relative; display: flex; justify-content: center; flex-direction: column; height: 200px; font-size: 15px; color: #fff; word-wrap: break-word; text-align: center; padding: 0 10px; }
.uc-text::before { content: ''; position: absolute; top: 50px; left: -100px; height: 200px; width: 100px; z-index: -1; background: linear-gradient(to left, rgba(197, 197, 197, 0.5), rgb(197, 197, 197, 0.01)); -webkit-transform: skew(0deg, -45deg); -moz-transform: skew(0deg, -45deg); -o-transform: skew(0deg, -45deg); -ms-transform: skew(0deg, -45deg); transform: skew(0deg, -45deg); }
.uc-text::after { content: ''; position: absolute; top: 200px; left: -50px; height: 100px; width: 200px; z-index: -1; background: linear-gradient(to bottom, rgba(197, 197, 197, 0.5), rgb(197, 197, 197, 0.01)); -webkit-transform: skew(-45deg, 0deg); -moz-transform: skew(-45deg, 0deg); -o-transform: skew(-45deg, 0deg); -ms-transform: skew(-45deg, 0deg); transform: skew(-45deg, 0deg); }
.uc-text1 { background: rgba(113, 135, 160,.7); }
.uc-text2 { background: rgba(239, 132, 28,.7); }
.uc-text3 { background: rgba(95, 117, 142,.7); }
.uc-text4 { background: rgba(242, 158, 76,.7); } @media screen and (max-width: 1200px) { .uc-infogr_container { width: 85%; margin: 0 auto; } .uc-infogr_section4 { margin-top: -200px; } } @media screen and (max-width: 1120px) { .uc-infogr_container { width: 60%; } .uc-infogr_section { margin-top: 0; } .uc-text::after { display: none; } }
.uc-oco-panel { padding: 20px 0px 30px; } .uc-oco-header { text-align: center; padding-bottom: 20px; } .uc-oco-table { border-width: 0px !important; width: 50% !important; table-layout: fixed; float: left; } .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 #7187a0 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 #f29e4c 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;}
:root { --infograph-color2: #7187a0; --infograph-color1: #f29e4c; } .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; } .four-text {} .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-notification_wrapper {
display: flex;
justify-content: space-around;
flex-wrap: wrap;
margin: 0 auto;
padding: 34px 20px 20px;
}
.uc-box {
display: flex;
position: relative;
width: 45%;
}
.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: #f29e4c;
font-size: 20px;
}
.uc-comment {
padding: 20px 0;
border-top: 1px solid #f29e4c;
}
.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; border-radius: 100%; margin: 0 auto; position: relative; border: 4px dotted #f29e4c; line-height: 160px; text-align: center; color: #000000; 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; border-radius: 50%; background-color: #f29e4c; 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; border-radius: 60px; background-color: #f29e4c; 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; border-radius: 60px; background-color: #f29e4c; 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; border-radius: 60px; background-color: #f29e4c; border: 3px dotted transparent; line-height: 38px; color: #fff; font-size: 26px; } .uc-order-text { text-align: center; margin: 25px auto; position: relative; } @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; }
"САТТ 04" — производитель качественных стеллажей и тумб для различных целей использования
В наличие — популярная мебель для жилых, торговых, промышленных и производственных помещений. Поможем выбрать шкафы и стеллажи, точно соответствующие интерьеру вашего помещения, а также цели использования.
Увидеть каталог
Торгово-производственная компания "САТТ 04" в цифрах
0% отказа или возврата товара
100% довольных клиентов
Около 50 товарных позиций всех стилей и направлений
10 лет на отечественном рынке мебельной промышленности
Компания "САТТ 04" — это
Широкий ассортимент предлагаемой продукции
Скидки оптовым покупателям и постоянным клиентам
Выгодная покупка предметов мебели по приемлемой стоимости
Оперативная доставка товаров в любой регион Республики Казахстан
Безупречная репутация и сотни довольных клиентов по всему Казахстану
Грамотное сервисное обслуживание и индивидуальный подход к каждому покупателю
Почему половина наших клиентов заказывает у нас мебель по рекомендации
Гарантируем отменное качество всех товаров
Поскольку мы производим мебель, то можем гарантировать всем покупателям высокое качество шкафов и стеллажей.
Приемлемая стоимость всех товаров
Получаем расходные материалы напрямую у проверенных производителей.
Удобное сервисное обслуживание
Все товары представлены в нашем онлайн-каталоге, всегда в наличии и доступны для заказа.
Оперативная обработка заказа
Готовы отправить вам купленный товар в любой регион Казахстана как только поступила оплата.
Перейти к выбору
Как сделать заказ
1
Выбрать товар в онлайн-каталоге
2
Уточнить у менеджера все детали заказа
3
Выбрать удобный способ оплаты и доставки товара
4
Получить купленный товар в максимально короткие сроки
Качественная и доступная мебель — это возможно с компанией "САТТ 04"
Наша компания предлагает всем клиентам получить качественные шкафы и стеллажи по цене от производителя.
Связаться с нами