.uc-banner-panel {
padding: 20px 0 0 50px;
}
.uc-banner-color {
display: flex;
width: 100%;
margin-top: 40px;
height: auto;
margin-bottom: 25px;
}
.uc-banner-text {
margin-top: -40px;
margin-bottom: 40px;
margin-left: -30px;
width: auto;
background-color: #f9f7f6;
padding: 30px 35px;
box-shadow: 0 20px 30px rgba(0, 0, 0, .3);
text-align: center;
}
.uc-banner-text h2 {
margin: 0;
padding: 10px 0;
border-top: 1px solid #3b5998;
border-bottom: 1px solid #3b5998;
}
.uc-banner-img {
background: url(https://b.radikal.ru/b04/1812/5a/4e2a8852d943.jpg) center center/cover;
width: 400px;
height: 315px;
flex-shrink: 0;
margin-top: 0px;
margin-right: 25px;
/*для старого дизайна сделайте значение отрицательным, (выглядит лучше), для нового - наоборот*/
margin-left: -25px;
margin-bottom: -40px;
box-shadow: 0 20px 30px rgba(0, 0, 0, .3);
}
@media screen and (max-width: 900px) {
.uc-banner-panel {
padding: 0 20px;
}
.uc-banner-text {
margin-right: 20px;
}
.uc-banner-color {
flex-wrap: wrap;
flex-direction: column;
}
.uc-banner-img {
width: 400px;
height: 240px;
margin-top: -70px;
margin-right: 0px;
align-self: flex-end;
}
}
.uc-btns {
display: inline-block;
padding: 8px 22px;
color: #fff !important;
text-decoration: none !important;
font-size: 16px;
transition: all .3s ease;
border-radius: 4px;
background: #e6044b;
box-shadow: -2px 2px 5px 0 #e8e8e8;
}
.uc-btns:hover {
transition: all .3s ease;
background: #3b5998;
}
.ucv-b1-panel {
border-bottom: 1px solid #17223a; 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(51, 51, 51, 0.8);
text-align: left;
color: #fff;
transition: all 0.6s ease 0s;
/*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: #17223a;
display: inline-block;
margin-top: 10px;
}
.ucv-b1-name:hover {
color: #3b5998;
}
.ucv-b1-desc {
display: block;
margin: 10px 0;
position: absolute;
visibility: hidden;
color: #333;
}
.ucv-b1-panel .ucv-b1-wrapper {
width: 31.8%;
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-ico-panel {
padding: 20px 15px 20px;
border-bottom: 1px solid #17223a;
}
.uc-ico-header {
text-align: center;
}
.uc-ico-table {
border-width: 0px !important;
width: 100% !important;
table-layout: fixed;
float: left;
}
.uc-ico-table+.uc-ico-table {
margin-left: 0%;
}
.uc-ico-table td {
padding: 10px;
transition: all 0.3s;
}
.uc-ico-table img {
transition: all 0.3s;
}
.uc-ico-table tr:hover {
background: #f4f4f5;
}
.uc-ico-table tr:hover strong {
color: #394957;
}
.uc-ico-table tr:hover img {
animation: 1500ms ease 0s normal none 1 running tada;
}
@keyframes tada {
from {
transform: scale3d(1, 1, 1);
}
10%,
20% {
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%,
50%,
70%,
90% {
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%,
60%,
80% {
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
transform: scale3d(1, 1, 1);
}
}
.tada {
animation-name: tada;
}
.uc-ico-table-col1 {
width: 70px;
padding-left: 15px;
}
@media screen and (max-width: 1080px) {
.uc-ico-table {
float: none;
width: 100% !important;
}
.uc-ico-table+.uc-ico-table {
margin: 0;
}
}
.uc-clear {
clear: both;
height: 0px;
}
.uc-hover {
padding: 20px;
text-align: center;
border-bottom: 1px solid #17223a;
}
.uc-hover h2 {
margin-bottom: 30px;
}
.uc-hover-wrapper {
-webkit-transform: translateZ(0);
transform: translateZ(0);
position: relative;
overflow: auto;
margin: 15px;
padding: 20px;
min-height: 74px;
display: inline-block;
width: 40%;
background: #f9f9f9;
}
.uc-hover-wrapper span {
color: #3b5998;
font-size: 25px;
}
.uc-hover-wrapper:before {
content: "";
position: absolute;
z-index: -1;
left: 50%;
right: 50%;
bottom: 0;
background: #17223a;
height: 2px;
-webkit-transition-property: left, right;
transition-property: left, right;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.uc-hover-wrapper:hover:before {
left: 0;
right: 0;
}
@media screen and (max-width: 1300px) {
.uc-hover-wrapper {
width: 30%;
margin-right: 2%;
margin-left: 2%;
}
}
.uc-footer {
padding: 20px 0 0;
border-bottom: 1px solid #17223a;
text-align: center;
}
.uc-footer p {
margin: 20px 0;
}
.ucv-b4-panel {
border-bottom: 1px solid #17223a;
padding: 25px 0px;
}
.ucv-b4-title {
text-align: center;
margin-bottom: 25px !important;
}
.ucv-b4-wrapper {
text-align: center;
}
.ucv-b4-arrow-wrapper {
margin-right: 2%;
width: 20%;
display: inline-block;
vertical-align: middle;
}
.ucv-b4-arrow {
height: 20px;
background: #3b5998;
position: relative;
width: 100%;
}
.ucv-b4-arrow-red {
background: #17223a;
}
.ucv-b4-arrow.ucv-b4-arrow-red:before {
border-top-color: #17223a;
border-bottom-color: #17223a;
}
.ucv-b4-arrow.ucv-b4-arrow-red:after {
border-left-color: #17223a;
}
.ucv-b4-arrow-red .ucv-b4-line {
background: #17223a;
}
.ucv-b4-arrow:after {
content: "";
position: absolute;
right: -10px;
top: 0;
border-left: 10px solid #3b5998;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
}
.ucv-b4-arrow:before {
content: "";
position: absolute;
left: -10px;
top: 0;
border-left: 10px solid transparent;
border-top: 10px solid #3b5998;
border-bottom: 10px solid #3b5998;
}
.ucv-b4-line {
position: absolute;
left: 50%;
bottom: 50%;
width: 2px;
height: 50px;
background: #3b5998;
}
.ucv-b4-line:after {
content: "";
position: absolute;
bottom: -2px;
left: -2px;
width: 5px;
height: 5px;
background: #fff;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}
.ucv-b4-line-bottom {
top: 50%;
}
.ucv-b4-line-bottom.ucv-b4-line:after {
top: -2px;
}
.ucv-b4-text,
.ucv-b4-image {
display: table;
width: 100%;
height: 100px;
}
.ucv-b4-image-inner,
.ucv-b4-text-inner {
display: table-cell;
text-align: center
}
.ucv-b4-image-inner {
vertical-align: top;
}
.ucv-b4-image-inner.ucv-b4-image-inner-bot {
vertical-align: bottom;
}
.ucv-b4-text-inner {
vertical-align: middle;
}
.ucv-b4-number {
padding-bottom: 6px;
font-size: 30px;
color: #3b5998;
display: block;
font-weight: bold;
}
@media screen and (max-width: 1200px) {
.ucv-b4-arrow-wrapper {
width: 35%;
}
}
@media screen and (max-width: 750px) {
.ucv-b4-arrow-wrapper {
width: 65%;
}
.ucv-b4-arrow-wrapper__margin {
margin-top: 45px;
}
}
.uc-order2 {
padding: 20px 0;
text-align: center;
border-bottom: 1px solid #17223a;
}
.uc-order2_wrap {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.uc-order2 h2 {
margin-bottom: 30px;
}
.uc-order2 strong {
color: #3b5998;
font-size: 22px;
}
.uc-order2-scheme {
position: relative;
overflow: hidden;
width: 50%;
margin: 0%;
padding: 30px 20px;
box-sizing: border-box;
vertical-align: top;
box-shadow: 0 400px 5px #e9e9e9 inset;
outline: 1px solid #fff;
outline-offset: -5px;
transition: all .6s ease;
}
.uc-order2-scheme:hover {
box-shadow: 0 0 5px #e9e9e9 inset, 0 -400px 5px #f4f4f4 inset;
transition: all .6s ease;
}
.uc-order2-scheme:hover .uc-move {
animation: 1000ms ease 0s normal none 1 running zoomInDown;
}
@keyframes zoomInDown {
from {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInDown {
animation-name: zoomInDown;
}
@media screen and (max-width: 900px) {
.uc-order2-scheme {
width: 98%;
margin: 5px auto;
}
}
«Геркулес» - производство высококачественных металлических изделий
Изготавливаем уникальные металлоизделия по разумной цене
Наша компания занимается производством и продажей металлических изделий высочайшего качества. Мы всегда там, где нужен нестандартный творческий подход. В своей работе мы используем только самое современное оборудование и самые надёжные материалы. В нашем каталоге вы найдёте десятки разных изделий из металла — ворота, двери, перила и так далее.
Посмотреть все предложения
Пусть цифры говорят о нас
Работаем 7дней в неделю
Более 140различных товаров
7 различныхкатегорий товаров
100% гарантия качества
Почему выбирают нас
Широкий выбор товаров и услуг
У нас вы можете заказать двери, решётки, ворота, ограждения, козырьки, перила и множество других металлоизделий.
Разумные цены
Несмотря на то, что мы занимаемся индивидуальными заказами, мы не задираем до небес цены на наши услуги.
Индивидуальный подход
При специфике нашей работы индивидуальный подход важен, без него работа над индивидуальными заказами невозможна
Мы выполняем любые заказы
Наша основная работа — выполнение нестандартных индивидуальных заказов на особые металлоизделия.
Высокое качество товаров
Так как мы работаем под заказ, мы стараемся сделать не просто дверь или забор, а настоящее произведение искусства.
Оформить заказ
Как сделать заказ
- 1 -
Вы находите в нашем ассортименте то, что вам подходит
- 2 -
Заполняете на нашем сайте форму со своими данными
- 3 -
Мы перезваниваем вам для того, чтобы согласовать детали
- 4 -
На место выезжает замерщик, затем мы начинаем работы
Сделайте заказ сейчас!
Если вы давно мечтали о том, чтобы получить в пользование элитную дверь или превосходный забор, пора осуществить свою мечту. Просто свяжитесь с нами и расскажите о своих желаниях, а наши специалисты придумают, как воплотить их в жизнь.
Ознакомиться с ассортиментом
