@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,700|Oswald:300,400,500,700&display=swap');
/*font-family: 'Oswald', sans-serif;
font-family: 'Montserrat', sans-serif;*/


body {
	font-family: 'Montserrat', sans-serif;
	font-size:16px;
	overflow-x: hidden;
}
.no-gutter {
	margin-right: 0;
	margin-left: 0;
}
 .no-gutter > [class*="col-"] {
 padding-right: 0;
 padding-left: 0;
}
.mb-30 {
	margin-bottom:30px;
}
.mb-20 {
	margin-bottom:20px;
}
.mb-38 {
	margin-bottom:38px;
}
.mb-42 {
	margin-bottom:42px;
}
.mt-20 {
	margin-top:20px;
}
.mt-30 {
	margin-top:30px;
}
/*================================================
COMMON CSS STARTS HERE
==================================================*/

h1, h2, h3, h4 {
	font-family: 'Oswald', sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	color:#727272;
}
.btn {
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	font-size:24px;
	line-height:24px;
	color:#fff;
	background:#d62755;
	border-radius:50px;
	padding:14px 12px;
	width:180px;
}
.btn:hover {
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	font-size:24px;
	line-height:24px;
	color:#fff;
	background:#d62755;
	border-radius:50px;
	padding:14px 12px;
	width:180px;
}
.corp-s-sub-heading h4 {
	font-family: 'Oswald', sans-serif;
	font-size:24px;
	font-weight:bold;
	text-transform:capitalize;
	color:#d62755;
}
/*================================================
HOME PAGE CSS STARTS HERE
==================================================*/

.intro {
	background:#e9e6e6;
	padding-top:62px;
	padding-bottom:62px;
}
.intro-white {
	background:#fff;
	padding-top:62px;
	padding-bottom:62px;
}
.intro p {
	font-size:18px;
	color:#000;
}
.home-products {
	background:#f2f0f0;
	padding-top:62px;
	padding-bottom:62px;
}
.pro-box-inner {
	text-align:center;
}
.img-block {
	width:100%;
	height:119px;
	margin-bottom:20px;
}
.border-lr {
	border-left:2px solid #d7d4d5;
	border-right:2px solid #d7d4d5;
	height:100%;
}
.home-cm-sn {
	background:#fff;
	padding-top:0;
	padding-bottom:0;
}
.cm-inner {
	padding:85px 0;
	min-height:430px;
}
.cm-inner h2 {
	margin-top:0;
	margin-bottom:30px;
}
.cm-inner .fix-pos {
	position: absolute;
	bottom: 58px;
	right: 30px;
}
.sn-inner {
	padding:85px;
}
.sin-bg {
	background:url(../images/Corporate-Milestone.jpeg);
	background-position:center center;
	background-size:cover;
}
.since-title {
	font-family: 'Oswald', sans-serif;
	font-weight:bold;
	font-size:60px;
	line-height:60px;
	color:#fff;
	text-transform:uppercase;
	text-align:center;
}
.since-year {
	font-family: 'Oswald', sans-serif;
	font-weight:bold;
	font-size:200px;
	line-height:200px;
	color:#fff;
	text-align:center;
}
.home-ir-sec {
	background:#fff;
	padding-top:0;
	padding-bottom:0;
}
.home-ir-right-inner {
	padding:85px 15px;
}
.home-ir-right-inner h2 {
	margin-top:0;
	margin-bottom:30px;
}
.home-ir-right-inner .fix-pos {
	position:absolute;
	bottom:58px;
	right:30px;
}
.ir-bg {
	/*background:#a62449;*/
	padding:0;
	background:url(../images/bg.jpg) no-repeat;
}
.cw-stk-qt-frame {
	width:100%;
	height:469px;
}
.grey-bg {
	background:#f2f2f2;
	height:100%;
	min-height:454px;
}
.join-us-sec {
	background:#fff;
	padding-top:39px;
	padding-bottom:62px;
}
.big-title h2 {
	font-family: 'Oswald', sans-serif;
	font-weight:bold;
	font-size:60px;
	color:#727272;
	text-align:center;
	margin-top:0;
	margin-bottom:42px;
}
.join-us-sec .fix-pos {
	margin-top:52px;
}
/*=================================================
Scroll down button on slider
=====================================================*/

.scroll-down {
	border: 2px solid #fff;
	border-radius: 20px;
	bottom: 60px;
	height: 50px;
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	width: 30px;
	z-index:1;
	bottom:5px;
}
.scroll-down::before {
 animation: scrollDownAnimation 2s infinite;
 background-color: #fff;
 border-radius: 100%;
 content: '';
 height: 6px;
 left: 0;
 margin: 0 auto;
 position: absolute;
 right: 0;
 top: 10px;
 width: 6px;
}
@-moz-keyframes scrollDownAnimation {
 0% {
 opacity: 0;
 transform: translate(0, 0);
}
 40% {
 opacity: 1;
}
 80% {
 opacity: 0;
 transform: translate(0, 20px);
}
 100% {
 opacity: 0;
}
}
@-webkit-keyframes scrollDownAnimation {
 0% {
 opacity: 0;
 transform: translate(0, 0);
}
 40% {
 opacity: 1;
}
 80% {
 opacity: 0;
 transform: translate(0, 20px);
}
 100% {
 opacity: 0;
}
}
@-o-keyframes scrollDownAnimation {
 0% {
 opacity: 0;
 transform: translate(0, 0);
}
 40% {
 opacity: 1;
}
 80% {
 opacity: 0;
 transform: translate(0, 20px);
}
 100% {
 opacity: 0;
}
}
@keyframes scrollDownAnimation {
 0% {
 opacity: 0;
 transform: translate(0, 0);
}
 40% {
 opacity: 1;
}
 80% {
 opacity: 0;
 transform: translate(0, 20px);
}
 100% {
 opacity: 0;
}
}
/*==========================================================
CORPORATE PROFILE CSS STARTS HERE
============================================================*/
.corp-profile-img {
	background: url(../images/corp-profile.jpg) no-repeat;
	background-size:cover;
	background-position: center center;
	z-index: 5;
	height: 100%;
}
ul.bullets {
	margin: 0;
	padding: 0;
}
ul.bullets li {
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	list-style: none;
	/*text-align: justify;*/
    list-style-position: inside;
	position: relative;
	padding-left: 26px;
	margin-bottom: 16px;
	margin-top: 10px;
	color: #000;
}
ul.bullets li:before {
	position: absolute;
	top: -1px;
	left: 0px;
	font-family: FontAwesome;
	content: "\f138";
	color: #ed174f;
	font-size: 20px;
	list-style: none;
}
.corp-profile-cont h4 {
	margin-bottom:18px;
}
.cp-cf {
	background: #f7f7f7;
	padding: 15px;
	min-height: 142px;
	text-align: left;
	border: 2px solid #ed174f;
	border-top-left-radius: 8px;
	border-bottom-right-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-left-radius: 8px;
	box-shadow: 2px 5px 10px #d4d3d3;
	-moz-box-shadow: 2px 5px 10px #d4d3d3;
	-ms-box-shadow: 2px 5px 10px #d4d3d3;
	-webkit-box-shadow: 2px 5px 10px #d4d3d3;
}
.cp-cf h5 {
	font-weight:bold;
}
.cheight .slides li img {
	height:391px !important;
}
/*==========================================================
MILESTONES CSS STARTS HERE
============================================================*/

.main-timeline7 {
	overflow:hidden;
	position:relative;
	padding-right: 15px;
	padding-left: 15px;
}
.main-timeline7 .timeline {
	width:50%;
	float:left;
	z-index:1;
	position:relative
}
.main-timeline7 .timeline:after, .main-timeline7 .timeline:before {
	content:"";
	display:block;
	clear:both
}
.main-timeline7 .timeline:before {
	content:"";
	width:20px;
	height:100%;
	background:#ed174f;
	position:absolute;
	top:10%;
	right:-10px
}
.main-timeline7 .timeline:last-child:before {
	height:0
}
.main-timeline7 .timeline-icon {
	width:30px;
	height:30px;
	border-radius:50%;
	background:#ed174f;
	overflow:hidden;
	text-align:center;
	position:absolute;
	top:29px;
	right:-15px;
	z-index:3
}
.main-timeline7 .timeline-icon:before {
	content:"";
	width:20px;
	height:20px;
	border-radius:50%;
	background:#fff;
	border:0px solid #fff;
	box-shadow:0 0 0 4px #fff;
	margin:auto;
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0
}
.main-timeline7 .timeline-icon i {
	font-size:20px;
	color:#f73467;
	line-height:31px;
	z-index:1;
	position:relative
}
.main-timeline7 .year {
	display:block;
	padding:0 60px 0 30px;
	font-size:32px;
	color:#303a3b;
	text-align:right;
	border-bottom:2px solid #303a3b;
	z-index:2;
	position:relative;
	font-weight: bold;
}
.main-timeline7 .year:before {
	content:"";
	display:block;
	width:30px;
	height:30px;
	border-radius:50%;
	background:#ed174f;
	border:5px solid #fff;
	box-shadow:0 0 0 4px #ed174f;
	margin:auto;
	position:absolute;
	bottom:-15px;
	left:4px
}
.main-timeline7 .year:after {
	content:"";
	border-left:10px solid #303a3b;
	border-top:10px solid transparent;
	border-bottom:10px solid transparent;
	position:absolute;
	bottom:-11px;
	left:50px
}
.main-timeline7 .timeline-content {
	padding:18px 60px 18px 40px;
	text-align:right;
	position:relative;
	z-index:1
}
.main-timeline7 .timeline-content:after, .main-timeline7 .timeline-content:before {
	content:"";
	width:80px;
	height:150px;
	border-radius:50%;
	position:absolute;
	top:-7%;
	right:15px;
	z-index:-1
}
.main-timeline7 .timeline-content:after {
	left:auto;
	right:-95px
}
.main-timeline7 .timeline:last-child .timeline-content:after, .main-timeline7 .timeline:last-child .timeline-content:before {
	width:0;
	height:0
}
.main-timeline7 .title {
	font-size:22px;
	font-weight:700;
	color:#ed174f;
	margin-top:0
}
.main-timeline7 .description {
	font-size:15px;
	color:#7f8386;
	line-height:25px
}
.main-timeline7 .description:before {
	content:'\f101';
	display: inline-block;
	font-family:FontAwesome;
	font-size: 16px;
}
.main-timeline7 .timeline:nth-child(2) {
margin-top:112px
}
.main-timeline7 .timeline:nth-child(3) {
margin-top:-194px !important
}
.main-timeline7 .timeline:nth-child(4) {
margin-top:205px !important
}
.main-timeline7 .timeline:nth-child(5) {
margin-top:-205px !important
}
.main-timeline7 .timeline:nth-child(7) {
margin-top:-205px !important
}
.main-timeline7 .timeline:nth-child(9) {
margin-top:-205px !important
}
.main-timeline7 .timeline:nth-child(11) {
margin-top:-137px !important
}
.main-timeline7 .timeline:nth-child(13) {
margin-top:-189px !important
}
.main-timeline7 .timeline:nth-child(15) {
margin-top:-165px !important
}
.main-timeline7 .timeline:nth-child(16) {
margin-top:px !important
}
.main-timeline7 .timeline:nth-child(17) {
margin-top:-172px !important;
margin-bottom:150px !important
}
.main-timeline7 .timeline:nth-child(18) {
margin-top:-50px !important
}
.main-timeline7 .timeline:nth-child(19) {
margin-top:-195px !important
}
 .main-timeline7 .timeline:nth-child(20) {
margin-top:312px !important
}
.main-timeline7 .timeline:nth-child(21) {
margin-top:-188px !important
}
.main-timeline7 .timeline:nth-child(22) {
margin-top:px !important
}
.main-timeline7 .timeline:nth-child(23) {
margin-top:-220px !important
}
 .main-timeline7 .timeline:nth-child(even) {
margin-bottom:172px
}
.main-timeline7 .timeline:nth-child(odd) {
margin:-90px 0 0
}
.main-timeline7 .timeline:first-child, .main-timeline7 .timeline:last-child:nth-child(even) {
margin:0!important
}
.main-timeline7 .timeline:nth-child(2n) .timeline-icon, .main-timeline7 .timeline:nth-child(2n):before {
right:auto;
left:-10px;
background:#ed174f
}
.main-timeline7 .timeline:nth-child(2n) .timeline-icon {
left:-15px
}
.main-timeline7 .timeline:nth-child(2n) .year {
padding:0 30px 0 60px;
text-align:left
}
.main-timeline7 .timeline:nth-child(2n) .year:before {
left:auto;
right:3px
}
.main-timeline7 .timeline:nth-child(2n) .year:after {
border-left:none;
border-right:10px solid #303a3b;
right:50px
}
.main-timeline7 .timeline:nth-child(2n) .timeline-content {
padding:18px 40px 18px 60px;
text-align:left
}
.main-timeline7 .timeline:nth-child(2n) .timeline-content:before {
left:-95px
}
.main-timeline7 .timeline:nth-child(2n) .timeline-content:after {
left:15px
}
.main-timeline7 .timeline:nth-child(2n) .timeline-icon:before {
border-color:#ed174f;
box-shadow:0 0 0 4px #fff
}
.main-timeline7 .timeline:nth-child(2n) .year:before {
background:#ed174f;
box-shadow:0 0 0 4px #ed174f
}
.main-timeline7 .timeline:nth-child(2n) .title {
color:#ed174f
}
.main-timeline7 .timeline:nth-child(3n) .timeline-icon, .main-timeline7 .timeline:nth-child(3n):before {
background:#ed174f
}
.main-timeline7 .timeline:nth-child(3n) .timeline-icon:before {
border-color:#ed174f;
box-shadow:0 0 0 4px #fff
}
.main-timeline7 .timeline:nth-child(3n) .year:before {
background:#ed174f;
box-shadow:0 0 0 4px #ed174f
}
.main-timeline7 .timeline:nth-child(3n) .title {
color:#ed174f
}
.main-timeline7 .timeline:nth-child(4n) .timeline-icon, .main-timeline7 .timeline:nth-child(4n):before {
background:#ed174f
}
.main-timeline7 .timeline:nth-child(4n) .timeline-icon:before {
border-color:#ed174f;
box-shadow:0 0 0 4px #fff
}
.main-timeline7 .timeline:nth-child(4n) .year:before {
background:#ed174f;
box-shadow:0 0 0 4px #ed174f
}
.main-timeline7 .timeline:nth-child(4n) .title {
color:#ed174f
}
ul.milestones {
	margin:0;
	padding: 0;
}
ul.milestones li {
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	list-style: none;
	text-align: justify;
	list-style-position: inside;
	position: relative;
	padding-left: 26px;
	margin-bottom: 10px;
	margin-top: 10px;
	color: #000;
}
ul.milestones li:before {
	position: absolute;
	top: -3px;
	left: 0px;
	font-family: FontAwesome;
	content: "\f138";
	color: #ed174f;
	font-size: 20px;
	list-style: none;
}
 @media only screen and (max-width:990px) {
.main-timeline7 .timeline {
width:100%
}
.main-timeline7 .timeline:nth-child(even), .main-timeline7 .timeline:nth-child(odd) {
margin:0
}
.main-timeline7 .timeline:before, .main-timeline7 .timeline:nth-child(2n):before {
width:30px;
height:100%;
left:25px
}
.main-timeline7 .timeline-icon, .main-timeline7 .timeline:nth-child(2n) .timeline-icon {
left:0
}
.main-timeline7 .timeline:nth-child(2n) .year, .main-timeline7 .year {
text-align:left;
padding:0 30px 0 100px
}
.main-timeline7 .timeline:nth-child(2n) .year:before, .main-timeline7 .year:before {
left:auto;
right:4px
}
.main-timeline7 .year:after {
left:auto;
right:50px;
border-right:10px solid #303a3b;
border-left:none
}
.main-timeline7 .timeline-content .description {
color:#666
}
.main-timeline7 .timeline-content, .main-timeline7 .timeline:nth-child(2n) .timeline-content {
text-align:left;
padding:18px 40px 18px 100px
}
.main-timeline7 .timeline-content:after, .main-timeline7 .timeline-content:before {
width:0;
height:0
}
}
/*====================================================
PDPA page css starts here
=====================================================*/

.section-leftimg {
	position: relative;
	width: 100%;
	/*background: #ccc;*/
	min-height: 604px;
}
.imageholder {
	position: absolute;
	background: #000;
	height: 480px;
	top: 0;
	left: 0;
	padding: 0 !important;
}
.cp-page {
	height:669px;
}
.pdpa-img {
	background: url(../images/pdpa.jpg) no-repeat;
	background-size:cover;
	background-position: center center;
	z-index: 5;
	height: 100%;
}
.pdpa-inner-right {
	padding: 35px;
	float: left;
}
.pdf-sec {
	height: 180px;
	width: 180px;
	background: #fff;
	margin-bottom: 15px;
	border-radius: 50%;
	border: 10px solid #ed174f;
	text-align: center;
	float: left;
	margin: 20px 15px;
	padding:20px;
}
.pdf-icon {
	color: #ed174f;
	margin-bottom:10px;
}
.pdf-link {
	float: left;
	color: #ed174f;
}
.pdf-link a {
	font-size: 12px;
	font-weight: bold;
	color: #3e3e3e;
	text-transform: uppercase;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}
.pdf-link a:hover {
	font-size: 12px;
	font-weight: bold;
	color: #ed174f;
	text-transform: uppercase;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}
/*====================================================
Products section css starts here
=====================================================*/

/*=============================================
GRID PLUGIN CUSTOM CSS 
==============================================*/


.glry-item:hover .portfolio-detail-title {
	top: 25%;
	width: 80%;
}
ul.item-list {
	margin: 0;
	padding: 0;
}
ul.item-list li {
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	list-style: none;
	text-align: justify;
	list-style-position: inside;
	position: relative;
	padding-left: 26px;
	margin-bottom: 10px;
	margin-top: 10px;
	color: #000;
}
ul.item-list li:before {
	position: absolute;
	top: -1px;
	left: 0px;
	font-family: FontAwesome;
	content: "\f138";
	color: #ed174f;
	font-size: 16px;
	list-style: none;
}
.product-gallery {
	font-size: 0px;
}
.product-gallery .item {
	position:relative;
	display:inline-block;
}
.product-gallery .item img {
	position:relative;
	z-index: 11;
}
.product-gallery .item .item_description {
	position:absolute;
	z-index: 10;
	left: -15px;
	top: -15px;
	right: -15px;
	bottom: -60px;
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
	background:#151515;
	padding: 15px;
	display:none;
}
.product-gallery .item .item_description span {
	color:#ffffff;
	font-size: 13px;
	display:block;
	position:absolute;
	bottom: 15px;
	height: 30px;
}
.product-gallery .item:hover {
	z-index: 100;
}
.product-gallery .tjGalleryItem .item:hover .item_description {
	display:block;
}
.inner-list {
	padding: 40px 0;
}
.long-steel {
	padding: 10px 0;
}
.inner-list p {
	text-align: justify;
	font-size: 16px;
}
.sec-flat-steel {
	position: relative;
	width: 100%;/*height: 1250px;*/
}
.long-steel-sec {
/*height: 1550px;*/
	
}
.right-break-sec {
	position:absolute !important;
	right: 0;
	top: 0;
	height: 780px;
	padding: 0;
}
.right-break {
	padding:0 15px 0 30px;
}
.portfolio-detail-title {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
}
.sec-machines-type {
	position: relative;
	width: 100%;
	height: 945px;
}
.glry-inner {
	float: left;
	width: 100%;
	height: 1026px;
}
/*========================================================
products new design starts here
==========================================================*/
.custom-table-head {
	background:#ed174f !important;
}
.custom-table-head tr td {
	border-color:#ed174f !important;
}
.products-page-flat {
	background: #fff;
	padding-top: 62px;
	padding-bottom: 0px;
}
.flat-steel-bg {
	background:url(../images/flat-steel/lf-coil.jpg) no-repeat;
	background-position:center center;
	background-size:cover;
	height:453px;
}
.flat-steel-cont-sec {
	background:#f2f0f0;
}
.flat-steel-inner {
	padding:40px 15px;
}
.flat-steel-inner p {
	position:relative;
	padding-left:35px;
}
.flat-steel-inner p:before {
	position: absolute;
	left: 0px;
	font-family: FontAwesome;
	content: "\f138";
	color: #ed174f;
	font-size: 20px;
	list-style: none;
}
.flat-steel-inner .fix-pos {
}
.flat-slide1 img, .flat-slide2 img {
	height:320px !important;
}
.products-page-long {
	background: #fff;
	padding-top: 0px;
	padding-bottom: 62px;
}
.long-steel-bg {
	background:url(../images/flat-steel/carbon-steel-welded-tubes-pipes.jpg) no-repeat;
	background-position:center center;
	background-size:cover;
	height:666px;
}
.long-steel-cont-sec {
	background:#f2f0f0;
}
.long-steel-inner {
	padding:40px 15px;
}
.long-steel-inner p {
	position:relative;
	padding-left:35px;
}
.long-steel-inner p:before {
	position: absolute;
	left: 0px;
	font-family: FontAwesome;
	content: "\f138";
	color: #ed174f;
	font-size: 20px;
	list-style: none;
}
.long-steel-inner .fix-pos {
}
/*====================================
Showmore show less css
====================================*/

#myList tr {
	display:none;
}
#loadMore, #showLess {
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	font-size:24px;
	line-height:24px;
	color:#fff;
	background:#d62755;
	border-radius:50px;
	padding:14px 12px;
	width:180px;
	display:inline-block;
	margin:15px 10px;
	text-align:center;
	cursor:pointer;
}
#loadMore:hover, #showLess:hover {
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	font-size:24px;
	line-height:24px;
	color:#fff;
	text-align:center;
	background:#d62755;
	border-radius:50px;
	padding:14px 12px;
	width:180px;
	display:inline-block;
	margin:15px 10px;
	cursor:pointer;
}
/*====================================================
MANUFACTURING SECTION css starts here
=====================================================*/
.flat-slide-mf {
	margin-top:40px;
}
.flat-slide-mf .flexslider li img {
}
.expmm .flexslider li img {
	height:220px;
}
/*====================================================
SERVICES SECTION css starts here
=====================================================*/
.serv-intro-text {
	margin-bottom:30px;
}
.ser-steel-types p {
	position: relative;
	padding-left: 35px;
}
.ser-steel-types p:before {
	position: absolute;
	left: 0px;
	font-family: FontAwesome;
	content: "\f138";
	color: #ed174f;
	font-size: 16px;
	list-style: none;
}
.services-page {
	background: #fff;
	padding-top: 62px;
	padding-bottom:62px;
}
.servces-sec-bg {
	background:url(../images/services/dummy.jpg) no-repeat;
	background-position:center center;
	background-size:cover;
	height:453px;
}
.laser-cutting-bg {
	background:url(../images/our-services/CNC-LASER-CUTTING-BANNER.jpg) no-repeat;
	background-position:center center;
	background-size:cover;
	height:453px;
}
.fiber-laser-bg {
	background:url(../images/services/dummy.jpg) no-repeat;
	background-position:center center;
	background-size:cover;
	height:453px;
}
.expanded-metal-bg {
	background:url(../images/services/expanded-metal.jpg) no-repeat;
	background-position:center center;
	background-size:cover;
	height:453px;
}
.bandsaw-bg {
	background:url(../images/our-services/BANDSAW-2.jpg) no-repeat;
	background-position:center center;
	background-size:cover;
	height:453px;
}
.coil-cut-length-bg {
	background:url(../images/our-services/COIL-CUT-TO-LENGTH.jpg) no-repeat;
	background-position:center center;
	background-size:cover;
	height:453px;
}
.cnc-drill-bg {
	background:url(../images/our-services/CNC-Drilling-Thermal-Cutting.jpg) no-repeat;
	background-position:center center;
	background-size:cover;
	height:453px;
}
.waterjet-bg {
	background:url(../images/our-services/CNC-Waterjet-Cutting-1.jpg) no-repeat;
	background-position:center center;
	background-size:cover;
	height:453px;
}
.cnc-oxy-bg {
	background:url(../images/our-services/CNC-OXY-GAS-CUTTING-BANNER.jpg) no-repeat;
	background-position:center center;
	background-size:cover;
	height:453px;
}
.cnc-plasma-bg {
	background:url(../images/our-services/CNC-PLASMA-CUTTING-BANNER.jpg) no-repeat;
	background-position:center center;
	background-size:cover;
	height:453px;
}
.polished-bg {
	background:url(../images/our-services/Surface-Polishing-1.jpg) no-repeat;
	background-position:center center;
	background-size:cover;
	height:453px;
}
.bending-bg {
	background:url(../images/our-services/Bending-2.jpg) no-repeat;
	background-position:center center;
	background-size:cover;
	height:453px;
}
.shearing-bg {
	background:url(../images/our-services/GUILLOTINE-SHEARING-BANNER.jpg) no-repeat;
	background-position:center center;
	background-size:cover;
	height:453px;
}
.pipe-manf-bg {
	background:url(../images/services/pipe-manufacturing.jpg) no-repeat;
	background-position:center center;
	background-size:cover;
	height:453px;
}
.slitting-bg {
	background:url(../images/our-services/Coil-Slitting-2.jpg) no-repeat;
	background-position:center center;
	background-size:cover;
	height:453px;
}
.servces-cont-sec {
	background:#f2f0f0;
}
.servces-inner {
	padding:40px 15px;
}
.servces-inner p {
	position:relative;
	padding-left:35px;
}
.servces-inner p:before {
	position: absolute;
	left: 0px;
	font-family: FontAwesome;
	content: "\f138";
	color: #ed174f;
	font-size: 20px;
	list-style: none;
}
/*====================================================
CORPORATE SUSTAINABILITY css starts here
=====================================================*/

/*ourhsared values 10jun2024*/

.osv-sec .row{
	margin-top:20px;
}

.osv-icon {
	float:left;
	width:100%;
	height:56px;
	margin-bottom:15px;
	text-align:center;
	display: flex;
	align-items: center;
	justify-content: center;
}

.osv-icon img{
	width:50px;
	height:auto;
}


.osv-cont {
	float:left;
	width:100%;
	text-align:center;
}

.osv2-box-title{
	font-size:20px;
	line-height:24px;
	font-weight:bold;
	text-align:center;
	min-height:48px;
	margin-bottom:15px;
}

.color-1{
	color:#447fc1;
}
.color-2{
	color:#6f6b91;
}
.color-3{
	color:#78a172;
}
.color-4{
	color:#d46d6e;
}

.osv2-cont{
    float: left;
    width: 100%;
    background: #f5f5f5;
    min-height: 486px;
    padding: 30px 15px;
	position:relative;
}
.osv2-cont ul {
    padding: 0;
    margin: 0;
}
.osv2-cont ul li {
    font-size: 14px;
    line-height: 19px;
    /* color: #fff; */
    font-weight: 500;
    position: relative;
    padding-left: 19px;
    margin-bottom: 20px;
    list-style: none;
}
.osv2-cont ul li:before {
    content: '';
    color: #000;
    background: #000;
    border-radius: 50px;
    width: 6px;
    height: 6px;
    font-size: 18px;
    font-weight: bold;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 5px;
}

.osv2-icons{
	position:absolute;
	bottom:20px;
	display:flex;
	align-items: center;
	justify-content: center;
	width:232px;
	margin-top:30px;
	margin-bottom:20px;
}


/*corporate sustainability timeline*/
.slick-slide {
/*margin: 0px 20px;*/
}
.regular {
	padding:0;
}
.ba-date {
	font-size:13px;
	line-height:13px;
	font-weight:normal;
	text-transform:uppercase;
	color:#054c8b;
	text-align:left;
	margin-top:20px;
}
.ba-ann a {
	font-size:14px;
	line-height:14px;
	font-weight:bold;
	color:#091d3e;
	text-decoration:none;
	text-align:left;
}
.ba-ann a:hover {
	font-size:14px;
	line-height:14px;
	font-weight:bold;
	color:#eda541;
	text-decoration:none;
	text-align:left;
	cursor:pointer;
}
.slider-ba .item {
	/*padding:32px 22px;*/
	padding:32px 30px 32px 0;
	min-height:161px;
	/*background:#fff;*/
	text-align:left;
	margin-top:5px;
	margin-bottom:5px;
}
.item:nth-of-type(even) {
 border-right:none;
 border-left:none;
}
.btn-cont {
	margin-top:20px;
}
.abtn-cont {
	position:relative;
	top:-13px;
}
.corp-journey {
	float:left;
	width:100%;
}
.tly {
	width:90px;
	height:90px;
	display:block;
}
/*.cj-tl-line {
	float:left;
	width:72%;
	height:5px;
	background:#bd1424;
	position: absolute;
	top: 255px;
	z-index: 1;
	left:166px;
}*/
/*.toos {
	background:url(../images/corp-sustainability/tly-2017.png) no-repeat;
	width:90px;
	height:90px;
	margin:0 auto;
	position:relative;
}*/
.tly-head {
	float:left;
	width:100%;
	height:104px;
	/*position:relative;*/
	background:#d62755;
	display:flex;
	align-items:center;
	justify-content:center;
	 border-bottom: 5px solid #df8100; /* First border */
 
}
.tly-head h4 {
	/*position: absolute;*/
	top: 52px;
	left: 35%;
	color: #fff;
}
/*.tly-head-toos {
	background:url(../images/corp-sustainability/tly-2017-head.png) no-repeat;
	height:104px;
	background-position:center center;
	position:relative;
}*/
.sc-cont {
	float:left;
	width:100%;
	background:#f5f5f5;
	min-height:530px;
	padding:15px;
}
.sc-cont ul {
	padding:0;
	margin:0;
}
/*.sc-cont ul li{
	list-style:none;
	margin-bottom:20px;
}*/
.sc-cont ul li {
	font-size:14px;
	line-height:19px;
	/*color:#fff;*/
	font-weight:500;
	position:relative;
	padding-left:19px;
	margin-bottom:20px;
	list-style:none;
}
.sc-cont ul li:before {
	content:'';
	color:#000;
	background:#000;
	border-radius:50px;
	width:6px;
	height:6px;
	font-size:18px;
	font-weight:bold;
	display:inline-block;
	position:absolute;
	left:0;
	top:5px;
}
/*.tooe {
	background:url(../images/corp-sustainability/tly-2018.png) no-repeat;
	width:90px;
	height:90px;
	margin:0 auto;
}
.tly-head-tooe {
	background:url(../images/corp-sustainability/tly-2018-head.png) no-repeat;
	height:104px;
	background-position:center center;
	position:relative;
}
.toon {
	background:url(../images/corp-sustainability/tly-2019.png) no-repeat;
	width:90px;
	height:90px;
	margin:0 auto;
}
.tly-head-toon {
	background:url(../images/corp-sustainability/tly-2019-head.png) no-repeat;
	height:104px;
	background-position:center center;
	position:relative;
}
.toot {
	background:url(../images/corp-sustainability/tly-2020.png) no-repeat;
	width:90px;
	height:90px;
	margin:0 auto;
}
.tooo {
	background:url(../images/corp-sustainability/tly-2021.png) no-repeat;
	width:90px;
	height:90px;
	margin:0 auto;
}
.tly-head-toot {
	background:url(../images/corp-sustainability/tly-2020-head.png) no-repeat;
	height:104px;
	background-position:center center;
	position:relative;
}
.tooto {
	background:url(../images/corp-sustainability/tly-2021.png) no-repeat;
	width:90px;
	height:90px;
	margin:0 auto;
}
.tly-head-tooto {
	background:url(../images/corp-sustainability/tly-2021-head.png) no-repeat;
	height:104px;
	background-position:center center;
	position:relative;
}
.twntwo {
	background:url(../images/corp-sustainability/tly-2022.png) no-repeat;
	width:90px;
	height:90px;
	margin:0 auto;
}
.tly-head-toon {
	background:url(../images/corp-sustainability/tly-2022-head.png) no-repeat;
	height:104px;
	background-position:center center;
	position:relative;
}
.twnthree {
	background:url(../images/corp-sustainability/tly-2023.png) no-repeat;
	width:90px;
	height:90px;
	margin:0 auto;
}*/


.cs-blocks-sec {
	float:left;
	width:100%;
}
.cs-gov {
	background:url(../images/corp-sustainability/Gorvenance.jpg) no-repeat;
	background-size:cover;
	background-position:center center;
	min-height:530px;
	width:100%;
	float:left;
	padding:40px;
	position:relative;
}
.cs-ecnmc {
	background:url(../images/corp-sustainability/Economy.jpg) no-repeat;
	background-size:cover;
	background-position:center center;
	min-height:530px;
	width:100%;
	float:left;
	padding:40px;
	position:relative;
}
.cs-envir {
	background:url(../images/corp-sustainability/Environmental.jpg) no-repeat;
	background-size:cover;
	background-position:center center;
	min-height:530px;
	width:100%;
	float:left;
	padding:40px;
	position:relative;
}
.cs-socl {
	background:url(../images/corp-sustainability/Social.jpeg) no-repeat;
	background-size:cover;
	background-position:center center;
	min-height:530px;
	width:100%;
	float:left;
	padding:40px;
	position:relative;
}
.cs-stk-eng {
	background:url(../images/corp-sustainability/Stakeholder-Engagement.jpg) no-repeat;
	background-size:cover;
	background-position:center center;
	min-height:550px;
	width:100%;
	float:left;
	padding:138px 40px;
	position:relative;
	text-shadow: 1px 0px 4px #000000;
}


.cs-gov:hover, .cs-ecnmc:hover, .cs-envir:hover, .cs-socl:hover, .cs-stk-eng:hover{
	background:#343434;
	color:#fff;
}


.cs-gov-title {
	position:absolute;
	/*bottom:40px;*/
	top:40px;
}
.cs-gov-title h2, .cs-gov-title h2 a {
	color:#fff;
	font-size:36px;
	line-height:36px;
	font-weight:bold;
	text-transform:uppercase;
	display:inline-block;
	width:100%;
	height:100%;
}
.cs-gov-title h2:hover, .cs-gov-title h2 a:hover {
	color:#fff;
	font-size:36px;
	line-height:36px;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	display:inline-block;
	width:100%;
	height:100%;
}
.cs-gov-title ul {
	margin:0;
	padding:0;
}
.cs-gov-title ul li {
	list-style:none;
	position: relative;
    left: 30px;
	width:88%;
	text-align:justify;
}
.cs-gov-title ul li:before {
	content: '';
	color: #fff;
	background: #fff;
	border-radius: 50px;
	width: 9px;
	height: 9px;
	font-size: 18px;
	font-weight: bold;
	display: inline-block;
	margin-right:10px;
	position: absolute;
    left: -30px;
    top: 9px;
}
.cs-sh-title h2 {
	color:#fff;
	font-size:36px;
	line-height:48px;
	font-weight:bold;
	text-transform:uppercase;
	display:inline-block;
	width:100%;
	height:100%;
}
.sh-eng-cont {
	width:60%;
	color:#fff;
}
.sh-eng-cont p {
	font-size:18px;
	line-height:28px;
	color:#fff;
}
.cs-stk-eng a {
	font-size:18px;
	line-height:22px;
	color:#fff;
	font-weight:500;
	text-decoration:underline;
}
.cs-stk-eng a:after {
	content:'\f105';
	font-family:FontAwesome;
	display:inline-block;
	margin-left:5px;
	font-size:16px;
	line-height:18px;
	color:#fff;
	font-weight:normal;
}

.dummy-readmore{
	font-size:18px;
	line-height:22px;
	color:#fff;
	font-weight:500;
	text-decoration:underline;
	position:absolute;
	bottom:40px;
}
.dummy-readmore:after {
	content:'\f105';
	font-family:FontAwesome;
	display:inline-block;
	margin-left:5px;
	font-size:16px;
	line-height:18px;
	color:#fff;
	font-weight:normal;
}

/*======SDG CSS STARTS HERE=================*/

.sdg-sec {
	float:left;
	width:100%;
}
.sdg-blocks {
	float:left;
	width:100%;
}
.sdg-block {
	float:left;
	width:100%;
	padding:25px 15px;
	/*min-height:191px;*/
	margin-bottom:30px;
}
.sdg-3 {
	background-color:#4c9f38;
	color:#fff;
	/*min-height:225px;*/
}
.sdg-13 {
	background-color:#3f7e44;
	color:#fff;
	/*min-height:243px;*/
}
.sdg-12 {
	background-color:#bf8b2e;
	color:#fff;
	/*min-height:243px;*/
}
.sdg-8 {
	background-color:#a21942;
	color:#fff;
	/*min-height:225px;*/
}
.sdg-7 {
	background-color:#fcc30b;
	color:#fff;
	/*min-height:225px;*/
}
.sdg-9 {
	background-color:#fd6925;
	color:#fff;
	/*min-height:243px;*/
}
.sdg-16 {
	background-color:#00689d;
	color:#fff;
}
.sdg-16 .sdg-icon-text {
	float:left;
	width:14%;
	margin-right:12px;
	margin-top:20px;
}
.sdg-icon-text {
	float:left;
	width:18%;
	margin-right:12px;
	/*margin-top:20px;*/
}
.num-text-sec {
	float:left;
	width:100%;
}
.sdg-num {
	float:left;
	width:22px;
	font-size:22px;
	line-height:20px;
	font-weight:bold;
	color:#fff;
	min-height:22px;
	text-align:left;
	margin-right:3px;
}
.num-text {
	float:left;
	width:90px;
	font-size:9px;
	font-weight:bold;
	color:#fff;
	min-height:22px;
	text-transform:uppercase;
	margin-bottom:7px;
}
.sdg-icon {
	float:left;
	width:100%;
}
.sdg-icon img {
	display:block;
	/*margin:0 auto;*/
	padding-left:22px;
}
.sdg-cont {
	float:left;
	width:58%;
}
.sdg-blk-title {
	font-size:24px;
	line-height:24px;
	font-weight:bold;
	font-family: 'Oswald', sans-serif;
	color:#fff;
	margin-bottom:9px;
}
ul.sgd-bullets {
	padding:0;
	margin:0;
}
ul.sgd-bullets li {
	font-size:14px;
	line-height:20px;
	color:#fff;
	font-weight:500;
	position:relative;
	padding-left:21px;
	list-style:none;
}
ul.sgd-bullets li:before {
	content:'';
	color:#fff;
	background:#fff;
	border-radius:50px;
	width:6px;
	height:6px;
	font-size:18px;
	font-weight:bold;
	display:inline-block;
	position:absolute;
	left:0;
	top:8px;
}
/*sr-report section starts here*/


.sr-cover-box {
	padding-top:60px;
}
.sr-sec {
	background:url(../images/corp-sustainability/Report.jpeg) no-repeat;
	min-height:668px;
	width:100%;
	background-size:cover;
	background-position:center center;
	padding-top:62px;
	padding-bottom:62px;
}
.sr-contnt-box {
	padding-top:72px;
}
.sr-contnt-box h2, .sr-contnt-box p {
	color:#fff;
}
.sr-contnt-box p {
	color:#fff;
	font-size:16px;
	line-height:27px;
	margin-bottom:30px;
	font-weight:500;
}
ul.sr-bullets {
	padding:0;
	margin:0;
}
ul.sr-bullets li {
	font-size:16px;
	line-height:27px;
	color:#fff;
	font-weight:500;
	position:relative;
	padding-left:15px;
	list-style:none;
}
ul.sr-bullets li:before {
	content:'';
	color:#fff;
	background:#fff;
	border-radius:50px;
	width:6px;
	height:6px;
	font-size:18px;
	font-weight:bold;
	display:inline-block;
	position:absolute;
	left:0;
	top:12px;
}
.sr-rm a {
	font-size:18px;
	line-height:22px;
	color:#fff;
	font-weight:500;
	text-decoration:underline;
}
.sr-rm a:after {
	content:'\f105';
	font-family:FontAwesome;
	display:inline-block;
	margin-left:5px;
	font-size:16px;
	line-height:18px;
	color:#fff;
	font-weight:normal;
}
/*====================================================
CAREERS SECTION css starts here
=====================================================*/

.career-inner {
	float: left;
	width: 100%;
	min-height: 280px;
	background: #ddd;
	padding: 25px;
	border-bottom: 2px solid #ed174f;
	margin-bottom: 15px;
}
.company-title {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px;
	color: #ed174f;
}
ul.vacancies {
	margin: 0;
	padding: 0;
}
ul.vacancies li {
	margin: 0;
	list-style: none;
	position: relative;
	padding: 0px 0 13px 30px;
	word-wrap: break-word;
}
ul.vacancies li .icon {
	position: absolute;
	left: 0;
	top: 5px;
	display: block;
	width: 30px;
	height: 30px;
	line-height: 15px;
	font-size: 15px;
}
ul.vacancies li .job-wrap, .job-wrap a {
	color: #000;
	font-weight: bold;
	font-size: 15px;
	line-height: 15px;
}
.vac-list {
	float: left;
	width: 48%;
	margin-right: 2%;
	border-right: 1px solid #ccc;
	min-height: 145px;
}
.hr-cont {
	float: left;
	width: 48%;
	margin-left: 2%;
}
/*====================================================
CONTACT US css starts here
=====================================================*/


.left-map {
	padding-right:0;
}
.left-map iframe {
	height: 100% !important;
}
.add-right-sec {
	padding-left:0;
}
.right-address {
	background-color:#ececec;
	height: 100%;
	color: #000 !important;
	padding: 35px 30px;
	background-position: right bottom;
	background-repeat:no-repeat;
}
.right-address p strong {
	color: #ed174f;
}
.right-address ul {
	margin: 0;
	padding-left: 0px;
}
.right-address ul li {
	margin: 0;
	list-style: none;
	position: relative;
	padding: 13px 0 13px 30px;
	word-wrap: break-word;
}
.right-address ul li .icon {
	position: absolute;
	left: 0;
	display: block;
	width: 30px;
	height: 30px;
	line-height: 20px;
	font-size: 20px;
	top:18px;
}
.right-address .address_wrapper {
	color: #000 !important;
	font-size:14px;
	line-height:18px;
}
.right-address .address_wrapper a {
	color: #ed174f !important;
	font-size:14px;
	line-height:18px;
	text-decoration: none;
}
.right-address .address_wrapper .phone {
	color: #000 !important;
	font-size:14px;
	line-height:18px;
	text-decoration: none;
}
 .right-address ul li::after {
 content: "";
 display: block;
 width: 70px;
 border-width: 0 0 1px;
 border-style: solid;
 border-color: rgba(255, 255, 255, .2);
 position: absolute;
 left: -30px;
 bottom: 0;
}
.contact-add h4 {
	font-size: 24px;
	font-weight: bold;
	color: #000;
	border-left: 3px solid #c29562;
	padding-left: 15px;
	margin-bottom:30px;
}
/*======================================================
TERMS OF USE AND PRIVACY POLICY PAGE CSS STARTS HERE
========================================================*/
a.z-link:after, .address a:after {
	content:none;
}
.tou p strong, .pdpa p strong {
	color: #d62755;
}
.privacy-policy td {
	vertical-align: top !important;
	text-align: justify;
}
.privacy-policy h3, .list-num {
	color: #d62755;
	font-weight: 500;
	font-size: 18px;
	margin: 0px 0px 10px 0px;
	text-align: left;
	padding-top: 20px;
}
.privacy-policy ul {
	list-style-type: none;
	padding-left: 5px;
}
.privacy-policy li {
	position: relative;
	padding-left: 26px;
	margin-bottom: 10px;
	text-align: justify;
}
.privacy-policy li:before {
	position: absolute;
	top: 0;
	left: 0;
	font-family: FontAwesome;
	content: "\f0a9";
	color: #d62755;
	font-size: 16px;
}
.tou p, .privacy-policy p {
	text-align: justify;
}
/*============================================================
CSR CSS Starts here
==============================================================*/
.event-wrapper {
	background-color: #fff;
	height: 100%;
	border-radius: 0px;
}
.event-desc {
	padding: 30px 20px;
	margin-bottom: 20px;
	border-top: 2px solid #ee214e;
}
.event-desc p {
	font-size:16px;
	text-align:justify;
}
/* ========================================================
				ENQUIRY CSS STARTS HERE
=========================================================*/
#honeypot {
	display: none;
}
.contactinfo-box ul {
	margin:0;
	padding-left: 0px;
}
.contactinfo-box ul li {
	margin:0;
	list-style:none;
	position:relative;
	padding:13px 0 13px 30px;
	word-wrap:break-word
}
.contactinfo-box ul li:after {
	content:"";
	display:block;
	width:70px;
	border-width:0 0 1px;
	border-style:solid;
	border-color:rgba(255, 255, 255, .7);
	position:absolute;
	left:-30px;
	bottom:0
}
.contactinfo-box ul li p {
	margin:0
}
.contactinfo-box ul li .icon {
	position:absolute;
	left:0;
	display:block;
	width:30px;
	height:30px;
	line-height:20px;
	font-size:20px;
}
/*.get_in_touch ul li:last-child:after{display:none};*/
.contactinfo-box ul li::after {
 content: "";
 display: block;
 width: 70px;
 border-width: 0 0 1px;
 border-style: solid;
 border-color: rgba(255, 255, 255, .2);
 position: absolute;
 left: -30px;
 bottom: 0;
}
.form-wrapper .form-desc {
	background-color:#2d5ca3;
	padding:35px 30px;
	min-height:500px;
	display:table;
	width:100%;
}
.form-wrapper .form-desc div {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	color:#fff;
}
.contact-form {
	background-color:#f5f5f5;
	height:100%;
	padding:35px 30px;
}
/*input, select, textarea {
  width: 100%;
  padding: 12px 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 0px;
  margin-bottom: 16px;
  resize: vertical;
}*/



.feedback-form {
	overflow: hidden;
	position: relative;
	margin:0 auto;
}
.form-header {
	background-image: url(../images/enquiry-bg.jpg);
	padding: 64px 15px;
	position: relative;
	z-index: 1;
	caption-side:#fff;
	text-align:center;
}
.form-header::before {
 content: "";
 display: block;
 position: absolute;
 z-index: -1;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 background-color: rgba(213, 129, 86, .84);
}
.contact100-form-title::before {
 content: "";
 display: block;
 position: absolute;
 z-index: -1;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 background-color: rgba(54, 84, 99, .7);
}
.form-header-title-1 {
	font-family: 'Avenir Next Bold';
	font-size: 28px;
	color: #fff;
	line-height: 32px;
	text-align: center;
	padding-bottom: 2px;
	display:block;
}
.form-header-title-2 {
	font-size: 15px;
	color: #fff;
	line-height: 1.5;
	text-align: center;
}
.contact100-form {
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.wrap-input100 {
	width:48%;
	padding-right:2%;
	position: relative;
	border-bottom: 2px solid #d9d9d9;
	padding-bottom: 13px;
	margin-bottom: 27px;
}
.label-input100 {
	font-size: 14px;
	color: #000;
	line-height: 1.5;
	padding-left: 5px;
	font-weight: bold;
}
input.input100 {
	height: 40px;
}
.label-input100 span {
	color:red;
}
.input100 {
	display: block;
	width: 100%;
	background: 0 0;
	font-size: 18px;
	color: #222;
	line-height: 1.2;
	padding: 0 5px;
}
input, textarea {
	outline: none;
	border: none;
}
textarea {
	overflow: auto;
	resize: vertical;
}
.focus-input100 {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	pointer-events: none;
}
 .focus-input100::before {
 content: "";
 display: block;
 position: absolute;
 bottom: -2px;
 left: 0;
 width: 0;
 height: 2px;
 -webkit-transition: all 0.4s;
 -o-transition: all 0.4s;
 -moz-transition: all 0.4s;
 transition: all 0.4s;
 background: #d62755;
}
textarea.input100 {
	padding-top: 9px;
	padding-bottom: 13px;
}
.input100:focus + .focus-input100::before {
 width: 100%;
}
 .has-val.input100 + .focus-input100::before {
 width: 100%;
}
 input:focus::-webkit-input-placeholder {
 color:transparent
}
input:focus:-moz-placeholder {
 color:transparent
}
input:focus::-moz-placeholder {
color:transparent
}
input:focus:-ms-input-placeholder {
color:transparent
}
textarea:focus::-webkit-input-placeholder {
color:transparent
}
textarea:focus:-moz-placeholder {
color:transparent
}
textarea:focus::-moz-placeholder {
color:transparent
}
textarea:focus:-ms-input-placeholder {
color:transparent
}
input::-webkit-input-placeholder {
color:#b0b0b0
}
input:-moz-placeholder {
color:#b0b0b0
}
input::-moz-placeholder {
color:#b0b0b0
}
input:-ms-input-placeholder {
color:#b0b0b0
}
textarea::-webkit-input-placeholder {
color:#b0b0b0
}
textarea:-moz-placeholder {
color:#b0b0b0
}
textarea::-moz-placeholder {
color:#b0b0b0
}
textarea:-ms-input-placeholder {
color:#222
}
input.parsley-success, select.parsley-success, textarea.parsley-success {
	color: #468847;
	padding-left:8px !important;
	padding-right:8px !important;
	background-color: #DFF0D8 !important;
	border: 1px solid #D6E9C6 !important;
}
input.parsley-error, select.parsley-error, textarea.parsley-error {
	color: #B94A48;
	padding-left:8px !important;
	padding-right:8px !important;
	background-color: #F2DEDE !important;
	border: 1px solid #EED3D7 !important;
}
.parsley-errors-list {
	padding: 0;
	list-style-type: none;
	font-size: 0.9em;
	line-height: 0.9em;
	opacity: 0;
	color: #B94A48;
 transition: all .3s ease-in;
 -o-transition: all .3s ease-in;
 -moz-transition: all .3s ease-in;
 -webkit-transition: all .3s ease-in;
}
.parsley-errors-list.filled {
	opacity: 1;
}
/*====================================================
FOOTER css starts here
=====================================================*/

.footer-sec {
	background:#bbbbbb;
	padding-top:20px;
	padding-bottom:20px;
}
.foot-right {
	float:right;
	text-align:right;
}
ul.foot-links {
	margin:0;
	padding:0;
}
ul.foot-links li {
	list-style:none;
	display:inline-block;
}
ul.foot-links li:first-child:after {
	content:"";
	border-right:1px solid #333131;
	padding-right:10px;
	margin-right:6px;
	padding-right:6px\0/;
	margin-right:10px\0/;
	height:19px;
	position:relative;
	top:-2px;
}
ul.foot-links li a {
	font-size:20px;
	line-height:20px;
	color:#333131;
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	text-transform:uppercase;
	text-decoration:none;
}
.foot-right p {
	font-family: 'Montserrat', sans-serif;
	font-size:14px;
	color:#000000;
	font-weight:normal;
}
#floating-widget {
	right:-50px;
	top:50%;
	position: fixed;
	z-index: 999;
}
#floating-widget ul {
	margin:0;
	list-style:none
}
li.floating-enquire {
	background:#d62755;
	padding:15px 15px;
	font-size:22px;
	margin-bottom:0
}
li.floating-enquire:hover {
	background-color:#d62755;
	opacity:0.9;
}
div#custom_html-3 {
	-webkit-transform:rotate(270deg);
	-ms-transform:rotate(270deg);
	transform:rotate(270deg)
}
li.floating-enquire a {
	color:#fff!important;
	text-transform:capitalize;
	text-decoration:none;
}




/*==================================================================
	MEDIA QUERIES STARTS HERE
====================================================================*/

/*==========  Mobile First Method  ==========*/
/* Large desktops and laptops */
@media (min-width: 1200px) {
}
 
 
/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
 .sn-inner {
 padding: 118px 0;
}
 .since-year {
 font-family: 'Oswald', sans-serif;
 font-weight: bold;
 font-size: 136px;
 line-height: 136px;
 color: #fff;
 text-align: center;
}
 .imageholder {
 position: absolute;
 background: #000;
 height: 739px;
 top: 0;
 left: 0;
 padding: 0 !important;
}
 .flat-steel-bg {
 background: url(../images/flat-steel/carbon-steel-coil.jpg) no-repeat;
 background-position: center center;
 background-size: cover;
 height: 513px;
}
 .flat-slide-mf img {
 height:450px !important;
}
 .cj-tl-line {
 float: left;
 width: 72%;
 height: 5px;
 background: #bd1424;
 position: absolute;
 top: 273px;
 z-index: 1;
 left: 142px;
}
.tly-head h4 {
 position: absolute;
 top: 52px;
 left: 31%;
 color: #fff;
}
 .sc-cont {
 min-height:582px;
}
 .sdg-3, .sdg-13, .sdg-12 {
 min-height:272px;
}
.sdg-8, .sdg-7, .sdg-9 {
 min-height:380px;
}
}


/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
 .sn-inner {
 padding: 135px 0px;
}
.since-year {
 font-family: 'Oswald', sans-serif;
 font-weight: bold;
 font-size: 98px;
 line-height: 98px;
 color: #fff;
 text-align: center;
}
 .cp-cf {
 min-height:166px;
}
.cheight .slides li img {
 height: 557px !important;
}
 .main-timeline7 .timeline:nth-child(7) {
 margin-top: -5px !important;
}
 .main-timeline7 .timeline:nth-child(8) {
 margin-top: 150px !important;
}
 .main-timeline7 .timeline:nth-child(19) {
 margin-top: -236px !important;
}
 .pdpa-inner-right {
 padding: 10px;
 float: left;
}
.imageholder {
 position: absolute;
 background: #000;
 height: 684px;
 top: 0;
 left: 0;
 padding: 0 !important;
}
 .flat-steel-bg {
 background: url(../images/flat-steel/carbon-steel-coil.jpg) no-repeat;
 background-position: center center;
 background-size: cover;
 height: 617px;
}
 .flat-slide-mf img {
 height:550px !important;
}
 .flat-slide1 img, .flat-slide2 img {
 height:450px !important;
}
.laser-cutting-bg {
 background: url(../images/our-services/CNC-LASER-CUTTING-BANNER.jpg) no-repeat;
 background-position: center center;
 background-size: cover;
 height: 478px;
}
 .cj-tl-line {
 float: left;
 width: 72%;
 height: 5px;
 background: #bd1424;
 position: absolute;
 top: 302px;
 z-index: 1;
 left: 101px;
}
 .tly-head h4 {
 position: absolute;
 top: 52px;
 left: 25%;
 color: #fff;
}
.sc-cont {
 float: left;
 width: 100%;
 background: #f5f5f5;
 min-height: 750px;
 padding: 15px;
}
 .sdg-3, .sdg-13, .sdg-12 {
 min-height:404px;
}
.sdg-8, .sdg-7, .sdg-9 {
 min-height:708px;
}
}
 @media(max-width:768px) {
.main-timeline7 .timeline:nth-child(even), .main-timeline7 .timeline:nth-child(odd) {
 margin:0 !important;
}
.main-timeline7 .timeline:before, .main-timeline7 .timeline:nth-child(2n):before {
 left:0 !important;
 height:150%;
}
.flat-slide-mf img {
 height: 601px !important;
}
 .sc-cont {
 min-height:510px;
}
}


/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
 .border-lr {
 border-left: none;
 border-right: none;
 height: 100%;
}
.pro-box-inner {
 text-align: center;
 margin-bottom: 45px;
}
.big-title h2 {
 font-family: 'Oswald', sans-serif;
 font-weight: bold;
 font-size: 38px;
 color: #727272;
 text-align: center;
 margin-top: 0;
 margin-bottom: 42px;
}
.foot-logo img {
 display:block;
 margin:0 auto 20px auto;
}
.foot-right {
 float: none;
 text-align: center;
}
 .cheight .slides li img {
 height: 320px !important;
}
 .flat-slide-mf img {
 height: auto !important;
}


/*========================================
inner pages css
==========================================*/

.imageholder {
 position: static;
 background: #000;
 height: 351px;
    /* top: 0; */
    /* left: 0; */
    padding: 0 !important;
 margin-bottom: 30px;
}
 .section-leftimg {
 position: relative;
 width: 100%;
    /* background: #ccc; */
    min-height: 604px;
}
 .main-timeline7 .timeline:before, .main-timeline7 .timeline:nth-child(2n):before {
 width: 30px;
 height: 100%;
 left: 0px;
}
.main-timeline7 .timeline:nth-child(3) {
 margin-top: 0px !important;
}
.main-timeline7 .timeline:nth-child(4) {
 margin-top: 0px !important;
}
 .main-timeline7 .timeline:nth-child(20) {
 margin-top: 0px !important;
}
.main-timeline7 .timeline:before, .main-timeline7 .timeline:nth-child(2n):before {
 width: 30px;
 height: 132%;
 left: 0px;
}
 .left-map {
 padding-right:15px;
 min-height: 365px;
}
.add-right-sec {
 padding-left: 15px;
}
 .flat-slide1 {
 display:none;
}
 .flat-slide-mf {
 margin-bottom:30px;
}

/*=====================================================
corp-sustainability corporate journey 
=======================================================*/
.cj-tl-line {
 display:none;
}
 .toos, .tooe, .toon, .toot {
 display:none;
}
 .tly-head-toos, .tly-head-tooe, .tly-head-toon, .tly-head-toot {
 display:none;
}
 .tly-head {
 background:#de315e;
 width:100%;
 height:104px;
 display:block;
}
.tly-head h4 {
 position:  static;
 top: 0;
 left: 0;
 color: #fff;
 text-align: center;
 padding: 38px;
 font-size:35px;
}
 .sc-cont {
 min-height:510px;
}
 .sdg-16 .sdg-icon-text {
 float:left;
 width:37%;
 margin-right:12px;
 margin-top:20px;
}
}


/* Portrait phones and smaller */
@media (max-width: 480px) {
 .sn-inner {
 padding: 135px 0px;
}
.since-year {
 font-family: 'Oswald', sans-serif;
 font-weight: bold;
 font-size: 98px;
 line-height: 98px;
 color: #fff;
 text-align: center;
}
 .pdpa-inner-right {
 float:none;
}
 .pdf-sec {
 float:none;
 margin:20px auto;
}
 .flat-slide2 {
 display:none;
}
 .big-title h2 {
 font-family: 'Oswald', sans-serif;
 font-weight: bold;
 font-size: 38px;
 color: #727272;
 text-align: center;
 margin-top: 0;
 margin-bottom: 42px;
}
.foot-logo img {
 display:block;
 margin:0 auto 20px auto;
}
.foot-right {
 float: none;
 text-align: center;
}
 .m-red .z-tabs-mobile li a.z-link {
 text-align:center !important;
}
 .z-tabs.underlined.mobile > ul.z-tabs-nav > li > a {
 border-color: #ed174f !important;
 background: #dedede !important;
 border-width: 5px 0 5px 0 !important;
 opacity: 1;
}
 ul.foot-links li {
 list-style:none;
 display:block;
 margin-bottom:10px;
}
 ul.foot-links li a {
 font-size: 15px;
 line-height: 18px;
 color: #333131;
 font-family: 'Oswald', sans-serif;
 font-weight: 300;
 text-transform: uppercase;
 text-decoration: none;
 display:block;
 text-align:center;
}
ul.foot-links li:first-child:after {
 content:"";
 border-right: none;
 padding-right:10px;
 margin-right:6px;
 padding-right:6px\0/;
 margin-right:10px\0/;
 height:19px;
 position:relative;
 top:-2px;
 display:none;
}
 .sdg-16 .sdg-icon-text {
 float:left;
 width:37%;
 margin-right:12px;
 margin-top:20px;
}
/*.for-t30-mob-swipe-fix{
	min-height:2013px;
}
*/

}


/* Portrait i phones and smaller */
@media (max-width: 320px) {
}