﻿/**
 * IMPORT CSS
 */


@import url('font-awesome.css'); @import url('colorbox.css'); @import url('rating.css'); @import url('flexslider.css'); /**
 * Font face
 */

@font-face { font-family: 'lee'; src: url(../fonts/RobotoCondensed-Light.ttf) format('truetype'); font-weight: normal; font-style: normal }
@font-face { font-family: 'leeBold'; src: url(../fonts/RobotoCondensed-Regular.ttf) format('truetype'); font-weight: normal; font-style: normal }
@font-face { font-family: 'utm_cafeta'; src: url(../fonts/utm_cafeta/utm_cafeta-webfont.ttf) format('truetype'); font-weight: normal; font-style: normal }
@font-face { font-family:'FontMuli'; src:url("../fonts/muli-regular/muli-regular.ttf") format("truetype");}


/*@font-face { font-family: 'FontMuli'; src: url(../fonts/muli-cufonfonts/RobotoCondensed-Light.ttf) format('truetype'); font-weight: normal; font-style: normal }*/

h1, h2, h3, h4, h5, h6 { margin: 0; }
h1{	font-size:26px; margin-top:10px; margin-bottom:10px;}
h2{	font-size:22px;margin-top:10px; margin-bottom:10px;}
h3{	font-size:18px;margin-top:10px; margin-bottom:10px;}
* { padding: 0; margin: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box }
a { text-decoration: none !important ; }
a:link{	color:#253D4A;} 
a:hover{color:#cd7500;	}
a:visited{color:#253D4A;}
a:visited:hover{	color:#cd7500;}
body{overflow-x: hidden;min-width:340px;font-family:FontMuli,arial; }
#content { }
#content img{ max-width:100%; height: auto !important;}
#single { background: #fff; padding-top: 10px ; position:relative;}
#top-wrapper { background-color: #fff; border-bottom: 1px solid #ededed; line-height: 33px; color: #F28830 }
#header-wrapper {position:relative;z-index: 1000; /*background:url(../img/top_bg.png) no-repeat bottom right; margin-bottom:20px; padding: 0px ; background: #112646; -webkit-box-shadow: -1px 9px 5px -7px rgba(191, 174, 191, 1); -moz-box-shadow: -1px 9px 5px -7px rgba(191, 174, 191, 1); box-shadow: -1px 9px 5px -7px rgba(191, 174, 191, 1) */ }
.header-menu {
 
  float: left;  width: 100%;  margin: auto;position:absolute;/*background-color2: rgba(255,255,255,.2);box-shadow: 1px 4px 27px -5px rgba(0,0,0,.3); background1: -moz-linear-gradient(top,#ddd 0,rgba(37,33,30,0) 100%);*/}
}
#logo .logo-wrapper{float: left; width: 100%; text-align: left; margin:3px 0 5px 0  }
#logo .logo-wrapper img { max-width: 90px; width:100%;height:auto;padding:8px;  margin-top:20px;}
#contact { background: #fff; padding-top: 10px }
#contact h1 { font-family: 'lee' }
.fixed { position: fixed; top: 0; left: 0; right: 0 }
.mgt-15 { margin-top: 15px }
.mgt-10 { margin-top: 10px }
.mgb-10 { margin-bottom: 10px }
.mgb-20 { margin-bottom: 20px }
.mgb-30 { margin-bottom: 30px }
.width-25 { width: 25% !important }
.user-select-none { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }
.box-col { width: 25%; float: left; cursor: pointer }
.box-col i { font-size: 18px; width: 44px; height: 44px; text-align: center; line-height: 44px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border: 1px solid #858486; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s }
.box-col:hover i { background: #DC4141; color: #fff; border: 1px solid #DC4141 }
.box-col h3 { font-family: 'leeBold'; font-size: 14px; line-height: 20px; text-transform: uppercase }
.icon-box { float: left; margin-right: 5px }
.text-box { text-align: left; font-size: 12px; zoom: 1 }
.text-box span { color: #858486 }
.box { overflow: hidden }
.dp-none { display: none }
.dp-block{ display: block}
h4.search_result { margin: 5px 0 20px 0 }
h4.search_result span { color: #DC4141 }
a.delete_item_table { text-decoration: none; color: red; font-weight: bold; font-size: 12px }
div.support { }
div.support b { display: block; font: inherit; font-family: 'utm_cafeta'; font-size: 20px; margin: 5px 0; text-align: center; }
div.support p { position: relative; padding: 0 10px; font-weight: bold; border: 1px solid #ddd; }
div.support p span { font-weight: 100; }
div.support p a { display: block; }
div.support p img { position: absolute; right: 10px; top: 6px; width: 26px; height: 26px; }
div.support p img.imgskype { right: 40px; }
div.support h3 {   font-family: 'utm_cafeta';
  border-bottom: 2px solid #000;
  padding-bottom: 10px; }
div.location-container {   overflow: hidden;
  /* background: #F00; */
  /* padding: 15px 0; */
  border-top: 1px dotted rgb(186, 186, 186);
  padding: 10px 0;
  margin-top: 10px;
}
div.location { display: block; }
div.location i { text-align: center; width: 45px; height: 45px; border: 2px solid #3781D6; border-radius: 50%; line-height: 45px; font-size: 20px; color: #3781D6 }
div.location a { color: #202020; text-align: center; display: block; }
div.location a:hover { color: #3781D6 }
.myButton { font-family: 'leeBold'; margin: 0; height: 30px; line-height: 28px; padding: 0 12px 2px; background: #2ea2cc; border: none; cursor: pointer; color: #fff; border-radius: 2px; border: 1px solid #0074a2; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s }
.myButton:hover { background: #1E8CBE; border: 1px solid #0074a2 }
.search-group { position: relative; float: left; width: 100% }
.search-group .searchsubmit { position: absolute; right: 20px; top: 15px; background-color: transparent; border: none; border-radius: 0 }
.search-form {margin-bottom:10px; width: 100%; height: 34px; padding: 4px 30px 4px 10px;  border: none; outline: 0; font-size: 12px }
.result-search-content ul { position: absolute; margin: 0; width: 100%; left: 0; top: 100%; z-index: 9999999; background: #fff; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); border: solid 1px #d6dadf; border-top: none }
.result-search-content ul li { padding: 10px; overflow: hidden; line-height: 14px }
.result-search-content ul li:nth-child(2n+1) { background: #F9F9F9 }
.result-search-content ul li a { color: #dd3d36; font-size: 13px }
.result-search-content ul li span { font-size: 12px; font-weight: bold }
.result-search-content ul li .result-img { float: left; width: 50px }
.result-search-content ul li .result-text { float: left; width: 190px; padding-left: 10px }
/*
 * SIDEBAR_CATEGORY
 */
.container {    max-width: 1170px;    width: 100%;}
.contentWraper{	max-width: 1040px;   width: 100%;margin: auto; }
.main-sidebar {}
.category h3 {  font: 18px 'lee';  padding: 8px 15px }
.category h3 i { margin-right: 8px }
.category { background: #fff }
.sidebar_category { border: 1px solid #ededed; border-top: none; margin-bottom: 15px }
.sidebar_category ul { margin: 0; }
.sidebar_category ul li { position: relative; }
.sidebar_category ul li a { text-decoration: none; color: #666 }

.sidebar_category > ul > li > a { background: #F8F8F8; display: block; padding: 10px 15px;  border-bottom: 1px solid #ededed; font-size: 14px; border-left: 2px solid transparent; font-weight: bold }
.sidebar_category > ul > li:last-child > a { border-bottom: none; border-left: 2px solid transparent }
.sidebar_category > ul > li > a:hover { border-left: 2px solid #DC4141; color: #DC4141 }

.sidebar_category ul li ul li span.lee-caret { content: ''; position: absolute; left: 95%; top: 15px; border-style: solid; border-width: 4px 0 4px 4px; border-color: transparent #666 }
.sidebar_category ul li ul ul { display: none; position: absolute; left: 100%; top: 0; width: 250px; background: #fff;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.24);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.24);
  z-index: 9999; }
.sidebar_category ul li ul li:hover > ul { display: block; }
.sidebar_category ul li ul li a {border-bottom:1px solid #ededed !important; display: block; background: #fff;  padding: 10px 15px 10px 20px; border-bottom: 1px dotted #ededed; font-size: 13px; }
.sidebar_category ul li ul li a i { margin-right: 5px; }
.sidebar_category ul li ul li:last-child a { border: none; }
.sidebar_category ul li ul li a:hover { color: #DC4141 }

/*.sidebar_category ul { margin: 0 }
.sidebar_category ul li a { text-decoration: none; color: #666 }
.sidebar_category > ul > li > a { background: #F8F8F8; display: block; padding: 0 15px; line-height: 40px; border-bottom: 1px solid #ededed; font-size: 14px; border-left: 2px solid transparent; font-weight: bold }
.sidebar_category > ul > li:last-child > a { border-bottom: none; border-left: 2px solid transparent }
.sidebar_category > ul > li > a:hover { border-left: 2px solid #DC4141; color: #DC4141 }*/
/*.sidebar_category ul li a span { color: #fff }*/
/*.sidebar_category ul li ul { background: #fff }
.sidebar_category ul li ul li a { background: #fff; line-height: 20px; font-size: 13px; display: block; border-left: 2px solid transparent; padding: 5px 10px }
.sidebar_category ul li ul li a:hover { color: #DC4141; background: #F8F8F8; border-left: 2px solid #DC4141 }
.sidebar_category ul li ul li a:hover span { color: #f8f8f8 }
.sidebar_category ul li ul li a i { margin-right: 6px }*/

.category .hot-product-content ul { overflow: hidden; padding: 5px 0; border: 1px solid #ededed; border-top: none }
.category .hot-product-content ul li { padding: 0 10px; float: left; width: 100%; margin-bottom: 5px }
.category .hot-product-content ul li a { text-decoration: none; color: #666; font-weight: bold; font-size: 13px }
.category .hot-product-content ul li a:hover { color: #DC4141 }
.category .hot-product-content ul li a img { float: left; padding: 3px; border: 1px solid #ededed; margin-right: 5px }
.category .hot-product-content ul li span { color: #DC4141; font-family: 'leeBold' }
.category .tags-content { padding: 15px 15px 10px 15px; border: 1px solid #ededed; border-top: none }
.category .tags-content li { display: inline-block }
.category .tags-content li a { font-size: 12px; font-weight: bold; color: #666; text-decoration: none; padding: 0 6px; line-height: 30px; display: block; margin: 0 5px 5px 0; border: 1px solid #ededed; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s }
.category .tags-content li a:hover { background: #DC4141; border: 1px solid #DC4141; color: #fff }
/* Prouduct tags */
.tagscontent {float: left;width:100%; margin:15px 0; }
.tagscontent b {float: left;  background:#222;	font-size: 12px; font-weight: bold; color: white; text-decoration: none; padding: 0 6px; line-height: 30px; display: block; margin: 0 5px 5px 0;  transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s 
}
.tagscontent li { display: inline-block }
.tagscontent li a { font-size: 12px; font-weight: bold; color: #666; text-decoration: none; padding: 0 6px; line-height: 30px; display: block; margin: 0 5px 5px 0; border: 1px solid #ededed; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s }
.tagscontent li a:hover { background: #DC4141; border: 1px solid #DC4141; color: #fff }

/*
 * CONTENT_MODULE
 */

.container-item-news {  padding-top: 10px;margin-top:0px; }
.container-item-news .content-header { margin-bottom: 10px }
.content-item-wrap { min-height:200px; margin1: 0 -5px ; overflow: hidden; float: left; min-width: 100%; }
.container-item { margin-bottom: 10px }
.content-header {margin-bottom:10px; border-bottom1: 1px solid #047e16; float: left; width: 100% }
/*.content-header h3 { font-size: 18px; color: white; text-transform: uppercase; font-family: 'lee'; float: left; background: #047e16; padding: 8px 35px 8px 15px; position: relative }
.content-header h3:before { content: ''; position: absolute; right: -22px; bottom: 0; border-width: 0 22px 35px; border-style: solid; border-color: #047e16 transparent }
*/

.content-header1 h3 {background:url(../img/separator.png) no-repeat bottom center; font-size: 26px;font-weight: bold;  color: #1C6D06; text-align: center; text-transform: uppercase; font-family: 'lee';  min-width:300px; margin: auto; padding: 10px 15px 10px 15px; position: relative }
/*.content-header-home h3:before { content: ''; position: absolute; right: -22px; bottom: 0; border-width: 0 22px 40px; border-style: solid; border-color: #000 transparent }
.content-header-home h3:after { content: ''; position: absolute; left: -22px; bottom: 0; border-width: 0 22px 40px; border-style: solid; border-color: #000 transparent }
*/
.content-header h1 a { color: #fff; }
.content-header .btn { border-radius: 0; padding: 12px 17px }
.content-item {margin:5px 0 10px 0; width: 25%;  float: left;  padding: 0 5px 10px 5px; position: relative; }
.content-item .product_item,.content-item .category_item { background: #fff;border:1px solid #eee; overflow: hidden;position: relative; }
.content-item .product_item:hover,.content-item .category_item:hover { box-shadow: 0 0 3px rgba(0, 0, 0, 0.2) ; -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2) ; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2)  }
.content-item .image-block {position: relative; width: 100%;  text-align: center; }
.content-item .image-block img { width: 100%; height: auto; }
.content-item .text-block {padding:3px; width: 100%; overflow: hidden; position: relative }
.content-item .text-block h3{ height:42px; font-size: 15px ; margin-bottom:10px;  /*text-overflow: ellipsis; -o-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; */
 width: 100%;  line-height:18px; overflow: hidden; text-align: left;  padding: 8px 0 8px 0; }
.content-item .text-block h3 a { text-decoration: none;color:#222;}
.content-item .text-block h3:first-letter { text-transform: uppercase; }
.content-item .text-block h3 a:hover { color: #333 }
.content-item .text-block .category-title{	font-weight: bold;}
.content-item .text-block .product-price {padding:4px 0;  overflow: hidden; color: #FF0000; font-weight: bold; font-size: 13px; display: block; margin-bottom: 5px; text-align: center; }
.content-item .text-block .product-price-sale { font-size: 12px; display: block; text-align: center; }
.content-item .text-block .product-cart { position: absolute; right: 0; bottom: 0; color: #fff; background: #F28830; padding: 5px 10px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s }
.content-item .text-block .product-cart:hover { background: #DC4141 }
.prod-price{float: left;width:100%;	text-align: center;}
.product-sale,.product-hot {    position: absolute;  z-index:999; 
    width: 44px;   height: 30px;   background-color: #E72635;  border-radius:6px;
    color: #fff;   text-align: center;   line-height: 30px;    font-weight: bold;}
.product-sale{ left: 10px;  top: 10px;}
.product-hot { right: 10px;  top: 10px;}
.product-type{	background:#08d8b8;color:white; position: absolute;  z-index:999;    padding:2px 10px;    border-radius:6px;    color: #fff;   text-align: center;      font-weight: bold; bottom:10px;right:10px; }
#main-img .product-type{bottom:80px;}
#container-chungnhan .bds-item-hot .product-type{bottom:80px;}
/*
 * FOOTER
 */

.footer-detail {color:#eee; padding:0 0 15px 0; position: relative; float:left;width:100%;  }
.footer-detail .box .item { margin-bottom: 10px; }
.footer-detail .box .item-right { border-left: 3px solid #E72635 }
.thongtinlienhe{padding-top:30px;	float:left;width:100%;background:url(../img/background/bg_footer.jpg) no-repeat  bottom center #1e2629;}
.link-follow { float: left; }
.link-follow a {padding:7px; background: #DC4141; text-align: center; margin:3px 10px 3px 0; float: left; border-radius: 3px; width: 30px; height: 30px; line-height: 30px; color: #fff; transition: all .2s; -moz-transition: all .2s; -webkit-transition: all .2s; }
.link-follow a:hover { background: #fff; color: #eee; }
/*.footer-detail .box .link-follow a:hover { color: #DC4141 }*/
.footer-detail .box p { margin: 0; }
.footer-detail .box ul li { padding:8px 0 8px 15px; position: relative; }
.footer-detail .box ul li:before { content: ''; position: absolute; left: 0; top: 16px; border-style: solid; border-width: 4px 0 4px 4px; border-color: transparent #eee }
.footer-detail .box ul li a { text-decoration: none; color: #eee; line-height: 22px ; font-size:16px;}
/*.about_content { max-width: 720px; margin: 0 auto; white-space: pre-wrap; }
.about_content h3 { text-align: center; text-transform: uppercase; color: #DC4141; margin: 20px 0; font-family: lee }*/

footer { background: #02163b;float:left;width:100%;
    padding: 10px 0;
    border-top: 1px dotted #84878A; }
footer .copyright { display: block; color: #ddd; font-size: 12px; margin:8px 0 }
footer .copyright a { color: #eee; text-decoration: none; font-size: 12px }
footer ul.menu-footer { overflow: hidden; margin: 0; text-align: center; }
footer ul.menu-footer li { display: inline-block; }
footer ul.menu-footer li:first-child a { padding-left: 0 }
footer ul.menu-footer li a { color: #dcdcdc; font-size: 13px; padding: 0 10px; line-height: 25px; }
p.time-to-work { margin: 0; font-size: 13px }
p.time-to-work i { width: 20px; }
.lee-comment { border: 1px solid #ddd; margin: 0 0 10px 60px; position: relative; padding: 8px 15px }
.lee-comment .lee-avatar { position: absolute; width: 50px; height: 50px; top: 0; left: -60px; border: 1px solid #ddd }
.lee-comment .lee-avatar img { width: 100%; height: 100% }
.lee-comment .lee-name { color: #337ab7; cursor: pointer; float: left; margin-bottom: 7px }
.lee-comment .lee-date { font-size: 12px; color: #7F9E78; position: absolute; top: 5px; right: 5px }
.lee-comment p { word-break: break-all; margin: 0 }
.addCommentContainer { margin: 0 0 15px 0; float: left; width: 100% }
.addCommentContainer span.error { color: red; margin: 0 0 0 10px }
.addCommentContainer label { width: 100%; float: left; font-family: tahoma; margin: 10px 0 }
.addCommentContainer input { float: left }
.addCommentContainer input.lee-input { padding: 5px 15px; border:none; width: 100% ; border-radius:20px;background:#ddd;}
.addCommentContainer textarea { border-radius:10px; border: 1px solid #ddd; float: left; width: 100%; height: 100px; padding: 5px 15px;background:#ddd; }
.addCommentContainer #capcha { text-align: center; color: #000; font-size: 30px; font-family: monospace; margin-bottom: 5px; background1: url(../img/noise.png); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none }
.reload_capcha {    float: right;    background: url(../img/noise.png);    padding: 20px;}
.lee-submit { background: #0d57e7; border: none; outline: none; border-radius: 3px; padding: 7px 18px; color: #fff; transition: background .5s ease; -o-transition: background .5s ease; -moz-transition: background .5s ease; -webkit-transition: background .5s ease }
.lee-submit:hover { background: #08d8b8 !important; 	transition:all 0.6s ease-in-out 0s; }
#loading { position: absolute; left: 50%; bottom: -40px; width: 50px; height: 50px; background: url('../img/ajax-loader.gif') no-repeat; margin-left: -25px; display: none }
#loading_wp { z-index: 100; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('../img/loading_wp.gif') 50% 50% no-repeat rgba(255, 255, 255, .7); display: none }
.msgerror { float: left; margin-bottom: 10px; width: 100%; padding: 10px 15px; border: 1px solid #dd3d36; color: #dd3d36 }
.msgsuccess { float: left; margin-bottom: 10px; width: 100%; padding: 10px 15px; border: 1px solid #65b688; color: #65b688 }
/**
 * Details product
 */

.lee-main-img { border: 1px solid #ddd; position: relative }
.lee-main-img:after { content: ''; display: block; width: 33px; height: 33px; position: absolute; top: 0; right: 0; background-1: url('../img/icon_zoom.png') }
.lee-main-img p { position: absolute; top: 0; left: 0; color: #fff; font-size: 12px; background: rgba(0, 0, 0, .5); padding: 5px }
.lee-main-img img { max-width: 100%; margin: auto; display: block;max-height:600px; }
.lee-main-img img::selection { background-color: transparent }
.lee-main-details { margin: 0 }
.lee-main-details h1 {  margin-bottom: 10px; font-size: 24px; }
.lee-main-details h1:first-letter { text-transform: uppercase; }
.lee-main-details p.cost {  font-size: 14px; margin-bottom: 10px }
.lee-main-details p.cost span { color: #cb2027; font-size: 20px }
.lee-main-details .lee-input-text { width: 100px; height: 40px; padding: 0 0 0 10px; border: 1px solid #ddd; border-radius: 2px }
.lee-main-details .lee-add-cart { background: #F28830; line-height: 40px; border: none; color: #fff; border-radius: 2px; padding: 0 10px; margin: 0 0 10px 0; transition: background .5s; -o-transition: background .5s; -moz-transition: background .5s; -webkit-transition: background .5s }
.lee-main-details .lee-add-cart i { margin: 0 5px 0 0 }
.lee-main-details .lee-add-cart:hover { background: #DC4141 }
.lee-main-details .lee-categories { font: inherit }
.lee-main-details .lee-categories a { color: #000; text-decoration: none }
.lee-main-details .lee-categories a:hover { color: #DC4141 }
.lee-main-details .lee-decription { color: #aaa }
.breadcrumb { border-radius: 0 }
.breadcrumb a { text-decoration: none; color: #DC4141 }
/*
 * ADS_TOP
 */

.ads-middle, .ads-top { margin-bottom: 15px }
.ads-middle img, .ads-top img { width: 100% }
.ads-top { position: relative }
.ads-top-overplay { overflow: hidden; position: absolute; left: 0; right: 0; top: 0; height: 0; background: rgba(0, 0, 0, .68); text-align: center; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s }
.ads-top-overplay a { font-size: 20px; line-height: 190px; border: 2px solid #fff; border-radius: 50%; padding: 15px 18px; color: #fff; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s }
.ads-top-overplay a:hover { color: #DC4141 }
.ads-top:hover .ads-top-overplay { height: 100% }
/*
 * BACK_TO_TOP
 */

#goTop-w {bottom: -50px; cursor: pointer; background: white; position: fixed; width: 46px; height: 46px; right: 10px; z-index: 1000; border: 5px solid #cd7500; transition: bottom .3s; -moz-transition: bottom .3s; -webkit-transition: bottom .3s; border-radius:50%; }
#goTop {border-radius:50%; line-height: 100%; margin: 0; width: 100%; height: 100%; color: #cd7500; padding: 7px 0; -webkit-transition: background-color 0.5s; -moz-transition: background-color 0.5s; -o-transition: background-color 0.5s; transition: background-color 0.5s; text-align: center; font-size: 20px }
#goTop:hover { background: #FFFFFF; color: #e19001; border: }
.goTopActive { bottom: 120px !important; }
/*
 * TABS
 */

.lee-tabs-des,.lee-tabs { display: block; overflow: hidden }
.lee-tabs-des img,.lee-tabs img { max-width: 100% }
.lee-tabs-des ul,.lee-tabs ul { -moz-user-select: none; -webkit-user-select: none; user-select: none; float: left; margin: 0; width: 100%;  border-bottom: none }
.lee-tabs-des ul li,.lee-tabs ul li {text-transform: uppercase;font-weight: bold;font:16px ; float: left; padding: 3px 15px; cursor: pointer; line-height: 35px; list-style: none; margin-bottom: -1px; margin-top: -1px; position: relative }
.lee-tabs-des ul li:first-child,.lee-tabs:first-child { margin-left: -1px }
.lee-tabs-des ul li.active,.lee-tabs ul li.active { background: #253D4A; color: #fff }
.lee-tabs-des ul li.active:before,.lee-tabs ul li.active:before { position: absolute; content: ''; width: 0; border-style: solid; border-width: 6px 6px 0; border-color: #253D4A transparent; top: 100%; left: 50%; z-index: 2; margin-left: -3px }
.lee-tabs-des section,.lee-tabs section { clear: both; width: 100%; overflow: hidden; border: 1px solid #ddd; float: left }
.lee-tabs-des section div.lee-detail-product,.lee-tabs section div.lee-detail-product { padding: 20px }
/*
 * 404
 */

.template_404 { position: relative }
.template_404 h1 { text-align: center; font-size: 200px; color: #F28830 }
.template_404 span { position: absolute; left: 0; right: 0; top: 70px; font-size: 1.2em; text-align: center; background: #fff; color: #F28830; padding: 4px 0 }
.template_404 p { font-size: 1.5em; color: #858585; line-height: 1.6em; padding: 0; font-weight: 400; width: 70%; margin: 0 auto }
.template_404 form { width: 70%; margin: 0 auto; position: relative }
.template_404 input#search-form-404 { width: 100%; padding: 10px 30px 10px 10px; border: 1px solid #DC4141 }
.template_404 input.searchsubmit { position: absolute; right: 10px; top: 15px; color: #DC4141; background-color: transparent; border: none; border-radius: 0 }
.template_404_title { font-size: 30px; font-family: 'lee'; color: #DC4141 }
ul.template_404_tag li { display: inline-block; margin: 10px 10px 0 0 }
ul.template_404_tag li a { font-size: 20px; text-decoration: none; color: #F28830; border: 1px solid #F28830; padding: 0 10px; line-height: 30px; display: block }
ul.template_404_tag li a:hover { color: #DC4141; border-color: #DC4141 }
.rating { overflow: hidden; user-select: none; -moz-user-select: none; -webkit-user-select: none; -o-user-select: none }
.serverResponse p { margin: 10px 0; font-weight: bold; display: none; color: #DC4141; font-size: 12px }
/*
 * SIDEBAR_NEWS
 */

.news_sidebar { margin-top: 10px }
.news_sidebar h3 {text-transform: uppercase; font-family: 'lee';  padding: 8px; font-size: 18px }
.news_sidebar ul { overflow: hidden;border-top: none; }
.news_sidebar ul li { float: left; width: 100%; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px dotted #ddd }
.news_sidebar ul li:last-child { border: none; margin-bottom: 0; padding-bottom: 0 }
.news_sidebar ul li a {color: #202020; text-decoration: none }
.news_sidebar ul li a img { float: left; margin-right: 8px }
.news_sidebar ul li span { font-size: 12px; color: #666; }
/*
 * SINGLE_NEWS
 */

.news_content { float: left;width:100%;margin-bottom:10px; font-size: 14px; background: #fff; padding:10px 0; margin-top:10px;}
.news_content h1 { 
font-size: 26px;
font-weight: 700;
margin-bottom: 10px;
color: #343e44;}
.news_content img { display: block; margin: 0 auto; max-width: 100% }
.news_content table { max-width: 100% !important; }
/*
 * CATEGORY_NEWS
 */

.category_news li {border-bottom:1px dashed #eee; float: left; width: 50%; padding-bottom:15px; padding-right: 10px;margin-bottom:15px; }
.category_news li:hover{	background:#fdfdfd;}
.category_news li a {font-size:18px; color: #202020; text-decoration: none }
.category_news li a img {border:1px solid #eee; float: left; margin-right: 10px }
.category_news li span { font-size: 12px; color: #666 }
/*
 * NEW_POST_SLIDER
 */

.module-new-post { background: #fff }
.module-new-post h3 { font-family: 'utm_cafeta'; border-bottom: 2px solid #000; padding-bottom: 5px; margin-bottom: 10px; position: relative }
.module-new-post h3 a { position: absolute; left: 0; bottom: -10px; background: #fff; text-decoration: none; color: #333; font-size: 11px; font-family: arial; padding: 5px 10px 5px 0 }
.module-new-post h3 a:hover { color: #DC4141 }
.module-new-post ul { padding: 5px 0 5px 0; border-top: none; overflow: hidden; margin: 0 }
.module-new-post ul li {border-bottom:1px solid #eee; float: left; width: 100%; margin-bottom: 7px; padding-bottom: 10px; line-height: 16px }
.module-new-post ul li:last-child { border: none; margin-bottom: 0; padding-bottom: 0 }
.module-new-post ul li a { text-decoration: none; color: #202020; max-height: 36px; overflow: hidden }
.module-new-post ul li a:hover,.newstitle h2 a:hover { color: #dd3d36 }
.module-new-post ul li a img { float: left; margin-right: 7px }
.module-new-post ul li span { font-size: 12px; color: #666 }
/*
 * REVIEW_CART
 */

#review-cart {margin-top:30px; position: relative; background: #DC4141; z-index: 1000; color: white; padding: 12px 10px; border-radius: 2px; width: 100%; float: left; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none }
#review-cart .shop-cart { background: url('../img/shop-cart.png') no-repeat; width: 16px; height: 14px; float: left; margin-right: 10px }
#review-cart h3 { font-size: 15px; font-family: 'leeBold' }
#review-cart h3 span { font-size: 12px; color: #fff }
#overlay-review-cart { position: absolute; right: 0; top: 100%; margin-top: 2px; background: #fff; border: 1px solid #ddd; width: 400px; padding: 10px; z-index: 99999; color: #202020; max-height: 500px; overflow-x: hidden; display: none }
#overlay-review-cart ul { margin: 0; overflow: hidden }
#overlay-review-cart ul li { border-top: 1px solid #ddd; padding: 10px 30px 10px 10px; float: left; width: 100%; position: relative }
#overlay-review-cart ul li:nth-child(2n+1) { background: #F9F9F9 }
#overlay-review-cart ul li:hover { background: #EFEFEF }
#overlay-review-cart ul li a { color: #E94B42; text-decoration: none; font-size: 14px }
#overlay-review-cart ul li img { padding: 5px; background: #f9f9f9; border: 1px solid #ddd; float: left; margin-right: 10px }
#overlay-review-cart ul li span { color: #DC4141; font-size: 11px }
#overlay-review-cart ul li span i { color: #886F10 }
#overlay-review-cart ul li .del_cart_item { position: absolute; right: 0; top: 10px }
#overlay-review-cart ul li .del_cart_item img { border: none; background: none }
#overlay-review-cart .total_cart, #overlay-review-cart .num_total_cart { border: 1px solid #ddd; padding:5px; margin: 10px 0; color: #000; text-align: right; width: 50%; float: left }
#overlay-review-cart .num_total_cart { border-left: none }
#overlay-review-cart .checkout_cart, #overlay-review-cart .del_cart { font-size: 11px; margin-left: 10px; text-decoration: none; border-radius: 2px; padding: 6px 10px; float: right; color: #fff }
#overlay-review-cart .checkout_cart { background: #DC4141 }
#overlay-review-cart .del_cart { background: #DC4141 }
#overlay-review-cart .del_cart:hover { background: #E94B42 }
#overlay-review-cart .checkout_cart:hover { background: #12A928 }
.cart-total { float: left; width: 100%;margin-top:30px; }
.cart-total p { font-family: 'lee'; font-size: 25px; float: right }
.cart-total p span { color: #cb2027 }
.cart-null { float: left; width: 100%; text-align: center; margin: 10px 0; font-family: 'lee'; font-size: 20px }

.menumobile, .search-group-mb { display: none; }
.admin_edit_post { position: fixed; left: 0; top: 50%; }
.admin_edit_post a { display: block; background: #F28830; padding: 10px; color: #fff; }

.loadmore { overflow: hidden; position: relative;  float: left; width: 100%; margin-bottom:30px; }
.loadmore1 a { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #fff; width: 100px; line-height: 35px; text-align: center; background: #F28830; position: absolute; left: 50%; top: 0; bottom: 0; margin-left: -50px; }
.loadmore a 
{
	background: #253D4A;   border: 1px solid #eee;   border-radius: 4px;
    color: white;   display: block;   font-size: 14px;    line-height: 40px;   margin: 10px auto 0;   
	max-width: 90%;    overflow: hidden;   position: relative;    text-align: center;    width: 400px;
}
.loadmore a:after
{ border-left: 6px solid transparent;    border-right: 6px solid transparent;
    border-top: 6px solid white;   content: "";   display: inline-block;
    margin: -2px 0 0 5px;   right: 0;   vertical-align: middle;    width: 0;
}
.loadmore a:hover
{
	background:#2A1949;	color:yellow;	border-radius: 4px;
}

.relationship p {
   text-align: center;
    margin: 0;
    background: #DC4141;
    padding: 8px;
    color: #fff;
    text-transform: uppercase;
}
#main-menu-wrapper { padding:25px 0; width: 100%;float: right; min-height:24px ;font-family:'leeBold';}
@media only screen and (max-width: 1000px)
{
	.content-item { width: 33.33% }
	.flexslider .slides img { height: 250px }
	.td_wrapper_player 	{		height:340px !important;	}
	.head_banner{margin-top1:8px !important;}
	#ddsmoothmenu-mobiletoggle	{width:40px;	height:40px;position: relative;	right:10px;	top:16px;padding:3px 0 !important;	text-indent:-9999;	border-bottom:0px !important;z-index:1000;			}
	#main-menu-wrapper{	margin-top:0px !important;	padding:0px !important;}
	#main-menu-wrapper  .container 	{	padding:0px !important;	}
	
	#contact h1{margin-top:-70px !important;		}
	ul.main-menu > li > a.active	{		}
	.search_possition{	position: relative !important;float: left !important;width:100% !important;left:0px !important;right:0px !important;top:0px !important;	}
	.content-header .flexbreadcrumb {}
	#contact .content-header .flexbreadcrumb {top:-10px !important;}

}
@media only screen and (max-width: 800px)
{
	.home_categories .content_home_item_style4  {	width:33.3%  !important;}
	.home_categories .cat_style4:nth-child(3)  .image-block,
	.home_categories .cat_style4:nth-child(6)  .image-block,
	.home_categories .cat_style4:nth-child(9)  .image-block {	border-right:none !important;}
	.about-us-content  {		margin-right:0px !important;	}
	.about-us-why  {		margin-top:0px !important;	}
}
@media only screen and (max-width: 600px)
{
	.category_news li{width:100%;	border-bottom:1px solid #ddd;	}
	.content-item2 .product-title a{font-size:16px !important;	}
	.category_news li a{font-size:16px !important;	}
	.content-header-home h3 {}
	#tabTitle li{	width:46% !important;margin-left:2% !important;margin-right:2% !important;	}
	#container-daotao #tabTitle li{font-size:13px !important;	width:auto !important;margin-left:0px !important;margin-right:5px !important;	}
	#container-daotao #tabTitle{height:30px;position:relative !important; top:0px !important; margin-bottom:10px !important;	}
	.pageheader{	 padding:30px 0 !important; }
	.head_info { top:70px !important;  }
	.head_info .head_group{		font-size:12px !important;	}	
	.head_info .head_group h3 { font-size: 24px !important; line-height: 26px !important;  margin-bottom: 15px !important;}
	.head_info .head_group a{		padding:10px 25px !important;	}
	.search_menu .search_menu_top{		margin-top:18px !important;	}
	.left-aboutus {  margin-top: 150px !important;}
	.about-us-content{		padding-left:20px !important;padding-right:20px !important;	}
	.gallery-content{		padding-left:10px !important;padding-right:10px !important;	}
	
	.home_categories .content_home_item_style4  {	width:50% !important;}
	.home_categories .cat_style4:nth-child(2)  .image-block,
	.home_categories .cat_style4:nth-child(4)  .image-block,
	.home_categories .cat_style4:nth-child(6)  .image-block,
	.home_categories .cat_style4:nth-child(8)  .image-block,
	.home_categories .cat_style4:nth-child(10)  .image-block    {	border-right:none !important;}
	
	.home_categories .cat_style4:nth-child(3)  .image-block,
	.home_categories .cat_style4:nth-child(5)  .image-block,
	.home_categories .cat_style4:nth-child(7)  .image-block,
	.home_categories .cat_style4:nth-child(9)  .image-block,
	.home_categories .cat_style4:nth-child(11)  .image-block {	border-right:1px dashed #fff !important;}
	.search_group .title{	font-size:18px !important;margin:20px 0;}
	.news_content img,.lee-detail-product img { display: block; margin-left:0px !important; margin-right:0px !important; max-width: 100%; }
	#overlay-search-form {width: 280px !important; margin-right:20px !important;}
}
@media only screen and (max-width: 500px) {
	.module-new-post, .admin_edit_post { display: none }
	.menumobile, .search-group-mb { display: block }
	.menumobile { width: 100%; padding: 8px 10px; border: 1px solid #ddd }
	.search-group-mb { position: relative; float: left; width: 100% }
	.search-group-mb .searchsubmit-mb { position: absolute; right: 10px; top: 15px; background-color: transparent; border: none; border-radius: 0 }
	.search-form-mb { width: 100%; height: 34px; padding: 4px 30px 4px 10px; margin: 5px 0; border: 1px solid #ddd; outline: 0; font-size: 12px }
	#header-wrapper {  box-shadow: none }
	.flexslider .slides img { height: 380px }
	.flexslider .text_slider { font-size:30px !important;bottom:30px !important; line-height:36px !important; }
	.content-item { width: 100% }
	.lee-tabs-des ul li { font-size: 12px }
	.lee-main-details .lee-input-text { width: 60px }
	#logo .logo-wrapper, #logo .logo-wrapper img { margin-top:0px !important;}
	.popupbox {   	    height: 70%;    left: 5%  !important;	    min-height: 350px;  	    top: 15%;
	    width: 90% !important;	    z-index: 10001;	}
	.footer_menu .sidebar_category ul ul li	{		float: left;		width:100% !important;	}
	.button_detail a	{		padding-left:15%;		padding-right:15%;	}
	.content-header h3	{		font-size:26px !important;	}
	#lang_select{		margin-top:12px !important;float:left	}
	
}


@media only screen and (min-width: 501px) {
	ul.main-menu > li { float: left;  }
	ul.main-menu > li > a {border-radius:3px; color:white; display: block; margin-left:1px; line-height: 20px; padding:10px 22px; font-size: 20px;  }
	ul.main-menu > li > a > i { margin-left: 4px; font-size: 12px }
	
	ul.main-menu > li > a.active {background1:#253D4A;  color:#e19001;font-weight:normal;}
    ul.main-menu > li > a:hover { color:#e19001;}
	ul.main-menu li { position: relative }
	
	ul.main-menu ul { width:240px ; background: #fff; box-shadow: 0 0 5px 0 rgba(0, 0, 0, .5); -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .5); -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .5); position: absolute; left: -100px; top: 100%; display: none; z-index: 9999 }
	ul.main-menu li > ul { border-radius: 4px;  }
	ul.main-menu li li ul {margin-left:1px; left:100% !important;  }
	ul.main-menu ul li {border-bottom:1px solid  #ddd; min-width: 240px; padding: 0px 10px; }
	ul.main-menu ul li:first-child:after  { position: absolute; top: -6px; right: 60px; content: ''; border-style: solid; border-width: 0 6px 6px; border-color: #fff transparent; }
	ul.main-menu ul ul li {padding1: 3px 5px !important; 	}
	ul.main-menu ul ul li:first-child:after { position: absolute; top: 10px !important; left: -12px !important; content: ''; border-style: solid; border-bottom:6px solid transparent; border-top:6px solid transparent;border-right:6px solid white; right:242px !important;	 }
	ul.main-menu ul .mega-menu-480   li:first-child:after {		}
	ul.main-menu ul .mega-menu-240   li:first-child:after {			}
	.sidebar_category ul ul ul li:first-child:after
	{
		 position: absolute; top: 10px !important; left: -6px !important; content: ''; border-style: solid; border-bottom:6px solid transparent; border-top:6px solid transparent;border-right:6px solid #fff; border-left:0px;
	}
	ul.main-menu ul li a { line-height:20px; white-space1: pre; color: #202020; text-decoration: none;  display: block; font-size: 16px; }
	ul.main-menu ul li a i { margin: 6px }
	
	ul.main-menu ul li a:hover { color: #DC4141 }
	
	ul.main-menu ul li img { margin-right: 3px; }

	/*Chỉ hiển thì menu cấp 1 và cấp 2*/
	/*ul.main-menu > li:hover > ul { display: block }*/
	/*Mặc định*/
	ul.main-menu li:hover > ul { display: block }

	/*Menu cấp 3 trở lên*/
	
	ul.main-menu ul ul { display: none; position: absolute; left: 100%; margin-left: -5px; top: 0; border-left: none }
	ul.main-menu > li span.lee-caret { content: ''; border-style: solid; border-width: 4px 4px 0; border-color: #fff transparent; position: absolute; right: 4px; top: 49% }
	ul.main-menu > li:hover span.lee-caret { border-color: #08d8b8 transparent; } 
	ul.main-menu ul li span.lee-caret { content: ''; border-style: solid; border-width: 4px 0 4px 4px; border-color: transparent #ddd !important; position: absolute; right: 10px; top: 55%; margin-top: -6px }
	ul.main-menu ul ul li span.lee-caret { content: ''; border-style: solid;  border-bottom:4px solid transparent; border-top:4px solid transparent;border-left:4px solid #ddd;; border-color: transparent #DC4141; position: absolute; right: 15px; top: 50%; margin-top: -6px }

	ul.main-menu ul.mega-menu li { min-width: 0; width: 100%; text-align: left; float: left; border-bottom:1px solid #ddd; }
	ul.main-menu ul.mega-menu li:first-child:after { top: -6px; }
	ul.main-menu ul.mega-menu li:hover ul { display: none; }
	ul.main-menu ul.mega-menu li span.lee-caret { display: none1; }

}
/**
 * Tooltip 
 */
#tooltip{
    position: absolute;
    border:1px solid #ccc;
    box-shadow: 0 0 4px #ccc;
    background: #fff;
    z-index: 9999;
    width: 500px;
    padding: 5px;
    overflow: hidden;
    line-height: 20px;
    color:#B0B0B0;
    display: none;
}
#tooltip .title{
  background-color: #DC4141;
  min-height: 30px;
  float: left;
  width: 100%;
  padding: 10px 15px;
  text-align: center;
}
#tooltip .title .product-title{
  color: #fff !important;
  font-size: 16px;
  text-transform: uppercase;
}
#tooltip .title a{
  color: #fff !important;
}
#tooltip .content{
  width: 100%;
  max-height: 400px;
  min-height: 200px;
  float: left;
  padding: 5px 0;
}
#tooltip .content .content-left{
  width: 200px;
  height: 100%;
  float: left;
  padding: 2px;
  /*border-right: 2px solid #dbdbdb;*/
}
#tooltip .content .content-left img{
  width: 100%;
}
#tooltip .content .content-right{
  float: left;
  padding: 2px;
  font-size: 14px;
  margin-left: 5px;
  color: #000;
}
#tooltip .content .content-right p.cost span {
  color: #cb2027;
  font-family: 'leeBold';
  font-size: 20px;
}
.content-category-description {	padding:10px 0;	margin-bottom:5px;	float: left;	width:100%;}
.none-products{	float: left;	width:100%;	text-align: center;	margin:20px 0 60px 0;	font-size:18px;	}
#navbar-menu {
  z-index: 100;
  float: right;
  width: 40px !important;
  min-height: 40px;
  margin-right: 30px;

  padding: 8px;
}
.marker span{	padding:3px 10px;	border-radius:6px;}
.support_online{	border:1px solid #ededed ;	margin-bottom:10px;}
.pagination .current a{	font-weight: bold;	background:#eee;}
.search-group-mb
{
	float: left;
	width:98%;
	margin:5 1% 15px 1%;
	padding:0 5px;
	background:#ddd;	
}
.content img{	max-width:100% ;	height: auto;}
.content_search_result,.container-item{	float: left;margin-top:30px;	width:100%;	margin-bottom:30px;}
.slide_banner,.headbanner{	float: left;	width:100%;}
.headbanner{	padding:10px 0;background:#f7f7f7;text-align:right;}