Витрина
АРМСТРОЙ-Крым
.uc-banner-panel {
padding: 10px 30px 10px 50px;
}
.uc-banner-color {
display: flex;
width: 100%;
margin-top: 40px;
height: auto;
background: #55718f;
margin-bottom: 45px;
}
.uc-banner-text {
margin-top: -40px;
margin-bottom: 40px;
margin-left: -30px;
width: auto;
background-color: #A6A6A6;
padding: 9px;
box-shadow: 0 20px 30px rgba(0,0,0, .3);
text-align: center;
}
.uc-banner-text h2 {
margin-bottom: 15px;
padding: 10px 0;
border-top: 2px solid #55718f;
border-bottom: 2px solid #55718f;
}
.uc-banner-img {
background: url(https://d.radikal.ru/d15/1909/4b/a37d33f4cb70.jpg)50% 50%/cover;
border-radius: 50%;
width: 300px;
height: 300px;
flex-shrink: 0;
margin-top: 40px;
margin-right: -40px; /*для старого дизайна сделайте значение отрицательным, (выглядит лучше), для нового - наоборот*/
margin-left: -30px;
margin-bottom: -40px;
box-shadow: 0 20px 30px rgba(0,0,0, .3);
}
@media screen and (max-width: 900px) {
.uc-banner-panel {
padding: 10px 30px 30px 50px;
}
.uc-banner-text {
margin-right: 20px;
}
.uc-banner-color {
flex-wrap: wrap;
flex-direction: column;
}
.uc-banner-img {
width: 200px;
height: 200px;
margin-top: -85px;
margin-right: 40px;
align-self: flex-end;
}
}
@media screen and (max-width: 700px) {
.uc-banner-panel {
padding: 10px 20px 30px 50px;
}
.uc-banner-text {
margin-right: 20px;
padding: 20px 20px 40px;
}
.uc-banner-color {
flex-wrap: wrap;
flex-direction: column;
}
.uc-banner-img {
width: 150px;
height: 150px;
margin-top: -60px;
margin-right: -15px;
align-self: flex-end;
}
}
.uc-link {
display: inline-block;
padding: 8px 15px;
text-decoration: none !important;
text-align: center;
min-width: 150px;
border: 2px solid #fff;
border-radius: 20px;
color: #fff!important;
background-color: transparent;
font-size: 16px;
transition: all .3s;
margin: 10px;
}
.uc-link:hover {
background: #4282ce;
color: #fff!important;
transform: translateY(5px);
}
.uc-panel {
padding: 20px 0;
text-align: center;
}
.uc-panel h2 {
margin-bottom: 20px;
text-align: center;
}
.uc-wrapper {
display: inline-block;
vertical-align: top;
margin: 10px .5%;
text-decoration: none;
}
.uc-img-holder {
display: block;
text-align: center;
position: relative;
overflow: hidden;
box-sizing: border-box;
max-width: 300px;
max-height: 300px;
margin: 0 auto;
border: 1px solid #ebebeb;
transition: all 0.5s linear;
}
.uc-wrapper img {
height: auto!important;
}
.uc-overlay {
position: absolute;
border-radius: 500px;
background: rgba(255,255,255,0.6);
}
.uc-icon {
width: 35px;
height: 23px;
position: absolute;
top: 39px;
left: 33px;
}
.uc-caption {
position: absolute;
top: 100%;
left: 0px;
width: 100%;
height: 100%;
display: flex;
padding: 0 20px;
align-items: center;
box-sizing: border-box;
color: #fff!important;
background-color: rgba(58, 186, 177, 0.85);
-moz-transition: all 0.3s linear 0s;
-ms-transition: all 0.3s linear 0s;
-webkit-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s;
}
.uc-name {
font-size: 16px;
color: #55718f;
display: inline-block;
margin-top: 10px;
}
.uc-name:hover {
color: #444;
}
.uc-desc {
display: block;
margin: 10px 0;
position: absolute;
visibility: hidden;
color: #333;
}
.uc-panel .uc-wrapper {
width: 30%;
}
@-webkit-keyframes bounce {
from {top: 100px;}
25% {top: 200px;}
50% {top: 100px;}
75% {top: 0px;}
to {top: -200px;}
}
@-ms-keyframes bounce {
from {top: 100px;}
25% {top: 200px;}
50% {top: 100px;}
75% {top: 0px;}
to {top: -200px;}
}
@-o-keyframes bounce {
from {top: 100px;}
25% {top: 200px;}
50% {top: 100px;}
75% {top: 0px;}
to {top: -200px;}
}
@-moz-keyframes bounce {
from {top: 100px;}
25% {top: 200px;}
50% {top: 100px;}
75% {top: 0px;}
to {top: -200px;}
}
@keyframes bounce {
from {top: 100px;}
25% {top: 200px;}
50% {top: 100px;}
75% {top: 0px;}
to {top: -200px;}
}
.uc-bubbles .uc-bubble {
width: 40px;
height: 40px;
position: absolute;
top: 100%;
background: -moz-radial-gradient(circle at center center, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.7));
background: -ms-radial-gradient(circle at center center, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.7));
background: -o-radial-gradient(circle at center center, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.7));
background: -webkit-radial-gradient(circle at center center, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.7));
background: radial-gradient(circle at center center, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.7));
-webkit-border-radius: 100px;
border-radius: 100px;
}
.uc-effect .uc-bubbles .uc-bubble-2 {
left: 20px;
}
.uc-effect .uc-bubbles .uc-bubble-3 {
left: 60px;
}
.uc-effect .uc-bubbles .uc-bubble-4 {
left: 90px;
}
.uc-effect .uc-bubbles .uc-bubble-5 {
left: 120px;
}
.uc-effect .uc-bubbles .uc-bubble-6 {
left: 150px;
}
.uc-effect .uc-bubbles .uc-bubble-7 {
left: 250px;
}
.uc-effect .uc-bubbles .uc-bubble-8 {
left: 300px;
}
.uc-effect .uc-bubbles .uc-bubble-9 {
left: 190px;
}
.uc-effect .uc-bubbles .uc-bubble-10 {
left: 220px;
}
.uc-effect .uc-bubbles .uc-bubble-11 {
left: 270px;
}
.uc-effect .uc-bubbles .uc-bubble-12 {
left: 45px;
}
.uc-effect .uc-bubbles .uc-bubble-13 {
left: 15px;
}
@-webkit-keyframes bubble {
from {
top: 100%;
}
to {
top: -100%;
}
}
@-ms-keyframes bubble {
from {
top: 100%;
}
to {
top: -100%;
}
}
@-o-keyframes bubble {
from {
top: 100%;
}
to {
top: -100%;
}
}
@-moz-keyframes bubble {
from {
top: 100%;
}
to {
top: -100%;
}
}
@keyframes bubble {
from {
top: 100%;
}
to {
top: -100%;
}
}
.uc-effect:hover .uc-bubbles .uc-bubble {
-moz-animation: bubble 9s infinite;
-ms-animation: bubble 9s infinite;
-o-animation: bubble 9s infinite;
-webkit-animation: bubble 9s infinite;
animation: bubble 9s infinite;
}
.uc-effect:hover .uc-bubbles .uc-bubble-2 {
-moz-animation-delay: 2s;
-o-animation-delay: 2s;
-ms-animation-delay: 2s;
-webkit-animation-delay: 2s;
animation-delay: 2s;
}
.uc-effect:hover .uc-bubbles .uc-bubble-3 {
-moz-animation-delay: 6s;
-o-animation-delay: 6s;
-ms-animation-delay: 6s;
-webkit-animation-delay: 6s;
animation-delay: 6s;
}
.uc-effect:hover .uc-bubbles .uc-bubble-4 {
-moz-animation-delay: 3.5s;
-o-animation-delay: 3.5s;
-ms-animation-delay: 3.5s;
-webkit-animation-delay: 3.5s;
animation-delay: 3.5s;
}
.uc-effect:hover .uc-bubbles .uc-bubble-5 {
-moz-animation-delay: 4s;
-o-animation-delay: 4s;
-ms-animation-delay: 4s;
-webkit-animation-delay: 4s;
animation-delay: 4s;
}
.uc-effect:hover .uc-bubbles .uc-bubble-6 {
-moz-animation-delay: 7.2s;
-o-animation-delay: 7.2s;
-ms-animation-delay: 7.2s;
-webkit-animation-delay: 7.2s;
animation-delay: 7.2s;
}
.uc-effect:hover .uc-bubbles .uc-bubble-7 {
-moz-animation-delay: 1s;
-o-animation-delay: 1s;
-ms-animation-delay: 1s;
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.uc-effect:hover .uc-bubbles .uc-bubble-8 {
-moz-animation-delay: 2.6s;
-o-animation-delay: 2.6s;
-ms-animation-delay: 2.6s;
-webkit-animation-delay: 2.6s;
animation-delay: 2.6s;
}
.uc-effect:hover .uc-bubbles .uc-bubble-9 {
-moz-animation-delay: 5s;
-o-animation-delay: 5s;
-ms-animation-delay: 5s;
-webkit-animation-delay: 5s;
animation-delay: 5s;
}
.uc-effect:hover .uc-bubbles .uc-bubble-10 {
-moz-animation-delay: 6.4s;
-o-animation-delay: 6.4s;
-ms-animation-delay: 6.4s;
-webkit-animation-delay: 6.4s;
animation-delay: 6.4s;
}
.uc-effect:hover .uc-bubbles .uc-bubble-11 {
-moz-animation-delay: 8s;
-o-animation-delay: 8s;
-ms-animation-delay: 8s;
-webkit-animation-delay: 8s;
animation-delay: 8s;
}
.uc-effect:hover .uc-bubbles .uc-bubble-12 {
-moz-animation-delay: 5.3s;
-o-animation-delay: 5.3s;
-ms-animation-delay: 5.3s;
-webkit-animation-delay: 5.3s;
animation-delay: 5.3s;
}
.uc-effect:hover .uc-bubbles .uc-bubble-13 {
-moz-animation-delay: 8.5s;
-o-animation-delay: 8.5s;
-ms-animation-delay: 8.5s;
-webkit-animation-delay: 8.5s;
animation-delay: 8.5s;
}
.uc-effect:hover img {
filter: blur(1px);
}
.uc-effect:hover .uc-caption {
top: 0px;
-moz-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
-ms-transition-delay: 0.5s;
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.uc-effect:hover .uc-overlay {
-moz-animation: bounce 0.3s linear forwards;
-o-animation: bounce 0.3s linear forwards;
-ms-animation: bounce 0.3s linear forwards;
-webkit-animation: bounce 0.3s linear forwards;
animation: bounce 0.3s linear forwards;
}
@media screen and (max-width: 1100px) {
.uc-panel .uc-wrapper {
width: 46%;
}
.uc-panel .uc-wrapper+.uc-wrapper+.uc-wrapper {
width: 46%;
}
}
@media screen and (max-width: 800px) {
.uc-desc {
position: static;
visibility: visible;
}
.uc-panel .uc-wrapper {
width: 51%;
}
.uc-panel .uc-wrapper+.uc-wrapper+.uc-wrapper {
width: 51%;
}
}
@media screen and (max-width: 500px) {
.uc-panel .uc-wrapper,
.uc-panel .uc-wrapper+.uc-wrapper+.uc-wrapper {
width: auto;
margin-right: 15px;
margin-left: 15px;
}
}
.uc-clear {clear:both; height:0px;}
.uc-our__history {
padding: -8px;
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: 46%;
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: 60px;
font-weight: bold;
color: #55718f;
background: #EAEAEA;
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: 100px;
min-width: 100px;
border-radius: 100%;
box-shadow: 0 0px 15px #fff, 0 0 0px 10px #4282ce, 0 0 0 0.3em #fff;
transition: all 0.5s ease;
}
.uc-our__history-line {
-ms-flex-item-align: center;
align-self: center;
width: 8%;
height: 30px;
background: #55718f;
}
.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;
text-align: left;
background: #EAEAEA;
color: #000;
padding: 10px 15px;
border-radius: 10px;
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: #156413;
}
.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:1100px) {
.uc-our__history-block {
width: 100%;
}
}
@media screen and (max-width:800px) {
.uc-our__history-year {
min-width: 70px;
min-height: 70px;
}
.uc-our__history-line {
width: 13%;
}
}
.uc-b5-panel {
padding: 4px 0;
text-align: center;
background: #A6A6A6;
}
.uc-b5-panel:after {
content: " ";
display: block;
clear: both;
font-size: 0px;
}
.uc-b5-panel h2 {
margin-bottom: 10px;
}
.uc-b5-wrapper {
display: inline-block;
vertical-align: top;
width: 20%;
margin: 25px 0.5%;
}
.uc-b5-arr {
width: 10px;
font-size: 30px;
color: #333;
vertical-align: middle;
padding-top: 20px;
}
.uc-b5-arr2 {}
.uc-b5-arr3 {
}
.uc-b5-text {
margin: 10px 0 0;
}
.uc-b5-wrapper img {
margin: 5px;
transition: all 0.5s ease; }
.uc-b5-wrapper:hover img { transform: scale(1.5, 1.5); transition: all 0.5s ease; }
@media screen and (max-width: 1100px) {
.uc-b5-wrapper {
width: 25%;
}
.uc-b5-arr2 {
display: none;
}
.uc-b5-arr3 {
display: inline-block;
}
}
@media screen and (max-width: 700px) {
.uc-b5-wrapper {
width: 60%;
}
.uc-b5-arr {
display: none;
}
}
.uc-ban1-panel {
background: #777 url() center right;
background-size: cover;
}
.uc-ban1-texts {
background: #A6A6A6;
padding: 20px;
text-align: center;
box-sizing: border-box;
}
.uc-burger_panel {
padding: 20px;
background:;
}
.uc-burger_panel h2 {
text-align: center;
}
.uc-burger_container {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.uc-burger_item {
display: flex;
width: 70%;
margin: 10px;
}
.uc-burger_item:nth-child(even) {
display: flex;
flex-direction: row-reverse;
}
.uc-burger_number_container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 20%;
background: #55718f;
text-align: center;
color: #fff;
padding: 10px;
border-radius: 100px 0 0;
box-shadow: inset 0px -21px 10px -21px rgba(0, 0, 0, 0.7);
}
.uc-burger_item:nth-child(even) .uc-burger_number_container {
background: #55718f;
border-radius: 0 0 100px;
box-shadow: inset 0px 21px 10px -21px rgba(0, 0, 0, 0.7);
}
/* Это стили для сайтов с большим количеством цветовой гаммы
.uc-number-1 {
background: red;
}
.uc-number-2 {
background: blue;
}
.uc-number-3 {
background: aqua;
}
.uc-number-4 {
background: black;
}
*/
.uc-burger_number-header {
font-size: 17px;
color: #fff;
}
.uc-burge_number {
font-size: 40px;
line-height: 0px;
}
.uc-burger_content {
width: 190%;
background: #A6A6A6;
padding: 15px;
border-radius: 0 100px 0 0;
box-shadow: inset 0px -21px 10px -21px rgba(0, 0, 0, 0.7);
display: flex;
flex-direction: column;
justify-content: center;
}
.uc-burger_item:nth-child(even) .uc-burger_content {
justify-content: center;
align-items: flex-end;
border-radius: 0 0 0 100px;
text-align: right;
box-shadow: inset 0px 21px 10px -21px rgba(0, 0, 0, 0.7);
}
.uc-burger_content-header {
font-size: 25px;
}
.uc-burger_text {
width: 90%;
}
@media screen and (max-width: 1100px) {
.uc-burger_item {
width: 100%;
flex-direction: column;
}
.uc-burger_item:nth-child(even) {
display: flex;
flex-direction: column;
}
.uc-burger_item:nth-child(even) .uc-burger_number_container {
width: 95%;
border-radius: 100px 100px 0 0;
box-shadow: inset 0px -21px 16px -21px rgba(0, 0, 0, 0.78);
}
.uc-burger_item:nth-child(even) .uc-burger_content {
width: 95%;
border-radius: 0 0 50px 50px;
justify-content: center;
align-items: center;
box-shadow: inset 0px -21px 16px -21px rgba(0, 0, 0, 0.78);
}
.uc-burger_number_container {
width: 95%;
border-radius: 100px 100px 0 0;
}
.uc-burger_content {
width: 95%;
border-radius: 0 0 100px 100px;
justify-content: center;
align-items: center;
padding: 10px;
}
.uc-burger_text {
text-align: center;
}
}
/* Bob */
@-webkit-keyframes uc-bob {
0% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
50% {
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
}
100% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
}
@keyframes uc-bob {
0% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
50% {
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
}
100% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
}
@-webkit-keyframes uc-bob-float {
100% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
}
@keyframes uc-bob-float {
100% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
}
.uc-bob {
margin-top: 10px;
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
-webkit-animation-name: uc-bob-float, uc-bob;
animation-name: uc-bob-float, uc-bob;
-webkit-animation-duration: .3s, 1.5s;
animation-duration: .3s, 1.5s;
-webkit-animation-delay: 0s, .3s;
animation-delay: 0s, .3s;
-webkit-animation-timing-function: ease-out, ease-in-out;
animation-timing-function: ease-out, ease-in-out;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-direction: normal, alternate;
animation-direction: normal, alternate;
}
ООО «Арм-Строй» предлагает инновационные стеновые плиты
Мы производим также блоки для домостроения, бетонные изделия
Наша компания производит и реализует стеновые плиты, изготовленные по современной технологии. В каталоге вы найдете большой выбор вазонов, бордюров и урн из бетона по привлекательным ценам и пенопласт самой разной плотности. Наша продукция прекрасно зарекомендовала себя в строительной сфере. Многие строительные бригады и компании перешли в разряд наших постоянных клиентов.
Перейти в каталог
Почему многие клиенты выбирают именно нашу компанию?
Компания «Арм-Строй» гарантирует привлекательные цены благодаря собственному производству. За годы своей деятельности мы смогли приобрести безупречную репутацию. У нас не было ни одного возврата. Мы придерживаемся лояльной ценовой политики и всегда индивидуально оговариваем стоимость заказа.
Связаться с нами
Что мы готовы предложить?
Компания открыта для сотрудничества с крупными организациями, строительными бригадами и частными лицами и предлагает:
1
100% гарантию качества на все материалы.
2
Удобные способы оплаты и доставки.
3
Конкурентоспособные цены.
4
Инновационные материалы с уникальными свойствами.
5
Сертифицированная продукция.
6
Экологическая безопасность.
Доставка и оплата
Порядок сотрудничества
Клиенты оставляют заявку на сайте.
→
Менеджер звонит, чтобы обсудить детали.
→
Покупатель выбирает способ оплаты.
→
Мы доставляем стройматериалы.
Большой выбор бетонных изделий на любой вкус
У нас можно приобрести не только блоки для домостроения, стеновые плиты, но и самые разные изделия из бетона. При необходимости вы получите консультацию наших профессионалов и помощь в выборе. Опытные сотрудники расскажут о характеристиках всех материалов и изделий. Представленный у нас геополимерный бетон обладает рядом уникальных характеристик.
Оформить заказ