БАЙСАТ.KZ
/*------------------design------------------*/
.cs-page {
max-width: none;
}
.cs-page__main-content {
padding: 0;
}
.b-user-content_type_colored {
padding: 0;
}
.cs-page__row {
max-width: 1440px;
margin: 0 auto;
padding: 15px;
}
div.cs-page__row {
max-width: 1440px;
margin: 0 auto;
padding: 15px;
}
section.cs-page__row:first-of-type {
max-width: none;
padding: 0;
}
.cs-page__row:first-child .cs-title {
display: none;
}
.cs-social-links {
display: none;
}
@media screen and (max-width: 600px) {
.Block__ui_padding-left_m--xJZE_ {
padding-left: 0;
}
.Block__ui_padding-right_m--_TLS5 {
padding-right: 0;
}
}
/*------------------blocks------------------*/
.outter {
display: flex;
/* border: 1px solid #fff;*/
}
.inner {
max-width: 1440px;
margin: 80px auto;
box-sizing: border-box;
}
:root {
--clr0: #f6f7fa;
--clr1: #fedf00;
--clr2: #272727;
--clr3: #f24a41;
--clr4: #ef1d11;
}
/*------------------header------------------*/
h2.my-header {
font-size: 28px !important;
line-height: normal !important;
margin: 0px 0px 45px 0px !important;
font-weight: bold;
width: 100%;
text-transform: uppercase;
text-align: center;
}
.my-header span {
color: var(--dark);
}
@media screen and (max-width: 1440px) {
.inner {
max-width: 1000px;
}
}
@media screen and (max-width: 600px) {
.inner {
margin: 35px 0px;
padding: 20px;
}
h2.my-header {
font-size: 24px !important;
margin-bottom: 30px !important;
}
}
/*------------------button------------------*/
.my-button-1,
.my-button-2,
.my-button-3 {
display: flex;
width: 160px;
justify-content: center;
padding: 10px 12px;
text-decoration: none !important;
margin-top: 40px;
box-sizing: border-box;
transition: all 200ms ease-in-out 0s;
border-radius: 3px;
}
.my-button-1 {
color: var(--clr2) !important;
background-color: var(--clr1);
}
.my-button-2 {
color: var(--clr3) !important;
border: 2px solid var(--clr3);
}
.my-button-3 {
color: var(--clr1) !important;
border: 2px solid var(--clr1);
}
.my-button-1:hover {
background-color: var(--clr2);
color: #fff !important;
}
.my-button-2:hover {
background-color: var(--clr3);
color: #fff !important;
}
.my-button-3:hover {
background-color: var(--clr1);
color: var(--clr2) !important;
}
.button-block {
width: 100%;
display: flex;
justify-content: center;
}
/*------------------banner------------------*/
.ban {
background: url(https://s3.eu-central-1.amazonaws.com/content-satu/uniq/752424/752424-ban.jpg) 50% 50%/cover;
}
.ban-pan {
display: flex;
flex-direction: row;
justify-content: flex-start;
padding: 90px 0px;
}
.ban-wr {
width: 50%;
color: #fff;
}
h2.ban-header {
text-align: left;
}
.ban-subheader {
font-size: 22px;
margin-bottom: 45px;
}
.ban-desc {}
.ban-button:hover {
background-color: #fff;
color: var(--clr2) !important;
}
@media screen and (max-width: 1100px) {
.ban-pan {
padding: 0px;
}
}
@media screen and (max-width: 600px) {
.ban-wr {
width: auto;
}
}
/*------------------groups------------------*/
.gr {}
.gr-pan {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.gr-header {}
.gr-wr {
width: 49%;
display: flex;
flex-direction: row;
margin-bottom: 30px;
}
.gr-wr:nth-of-type(1) .gr-item-1 {
background: url(https://s3.eu-central-1.amazonaws.com/content-satu/uniq/752424/752424-gr-1.jpg) 50% 50%/cover;
}
.gr-wr:nth-of-type(2) .gr-item-1 {
background: url(https://s3.eu-central-1.amazonaws.com/content-satu/uniq/752424/752424-gr-2.jpg) 50% 50%/cover;
}
.gr-wr:nth-of-type(3) .gr-item-1 {
background: url(https://s3.eu-central-1.amazonaws.com/content-satu/uniq/752424/752424-gr-3.jpg) 50% 50%/cover;
}
.gr-wr:nth-of-type(4) .gr-item-1 {
background: url(https://s3.eu-central-1.amazonaws.com/content-satu/uniq/752424/752424-gr-4.jpg) 50% 50%/cover;
}
.gr-wr:nth-of-type(3),
.gr-wr:nth-of-type(4) {
margin-bottom: 0;
flex-direction: row-reverse;
}
.gr-item-1 {
width: 50%;
overflow: hidden;
box-sizing: border-box;
}
.gr-item-2 {
background-color: var(--clr0);
width: 50%;
padding: 20px;
box-sizing: border-box;
}
.gr-name {
font-weight: bold;
margin-bottom: 10px;
font-size: 18px;
line-height: normal;
}
.gr-desc {}
.gr-button {}
@media screen and (max-width: 700px) {
.gr-wr {
width: auto;
margin-bottom: 20px;
flex-direction: column;
width: auto;
}
.gr-wr:nth-of-type(3),
.gr-wr:nth-of-type(4) {
margin-bottom: 20px;
flex-direction: column;
}
.gr-item-1 {
height: 200px;
width: auto;
}
.gr-item-2 {
width: auto;
}
}
/*------------------adv------------------*/
.adv {
background-color: var(--clr2);
}
.adv-pan {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
/*
h2.adv-header {
color: #fff;
text-align: left;
}
*/
.adv-wr:nth-of-type(1) {
width: 30%;
row-gap: 20px;
padding-right: 20px;
box-sizing: border-box;
}
.adv-wr:nth-of-type(2) {
width: 70%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
row-gap: 20px;
box-sizing: border-box;
}
.adv-wr-desc {
color: #fff;
}
.adv-item {
width: 49%;
background-color: #fff;
padding: 20px;
box-sizing: border-box;
transition: all 200ms ease-in-out 0s;
border-top: 4px solid var(--clr1);
}
.adv-item:hover {
background-color: var(--clr2);
color: #fff;
}
.adv-item:hover .adv-num {
color: var(--clr1);
}
.adv-item:hover .adv-name {
color: var(--clr1);
}
.adv-num {
font-weight: bold;
margin-bottom: 10px;
font-size: 20px;
line-height: inherit;
}
.adv-name {
margin-bottom: 10px;
font-weight: bold;
}
.adv-desc {}
@media screen and (max-width: 600px) {
.adv-wr:nth-of-type(1) {
width: auto;
margin-bottom: 20px;
}
.adv-wr:nth-of-type(2) {
width: auto;
}
.adv-item {
width: auto;
}
}
/*------------------why------------------*/
.why {}
.why-pan {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}
.why-header {}
.why-wr {
background-color: var(--clr0);
padding: 30px;
width: 49%;
box-sizing: border-box;
margin-bottom: 40px;
transition: all 300ms ease-in-out 0s;
position: relative;
}
.why-wr:hover {
background-color: var(--clr2);
color: #fff;
}
.why-wr:hover .why-name {
color: var(--clr1);
}
.why-wr:hover .why-num {
color: var(--clr1);
}
.why-wr:nth-of-type(5),
.why-wr:nth-of-type(6) {
margin-bottom: 0;
}
.why-num {
position: absolute;
font-weight: bold;
font-size: 122px;
line-height: normal;
color: #fff;
right: 10px;
bottom: -30px;
z-index: 2;
}
.why-icon {}
.why-icon img {
width: 35px;
}
.why-icon img.why-img-1 {}
.why-icon img.why-img-2 {
display: none;
}
.why-wr:hover .why-icon img.why-img-1 {
display: none;
}
.why-wr:hover .why-icon img.why-img-2 {
display: block;
}
.why-name {
font-weight: bold;
margin-bottom: 15px;
margin-top: 15px;
transition: all 300ms ease-in-out 0s;
}
.why-desc {
width: 80%;
position: relative;
z-index: 3;
}
@media screen and (max-width: 700px) {
.why-wr {
width: auto;
margin-bottom: 20px;
}
.why-wr:nth-of-type(4),
.why-wr:nth-of-type(5),
.why-wr:nth-of-type(6) {
margin-bottom: 20px;
}
}
/*------------------scheme------------------*/
.scheme {
background-color: var(--clr2);
}
.scheme-header {
color: #fff;
}
.scheme-pan {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}
.scheme-wr {
width: 24%;
background-color: #fff;
padding: 30px;
box-sizing: border-box;
transition: all 200ms ease-in-out 0s;
}
.scheme-num {
font-size: 30px;
line-height: normal;
margin-bottom: 15px;
font-weight: bold;
color: var(--clr1);
transition: all 200ms ease-in-out 0s;
}
.scheme-name {
margin-bottom: 15px;
font-weight: bold;
}
.scheme-desc {}
@media screen and (max-width: 700px) {
.scheme-wr {
width: auto;
margin-bottom: 20px;
}
}
Onliine.kz — магазин строительных материалов в Казахстане
Услуги ремонта и стройматериалы в одном месте
Результат любой работы определяется не только мастерством исполнителя, но и применяемыми для этих целей материалами и инструментами. В нашем магазине стройматериалов вы можете заказать все необходимое для выполнения ремонтных и строительных задач. Предлагаем продукцию проверенных производителей и услуги ремонта с гарантией качества.
В каталог
Продажа стройматериалов — от крепежа до электрики
Электротовары
На сайте представлен широкий ассортимент кабелей и всего необходимого для укладки проводки, автоматики и щитов, розеток и выключателей. Мы позаботились, чтобы с выбором электротоваров у вас не было проблем.
Детальнее
Сухие смеси
В наличии декоративная штукатурка, финишная, стартовая и универсальная шпатлевка, затирки для швов и клей для плитки. Обновляем каталог востребованными товарными позициями из ассортимента известных брендов.
Детальнее
Гипсокартон
Поможем выбрать гипсокартон для стен, потолка, влагостойкий и доставим товар в любом объеме. У нас также можно приобрести все необходимое для сборки гипсокартонных конструкций и заказать услуги мастера.
Детальнее
Краски и эмульсии
Предлагаем лаки, краски, эмали для наружных работ, а также растворители и расходные материалы. Подбираем лакокрасочную продукцию в соответствии с запросами заказчика и типом обрабатываемой поверхности.
Детальнее
Почему стройматериалы стоит покупать в Onliine.kz
Вам не придется тратить время на строительные магазины — весь представленный в каталоге товар есть в наличии. Мы, как никто другой, понимаем своих клиентов и помогаем им экономить время на поиск материалов и мастеров.
В каталог
01
Товары высокого качества
Мы дилеры заводов-производителей, поэтому все товары соответствуют стандартам системы управления качеством. В нашем каталоге продукция от ТТС Глобал, Aknur kablo, Izawool, НУРАСЫЛ СТРОЙ, Электро, Alinex, Almaty профиль.
02
Простой поиск материалов
Для удобства клиентов мы разделили товары на категории. Выбрав параметры, вы сможете отсортировать позиции в считанные минуты и добавить в корзину все необходимое, или воспользоваться консультацией менеджера.
03
Оплата удобным способом
Принимаем наличный и безналичный расчет, предоставляем все необходимые документы. Оплатить наличными можно при посещении клиентом пункта самовывоза или курьеру, предварительно обсудив детали оплаты с консультантом.
04
Программа лояльности
Мы работаем напрямую с застройщиками, а также реализуем строительные материалы частным покупателям. К каждому заказу подходим индивидуально, обсуждаем детали, предоставляем персональные скидки на покупку.
Еще 4 преимущества нашего магазина строительных материалов
Услуги ремонта
Опытные мастера выполнят ремонт любого уровня сложности. Также у нас можно заказать услуги грузчика и вывоз мусора.
01
Выгодные цены
В поставках продукции от производителей исключены посредники, поэтому стоимость товаров на нашем сайте ниже рыночной.
02
Быстрая доставка
Организуем быструю отгрузку со склада и доставку стройматериалов удобным способом день в день в любой город РК.
03
Гарантии
На продукцию заводов распространяется гарантия 10 лет. На услуги ремонта, выполненные мастерами компании, — 2 года.
04
Закажите все необходимое для строительства и ремонта
01
Заказ
Оформите заказ на стройматериалы и услуги мастера по телефону или на сайте.
02
Подтверждение
Уточните с менеджером детали. Возможна демонстрация товара по видеозвонку.
03
Оплата
Внесите предоплату от 10 000 тг и согласуйте детали полной оплаты по заказу.
04
Доставка
Ожидайте отгрузку строительных материалов со склада в Алматы день в день.
В каталог
