ТВОРЧЕСКАЯ МАСТЕРСКАЯ ПО ПРОИЗВОДСТВУ МЕТАЛЛОКОНСТРУКЦИЙ ООО "ГЕРКУЛЕС"

.uc-title { position: relative; display: block; margin: 20px 0; padding: 10px 0; color: #333; }
.uc-title h2 { margin: 0; padding: 0; }
.uc-title::after { position: absolute; bottom: 0; left: 0; width: 20%; height: 2px; background: #738cd4; content: ''; }
.uc-btns { display: inline-block; padding: 8px 30px; font-size: 16px; color: #fff!important; text-decoration: none!important; min-width: 170px; border: none; background: #738cd4; vertical-align: middle; text-align: center; transition: all .3s ease; }
.uc-btns::before { margin-right: 5px; color: #fff; font-size: 16px; transform: rotateY(0); -moz-transform: rotateY(0); -webkit-transform: rotateY(0); -o-transform: rotateY(0); -ms-transform: rotateY(0); content: "\f10e"; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; font-family: "icons"; display: inline-block; vertical-align: baseline; line-height: 1; }
.uc-btns::after { position: absolute; top: 12px; left: 34px; visibility: hidden; color: #fff; font-weight: bold; font-size: 16px; -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); transform: rotateY(-90deg); -moz-transform: rotateY(-90deg); -webkit-transform: rotateY(-90deg); -o-transform: rotateY(-90deg); -ms-transform: rotateY(-90deg); content: "\f14e"; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; font-family: "icons"; display: inline-block; vertical-align: baseline; line-height: 1; }
.uc-btns:hover { background: #374466; transition: all .3s ease; }
.uc-btns:hover::before { visibility: hidden; transform: perspective(600px) rotateY(90deg); -moz-transform: perspective(600px) rotateY(90deg); -webkit-transform: perspective(600px) rotateY(90deg); -o-transform: perspective(600px) rotateY(90deg); -ms-transform: perspective(600px) rotateY(90deg); -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); }
.uc-btns:hover::after { visibility: visible; -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); transform: perspective(600px) rotateY(0); -moz-transform: perspective(600px) rotateY(0); -webkit-transform: perspective(600px) rotateY(0); -o-transform: perspective(600px) rotateY(0); -ms-transform: perspective(600px) rotateY(0); }
.ucv-a2-panel strong { font-size: 20px; color: #738cd4; }
.ucv-a2-panel { background: #777 url('http://b.radikal.ru/b35/1902/b4/8ed76627fbcb.jpg') 50% 95%; background-size: cover; display: flex; justify-content: center; align-items: flex-start; background-repeat: no-repeat; margin: 125px 0; }
.ucv-a2-container { background-color: rgba(49, 44, 50, 0.7); margin: 0; padding: 40px; width: 400px; height: 400px; text-align: center; transform: rotate(45deg); }
.ucv-a2-content { transform: rotate(-45deg); display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; width: 100%; padding: 35px;
}
.ucv-a2-header { font-size: 26px; line-height: 32px; color: #738cd4; margin: 0px; }
.ucv-a2-sub-header { font-size: 17px; 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; padding-left: 10px; }
.ucv-a2-link { display: inline-block; box-sizing: border-box; height: 130px; width: 130px; text-decoration: none!important; text-align: center; background: #738cd4; color: #fff!important; padding: 10px; border: 2px solid #738cd4; font-size: 19px; transform: rotate(45deg); }
.ucv-button-container { margin: 40px 0 0!important; }
.ucv-button-rot { transform: rotate(-45deg) translatex(-23%) translatey(50%); display: inline-block; word-spacing: normal; }
.ucv-a2-link:hover { color: #738cd4!important; border-color: #738cd4; background: transparent; }
@media screen and (max-width: 1200px) { .ucv-a2-texts { width: auto; text-align: left!important; border-radius: 0; }
.ucv-a2-container { width: 100%; transform: rotate(0deg); padding: 20px 10px; } .ucv-a2-panel { padding: 0; margin: 0; }
.ucv-a2-link { transform: rotate(0deg); height: auto; width: auto;
}
.ucv-a2-content { transform: rotate(0deg); padding: 0; }
.ucv-button-rot { transform: rotate(0deg); } }
.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: 270px; margin: 0 auto; border: 1px solid #ebebeb; }
.ucv-b1-img-holder__bl { display: block; position: relative; overflow: hidden; max-width: 300px; margin: 0 auto; }
.ucv-b1-img-holder__bl:after { content: ''; display: inline-block; position: absolute; bottom: 0; right: 0; background: #738cd4; height: 2px; transition: all .2s ease-out; width: 0; }
.ucv-b1-img-holder__bl:hover:after { transition: all .2s ease-out; width: 300px; }
.ucv-b1-img-holder__bl:hover:before { transition: all .4s ease-out .2s; height: 300px; }
.ucv-b1-img-holder__bl:before { content: ''; display: inline-block; position: absolute; bottom: 0; left: 0; background: #738cd4; height: 0; transition: all .4s ease-out .2s; width: 2px; z-index: 5; }
.ucv-b1-img-holder:after { content: ''; display: inline-block; position: absolute; top: 0; left: 0; background: #738cd4; height: 2px; transition: all .2s ease-out; width: 0; }
.ucv-b1-img-holder:before { content: ''; display: inline-block; position: absolute; top: 0; right: 0; background: #738cd4; height: 0; transition: all .4s ease-out .2s; width: 2px; z-index: 5; }
.ucv-b1-img-holder:hover:after { transition: all .2s ease-out; width: 300px; }
.ucv-b1-img-holder:hover:before { transition: all .4s ease-out .2s; height: 300px; }
.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-color: rgba(255, 255, 255, 0.9); text-align: left; color: #000; transition: all 0.6s ease 0s; 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: #374466; display: inline-block; margin-top: 10px; }
.ucv-b1-name:hover { color: #738cd4; }
.ucv-b1-desc { display: block; margin: 10px 0; position: absolute; visibility: hidden; color: #333; }
.ucv-b1-panel .ucv-b1-wrapper { width: 23%; }
@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: 630px) { .ucv-b1-hint-body {} }
@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-clear { clear: both; height: 0px; }
.uc-oco-panel { padding: 20px; }
.uc-oco-header { text-align: center; padding-bottom: 20px; }
.uc-oco-table { border-width: 0px !important; width: 46% !important; table-layout: fixed; float: left; }
.uc-oco-table+.uc-oco-table { margin-left: 8%; }
.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 #374466 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 #738cd4 inset !important; }
@media screen and ( max-width: 500px) { .uc-oco-table td { vertical-align: top !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: 1000px) { .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-oco-table tr:hover .uc-oco-table-col1 { box-shadow: none !important; } .uc-oco-table tr:hover td { box-shadow: none !important; color: #374466; } }
:root { --infograph-color2: #738cd4; --infograph-color1: #374466; }
.four-panel { padding: 20px 10px; }
.four-panel h2 { text-align: center; margin-bottom: 20px; }
.four-container { display: flex; flex-wrap: wrap; justify-content: space-around; }
.four-item { display: flex; flex-direction: column; width: 35%; border-radius: 20px; padding: 30px; box-shadow: 15px 15px 44px 5px rgba(0, 0, 0, 0.38); margin: 20px 0; }
.four-content-1, .four-content-2, .four-content-3, .four-content-4 { text-align: center; position: relative; padding: 40px; display: flex; flex-direction: column; align-items: center; height: 100%; }
.four-content-1:after { content: ''; position: absolute; top: 0px; right: 0px; width: 100%; height: 20px; background: var(--infograph-color2); border-radius: 20px 20px 20px 0; }
.four-content-1:before { content: ''; position: absolute; bottom: 0px; left: 0px; width: 20px; height: 100%; background: var(--infograph-color2); border-radius: 20px; }
.four-content-2:after { content: ''; position: absolute; top: 0px; right: 0px; width: 100%; height: 20px; background: var(--infograph-color1); border-radius: 20px; }
.four-content-2::before { content: ''; position: absolute; bottom: 0; right: 0; width: 20px; height: 100%; background: var(--infograph-color1); border-radius: 20px; }
.four-content-3:after { content: ''; position: absolute; bottom: 0px; right: 0px; width: 100%; height: 20px; background: var(--infograph-color1); border-radius: 20px; }
.four-content-3::before { content: ''; position: absolute; bottom: 0px; left: 0px; width: 20px; height: 100%; background: var(--infograph-color1); border-radius: 20px; }
.four-content-4::after { content: ''; position: absolute; bottom: 0px; right: 0px; width: 100%; height: 20px; background: var(--infograph-color2); border-radius: 20px; }
.four-content-4::before { content: ''; position: absolute; bottom: 0; right: 0; width: 20px; height: 100%; background: var(--infograph-color2); border-radius: 20px;
}
.four-header { font-size: 24px; }
.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: 20px solid var(--infograph-color2); border-radius: 20px; }
.four-content-2, .four-content-4 { border: 20px solid var(--infograph-color1); border-radius: 20px; } }
.uc-order { padding: 20px 0; text-align: center; }
.uc-order_wrap { display: flex; flex-wrap: wrap; justify-content: center; }
.uc-order h2 { margin-bottom: 20px; }
.uc-order-scheme { width: 49%; margin: 10px .5%; padding: 20px 15px; box-sizing: border-box; vertical-align: top; box-shadow: 0 0 2px #33383e; transition: all .3s ease; }
.uc-order-scheme strong { font-size: 22px; color: #738cd4; }
.uc-order-scheme:hover { box-shadow: 0 0 7px #738cd4; transition: all .3s ease; }
@media screen and (max-width: 900px) { .uc-order-scheme { width: 98%; margin: 10px auto; } }
.uc-b5-panel { padding: 20px; text-align: center; }
.uc-b5-panel:after { content: " "; display: block; clear: both; font-size: 0px; }
.uc-b5-header { margin-bottom: 40px; }
.uc-b5-wrapper { display: inline-block; vertical-align: top; width: 18%; margin: 10px; }
.uc-b5-arr { width: 40px; font-size: 30px; color: #374466; vertical-align: middle; padding-top: 10px; }
.uc-b5-arr2 { }
.uc-b5-arr3 {}
.uc-b5-text { margin: 10px 0 0; }
@media screen and (max-width: 2000px) { .uc-b5-wrapper { width: 23%; } .uc-b5-arr2 { display: none; } .uc-b5-arr3 { display: inline-block; } }
.uc-b5-img-holder: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; }
@media screen and (max-width: 900px) { .uc-b5-wrapper { width: 60%; } .uc-b5-arr { display: none; } }
/*-----------------------------------------FOOTER-------------------------------*/
.uc-footer { padding: 20px 0 0; text-align: center; }
.uc-footer p { margin: 20px 0; }
Творческая мастерская «Геркулес»
Металлоизделия по лучшим ценам
Вся наша продукция изготавливается с использованием новейших инструментов и современного оборудования. Она способна привлечь внимание, поразить своей красотой и изящными формами. В каталоге вы найдёте двери металлические, а также козырьки и навесы, ворота металлические и многое другое.
Перейти в каталог
Почему наши изделия из металла востребованы
Качество — Мы являемся изготовителем и можем гарантировать, что все металлоизделия, будь это перила металлические или другая продукция, соответствуют высоким стандартам.
Выгодная стоимость — Мы устанавливаем конкурентоспособные цены на двери металлические и прочие металлоизделия.
Надёжность — В работе используется сталь, которая выдерживает большие нагрузки и не подвержена коррозии.
Оперативное изготовление — Наши мастера строго соблюдают установленные сроки и никогда не подводят заказчиков.
Подробнее о нас
Какие привилегии получают наши заказчики
Каждое изделие как произведение искусства
При выполнении заказа в мастерской всегда учитывают ваши пожелания и стараются предложить наилучшие решения. Наши мастера вкладывают частичку своей души в каждое изделие.
Большой выбор
Приобретая решетки металлические, либо козырьки и навесы, вы можете выбрать понравившееся изделие из каталога, либо предложить свой дизайн.
Условия доставки и оплаты
Сотрудничество с нами всегда будет выгодным
Постоянные клиенты, а также крупные заказчики могут воспользоваться наиболее привлекательными предложениями и скидками. Нередко мы проводим акции, чтобы обеспечить ещё большую доступность своей продукции.
Обеспечиваем индивидуальный подход ко всем заказчикам, учитываем пожелания, изготавливаем продукцию по вашим эскизам и с учётом всех требований, а также норм и утверждённых стандартов.
Как оформляется заказ
Ознакомьтесь с нашим ассортиментом.
→
Заполните форму на обратный звонок.
→
Согласуйте детали с менеджером.
→
Приедет замерщик, после чего мы приступим к работе.
«Геркулес» - это мастерская, где готовы предложить креативные идеи
В нашей компании вы можете заказать поистине уникальные изделия, каких не будет ни у кого. Заказывая решетки металлические, не сомневайтесь, что они окажутся прочными и одновременно изящными. Принесите нам свои эскизы или согласуйте дизайн с нашими специалистами, и мы воплотим все ваши задумки в реальность.
Связаться с нами