/* CSS Document */
@font-face {
    font-family: 'kit55f-webfont';
    src: url('fonts/kit55f-webfont.eot');
    src: url('fonts/kit55f-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/kit55f-webfont.woff') format('woff'),
         url('fonts/kit55f-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'kit75f';
    src: url('fonts/kit75f.eot');
    src: url('fonts/kit75f.eot?#iefix') format('embedded-opentype'),
         url('fonts/kit75f.woff') format('woff'),
         url('fonts/kit75f.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'PSL021';
    src: url('fonts/PSL021.eot');
    src: url('fonts/PSL021.eot?#iefix') format('embedded-opentype'),
         url('fonts/PSL021.woff') format('woff'),
         url('fonts/PSL021.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

img{ border:0;}
*{ margin:0; padding:0;}
a{ text-decoration:none;}

body {
	background:#FFF ;
    font-family: 'kit55f-webfont';
	font-size:14px;
}

.cleaner {clear:both; width:100%; height:0px;}
.h30{clear:both; width:100%; height:30px;}
.h20{clear:both; width:100%; height:20px;}
.h10{clear:both; width:100%; height:10px;}

a{text-decoration:none; color:inherit;}


.center{text-align:center;}

.wrapper{
	width:980px;
	margin:auto;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #000;
}
.bx-wrapper .bx-pager.bx-default-pager a {
    background: #FFF;
}
/*/////////////////////////////////////////////////Head//////////////////////////////////////////////////*/
.bg-header{
	background: #303030  url(../images/bg-head.png) top center no-repeat;
}
#header{
	margin:auto;
	/*background:#066;*/
}
#header .head-left{
	width:325px;
	float:left;
	color:#FFF;
	/*background: #91DBFF;*/
} 
.head-left .logo{
	display:block;
	padding:25px 0;
}
#header .head-right{
	width:655px;
	float:left;
	color:#FFF;
	/*background: #F66;*/
}
.name-copany{
	width:360px;
	float:left;
	line-height:1;
	padding-bottom:10px;
}
.contact-left{
	width:295px;
	float:left;
	color:#FFF;
	padding-top:10px;
}
.number-head a{
	color:#FFF;
	letter-spacing:1px;
}
.number-head p{
	padding-left:20%;
}
.language ul{
	list-style:none;
	text-align:right;
	background:url(../images/bg-lang.png) right top no-repeat;
}
.language ul li{
	display:inline-block;
    padding: 1px 0 5px;
}
.language ul li a{
	color:#000;    
	font-size: 25px;
    text-transform: uppercase;
    padding: 0 16px;
	transition: all 0.3s;
}
.language ul li a:hover,.language ul li a.active{
	color:#FFF;
}
.name-title {
    padding-top: 29px;
    font-size: 34px;
    letter-spacing: 1px;
    font-family: 'PSL021';
}
.addess-head{
	font-size:18px;
}
.number-head {
    font-size: 22px;
    line-height: 1;
    font-family: 'PSL021';
}
/*/////////////////////////////////////////////////Head//////////////////////////////////////////////////*/


/*/////////////////////////////////////////////////Main Menu//////////////////////////////////////////////////*/
.main_menu{
	height:40px;
	margin:auto;
}
.main_menu ul{
	list-style:none;
}
.main_menu ul li{
	float:left;
	text-align:center;
	display:inline;
	border-right:1px solid #ee9c22;
	position:relative;
}
.main_menu ul li:last-child{
	border-right:none
}
.main_menu ul li a{
	color: #FFF;
    display: block;
    font-size: 25px;
    padding: 4px 20px 11px 20px;
	transition: all 0.3s;
}
.main_menu ul li a:hover,.main_menu ul li a.active {
	color:#fff;
	background:url(../images/hover.png) bottom center repeat-x;
}
/*/////////////////////////////////////////////////Main Menu//////////////////////////////////////////////////*/
.main_menu ul li:hover .sub1 {
	display:block;
}
.main_menu ul li .sub1 {
	padding-top:0;
	width:250px;
	position:absolute;
	top: 55px;
	left:0px;	
	z-index:1500;
   display:none;

}
.main_menu ul li .sub1 ul { 
	width:100%;
	margin:0;
	list-style: none;
	padding-left:0px;
	border:none;
}
.main_menu ul li .sub1 ul li {
	text-align:left;
	height:auto;
	position:relative;
	width:100%;
	padding:0;
	list-style:none;
	border-bottom:none;
	border-left:none;
	border-right:none;
	background:#313131;
}
.main_menu ul li .sub1 ul li  a {
	margin:0 ;
	height:auto;
	padding:2px 0 2px  10px;
	display: block;
	text-decoration: none;
	outline: none;
	text-align:left;
	font-size:22px;
	color:#FFF;
	border-bottom:none;
	line-height:normal;
	font-weight:normal;
	text-transform:uppercase;
	margin:auto 5px;
	border-bottom:solid #c1daeb  1px;
}
.main_menu ul li .sub1 ul li  a:hover{
	color:#FFF;
	text-shadow:  none;
	background: #424242 url(../images/hover-product.png) left repeat;
	-webkit-transition: all 0.3s ease-in;
}

.main_menu ul li .sub1 ul li a.current{
	text-shadow:  none;
	/*background:none;*/

}
/*.main_menu ul li .sub1 ul li  a span{
	font-size:14px;
	text-align:left;
	color:#FFF;
}*/
/*////////////////////////////////////*/
.main_menu ul li:hover .sub1 ul li:hover .sub2 {
	display:block;
}
.main_menu ul li .sub1 ul li .sub2{
	width:96%;
	position:absolute;
	right:-230px;	
	top:0px;
	z-index:1500;
	display:none;
	padding:0;
	margin:0;
}
.main_menu ul li .sub1 ul li .sub2 ul { 
	margin:0;
	list-style: none;
	padding-left:0px;

 }
.main_menu ul li .sub1 ul li .sub2 ul li {
	text-align:left;
	/*display: inline-block;*/
	position:relative;
	background:#424242;
	border-right:none;
	padding:2px 0 2px 5px;
}
.main_menu ul li .sub1 ul li .sub2 ul li:hover {
	text-align:left;
	/*display: inline;*/
/*	background: #424242 url(../images/hover-product.png) left repeat;*/
  
}
.main_menu ul li .sub1 ul li .sub2 ul li  a {
	/*display: inline-block;*/
	font-size:20px;
	color:#FFF;
	text-decoration: none;
	outline: none;
	text-align:left;
	background:none;
	transition: all 0.3s;
}
.main_menu ul li .sub1 ul li .sub2 ul li  a:hover, .main_menu ul li .sub1 ul li .sub2 ul li a.current{
	text-shadow:  none;
	background:none;
}
.main_menu ul li .sub1 ul li .sub2 ul li  a:hover {
  	text-shadow:  none;
	background: #C6C  ;
	-webkit-transition: all 0.3s ease-in;
	background: #313131   url(../images/hover-product.png) left repeat;
}
/*.main_menu ul li .sub1 ul li .sub2 ul li  a span{
	font-size:20px;
	text-align:left;
	color:#FFF;	
}*/
/*/////////////////////////////////////////////////Content//////////////////////////////////////////////////*/
.bg-content{
	background: #FFF;
}
#content{
	width:980px;
	margin:auto;
	min-height:300px;
}
.content_left{
	float:left;
	width:280px;
	position:relative;
}
.content_right{
	float:right;
	width:680px;
}
.content_right_index{
	float:right;
	width:700px;
}
.product-titli-list {
    /*padding-left: 32%;*/
	padding-left: 26%;
    padding-top: 14px;
    padding-bottom: 11px;
    position: absolute;
    width: 100%;
    display: block;
	z-index:10;
    background: url(../images/bg-title.png) left top no-repeat;
}
.product-titli-list .title-product{
	color:#000;
    font-family: 'kit75f';
	font-size:32px;
	text-shadow:-1px -1px 0 #FFF,1px 1px 0 #FFF;
}
.product-menu{
	width:222px;
	margin:20% auto 0;
}
.product-menu ul{
	list-style:none;
  /*  padding-top: 10%;
    padding-bottom: 97%;*/
	height:430px;
	padding-bottom:120px;
	background:  url(../images/bg-pro.png) bottom center repeat-y;
 
}
.product-menu ul li{
	margin:0 15px; 
	border-bottom:1px solid #FFF;
	transition: all 0.3s;
	position:relative;
}
.product-menu ul li:hover,.product-menu ul li.active{
	background:url(../images/hover-product.png) bottom center no-repeat;
}
.product-menu ul li a{
    display: block;
    color: #FFF;
    text-transform: uppercase;
    font-size: 23px;
    line-height: 1;
    padding: 7px 0;
}
.product-menu ul li img{
	position:absolute;
	right:5px;
	top:15px;
}


/****************************************************************************/

.product-menu ul li:hover .sub1 {
	display:block;
}
.product-menu ul li .sub1 {
	padding-top:0;
	width:100%;
	position:absolute;
	top:0px;
	left:160px;	
	z-index:1500;
   display:none;
 }
.product-menu ul li .sub1 ul { 
	width:222px;
 	list-style: none;
	/*padding-left:0px;
	border:none;*/
	background:inherit;
	height:auto;	

 }
.product-menu ul li .sub1 ul li {
	text-align:left;
	height:auto;
	position:relative;
	width:100%;
	list-style:none;
	border-bottom:none;
	background:#313131;
	padding: 2px 0;
	margin:auto 7px;

}
.product-menu ul li .sub1 ul li  a {
 	padding:2px 0 2px  10px;
 	text-decoration: none;
 	font-size:23px;
	color:#FFF;
 	line-height:normal;
	font-weight:normal;
	text-transform:uppercase;
	margin:auto 10px;
	border-bottom:solid #FFF  1px;
}
.product-menu ul li .sub1 ul li  a:hover{
	color:#FFF;
	text-shadow:  none;
	background:url(../images/hover-product.png)   left  repeat;
}

.product-menu ul li .sub1 ul li a.current{
	text-shadow:  none;
	/*background:none;*/

}
 
/****************************************************************************/
.content-title{
	text-align:justify;
	font-size: 23px;
    padding: 11px 24px;

}
.img-about{
	width:300px;
	float: left;
	cursor:pointer;
	overflow:hidden;	
	margin: 10px 18px;
	border:2px solid #CCC;
}
.img-about img{
	transition: all 0.3s;
}
.img-about:hover img{
	transform: scale(1.05);
}
.content-title img{
	vertical-align:bottom;
}
.taglinr-box {
    text-align: center;
    font-size: 21px;
    padding: 10px 20px 15%;
    background: url(../images/bg-about.png) bottom center no-repeat;
}
.porfolio-title{
	margin: 10px 20px 5px;
	background:url(../images/bg-choi.png) left top no-repeat;
}
.text-porfolio {
    width: 134px;
    color: #000;
    font-size: 31px;
    font-family: 'kit75f';
    padding: 1px 21px;
    display: inline-block;
    text-shadow: -1px -1px 0 #FFF, 1px 1px 0 #FFF;
}
.readmore{
    width: 76px;
    float: right;
    color: #FFF;
	font-size: 20px;
    text-align: center;
    margin: 9px 16px;
    border-radius: 20px;
    background: #000;
    display: inline-block;
	transition: all 0.3s;
}
.readmore:hover{
	color:#eea81c;
}
.porfolio-img{
	width:163px;
	height:148px;
	float:left;
	text-align:center;
	overflow:hidden;
	padding-right:5px;
	cursor:pointer;
}
.porfolio-img img{
	transition: all 0.3s;
	width:auto;
	height:148px;
}
.porfolio-img:hover img{
	transform: scale(1.08);
}
.porfolio-img-box{
	padding-left:25px;
}
.slide-costumer .bx-wrapper .bx-next {
  /*  right: -12px;*/
    right: -30px;
    background: url(../images/next-1.png) no-repeat 0 0;
}
.slide-costumer .bx-wrapper .bx-prev {
   /* left: 10px;*/
    left: -10px;
    background: url(../images/prev.png) no-repeat 0 0;
}
.slide-costumer{
	padding:10px;
	cursor:pointer;
}
/*/////////////////////////////////////////////////Content//////////////////////////////////////////////////*/

/*/////////////////////////////////////////////////Footer//////////////////////////////////////////////////*/
#footer{
	margin:0px auto;
	color:#FFF;
	background: url(../images/bg-footer.png) top center repeat-x;
	text-align:center;
}
.footer-name-title{
    font-family: 'kit75f';
	font-size:30px;
	padding-top:20px;
}
.addess-footer{
	font-size:20px;
	padding-top:20px;
}
.contact-footer a{
	/*display:block;*/
	color:#FFF;
	font-size:20px;
}
.contact-footer {
	line-height:1.4;
}
.social-footer{
	font-size:20px;
}
.social-footer img{
	vertical-align:bottom;
}
.social-footer{
	font-size:20px;
}
.social-footer img{
	 transition: all 0.3s;
}
.social-footer img:hover{
	 transform: scale(1.07);
}
.copyright a{
	color:#FFF;	
	 transition: all 0.3s;
}
.copyright a:hover{
	color:#F60;
}
.copyright{
	font-size:20px;
	padding:5px 0;
	background:url(../images/bg-copy.png) repeat-x bottom center;
}
/*/////////////////////////////////////////////////Footer//////////////////////////////////////////////////*/
ul.bxslider2{
	margin:auto 40px;
}
ul.bxslider2 li{
	text-align:center;
	width:auto !important;
	margin:auto 10px;
}
.img-brand{
	height:60px;
	width:auto !important;
}
ul.slider-brand{
	margin: auto 30px;
	background:#009;
}
.topic{
	font-size:32px;
	margin: 20px auto;
	min-height:40px;
	/*background:url(../images/pic-menu.png) left bottom 50% no-repeat;
	border-bottom: solid 1px #999;*/
	background:url(../images/bg-topic.png) left bottom 50% no-repeat;
	padding-left:120px;
}
.subtitle{
	color:#383737;
	font-size:24px;
	font-weight:bold;
	position:relative;
	border-bottom:dotted #d9d9d9 1px;
	padding:0;
	margin:10px auto;
}
.text-more{
	position:absolute;
	right:0;
	bottom:0;
	color:#666;
}
.text-more:hover{
	color:#000;
}
.text_notfound{
	margin:10px auto;
	font-size:22px;
}
.box-pd{
	width:200px;
	height:280px;
	float:left;
	margin:20px 14px;
}
.box-imgpd{
	border:solid 1px #b7b7b7;
	padding:10px;
	height:200px;
	margin-bottom:10px;
	overflow:hidden;
	text-align:center;
}
.box-imgpd img{
	max-width:180px;
	max-height:200px;
	transition: all 0.3s;
 
}
.box-imgpd img:hover{
	transform: scale(1.05);
}
.box-textpd{
	padding:5px;
	font-size:24px;
	color:#FFF;
	text-overflow: ellipsis;
  /* Required for text-overflow to do anything */
  white-space: nowrap;
  overflow: hidden;
  background:#eea31f;
  text-align:center;
}
.box-textpd:hover{
  background:#b6790f;
}
.img_largepd{
	 height:300px;
}
.box-detail{
	margin:20px auto;
	font-size:22px;
}
.box-detail img,.box-detail table{
	max-width:100%;
}
.box-vdo{
	text-align:center;
	margin:20px auto;
}
.box-vdo iframe{
	width: 60%;
	height:250px;
	padding-top:0 !important;
	margin:auto;
	border:solid 1px #C0C0C0;
}
.download-doc{margin:10px auto;}
.box_sliderpd{
	margin: auto;
	text-align:center;
}
ul.slides li  img{
	 height:300px;
	 width:inherit !important;
}
/*******************************************************/
.text-detail{
	margin:20px auto;
	font-size:24px;
}
.table-contact{
	background:#FFF;
	padding-left:10px;
	margin:auto;
	border: 1px solid #CCC;
	color:#000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.form_con, .form_con3 {
    float: left;
    width: 95%;
    height: 25px;
    padding: 3px;
    border-radius: 4px;
    border: 1px solid #CCC;
    box-shadow: 1px 1px 2px #c4c4c4;
}
.form_con2 {
    float: left;
    width: 95%;
    padding: 3px;
    color: #000;
    border-radius: 4px;
    border: 1px solid #CCC;
    box-shadow: 1px 1px 2px #c4c4c4;
}
.sendmail {
	font-size:16px;
	font-weight:bold;
	border:1px solid #666;
	background:#FFF;
	padding:5px 1em;
	margin:20px auto;
}
.sendmail:hover{
	color:#FFF;
	transition: 0.3s cubic-bezier(.6,.2,.5,1.3);
	cursor:pointer;
	background: #787d82;

}
input#subject{ padding-left:5px ;  margin:5px auto; }
input#name{ padding-left:5px ;margin:5px auto;  }
textarea#address{ padding-left:5px ; margin:5px auto;  }
input#email{ padding-left:5px ;  margin:5px auto; }
input#telephone{ padding-left:5px ; margin:5px auto; }
input#fax{ padding-left:5px ;margin:5px auto;  }
textarea#message{ padding-left:5px ; margin:5px auto; }
input#cap{ padding-left:5px ; margin:5px auto;  width:85%; }
.acontact_us{color:#000; text-decoration:none;}
.acontact_us:hover{color:#666;}

/****************************/
.display{padding:5px 20px;}
.map{
	margin:10px auto 20px auto;
	width:100%;
	min-height:250px !important;
	/*border:1px solid #bbbbbb;*/
	border-radius:3px;
	float:left;
	
}
.box_imgmap{
	margin:30px auto 0  auto;
	position:absolute;
	bottom:0;
}
.box-relative{position:relative;}
.img_map{ width:95%; border:none; border: solid 1px #999;}
.img_map:hover{
	opacity: 0.7;
    filter: alpha(opacity=70); /* For IE8 and earlier */
 }
 #verify-code{margin-left:20px;}

.text_contact{
	font-size:22px;
}
.box-about{
	 font-size:24px;
}
.box-about{
	background:url(../about-us/images/bg-about-2.png) bottom center no-repeat;
	padding-bottom: 180px;
}
.img-shadow{
	-webkit-box-shadow: -1px 5px 23px -2px rgba(0,0,0,0.75);
	-moz-box-shadow: -1px 5px 23px -2px rgba(0,0,0,0.75);
	box-shadow: -1px 5px 23px -2px rgba(0,0,0,0.75);
}
/***********************************************************************/
.box-port{
	width:310px;
	height:210px;	
	float:left;
	margin:15px;
	font-size:24px;
	text-align:center;
	border-bottom: solid 1px #9f9f9f;
}
.img-port{
	width:310px;
	height:170px;
	text-align:center;
	margin:auto;
	cursor:pointer;
	overflow:hidden;
	position:relative;
	margin-bottom:10px;
	-webkit-box-shadow: 1px 1px 12px 1px rgba(0,0,0,0.75);
	-moz-box-shadow: 1px 1px 12px 1px rgba(0,0,0,0.75);
	box-shadow: 1px 1px 12px 1px rgba(0,0,0,0.75);
}
.img-port img{
	height:170px;
	margin:auto;
	max-width: 100%;  
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.img-port:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
 
/*-----List Page-----///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

div.badoo {
	margin-top:20px;
	padding:10px 0px;
	margin-right:20px;
	font-size:14px; 
	color: #FFF; 
	font-family:Arial, Helvetica, sans-serif;
	text-align:right;text-decoration:none;
	text-align:center;
	float:right;
}


div.badoo a{
	border: #4E4A4C 1px solid;
	padding: 3px 8px;
	margin: 0px 4px;
	color: #181516;
	text-decoration: none;
	background: #FFFFFF;
}
div.badoo a:hover {
	border:#999 1px solid;
	color:#FFF;
	background: #9a9a9a; /* Old browsers */
}

div.badoo span.current {
	padding: 3px 8px;
	border: #75676E 1px solid;
	background: #7c7c7c;
	color: #FFFFFF;
	margin: 0px 4px;
}
div.badoo span.disabled {
	display:none;
}
/****************************/