/*   
Theme Name: PCT Themes

Theme URI: www.myweb.com.my

Description:Design by PCT Internal Team, copyrighted.

Author: PCT -- Production --

Version: version ++

/*********** Begin Structure **********/
@font-face {
    font-family: 'ErasDemiITCRegular';
    src: url('font/erasdemi.eot');
    src: url('font/erasdemi.eot') format('embedded-opentype'),
         url('font/erasdemi.woff') format('woff'),
         url('font/erasdemi.ttf') format('truetype'),
         url('font/erasdemi.svg#ErasDemiITCRegular') format('svg');
}

.hiddenpic {display:none;}


html, body {
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
}


body {
	margin:0 auto;
	font-family: Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:14px;
	text-align:justify;
	overflow-x:hidden;
	background:#fff;  
}

#preload {
display:none;
}

h1 { font-family: 'ErasDemiITCRegular'; font-size:24px; color:#fff;  padding:0; margin:0; font-weight:500;}

h2 { font-family: 'ErasDemiITCRegular'; /*color:#00a651;*/color:#d4ae6f; font-size:30px; margin:0 0 10px; }

h3 { font-size:18px;  margin:0 0 10px; color:#000; font-weight:bold;  }
   
h4 { font-size:14px; color:#2a4468; font-weight:100;  padding:0; margin:0 0 5px;  }

   
span { /*color:#00a651;*/color:#bb801d; font-weight:bold;}   
  
p { line-height:16px;  margin:0 0 15px; padding:0; }  
   

a {
   outline:none;
   text-decoration:none;
   color:#000;
   }
   
a:hover {}

img { outline:none; border:none;}

.page-footer { clear:both; height:15px; }

.clear { clear:both; height:10px;}
/************ Begin Header ************/

#wrap { background:url(images/header/home-header-bg.jpg) repeat-x;  }
#wrap02 {  background:url(images/banner/banner-bg.jpg) top center no-repeat; }
#home-header { height:685px; width:960px; margin:0 auto;}
.home-header-content { width:960px; margin:0 auto; position:relative; height:685px; background:url(images/header/home-header-bg.jpg) repeat-x; }
.home-banner {   margin: 0; padding: 0;  z-index:1; position:absolute; top:0; right:0;}

#header { height:247px; width:960px; margin:0 auto;}
.header-content { background:#fff; width:808px; height:92px; position:relative; margin:0 0 0 62px; z-index:2; }
	
.banner { margin: 0; padding: 0; position:absolute; top:145px; left:0px;}	
.banner h3 { /*color:#00a651;*/color:#d4ae6f; font-family: 'ErasDemiITCRegular';}
.banner h2 { color:#fff; text-transform:uppercase; margin:0;}
#logo { position:absolute; top:14px; left:26px; z-index:10; }

.recent { position:absolute; top:550px; right:412px; font-family: 'ErasDemiITCRegular'; color:#000; font-size:18px;}

.slogen { position:absolute; top:456px; left:0; background:url(images/page/home/home-bg.jpg) no-repeat; width:326px; height:163px; padding:30px; z-index:5; }
.slogen p { color:#fff;}
.slogen ul { list-style:none; margin:0; padding:0; }
.slogen ul li { background:url(http://www.steeljoint.com.my/wp-content/uploads/2017/08/bullet02.png) 0 7px no-repeat; padding:0 0 0 20px; }
/************ End Header ************/


/*********** Begin Nav ***********/	 
#menu_container { position:absolute; top:0px; width:488px; right:0px; z-index:9; }

#menu_container ul { list-style-type: none; float: left; margin:0; padding:0;  }

#menu_container ul li { float: left; margin:0;  padding:0; font-size:14px; }
#menu_container ul li:first-child { border:none; }
#menu_container ul li a { display:block;  color:#000; height:92px;  margin: 0 0; padding:0 20px;  position:relative; font-family: 'ErasDemiITCRegular'; text-transform:uppercase; vertical-align:middle;
	display:table-cell;
	text-align:center;}
#menu_container ul li a:hover {  color:#fff; /*background:#00a651;*/background:#d4ae6f;}
#menu_container ul li.current-menu-item a, #menu_containerul li.current_page_item a  { color:#fff;  /*background:#00a651;*/background:#d4ae6f;}

#menu_container ul li.current_page_item > a,
#menu_container ul li.current-menu-ancestor > a,
#menu_container ul li.current-menu-item > a,
#menu_container ul li.current-menu-parent > a {
 color:#fff;  /*background:#00a651;*/background:#d4ae6f;
}

#menu_container ul li ul li a:hover { color:#00304e; background:#ccc; }

#menu_container li:hover > a,{ color: #ccc;  }

.footer-menu { padding:30px 0 0; }
.footer-menu ul { list-style:none; margin:0 0 0 -5px; padding:0; }
.footer-menu ul li { float: left; margin:0 5px;;  padding:0; font-size:11px; text-transform:uppercase; font-family:Verdana, Geneva, sans-serif;  color:#acacac;  }
.footer-menu ul li:nth-child(2n) { font-style:italic;}
.footer-menu ul li a { display:block; text-decoration: none; color:#acacac;  float:left;  margin:0; padding:0 5px 0;   }
.footer-menu ul li a:hover { color:#fff;}
.footer-menu ul li:first-child a { padding:0 10px 0 0;}
/*********** End Nav ***********/	



/********** Begin Footer **********/
#footer { height:65px; margin:0 auto; clear:both; background:url(images/footer/footer-bg.jpg) repeat-x; }

#footer-layout { position:relative; width:920px; margin:0 auto; padding:0 20px; }
#footer-layout p.copyright {font-size:11px; color:#fff; padding:0; margin:0; text-align:right; width:940px; }

/********* End Footer ******/

/*********** Begin homepage **********/

#home { width:920px; margin:0 auto; padding:20px 20px 0 20px;}

#home .home-content .content-layout { width:570px; float:left; margin:0 0 20px; text-align:left; border-right:4px solid #ebebeb; padding:0 20px 0 0; }
#home .home-content .content-layout h3 { font-size:14px;}
#home .home-content .content-layout img { margin:0 0 10px;}
#home .home-content .content-layout02 { width:300px; float:right; }
#home .home-content .content-layout02 ul { margin:0; padding:0; list-style:none; margin:0 0 20px;}
#home .home-content .content-layout02 ul li { background:url(http://www.steeljoint.com.my/wp-content/uploads/2017/08/bullet.png) 0 2px no-repeat; padding:0 0 0 15px; margin:0 0 5px;}
/*********** End Home page ***********/	 

/*********** Begin Page ***********/
#page { width:920px; padding:0 20px; margin:0 auto; }
.page-line { border-top:1px solid #f4e6c0; height:3px; border-bottom:3px solid #eddaa7; margin:0 0 15px;}
#page-content { padding:20px 0 0; margin:0; }
#page-content h2 { text-transform:uppercase; margin:0 0 20px; }

.post-6 { background:url(images/page/about/icon.jpg) no-repeat; padding:10px 0 0 65px; }
.post-9 { background:url(images/page/service/icon.jpg) no-repeat; padding:15px 0 5px 65px; }
.post-8 { background:url(images/page/product/icon.jpg) no-repeat; padding:15px 0 5px 65px; }
.post-10 { background:url(images/page/contact/icon.jpg) no-repeat; padding:8px 0 0px 65px; }
.line { border-bottom:3px solid #0099c4; clear:both; margin:0 0 10px;}
/*********** End Page ***********/	 	

/*********** Begin About ***********/
#about img { float:right; margin:0 0 0 80px;  }
#about { background:url(images/page/about/img02.jpg) bottom no-repeat; height:500px; }
/*********** End About ***********/	




/*********** Begin Single ***********/
#single-page-content { width:960px; padding:0; margin:0 auto;   z-index:1; margin-bottom:20px; text-align:center; }

/*********** End Single ***********/

/*********** Begin Product ***********/	 
/*********** End project ***********/	

/*********** Begin Contact ***********/	 
#contact iframe { border:1px solid #000; float:left; margin:0 0 30px; }

#contact .content-layout { width:295px; height:315px; background:url(images/footer/footer-bg.jpg); float:right; color:#fff; padding:20px; }
#contact .content-layout h3 { /*color:#00a651;*/color:#d4ae6f; margin:0;}
#contact h2 { clear:both; background:url(images/page/contact/icon02.jpg) no-repeat; padding:10px 0 0px 65px; margin:0;}

.form-bg { background:#d7d7d7; }
.form { width:920px; padding:20px; margin:0 auto; color:#000; }
/*********** End Contact ***********/	 


/* begin form */

.col {
width:550px;
height:24px;
padding:2px 0 0 5px;
margin:0 0 5px 5px;
border:none;
border:1px solid #bbb;
}

.col2 {
width:550px;
height:195px;
padding:2px 0 0 5px;
margin:0 0 5px 5px;
border:none;
border:1px solid #bbb;
}

.col3 {
width:350px;
height:24px;
padding:2px 0 5px 5px;
margin:0 0 5px 5px;
border:1px solid #bbb;
}

.col4 {
width:712px;
height:24px;
padding:2px 0 0 5px;
margin:0 0 5px 5px;
border:1px solid #fbecbb;
background:#fff;}

wpcf7-list-item { vertical-align:middle;
	display:table-cell;
	text-align:center;}
.wpcf7-list-item { clear:both;}

#submit-btn {
	float:right;
}

/* end form */

.bxslider.product-large{}
.bxslider.product-large img{width:551px;height:auto;border:1px solid #000;padding:1px;}
#bx-pager.my-list img{border:1px solid #000;padding:1px;}