.uc-ban1-panel {
background: #777 url(https://apollo-ireland.akamaized.net/v1/files/nnocptv2z7z7-UA/image;s=644x461) center right;
background-size: cover;
}
.uc-ban1-panel strong {
color: #ff9a02;
font-size: 20px;
}
.uc-ban1-texts {
background-color: rgba(70, 70, 70, 0.7);
padding: 20px;
text-align: center;
}
.uc-ban1-header {
font-size: 28px;
line-height: 32px;
color: #fff;
margin: 0px 0px 5px;
}
.uc-ban1-sub-header {
font-size: 18px;
line-height: 32px;
color: #fff;
margin: 0px 0px 10px;
}
.uc-ban1-text {
font-size: 14px;
line-height: 26px;
color: #fff;
margin: 0px 0px 10px;
}
.uc-ban1-link {
display: inline-block;
text-align: center;
text-decoration: none !important;
color: #fff!important;
border: 2px solid #fff!important;
padding: 10px 15px;
min-width: 150px;
font-size: 18px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}
.uc-ban1-link:hover {
color: #fff!important;
border: 2px solid #fff!important;
}
.uc-link {
display: inline-block;
padding: 10px 15px;
text-decoration: none !important;
text-align: center;
min-width: 150px;
color: #fff!important;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #adb5bc), color-stop(100%, #2e6194));
background-image: -webkit-linear-gradient(top, #adb5bc, #2e6194);
background-image: -moz-linear-gradient(top, #adb5bc, #2e6194);
background-image: -o-linear-gradient(top, #adb5bc, #2e6194);
background-image: -ms-linear-gradient(top, #adb5bc, #2e6194);
background-image: linear-gradient(top, #adb5bc, #2e6194);
filter: progid: DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#adb5bc, endColorstr=#2e6194), progid: DXImageTransform.Microsoft.AlphaImageLoader();
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
border: 1px solid #fff;
-webkit-box-shadow: -1px 1px 2px rgba(0, 0, 0, .28);
-moz-box-shadow: -1px 1px 2px rgba(0, 0, 0, .28);
box-shadow: -1px 1px 2px rgba(0, 0, 0, .28);
font-size: 16px;
margin: 10px;
}
.uc-link:hover {
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2e6194), color-stop(100%, #adb5bc));
background-image: -webkit-linear-gradient(top, #2e6194, #adb5bc);
background-image: -moz-linear-gradient(top, #2e6194, #adb5bc);
background-image: -o-linear-gradient(top, #2e6194, #adb5bc);
background-image: -ms-linear-gradient(top, #2e6194, #adb5bc);
background-image: linear-gradient(top, #2e6194, #adb5bc);
filter: progid: DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#2e6194, endColorstr=#adb5bc), progid: DXImageTransform.Microsoft.AlphaImageLoader();
}
.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;
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 {
top: 0;
}
.ucv-b1-hint {
position: absolute;
left: 0;
top: -100%;
width: 100%;
height: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #adb5bc), color-stop(100%, #2e6194));
background-image: -webkit-linear-gradient(top, #adb5bc, #2e6194);
background-image: -moz-linear-gradient(top, #adb5bc, #2e6194);
background-image: -o-linear-gradient(top, #adb5bc, #2e6194);
background-image: -ms-linear-gradient(top, #adb5bc, #2e6194);
background-image: linear-gradient(top, #adb5bc, #2e6194);
filter: progid: DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#adb5bc, endColorstr=#2e6194), progid: DXImageTransform.Microsoft.AlphaImageLoader();
text-align: left;
color: #fff;
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: #2e6194;
display: inline-block;
margin-top: 10px;
}
.ucv-b1-name:hover {
color: #2e6194;
}
.ucv-b1-desc {
display: block;
margin: 10px 0;
position: absolute;
visibility: hidden;
color: #333;
}
.ucv-b1-panel .ucv-b1-wrapper {
width: 46%;
}
}
@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: 500px) {
.ucv-b1-desc {
position: static;
visibility: visible;
}
.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;
}
.uc-ico-header {
text-align: center;
padding-bottom: 20px;
}
.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.5s;
}
.uc-ico-table img {
transition: all 0.4s;
text-align: center;
}
.uc-ico-table tr:hover td {
box-shadow: 0 100px 0 #2e6194 inset;
transition: all 0.5s;
color: #fff;
}
.uc-ico-table tr:hover img {
animation: 1500ms ease 0s normal none 1 running bounceIn;
}
@keyframes bounceIn {
from,
20%,
40%,
60%,
80%,
to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
20% {
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
transform: scale3d(.97, .97, .97);
}
to {
opacity: 1;
transform: scale3d(1, 1, 1);
}
}
.uc-ico-table-col1 {
width: 60px;
padding-left: 15px;
transition: all 0.85s;
}
.uc-ico-table tr:hover .uc-ico-table-col1 {
transition: all 0.85s;
box-shadow: 0 -100px 0 #f1f7e8 inset !important;
}
@media screen and (max-width: 1080px) {
.uc-ico-table {
float: none;
width: 100% !important;
}
.uc-ico-table+.uc-ico-table {
margin: 0;
}
}
@media screen and ( max-width: 500px) {
.uc-ico-table td {
vertical-align: top!important;
}
}
.uc-order {
padding: 20px 15px;
text-align: center;
}
.uc-order h2 {
text-align: center;
margin-bottom: 30px;
}
.uc-order-scheme {
border-radius: 3px;
box-shadow: 0 0 100px #2e6194 inset;
transition: all .5s ease;
display: inline-block;
vertical-align: top;
min-height: 135px;
width: 45%;
margin: 10px 1%;
padding: 40px 10px 10px 20px;
box-sizing: border-box;
text-align: left;
}
.uc-order-scheme:hover {
box-shadow: 0 0 10px #2e6194 inset;
transition: all .5s ease;
}
.uc-order-scheme strong {
transition: all .6s ease;
display: inline-block;
font-size: 60px;
color: #2e6194;
}
.uc-order-scheme:hover strong {
transition: all .6s ease;
color: #2e6194;
transform: translateY(-4px);
}
.uc-order-scheme em {
font-size: 15px;
color: #494ac3;
transition: all .3s ease;
display: inline-block;
font-weight: bold;
font-style: inherit;
}
.uc-order-scheme:hover em {
color: #fff;
transition: all .3s ease;
}
@media screen and (max-width: 700px) {
.uc-order-scheme {
width: 80%;
min-height: 80px;
margin: 10px;
}
}
.uc-hover {
padding: 20px;
text-align: center;
}
.uc-hover h2 {
margin-bottom: 20px;
text-align: center;
}
.uc-hover-wrapper {
position: relative;
overflow: auto;
margin: 10px;
padding: 20px;
min-height: 80px!important;
border-radius: 3px;
box-shadow: 0 1px 4px rgba(136, 164, 92, .3), -23px 0 20px -23px rgba(85, 125, 26, .8), 23px 0 20px -23px rgba(85, 125, 26, .8), 0 0 40px rgba(136, 164, 92, .1) inset;
transition: all .6s ease;
display: inline-block;
width: 90%;
}
.uc-hover-wrapper span {
color: #494ac3;
font-size: 20px;
}
.uc-hover-wrapper:before {
content: "";
position: absolute;
z-index: -1;
left: 50%;
right: 50%;
bottom: 0;
background: #e62e04;
height: 4px;
-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 {
box-shadow: 0 0 5px #2e6194;
transition: all .6s ease;
}
.uc-hover-wrapper:hover img {
animation: 1500ms ease 0s normal none 1 running swing;
}
@keyframes swing {
20% {
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
transform: rotate3d(0, 0, 1, -5deg);
}
to {
transform: rotate3d(0, 0, 1, 0deg);
}
}
@media screen and (max-width: 1110px) {
.uc-hover-wrapper {
width: 90%;
min-height: 80px!important;
margin: 10px;
}
}
.uc-quote {
padding: 20px;
}
.uc-quote-item {
margin: 20px 0;
}
.uc-quote-item:hover .uc-quote-txt {
box-shadow: 1px 1px 2px #2e6194;
}
.uc-quote-item:hover .uc-quote-txt-right {
box-shadow: -1px 1px 2px #2e6194;
}
.uc-quote-img img {
margin-right: 10px;
vertical-align: middle;
}
.uc-quote-txt {
margin-top: 20px;
padding: 20px;
background: #fafafa;
border-radius: 0 5px 5px;
box-shadow: 1px 1px 2px rgba(51, 51, 51, 0.1);
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
transition: all 0.6s;
}
.uc-quote-txt:before {
pointer-events: none;
position: absolute;
content: '';
border-style: solid;
left: 0;
top: -15px;
border-width: 0px 15px 15px 1px;
border-color: transparent transparent #fafafa transparent;
}
.uc-quote-right {
text-align: right;
}
.uc-quote-right .uc-quote-img img {
margin-left: 10px;
margin-right: 0px;
}
.uc-quote-txt-right {
margin-top: 20px;
padding: 20px;
background: #fafafa;
border-radius: 5px 0px 5px 5px;
box-shadow: -1px 1px 2px rgba(51, 51, 51, 0.1);
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
transition: all 0.6s;
}
.uc-quote-txt-right:before {
pointer-events: none;
position: absolute;
content: '';
border-style: solid;
right: 0;
top: -15px;
border-width: 0px 0px 15px 15px;
border-color: transparent transparent #fafafa transparent;
}
.uc-e1-panel {
padding: 20px 20px;
}
.uc-e1-header {
text-align: center;
margin-bottom: 10px;
}
/* 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;
}
.uc-title {
border-radius: 5px;
background: #a9a9a9;
color: #fff;
font-size: 20px;
line-height: 22px;
font-style: italic;
display: block;
margin: 20px 0 10px;
padding: 10px 15px;
font-weight: 400;
}
Качественная труба нержавеющая «Южная металлургическая компания»
Продаём изделия металлопроката оптом и в розницу
Здесь вы найдёте качественную трубу из нержавеющей стали от «Южной металлургической компании». Мы предлагаем данные изделия металлопроката оптом и в розницу, по весьма приятным ценам. В продаже есть труба из нержавейки различной длины и диаметра.
Посмотреть каталог
Чем хороши наши товары?
Исключительное качество
Мы продаём только самую прочную, надёжную, устойчивую нержавеющую трубу
Богатый выбор
На выбор — более трёх разных типов трубы из нержавейки различного назначения
Широкая сфера применения
Нашу трубу можно использовать в обустройстве бытовых и промышленных трубопроводов
Качественное сырьё
Мы используем надёжную и долговечную нержавеющую сталь для производства труб
Как оформить заказ?
1.
Оформляете заявку на сайте
2.
Беседуете со специалистом
3.
Оплачиваете товар
4.
Получаете товар
Связаться с нами
Сделайте заказ сейчас!
Отличная труба из нержавеющей стали по хорошей цене!
Вы можете оформить заказ двумя способами — заполнить анкету на сайте или позвонить нам. Менеджер сможет ответить на все интересующие вас вопросы по поводу самого товара, методов его оплаты и доставки.
О компании