Стройматериалы и расходные материалы
.uc-btns { position: relative; display: inline-block; margin-top:10px; padding: 8px 40px; box-sizing: border-box; vertical-align: middle; text-align: center; font-size:16px; cursor: pointer; text-decoration: none!important; background: transparent;
border: 2px solid #428FC3; color: #428FC3!important; transition: .3s; border-radius: 2px; transition: background 225ms ease-in-out,color 225ms ease-in-out; }
.uc-btns:hover {
background: #428FC3;
color:#fff!important;
transition: .3s;
}
.uc-link { position: relative; display: inline-block; margin-top:10px; padding: 8px 40px; box-sizing: border-box; vertical-align: middle; text-align: center; font-size:16px; cursor: pointer; text-decoration: none!important; background: #428FC3; color: #fff!important; transition: .3s; border-radius: 2px; transition: background 225ms ease-in-out,color 225ms ease-in-out; border:2px solid #428FC3; }
.uc-link:hover {
background: none;
color:#428FC3!important;
transition: .3s;
}
.uc-banner strong {font-size:18px; color:#428FC3;}
.uc-banner {
display: flex;
justify-content: space-between;
background: #fcfcfc;
border: 1px solid #e5e5e5;
min-height: 500px;
}
.uc-content {
width: 48%;
padding: 20px;
display: flex;
flex-direction: column;
justify-content: space-between;
text-align: center;
position: relative;
}
.uc-banner__header {
font-size: 2.0rem!important;
color: #428FC3;
margin: auto!important;
}
.uc-banner__subheader {
font-size: 1.3rem;
margin-top:30px;
color: #292929;
}
.uc-banner__text {
font-size: 0.9rem;
color: #292929;
line-height: 23px;
padding-top: 30px;
}
.uc-banner__area {
width: 50%;
display: flex;
position: relative;
background: url(https://b.radikal.ru/b21/1909/c7/f271785e5cc4.jpg) 50% 50% /cover;
-webkit-clip-path: polygon(100% 0%, 100% 50%, 100% 100%, 15% 100%, 0% 50%, 15% 0%);
clip-path: polygon(100% 0%, 100% 50%, 100% 100%, 15% 100%, 0% 50%, 15% 0%);
background-position: 91%;
}
.uc-banner__backround-black {
position: absolute;
left: 0;
width: 25%;
height: 100%;
background: #F4B628;
clip-path: polygon(60% 0%, 100% 0, 40% 50%, 100% 100%, 60% 100%, 0% 50%);
}
.uc-banner__backround-blue {
width: 25%;
position: absolute;
left: 25px;
height: 100%;
background: #428FC3;
clip-path: polygon(60% 0%, 100% 0, 40% 50%, 100% 100%, 60% 100%, 0% 50%);
}
@media screen and (max-width: 1300px) {
.uc-banner__backround-black {
display: none;
}
.uc-banner__backround-blue { background: #F4B628;}
.uc-content::after {height:0px;}
.uc-banner__backround-blue {
left: 0;
}
}
@media screen and (max-width: 1150px) {
.uc-banner__area {
width: 30%;
}
.uc-content {
width: 70%;
}
}
@media screen and (max-width: 480px) {
.uc-content {
width: 100%;
}
.uc-banner__area {
display: none;
}
.uc-content::after {
top: 33%;
}
.uc-banner {
height: 100%;
}
.uc-banner__header {
font-size: 1.6rem!important;
}
}
:root { --infograph-color2: #F4B628; --infograph-color1: #428FC3; } .four-panel { padding: 20px 10px; border-bottom: 1px solid #e5e5e5;
} .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: 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: 18px!important; line-height: 20px; font-weight:bold; color:#428FC3; } .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-order11 { padding: 20px; text-align: center; border-bottom: 1px solid #e5e5e5;
} .uc-order11 h2 {margin:20px 0!important; text-align:center;} .uc-order11_wrap { display: flex; flex-wrap: wrap; justify-content: left;} .uc-order11 strong {color:#2f2f2f; font-size:16px;} .uc-order11-scheme { width: 47%; margin: 10px; padding: 10px 15px; box-sizing: border-box; vertical-align: top; transition: all .3s ease; background-color: #fcfcfc;
border: 1px solid #e5e5e5;
border-radius: 2px; } .uc-order11-scheme:hover { transition: all .3s ease; } .uc-order11-scheme:hover img { animation: 1500ms ease 0s normal none 1 running flip; } @keyframes flip { from { transform: perspective(400px) rotate3d(0, 1, 0, -360deg); animation-timing-function: ease-out; } 40% { transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); animation-timing-function: ease-out; } 50% { transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); animation-timing-function: ease-in; } 80% { transform: perspective(400px) scale3d(.95, .95, .95); animation-timing-function: ease-in; } to { transform: perspective(400px); animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; animation-name: flip; } @media screen and (max-width: 900px) { .uc-order11-scheme { width: 98%; margin: 10px auto; } }
.uc-icons {
padding: 10px;
text-align: center; border-bottom: 1px solid #e5e5e5;
}
.uc-icons h2 {margin:20px 0!important; text-align:center;}
.uc-icons__inner {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-top: 20px;
}
.uc-icons__block {
display: flex;
flex-direction: column;
align-items: center;
width: 42%;
padding: 20px;
z-index: 1;
}
.uc-icon {
width: 100px;
height: auto;
}
.uc-icon__area {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 112px;
height: 112px;
border-radius: 100%;
border:6px solid #f9f9f9;
background: #fff;
}
.uc-icon__area::after {
content: '';
position: absolute;
width: 170px;
height: 166px;
border-radius: 0%;
z-index: -1;
margin-top: 2px;
}
.uc-area__blue-back::after {
background: #F4B628;
}
.uc-area__blue-back::before {
content: '';
position: absolute;
top: -25px;
right: -145px;
width: 0;
height: 0;
border-top: 0px solid transparent;
border-left: 184px solid #F4B628;
border-bottom: 145px solid transparent;
z-index: -1;
}
.uc-area__yeloww-back::after {
background: #428FC3;
}
.uc-area__yeloww-back::before {
content: '';
position: absolute;
bottom: -29px;
left: -145px;
width: 0;
height: 0;
border-top: 145px solid transparent;
border-right: 184px solid #428FC3;
border-bottom: 0px solid transparent;
z-index: -1;
}
.uc-icons__content {
text-align: center;
color: #000;
padding-top: 40px;
}
.uc-icons__subheader {
position: relative;
display: inline-flex;
font-size: 18px!important;
font-weight:bold;
}
.uc-icons__subheader::before {
content: '';
position: absolute;
bottom: -10px;
width: 100%;
height: 2px;
background: #e5e5e5;
}
.uc-icons__subheader-blue {
color: #428FC3;
}
.uc-icons__subheader-yellow {
color: #F4B628;
}
.uc-icons__text {
padding-top: 20px;
}
@media screen and (max-width: 1300px) {
.uc-icons__block {
width: 55%;
}
}
@media screen and (max-width: 1200px) {
.uc-icons__block {
width: 85%;
}
.uc-area__yeloww-back::before,
.uc-area__blue-back::before {
border: 0;
}
}
.uc-b5-panel { padding: 20px; text-align: center; border-bottom: 1px solid #e5e5e5;
} .uc-b5-panel:after { content: " "; display: block; clear: both; font-size: 0px; } .uc-b5-header { margin: 20px 0!important; } .uc-b5-wrapper { display: inline-block; vertical-align: top; width: 47%; margin-bottom: 10px; transition: all 0.5s ease; } .uc-b5-img { margin: 15px; transition: all 0.5s ease; } .uc-b5-wrapper:hover .uc-b5-img { transform: scale(1.5, 1.5); margin: 15px; transition: all 0.5s ease; } .uc-b5-arr { width: 10px; font-size: 30px; color: #F4B628; vertical-align: middle; padding-top: 30px; } .uc-b5-arr3 {display:none;} .uc-b5-arr2 {display:inline-block;} .uc-b5-text { margin: 10px 0 0; } @media screen and (max-width: 500px) { .uc-b5-wrapper { width: 60%; } .uc-b5-arr { display: none; } }
.uc-footer { padding:20px; text-align: center; } .uc-footer h2 {margin:20px 0!important;}
Магазин стройматериалов РамазанСтрой
Расходные материалы, стройматериалы, инструменты для штукатурки, крепежные материалы, герметики, клеи, буры, сверлы и другое.
Предлагаем широкий ассортимент товаров. Даем гарантию в качестве продукции. Предоставляем бесплатную консультацию. Даем возможность оплатить несколькими способами. Доставляем по всему Казахстану.
Перейти в каталог
Стройматериалы в Астане
Опыт
Мы занимаемся продажей материалов для строительства на протяжении долгого времени.
Качество
Мы поставляем от проверенных производителей. Предоставляем сертификаты.
Цена
Мы обеспечиваем доступные цены за счет прямых поставок.
Сервис
В нашем штате специалисты, которые готовы проконсультировать каждого клиента, ответить на вопросы и помочь оформить заказ.
О компании
Продажа стройматериалов
Мы заботимся о Вашем времени, поэтому предлагаем воспользоваться удобным каталогом с дополнительной информацией и ценами.
Все для Вашего удобства.
Любой товар Вы можете приобрести как оптом, так и в розницу.
Предлагаем несколько способов оплаты - наличный и безналичный расчет, на карту Каспий Голд.
Выгружаем быстро и качественно путем курьера или транспортной компанией по указанному адресу.
Предоставляем индивидуальный подход к каждому клиенту. Ни один клиент не оставался разочарованным.
Радуем постоянных клиентов и покупателей с крупным объемом покупки щедрыми скидками и бонусами.
Контакты
Как оформить заказ в нашей компании?
Выбор товара, отправка в корзину.
→
Согласование деталей заказа с менеджером.
→
Оплата комфортным для Вас способом.
→
Получение груза в оговоренные сроки.
Купить стройматериалы выгодно РамазанСтрой
Если у Вас возникли какие-либо вопросы, позвоните нам. Мы незамедлительно ответим на них!
Обращайтесь к нам, мы работаем каждый день без выходных
Доставка и оплата