Pennsylvania Steel Company, Inc
.number { font-weight: 400; text-align: center; font-size: 14px; z-index: 2; width: 40px; line-height: 40px; margin-top: -10px; margin-left: -10px; position: absolute; top: 50%; left: 50%; opacity: 0; transform: scale(0); transition: all 0.5s; } .hotspot.hotspot-active > .number { opacity: 1; transform: scale(1); transition: all 0.5s; } .hotspot.hotspot-active > .dot { background: #fff!important; opacity: 0.9; border: 1px solid #0186d5!important; width: 20px; height: 20px; transition: all 0.5s; } .hotspot.hotspot-active > .pulse { width: 20px; height: 20px; transition: all 0.5s; background: black; border: 2px solid #252525; } @-webkit-keyframes pulsate { 0% {-webkit-transform: scale(1.0, 1.0); opacity: 0.9;} 50% {opacity: 0.85;} 100% {-webkit-transform: scale(2.5, 2.5); opacity: 0.0;} } @keyframes pulsate { 0% {-webkit-transform: scale(1.0, 1.0); opacity: 0.9;} 50% {opacity: 0.85;} 100% {-webkit-transform: scale(2.5, 2.5); opacity: 0.0;} } .info-list { width: 36%; float: right; height: 650px; display: flex; align-items: center; } .panel-head h3 { color: #fff; } .info-list h2 { color:#fff; font-size: 1.7em; font-weight: 700; margin-bottom: 10px; } .info-list p { color:#fff; font-size:.9em; padding-bottom: 10px; } .heart-diagram { border-left: solid 4px red; padding-left:15px; } .heart-info-panel { height: auto; transition: all 0.5s; display: none; } .heart-info-panel.opened { transition: all 0.5s; display: block; background: #3862ae; border-radius: 0; padding: 16px; margin-right: 5%; } .heart-info-panel p{ opacity:0; transition: all 0.5s; } .heart-info-panel.opened p { opacity: 1; transition: all 0.8s; color: #fff; } .heart-info-panel .panel-body { /* padding: 0 20px 0 50px; */ height: auto; } .heart-info-panel.opened .panel-head{ color: #fff; font-size:1.5em; font-weight:700; text-transform:uppercase; transition: color 0.5s; } .heart-info-panel .panel-head { padding: 0px 0px 5px 0px; font-size: 24px; font-weight: 500; } .heart-info-panel .number { padding: 6px 10px 6px 12px; letter-spacing: -1px; border: 1px solid #f3f3f3; border-radius: 50%; text-align: center; margin-right: 10px; font-size: .8em } .heart-info-panel.opened .number { border: 2px solid #4596ff; color: #4596ff; transition: border 0.5s, background 0.5s; } .heart-nav p { margin: 0; } .mobile { display: none; } @media (max-width:940px) { .mobile {display: block;} .no-mobile {display:none!important;} .info-list { width: 50%; float: left; padding: 35px; } .heart-diagram { margin: 30px auto 0; width: 96%; } .heart-container { max-width: 600px; margin: auto; width: 50%; height: 100%; min-height: 550px; display: block; float: left; position: relative; } } @media (max-width:830px) { .heart-info-panel.opened { height: 120px; } .info-list { width: 40%; padding: 15px; } .heart-container { width: 60%; } } @media (max-width:710px) { .hotspot-img { top: -30px; z-index: -1; } .heart-container { min-width: 100%; min-height: 70vh; } .heart-info-panel { height: 0px; } .heart-info-panel .panel-head { padding: 10px 20px 5px 0px; } .heart-info-panel.opened { height: 120px; width: 100%; background:#ffffff; border: 1px solid #e6e6e6; padding: 20px 10px; } .info-list { width: 100%; padding: 0px 10px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; } } @media (max-width:570px) { .info-list { width: 100%; padding: 0px 5px;} .hotspot-img { top: -30px; z-index: -1; } .heart-container { min-height: 68vh; } .contain { min-height: 800px; } } @media (max-width:570px) { .contain { min-height: 640px; } } @media (max-width: 520px) { .heart-container { min-height: 60vh; } #hs1 { left: 22%; top: 10%; } #hs2 { right: 36%; top: 14%; } #hs3 { left: 60%; top: 28%; } #hs4 { right: 33%; top: 42%; } #hs5 { left: 84%; bottom: 60%; } #hs6 { right: 16%; bottom: 23%; } #hs7 { left: 8%; bottom: 8%; } } @media (max-width: 370px) { .contain { min-height: 550px; } .heart-info-panel.opened { height: 140px; } }/* End custom CSS */ ]]>
Pennsylvania Steel Company, Inc
Pennsylvania Steel has steel distributor warehouses across the northeast offering a wide variety of steel options for various industries.
If you have any question please CONTACT Us Email us at: [email protected] Call US :(936) 588-1888
Don’t Forget to Visit our Services
