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

body{background:url(../images/body-bg.jpg) repeat; font:13px/20px Arial, Helvetica, sans-serif; color:#38190e;}
.wrapper{width:1160px; margin:0 auto;}
*::selection{background:#fdb735; color:#fff; text-shadow:none;}
*::-moz-selection{background:#fdb735; color:#fff; text-shadow:none;}

/*header*/
.header{position:relative; z-index:2; min-height:100px;}
.logo{padding:16px 0; float:left;}
.logo a{display:block; width:310px;}
.search{float:right; max-width:550px; clear:right; padding-top:30px;}
.ipt-box{height:20px; padding:3px 0 3px 5px; line-height:20px; border:1px solid #444; color:#2e2e2e; display:inline-block;}
.ipt-box:focus{border-color:#fdb735;}
.button{display:inline-block; padding:0 5px; height:28px; border:0 none; background:#333; color:#fff; cursor:pointer; transition:all 0.3s ease 0s; -moz-transition:all 0.3 ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s;}
.button:hover{background:#fdb735; transition:all 0.3s ease 0s; -moz-transition:all 0.3 ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s;}
.search .ipt-box, .search .button{float:left;}
.search .ipt-box{width:180px;}
.search:hover .ipt-box{border-color:#fdb735;}
.search:hover .button{background:#fdb735; transition:all 0.3s ease 0s; -moz-transition:all 0.3 ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s;}
.head-line{display:block; clear:both; width:100%; height:1px; background:#666;}
.fm-search{float:right;}

.menu{clear:both; min-height:40px; background:url(../images/header-menu-bg.gif) repeat-x;}
.menu li{display:inline-block; float:left; padding:0 18px; position:relative; transition:all 0.3s ease 0s; -moz-transition:all 0.3 ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; border-right:1px solid #333;}
.sub-menu{position:absolute; top:100%; left:0; display:none; background:#f2f2f2; width:180px; border-top:1px solid #fff; box-shadow:0 1px 6px rgba(0,0,0,0.2); -moz-box-shadow:0 0 6px rgba(0,0,0,0.2); -webkit-box-shadow:0 0 6px rgba(0,0,0,0.2); z-index:20;}
.menu li:hover .sub-menu{display:block;}
.menu li a{font-family:open_sansregular; text-transform:uppercase; font-size:14px; color:#f7f7f7; display:inline-block; height:40px; line-height:40px;}
.menu li.active, .menu li:hover{background:url(../images/menu-a.gif); transition:all 0.3s ease 0s; -moz-transition:all 0.3 ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s;}
.menu li.active a, .menu li:hover a{color:#2d2d2d; text-decoration:none;}
.menu li li{display:block; float:none; border-right:0 none;}
.menu li li a{text-transform:none;}
.menu li li a:hover{color:#2d2d2d;}

.media{display:inline-block; margin-right:12px; float:right;}
.icon-media{width:28px; height:28px; display:inline-block; background:url(../images/media.png) no-repeat 0 0; text-indent:-9999em; margin-right:6px; float:left; transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s; -o-transition:all 0.3s ease-in-out 0s; -ms-transition:all 0.3s ease-in-out 0s;}
.icon-media:hover{transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s; -o-transition:all 0.3s ease-in-out 0s; -ms-transition:all 0.3s ease-in-out 0s;}
.icon-media.facebook{background-position:0 0;}
.icon-media.facebook:hover{background-position:0 -28px;}
.icon-media.twitter{background-position:-28px 0;}
.icon-media.twitter:hover{background-position:-28px -28px;}
.icon-media.google{background-position:-56px 0;}
.icon-media.google:hover{background-position:-56px -28px;}
.icon-media.in{background-position:-84px 0;}
.icon-media.in:hover{background-position:-84px -28px;}

/*end header*/


/*nivo-slider*/
.banner{position:relative; z-index:1;}
.slider-wrapper{}
.nivoSlider{position:relative;	width:100%;	min-height:400px;overflow: hidden;}
.nivoSlider img{position:absolute; top:0px;left:0px; max-width: none;}
.nivo-main-image{display: block !important;position: relative !important;  width: 100% !important;}
.nivoSlider a.nivo-imageLink{position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;	margin:0;	z-index:6;display:none;	background:white; filter:alpha(opacity=0); opacity:0;}
.nivo-slice{display:block;	position:absolute;	z-index:5;	height:100%;top:0;}
.nivo-box{display:block;position:absolute;	z-index:5;	overflow:hidden;}
.nivo-box img{display:block; }
.nivo-caption{position:absolute;left:0px; bottom:0px;	background:#000;color:#fff;	width:100%;	z-index:8;	padding: 5px 10px;opacity: 0.8; overflow: hidden;display: none;	-moz-opacity: 0.8;	filter:alpha(opacity=8); -webkit-box-sizing: border-box;	-moz-box-sizing: border-box;  box-sizing: border-box;}
.nivo-caption p{padding:5px; margin:0;}
.nivo-caption a{display:inline !important;}
.nivo-html-caption{display:none;}
.nivo-directionNav a{position:absolute;top:44%;z-index:9; cursor:pointer; background:url(../images/arrow_slide.png) no-repeat 0 0; text-indent:-9999em; width:56px; height:56px;}
.nivo-directionNav .nivo-prevNav{left:0px; background-position:100% 100%;}
.nivo-directionNav .nivo-prevNav:hover{background-position:0 100%;}
.nivo-directionNav .nivo-nextNav{right:0px; background-position:0 0;}
.nivo-directionNav .nivo-nextNav:hover{background-position:100% 0;}
.nivo-controlNav{text-align:center;padding: 15px 0; display:none;}
.nivo-controlNav a{cursor:pointer;}
.nivo-controlNav a.active{font-weight:bold;}

/*end intro-nav*/

/*left col*/
.col-left{width:240px; float:left; background:#f8f8f8; box-shadow:1px 0 4px rgba(0, 0, 0, 0.2); -moz-box-shadow:1px 0 4px rgba(0, 0, 0, 0.2); -webkit-box-shadow:1px 0 4px rgba(0, 0, 0, 0.2);}
.col-left h2,label.label_h2{display:block;text-transform:uppercase; font-family:open_sansregular; line-height:40px; height:40px; font-size:16px; background:url(../images/menu-a.gif) repeat-x; padding-left:10px; color:#333;}
.left-menu li{border-bottom:1px solid #ddd; padding:9px 0 9px 20px;}
.left-menu li:hover{background:url(../images/menu-left.png) no-repeat -7px -8px;}
.left-menu li a{font-size:14px; color:#222; word-spacing:1px;}
.left-menu li:first-letter{text-transform:uppercase;}
.left-menu li:hover a{text-decoration:none;color:#fdb735;}
.block{margin-bottom:18px;}
.pos-left{margin-left:-15px;}
.phone-left{padding-top:15px;}
.name-sup{font-size:16px; font-family:open_sansregular; padding-left:20px; padding-top:30px;}
.phone{line-height:30px; font-size:16px; padding-left:5px; position:relative; color:#26ace2; padding-bottom:10px; font-weight:bold;}
.phone i{background:#26ace2 url(../images/phone.png) no-repeat -1px -1px; display:inline-block; width:28px; height:28px; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; margin-right:6px; position:relative; top:6px;}

.statictis{padding-top:20px; padding-left:19px;}
.statictis li{padding-bottom:7px;}
.statictis li span{display:inline-block; width:110px;}
.statictis li strong{padding-left:10px;}
#SkypeButton_Dropdown_nguyenvanthao09_1 p a{margin:0 !important;}

/*main*/
.main{padding:20px 0 30px; background:#fff;}
.col-main{width:880px; float:right;}

.marginbot {margin-bottom:15px;}
ul.list li {list-style-type:none; margin-left:20px;}
ul.tabs {width:100%;overflow:hidden;}
ul.tabs li {font-size:14px; font-family:open_sansregular; list-style-type:none; display:block; float:left; color:#fff; height:39px; line-height:32px; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; cursor:pointer; color:#2d2d2d; margin-right:20px; text-transform:uppercase;}
ul.tabs li:hover, ul.tabs li.current, .cate-name span{background:url(../images/bg_tab.png) center bottom no-repeat;}
.tabscontent {border-top:1px solid #202121; padding:22px 0 10px;display:none;width:100%;text-align:justify;}

.product{width:20%; padding:1.35%; float:left; margin-right:2%; margin-bottom:2.2%; border:1px solid #ddd; min-height:231px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.product:hover{border:1px solid #fdb735; background:#fff;}
.product:hover .product-name a, .product:hover .price{color:#fdb735;}
.product-image{display:block; margin-bottom:10px;}
.product-image img{display:block;margin:0 auto; max-width:100%;}
.product-name{text-align:center; margin-bottom:4px; max-height:62px; overflow:hidden;}
.product-name a{font-size:12px; font-family:arial; text-transform:uppercase; color:#2d2d2d; font-weight:700;}
.product-name a:hover{text-decoration:none; color:#fdb735;}
.price{text-align:center; padding-bottom:4px;}

.discrumble{padding:0; margin-bottom:20px; min-height:18px;}
.discrumble h1{font-size:14px; font-weight:700; display:inline;}
.discrumble a{color:#656565; font-size:14px; display:inline-block; float:left;}
.discrumble a:hover{text-decoration:none; color:#fdb735;}
.discrumble strong{color:#666; font-size:14px; display:inline;}
.dis-space{text-indent:-999em; display:inline-block; width:0; height:0; border-color:transparent transparent transparent #fdb735; border-width:5px 0px 5px 5px; border-style:solid; position:relative; top:5px; margin:0 5px 0 8px; float:left;}
.cate-name{height:39px; border-bottom:1px solid #202121; margin-bottom:20px;}
.cate-name span{display:inline-block; height:39px; line-height:32px; text-transform:uppercase; color:#2d2d2d; font-family:open_sansregular; font-size:16px;}

.detail{border-bottom:1px solid #dedede; padding-bottom:20px; margin-bottom:20px;}
.detail .image{float:left; margin:0 20px 10px 0;}
.detail p{font-size:13px; margin-bottom:12px; line-height:22px;}
.detail h1{font-size:18px; text-transform:uppercase; line-height:40px; margin-bottom:12px; color:#fdb735; font-family:arial;}
.product-related h2{font-size:16px; text-transform:uppercase; line-height:30px; margin-bottom:12px; color:#fdb735; font-family:arial;}
.dt-row label{font-weight:700;}

.list-news li{background:url(../images/list_arrow1.png) 0 10px no-repeat; padding:4px 0 4px 10px;}
.list-news li:hover{background-position:0 -60px;}
.list-news li a{color:#2d2d2d;}
.list-news li:hover a{color:#fdb735; text-decoration:none;}

.news-one{clear:both; margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #ddd;}
.news-image{float:left; display:block; margin-right:15px; width:180px; background-color:#666; min-height:120px; }
.news-image img{display:block; width:100%;}
.news-content{float:left; width:585px;}
.news-name{font-size:16px; margin:3px 0 6px;}
.news-name a{color:#333;}
.news-name a:hover{color:#fdb735; text-decoration:none;}
.news-post{color:#ccc; font-szie:12px; margin-bottom:3px;}
.news-post a{color:#343434; padding-left:3px;}
.news-post a:hover{color:#fdb735;}
.news-detail{color:#333;}
.line-space{font-size:11px; position:relative; top:-2px; padding:0 5px;}
.news-one .view-more{color:#fdb735;}
.news-one .view-more:hover{color:#202121;}

.pagging{clear:both; padding:20px 0 20px; text-align:center;}
.page-link{display:inline-block; margin-right:5px; height:30px; line-height:30px; padding:0 12px; background:#202121; color:#fff; transition:all 0.6s ease-in-out 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s;}
span.page-link{background:#ababab;}
a.page-link:hover, a.page-link.active{background:#fdb735; transition:all 0.6s ease-in-out 0s;-moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; text-decoration:none;}

.contact-form{width:340px; float:left;}
.row-left span{font-weight:700;}
.row-right{padding:4px 0 10px;}
.errors{padding-bottom:12px; color:red; font-style:italic;}
.contact-form .ipt-box{width:270px;}
.text-box{border:1px solid #555; width:270px; height:80px; padding-left:5px;}
.text-box:focus{border-color:#fdb735;}
.row-note{padding-bottom:15px;}
.map-api{float:right; width:500px; background:#666; min-height:300px; margin-right:15px;}

.customer-list .product{min-height:135px;}

/*404*/
.wrap404{width:800px; padding-top:220px; margin:0 auto; background:url(../images/bg-404.png) no-repeat center 100px;}
.wrap404 h1{text-align:center; font-weight:400; font-size:30px; line-height:30px; margin-bottom:20px; color:#222;}
.wrap404 h2{text-align:center; font-weight:400; font-size:15px; line-height:30px; margin-bottom:20px; color:#555;}
.links-go{text-align:center;}
.links-go a{display:inline-block; background:#FDB735; height:32px;line-height:32px; padding:0 14px; color:#2d2d2d; margin-right:8px;}
.links-go a:hover{background:#2d2d2d; color:#fff; text-decoration:none;}




.pagi_nation li{display:block; min-width:25px; width:auto !important; background:#FDB735 !important; color:#fff; border:0 none !important; cursor:pointer;}
.pagi_nation li a{color:#fff;}
.pagi_nation li a:hover{text-decoration:none;}
.pagi_nation li a.active{font-weight:700; color:#333;}
.pagi_nation li:hover{background:#2d2d2d !important;}


.detail .pinfo{float:left; overflow:hidden; margin-left:18px;}


/*footer*/
.footer{border-top:3px solid #fdb735; padding:25px 0 0px;}
.foot-col{float:left; width:17%; margin-right:3%;}
.foot-col.foot-4{float:right; margin-right:0; width:32%;}
.foot-col.foot-1{width:25%;}
.foot-col h3,p.p_h3{display:block;text-transform:uppercase; font-size:14px; font-family:open_sansbold; margin-bottom:15px;}
.foot-link li{background:url(../images/list_arrow1.png) no-repeat 3px 14px; padding:8px 0 8px 13px; border-bottom:1px solid #ddd;}
.foot-link li:first-letter, .foot-col li a:first-letter, .foot-col li h2:first-letter{text-transform:uppercase;}
.foot-link li:hover{background-position:3px -56px;}
.foot-link li:last-child{border-bottom:0 none;}
.foot-4 .foot-link li a{overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:block;}
.foot-col li a:first-letter{text-transform:uppercase;}
.foot-link li a{color:#2d2d2d;}
.foot-link li:hover a{color:#fdb735; text-decoration:none;}
.copyright{clear:both; padding:16px 10px; background:#252525; margin-top:10px;}
.copyright p{float:left; color:#fff;}
.copyright .foot-bot{float:right;}
.copyright .foot-bot a{font-weight:700; color:#fff;}
.copyright .foot-bot a:hover{color:#fdb735; text-decoration:none;}
.pinfo h2{
    font-size: 20px;
    color: #4acaff;
    padding-bottom: 8px;
    border-bottom: 1px solid #fff;
    margin-bottom: 10px;
}
.dt-row label{
    display: inline-block;
    min-width: 105px;
    padding-right: 6px;
}

/*end footer*/

.wrapper .mobile, .menu-mobile{display:none;}

/*responsive*/
@media only screen and (max-width:1180px){
	.wrapper{width:96%;}	
	.addthis_toolbox{display:none;}
	.foot-col.foot-1{display:none;}
}

@media only screen and (max-width:1180px) and (min-width:768px){
	.col-left{width:26%; margin-right:0;}
	.header .logo + div{position:static !important; float:right; padding-top:10px; font-size:16px !Important;}
	.search{padding-top:10px;}
	.logo img{max-width:240px;}	
	.foot-col{width:30%; margin-right:4%;}	
	.product-list li:nth-child(3n+1){clear:left;}
	.col-main{width:72%;}
	.detail_left{float:left;}
	.detail_right{float:none !Important; width:auto !important; margin-right:0 !Important; overflow:hidden;}
	.detail .pinfo{float:none;}
	.detail_left .image{float:none; margin-right:0;}
	.detail_left .image img{max-width:100%;}
	.detail_right .pinfo h2{text-align:left !Important;}
	.phone{display:block; padding-left:20px;}
}

@media only screen and (max-width:980px) and (min-width:768px){
	.product{width:27%; margin-right:2.5%; padding:1.5%; min-height:0;}
}

@media only screen and (max-width:767px){
	.col-main{width:auto; float:none; overflow:hidden;}
	.wrapper{width:92%; overflow:hidden;}
	.main{padding-bottom:10px;}
	body{background:#fff;}
	.col-left, .col-main{float:none; width:100%;}
	.col-main{margin-bottom:15px;}
	.col-left{box-shadow:none; padding:12px 12px 2px; box-sizing:border-box;}
	.col-left .block{margin-bottom:10px;}
	.foot-col, .foot-col.foot-4{float:none; width:auto; margin-right:0;}
	.foot-col .p_h3{margin:10px 0 5px;}
	.foot-col  .foot-link{margin-bottom:15px;}
	.footer{padding-top:5px; border-top:0 none;}
	.copyright .foot-bot{float:none; clear:left;}
	.product-list li{width:44%; margin-right:0; margin-left:4%; margin-bottom:15px; min-height:1px;}
	.product-list li:nth-child(2n+1){clear:left; margin-left:0;}
	.content_seo_word{background:#f4f4f4; padding:8px;}
	.content_seo_word h2{font-size:14px !Important; font-weight:bold;}
	.header .logo + div{position:static !important; text-align:center; clear:both; font-size:16px !important;}
	.logo{padding:10px 0 0;}
	.logo a{display:inline-block; width:auto;}
	.logo img{max-width:170px;}
	.search{max-width: 767px;}
	.banner{margin-top: 10px;}
	.detail{padding:0 !Important; font-size:14px; line-height:1.4;}
	.detail p{font-size:14px;}
	.news-wrap{padding-left:0 !Important;}
	.news-content{float:none; overflow:hidden; width:auto;}
	.product-related{padding:0 !important;}
	.contact-form .ipt-box, .text-box{width:100%; box-sizing:border-box;}
	.contact-form .ipt-box{height:30px;}
	.contact-form, .map-api{float:none; width:100%; margin:0 0 25px;}
	.category_detail{padding:0 !Important; height:0; overflow:hidden;}
	.detail_left{float:left;}
	.detail_left h2{display:none;}
	.detail .image{float:none; margin:0 0 10px;}
	.detail .image img{margin:0 auto; max-width:100%;}
	.detail_right{margin-right:0 !Important; float:none !important; width:auto !important; overflow:hidden;}
	.pinfo h2{text-align:left !important;}
	.pdetail{padding-left:0 !Important; padding-right:0 !important;}
	.detail .pinfo{float:none;}
	.back_cate p a{display:block; background:#333; padding:10px; font-size:14px; color:#fff; text-align:center;}
	.rela ul li{width:43%; margin:0 0 15px 4%; padding:2%; min-height:0;}
	.rela ul li:nth-child(2n+1){clear:left; margin-left:0;}
	.rela ul li.clear{display:none;}
	.block .label_h2 + div{display:none;}
	.foot-col .p_h3{background:#252525; padding:7px 10px; color:#fff; font-weight:bold; font-family:inherit;}
	.product-list{padding:0 !important;}
	.product-name{line-height:1.1;}
	.col-left h2, label.label_h2{font-family:inherit;}
	.pagi_nation li{padding:8px !Important;}
	.wrapper .desktop{display:none;}
	.wrapper .mobile{display:block; position:relative; padding-right:30px; cursor:pointer;}
	.mobile i{display:block; width:22px; height:22px; background:url(../images/down-black.png) no-repeat; background-size:22px 22px; position:absolute; top:8px; right:8px;}
	.mobile.current i{background-image:url(../images/up-black.png);}
	.p_h3.mobile i{background-image:url(../images/down-white.png); background-size:18px 18px; width:18px; height:18px;}
	.p_h3.mobile.current i{background-image:url(../images/up-white.png);}
	.foot-col .p_h3.mobile + .foot-link{display:none;}
	ul.tabs li:hover, ul.tabs li.current, .cate-name span{background:none;}
	ul.tabs li, .cate-name span{position:relative; font-weight:bold;}
	ul.tabs li.current:after, .cate-name span:after{content:""; position:absolute; left:0; right:0; bottom:0; height:4px; background:#333;}
	.menu-mobile{display:inline-block; width:32px; padding:0 5px 0 0; float:left; margin:10px 10px 0 0;}
	.menu-mobile span{display:block; height:4px; background:#333; width:100%; margin:7px 0;}
	.media{display:none;}
	.search{float:none; padding-top:10px;}
	.fm-search{float:none; position:relative;}
	.search .ipt-box{float:none; width:100%;}
	.search .button{position:absolute; top:0; right:0;}
	.left-menu li{padding-left:10px;}
	.left-menu li:hover{background:none;}
	.header .menu{display:none;}
}

@media only screen and (max-width:479px){
	.news-image{min-height:0; max-width:110px;}	
	
}