@charset "utf-8";
@import url('font-awesome.min.css');
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900&display=swap');
/* CSS Document */

body{overflow-x:hidden; font-family: 'Lato', sans-serif;}

/*Element Css*/
h1,h2,h3,h4,p{margin:0; padding:0;}
a{text-decoration:none!important;}
.color-gray{color:#666;}
.padding-lt{padding-left:15px;}
.m-top{margin-top:60px;}

/*Properties CSS*/
.padding_0{padding:0;}
.padding_40{padding:40px 0;}
.padding_60{padding:60px 0;}
.m-t-0{margin-top:0;}
.m-t-10{margin-top:10px;}
.m-b-10{margin-bottom:10px;}
.m-t-15{margin-top:15px;}
.m-b-15{margin-bottom:10px;}
.btn-primary{background-color:#283172; color:#fff; font-size:16px; padding:12px 25px; border-radius:unset; border:none;}
.bg-blue{background-color:#283172;}
.bg-orange{background-color:#e77716;}
.padding-reset{padding:0;}
/*Color Codes*/
.color-white{color:#fff;}
.color-orange{color:#e77716;}
.color-blue{color:#283172;}
.bg-gray{background-color:#f4f4f4;}
/*Header CSS*/
header{font-family: 'Rubik', sans-serif;}
.top{background-color:#283172; padding:13px 0 0;}
.dropdown-menu{display:none; padding:0;}
.dropdown:hover .dropdown-menu{display:block;}
.dropdown-menu > li > a{border-bottom:1px solid #ddd; padding:10px 20px;}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover{background-color:#283172; color:#fff;}
.dropdown-menu > li > a.last-child{border-bottom:none;}
.top-contact-info{float:right;}
.top-contact-info li{display:inline-block; list-style:none; margin-right:27px;}
.top-contact-info a, .top-contact-info li{color:#fff; font-size:15px; font-weight:400;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > li > a:hover{background-color:transparent; color:#283172;}
/*Navigation*/
.navbar-default{background-color:transparent; border:none; border-right:1px solid #ccc; border-radius:unset; margin-bottom:0; border-left:1px solid #ccc;}
.navbar-default .navbar-nav > li > a{padding:18px 20px; font-size:15px; font-weight:400; color:#333;}
.main-navigation{padding:12px 0 0;font-family: 'Rubik', sans-serif;}
.certi-logo img{display:inline-block; margin:0 auto;}
.logo{position: absolute; z-index: 99; margin-top: -12px;}

/*Home Banners*/
.banner1{background:url(../images/banner-1-new.png) top center no-repeat; height:587px; position:relative;}
.banner2{background:url(../images/banner2.png) top center no-repeat; height:587px; position:relative;}
.banner3{background:url(../images/banner3.png) top center no-repeat; height:587px; position:relative;}
.banner4{background:url(../images/banner4.png) top center no-repeat; height:587px; position:relative;}
.banner5{background:url(../images/banner5.png) top center no-repeat; height:587px; position:relative;}
.carousel-control.left, .carousel-control.right{background-image:none;}
.bg-text{background-color:rgba(255, 255, 255, 0.62); padding:35px 0; color:#283172; text-transform:uppercase; line-height:40px; margin-top:220px; text-align:center;}	
.bg-text h3{font-size:33px; font-weight:600;}
.bg-text p{font-size:26px; font-weight:400;}
.carousel-control{top:0px;}

/*Homepage content*/
.inner-content h1{color:#e77716; font-size:50px; font-weight:400; margin-bottom:20px;}
.inner-content h2{font-size:40px; font-weight:400; color:#283172;}
.inner-content p{line-height:28px; font-size:16px; font-weight:400; margin-bottom:12px;}
.inner-content a{font-size:16px;}


/*hm counting box*/
.counting-box{background-color:#fff; padding:20px 25px; -webkit-box-shadow: 0px 0px 5px 0px rgba(199,199,199,1); -moz-box-shadow: 0px 0px 5px 0px rgba(199,199,199,1); box-shadow: 0px 0px 5px 0px rgba(199,199,199,1);}
.inner-content .counting-box p{font-size:16px; font-weight:600;}
.counting-box h1{margin-bottom:0; margin-top:15px;}

/*hm services*/
.hm-services{background-color:#333;}
.casting{padding: 100px 50px 0px 50px;}
.casting-icon img{margin:25px auto;}
.casting-details h2{font-size:40px; font-weight:900; margin-bottom:20px;}
.casting-details p{font-size:16px; font-weight:400; text-align:center; line-height:28px;}
.hm-service-box{ color:#fff; padding: 70px;}
.hm-service-box h3{font-size: 54px; font-weight:900;}
.hm-service-box h4{font-size: 24px; font-weight: 700; margin-top: 38px;}
.hm-service-box .arrow, .casting .arrow{margin-top: 40px;}
.hm-service-box a, .casting a{color: #fff; font-size: 20px;}
/*Hover Effect*/
.hovereffect {width: 100%; height: 100%; float: left; overflow: hidden; position: relative; text-align: center; cursor: default;}
.hovereffect .overlay-orange {width:100%; height: 100%; position:absolute; overflow:hidden; top:0; left:0; opacity:0; background: url(../images/overlay-bg-orange.png) no-repeat center top; webkit-transition:all .4s ease-in-out; transition:all .4s ease-in-out; color: #fff; padding:30px 20px;}
.hovereffect .overlay-blue {width:100%; height: 100%; position:absolute; overflow:hidden; top:0; left: 0; opacity:0; background: url(../images/overlay-bg-blue.png) no-repeat center top; -webkit-transition:all .4s ease-in-out; transition:all .4s ease-in-out; color: #fff; padding:30px 20px; }
.hovereffect:hover .overlay-blue {opacity:1;filter:alpha(opacity=100);}
.hovereffect:hover .overlay-orange {opacity:1;filter:alpha(opacity=100);}
.overlay-blue h3, .overlay-orange h3{font-size: 54px; font-weight:900;}
.overlay-blue h4, .overlay-orange h4{font-size: 24px; font-weight:700; margin: 25px 0;}
.overlay-blue p, .overlay-orange p{font-size:16px;}
.overlay-blue a, .overlay-orange a{color: #fff; font-size: 20px;}
.overlay-blue .arrow, .overlay-orange .arrow{margin-top: 30px;}

/*Forging*/
.forging{background: url(../images/forging-bg.png) no-repeat top center; height: 562px; padding: 120px 0;}
.forging h1{font-size: 40px; font-weight: 900; color: #e77716; margin-bottom: 30px;}
.forging p{font-size: 16px; color: #333; margin-bottom: 24px; line-height: 28px;}
.forging a{font-size: 16px; text-transform: uppercase; color: #e77716; font-weight: 700;}

/*News & Events*/
.hm-news{background-color: #f4f4f4; padding: 100px 0;}
.hm-news h1{font-size: 46px; font-weight: 900; color: #e77716; text-align: center; margin-bottom: 60px;}
.hm-news h1 span{color: #283172;}
.hm-news .box{margin-bottom: 30px;}
.hm-news .box .boxtext{padding: 20px 20px 0 0;}
.hm-news .box .boxtext span{font-size: 14px; color: #333;}
.hm-news .box .boxtext h3{font-size: 22px; color: #333;}
.hm-news .box .boxtext p{font-size: 16px; color: #666; padding: 18px 0;} 
.hm-news .box .boxtext a{font-size: 16px; text-transform: uppercase; color: #e77716; font-weight: 700;}
.hm-news .owl-theme .owl-controls .owl-page span{background: transparent !important; border: 2px solid #e77716;}

.clients {background: url(../images/client-bg.png) no-repeat top center; height: 635px; padding: 100px 0;}
.clients h1{font-size: 46px; font-weight: 900; color: #e77716; text-align: center; margin-bottom: 40px;}
.clients h1 span{color: #283172;}
.clients p{font-size: 16px; color: #333; line-height: 28px; padding: 0 20px 60px 20px;}

/*Footer*/
footer{background-color: #131313; padding: 45px 0;}
footer .footer-main a{color: #ccc; font-size: 16px; line-height: 28px; transition: 0.3s;}
footer .footer-main a:hover{color: #e77716; transition: 0.3s;}
footer .footer-main a:hover i{color: #e77716; transition: 0.3s;}
footer .footer-main i{color: #ccc;}
footer .footer-main p{display: inline-flex; font-size: 16px; line-height: 28px; color: #ccc;}
footer hr{border-color: #1b1b1b;}
footer .footer-btm p{font-size: 16px; line-height: 28px; color: #ccc;}
footer .footer-btm a{color: #ccc; font-size: 16px; line-height: 28px; transition: 0.3s;}
footer .footer-btm a:hover{color: #e77716; transition: 0.3s;}

/*Inner Bannner*/
.inner-banner{background:url(../images/inner-banner.png) no-repeat top center; height:318px;}
.inner-banner-infra{background:url(../images/inner-banner-infra.png) no-repeat top center; height:318px;}
.inner-banner-safty{background:url(../images/inner-banner-safety.png) no-repeat top center; height:318px;}
.inner-banner-quality{background:url(../images/inner-banner-quality.png) no-repeat top center; height:318px;}
.inner-banner-casting{background:url(../images/inner-banner-casting.png) no-repeat top center; height:318px;}
.inner-banner h1, .inner-banner-infra h1, .inner-banner-safty h1, .inner-banner-quality h1, .inner-banner-casting h1{color: #e77716;font-size: 34px; font-weight: 900; margin-bottom: 15px; padding-top: 150px; text-transform: uppercase;}
.inner-banner p, .inner-banner-infra p, .inner-banner-safty p, .inner-banner-quality p, .inner-banner-casting p, .inner-banner a, .inner-banner-infra a, .inner-banner-safty a, .inner-banner-quality a, .inner-banner-casting a{font-size: 16px; color: #fff;}

/*Quality CSS*/
.quality .certi img{-webkit-box-shadow: 0px 0px 5px 2px rgba(204,204,204,1); -moz-box-shadow: 0px 0px 5px 2px rgba(204,204,204,1); box-shadow: 0px 0px 5px 2px rgba(204,204,204,1);}
.quality .quality-text h3{color: #e77716; font-style: italic; font-size: 22px; margin-bottom: 15px;}
.quality .quality-text p{color: #333; font-size: 16px; line-height: 28px;}
.quality .quality-text ul{padding: 0; margin-top: 15px;}
.quality .quality-text li {color: #666; font-size: 16px; line-height: 28px; display: flex; list-style: none;}
.quality .quality-text li::before {content: "\f138"; font-family: FontAwesome; display: block; margin-right: 8px; font-weight: 400; font-size: 15px;}
.quality-content p{font-size:16px; line-height:28px;}

/*About Company CSS*/
h3, h2{line-height:24px; text-transform:capitalize; margin-bottom:15px;}
h2{font-size:46px; font-weight:600; line-height:50px; letter-spacing:0.01em;}
h3{font-size:40px; font-weight:500;}
.about_company .btn-primary{margin:18px 0;}
h4{font-size:20px; font-weight:400; font-style:italic; color:#e77716; line-height:28px; margin-bottom:10px;}
.company_content p{font-size:16px; color:#333; text-align:left; line-height:30px;}
.content-box{margin-left: -145px;padding:40px 50px;margin-top: -7px;}
.content-box p, .safety-section p, .news-content p, .csr p, .infra-page p, .infra-page li{font-size:16px; font-weight:400; color:#fff; line-height:28px; margin-bottom:12px;}
.safety-section h5{font-size:18px; font-weight:400; font-style:italic; margin-bottom:7px; margin-top:25px;}
.safety-section p,.news-content p, .csr p, .infra-page p, .infra-page li{color:#333; margin-bottom:0px;}
.infra-page h4{margin-top:22px;}
.news-image-box{position:relative;}
.news-content h4{font-size:22px; font-style:normal; margin:25px 0 35px;}
.news-event-section h5{font-size:18px; font-weight:500; color:#333; text-align:center; margin-bottom:25px;}
.news-image-box::after {border-right: 1px solid #ccc; content: ""; display: block; width: 100%; height: 100%; position: absolute; right: -67px; top: 0;}
.media, .media-body {margin:35px 75px;}
.media-body, .media-left, .media-right {display: table-cell; vertical-align: top;}
.media-left, .media > .pull-left {padding-right: 10px;}
.media-body p, .media a{font-weight: 400; font-size: 14px; color: #333; margin: 0;}
.nav-tabs{border-bottom:0;}
.hm-service-box h4{color:#fff;}
.hovereffect .overlay-orange h4{color:#fff;}
.infra-image-title h4{margin-top:5px; text-align:center;}
.infra-image-title{margin-bottom:20px;}
.safety-section li{font-size:16px; font-weight:400; color:#333; margin-bottom:8px;}

/*Contact Details*/
.contact-icon, .contact-info{display:inline-block;}
.contact-icon .fa{font-size:34px;}
.contact-icon{margin-right:18px; vertical-align:top; margin-top:5px;}
.contact-info a{margin:8px 0; line-height:26px; color:#666; font-size:16px;}
.contact-info p{font-size:16px; line-height:24px;}
.contact-details {margin-bottom: 30px;}
.contact-page .form-control {height: 45px; padding: 6px 24px; font-size: 15px; color: #666; background-color: #f7f7f7; background-image: none; border: 0; border-radius: 0; box-shadow: none;}
.contact-page h1 {font-size: 36px; font-weight: 600; color: #e77716; margin-bottom: 10px;}
.contact-page h1 span {color: #283172;}
.contact-page p{font-size: 16px; color: #333;}
.contact-page textarea.form-control {height: 118px; padding-top: 16px;}
.contact-page .send-btn{background-color: #283172; text-align: center; font-size: 16px; padding: 10px 20px;}
.contact-page .send-btn a{color: #fff;}
.maps-image img{margin-bottom: 20px;}

/*Contact Details*/
.alloy .nav-pills > li {margin: 10px 30px;}
.alloy .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {color: #fff; background-color: #283172; border-color: #e77716; font-weight: 700;}
.alloy .nav-pills > li > a {border-radius: 0; border-left: 5px solid #d2d2d2; background-color: #f1f1f1; color: #333; padding: 15px 40px; font-weight: 400; font-size: 18px;}
.alloy .big-box{margin-top: 50px; box-shadow: 0px 2px 10px 5px rgba(247,247,247,1); padding: 25px;}
.alloy h2{font-size: 26px; font-weight: 700; color: #e77716; margin: 0;}
.alloy p{font-size: 16px; color: #333; margin-bottom: 15px;}
.alloy table{width: 100%;}
.alloy table th{text-align:center; padding: 12px; color: #e77716; font-style: italic; font-size: 16px;}
.alloy table td{text-align:center; padding: 12px; font-size: 16px;}
.alloy .table-bordered{border: 2px solid #ccc;}
.alloy .table-bordered > tbody > tr > td, .alloy .table-bordered > tbody > tr > th, .alloy .table-bordered > tfoot > tr > td, .alloy .table-bordered > tfoot > tr > th, .alloy .table-bordered > thead > tr > td, .alloy .table-bordered > thead > tr > th {border: 2px solid #ccc;}
.alloy .bg-brown{background-color: #edeada;}
.alloy .bg-light-brown{background-color: #f7f7f7;}
.alloy hr{ margin-top: 0;margin-bottom: 0;border: 0;border-top: 1px solid #000;width: 65%;}

/*Errorpage CSS*/
.errorpage li p{font-size:16px;font-weight:400;color:#333;margin-bottom:18px;}
.errorpage li a{font-size:18px;font-weight:500;color:#e77716;}
.errorpage li a:hover{color:#283172;}

.m-top h4{margin-top:16%;}
.m-top h4 strong{font-weight:800;color:#283172;}
.contact-page .contact-img img{margin-top:20%;}
.about_company h4 strong{font-weight:800;}

/*Media Queries*/
@media screen and (max-width: 400px) {
}

@media screen and (min-width: 401px) and (max-width: 767px) {
    .overlay-blue p,.overlay-orange p{padding: 0 50px;}
    .contact-details{margin-right: 30px;}
}

@media screen and (max-width: 767px) {
.forging, .clients {background: #fff; height: auto; padding: 60px 0;}
footer{text-align: center;}
footer img{margin: 20px auto;}
.clients p{padding: 0;margin-bottom: 20px;}
.alloy .nav-pills > li {margin: 10px auto;}
.navbar-default{border: none;}
.top-contact-info{text-align: center; line-height: 28px;}
.color-white {text-align: center;}
.certi-logo{margin-top: 20px; text-align: center;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color: transparent;}
.inner-content h2{font-size: 32px;}
.inner-content h1{font-size: 42px;}
.forging img,.quality .quality-text h3,.quality-content img{margin-top:20px;}
h2 {font-size: 40px;}
h3 {font-size: 32px;line-height: 40px;}
.padding-reset {padding: 0 15px 0 15px;}
.content-box{padding: 40px 20px;margin-left: 0;}
.alloy .nav-pills > li{width: 253px;}
.m-top{margin:0;}
/*.bg-orange,.bg-blue{background-color:transparent;}*/
.hm-services .row{margin-right:0px;margin-left: 0px;}
.banner1{background-position-x: -294px;}
.inner-banner-quality{background-position-x: 20%;}
.hovereffect{margin-bottom: 30px;}
}

@media (min-width: 768px) and (max-width: 991px) {

}

@media (min-width: 992px) and (max-width: 1199px) {
 .navbar-default .navbar-nav > li > a {padding: 18px 9px;}
 .certi-logo img{width:50px;}   
 .counting-box{height: 185px;}
 h3 {font-size: 38px;}
 .content-box {margin-left:0;margin-top:20px; }
 .alloy .nav-pills > li > a{padding: 15px 24px;}
 .alloy .nav-pills > li {margin: 10px 18px;}
}