body,html{color:#000;font-size:1rem;padding-top:2.4rem}a{color:inherit}a:active,a:focus,a:hover{color:#1b314c;outline:0;text-decoration:none}section{border-top:6px solid #fad007}.container-fluid{max-width:1350px}.blue{color:#223573}.yellow{color:#fad007}.bg-warning{background-color:#fad007!important}.bg-primary{background-color:#223573!important}.btn-warning{background-color:#fad007}.navbar i{color:#fad007}.nav-item{font-size:1.1rem;padding:.4rem}.navbar-light .navbar-nav .nav-link{color:#303f9f}.navbar-light .navbar-nav .nav-link:hover{color:#fad007;transition:all .5s ease 0s}.nav-link i{color:#fad007}.nav-link i:hover{color:#fad007}.navbar-nav .dropdown-menu{margin-top:.7rem;border:none;background-color:#fad007;color:#fff;border-radius:10px}.navbar-nav .dropdown-menu .dropdown-item{font-size:1.1rem;color:#223573}.navbar-nav .dropdown-menu .dropdown-item:hover{color:#fff;background-color:transparent;transition:all .5s ease 0s}.fixed-top{border-bottom:#fad007 6px solid}.dropdown-divider{margin:.3rem 0;border-top:1px solid #ffeb8a}.icon-bar{width:22px;height:2px;background-color:#223573;display:block;transition:all .2s;margin-top:4px}.navbar-toggler{border:none;background:0 0!important}.navbar-toggler .top-bar{transform:rotate(45deg);transform-origin:10% 10%}.navbar-toggler .middle-bar{opacity:0}.navbar-toggler .bottom-bar{transform:rotate(-45deg);transform-origin:10% 90%}.navbar-toggler.collapsed .top-bar{transform:rotate(0)}.navbar-toggler.collapsed .middle-bar{opacity:1}.navbar-toggler.collapsed .bottom-bar{transform:rotate(0)}.carousel-caption{text-shadow:0 1px 1px #000;top:15vh;z-index:10}.carousel-caption a:hover{color:#fad007;transition:all .5s ease 0s}.carousel-item{height:27rem}.carousel-item>img{position:absolute;top:0;left:0;min-width:100%;height:27rem}.carousel>.carousel-inner>.carousel-item>.overlay{background-color:rgba(0,0,0,.5);position:absolute;top:0;left:0;min-width:100%;height:27rem}.introduction{background:#223573;padding-top:5em;padding-bottom:2em;color:#fff}.productintro{padding:5em 0}.productintro h1{font-size:1.5rem}.shattafsteel-product{border:1px solid #e9e9e9;padding:1.1em 2em 1.1em 2.3em;border-bottom:4px solid #fad007}.readmore{background:#fad007;font-size:14px;color:#223573;text-transform:capitalize;border-radius:0;padding:8px 15px;transition:all .5s ease 0s}.readmore:hover{background:#223573;color:#fff;transition:all .5s ease 0s}.groupcompanies{border-top:2px solid #d1d1d1;padding:2.8em 0}footer{background:#fad007;padding:2.7em 0;padding-bottom:1.7em;color:#000}footer h5{color:#223573;text-transform:uppercase}.social{background:#223573;font-size:2rem;text-align:right}.social a{color:#fff}.social i{padding:.2rem .3rem}.social a:hover{color:#fad007}.banner-page{color:#fff}.banner-page .jumbotron{margin-bottom:0}.banner-page .display-4{font-size:3rem;padding:2rem 2rem;padding-left:0}.productcontent{padding:3em 0}.productcontent th{background-color:#fad007;color:#223573}.productcontent .display-4{font-size:2.5rem}.productcontent .table-bordered td,.productcontent .table-bordered th{border:1px solid #223573}.about_intro{background:url(../images/about_banner.jpg) fixed;background-size:cover;background-position:center;padding:3em 0;color:#fff}.chaiman-msg{background:url(../images/chairman_bg.jpg) fixed;background-size:cover;background-position:center;padding:3em 0}.mission_vision{background:url(../images/visionmission.jpg) fixed;background-size:cover;background-position:center;padding:3em 0}.mission_vision .visionblock{background:rgba(34,53,115,.9);margin:1rem;padding:2rem 1rem;color:#fff}.quality{padding:3em 0}.certification{padding:3em 0}.contact{padding:3em 0}.contact .map{width:100%;min-height:565px;margin-top:50px;padding:10px}@media only screen and (max-width:600px){body,html{padding-top:1.4rem}.navbar-brand img{height:30px}.navbar-nav{border-top:#fad007 6px solid;margin-top:1.2rem}.nav-item{background-color:#223573;border-top:rgba(255,255,255,.3) 1px solid;color:#fff;padding:.4rem 1rem}.navbar-light .navbar-nav .nav-link{color:#fff}.carousel-item{height:12rem}.carousel-item>img{height:12rem}.carousel>.carousel-inner>.carousel-item>.overlay{height:12rem}.carousel-caption{top:auto}.carousel-caption h2{font-size:1.2rem}.carousel-caption h5{font-size:.9rem}.introduction{padding-top:2em}.productintro{padding:2em 0}footer{font-size:.9rem}footer h5{font-size:.9rem;margin-top:1rem;font-weight:700}.copyright{font-size:.8rem}.banner-page .display-4{font-size:1.5rem;padding:2rem 1rem;padding-right:3rem}.productcontent{font-size:.8rem}.productcontent h3{font-size:1.3rem}.productcontent .display-4{font-size:2rem}.productcontent td,.productcontent th{font-size:0.rem}}