.xfont {
  font-family: "kit_55", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
}


/* font */
	@font-face { font-family:'kit_35'; src:url('../fonts/kit45f.ttf'),url('../fonts/kit45f.eot'),url('../fonts/kit45f.woff'); font-weight:normal; }
	@font-face { font-family:'kit_55'; src:url('../fonts/kit55f.ttf'),url('../fonts/kit55f.eot'),url('../fonts/kit55f.woff'); font-weight:normal; }
	@font-face { font-family:'kit_65'; src:url('../fonts/kit65f.ttf'),url('../fonts/kit65f.eot'),url('../fonts/kit65f.woff'); font-weight:normal; }

body , .xtab {   font-family: "kit_55", Helvetica, Arial, sans-serif;  } 

.showproductlist{ 
position: relative;
overflow: hidden;
float:left; min-height:300px; background:#fDFDFD; margin-right:10px;  margin-bottom:10px;  border:2px solid #57baff; 

}

 .logo40big { display:block; }
 .frmsearch { width:40%;} 
.clear { clear:both; }



.showpage ul li { list-style:none; padding:3px; float:left; margin:3px; }
li.nextpagex { width:30px; height:30px; text-align:center; border:1px solid #DDD;  cursor:pointer;  } 
.pactive  { background:#41a7dd; font-weight:bold; color:#FFF;  } 



ul.faq { padding-top:10px; padding-bottom:10px;  border-bottom:1px solid #CCC; }
ul.faq li  { list-style:none; }  
li.faqdetail h3 { color:#0084d8; padding-bottom:20px; } 




 @media (max-width:768px){


 .showproductlist{width:98%;}
 ul.logoandname { width:100%; }
 ul.logoandname li { width:100%; }

 .logo40big { display:none; }
 img.logomobile  { display:block; width:100%;  }
 .frmsearch { width:100%;} 

 ul.navbar-nav  li { background:url("images/bgmobile.jpg") repeat;}
ul.nav li.leftxmenu  { display:none; }
ul.nav li.rightxmenu  { display:none; }
.collapse ul.nav { margin-top:-5px; }

ul.dropdown-menu { top:-3px; }
ul.navbar-nav  li  ul.dropdown-menu li { position:relative; z-index:0; background:#f0f0f0;  }

ul.nav  li.menume   ul.dropdown-menu li  a { color:#000; } 
ul.nav  li.menume   ul.dropdown-menu li  a:hover { color:#3729f7; } 



#arrow1 ,#arrow2 ,#arrow3,#arrow4 ,#arrow5,#arrow6 ,#arrow7 , .lanpc { display:none;}
.lanmo { display:block; float:left; } 
#banner_intro { display:block; }

.headtelephone , .frmsearch , .page-content { width:100%;}

.blog-area, .entry-content { width:98%; text-align:left; font-size:10px;  }
li.psub { text-align:left; }

ul.xxxmenu  li.dropdown  a { color:#000; } 
li a.mxx:before { color:#000; } 


ul.showresult {  padding-top:10px; padding-bottom:10px; border-bottom:1px solid #CCC; } 
ul.showresult  li { list-style:none;   } 

li.seatchprodetail  h3  { font-size:16px; font-weight:bold;  }
li.seatchprodetail { width:100%;  font-size:14px; padding-bottom:10px; } 

li.searchimg { width:100%;  text-align:center;  } 
li.searchimg img { width:50%; height:auto;  display: block;    margin: auto; }

li.seatchprodetail { clear:both; width:100%;} 
li.progroup {clear:both; width:100%;   background:#f4f4f4; padding-top:5px;  padding-bottom:5px; } 
.showresultx { font-size:16px;  border-bottom:2px solid  #41a7dd; padding-bottom:20px; } 


 }
 

 @media (min-width:769px),@media (max-width:992px){
 .showproductlist{width:46.3333%;}
 img.logomobile  { display:none;   }
li.psub { text-align:left; }
a.mxx { color:#000; } 


 }
 
 @media (min-width:1200px){
 .showproductlist{width:32%;}
 img.logomobile  { display:none;   }
  .frmsearch { width:50%;} 

  li.leftxmenu { display:block; }
  .lanmo { display:none; } 



ul.showresult { height:150px; padding-top:10px; padding-bottom:10px; border-bottom:1px solid #CCC; } 
ul.showresult  li { list-style:none; text-align:left;   } 

li.seatchprodetail  h3  { font-size:16px; font-weight:bold;  }
li.seatchprodetail { font-size:14px; padding-bottom:10px; } 
li.searchimg { height: 150px; }
li.searchimg img { width: 100%; }

li.seatchprodetail { height:100px; } 
li.progroup { height:30px; background:#f4f4f4; padding-top:5px;  padding-bottom:5px; } 

.showresultx { font-size:16px;  border-bottom:2px solid  #41a7dd; padding-bottom:20px; } 





 }




 .showproductlist p { position: relative;  z-index: 2; padding:3px; background:#57baff; font-size:14px; font-weight:bold; padding-top:10px; padding-bottom:10px; color:#FFF;}

 .prodes { z-index: 2;  position: relative; height:90px;  background:url("images/bg_pro_tran.png") repeat;  padding:5px; top:155px; }
 .prodes span { opacity:1 ; color:#000; } 
 .prodes p {background:none;}

.showproductlist {  }
.showproductlist img { position:absolute; opacity:0.6; height:auto;  z-index:0;    margin: auto 50px;     }
.showproductlist:hover {cursor:pointer;   }	
.showproductlist:hover img{ 
opacity:1;
}

.submenu  { width:100%;  padding-left:20px; background:#FAFAFA; padding-top:20px; color:#555;}
.listproduct { width:80%;   }

.submenux  p { padding-top:20px; cursor:pointer; }
.submenux p:hover { color:#555;  }
.submenux p a { font-size:12px;}

.prodes ul li {list-style:none; float:left; padding-left:3px; color:#FFF;}
li.pd01 { width:25%; text-align:right;  } 
li.pd02 { width:70%; font-weight:bold;    }


#banner_intro { position:absolute; }
.text_intro { width:90%; text-align:justify; font-size:20px; padding-top:20px;  color:#0a187f; }

.language div { padding-top:20px; } 

ul.pde li { list-style:none; padding-top:10px; padding-bottom:10px; margin-top:3px;  } 
.psub { text-align:right; padding-right:5px; background:#f4f4f4; font-weight:bold;  }

.linexx { border-top:3px solid #41a7dd; padding-top:10px;  }
div.fontdetail { font-size:14px; }

div.fontdetail table { width:90%;}
div.fontdetail table tbody tr td { padding:10px; border:1px solid #aaa; font-size:12px;}

#map_contact {width:100%; height:450px;  background:#CCC;}

ul.contactform li {list-style:none; float:left; padding:5px ; }

.txt-right { text-align:right; }
.bggray { background:#f4f4f4; }



#arrow1 { position:absolute; margin-left:15px; margin-top:310px;z-index:0; } 
#arrow2 { position:absolute; margin-left:390px; margin-top:90px;z-index:9999; } 
#arrow3 { position:absolute; margin-left:450px; margin-top:180px;z-index:99; } 
#arrow4 { position:absolute; margin-left:275px; margin-top:350px;z-index:999; } 
#arrow5 { position:absolute; margin-left:320px; margin-top:510px;z-index:9; } 
#arrow6 { position:absolute; margin-left:550px; margin-top:-50px;z-index:9; } 
#arrow7 { position:absolute; margin-left:700px; margin-top:100px;z-index:9; } 

#flow01  , #flow02 , #flow03 , #flow04 , #flow05  , #flow06  , #flow07  { position:relative; display:none;  z-index:999; } 

#flow02  , #flow03{ top:-100px; left:30px;}
#flow04 { left:-130px; }
#flow06  {left:30px;  top:-90px;}

.sugarproductshow { min-width:150px;  min-height:30px; }
.sugarproductshow1 { min-width:350px;  min-height:30px; }

.sugarproductshow , .sugarproductshow1 { border:1px solid #000; background:#FFF; }
.sugarproductshow ul li , .sugarproductshow1 ul li  { list-style:none; padding-top:3px; padding-bottom:3px; padding-left:5px; }
.sugarproductshow1 ul { width:45%; float:left; }


.aboutdetail , .aboutdetail ul li  , .aboutleft  , .aboutright , .headsubject {  font:20px/20px  'kit_55';  letter-spacing: 1px; 	text-decoration: none;  	font-size: 22px;	text-transform: capitalize; } 
.aboutdetail  TABLE  TBODY TR TD  { color:#FFF; padding:5px;  }
.aboutdetail h2 { font-size:20px; color:#FFF; }
.aboutdetail a { color:#1874ff; font-size:16px; text-decoration:none; } 
.aboutdetail a:hover { color:#FFFFFF; }

.aboutdetail ul { padding-top:10px; padding-bottom:10px; }
.aboutdetail ul li { list-style:none ; float:left; padding:3px; } 
.aboutleft { width:180px; text-align:right; display:block; color:#02eaff;  font-weight:bold; font-size:16px;}
.aboutright { width:350px; text-align:left; display:block; color:#FFF;  }

.head_telephone { padding-top:50px; font-size:16px; font-weight:bold; text-align:center;}
.bottom-footer p, .head_telephone , .xfooter , .contact-details {  font-family: 'kit_55', sans-serif;  font-size:20px; }
.xfooter p , .detail-boxy p {  font-family: 'kit_55', sans-serif;  font-size:20px;  }