Метиз&Нормаль

.uc-link { display: inline-block; padding: 15px 10px; text-decoration: none !important; text-align: center; min-width: 150px; color: #fff!important; border: 1px solid #fbaa1d; background: #fbaa1d; border-radius: 3px; font-size: 16px; transition: all .7s; margin: 10px; }
.uc-link:hover { background: #e39918; border-color: #e39918; transition: all .7s; }
.uc-ban1-panel { background: url(https://cs7.pikabu.ru/post_img/big/2019/02/27/1/155122059918853194.jpg) center; background-size: cover; padding: 0px;
}
.uc-ban1-panel strong { color: #0e6da8; font-size: 20px; }
.uc-ban1-texts { background-color: rgba(251, 251, 251, 0.8); width: 400px; padding: 20px; text-align: center; box-sizing: border-box; }
.uc-ban1-header { font-size: 30px; line-height: 32px; color: #0e6da8; margin: 0px 0px 5px; }
.uc-ban1-sub-header { font-size: 18px; line-height: 24px; color: #333; margin: 0px 0px 10px; }
.uc-ban1-text { font-size: 14px; line-height: 22px; color: #333; margin: 0px 0px 10px; }
.uc-ban1-link { display: inline-block; text-align: center; text-decoration: none !important; color: #0e6da8!important; border: 2px solid #0e6da8!important; padding: 8px 15px; min-width: 150px; font-size: 17px; transition: all .3s; }
.uc-ban1-link:hover { color: #333!important; border: 2px solid #333!important; }
@media screen and (max-width: 1000px) {
.uc-ban1-texts { width: auto; }
.uc-ban1-panel { padding: 0px; } }
.ucv-b1-panel { padding: 20px 0; text-align: center; border-bottom: 1px solid #e8f1f7; }
.ucv-b1-panel:after { content: " "; display: block; clear: both; font-size: 0px; }
.ucv-b1-header { margin-bottom: 20px; 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__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: #0e6da8; height: 5px; transition: all .6s 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: #0e6da8; height: 0; transition: all .4s ease-out .2s; width: 5px; z-index: 5; }
.ucv-b1-img-holder:after { content: ''; display: inline-block; position: absolute; top: 0; left: 0; background: #0e6da8; height: 5px; transition: all .6s ease-out; width: 0; }
.ucv-b1-img-holder:before { content: ''; display: inline-block; position: absolute; top: 0; right: 0; background: #0e6da8; height: 0; transition: all .6s ease-out .2s; width: 5px; z-index: 5; }
.ucv-b1-img-holder:hover:after { transition: all .6s 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(251, 251, 251, 0.8); text-align: left; color: #333; 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: 18px; color: #0e6da8; display: inline-block; margin-top: 10px; }
.ucv-b1-name:hover { color: #fbaa1d; }
.ucv-b1-desc { display: block; margin: 10px 0; position: absolute; visibility: hidden; color: #333; }
.ucv-b1-panel .ucv-b1-wrapper { width: 31%; }
@media screen and (max-width: 1000px) {
.ucv-b1-panel .ucv-b1-wrapper { width: 46%; } .ucv-b1-panel .ucv-b1-wrapper+.ucv-b1-wrapper+.ucv-b1-wrapper { width: 46%; } }
@media screen and (max-width: 800px) { .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-numbers { padding: 20px; border-bottom: 1px solid #e8f1f7; }
.uc-numbers_wrap { display: flex; flex-wrap: wrap; }
.uc-numbers h2 { text-align: center; margin-bottom: 20px; }
.uc-numbers-scheme { -webkit-box-shadow: 0px 10px 10px rgba(53, 66, 79,0.3); -moz-box-shadow: 0px 10px 10px rgba(53, 66, 79,0.3); box-shadow: 0px 10px 10px rgba(53, 66, 79,0.3); display: inline-block; box-sizing: border-box; width: 46%; margin: 2%; padding: 40px 10px 10px 20px; transition: all .6s ease; }
.uc-numbers-scheme strong { transition: all .6s ease; display: inline-block; font-size: 60px; color: #0e6da8; transform: translateY(-15px); text-shadow: 3px 3px 1px #30373d;
}
.uc-numbers-scheme:hover strong { transition: all .6s ease; color: #fbaa1d; transform: translateY(0px); text-shadow: none; }
.uc-numbers-scheme em { font-size: 18px; color: #fbaa1d; transition: all .3s ease; display: inline-block; font-weight: bold; font-style: inherit; }
.uc-numbers-scheme:hover em { color: #0e6da8; transition: all .3s ease; }
@media screen and (max-width: 1200px) { .uc-numbers-scheme { width: 46%; margin: 2%; } }
@media screen and (max-width: 1000px) { .uc-numbers-scheme { width: 100%; margin: 20px auto; } }
.uc-nombers { padding: 20px; border-bottom: 1px solid #e8f1f7; }
.uc-nombers_wrap { display: flex; flex-wrap: wrap; }
.uc-nombers h2 { text-align: center; margin-bottom: 20px; }
.uc-nombers-scheme { background: #f9f9f9; -webkit-clip-path: polygon(90% 0%, 100% 50%, 90% 100%, 0% 100%, 10% 50%, 0% 0%); clip-path: polygon(90% 0%, 100% 50%, 90% 100%, 0% 100%, 10% 50%, 0% 0%); display: inline-block; box-sizing: border-box; width: 25%; margin: 10px 0; padding: 20px 35px 10px 35px; text-align: center; transition: all .5s ease; }
.uc-nombers-scheme img { transition: all .5s ease; }
.uc-nombers-scheme:hover img { transform: scale(1.5, 1.5); transition: all 0.5s ease; }
@media screen and (max-width: 1300px) { .uc-nombers-scheme { width: 50%; padding: 35px 50px 10px; } }
@media screen and (max-width: 1000px) { .uc-nombers-scheme { width: 100%; margin: 10px auto; } }
@media screen and (max-width: 500px) { .uc-nombers-scheme { padding: 35px 25px 10px; } }
.uc-reviews { padding: 20px; border-bottom: 1px solid #e8f1f7; }
.uc-reviews h2 { margin-bottom: 20px; text-align: center; }
.uc-reviews__inner { display: flex; justify-content: space-around; flex-wrap: wrap; }
.uc-comment { display: flex; flex-direction: column; width: 46%; margin: 2% 1%; padding: 20px; align-items: center; /*justify-content: space-around;*/ position: relative; background: #f9f9f9; box-sizing: border-box; z-index: 1; }
.uc-image__area { width: 100px; height: 100px; background: #fff; z-index: 1; border-radius: 100%; }
.uc-user__image { max-width: 100px; height: auto; border-radius: 100%; box-shadow: 0 0px 10px #fff, 0 0 0px 7px #fbaa1d, 0 0px 0px 10px #fff; }
.uc-comment__content { text-align: center; color: #000; z-index: 1; }
.uc-user__name { margin-bottom: 15px; font-size: 26px; color: #333; font-weight: bold; transition-delay: 0.3s; transition: .6s; }
.uc-text { transition-delay: 0.2s; transition: .6s; }
.uc-first__comment::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 7px; background: #0e6da8; transition: .7s; }
.uc-first__comment:hover .uc-user__name, .uc-first__comment:hover .uc-text { color: #fff; transition: .6s; }
.uc-first__comment:hover::before { height: 100%; transition: .7s; }
.uc-second__comment::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 7px; background: #fbaa1d; transition: .7s; }
.uc-second__comment:hover .uc-user__name, .uc-second__comment:hover .uc-text { color: #fff; transition: .6s; }
.uc-second__comment:hover::before { height: 100%; transition: .7s; }
.uc-second__comment:hover .uc-user__name, .uc-second__comment:hover .uc-text { color: #fff; transition: .6s; }
.uc-second__comment:hover::before { height: 100%; transition: .7s; }
@media screen and (max-width: 1200px) { .uc-comment { width: 100%; margin: 15px auto; } }
@media screen and (max-width: 320px) { .uc-comment { width: 100%; } }
.uc-our__history { padding: 20px 0; text-align: center; border-bottom: 1px solid #e8f1f7; }
.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: 47%; margin: 15px 0; transition: all 0.8s; }
.uc-our__history-block .uc-bib { transition: all 0.8s; }
.uc-our__history-block:hover .uc-bib { transform: rotate(360deg); }
.uc-our__history-year { position: relative; text-align: center; -ms-flex-item-align: center; align-self: center; font-size: 60px; font-weight: bold; color: #9c50b8; background: #0e6da8; 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: 85px; min-width: 85px; /*border-radius: 3px;*/ box-shadow: 0 0px 10px #fff, 0 0 0 10px #fff; transition: all 0.5s ease; }
.uc-our__history-line { -ms-flex-item-align: center; align-self: center; width: 4%; height: 10px; background: transparent; }
.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: #F9F9F9; color: #333; padding: 10px; /*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: 23px; color: #fbaa1d; }
.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:1300px) { .uc-our__history-block { width: 100%; } }
@media screen and (max-width:900px) { .uc-our__history-block { flex-direction: column; }
.uc-our__history-line { -ms-flex-item-align: center; width: 6%; height: 15px; } .uc-our__history-content { width: 90%; text-align: center; }
.uc-our__history-year { min-height: 60px; min-width: 60px; }
/* .uc-our__history-block:hover .uc-our__history-year { transform: translateY(20px) scale(0.8, 0.8); transition: all 0.5s ease; } */ }
.uc-e1-panel { padding: 20px; text-align: center;
}
.uc-e1-panel h2 { margin-bottom: 20px; text-align: center;
}
О нашей компании
“ТЗН”- Таганрогский Завод Нормалей на протяжении долгого времени занимается производством различного крепежа и крепежных изделий. В нашем каталоге Вы найдете широкий ассортимент товаров, который отличается своим отличным качеством, надежностью и длительным сроком службы.
Увидеть каталог
Таганрогский Завод Нормалей занимает 1700 м2. Больше 120 единиц оборудования и квалифицированный персонал позволяет нам осуществить полный цикл производства крепежа самостоятельно: начиная от закупки металла и проверки его качества до отгрузки готовой продукции.
Комфортное сотрудничество с нами!
1
Вы можете выбрать способ доставки: курьер, транспортная компания, самовывоз.
2
А также оплатить покупку быстро и легко - безналичным расчётом.
Доставка и оплата
С ТЗН крепеж всегда вовремя!
Мы работаем каждый будний день с 08.00 до 17.00 без перерывов. Мы рады сотрудничать именно с Вами! Приятных покупок!
Контакты