/* CSS Document */
/* #ffb909 #19abe0 #68b207 #64BC2B */
@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700');
@font-face {
    font-family: vniHobo;
    src: url(../fonts/vni-hobo.TTF);
}
:focus{
	outline: none!important;
	/* -webkit-box-shadow: none!important;
    box-shadow: none!important; */
}
:hover{
	outline: none!important;
	/* -webkit-box-shadow: none!important;
    box-shadow: none!important; */
}
:active{
	outline: none!important;
	/* -webkit-box-shadow: none!important;
    box-shadow: none!important; */
}
a{
	text-decoration: none;
	color: #333;
}
a:hover{
	text-decoration: none;
	color: #64BC2B;
}
a:focus{
	text-decoration: none;
	color: #64BC2B;
}
a:active{
	text-decoration: none;
	color: #64BC2B;
}
ol, ul {
    list-style: none;
}
img{
	max-width: 100%;
	height: auto;
	-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
body{
	font-family: 'Roboto', sans-serif!important;
	margin: 0;
	padding: 0;
	color: #000;
	font-size: 13px!important;
	padding-top: 138px;
}
body.no-fixed{
	padding-top: 0;
}
.container{
	min-width: 1190px;
}
.container-fluid{
	min-width: 1190px;
}
.head-fixed{
	position: fixed;
    width: 100%;
    z-index: 9999;
	background: #FFF;
	top: 0;
}
.alert{
	padding: 10px;
	font-size: 13px;
	text-align: center;
}
.form-control{
	font-family: 'Roboto', sans-serif!important;
	font-size: 13px!important;
	-webkit-box-shadow: none!important;
    box-shadow: none!important;
}
.form-control:focus{
	border-color: #ccc!important;
}
.cred{
	color: #64BC2B!important;
}
.cbold{
	font-weight: 700!important;
}
.dropdown-menu{
	font-family: 'Roboto', sans-serif!important;
	font-size: 13px!important;
}
.btn-primary{
	background: #64BC2B;
    border-radius: 2px;
    color: #FFF;
	padding: 3px 12px 0px;
    line-height: 28px;
    border: solid #64BC2B 1px;
    text-decoration: none;
    cursor: pointer;
    width: 100%;
    margin: 0 auto;
    font-weight: bold;
    text-transform: uppercase;
}
.btn-primary:hover, .btn-primary:focus{
	background: #64BC2B;
	color: #FFF;
	border: solid #64BC2B 1px;
}
.no-padding{
	padding-left: 0!important;
	padding-right: 0!important;
}
/* header */
.even-top{
	background-color: rgb(233, 233, 233);
    display: block;
	overflow: hidden;
    position: relative;
}
.close-header-event{
	width: 100px;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    border-left: 1px solid #EBDEDB;
    text-align: center;
    line-height: 66px;
    font-size: 18px;
    font-weight: bold;
    color: #ccc;
}
.logo{
	width: 230px;
	float: left;
	padding-top: 16px;
	text-align: center;
}
.content-header{
	width: 960px;
	float: left;
	padding-top: 2px;
}
.menu-header{
	position: relative;
	margin-bottom: 10px;
}
.menu-header ul{
	margin: 0;
	text-align: right;
}
.menu-header ul li{
	padding: 4px 0;
}
.menu-header ul li:first-child a{
	border-left: 0px solid #ddd;
}
.menu-header ul li a{
	padding: 0 10px;
	color: #000;
	border-left: 1px solid #ddd;
}
.menu-header ul li a:hover{
	color: #64BC2B;
}
.login-box{
	background-color: #F7F7F7;
	border: 1px solid #e7e7e7;
    min-width: 180px;
    border-top: none;
	width: 250px;
    padding: 20px 10px 10px;
    right: 0;
	left: initial;
	-webkit-box-shadow: none;
    box-shadow: none;
}
li.open a{
	color: #64BC2B!important;
}
.login-box .login-facebook, .login-box .login-google{
	border: none;
	padding: 0 5px;
}
.login-box .alert{
	margin-bottom: 10px;
}
.login-box .alert .close{
	padding: 0;
	font-size: 18px;
}
.login-box form .input-group{
	margin-bottom: 10px;
}
.login-box form .input-group-addon{
	background-color: #FFF;
    border: 1px solid #ccc;
    border-right: none!important;
}
.login-box form input{
	border-left: none;
	box-shadow: none!important;
	padding-left: 0;
}
.wh-signup{
	font-size: 12px!important;
	margin: 10px 0 0 0;
}
.wh-signup a:hover{
	cursor: pointer;
}
.search-header{
	float: left;
	max-width: 750px;
	height: 34px;
    border: 1px solid #64BC2B;
	border-radius: 3px 0 0 3px;
	position: relative;
	margin-top: 20px;
	width: 750px;
}
.search-header .form-control{
	border: none;
	height: 32px;
	border-radius: 0;
}
.search-header .btn{
	background: #FFF;
    border: none;
    border-left: 1px solid #ccc;
    border-radius: 0;
	font-size: 13px!important;
}
.info-header{
	float: right;
	text-align: right;
}
.cart-mini{
	background-color: #64BC2B;
	border: 1px solid #64BC2B;
	position: relative;
	border-radius: 3px;
    height: 36px;
    line-height: 34px;
    padding: 0 30px 0 20px;
    cursor: pointer;
	color: #FFF;
	display: inline-block;
}
.cart-mini .fa{
	font-size: 16px;
}
.cart-qty{
	background-color: #FFF;
    color: #64BC2B;
	border-radius: 50%;
    width: 18px;
    height: 18px;
    font-size: 11px;
    position: absolute;
    right: 4px;
    top: 8px;
    line-height: 20px;
    text-align: center;
}
.favorite-mini{
	background-color: #FFF;
	border: 1px solid #ccc;
	position: relative;
	border-radius: 3px;
    height: 36px;
    line-height: 34px;
    padding: 0 30px 0 20px;
    cursor: pointer;
	color: #64BC2B;
	display: inline-block;
}
.favorite-mini .fa{
	font-size: 16px;
}
.favorite-qty{
	background-color: #64BC2B;
    color: #FFF;
	border-radius: 50%;
    width: 18px;
    height: 18px;
    font-size: 11px;
    position: absolute;
    right: 4px;
    top: 8px;
    line-height: 20px;
    text-align: center;
}
.btn-search{
	background: #64BC2B!important;
    color: #FFF;
    border: none!important;
    height: 32px;
    font-size: 18px!important;
    padding: 0 20px;
	margin-right: -1px;
}
.btn-search:hover, .btn-search:focus, .btn-search:active{
	color: #FFF;
}
.btn-search .fa{
	font-size: 20px;
}
.search-header .dropdown-menu{
	padding: 0;
	border-radius: 0;
	box-shadow: none;
}
.search-header ul.dropdown-menu>li>a:hover{
	background-color: #64BC2B;
    color: #FFF;
}
.nav-main{
	background: #fff;
	height: 36px;
	clear: both;
    margin-top: 10px;
	border-bottom: 2px solid #64BC2B;
}
.categories-main {
    width: 230px;
    height: 36px;
	float: left;
	position: relative;
}
.categories-title{
	display: block;
    line-height: 36px;
	/*background: #fff;*/
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border:1px solid #64BC2B;	
	border-bottom: #64BC2B;
}
.categories-title a{
	color: #313131;
    text-transform: uppercase;
	cursor: pointer;
	display: inline-block;
    font-weight: 700;
    padding-left: 45px;
    line-height: 20px;
}
.categories-title .fa-bars{
	font-size: 20px;
    position: absolute;
	left: 15px;
}
.main-menu{
	width: 960px;
    float: left;
}
.main-menu>ul{
	margin:0;
	padding: 0;
}
.main-menu>ul>li{
	border-right: 1px solid #cacaca;
	padding-left:0;
	padding-right:0;
	margin: 0 0 0 -3px;
}
.main-menu>ul>li:last-child{
	border-right: none;
}
.main-menu>ul>li:hover{
	background: #64BC2B;
}
.main-menu>ul>li>a{
	color: #FFF;
	line-height: 36px;
    padding: 10px 25px 11px 25px;
    text-transform: uppercase;
}
.main-menu>ul>li.open a{
	color: #FFF!important;
}
.main-menu>ul>li.open .dropdown-menu a{
	color: #000!important;
	padding: 8px 15px;
}
.main-menu>ul>li.open .dropdown-menu li:hover a{
	color: #64BC2B!important;
}
.main-menu .dropdown-menu{
	border-radius: 2px;
    -webkit-box-shadow: none;
    box-shadow: none;
	min-width: 200px;
    padding: 0px 0;
    margin: 0px 0 0;
	border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
	border: none!important;
	background: #FFF;
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
	webkit-transition: opacity .5s,-webkit-transform .5s;
    transition: opacity .5s,transform .5s;
    -webkit-transform: translate(0,40px);
    -moz-transform: translate(0,40px);
    -o-transform: translate(0,40px);
    -ms-transform: translate(0,40px);
    transform: translate(0,40px);
	display: block;
    visibility: hidden;
}
.main-menu .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
	webkit-transition: opacity .5s,-webkit-transform .5s;
    transition: opacity .5s,transform .5s;
	webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -o-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
	opacity: 1;
    visibility: visible;
}
.main-menu .img-promo{
	padding: 4px 20px 0;
}
.main-menu .ticker-caption{
	padding: 10px 20px 0;
	width: 600px;
	display: inline-block;
	height: 26px;
	overflow: hidden;
}
.main-menu .list-ticker .list-unstyled{
	width: 100%;
    overflow: hidden;
}
.main-menu .list-ticker li a{
    overflow: hidden;
    text-overflow: ellipsis;
	white-space: nowrap;
}
.main-menu .top-fb-like{
	padding-top: 8px;
}
.main-menu .ticker-caption strong.title{
	float: left;
	margin-right: 10px;
}
.nav-main .menuItem.active {
    border-color: #fff;
}
.nav-main .menuItem.active .sub-cate {
    display: block;
}
.nav-main .menuItem-box:before {
    content: '';
    background-color: #FFF;
    width: 0px;
    position: absolute;
    right: -2px;
    top: 0;
    bottom: 0;
    z-index: 4;
    display: none;
}
.nav-main .menuItem.active .menuItem-box:before {
    display: block;
}
.sub-cate .sub-cate-inner {
    width: 100%;
    background-color: #FFF;
    height: 100%;
    padding: 10px 10px 10px 20px;
    position: relative;
}
.sub-cate .sub-cate-inner > ul {
    float: left;
    width: 100%;
    position: relative;
    z-index: 1;
}
.sub-cate .sub-cate-inner ul > li{
	width: 16%;
	padding: 5px 0;
}
.sub-cate .sub-cate-inner ul > li a.title {
    color: #333;
    font-size: 13px;
    font-weight: bold;
    text-overflow: ellipsis;
    width: 175px;
    white-space: nowrap;
    overflow: hidden;
	display: block;
    line-height: 22px;
	margin-right: 5px;
}
.sub-cate .sub-cate-inner ul > li a {
    display: block;
    line-height: 22px;
    font-weight: normal;
    font-size: 13px;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-right: 5px;
    overflow: hidden;
	color: #333;
}
.sub-cate .sub-cate-inner ul > li a:hover {
	color: #64BC2B;
}
.sub-cate .box-feature {
    overflow: hidden;
    position: absolute;
    bottom: 5px;
}
.sub-cate .box-feature a {
    display: block;
    float: left;
    width: 120px;
    text-align: center;
    margin-right: 15px;
    margin-left: 5px;
    position: relative;
    z-index: 1;
	color: #333;
}
.sub-cate .box-feature a span {
    display: block;
    background-color: rgba(204, 204, 204, 0.7);
    line-height: 20px;
    height: 20px;
    overflow: hidden;
    margin-top: 0;
    padding: 0 5px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    font-size: 11px;
}
.sub-cate .img-cate {
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
}
.sub-cate .img-cate img {
    display: block;
}
.sub-cate .box-feature a:hover span {
    background-color: rgb(192, 210, 232);
}
.sub-cate .box-feature a:hover {
    box-shadow: 0 1px 6px #999!important;
}
.header{
	
}
.transit{
	-webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}
.h_fixed{
	-webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
	transform: translate3d(0,60px,0);
	position: fixed;
    background-color: #fff;
    z-index: 99999;
    width: 100%;
    top: -90px;
    height: 80px;
    left: 0;
    box-shadow: 1px 2px 4px #ccc;
	transition: transform 0.5s ease;
}
.h_fixed .logo img{
	height: 70px!important;
    width: auto!important;
    padding-top: 25px;
    padding-bottom: 5px;
}
/* header */
/* content */
.page-header {
    padding-bottom: 9px;
    margin: 15px 0 20px;
    border-bottom: 1px solid #eee;
}
.content{
	clear: both;
	position: relative;
}
.content .pull-left .banner-home{
	margin-left: 230px;
	border-left: 1px solid #64BC2B;
}
.col-left{
	width: 930px;
	float: left;
}
.col-right{
	width: 240px;
    float: left;
    margin-left: 10px;
}
.box-360 {
    border: 1px #e7e7e7 solid;
    background: #FFF;
    position: relative;
    border-top: 2px solid #64BC2B;
    margin-top: 10px;
}
.box-360 .title {
    height: 34px;
    background-color: #f2f2f2;
    padding-left: 10px;
}
.box-360 .title h3{
	margin: 0;
	padding: 0;
}
.box-360 .title span {
    line-height: 34px;
    float: left;
    position: relative;
    font-size: 15px;
    text-transform: capitalize;
    color: #64BC2B;
}
.box-360 .title span:after {
    content: 'o';
    position: absolute;
    top: -4px;
    right: -8px;
    font-size: 10px;
}
.promotion-box {
    overflow: hidden;
	padding: 5px 0;
}
.box-360 .box-ac {
    padding: 10px 10px 6px;
    overflow: hidden;
    border-bottom: 1px solid #e7e7e7;
	opacity: 1;
}
.box-360 .box-ac .img {
    float: left;
}
.box-360 .box-ac .img img {
    border: 1px solid #e7e7e7;
}
.box-360 .box-ac .info-ac {
    margin-left: 42px;
    line-height: 16px;
    margin-bottom: 3px;
    font-size: 11px;
}
.box-360 .box-ac .info-ac  p{
	margin: 0;
	padding: 0;
}
.box-360 .box-ac span {
    color: #666;
    font-size: 10px;
    margin-left: 42px;
    display: block;
}
.box-suggest-shop {
    margin-top: 20px;
	background: #FFF;
    border: 1px solid #e7e7e7;
    margin-bottom: 20px;
    border-top: 2px solid #64BC2B;
}
.box-suggest-shop .ttl {
    height: 34px;
    position: relative;
    display: block;
    background-color: #f7f7f7;
    padding: 0 10px;
    line-height: 34px;
    text-transform: uppercase;
    font-size: 15px;
    color: #64BC2B;
}
.box-suggest-shop ul li:first-child {
    border-top: none;
}
.box-suggest-shop ul li {
    border-top: 1px solid #e7e7e7;
    overflow: hidden;
    padding: 0px;
}
.box-suggest-shop ul li > a {
    display: block;
	color: #000;
}
.box-suggest-shop .box-img {
    position: relative;
    display: block;
	text-align: center;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.box-suggest-shop .prod-name {
    display: block;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px;
    padding: 5px;
	overflow: hidden;
    word-wrap: normal;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: 100%;
}
.box-suggest-shop .box-img img{
	background: #FFF;
	margin: 0 auto;
	width: 100%;
	height: auto;
}
.box-suggest-shop .slick-vertical .slick-slide{
	border: none!important;
}
.box-suggest-shop .box-img .price {
    position: absolute;
    height: 30px;
    background-color: rgba(250,250,250,0.8);
    padding: 0 5px;
    line-height: 30px;
    bottom: 0;
    width: 100%;
}
.box-suggest-shop .box-img .price .curr-price {
    float: left;
    font-size: 15px;
    color: #64BC2B;
    font-weight: bold;
}
.box-suggest-shop .box-img .price .old-price {
    float: right;
    text-decoration: line-through;
    color: #505050;
}
.categories-list-box.for-home {
    display: none;
}
.categories-main.show .categories-list-box {
	border-right: none!important;
}
.active-home .categories-list-box.for-home {
	display: block;
	background: #FFF;
}
.categories-main.show .categories-list-box.for-home {
	display: block;
}
.categories-list-box{
	width: 230px;
    float: left;
}
.categories-list-box .nav-main{
	margin: 0;
	padding: 0;
}
.categories-list-box .nav-main li{
	list-style: none;
}
.nav-main > .menuItem {
    border: 1px solid #FFF;
    border-top-color: transparent;
    border-right: none;
    background-color: #FFF;
}
.nav-main > .menuItem:nth-child(4n+1):hover {
	background: #64BC2B;
	border-color: #64BC2B;
}
.nav-main > .menuItem:nth-child(4n+2):hover {
	background: #64BC2B;
	border-color: #64BC2B;
}
.nav-main > .menuItem:nth-child(4n+3):hover {
	background: #64BC2B;
	border-color: #64BC2B;
}
.nav-main > .menuItem:nth-child(4n+4):hover {
	background: #64BC2B;
	border-color: #64BC2B;
}
.nav-main > .menuItem:nth-child(4n+1):hover .fa-angle-right {
	color: #FFF;
}
.nav-main > .menuItem:nth-child(4n+2):hover .fa-angle-right {
	color: #FFF;
}
.nav-main > .menuItem:nth-child(4n+3):hover .fa-angle-right {
	color: #FFF;
}
.nav-main > .menuItem:nth-child(4n+4):hover .fa-angle-right {
	color: #FFF;
}
.nav-main > .menuItem:nth-child(4n+1):hover .sub-cate {
	border: 1px solid #ffb909!important;
}
.nav-main > .menuItem:nth-child(4n+2):hover .sub-cate {
	border: 1px solid #19abe0!important;
}
.nav-main > .menuItem:nth-child(4n+3):hover .sub-cate {
	border: 1px solid #68b207!important;
}
.nav-main > .menuItem:nth-child(4n+4):hover .sub-cate {
	border: 1px solid #64BC2B!important;
}
.nav-main .menuItem:hover .menuItem-box strong > a{
	color: #FFF;
}
.nav-main > .menuItem .menuItem-box {
    position: relative;
    padding: 0 5px;
}
.nav-main > li:first-child {
    border-top: 0;
}
.nav-main > .menuItem .menuItem-box .icon {
    width: 24px!important;
	height: auto!important;
	max-width: 24px!important;
    position: absolute;
    top: 4px;
}
.nav-main .menuItem-box strong > a {
    display: block;
    padding-left: 5px;
    line-height: 30px;
    font-size: 14px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 200px;
    overflow: hidden;
	padding-top: 1px;
    padding-bottom: 1px;
    color: #505050;
    font-weight: normal;
}
.nav-main .double-link .menuItem-box > strong, .nav-main .three-link .menuItem-box strong {
    overflow: hidden;
    display: block;
}
.nav-main .double-link .menuItem-box strong > a, .nav-main .three-link .menuItem-box strong > a {
    width: auto;
    float: left;
}
.nav-main .double-link .menuItem-box > strong span {
    float: left;
    line-height: 36px;
    margin: 0 5px;
    color: #666;
}
.nav-main .double-link .menuItem-box strong > a.link-2, .nav-main .three-link .menuItem-box strong > a.link-3 {
    padding-left: 0;
}
.nav-main .menuItem-box .icon-next {
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -8px;
    fill: #666;
    width: 10px;
    height: 12px;
}
.sub-cate {
    background-color: transparent;
    position: absolute;
    top: -1px;
    left: 229px;
    z-index: 3;
    display: none;
	width: 961px;
    height: 443px;
	border: 1px solid #C9141B;
	border-left: none;
}
.categories-list-box {
    position: relative;
    top: 0;
    border: 1px solid #64BC2B;
	border-top:none;
    z-index: 10;
    display: none;
    height: 442px;
}
.block-deal-top {
	width: 281px;
    border-right: 1px solid #e7e7e7;
	float: left;
}
.block-deal-top .tl {
    padding-top: 10px;
    text-align: center;
    position: relative;
    height: 40px;
}
.block-deal-top .tl .bg {
    position: absolute;
    background-color: #FFF;
    z-index: 1;
    width: 220px;
    text-align: center;
    left: 50%;
    margin-left: -110px;
}
.block-deal-top .tl:after {
    content: '';
    height: 1px;
    background-color: #e7e7e7;
    width: 90%;
    position: absolute;
    left: 5%;
    top: 20px;
}
.block-deal-top .tl span, .block-deal-top .tl i {
    background-color: #FFF;
    font-size: 15px;
    color: #ff0000;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    line-height: 20px;
    display: inline-block;
    padding: 0 5px;
}
.block-deal-top .deal-box {
    background-color: #FFF;
    overflow: hidden;
}
.block-deal-top .deal-box .deal-item {
    width: 100%;
    float: none;
    position: relative;
    border-left: 1px solid #e7e7e7;
    border-bottom: none;
    height: 220px;
    overflow: hidden;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}
.deal-box .deal-item .item {
    display: block;
    text-align: center;
    background-color: #FFF;
}
.deal-box .deal-item .item > img {
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}
.deal-box .deal-item .item:hover > img {
    -webkit-transform: scale(1.05,1.05);
    -moz-transform: scale(1.05,1.05);
    -ms-transform: scale(1.05,1.05);
    -o-transform: scale(1.05,1.05);
    transform: scale(1.05,1.05);
}
.deal-box .deal-item .box-name {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0px;
	padding-top:4px;
	font-weight:bold;
	
    background-color: rgba(255,255,255,0.7);
}
.deal-box .deal-item .box-name .name {
    text-align: center;
    line-height: 20px;
    height: 20px;
    overflow: hidden;
    display: block;
    font-size: 14px;
	color: #64BC2B;
}
.deal-box .deal-item:hover .box-name {
    background-color: rgba(0,0,0,0.5);
}
.deal-box .deal-item:hover .box-name .name{
	color: #FFF;
	font-weight: bold;
}
.block-banner-top {
    width: 960px;
    position: relative;
    float: left;
    height: 442px;
    overflow: hidden;
	background: #fff;
}
.banner_lg{
	width: 720px;
}
.banner-home{
	clear: both;
	margin-bottom: 20px;
	overflow: hidden;
}
.block-categories-home{
	clear: both;
	margin-bottom: 20px;
	overflow: hidden;
	background-color: #FFF;
}
.block-categories-home .block-categories {
    /*border: 1px solid #64BC2B;*/
	overflow: hidden;
	/*background-color: #f6f6f6;*/
	background-color: #fff;
}
.block-categories-home .categories-left {
    float: left;
}
.categories-left .categories-right {
	 width: 960px;	 
}
.categories-left .cate-slide {
    overflow: hidden;
    width: 230px;
    padding: 0;
    /* border-right: 1px solid transparent; */
    float: left;
}
.categories-left .title-cate {
    height: 36px;
    text-align: left;
    position: relative;
	/*background: #64BC2B;*/
	background: #fff;
}
.categories-left .title-cate h3{
	margin: 0;
	padding: 0;
    padding-top: 5px;
	-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.categories-left .title-cate:hover h3{
	/* margin-left: -15px; */
}
.categories-left .title-cate img{
	width: 24px;
    max-height: 24px;
    vertical-align: middle;
    -moz-filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
	position: absolute;
	left: 10px;
}
.categories-left .title-cate a {
    /*color: #fff;*/
	color: #313131;
    line-height: 28px;
    display: block;
    padding: 0 0 0 10px;
	font-size: 16px;
    white-space: nowrap;
    /*text-shadow: 1px 1px 0 rgba(0,0,0,.8);*/
}
.categories-left .title-cate h3 .fa{
	width: 18px;
    height: 18px;
    fill: #a3a3a3;
    color: #a3a3a3;
    position: absolute;
    right: 5px;
    top: 7px;
}
.categories-left .title-cate h3:after {
    position: absolute;
    width: 0;
    height: 0;
    content: "";
    border-width: 18px;
    border-style: solid;
    border-color: transparent #fff transparent transparent;
    right: 0;
    top: 0;
}
.categories-left .col-item {
    float: left;
    width: 220px;
    margin-left: -1px;
}
.categories-left .col-item a {
    float: left;
    width: 50%;
    border-bottom: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7;
    text-align: center;
	color: #000;
	overflow: hidden;
    word-wrap: normal;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.categories-left .col-item img {
	display: block;
    margin: 0 auto;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.categories-left .col-item a span {
    display: block;
    line-height: 25px;
	white-space: nowrap;
    width: 110px;
    overflow: hidden;
}
.categories-left .col-item a:hover span {
    color: #FFF;
    background-color: #64BC2B;
}
.categories-left .cate-big-img {
    float: left;
    width: 340px;
}
.categories-left .cate-big-img a {
    position: relative;
    display: block;
    overflow: hidden;
	color: #333;
	background-color: transparent;
}
.categories-left .cate-big-img a img {
    display: block;
    margin: 0 auto;
	background: #FFF;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.categories-left .cate-big-img a:hover img {
    -webkit-transform: scale(1.05,1.05);
    -moz-transform: scale(1.05,1.05);
    -ms-transform: scale(1.05,1.05);
    -o-transform: scale(1.05,1.05);
    transform: scale(1.05,1.05);
}
.categories-left .cate-big-img span {
    position: absolute;
    background-color: #64BC2B;
    text-align: center;
    line-height: 38px;
    height: 38px;
    width: 100%;
    bottom: 0;
    left: 0;
    font-size: 17px;
    color: #FFF;
}
.block-categories-home .categories-right .box-collection {
    overflow: hidden;
    height: 380px;
}
.categories-right .box-collection .box {
    float: left;
    width: 50%;
    border-left: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    height: 191px;
    position: relative;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.block-categories-home .categories-right a {
    margin: 0 auto;
    display: block;
    height: 100%;
    overflow: hidden;
}
.block-categories-home .categories-right a img {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
	background: #FFF;
}
.block-categories-home .categories-right a span {
    /* background-color: rgba(255,255,255,0.85);
    color: #333;
    font-size: 13px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    padding: 0 10px;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease; */
	padding: 0 6px;
    color: #fff;
}
.block-categories-home .categories-right a span:before {
    content: "";
    float: left;
    position: absolute;
    top: 0;
    left: -15px;
    width: 0;
    height: 0;
    border-color: transparent #da251c transparent transparent;
    border-style: solid;
    border-width: 15px 15px 15px 0;
    z-index: 1;
}
.block-categories-home .categories-right a span:after {
    content: "";
    position: absolute;
    top: 13px;
    left: -5px;
    float: left;
    width: 4px;
    height: 4px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #fff;
    -moz-box-shadow: -1px -1px 2px #004977;
    -webkit-box-shadow: -1px -1px 2px #004977;
    box-shadow: -1px -1px 2px #004977;
}
.block-categories-home .categories-right a:hover img {
    /* -webkit-transform: translateX(5px);
    -moz-transform: translateX(5px);
    -ms-transform: translateX(5px);
    -o-transform: translateX(5px);
    transform: translateX(5px); */
}
.categories-right a:hover span {
    color: #FFF;
    background-color: #da251c;
}
.categories-left .cate-tags {
    clear: both;
    height: 40px;
    padding: 5px;
    width: 560px;
    border-top: 1px solid #e7e7e7;
    overflow: hidden;
}
.categories-left .cate-tags a {
    display: inline-block;
    background-color: #FFF;
    line-height: 24px;
    border: 1px solid #e7e7e7;
    text-align: center;
    border-radius: 1px;
    padding: 0 10px;
    margin: 2px 5px 10px 5px;
	color: #333;
}
.block-categories-home .block-brand-logo {
    margin-top: 1px;
    background-color: #FFF;
}
.block-brand-logo .block-logo {
    padding: 6px 4px;
    height: 70px;
    overflow: hidden;
}
.block-brand-logo .block-logo a:first-child img{
	margin-right: 4px;
}
.block-brand-logo .block-logo a:nth-child(2n+1) img{
	margin-right: 4px;
}
.block-brand-logo .block-logo a {
    display: inline-block;
    border-left: 1px dotted #e7e7e7;
    padding: 0;
}
.block-brand-logo .block-logo a:first-child {
    border: none;
}
.block-categories-home img{
	/* background: #FFF; */
}
.block-banner-top .slick-arrow{
	display: none!important;
}
.block-banner-top .slick-dots{
	position: absolute;
    bottom: 0;
	right: 10px;
}
.slick-dots li{
	display: inline-block;   
	width: 12px;
    height: 12px;
    margin: 0 4px;
    opacity: 1;
    border-radius: 100%;
    background: #FFF;
    font-size: 0;
    cursor: pointer;
}
.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li.slick-active{
	background-color: #189EFF;
}
.block-recommend {
    margin-top: 14px;
    height: 240px;
    overflow: hidden;
	position: relative;
}
.block-recommend .slide-collection-top {
    border: 1px solid #e7e7e7;
    overflow: hidden;
    position: relative;
}
.slide-collection-top .trend-pro_item {
    float: left;
    border-left: 1px solid #e7e7e7;
    position: relative;
    width: 222px;
}
.slide-collection-top .item-col {
    display: block;
    text-align: center;
    white-space: nowrap;
    margin: 0 auto;
    height: 220px;
    width: 220px;
	color: #333;
}
.slide-collection-top .item-col img {
    transform-style: preserve-3d;
	display: block;
    margin: 0 auto;
}
.slide-collection-top .item-col span {
    display: block;
    background-color: rgba(255,255,255,0.85);
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 0;
    line-height: 30px;
    width: 100%;
    height: 30px;
    color: #333;
    font-size: 14px;
}
.slide-collection-top .item-col:hover span {
    background-color: rgba(1,1,1,0.6);
    color: #fff;
}
.slide-small .slick-arrow{
	display: none!important;
}
.slide-small .slick-dots{
	text-align: center;
	margin: 5px 0;
	padding: 0;
}
.modal-body{
	padding: 0px;
	position: relative;
    display: block;
	overflow: hidden;
}
.modal-content{
	padding: 5px;
}
#popup_ads .col-xs-6{
	padding: 0;
}
#popup_ads .cate-view {
    position: relative;
    display: block;
    overflow: hidden;
    color: #333;
    background-color: transparent;
}
#popup_ads .cate-view img {
    display: block;
    margin: 0 auto;
    background: #FFF;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
#popup_ads .cate-view span {
    position: absolute;
    background-color: #64BC2B;
    text-align: center;
    line-height: 38px;
    height: 38px;
    width: 100%;
    bottom: 0;
    left: 0;
    font-size: 17px;
    color: #FFF;
}
#popup_ads .cate-view:hover img {
    -webkit-transform: scale(1.05,1.05);
    -moz-transform: scale(1.05,1.05);
    -ms-transform: scale(1.05,1.05);
    -o-transform: scale(1.05,1.05);
    transform: scale(1.05,1.05);
}
#popup_ads .modal-dialog{
	width: 700px;
	margin: 5% auto 0;
}
#popup_ads .close{
	position: absolute;
    right: 5px;
    color: #FFF;
}
.box-two-col .cate-view{
	width: 50%;
	float: left;
	max-height: 170px;
}
.icon {
    width: 8px !important;
    height: 8px !important;
    line-height: 8px !important;
	display: inline-block !important;
	background-position: center center;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin: 0;
	position: absolute;
}
.icon-down{
	background-image: url(../img/down-arrow.png);
	background-size: 8px 8px;
}
.breadcrumb {
    background-color: #fff;
	padding: 0;
}
.breadcrumb.mgtop-42 {
	clear: both;
    margin-top: 42px;
}
.breadcrumb_detail {
    padding: 7px 5px;
    height: 36px;
}
.breadcrumb_detail > .br {
    float: left;
    line-height: 24px;
    position: relative;
}
.breadcrumb_detail > div.br:first-child, .breadcrumb_detail > div.br.first {
    padding-left: 0;
}
.breadcrumb_detail > div.br.first {
    padding-left: 0;
}
.breadcrumb_detail > div.br.first > a, .breadcrumb_detail > div.br.end > a {
    padding-left: 0;
	color: #333;
}
.breadcrumb_detail > .br span {
    color: #333;
}
.breadcrumb_detail > .br {
    float: left;
    line-height: 24px;
    position: relative;
}
.breadcrumb_detail > div.br > ul {
    display: none;
    position: absolute;
    left: 0;
    top: 22px;
    z-index: 7;
    background-color: #fff;
    min-width: 180px;
    border: 1px solid #ddd;
    /* border-top-color: #4585f4; */
    opacity: 0;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear;
	padding: 5px;
}
.breadcrumb_detail > div.br > ul:before {
    border-bottom: 6px solid #ddd;
	position: absolute;
    content: "";
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    top: -6px;
    left: 15px;
}
.breadcrumb_detail > div.br > ul:after {
    border-bottom: 6px solid #fff;
	position: absolute;
    content: "";
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    top: -5px;
    left: 15px;
}
.breadcrumb_detail > div.br > ul.columns-3 {
	webkit-columns: 3;
    columns: 3;
	min-width: 630px;
}
.breadcrumb_detail > div.br > ul.columns-2 {
	webkit-columns: 2;
    columns: 2;
	min-width: 420px;
}
.breadcrumb_detail > div.br > ul.columns-1 {
	webkit-columns: 1;
    columns: 1;
	min-width: 210px;
}
.breadcrumb_detail > div.br > ul > li {
    margin: 1px 0;
	position: relative;
}
.breadcrumb_detail > div.br > ul > li:first-child {
    margin-top: 0;
}
.breadcrumb_detail > div.br > ul > li a {
    display: block;
    line-height: 24px;
    padding: 0 10px 0 20px;
	color: #333;
}
.breadcrumb_detail > div.br > ul > li a:before {
	content: '•';
	font-size: 20px;
    color: #999;
    position: absolute;
	left: 10px;
	top: 0px;
}
.breadcrumb_detail > .br:hover ul {
    display: block;
    opacity: 1;
}
.breadcrumb_detail > div.br > ul > li a:hover {
   /*  color: #fff;
    background: #4585f4; */
}
.breadcrumb_detail > div.br > ul > li a {
    display: block;
    line-height: 25px;
    padding: 0 10px 0 20px;
}
.breadcrumb_detail > div.br > ul > li a:hover {
	color: #19abe0;
}
.breadcrumb_detail > div.br > a {
    font-weight: normal;
}
.breadcrumb_detail > div.br > a .icon {
	top: 8px;
    right: -5px;
}
.breadcrumb_detail > div.br > a {
    position: relative;
    display: block;
    white-space: nowrap;
    float: left;
    padding: 0 10px;
    margin-right: 10px;
	color: #333;
}
.breadcrumb_detail > div.br > a .icon{
	-webkit-transition: -webkit-transform 0.1s linear;
    -moz-transition: -moz-transform .1s linear;
    -o-transition: -o-transform .1s linear;
    -ms-transition: -ms-transform .1s linear;
}
.breadcrumb_detail > div.br > a:hover .icon{
	-webkit-transform: rotate(180deg);
    -moz-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -webkit-transition: all 0.3s linear;
}
.breadcrumb_detail > div.br > a:hover .icon-down{
	background-image: url(../img/down-arrow-or.png);
	background-size: 8px 8px;
}
.title-h1 {
    float: left;
    margin-right: 10px;
	margin-bottom: 10px;
    color: #64BC2B;
    line-height: 30px;
}
.title-h1 h1 {
    text-transform: uppercase;
    white-space: nowrap;
    font-size: 15px;
	padding: 0;
    margin: 0;
    border: 0;
}
.txt-amount-products {
    line-height: 15px;
	float: left;
}
.filter {
    position: relative;
    background: #fff;
    position: relative;
    border-radius: 2px;
    border: 1px solid #aaa;
    margin-top: 5px;
	clear: both;
}
.filter .wrap-filter {
    clear: both;
    transition: all 200ms ease;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
}
.filter .filter-attr {
    overflow: hidden;
    border-top: 1px solid #aaa;
    background-color: #fffef6;
    position: relative;
}
.filter .filter-attr:first-child {
    border-top: none;
}
.filter div.ttl-left {
    width: 100px;
    float: left;
    padding: 8px 0 0 8px;
    background: #fffef6;
    font-weight: bold;
    color: #595959;
    position: relative;
    font-size: 12px;
}
.filter .filter-for-brand div.ttl-left {
    padding-top: 12px;
}
.filter div.cont-filter-attr {
    margin-left: 85px;
    overflow: hidden;
    padding-right: 25px;
    background-color: #fff;
    padding: 2px 30px 2px 0;
}
.filter .cont-filter-attr .color-attr {
    padding-left: 5px;
}
.filter div.cont-filter-attr ul {
    overflow: hidden;
    position: relative;
    height: 30px;
    padding-bottom: 5px;
	margin: 0;
}
.filter .filter-for-brand div.cont-filter-attr ul {
    height: 40px;
    padding-bottom: 0;
	margin: 0;
}
.filter div.cont-filter-attr ul.active {
    height: auto;
}
.filter .cont-filter-attr .color-attr label {
    height: 22px;
    margin-left: 10px;
    border: 1px solid #cccccc;
    outline: 1px solid #fff;
    background: #f2f2f2;
    text-align: center;
    line-height: 21px;
    display: block;
    float: left;
    cursor: pointer;
    position: relative;
    text-transform: uppercase;
    padding: 0 10px;
    margin-top: 5px;
    min-width: 30px;
    font-size: 11px;
    white-space: nowrap;
}
.filter .filter-attr:before {
    content: '';
    display: block;
    position: absolute;
    width: 1px;
    top: 0;
    bottom: 0;
    left: 100px;
    z-index: 1;
    background-color: #aaa;
}
.cont-filter-attr .color-attr label.for_brand {
    width: 62px;
    height: 32px;
    padding: 0;
    margin-top: 4px;
}
.filter .cont-filter-attr .color-attr label i {
    position: absolute;
    right: -5px;
    top: -5px;
    color: #fff;
    font-size: 7px;
    font-style: normal;
    background-color: #64BC2B;
    width: 14px;
    height: 14px;
    line-height: 14px;
    border-radius: 2px;
    text-align: center;
    display: none;
    font-weight: bold;
    font-size: 8px;
    z-index: 1;
}
.filter .cont-filter-attr .color-attr label a {
    display: block;
	text-transform: none;
    font-weight: normal;
	color: #333;
}
.filter .cont-filter-attr .color-attr label input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0;
    z-index: -1;
}
.filter .img_attr_brand {
    vertical-align: middle;
}
.filter-cate img{
	max-width: 100%;
	max-height: 100%;
	text-align: center;
}
.filter .cont-filter-attr .color-attr label.active i {
    display: block;
}
.filter .cont-filter-attr .color-attr label.active, .filter .cont-filter-attr .color-attr label:hover {
    border-color: #64BC2B;
}
.filter div.cont-filter-attr a.view-more {
    display: block;
    position: absolute;
    top: 5px;
    right: 4px;
    text-align: center;
    height: 20px;
    width: 22px;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.filter div.cont-filter-attr a.view-more.active .icon{
	background-image: url(../img/down-arrow-or.png);
    background-size: 8px 8px;
	-webkit-transform: rotate(180deg);
    -moz-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -webkit-transition: all 0.3s linear;
}
.filter div.cont-filter-attr a.view-more .icon{
	position: relative;
}
.filter div.cont-filter-attr ul li {
    width: auto;
    float: left;
    padding-left: 15px;
    height: 30px;
    line-height: 30px;
}
.filter div.cont-filter-attr ul li label {
    max-height: 30px;
    display: block;
    cursor: pointer;
    font-size: 11px;
    white-space: nowrap;
    position: relative;
    padding: 0;
}
.filter div.cont-filter-attr ul li label input {
    margin: -4px 5px 0 0;
    vertical-align: middle;
    opacity: 0;
    position: absolute;
}
input[type='checkbox'], input[type='radio'] {
    box-sizing: border-box;
    padding: 0;
	margin: 0;
}
.cont-filter-attr ul li label .checkbox:before {
    content: '';
    cursor: pointer;
    position: absolute;
    width: 14px;
    height: 14px;
    top: 6px;
    left: 0;
    border: 1px solid #656262;
}
.cont-filter-attr ul li label .checkbox:after {
    opacity: 0;
    content: '';
    position: absolute;
    width: 9px;
    height: 4px;
    background: transparent;
    top: 10px;
    left: 3px;
    border: 2px solid #64BC2B;
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.cont-filter-attr .checkbox{
    position: relative;
    display: block;
    margin-top: 0px!important;
    margin-bottom: 0px!important;
	font-weight: normal;
    padding-left: 20px;
}
.filter div.ttl-left span {
    display: inline-block;
    font-size: 10px;
}
.filter .cont-filter-attr .color-attr label.bg-img-attr {
    height: 22px;
    margin-left: 10px;
    border: 1px solid #cccccc;
    outline: 1px solid #fff;
    background: #f2f2f2;
    text-align: center;
    line-height: 21px;
    display: block;
    float: left;
    cursor: pointer;
    position: relative;
    text-transform: uppercase;
    padding: 0;
    margin-top: 5px;
    min-width: 30px;
    font-size: 11px;
    white-space: nowrap;
}
.filter .cont-filter-attr .color-attr label.bg-img-attr.active{
    border-color: #64BC2B;
}
.filter .cont-filter-attr .color-attr label a {
    display: block;
}
.filter .cont-filter-attr .color-attr label input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0;
    z-index: -1;
}
.filter .cont-filter-attr .color-attr label.bg-img-attr img.img-attr {
    height: 20px;
    width: 30px;
	border: 0;
    max-width: 100%;
}
.cont-filter-attr ul li label input[type='checkbox']:checked + .checkbox:before {
    border: 1px solid #64BC2B;
}
.cont-filter-attr ul li label input[type='checkbox']:checked + .checkbox:after {
    opacity: 1;
}
.cont-filter-attr ul li label .checkbox:after {
    opacity: 0;
    content: '';
    position: absolute;
    width: 9px;
    height: 4px;
    background: transparent;
    top: 10px;
    left: 3px;
    border: 2px solid #64BC2B;
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.pagination-block.pagination-filter {
    border: none;
    background: #fff;
    overflow: visible;
    padding-right: 0;
    height: 32px;
    margin-top: 10px;
    position: relative;
    z-index: 1;
}
.pagination-block.pagination-filter .other-filters {
    border: 1px solid #aaa;
    height: 32px;
    overflow: hidden;
    display: inline-block;
    float: left;
    background-color: #fff;
	margin-left: 0!important;
}
.pagination-block .other-filters li {
    float: left;
    border-right: 1px solid #aaa;
    position: relative;
	padding: 0!important;
}
.pagination-block .other-filters li:last-child{
	border-right: none;
}
.pagination-block .other-filters li a, .pagination-block .other-filters li > span {
    display: block;
    padding: 0 10px;
    line-height: 30px;
    cursor: pointer;
	color: #333;
}
.pagination-block .other-filters li.active a, .pagination-block .other-filters li.active > span {
    background: #64BC2B;
    color: #fff;
}
.box-listing {
	display: block;
	clear: both;
	margin-top: 10px;
	overflow: hidden;
}
.box_product {
    padding-right: 10px;
    margin-top: 15px;
	float: left;
    width: 25%;
}
.box_product:nth-child(n+n4){
	padding-right: 0px;
}
.box_product .content_item {
    position: relative;
    margin: 0 auto;
}
.box_product .content_item .overflow_box {
    position: relative;
	overflow: hidden;
	min-height: 350px;
    width: 100%;
    border: 1px #fff solid;
    background: #FFF;
    margin: 0 auto;
    border-radius: 2px;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
	border-radius: 3px;
	box-shadow: 1px 1px 1px 1px transparent;
}
.box_product .content_item .overflow_box:hover{
	cursor: pointer;
    border: 1px solid #ddd;
    box-shadow: 1px 1px 1px 1px #f5f5f5;
}
.content_item .overflow_box .img_product {
    display: block;
    text-align: center;
    min-height: 213px;
    height: 213px;
    vertical-align: middle;
    position: relative;
	padding: 5px;
}
.content_item .overflow_box .img_product img {
	position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.content_item .overflow_box .img_product .lazy, .content_item .overflow_box .img_product .imgtodrag {
    background-color: #fff;
    height: 213px;
	min-height: 213px;
	border: 0;
    max-width: 100%;
}
.product{
	clear: both;
    margin-top: 12px;
}
.content_item .overflow_box .box-go {
    position: absolute;
    right: 0;
    bottom: 0;
    overflow: hidden;
    opacity: 0;
    height: 0;
    width: 100%;
    text-align: center;
    background-color: rgba(229,16,29,0.7);
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}
.content_item .overflow_box .box-go span {
    color: #fff;
    cursor: pointer;
    float: left;
    border-radius: 3px;
    width: 100%;
    height: 26px;
    opacity: 0.75;
    font-size: 13px;
    position: relative;
    line-height: 26px;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}
.content_item .overflow_box .box-go span em {
    font-style: normal;
}
.content_item .overflow_box .price-box {
    padding: 0px 5px;
	overflow: hidden;
}
.content_item .overflow_box .price-box .current_price {
    color: #64BC2B;
    font-weight: bold;
    font-size: 15px;
	float: left;
}
.content_item .overflow_box .price-box span:last-child{
	margin-left: 10px;
}
.content_item .overflow_box .price-box .old_price {
    float: left;
	padding-top: 2px;
    display: block;
    color: #505050;
    text-decoration: line-through;
}
.content_item .overflow_box .name_product {
    color: #333;
    line-height: 16px;
    height: 32px;
    padding: 0 5px;
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: normal;
	font-weight: 700;
    margin: 5px 0 0;
    overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.content_item .overflow_box .social_box {
    color: #666;
    padding: 5px;
    min-width: 100px;
    height: 30px;
	margin-top:5px;
    width: 100%;
    clear: both;
}
.content_item .overflow_box .social_box .s_b {
    display: table-cell;
    line-height: 16px;
}
.social_box .s_b span {
    margin-right: 10px;
}
.content_item .overflow_box .box-go span:hover {
    opacity: 1;
}
.content_item .overflow_box .img_product:hover .box-go {
    opacity: 1;
    height: 26px;
}
.pagination-block.bot {
    background: none;
    border: none;
	clear: both;
	margin-top: 20px;
}
.pagination-block .pagination {
    text-align: center;
    margin: 15px 0;
	float: none;
	/*width: 100%;*/
}
.pagination-block .pagination ol {
    float: right;
	display: inline-block;
}
.pagination-block .pagination ol li {
    display: inline-block;
    margin: 0 4px;
    padding-top: 0;
    line-height: 32px;
}
.pagination-block .pagination ol li > span, .pagination-block .pagination ol li > a {
    color: #333;
    background: #FFF;
    border: 1px solid #ddd;
    border-radius: 2px;
    text-decoration: none;
    display: block;
    cursor: pointer;
    text-align: center;
    width: 34px;
    line-height: 32px;
}
.pagination-block .pagination ol li span.current, .pagination-block .pagination ol li span:hover, .pagination-block .pagination ol li a.current, .pagination-block .pagination ol li a:hover {
    background: #ed4934;
    border: 1px solid #cb230e;
    color: #fff;
}
.block-nhipsong {
    margin-top: 15px;
	clear: both;
}
.block-nhipsong .tl {
    border-bottom: 2px solid #64BC2B;
    line-height: 30px;
    padding-bottom: 5px;
    height: 32px;
}
.block-nhipsong .tl span {
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    color: #64BC2B;
}
.block-nhipsong a{
	color: #333;
}
.block-nhipsong .tl a {
    float: right;
    font-size: 12px;
    color: #999;
}
.block-nhipsong .row-nhipsong-left {
    display: block;
    position: relative;
    width: 617px;
    margin-top: 20px;
    float: left;
}
.block-nhipsong .row-nhipsong-left .inner, .block-nhipsong .row-nhipsong-right .inner {
    height: 300px;
}
.block-nhipsong .content-nhipsong {
    background-color: rgba(255,255,255,0.8);
    position: absolute;
    bottom: 25px;
    left: 25px;
    right: 25px;
    padding: 25px;
    opacity: 0.9;
}
.block-nhipsong .row-nhipsong-left .title, .block-nhipsong .row-nhipsong-right .title {
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    line-height: 1.2;
}
.block-nhipsong .row-nhipsong-right {
    display: block;
    position: relative;
    margin-left: 16px;
    width: 300px;
    margin-top: 20px;
    vertical-align: top;
    float: left;
}
.row-nhipsong-right .inner{
	width: 100%;
}
.block-nhipsong .left {
    margin-left: 0;
}
.block-content .title {
    height: 45px;
    overflow: hidden;
	margin: 0;
}
.block-content .content {
    height: 55px;
    overflow: hidden;
}
.block-nhipsong .row-nhipsong-left:hover, .block-nhipsong .row-nhipsong-right:hover {
    box-shadow: 0px 1px 8px #F16A73!important;
}
.block-nhipsong .row-nhipsong-right .block {
    padding: 10px;
}
.simpleLens-gallery-container {
	width: 500px;
	float: left;
	margin-bottom: 20px;
}
.col-info{
	width: 445px;
	float: left;
	padding-left: 20px;
}
.title-product{
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 2em;
    color: #64BC2B;
    font-weight: 500;
}
.promotion-icon {
	padding-right: 3px;
}
.box-rating-viewer {
    margin-top: 10px;
}
.box-rating-viewer .box-rate span {
    line-height: 16px;
    vertical-align: top;
    font-size: 13px;
    margin-left: 10px;
}
.box-rating-viewer .box-rate .lb {
    padding-left: 0;
    position: relative;
}
.box-price-wirehouse {
    line-height: 20px;
    border-top: 1px solid #f1f1f1;
    padding-top: 10px;
    margin-top: 10px;
}
.box-price-wirehouse .box-price {
    overflow: hidden;
    display: inline-block;
    line-height: 24px;
}
.box-price .cur-price {
    color: #ec2800;
    font-size: 19px;
    font-weight: bold;
    margin-right: 10px;
    display: inline-block;
}
.box-price .old-price {
    color: #666;
    font-size: 12px;
    text-decoration: line-through;
    display: inline-block;
}
.wirehouse {
    display: inline-block;
    line-height: 24px;
    overflow: hidden;
	margin-left: 20px;
}
.box-attr{
	margin-top: 5px;
    padding: 10px 10px 5px 10px;
    background: #f5f5f5;
    border: 1px dashed transparent;
	position: relative;
}
.box-attr dl {
    padding: 5px 0;
    line-height: 30px;
    overflow: hidden;
}
.box-attr dl .lb {
    width: 130px;
    float: left;
    display: inline-block;
    vertical-align: middle;
    line-height: 30px;
	font-weight: normal;
}
.box-attr dl .items {
    display: block;
    vertical-align: middle;
    margin-left: 130px;
}
.box-attr dl dd .item-attr {
    width: auto;
    border: 1px solid #ccc;
    background: #F2F2F2;
    text-align: center;
    display: block;
    float: left;
    cursor: pointer;
    position: relative;
    font-size: 13px;
    margin-right: 10px;
    margin-bottom: 5px;
    padding: 1px;
}
.box-attr dl dd .item-attr > input {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    width: 100%;
    height: 100%;
    z-index: 1;
	box-sizing: border-box;
    padding: 0;
}
.box-attr dl dd .item-attr:hover, .box-attr dl dd .item-attr.checked {
    border: 2px solid #c00;
    padding: 0;
}
.box-attr dl dd .item-attr > .label {
    display: block;
    height: 26px;
    min-width: 26px;
    line-height: 26px;
    padding: 0 2px;
}
.box-attr dl dd .item-attr .ic-check {
    width: 0;
    height: 0;
    border-bottom: 14px solid #e5101d;
    border-left: 14px solid transparent;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    display: none;
}
.box-attr dl dd .item-attr.checked .ic-check {
    display: block;
}
.box-attr dl dd .item-attr .ic-check .icon-check {
    width: 8px;
    height: 8px;
    color: #fff;
    position: absolute;
    top: 6px;
    left: -7px;
	background: url(../img/check.png);
}
.box-attr .label{
	border-radius: 0!important;
	color: #333;
	font-weight: normal;
	font-size: 13px;
	padding: 0;
}
.box-attr dl{
	padding: 5px 0;
    line-height: 30px;
    overflow: hidden;
	position: relative;
	margin-bottom: 0;
}
.box-attr dl .items {
    display: block;
    vertical-align: middle;
    margin-left: 130px;
	line-height: 30px;
	position: relative;
}
.box-attr dl.dn {
    display: none;
}
.box-attr.show-more dl.dn {
    display: block;
}
.box-attr dl.quantity dd .inpt-qty {
    border: 1px solid #ddd;
    height: 35px;
    width: 45px;
    border-right: none;
    text-align: center;
    padding: 0 5px;
    font-size: 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -moz-appearance: textfield;
}
.box-attr dl.quantity dd .add-qty, .box-attr dl.quantity dd .sub-qty {
    position: absolute;
    top: 0;
    left: 45px;
    background-color: #f1f1f1;
    height: 18px;
    width: 18px;
    cursor: pointer;
    display: block;
    border: 1px solid #ddd;
    text-align: center;
    line-height: 18px;
    font-size: 14px;
}
.box-attr dl.quantity dd .sub-qty {
    top: 17px;
}
.box-attr dl.quantity .item_quantity {
    display: inline-block;
    margin-left: 25px;
	position: relative;
}
.bt-show-more-attr {
    width: 15px;
    height: 15px;
    display: block;
    position: absolute;
    bottom: 5px;
    right: 0;
    border-radius: 2px;
    cursor: pointer;
}
.box-btn-buy {
    margin-top: 20px;
	clear: both;
}
.box-btn-buy .btn, .box-btn-buy .btn.hethang {
    height: 42px;
    line-height: 42px;
    position: relative;
    background-color: #029900;
    color: #fff;
    font-size: 15px;
    border: none;
    border-radius: 3px;
    text-align: center;
    padding: 0 20px;
    width: 195px;
    margin-right: 14px;
}
.box-btn-buy .addcart-btn {
    text-align: right;
}
.box-btn-buy .buynow-btn {
    background-color: #e60f1e;
    margin-right: 10px;
}
.box-btn-buy .overflow_box {
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
}
.box-btn-buy .overflow_box .fav {
    color: #333;
    cursor: pointer;
	font-weight: normal;
}
.box-btn-buy .overflow_box .fav .fa{
	color: #f00;
}
.box-btn-buy .overflow_box .fav span {
    display: inline-block;
    line-height: 20px;
    margin-left: 2px;
}
.col-lightbox-head{
	clear: both;
	width: 100%;
	overflow: hidden;
}
.col-lightbox {
    margin-top: 20px;
	margin-bottom: 10px;
	clear: both;
	width: 100%;
	overflow: hidden;
	height: 1px;
}
.tab-detail-of-product {
    border: 1px solid #d3d3d3;
}
.tab-detail-of-product .tab_li ul {
    border-bottom: 1px solid #d3d3d3;
    background: #f7f7f7;
    height: 34px;
	margin: 0;
	padding: 0;
}
.tab-detail-of-product .tab_li > ul > li {
    border-bottom: 1px #d3d3d3 solid;
    border-left: 1px #d3d3d3 solid;
    float: left;
    margin-bottom: -1px;
    cursor: pointer;
    position: relative;
    border-top: none;
}
.tab-detail-of-product .tab_li > ul > li:first-child {
    border-left: none;
}
.tab-detail-of-product .tab_li > ul > li p {
    display: block;
    line-height: 33px;
    padding: 0 15px;
	margin: 0;
    white-space: nowrap;
    text-transform: uppercase;
}
.tab-detail-of-product .tab_li > ul > li a {
	color:#333;
}
.tab-detail-of-product .tab_li > ul > li:before {
    content: '';
    position: absolute;
    left: -1px;
    right: -1px;
    height: 2px;
    top: -1px;
    display: none;
    z-index: 1;
    background-color: #f00;
}
.tab-detail-of-product .tab_li > ul > li.active:before, .tab-detail-of-product .tab_li > ul > li:hover:before {
    display: block;
}
.tab-detail-of-product .tab_li > ul > li:hover p a {
    color: #f00;
}
.tab-product-detail {
    padding: 20px;
    overflow: hidden;
    line-height: 1.4;
}
.cat_menu {
    padding: 0px;
    display: block;
    overflow: visible;
    height: 30px;
    clear: both;
    margin: auto;
    width: 100%;
}
.cat_menu li {
    display: inline-block;
    height: 30px;
    list-style-type: none;
}
.cat_menu li a {
    display: block;
    padding: 8px 10px 4px;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 300;
    background: #64BC2B;
    border-radius: 2px;
}
.cat_menu li a.actmenu {
    background: #64BC2B;
}
.box-new-one {
	display: block;
	overflow: hidden;
}
.box-new-one  a {
	color: #333;
}
.box-new-one  a:hover {
    color: #64BC2B;
}
.box-new-one  h3 {
	margin: 10px 0 5px;
	padding: 0;
	font-size: 16px;
	font-weight: normal;
}
.box-new-one .latest {
    display: block;
    overflow: hidden;
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
    margin-top: 20px;
    padding: 0px;
}
.box-new-one .latest li {
    overflow: hidden;
    float: left;
    width: 300px;
    padding: 0;
    list-style-type: none;
}
.box-new-one .latest li:first-child {
    width: 570px;
    margin-right: 10px;
    border-bottom: 0;
}
.box-new-one .latest li .tempvideo {
    float: none;
    display: block;
    position: relative;
    width: 100%;
    height: 290px;
    margin-bottom: 5px;
    overflow: hidden;
}
.box-new-one .latest li:nth-child(2) .tempvideo {
    height: 140px;
}
.box-new-one .latest li:first-child h3{
	font-size: 24px;
}
.box-new-one .latest li:nth-child(2) h3{
	font-size: 16px;
}
.box-new-two{
	display: block;
	overflow: hidden;
	border-bottom:1px solid #ddd;
	padding-bottom: 10px;
	margin-bottom: 5px;
}
.box-new-two .media{
	border-bottom:1px dotted #ddd;
	padding-bottom:5px;
	margin-top: 5px;
}
.box-new-two .media h4{
	font-size: 16px;
}
.box-new-two .media:first-child{
	margin-top:0;
}
.box-new-two .media:last-child{
	border-bottom: none;
	padding-bottom: 0;
}
.box-new-two .col-new-left{
	padding-right: 5px!important;
	border-right: 1px solid #ddd;
	width: 540px;
}
.box-new-two .col-new-right{
	padding-left: 5px!important;
	width: 340px;
}
.box-new-three{
	display: block;
    overflow: hidden;
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
    margin-top: 10px;
    padding: 0px;
}
.box-new-three a{
	color: #333;
}
.box-new-three .col-three-left{
	width: 570px;
    margin-right: 10px;
    border-bottom: 0;
	float: left;
}
.box-new-three .col-three-left .tempvideo {
    float: none;
    display: block;
    position: relative;
    width: 100%;
    height: 300px;
    margin-bottom: 5px;
    overflow: hidden;
}
.box-new-three h3 {
	margin: 10px 0 5px;
	padding: 0;
	font-size: 14px;
	font-weight: normal;
}
.box-new-three h4 {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: normal;
}
.box-new-three .col-three-left h3{
	font-size: 24px;
}
.box-new-three .media{
	border-bottom:1px dotted #ddd;
	padding-bottom:5px;
	margin-top: 5px;
}
.box-new-three .media:first-child{
	margin-top:0;
}
.box-new-three .media:last-child{
	border-bottom: none;
	padding-bottom: 0;
}
.detail-news{
	margin: 0;
	padding: 0;
	display: block;
    overflow: hidden;
}
.detail-news .col-detail-left{
	width: 544px;
    margin-right: 10px;
	float: left;
	border-bottom: 1px solid #ddd;
}
.detail-news .col-detail-right{
	width: 326px;
	float: left;
}
.detail-news .col-detail-right{
	margin-top: 10px;
	position: relative;
}
.detail-news .col-detail-right img{
	margin-bottom: 10px;
}
/*Thien edit with and margin top when scroll*/
.detail-news .col-detail-right .affix{
	width: 326px;
	top: 60px;
}
.list-bot{
	clear: both;
	margin: 10px;
}
.list-bot a{
	color: #333;
}
.list-bot a:hover{
	color: #64BC2B;
}
.affix {
    position: fixed!important;
}
.title-news{
	font-size: 24px;
}
.info-news{
	width: 100%;
	overflow: hidden;
	clear: both;
	margin-bottom: 5px;
}
.content-news{
	width: 100%;
	overflow: hidden;
	clear: both;
	font-size:14px;
}
.table>thead>tr>th{
	font-size: 16px;
	font-weight: normal;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
	vertical-align: middle;
	font-size: 16px;
	font-weight: normal;
}
.mar-right-10{
	margin-right:10px!important;
}
.btn.btn-default{
	height: 42px;
    line-height: 42px;
    position: relative;
    background-color: #64BC2B;
    color: #fff;
    font-size: 15px;
    border: none;
    border-radius: 3px;
    text-align: center;
    padding: 0 20px;
    width: 195px;
}
.del-cart {
	color: #333;
	font-size: 14px;
}
.form-checkout{
	background: #f3f1f2;
	font-size: 14px;
	margin-bottom: 20px;
}
.form-checkout .page-header{
	text-align: center;
	margin: 20px 0 10px;
	font-size: 24px;
}
.form-checkout label{
	font-weight: 100;
}
.registermodal .modal-lg{
	width: 350px;
}
.registermodal .modal-content{
	padding:0!important;
	border-radius: 0;
}
.registermodal .modal-body{
	background-color: #F7F7F7;
}
.registermodal .login-box{
	width: 100%;
	padding: 10px;
	border: none;
}
.modal-header{
	padding: 10px;
}
.modal-title {
    margin: 0;
    font-size: 16px;
    font-weight: normal;
	float: left;
}
.modal-dialog{
	margin-top: 100px
}
.sub-link-show {
    position: absolute;
    background-color: #F7F7F7;
    top: 26px;
    right: 0;
    z-index: 7;
    border: 1px solid #e7e7e7;
    box-shadow: 0px 1px 4px #ccc;
    min-width: 180px;
    border-top: none;
    display: none;
    opacity: 0;
	padding:0;
}
.li-login:hover .sub-link-show{
	display: block;
    opacity: 1;
}
.li-login .sub-link-show > li a {
    display: block;
    line-height: 24px;
    padding: 4px 10px;
    border-bottom: 1px dotted #ddd;
	color: #333;
	text-align: left;
}
.li-login .sub-link-show > li:last-child a{
	border-bottom: none;
}
.wrapper-profile .left-profile {
    width: 220px;
    float: left;
    padding-top: 15px;
    border-right: 1px solid #eee;
    background-color: #fff;
}
.left-profile .user-inf-top {
    overflow: hidden;
}
.left-profile .user-inf-top .avatar {
    display: block;
    width: 40px;
    height: 40px;
    float: left;
    margin-right: 10px;
    border-radius: 20px;
    border: 1px solid #e7e7e7;
    padding: 2px;
}
.left-profile .user-inf-top .shopname {
    color: #333333;
    font-weight: bold;
    line-height: 16px;
    display: block;
    font-size: 13px;
}
.left-profile .user-inf-top .edit-account {
    color: #999;
    font-size: 11px;
    margin-top: 5px;
    display: block;
}
.left-profile .ttl-box {
    font-size: 14px;
    color: #666666;
    height: 30px;
    line-height: 30px;
    margin-top: 15px;
    font-weight: bold;
    background-color: #f5f5f5;
    padding: 0 10px;
    border-left: 3px solid #e5101d;
}
.left-profile .action-list {
    padding-bottom: 8px;
	padding: 0;
    margin: 0;
    border: 0;
	list-style: none;
}
.left-profile .action-list li {
    padding: 2px 0;
	list-style: none;
}
.left-profile .action-list li:last-child {
    border-bottom: none;
}
.left-profile .action-list li a {
    display: block;
    position: relative;
    color: #666;
    height: 32px;
    line-height: 32px;
    padding-left: 30px;
}
.left-profile .action-list li a:before {
    content: '';
    background: url(../img/icPriteProfile.png) 0 0 no-repeat;
    position: absolute;
    top: 8px;
    left: 8px;
}
.action-list li.order a:before {
    width: 16px;
    height: 16px;
    background-position: 0 0;
}
.action-list li.account-senpay a:before {
    width: 17px;
    height: 16px;
    background-position: -20px 0;
}
.action-list li.address a:before {
    width: 16px;
    height: 16px;
    background-position: -37px 0;
}
.action-list li.products a:before {
    width: 16px;
    height: 14px;
    background-position: -52px 0;
}
.action-list li.user-inf a:before {
    width: 16px;
    height: 16px;
    background-position: -70px 0;
}
.left-profile .action-list li a:hover, .left-profile .action-list li a.active {
    background-color: #fff;
    color: #e5101d;
    font-weight: bold;
}
.action-list li.qa a:before {
    width: 16px;
    height: 16px;
    background-position: -106px 0;
}
.wrapper-profile .right-profile {
    margin-left: 220px;
    padding: 0 10px 10px 20px;
    background-color: #fff;
    min-height: 600px;
    transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
}
.ttl-box-profile {
    color: #333;
    font-size: 16px;
    font-weight: bold;
    height: 32px;
    line-height: 32px;
    border-bottom: 1px solid #ededed;
	margin-bottom: 20px;
}
.right-profile form .form-group{
	overflow: hidden;
}
.profile-user .block-control {
    border-bottom: 1px solid #e7e7e7;
	margin-bottom: 20px;
}
.profile-user .sort-block {
    width: 220px;
    display: inline-block;
    float: right;
    position: relative;
}
.sort-block .options-sort .option-selected {
    padding: 0 24px 0 10px;
    position: relative;
    border: 1px solid #c6c6c6;
    background: #f5f5f5;
    cursor: pointer;
    color: #666666;
    height: 30px;
    line-height: 30px;
    border-radius: 2px;
}
.options-sort .option-selected:after {
    content: '';
    display: block;
    float: right;
    background: url(i/arr_down.svg) no-repeat 0 0;
    position: absolute;
    width: 32px;
    height: 32px;
    top: 9px;
    right: -19px;
    background-size: 30%;
}
.sort-block .options-sort .sub-options-sort {
    width: 100%;
    position: absolute;
    top: 30px;
    border: 1px solid #c6c6c6;
    background: #fff;
    display: none;
    z-index: 1;
}
.sort-block .options-sort .sub-options-sort a{
	color: #333;
}
.sort-block .options-sort .sub-options-sort span {
    display: block;
    line-height: 17px;
    padding: 5px;
    cursor: pointer;
}
.profile-user .order-tabs {
    margin-top: 10px;
    width: 50%;
    display: inline-block;
	padding:0;
	margin: 0;
}
.profile-user .order-tabs li {
    display: inline-block;
    margin-right: 20px;
}
.profile-user .order-tabs li a {
    display: block;
    padding: 10px 0;
    border-bottom: none;
    white-space: nowrap;
	color: #333;
	font-size: 14px;
}
.profile-user .order-tabs li.active a {
    background: #fff;
    font-weight: bold;
    color: #e5101d;
}
.profile-user .order-tabs li:hover, .profile-user .order-tabs li.active {
    border-bottom: 2px solid #e5101d;
}
.order-teaser {
    background-color: #fff;
    box-shadow: 0 1px 1px #dadada!important;
    margin-bottom: 14px;
}
.order-teaser__header {
    padding: 9px 20px;
    background: #fafafa;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
}
.order-teaser__body {
    padding: 10px;
}
.order-teaser__title {
    display: block;
    font-size: 14px;
    color: #202020;
}
.order-teaser__link {
    text-transform: uppercase;
    color: #1a9cb7;
    font-size: 14px;
}
.order-teaser__subtitle {
    display: block;
    font-size: 13px;
    font-weight: 300;
    color: #202020;
}
.order-teaser__rows {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: start;
    align-content: flex-start;
}
.order-teaser__product {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 49%;
    flex-basis: 49%;
    box-sizing: border-box;
}
.order-product-teaser {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 10px;
}
.order-product-teaser__img {
    width: 75px;
    height: 75px;
    margin-right: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    white-space: nowrap;
    text-align: center;
    overflow: hidden;
    display: block;
}
.order-product-teaser__img img {
    max-width: 100%;
    max-height: 100%;
    height: auto;
}
.order-product-teaser__title {
    font-size: 14px;
    font-weight: 300;
    color: #202020;
    margin-bottom: 3px;
    overflow: hidden;
    display: block;
    white-space: nowrap;
    max-width: 352px;
    text-overflow: ellipsis;
}
.order-product-teaser__status {
    background-color: #f8f8f8;
    border: 1px solid #dadada;
    border-radius: 12px;
    font-size: 12px;
    color: gray;
    padding: 5px 12px;
    display: inline-block;
    margin-bottom: 7px;
    white-space: nowrap;
    line-height: 1;
}
.box-new-one .media .media-left, .box-new-two .media .media-left, .box-new-three .media .media-left{
	min-width: 80px;
}
.col-left.news{
	width: 880px;
}
.r-news{
	width: 300px;
}
.product-news .box-item{
	margin: 0;
	padding: 0;
}
.product-news .box-item .items{
	width: 96px;
	margin: 1px;
	float: left;
	padding: 0 5px;
	margin-bottom: 5px;
	position: relative;
	border: 1px solid #ddd;
}
.product-news .box-item .items a{
	color: #333;
}
.product-news .box-item .items p span{
	text-align: center;
	width: 100%;
	margin-top:0;
}
.product-news .box-item .items .box-name{
	line-height: 12px;
	height: 24px;
	overflow: hidden;
	margin: 5px 0 0;
}
.sale-good{
	bottom: 55px;
	background-color: #efefef!important;
	top: inherit!important;
	left: 0;
}
.ads-mid{
	display: block;
	overflow: hidden;
}
.ads-mid img{
	width: 50%;
	padding: 10px;
}
.title-sm{
	display: block;
	clear: both;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ddd;
}
.tags-box{
	display: block;
	clear: both;
}
.tags-box a {
	border: 1px solid #ddd;
	padding: 2px;
}
.box-related{
	display: block;
	clear: both;
}
.box-related .col-xs-3{
	padding: 5px;
}
.box-related .boder-related{
	border: 1px solid #ddd;
    border-radius: 2px;
	padding: 0px;
	position: relative;
	overflow: hidden;
}
.box-related .boder-related:hover img{
	-webkit-transform: scale(1.05,1.05);
    -moz-transform: scale(1.05,1.05);
    -ms-transform: scale(1.05,1.05);
    -o-transform: scale(1.05,1.05);
    transform: scale(1.05,1.05);
}
.box-related .boder-related:hover h4{
	
}
.box-related .col-xs-3 h4{
	position: absolute;
    display: block;
    bottom: 5px;
    padding: 4px;
    background: rgba(0, 0, 0, 0.5);
    color: #FFF;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal;
    margin: 0;
    width: 100%;
}
.box-hinhthuc .radio{
	border-bottom: 1px dotted #ddd;
    padding: 5px;
    margin-bottom: 5px;
}
.description-ht{
	padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #f3f1f2;
	display: none;
}
.toltal-checkout{
	background: #f3f1f2;
	padding: 10px;
	margin-top: 20px;
}
.toltal-checkout .table{
	margin: 0;
}
.block-ads-home{
	clear: both;
	margin-bottom: 20px;
	overflow: hidden;
	background-color: #FFF;
    min-height: 383px;
}
.block-ads-home .block-categories {
    border: 1px solid #64BC2B;
    border-top-width: 3px;
	overflow: hidden;
}
.block-ads-home .categories-left {
    float: left;
	position: relative;
}
.block-ads-home .categories-right .box-collection {
    overflow: hidden;
    height: 380px;
}
.block-ads-home .categories-right a {
    text-align: center;
    margin: 0 auto;
    display: block;
    height: 100%;
    overflow: hidden;
}
.block-ads-home .categories-right a img {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
	background: #FFF;
}
.block-ads-home .categories-right a span {
    background-color: rgba(255,255,255,0.85);
    color: #333;
    font-size: 13px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    padding: 0 10px;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}
.block-ads-home .categories-right a:hover img {
    -webkit-transform: translateX(5px);
    -moz-transform: translateX(5px);
    -ms-transform: translateX(5px);
    -o-transform: translateX(5px);
    transform: translateX(5px);
}
.block-ads-home .block-brand-logo {
    margin-top: 1px;
    background-color: #f7f7f7;
}
.block-ads-home img{
	background: #FFF;
}
.block-ads-home .categories-left .cate-slide{
	height: 300px;
}
.block-ads-home .categories-left .cate-slide{
	width: 300px;
}
.block-ads-home .categories-left .col-item{
	width: 300px;
}
.block-ads-home .categories-left .cate-big-img{
	width: 638px;
}
.block-ads-home .categories-left .cate-big-img ul.slick-dots{
	margin: 0;
	text-align: center;
}
.block-ads-home .categories-left .cate-tags{
	width: 938px;
}
.block-ads-home .categories-left .col-item a{
	width: 100%;
	border: none;
}
.block-ads-home .categories-right .box-collection{
	padding-top: 1px;
	width: 400px;
}
.block-ads-home .categories-right .box-collection .box{
	height: auto;
}
.categories-left .cate-slide.border-left{
	border-left: 1px solid #e7e7e7;
	border-right: none;
}
.ads-2.block-ads-home .categories-left .cate-slide{
	width: 210px;
	padding: 5px 0;
}
.ads-2.block-ads-home .categories-left .cate-big-img{
	width: 310px;
	padding: 5px 0;
}
.ads-2.block-ads-home .categories-left .cate-big-img a:hover img{
	-webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -ms-transform: scale(1,1);
    -o-transform: scale(1,1);
    transform: scale(1,1);
}
.ads-2.block-ads-home .categories-right .box-collection{
	width: 418px;
	padding: 5px 0;
	height: 415px;
}
.ads-2.block-ads-home .categories-right .box-collection .box{
	border: none!important;
}
.ads-2.block-ads-home .categories-right .box-collection .box:first-child{
	margin-bottom: 5px;
}
.ads-2.block-ads-home .categories-right .box-collection .box:nth-child(2){
	margin-bottom: 5px;
}
.ads-2.block-ads-home .block-brand-logo{
	width: 512px;
    position: absolute;
    left: 0;
	margin-top: 20px;
}
.ads-2 .categories-left .cate-slide.border-left .title-cate h3 .fa{
	left: 5px;
}
.block-ads-home .cate-big-img a:hover img {
	-webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
}
.block-ads-home .categories-right a:hover img {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
}
.categories-left .border-left{
	border-right: none;
	border-left: 1px solid #e7e7e7;
}
.ads-3.block-ads-home{
	height: 495px;
	overflow: hidden;
}
.ads-3.block-ads-home .categories-left .title-cate a{
	padding: 2px 20px;
}
.ads-3.block-ads-home .categories-left .cate-slide{
	width: 338px;
}
.ads-3.block-ads-home .categories-left .cate-slide{
	height: 490px;
}
.ads-3.block-ads-home .categories-right .box-collection{
	width: 490px;
	height: auto;
	float: left;
}
.ads-3 .categories-right .box-collection .box{
	width: 245px;
}
.ads-3 .categories-right .box-collection .box:first-child{
	border-left: 1px solid transparent;
}
.ads-3 .categories-right .box-collection .box:nth-child(3){
	border-left: 1px solid transparent;
	border-bottom: 1px solid transparent;
}
.ads-3 .categories-right .box-collection .box:nth-child(4){
	border-bottom: 1px solid transparent;
}
.ads-3 .block-brand-logo .block-logo{
	height: 180px;
}
.ads-3 .block-brand-logo .block-logo a{
	text-align: center;
	border: none;
}
.ads-3 .block-brand-logo .block-logo img{
	border: 1px solid transparent;
	width: 159px;
    height: 52px;
	margin-bottom: 6px;
}
.ads-3 .block-brand-logo .block-logo img:hover{
	border: 1px solid #64BC2B;
}
.ads-3.block-ads-home .cate-tags{
	width: 110px;
	float: left;
}
.ads-3 .cate-tags a {
    display: inline-block;
    background-color: #FFF;
    line-height: 15px;
    border: 1px solid #64BC2B;
    text-align: center;
    border-radius: 1px;
    padding: 5px 5px;
    margin: 2px 5px 0px 5px;
    color: #F8007B;
    font-size: 12px;
	width: 101px;
}
.ads-3 .cate-tags a:hover{
	background-color: #64BC2B;
	color: #FFF;
}
.ads-3 .categories-left .border-left{
	border-left: 1px solid #e7e7e7;
	border-right: none!important;
}
.ads-news.block-ads-home{
	border: 1px solid #64BC2B;
    border-top-width: 3px;
    overflow: hidden;
	padding: 1px 1px 0 1px;
	position: relative;
}
.ads-news.block-ads-home .ads-news-left{
	float: left;
}
.ads-news.block-ads-home .ads-top-lg{
	display: block;
	width: 880px;
	position: relative;
	overflow: hidden;
	margin-bottom:1px;
}
.ads-news.block-ads-home .ads-top-lg .slick-prev,.ads-news.block-ads-home .ads-top-lg  .slick-next{
	display: none!important;
}
.ads-news.block-ads-home .slick-dots{
	margin: 5px auto;
	text-align: center;
}
.ads-news.block-ads-home .ads-bottom-left{
	margin-top: 5px;
	margin-bottom:1px;
	display: block;
	width: 880px;
	overflow: hidden;
	position: relative;
}
.ads-news.block-ads-home .ads-bottom-left .ads-child{
	text-align: center;
	padding: 1px;
	width: 245px;
	height: 245px;
	overflow: hidden;
	position: relative;
}
.ads-news.block-ads-home .ads-bottom-left .ads-child img{
	display: initial;
}
.ads-news.block-ads-home .ads-bottom-left .ads-child.box-product{
	height: 305px;
}
.ads-news.block-ads-home .brand-new {
	position: absolute;
	width: 146px;
	height: 100%;
	top:0;
	right:0;
	padding: 6px 10px;
	overflow: hidden;
	background-color: #f7f7f7;
	text-align: center;
}
.ads-news.block-ads-home .brand-new img{
	margin-bottom: 15px;
}	
.ads-child.box-product .image{
	overflow: hidden;
    display: block;
    position: relative;
    margin: 25px auto 0;
    text-align: center;
    background: #fff;
    height: 200px;
    white-space: nowrap;
}
.ads-child.box-product{
	padding: 5px!important;
}
.ads-child.box-product .image img{
	border: none;
    position: relative;
	max-width: 100%;
	height: auto;
}
.ads-child.box-product .title {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative;
    text-align: left;
    margin: 5px auto 0;
    letter-spacing: .1px;
    width: 100%;
    font-size: 13px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.38;
    color: #242424;
}
.ads-child.box-product .price-sale {
    font-size: 13px;
    color: #242424;
    font-weight: 500;
    padding: 5px 0 0;
    text-align: left;
	margin: 0;
}
.ads-child.box-product .price-sale .price-regular {
    font-size: 11px;
    color: #a2a2a2;
    text-decoration: line-through;
    text-align: left;
    font-weight: 300;
}
.ads-child.box-product .sale-tag-square {
    color: #FF3B26;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    margin-left: 2px;
}
.ads-child.box-product p {
    padding: 5px 0 0;
    color: #777;
    font-size: 13px;
    text-align: left;
    margin: 0;
}
.ads-child.box-product .rating{
	display: inline-block;
	float: left;
}
.ads-child.box-product .review {
    padding-top: 6px;
    font-size: 12px;
    color: #787878;
    display: inline-block;
}
.ads-child.box-product .rating .rating-content span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    overflow: hidden;
}
.ads-child.box-product.rating .rating-content .star {
    font-family: icomoon;
    font-weight: 400;
    font-style: normal;
    display: inline-block;
    margin: .1rem;
    color: #b8b8b8;
    font-size: 13px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.ads-child.box-product .rating-content{
	position: relative;
}
.ads-child.box-product .rating-content span .fa {
    color: #ffc120;
}
.box:hover img, .box-slide:hover img, .ads-child:hover img{
	-webkit-transform: scale(1.05,1.05);
    -moz-transform: scale(1.05,1.05);
    -ms-transform: scale(1.05,1.05);
    -o-transform: scale(1.05,1.05);
    transform: scale(1.05,1.05);
}
.block-ads-home.border-xanh .block-categories{
	border: 1px solid #189eff!important;
	border-top-width: 3px!important;
}
.block-ads-home.border-vang .block-categories{
	border: 1px solid #64BC2B!important;
	border-top-width: 3px!important;
}
.border-vang .cate-tags a{
	border: 1px solid #64BC2B!important;
	color: #64BC2B!important;
}
.border-vang .cate-tags a:hover{
	color: #FFF!important;
	font-weight: bold;
}
.border-xanh .cate-tags a{
	border: 1px solid #189eff!important;
	color: #189eff!important;
}
.border-xanh .cate-tags a:hover{
	background-color: #189eff!important;
	color: #FFF!important;
	font-weight: bold;
}
.marquee_box{
	position: absolute;
    z-index: 999;
    top: 7px;
    width: 615px;
	font-size: 14px;
}
.categories-left .cate-slide .box-slide .slick-dots{
	position: absolute;
    bottom: 3px;
	left: 45%;
}
.product .ads-news.block-ads-home .ads-top-lg{
	width: 938px;
}
.product .ads-news.block-ads-home .ads-top-lg img{
	width: 100%!important;
	min-width: 100%!important;
}
.product  .ads-news.block-ads-home .ads-bottom-left{
	width: 938px;
}
.tab-detail-of-product .block-ads-home{
	clear: both;
    margin: 10px 20px;
	height: 310px!important;
	min-height: 310px!important;
}
.tab-detail-of-product .ads-news.block-ads-home .ads-bottom-left{
	width: 938px;
}
.tab-detail-of-product .ads-news.block-ads-home .ads-news-left{
	float: none!important;
}
.tab-detail-of-product .ads-news.block-ads-home .ads-prod{
	position: relative;
	height: 310px!important;
	min-height: 310px!important;
	overflow: hidden!important;
}
.nav-fixed-box {
	position: fixed!important;
	width: 30px;
    left: 10px;
	-webkit-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -ms-transition: all .1s ease;
    -o-transition: all .1s ease;
    transition: all .1s ease;
	top: 150px;
	z-index: 99999;
}
.nav-fixed-box.affix-top{
	top: 700px;
}
.nav-fixed-box .nav>li>a{
	padding: 0px!important;
	text-align: center;
}
.nav-fixed-box .nav>li.active a{
	background-color: #fafafa;
}
.nav-fixed-box .nav>li img{
	width: 22px;
}
.nav-fixed-box .nav>li.active img{
	
}
.nav-fixed-box.affix {
	top: 65px;
	border:none!important;
}
.nav-fixed-list {
    background-color: #fafafa;
    border: 1px solid #fafafa;
	margin: 0;
    padding: 0;
}
.nav-fixed-list li {
    width: 28px;
    padding: 2px;
	border: 1px solid transparent;
}
.nav-fixed-list li.active {
	width: 40px;
    margin-left: -6px;
    border: 1px solid #64BC2B;
	background-color: #fafafa;
}
.nav-fixed-list li span {
    display: block;
    text-align: center;
    position: relative;
    height: 100%;
    line-height: 40px;
    cursor: pointer;
}
.ads-col-new-left{
	clear: both;
	margin: 15px 0;
}
.ads-col-new-left div:first-child{
	margin-bottom: 20px;
}
.ads-col-new-left div:nth-child(2){
	margin-bottom: 20px;
}
.col-left.news .block-ads-home.ads-news{
	min-height:200px!important;
}
.form-box{
	width: 500px;
	margin: 0 auto 10px;
	border: 1px solid #64BC2B;
	border-radius: 4px;
	padding: 10px 10px 0 10px;
	background: #f9f9f9;
}
/* content */
/* footer */
footer{
	background: #efefef;
    border-top: 1px solid #d5d5d5;
    margin-top: 20px;
}
.nav-footer {
	clear: both;
	overflow: hidden;
}
.nav-footer  a{
	color: #333;
	font-size: 13px;
}
.nav-footer  a:hover{
	color: #64BC2B;
}
.nav-footer .cont-nav-footer {
    overflow: hidden;
    margin: 14px auto;
	position: relative;
}
.cont-nav-footer .cont-nav-left {
    min-height: 365px;
}
.nav-footer .cont-nav-footer .block-nav {
    width: 20%;
    float: left;
}
.block-nav ul{
	margin-bottom: 10px;
}
.block-nav h4{
	margin: 0 0 5px 0;
}
.cont-nav-footer .cont-nav-right {
    width: 250px;
    padding-left: 20px;
    position: absolute;
    right: 0;
    top: 0;
}
.cont-nav-footer .cont-nav-right .cont {
    margin-bottom: 10px;
}
.cont-nav-footer .cont-nav-right .cont > span {
    font-weight: bold;
    line-height: 20px;
    margin-bottom: 5px;
    display: block;
}
.cont-nav-right .cont .apple, .cont-nav-right .cont .adriod {
    background: url(../img/ic-sprites.png) no-repeat 0 -350px;
    width: 97px;
    height: 30px;
    display: inline-block;
}
.cont-nav-right .cont .apple {
    margin-right: 10px;
}
.cont-nav-right .cont .banking-list {
    width: 175px;
    height: 65px;
    cursor: default;
    display: inline-block;
    background: url(../img/ic-sprites.png) 0 -149px no-repeat;
}
.cont-nav-right .cont .transport {
    width: 240px;
    height: 55px;
    margin-right: 0;
    cursor: default;
    display: inline-block;
    background: url(../img/ic-sprites.png) 0 -240px no-repeat;
}
.block-tags-search .tags-search {
    margin: 0 auto;
    padding: 15px 0;
}
.block-tags-search .tags-search .tl {
    font-weight: bold;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 13px;
    display: block;
}
.block-tags-search .tags-search .tags {
    line-height: 24px;
}
.block-tags-search .tags-search strong {
    font-weight: normal;
    white-space: nowrap;
    display: inline-block;
}
.block-tags-search .tags-search a {
    display: inline-block;
    line-height: 24px;
    text-transform: lowercase;
	color: #333;
}
.block-tags-search .tags-search a:hover {
	color: #64BC2B;
}
.policy-block {
    background-color: #efefef;
    font-size: 12px;
}
.policy-block-cont {
    padding: 15px 0;
    margin: 0 auto;
	position: relative;
}
.policy-block .policy-block-left {
    border-right: 1px solid #e7e7e7;
    margin-right: 250px;
	overflow: hidden;
}
.policy-block .policy-block-right {
    width: 250px;
    padding-left: 10px;
    line-height: 10px;
    color: #666;
    position: absolute;
    right: 0;
    top: 20px;
    bottom: 0;
}
.policy-block .policy-block-right p {
    padding-top: 5px;
    line-height: 15px;
	margin: 0;
	font-size: 12px;
}
.policy-block-left .media-left{
	padding-right: 5px;
	padding-top: 5px;
}
.policy-block-left .media-heading{
	margin: 0;
}
.policy-block-left .media-heading a{
	font-weight: normal;
    font-size: 12px;
	color: #666;
	line-height: 15px;
}
.policy-block-left .media-heading a:hover{
	color: #64BC2B;
}
.policy-block .media .media-left{
	min-width: 45px;
}
.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display:none;
}
.ft-cats-links {
    margin: 10px 0 0 0;
    padding: 0;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}
.ft-cats-links li {
    display: inline-flex;
    padding: 3px 5px 3px 5px;
    margin: 0;
    width: 170px;
}
.ft-cats-links li img {
    margin-right: 5px;
	display: block;
	width: 20px;
	height: 20px;
}
.ft-cats-links li a {
    color: #0089e0;
}
.col.footer-info {
    width: 15%;
}
.col--meta-info{
	width: 46%;
    float: left;
}
.col--meta-info h3{
	margin: 10px 0 0 0;
    font-size: 18px;
    line-height: 24px;
}
.footer-info h2 {
    line-height: 40px;
    text-transform: uppercase;
    font-weight: 700;
	font-size: 14px;
	margin: 0;
}
.footer-info li {
    line-height: 25px;
}
.footer-info-last {
    float: right!important;
    margin-top: 10px;
}
.footer-info .footer-social.title {
    line-height: 45px;
    padding-right: 5px;
}
.footer-info .footer-social-item {
    line-height: 30px;
    margin: 5px;
    width: 30px;
    height: 30px;
    border-radius: 20px;
    text-align: center;
    color: #fff;
    font-size: 1.4em;
}
.footer-info .footer-social-item img{
	display: inline;
}
.footer-app.title{
	clear: both;
	display: block;
	margin-bottom: 5px;
}
.footer-payment {
    margin-top: 5px;
    display: table;
}
.footer-payment.img {
    background: url(../img/visa-mastercard.png)no-repeat right center;
    height: 39px;
    width: 258px;
}
.footer-meta-info {
    display: block;
    border-top: 1px solid #ddd;
    padding-top: 20px;
    margin-top: 10px;
}
.footer-meta-info h3 {
    font-size: 1.4em;
	margin-top: 0;
	text-transform: uppercase;
	font-weight: 300;
}
.footer-meta-info h3 i {
    text-transform: none;
    display: inline-block;
    font-size: .9em;
}
.footer-meta-brand {
    width: 100%;
	float: left;
}
.footer-meta-info-brand {
    margin-top: 10px;
}
.footer-meta-info-brand .brand-name {
    font-weight: 700;
}
.footer-meta-info-brand .brand-name i {
    font-weight: 300;
}
.footer-meta-info-brand .item .phone-number {
    font-weight: normal;
}
.footer-verified {
	clear: both;
	padding-top: 10px;
    display: inline-block;
    margin-bottom: 10px;
}
.footer-verified-title {
    font-weight: 700;
}
.footer-verified-item {
    position: relative;
    border: solid 1px #ddd;
    margin-right: 10px;
    padding: 0;
    height: 57px;
    text-align: center;
    font-size: 12px !important;
    vertical-align: middle;
}
.footer-verified-item img {
    max-height: 57px;
    max-width: 100%;
    margin: 0 auto;
	padding: 2px;
}
.wrap-slider-blocks {
    border: 1px solid #e7e7e7;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #f9f9f9;
    margin-top: 14px;
    clear: both;
    position: relative;
	margin-bottom: 15px;
}
.footer-bottom {
    font-size: .95em;
    padding: 10px 0;
	border-top: 1px solid #ddd;
}
.float-center {
    text-align: center;
}
.sp-quan-tam, .sp-quan-tam-detail {
    background-color: #f7f7f7;
    overflow: hidden;
}
.wrap-slider-blocks .box-ttl {
    height: 40px;
    overflow: hidden;
    padding: 0 10px;
    background-color: #f9f9f9;
}
.wrap-slider-blocks .box-ttl h3 {
    float: left;
    font-size: 19px;
    color: #505050;
    line-height: 40px;
    font-weight: 400;
	margin: 0;
}
.sp-quan-tam .items, .sp-quan-tam-detail .items {
    width: 16.666%;
    float: left;
    margin-bottom: 15px;
    margin-top: 5px;
}
.sp-quan-tam .items a, .sp-quan-tam-detail .items a {
    display: block;
    width: 180px;
    height: 180px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
	background-color: transparent;
    color: #333;
}
.sp-quan-tam .items a img, .sp-quan-tam-detail .items a img {
    background: #FFF;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
	transform-style: preserve-3d;
}
.sp-quan-tam .items a .box-name {
    position: absolute;
    line-height: 30px;
    height: 0;
    bottom: 30px;
    background: rgba(255,255,255,0.8);
    padding: 0 5px;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}
.sp-quan-tam .items a .box-price, .sp-quan-tam-detail .items a .box-price {
    display: block;
    position: absolute;
    width: 100%;
    overflow: hidden;
    padding: 0 8px;
    bottom: 0;
    background-color: rgba(255,255,255,0.8);
}
.discout-ele {
    /* background-color: #FFF;
    font-size: 13px;
    color: #64BC2B;
    text-align: center;
    font-weight: 300;
    position: absolute;
    width: 52px;
    height: 22px;
    line-height: 20px;
    border-radius: 2px;
    border: 1px solid #64BC2B;
    right: 5px;
    top: 5px; */
	margin: 0;
    padding: 0;
    position: absolute;
    right: 5px;
    top: 5px;
    height: 30px;
    line-height: 30px;
    z-index: 1;
    background: #da251c;
    pointer-events: none;
}
.box-item{
	background: #FFF;
    overflow: hidden;
    margin-bottom: 10px;
}
.items a .box-price .curr-price {
    float: left;
    font-size: 14px;
    color: #64BC2B;
    margin-top: 8px;
}
.items a .box-price .old-price {
    float: right;
    text-decoration: line-through;
    margin-top: 8px;
}
.items p{
	margin-bottom: 0;
}
.sp-quan-tam .items a:hover, .sp-quan-tam-detail .items a:hover {
    box-shadow: 0px 1px 8px #F16A73;
}
.sp-quan-tam .items a:hover img, .sp-quan-tam-detail .items a:hover img {
    -webkit-transform: scale(1.02,1.02);
    -moz-transform: scale(1.02,1.02);
    -ms-transform: scale(1.02,1.02);
    -o-transform: scale(1.02,1.02);
    transform: scale(1.02,1.02);
}
.sp-quan-tam .items a:hover .box-name {
    opacity: 1;
    height: 30px;
}
.sp-quan-tam .items a:hover .box-price, .sp-quan-tam-detail .items a:hover .box-price {
    background-color: #f3f3f3;
}
.media-body a{
	color: #333;
}
.media-body a:hover{
	color: #64BC2B;
}
/* footer */
/* slick */
/* Slider */

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus {
    outline: none;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}
.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide {
    float: right;
}
.slick-slide img {
    display: block;
	width: 100%;
}
.slick-slide.slick-loading img {
    display: none;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
	position: relative;
	padding: 1px;
}
.img-product .slick-initialized .slick-slide {
	border: 2px solid #fff;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
.slick-prev, .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 30px;
    height: 60px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
	background-color: rgba(255,185,9,.35);
}
.slick-prev {
    width: 30px;
    height: 60px;
    background-image: url(../img/arrow-collection.png);
    background-repeat: no-repeat;
    background-position: 5px;
	z-index: 999;
	border-radius: 0 60px 60px 0;
}
.slick-next {
    width: 30px;
    height: 60px;
    background-image: url(../img/arrow-collection.png);
    background-repeat: no-repeat;
    background-position: -16px;
	border-radius: 60px 0 0 60px;
	z-index: 999;
}
.slick-prev {
    left: 0px;
}
.slick-next {
    right: 0px;
}
/* slick */
/* mCustomScrollbar */
.mCSB_container {
    width: auto;
    margin-right: 0px;
}
.mCSB_container.mCS_no_scrollbar {
    margin-right: 0
}
.mCS_disabled>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar,
.mCS_destroyed>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar {
    margin-right: 30px
}
.mCustomScrollBox>.mCSB_scrollTools {
    width: 10px;
    bottom: 0;
    top: 0;
    right: 0
}
.mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto
}
.mCSB_scrollTools a+.mCSB_draggerContainer {
    margin: 20px 0
}
.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}
.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-align: center
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
    display: block;
    position: relative;
    height: 20px;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}
.mCSB_scrollTools .mCSB_buttonDown {
    top: 100%;
    margin-top: -40px
}
.mCSB_horizontal>.mCSB_container {
    height: auto;
    margin-right: 0;
    margin-bottom: 30px;
    overflow: hidden
}
.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar {
    margin-bottom: 0
}
.mCS_disabled>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar,
.mCS_destroyed>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar {
    margin-right: 0;
    margin-bottom: 30px
}
.mCSB_horizontal.mCustomScrollBox>.mCSB_scrollTools {
    width: 100%;
    height: 16px;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    overflow: hidden
}
.mCSB_horizontal>.mCSB_scrollTools a+.mCSB_draggerContainer {
    margin: 0 20px
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger {
    width: 30px;
    height: 100%
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight {
    display: block;
    position: relative;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
    float: left
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight {
    margin-left: -40px;
    float: right
}
.mCustomScrollBox {
    -ms-touch-action: none
}
.mCustomScrollBox>.mCSB_scrollTools {
    opacity: 0.75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}
.mCustomScrollBox:hover>.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)"
}
.mCSB_scrollTools .mCSB_draggerRail {
    background: #000;
    background: rgba(0, 0, 0, 0.4);
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #fff;
    background: rgba(255, 255, 255, 0.75);
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: rgba(255, 255, 255, 0.85);
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)"
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: rgba(255, 255, 255, 0.9);
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)"
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
    background-image: url(mCSB_buttons.png);
    background-repeat: no-repeat;
    opacity: 0.4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}
.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0
}
.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px
}
.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px
}
.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px
}
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
    opacity: 0.75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}
.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
    opacity: 0.9;
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)"
}
.mCS-dark>.mCSB_scrollTools .mCSB_draggerRail {
    background: #000;
    background: rgba(0, 0, 0, 0.15)
}
.mCS-dark>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #000;
    background: rgba(0, 0, 0, 0.75)
}
.mCS-dark>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: rgba(0, 0, 0, 0.85)
}
.mCS-dark>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: rgba(0, 0, 0, 0.9)
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}
.mCS-light-2>.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background: #fff;
    background: rgba(255, 255, 255, 0.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    background: #fff;
    background: rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}
.mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0
}
.mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto
}
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: rgba(255, 255, 255, 0.85)
}
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: rgba(255, 255, 255, 0.9)
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px 0
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -20px
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -40px
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -56px
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background: #000;
    background: rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    background: #000;
    background: rgba(0, 0, 0, 0.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}
.mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0
}
.mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: rgba(0, 0, 0, 0.85)
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: rgba(0, 0, 0, 0.9)
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px 0
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -20px
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -40px
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -56px
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background: #fff;
    background: rgba(255, 255, 255, 0.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background: #fff;
    background: rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}
.mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0
}
.mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 5px auto
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: rgba(255, 255, 255, 0.85)
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: rgba(255, 255, 255, 0.9)
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px 0
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -20px
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -40px
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -56px
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background: #000;
    background: rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background: #000;
    background: rgba(0, 0, 0, 0.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}
.mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0
}
.mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 5px auto
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: rgba(0, 0, 0, 0.85)
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: rgba(0, 0, 0, 0.9)
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px 0
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -20px
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -40px
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -56px
}
.mCS-light-thin>.mCSB_scrollTools .mCSB_draggerRail {
    background: #fff;
    background: rgba(255, 255, 255, 0.1)
}
.mCS-light-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px
}
.mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail {
    width: 100%
}
.mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 2px;
    margin: 7px auto
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_draggerRail {
    background: #000;
    background: rgba(0, 0, 0, 0.15)
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px;
    background: #000;
    background: rgba(0, 0, 0, 0.75)
}
.mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail {
    width: 100%
}
.mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 2px;
    margin: 7px auto
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: rgba(0, 0, 0, 0.85)
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: rgba(0, 0, 0, 0.9)
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}
/* mCustomScrollbar */
/* simpleLens */
.simpleLens-container {
    display: table;
    position: relative;
	margin-bottom: 10px;
}
.simpleLens-big-image-container {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    position: relative;
    width: 500px!important;
	height: 400px!important;
}
.simpleLens-big-image {
    max-width: 100%;
	max-height: 100%;
}
.simpleLens-lens-image {
    width: 400px!important;
	height: 400px!important;
    display: inline-block;
    text-align: center;
    margin: 0;
    box-shadow: none;
    float: none;
    position: relative
}
.simpleLens-mouse-cursor {
    background-color: #CCC;
    opacity: 0.2;
    filter: alpha(opacity 20);
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #999;
    box-shadow: 0 0 2px 2px #999;
    cursor: none
}
.simpleLens-lens-element {
    background-color: #FFFFFF;
    box-shadow: 0 0 2px 2px #8E8E8E;
    height: 400px;
    left: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 400px;
    z-index: 9999;
    text-align: center
}
.simpleLens-lens-element img {
    position: relative;
    top: 0;
    left: 0;
    width: auto !important;
    max-width: none !important
}
.simpleLens-thumbnails-container{
	margin: 0 35px;
}
.simpleLens-thumbnails-container a{
    display: inline-block;
}
.simpleLens-thumbnails-container a img{
    display: block;
}
.simpleLens-thumbnails-container .slick-prev{
	left: -35px;
}
.simpleLens-thumbnails-container .slick-next{
	right: -35px;
}
/* simpleLens */
.tophead {
    background-color: #f2f2f2;
    border-bottom: 1px solid #e5e5e5;
    height: 28px;
    line-height: 28px;
}
.col {
    float: left;
}
.top-info-phone {
    position: relative;
    text-indent: 5px;
    padding: 0 20px 0 0;
}
.toplink .fa {
    color: #64BC2B;
}
.fa-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%;
}
.top-info-phone span {
    margin: 0 5px;
}
.top-info-phone .hd-sp-drop {
    position: relative;
    display: inline-block;
    height: 28px;
    width: 30px;
    float: right;
    line-height: 28px;
    z-index: 10;
}
.hd-sp-drop-bg {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
	cursor: pointer;
}
.top-info-phone .hd-sp-drop:hover .hd-sp-drop-bg {
    background: #fff;
    border: 1px solid #ddd;
    border-bottom: none;
}
.top-info-phone .hd-sp-drop:hover .info-help-phone {
    display: block;
    z-index: 1;
    position: absolute;
    background: #fff;
    border: 1px solid #ddd;
    width: 200px;
    line-height: 25px;
    left: -10px;
    top: calc(100% - 1px);
    border-radius: 0 0 4px 4px;
	padding: 10px 5px;
}
.top-info-phone .hd-sp-drop .i-view-more {
    right: 10px;
    z-index: 3;
}
.i-view-more {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid #888;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: "";
    position: absolute;
    top: 48%;
}
.info-help-phone {
    display: none;
	min-width: 200px;
    background: #FFF;
	top: calc(100% - 1px);
}
.info-help-phone span {
    display: block;
    margin: 0;
}
.info-help-phone img {
    vertical-align: sub;
    padding: 0 3px;
}
.info-help-phone .fa {
    width: 25px;
    font-size: 1.2em;
}
.toplink {
    width: 100%;
}
.float-right {
    float: right;
}
.toplink li {
    padding: 0 10px;
    white-space: nowrap;
}
.toplink.float-right li {
    float: right;
}
.toplink .policy-link {
    position: relative;
}
.toplink .policy-info {
    display: none;
}
.toplink .policy-link:hover .policy-info {
    display: block;
    z-index: 999;
    position: absolute;
    background: #fff;
    border: 1px solid #ddd;
    width: 300px;
    line-height: 25px;
    right: -106px;
    top: 27px;
    overflow: hidden;
    border-radius: 0 0 4px 4px;
	padding: 5px 0;
}
.toplink .policy-info span {
    display: block;
    padding: 0 10px;
}
.toplink .policy-link .fa {
    font-size: 1.3em;
    padding-right: 5px;
}
.policy-info .fa {
    width: 20px;
    color: #666;
    font-weight: 100;
}
.cart {
    width: 150px;
	position: relative;
	margin-top: 17px;
	cursor: pointer;
	padding: 3px 8px;
	border-radius:5px;
	border:1px solid #64BC2B;
}
.cart .fa-shopping-cart {
    font-size: 1.8em;
    line-height: .9em;
    color: #64BC2B;
    float: left;
    text-indent: -1px;
    padding: 4px;
    margin: 0 8px 0 0;
    border: 2px solid #64BC2B;
    border-radius: 50%;
    overflow: hidden;
    width: 30px;
    height: 30px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}
.cart-title {
    font-weight: 700;
	padding: 6px;
}
.i-view-more {
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: middle;
    border-top: 4px solid #888;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: "";
    position: absolute;
    top: 48%;
    right: -1px;
}
.cart-status {
    white-space: nowrap;
}
.cart b {
    color: #64BC2B;
}
.cart .cart-item-count {
    /*position: absolute;*/
    top: 3px;
    left: 16px;
    background: red;
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    border-radius: 30%;
    color: #fff;
    font-size: 9px;
}
.cart .cart-box {
    display: block;
}
.modalDialog>div.dialog .close, .box .close {
    color: #fff;
    line-height: 20px;
    position: absolute;
    right: -12px;
    text-align: center;
    top: -10px;
    width: 20px;
    height: 20px;
    text-decoration: none;
    font-weight: bold;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    text-indent: -100px;
    font-size: 0;
    opacity: 1;
    z-index: 999;
    background: url(../img/close-button.png) no-repeat center center;
}
.row.cart-item{
	margin: 0;
}
.row.cart-total{
	margin: 0;
}
.cart-box .cart-item {
    border-top: 1px dotted #ddd;
    padding: 5px 0;
    line-height: 20px;
    white-space: nowrap;
}
.cart-box .cart-item2 {
    width: 40%;
    padding-right: 10px;
    white-space: normal;
}
.cart-box .cart-item3.product {
    font-weight: 700;
    color: #64BC2B;
}
.cart-box .cart-item3, .cart-box .cart-item4 {
    width: 30%;
}
.cart-box .cart-item5 {
    float: right;
}
.cart-box .cart-total {
    border-top: 1px solid #ddd;
    padding: 8px 0;
}
.cart-total b {
    float: right;
    width: 40%;
}
.cart-box .cart-checkout {
    display: block;
    margin: 0 0 5px 0;
    background: #19abe0;
    line-height: 32px;
    font-weight: 400;
    font-size: 1.2em;
    border-radius: 3px;
    color: #fff;
    text-align: center;
}
.cart .cart-box {
	width: 300px;
    right: -20px;
    display: none;
    position: absolute;
    line-height: 25px;
    z-index: 999;
    background: #fff;
    padding: 5px 20px;
    top: 48px;
    min-width: 170px;
    box-shadow: 0 0 5px 0 rgba(0,0,0,.5)!important;
}
.cart.hover .cart-box {
	display: block;
}
.cart-box .cart-item1 img {
    width: 40px;
    padding-right: 10px;
    height: auto;
    max-height: 50px;
}
ul.cart-list{
	margin: 0;
	padding: 0;
}
.cart-box .cart-item .fa-trash-o {
    color: #aaa;
    font-size: 1.3em;
}
.cart-box-title{
	margin-bottom: 5px;
}
.cart .cart-box:before {
    position: absolute;
    content: "";
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #ddd;
    top: -8px;
	right: 145px;
}
.cart .cart-box:after {
    position: absolute;
    content: "";
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
    top: -7px;
	right: 145px;
}
.subcat-pad {
    display: block;
	width: 100%;
	/*background: #f6f6f6;*/
	background: #fff;	
}
.subcat-pad-main {
    padding-top: 10px;
}
.subcat-pad-main .subcat-item {
    padding: 0 10px;
    line-height: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.subcat-pad-main .subcat-item a{
	display: block;
}
.subcat-pad-main .subcat-item.more {
    text-align: right;
}
.subcat-pad-main .subcat-item.more > a{
	display: inline-block!important;
}
.subcat-pad-main .subcat-item.more:after {
    content: "»";
    font-size: 1.3em;
    padding-left: 10px;
    color: #999;
}
.subcat-brand-item {
    display: block;
    border: 1px solid #ddd;
    margin: 17px 20px;
    height: 60px;
    border-radius: 4px;
    background: #fff;
}
.subcat-brand-item img {
    max-width: 120px;
    max-height: 30px;
    display: block;
    margin: 15px auto;
}
.block-red ul.subcat-pad-main > li:hover{
	background: #da251c;
}

.block-red ul.subcat-pad-main > li.more:hover{
	background: transparent !important;
}
.block-red ul.subcat-pad-main > li:hover > a{
	color: #FFF;
}
.block-red ul.subcat-pad-main > li.more:hover > a{
	color: #333;
}
.block-red  .categories-left .title-cate a {
	/*background: #da251c;	*/
}
.block-red  .categories-left .title-cate {
	/*background: #da251c;*/
	border-top: 3px solid #da251c;
}
.block-red.block-categories-home .block-categories {
	/*border: 1px solid #da251c;*/
}
.block-red .more a {
    color: #da251c;
}
/*king - #64BC2B*/
.block-king ul.subcat-pad-main > li:hover{
	background: #64BC2B;
}
.block-king ul.subcat-pad-main > li.more:hover{
	background: transparent !important;
}
.block-king ul.subcat-pad-main > li:hover > a{
	color: #FFF;
}
.block-king ul.subcat-pad-main > li.more:hover > a{
	color: #333;
}
.block-king .categories-left .title-cate {
    /*background: #64BC2B;*/
	border-top:3px solid #64BC2B;
}
.block-king.block-categories-home .block-categories {
    /*border: 1px solid #64BC2B;    */
}
.block-king .more a {
    color: #64BC2B;
}
/*vcb*/
.block-vcb ul.subcat-pad-main > li:hover{
	background: #50955b;
}
.block-vcb ul.subcat-pad-main > li.more:hover{
	background: transparent !important;
}
.block-vcb ul.subcat-pad-main > li:hover > a{
	color: #FFF;
}
.block-vcb ul.subcat-pad-main > li.more:hover > a{
	color: #333;
}
.block-vcb .categories-left .title-cate {
    /*background: #50955b;*/
	border-top:3px solid #50955b;
}
.block-vcb.block-categories-home .block-categories {
    /*border: 1px solid #50955b;    */
}
.block-vcb .more a {
    color: #50955b;
}
/*#3598DB*/
.block-suno ul.subcat-pad-main > li:hover{
	background: #3598DB;
}
.block-suno ul.subcat-pad-main > li.more:hover{
	background: transparent !important;
}
.block-suno ul.subcat-pad-main > li:hover > a{
	color: #FFF;
}
.block-suno ul.subcat-pad-main > li.more:hover > a{
	color: #333;
}
.block-suno .categories-left .title-cate {
    /*background: #3598DB;*/
	border-top: 3px solid #3598DB;
}
.block-suno.block-categories-home .block-categories {
    /*border: 1px solid #3598DB;    */
}
.block-suno .more a {
    color: #3598DB;
}
/*#0B87C9*/
.block-dmca ul.subcat-pad-main > li:hover{
	background: #0B87C9;
}
.block-dmca ul.subcat-pad-main > li.more:hover{
	background: transparent !important;
}
.block-dmca ul.subcat-pad-main > li:hover > a{
	color: #FFF;
}
.block-dmca ul.subcat-pad-main > li.more:hover > a{
	color: #333;
}
.block-dmca .categories-left .title-cate {
    /*background: #0B87C9;*/
	border-top: 3px solid #0B87C9;
}
.block-dmca.block-categories-home .block-categories {
    /*border: 1px solid #0B87C9;    */
}
.block-dmca .more a {
    color: #0B87C9;
}

.categories-right{
	width: 959px;
	float: left;
	background: #FFF;
	padding-bottom:10px;
	border-left: 1px solid #efebeb;
}
.product-list-first, .product-list-second{
	width: 100%;
	margin-bottom: 10px;
}
.block-categories-home.block-green .block-categories{
	border: 1px solid #68b207;
}
.block-green .categories-left .title-cate{
	/*background: #68b207;*/
	border-top: 3px solid #68b207;
}
.block-green ul.subcat-pad-main > li:hover{
	background: #68b207;
}
.block-green ul.subcat-pad-main > li.more{
	background: transparent;
}
.block-green ul.subcat-pad-main > li:hover > a{
	color: #FFF;
}
.block-green ul.subcat-pad-main > li.more:hover > a{
	color: #333;
}
.block-green .more a {
	color: #68b207;
}
.block-categories-home.block-yellow .block-categories{
	border: 1px solid #ffb909;
}
.block-yellow .categories-left .title-cate{
	/*background: #ffb909;*/
	border-top: 3px solid #ffb909;
}
.block-yellow ul.subcat-pad-main > li:hover{
	background: #ffb909;
}
.block-yellow ul.subcat-pad-main > li.more{
	background: transparent;
}
.block-yellow ul.subcat-pad-main > li:hover > a{
	color: #FFF;
}
.block-yellow ul.subcat-pad-main > li.more:hover > a{
	color: #333;
}
.block-yellow .more a {
	color: #ffb909;
}

.block-categories-home.block-blue .block-categories{
	border: 1px solid #19abe0;
}
.block-blue .categories-left .title-cate{
	background: #19abe0;
}
.block-blue ul.subcat-pad-main > li:hover{
	background: #19abe0;
}
.block-blue ul.subcat-pad-main > li.more{
	background: transparent;
}
.block-blue ul.subcat-pad-main > li:hover > a{
	color: #FFF;
}
.block-blue ul.subcat-pad-main > li.more:hover > a{
	color: #333;
}
.col-filter{
	width: 230px;
	float: left;
    border-radius: 3px;
    box-shadow: 0 0 3px rgba(0,0,0,.5);
    border-bottom: solid 1px #ccc;
	margin-bottom: 20px;
}
.col-filter:hover{
	box-shadow: 0 0 3px rgba(0,0,0,.5)!important;
    border-bottom: solid 1px #ccc!important;
}
.cat-menu-title {
    line-height: 34px;
    color: #64BC2B;
    border-bottom: solid 1px #ccc;
    text-shadow: 1px 1px 0 #fff;
    background: #eee;
    font-weight: bold;
}
.cat-menu-title h2 {
    font-weight: bold;
    line-height: 34px;
    padding-left: 10px;
    text-align: left;
    font-size: 1.1em;
    letter-spacing: -.5px;
    text-transform: uppercase;
	margin: 0;
}
.cat-tree {
    position: relative;
}
.cat-tree-nav {
    max-height: 450px;
	margin: 0;
}
.cat-tree-item {
    border-bottom: 1px dotted #efefef;
    padding: 0 10px;
	position: relative;
}
.cat-tree-nav li:last-child {
    border-bottom: none;
}
.cat-tree-item:hover, .cat-tree-sub-item:hover {
    background: #f8f8f8;
}
ul.cat-tree-nav .cat-tree-item a {
    display: table;
    line-height: 28px;
    text-align: left;
    width: 100%;
    position: relative;
}
ul.cat-tree-nav .cat-tree-item a i.menu-icon {
    display: table-cell;
    width: 30px;
}
.cat-tree-item img {
    width: 25px !important;
    padding-right: 5px;
	display: inline;
}
.cat-tree-item .menu-text {
    line-height: 28px;
    display: table-cell;
    padding-right: 10px;
}
.cat-tree-sub {
    min-width: 200px;
    -webkit-column-break-inside: avoid;
    -webkit-column-width: 180px;
    -moz-column-width: 180px;
    column-width: 180px;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
    border: 1px solid #ddd;
    display: none;
    top: -1px;
    left: 100%;
    z-index: 9996;
    position: absolute;
    background-color: #fff;
    box-shadow: 2px 2px 5px #ccc;
    margin-left: -10px;
}
.cat-tree-sub-item {
    border-bottom: 1px dotted #ddd;
    padding-left: 10px;
    line-height: 33px;
}
.cat-tree-sub-box li:last-child {
    border-bottom: none;
}
.cat-tree-item.no-sub a.has-icon:after{
	 content: none;
}
.cat-tree-item a.has-icon:after {
    content: "";
    background: url(../img/Forward.png) no-repeat;
    font-size: 1.2em;
    width: 16px;
    height: 16px;
    top: 8px;
    right: -4px;
    position: absolute;
}
.cat-tree-item:hover .cat-tree-sub {
    display: block;
}
.list-brand-search {
    margin: 5px 0;
}
.list-brand-search .q-brand-search {
    margin: 5px 0 5px 10px;
    border: 1px solid #ddd;
    border-radius: 3px 0 0 3px;
    line-height: 24px;
    outline: none;
    padding: 0 5px;
    width: calc(100% - 46px);
}
.list-brand-search .btn-brand-search {
    text-indent: 100px;
    width: 26px;
    height: 26px;
    border-radius: 0 3px 3px 0;
    overflow: hidden;
    background: #68b207 url(../img/search-icon-20.png) no-repeat center;
    border: 1px solid #68b207;
    margin: 0 0 0 -4px;
    line-height: 22px;
    outline: none;
}
.list-brand-filter .list-brand-check, .list-size-filter .list-brand-check {
    max-height: 305px;
    overflow-y: auto;
	margin-bottom: 0;
}
.list-brand-check li {
    line-height: 25px;
    padding-left: 10px;
}
.list-brand-check li label{
	font-weight: 300;
}
.brand-checker, .form-checker {
    height: 14px;
    width: 14px;
    float: left;
    left: 0;
    margin-top: 5px;
    border: 1px solid #ccc;
    border-radius: 2px;
    margin-right: 5px;
}
input[type="radio"], input[type="checkbox"] {
    display: none;
}
input[type="checkbox"], input[type="radio"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
	-moz-appearance: none;
    -webkit-appearance: none;
}
.checked input:checked {
    height: 14px;
    width: 14px;
    background: url(../img/Checked-24.png) no-repeat left;
    border-radius: 2px;
    margin-top: -1px;
    margin-left: -1px;
    display: block;
}
.count-item {
    margin-left: 5px;
	color: #999;
}
.list-brand-check label:hover span {
    margin-bottom: 0;
    line-height: 14px;
    cursor: pointer;
    color: #19abe0;
}
.col-list-right{
	float: left;
    width: 940px;
    clear: none!important;
    margin-left: 20px;
}
.col-list-right.product{
	margin-top: 0;
}
.col-list-right .block-banner-top{
	height: auto;
	height: 270px;
	margin-bottom: 20px;
	overflow: hidden;
}
.col-list-right .block-banner-top .slick-arrow {
    display: block!important;
}
.cate-bar {
    border-bottom: solid 2px #ddd;
    margin: 0 0 10px 0;
}
.cate-bar ul.info-tabs {
    margin: 0;
    padding: 0;
    list-style: none;
}
ul.info-tabs li {
    background: none;
    color: #333;
    display: inline-block;
    padding: 0;
    cursor: pointer;
    text-align: center;
    border: solid 1px #ddd;
    border-bottom: none;
    border-radius: 3px 3px 0 0;
}
ul.info-tabs li:first-child, ul.info-tabs li:first-child:hover {
    font-weight: bold;
    border: solid 1px #fff;
    border-bottom: none;
    background: #fff;
    padding-right: 30px;
}
ul.info-tabs li h1 {
    display: block;
    font-size: 18px;
	margin: 0;
}
ul.info-tabs li.current {
    background: #ededed;
    color: #222;
    border: solid 1px #ddd;
    border-bottom: none;
    font-weight: bold;
    text-shadow: 1px 1px 0 #fff;
}
ul.info-tabs li:hover {
    background: #19abe0;
    border: solid 1px #0089e0;
    border-bottom: none;
}
ul.info-tabs li a {
    padding: 4px 10px;
    display: block;
}
ul.info-tabs li:hover a {
	color: #FFF;
	text-shadow: none;
}
.box-zone {
    width: 100%;
    clear: both;
    background: #fff;
    margin: 0 8px;
}
.title-zone>span {
    line-height: 26px;
}
.title-zone h2 {
    font-size: 1.4em;
    margin-right: 5px;
	margin-top: 0;
	margin-bottom: 0;
}
.box-sub-page {
    height: 26px;
    line-height: 26px;
    margin-right: 20px;
}
.box-sub-page>span {
    border: 1px solid #adadad;
    display: inline-block;
    line-height: 24px;
    border-radius: 3px;
    color: #0089e0;
    font-weight: bold;
    height: 24px;
    overflow: hidden;
}
.box-sub-page>span a {
    display: block;
    line-height: 24px;
    color: #333;
    font-weight: normal;
    padding: 0 5px;
}
.list-sort {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    width: 180px;
    border: 1px solid #ddd;
    border-radius: 3px;
    height: 26px;
    padding: 4px;
    color: #888;
    margin-left: 5px;
    outline: none;
    background: #fff;
}
.box-sort:after {
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: middle;
    border-top: 4px solid #888;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: "";
    margin-left: -15px;
}
.view-sort {
    margin-left: 10px;
}
.button-view {
    -webkit-appearance: none;
    -webkit-user-select: none;
    width: 30px;
    height: 26px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-right: 5px;
    float: left;
}
.button-view.grid {
    width: 30px;
    height: 26px;
    border: 1px solid #adadad;
    border-radius: 3px;
    background: url(img/Grid.png) no-repeat center;
}
.button-view.grid.active {
    width: 30px;
    height: 26px;
    border: 1px solid #adadad;
    border-radius: 3px;
    background: url(../img/Grid-active.png) no-repeat center;
}
.button-view.list {
    background: url(../img/List.png) no-repeat center;
}
.button-view.list.active {
    background: url(../img/List-active.png) no-repeat center;
}
.zone-filter {
    width: 100%;
    border-top: 1px solid #ddd;
    padding-top: 5px;
    margin-top: 5px;
}
.zone-filter-item {
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 10px;
}
.filter-lable {
    text-transform: uppercase;
    line-height: 26px;
}
.filter-lable h3{
	margin: 6px 0 0 0;
	font-size: 14px;
    font-weight: normal;
}
.list-filter ul{
	list-style: none;
}
.list-filter ul li {
    float: left;
    background-color: #fdfdfd;
    padding: 3px 5px;
    border: 1px solid #efefef;
    border-radius: 2px;
    margin: 0 3px;
}
.smart-filter {
    display: inline-block;
    position: relative;
}
.close-filter {
    margin-left: 5px;
    color: #888;
}
.zone-filter-item {
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 10px;
}
.filter-lable.delete a {
    font-weight: 500;
    color: #19abe0;
}
span.discout-ele {
	padding: 0 6px;
    color: #fff;
}
span.discout-ele:before {
    content: "";
    float: left;
    position: absolute;
    top: 0;
    left: -15px;
    width: 0;
    height: 0;
    border-color: transparent #da251c transparent transparent;
    border-style: solid;
    border-width: 15px 15px 15px 0;
    z-index: 1;
}
span.discout-ele:after {
    content: "";
    position: absolute;
    top: 13px;
    left: -5px;
    float: left;
    width: 4px;
    height: 4px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #fff;
    -moz-box-shadow: -1px -1px 2px #004977;
    -webkit-box-shadow: -1px -1px 2px #004977;
    box-shadow: -1px -1px 2px #004977;
}
.name-brand {
    margin: 2px 5px;
}
.name-brand a {
    color: #080;
}
.buy-now-button {
    text-align: center;
    text-transform: uppercase;
    display: block;
    visibility: hidden;
    margin: 8px;
    background: #de251c;
    border-radius: 2px;
	line-height: 29px;
	clear: both;
}
.buy-now-button .txt-buy-now {
    color: #fff;
    text-shadow: -1px 0 1px #a00;
}
.box_product .content_item .overflow_box:hover .buy-now-button{
	visibility: visible;
}
.prod-rate.catalog-m {
    margin: 0 5px;
}
.rating {
    border: none;
    display: block;
	width: 102px;
}
.rating>label {
    color: #ddd;
    float: right;
}
.rating>label:before {
    padding: 0 5px 0 0;
    font-size: 1.25em;
    font-family: FontAwesome;
    display: inline-block;
    content: "";
}
.rating>input:checked~label, .rating:not(:checked)>label:hover, .rating:not(:checked)>label:hover~label {
    color: #ffb909;
}
.list-pagination {
    text-align: center;
}
.pagination-first, .pagination-end, .pagination-item {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 4px 8px;
    margin: 0 2px;
}
.pagination-item.active {
    background-color: #19abe0;
    border: 1px solid #19abe0;
    border-radius: 3px;
    padding: 4px 8px;
    color: #fff;
    display: initial;
}
.pagination-item:hover {
    background-color: #19abe0;
    border: 1px solid #19abe0;
    border-radius: 3px;
    padding: 4px 8px;
    color: #fff;
    display: initial;
}
.description-catalog {
    padding: 0px;
    float: left;
    background-color: #fff;
    width: 100%;
	display: block;
	clear: both;
	margin-top: 20px;
}
.title-desc-catalog h2 {
    font-size: 1.5em;
    font-weight: bold;
	margin: 0;
}
.content-categories {
    line-height: 20px;
}
.content-categories img {
    max-width: 100%;
    padding: 10px;
}
.more-list-prod {
    position: relative;
    background-color: #fff;
    width: 100%;
	clear: both;
}
.title-more-list-prod h2 {
    font-size: 1.4em;
    font-weight: 500;
    line-height: 40px;
    margin-top: 10px;
    border-bottom: 1px solid #eee;
	margin: 0;
}
.more-prod {
    width: 33%;
}
.more-prod ul{
	margin-bottom: 0;
}
.title-more-prod-col h3 {
    font-size: 1.15em;
    font-weight: 500;
    line-height: 40px;
    text-indent: 34px;
    white-space: nowrap;
    text-overflow: ellipsis;
	margin: 0;
}
.more-prod.col1 h3 {
    background: url(../img/new-badge.png) no-repeat left bottom;
}
.more-prod.col1 .more-prod-item {
    border-color: #68b207;
}
.more-prod .more-prod-item {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 25px;
    width: 75%;
    margin-left: 13px;
    text-indent: 10px;
    border-left: 2px solid;
}
.more-prod.col2 h3 {
    background: url(../img/hot-badge.png) no-repeat left bottom;
}
.more-prod.col2 .more-prod-item {
    border-color: #64BC2B;
}
.more-prod.col3 h3 {
    background: url(../img/wow-badge.png) no-repeat left bottom;
}
.more-prod.col3 .more-prod-item {
    border-color: #19abe0;
}
.img-product .slick-initialized .slick-slide.slick-current.slick-active{
	border: 2px solid #19abe0;
}
.img-product .slick-initialized .slick-slide:hover{
	border: 2px solid #ddd;
}
.prod-title-p {
    color: #003;
    font-size: 1.2em;
    margin-bottom: 5px;
}
.prod-offer .rate-item {
    margin: 0;
}
.rate-sumary-item {
    width: 100%;
}
.prod-rate {
    position: relative;
    overflow: hidden;
}
.rating-box-comment {
    width: 120px;
    text-align: center;
    overflow: hidden;
}
.count-rate {
    vertical-align: middle;
}
a.review-rbt {
    color: #ffb909;
}
span.review-count {
    color: #333;
}
.fa-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%;
}
.x-rated {
    -webkit-text-shadow: 0 0 1px #f00,0 0 0 #00f;
    text-shadow: 0 0 1px #f00, 0 0 0 #00f;
    margin: 1px;
}
.rating-box-comment .fa-lg {
    font-size: 1.15em;
    color: #ccc;
    margin: 2px;
}
.rating-box-comment .rated {
    color: #ffb909;
}
.info-prod-wrapper{
	margin-top: 10px;
}
.info-prod, .attri-sel {
    line-height: 28px;
}
.info-prod.prod-brand, .info-prod.prod-madein {
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.info-prod.prod-brand .info a {
    color: #19abe0;
}
.prod-brand .brand-link {
    margin-right: 10px;
}
.info-prod>.title {
    display: inline-block;
    min-width: 100px !important;
}
.info-spec.prod-brand .title, .info-spec.prod-brand .info {
    display: table-cell;
}
.prod-brand .brand-link.more {
    margin-left: 10px;
    white-space: normal;
}
.prod-brand .brand-link {
    margin-right: 10px;
}
.prod-price .p-price {
    font-size: 2em;
    font-weight: 700;
    color: #64BC2B;
    display: inline-block;
    line-height: 28px;
    vertical-align: top;
}
.prod-price .info .more-vat {
    font-size: 9pt;
    color: #666;
    display: inline-block;
    line-height: 28px;
    vertical-align: top;
}
.prod-old-price .info {
    text-decoration: line-through;
    font-size: 1.2em;
}
.prod-save-money .info {
    font-weight: 700;
}
.stock {
    text-indent: 22px;
    line-height: 30px;
    height: 30px;
    font-weight: 500;
    display: inline-block;
}
.stock.stk_y {
    background: url(../img/Cart-Y.png) no-repeat 0 center;
    color: #009688;
}
.social-box {
    margin-bottom: 10px;
    margin-top: 5px;
}
.btn-order {
    display: inline-block;
    cursor: pointer;
    color: #fff;
    font-size: 20px;
    height: 40px;
    text-decoration: none;
    width: calc(50% - 10px);
    text-align: center;
    border-radius: 3px;
}
.button-buy {
    background-color: #64BC2B;
    margin-right: 20px;
    float: right;
    display: block;
}
.btn-order-icon {
    height: 40px;
    float: left;
    font-size: .8em;
    width: 50px;
}
.text-btn {
    text-align: center;
    line-height: 40px;
    display: inline-block;
}
.btn-order:hover, .btn-order:active, .btn-order .text-btn {
    color: #fff;
}
.icon-spcart {
    background: url(../img/ShoppingCart-32.png) no-repeat center center;
    border-right: 1px solid #eee;
}
.send-support {
    background-color: #19abe0;
    font-size: 18px;
    position: relative;
}
.icon-love {
    background: url(../img/OnlineSupport.png) no-repeat center center;
    border-right: 1px solid #4dbfe9;
}
.sup-item .supp-hotline, .sup-item .worktime-hd {
    font-weight: 500;
}
.sup-item {
    float: left;
    margin-bottom: 15px;
    line-height: 20px;
}
.supp-address {
    font-weight: 700;
    float: left;
    color: #008000;
    margin-right: 10px;
}
.sup-item .worktime-hd {
    padding-right: 5px;
}
.prod-credit{
	margin-bottom: 15px;
	width: 100%;
	position: relative;
}
.more-support {
    width: 223px;
    float: right;
}
.info-prod.prod-price.freeship {
    background: #edf6e1 url(../img/FreeShipping.png) 6px 0 no-repeat;
    width: 100%;
    display: block;
    padding: 5px 10px;
    margin: 0 0 15px 0;
    border-radius: 3px;
    border: 1px solid #d6decb;
    float: right;
}
.bx-contact {
    width: 100%;
    float: left;
    text-align: left;
    padding: 10px;
    line-height: 22px;
    background-color: #fcfcfc;
    border: 1px solid #eee;
    margin-bottom: 10px;
}
.info-prod.prod-price.freeship .title {
    width: auto !important;
    margin-left: 50px;
    line-height: 20px;
    margin-right: 0;
}	
.info-prod>.title {
    display: inline-block;
    min-width: 100px !important;
}
.title-cnt {
    font-size: 1.1em;
    text-transform: uppercase;
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
    display: block;
}
.bx-contact .sup-item {
    width: 100%;
    float: left;
    margin: 10px 0 0 0;
}
ul.useful-read li {
    display: block;
    padding: 0 0 8px 8px;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
ul.useful-read li:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    content: "";
    position: absolute;
    top: 3px;
    left: 0;
}
ul.useful-read li a {
    color: #0094e6;
}
.form-tu-van{
	position: absolute;
    background: #f6fcfe;
    width: 100%;
    right: 0;
    top: 110%;
    padding: 10px 20px;
    border: solid 1px #19abe0;
    box-shadow: 0 1px 6px rgba(0,0,0,.25);
	display: none;
}
.form-tu-van.active{
	display: block;
}
.form-tu-van h3 {
    color: #19abe0;
    font-size: 1.2em;
    font-weight: normal;
}
.form-group.inline-input .form-control{
	width: 49%;
	display: inline-block;
}
.form-group.inline-input .form-control:last-child{
	float: right;
}
.form-tu-van .btn{
	border-radius: 4px;
    border: 1px solid #19abe0;
    width: 30%;
    text-align: center;
    line-height: 30px;
    color: #fff;
    margin: 0 auto;
    display: block;
    background: #19abe0;
}
.box-close {
    position: absolute;
    top: 5px;
    right: 5px;
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
    text-indent: 1px;
    color: #fff;
    font-size: 16px;
    line-height: 18px;
    text-shadow: 1px 1px 0 #888;
}
.box-close:hover {
	color: #fff;
}
.more a{
	color: #64BC2B;
}
.col-info .rating{
	float: left;
	margin-top: -2px;
}
.content-Left{
	width: 870px;
	float: left;
}
.content-Right {
    width: 300px;
    float: right;
}
.prod-viewed-wrap {
    width: 300px;
    border: 1px solid #ddd;
    float: left;
    margin-top: 15px;
}
.prod-viewed {
    width: 288px;
    margin: 5px;
}
.prod-viewed h2 {
    font-size: 18px;
    font-weight: bold;
	margin-top: 10px;
    margin-bottom: 5px;
}
.row-prod {
    width: 100%;
    float: left;
    border-top: 1px solid #ddd;
    padding: 5px 0 5px 0;
    overflow: hidden;
}
.img-thumb-view {
    width: 130px;
    float: left;
    margin: 5px;
    position: relative;
    text-align: center;
}
.img-thumb-view img {
    max-width: 100%;
    max-height: 100%;
}
.txt-thumb-view {
    width: 138px;
    float: left;
    margin: 5px;
}
.txt-thumb-view p:first-child {
    font-weight: 600;
}
p > a {
    color: #0089e0;
}
.price-new {
    color: #64BC2B;
    font-weight: bold;
    font-size: 1.1em;
}
.cir-discount {
    position: absolute;
    margin: 0;
    padding: 0;
    width: 28px;
    line-height: 28px;
    height: 28px;
    border-radius: 16px;
    background-color: #0089e0;
    color: #fff;
    right: 5px;
    font-size: .9em;
    text-align: center;
}
.list-prod-view p{
	margin-bottom: 0;
}
.price-old {
    text-decoration: line-through;
    color: #999;
}
#main-content{
	overflow: hidden;
	border-top: 1px solid #ddd;
}
.prod-descp h2 {
    font-size: 18px;
    margin-top: 15px;
    font-weight: 500;
}
.prod-descp p{
	font-size: 15px;
}
.Box-prod-tags {
    margin-top: 10px;
    border-top: 1px solid #ddd;
    float: left;
    width: 100%;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    padding-top: 5px;
}
.title-tags, .title-useful {
    text-transform: uppercase;
    line-height: 25px;
    font-weight: bold;
}
.Box-prod-tags .fa {
    color: #64BC2B;
    font-size: 1.4em;
}
.prod-tags ul li {
    float: left;
    padding: 0 10px 0 10px;
    margin-right: 10px;
    font-size: .97em;
    line-height: 25px;
}
.prod-tags ul li a {
    color: #0092db;
	font-size: 15px;
}
.prod-tags ul li:hover a {
    color: #64BC2B;
}
ul.tags{
	margin: 0;
    padding: 0;
}
.tab-specifications, .tab-comments {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
}
.title-sepcs h2 {
    font-size: 18px;
    color: #333;
	margin-top: 15px;
    font-weight: 500;
}
.body-sepcs {
    margin-top: 10px;
    width: 100%;
    /*border: 1px solid #eee;*/
    border-bottom: none;
    line-height: 36px;
}
.body-table-sepcs li:nth-child(2n+1) {
    background-color: #fcfcfc;
    border-bottom: 1px solid #eee;
}
.body-table-sepcs li:nth-child(2n+2) {
    background-color: #fff;
    border-bottom: 1px solid #eee;
}
.item-before {
    font-weight: 500;
    min-width: 200px;
    padding-left: 10px;
    border-right: 1px solid #eee;
}
.item-after {
    padding: 0 10px;
    display: table-cell;
}
.group .item-before {
    width: 100%;
    border: none;
    font-size: 1.15em;
    font-weight: 700;
}
.body-sepcs .group {
    display: table;
    width: 100%;
}
.body-sepcs ul{
	margin: 0;
    padding: 0;
}
.wrap-tab-comments {
    width: 100%;
}
.box-comments {
    margin-bottom: 0;
}
.top-box-comments {
    padding: 15px;
    border: solid 1px #ccc;
}
.top-box-comments h3, .title-new-comment h3 {
    font-size: 1.25em;
    font-weight: 500;
}
.form-comment {
    min-height: 0;
	overflow: hidden;
    margin-top: 10px;
}
.input-account-form {
    margin-bottom: 5px;
}
.info-form-comment, .input-comment {
    width: 100%;
    height: 60px;
    border: 1px solid #ddd;
    border-radius: 3px;
    text-indent: 5px;
}
.input-account-form {
    margin-bottom: 5px;
}
div#review-info {
    margin-bottom: 15px;
}
#review-info .login-social {
    margin: 0;
    padding: 0;
    border: none;
}
#review-info .personal-info {
    width: 50%;
    border-right: 1px solid #ddd;
    margin-right: 15px;
}
#rate-form .form-item {
    clear: both;
}
.form-item {
    margin-bottom: 10px;
    display: block;
}
#rate-form .form-item-title {
    width: 90px !important;
}
.form-item-title {
    width: 110px;
    text-align: right;
    padding-right: 10px;
    float: left;
    font-weight: 500;
    line-height: 30px;
}
#review-info .input-form {
    width: 200px !important; 
	display: inline-block;
}
.input-form {
    border: 1px solid #ddd;
    background-color: #fdfdfd;
    height: 28px;
    color: #666;
    outline: none;
    text-indent: 5px;
    border-radius: 2px;
}
#rate-form .rate-stars-row {
    display: inline-block;
    float: left;
    width: auto;
	margin-right: 10px;
}
#rate-form .rate-stars-row .form-item {
    margin-bottom: 0;
}
#rate-form .form-item {
    clear: both;
}
#rate-form .form-item-title {
    width: 90px !important;
}
#rate-form .rate-stars-row .prod-rate {
    line-height: 30px;
}
.button-comment {
    width: 140px;
    height: 30px;
    line-height: 28px;
    border: 1px solid #0092db;
    background-color: #0092db;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    margin: 0 auto;
    text-align: center;
}
.login-social .signin-openID:first-child {
    margin-right: 14px;
}
.login-social .signin-openID {
    margin: 10px 0;
    padding-right: 10px;
    text-indent: 30px;
    line-height: 24px;
    border-radius: 12px;
    color: #fff;
}
.login-social .signin-openID.google {
    background: #df5656 url(../img/GooglePlus.png) no-repeat 0 center;
}
.login-social .signin-openID.facebook {
    background: #546ea6 url(../img/Facebook_cr.png) no-repeat 0 center;
}
.review-row {
    padding-top: 10px;
    position: relative;
	padding-left: 5px;
}
.img-member-thumb {
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 3px;
    margin-right: 5px;
    font-weight: bold;
    box-shadow: 0 0 3px rgba(0,0,0,.5);
    text-shadow: 1px 1px 0 #fff;
}
.name-member {
    font-size: 1.1em;
    font-weight: 700;
    line-height: 20px;
    margin-right: 10px;
    color: #68b205;
}
.content-comments {
    margin: 10px 10px 3px 25px;
    color: #000;
    line-height: 1.5em;
	clear: both;
}
.relate-comment {
    margin-left: 25px;
}
.relate-com-item, .relate-comment > label {
    display: inline-block;
    margin-right: 20px;
    color: #0092db;
    cursor: pointer;
	font-weight: normal;
}
.review-like {
    padding-left: 5px;
	color: #0092db;
}
.time-comment {
    display: inline-block;
    color: #999;
}
.view-comments-item.level-2{
    background: #f1f1f1;
    margin-left: 25px;
    padding: 8px;
    margin-top: 5px;
}
div[data-fname="meta"] .name-member {
    font-weight: bold;
    color: #fb352b;
}
div[data-fname="meta"] .content-comments, div[data-fname="meta"] .relate-comment {
    margin-left: 0;
}
#show-full-pad{
	margin-top: 10px;
}
.title-nsx h2 {
    font-size: 18px;
    margin-top: 10px;
    margin-left: 10px;
}
.desp-nsx {
    padding: 10px 0;
}	
.img-nsx {
    width: auto;
    max-width: 200px;
    padding: 0 20px 10px 0;
    float: left;
}
.txt-nsx {
    text-align: justify;
}
.Box-related-prod h2 {
    font-weight: bold;
    font-size: 1.3em;
    padding: 8px 5px;
	margin-bottom: 0;
}
.list-prod-related {
    width: 100%;
	border-bottom: 1px solid #ddd;
}
.list-product-item-related {
    width: 25%;
	overflow: hidden;
    border: 1px solid #ddd;
	margin: 0 -1px -1px 0;
	min-height: 238px;
	position: relative;
}
.list-product-discount {
    margin: 0;
    padding: 0;
    position: absolute;
    right: 5px;
    top: 5px;
    height: 30px;
    line-height: 30px;
    z-index: 1;
    background: #0089e0;
    pointer-events: none;
}
.list-product-thumb {
    text-align: center;
    overflow: hidden;
    margin: 10px;
    display: block;
}
.home-product-title a {
	height: 36px;
    font-weight: 700;
    margin: 0 10px;
    display: block;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.list-product-price {
    margin: 0 10px 10px 10px;
    clear: both;
}
.list-product-price span {
    white-space: nowrap;
}
.list-product-meta-price {
    color: #64BC2B;
    font-weight: 700;
    font-size: 1.1em;
}
.list-product-old-price {
    text-decoration: line-through;
    font-size: .9em;
    color: #555;
}
#stickyheader {
    width: 100%;
	min-width: 1190px;
    top: 103px;
    left: 0;
    height: 40px;
    background-color: #fff;
    box-shadow: 0 4px 4px -2px rgba(0,0,0,.15);
    z-index: 2000;
    overflow: hidden;
}
#stickyheader .item1 {
    float: right;
}
#stickyheader .item2 {
    float: none;
}
.bar-buy.product-tabs ul{
	margin: 0;
	padding: 0;
}
.bar-buy.product-tabs ul li {
    float: left;
    text-align: center;
    border-left: 1px solid #ddd;
}
.box-product-tabs a {
    color: #999;
    line-height: 41px;
    display: block;
    padding: 0 20px;
    font-size: 1.1em;
}
.bar-buy.prod-name {
    font-size: 1.3em;
    line-height: 40px;
    margin-right: 40px;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
	font-weight:bold;
}
.bar-buy.prod-price {
    line-height: 40px;
    font-size: 1.3em;
    margin-right: 10px;
    color: #64BC2B;
}
.bar-buy.Prod-credit {
    width: auto;
    height: 26px;
    margin: 5px 0;
    float: left;
}
.bar-buy .button-buy {
    margin-right: 2px;
    padding: 0 5px;
    border-radius: 3px;
}
.bar-buy.Prod-credit .icon-spcart {
    background-position: center;
    width: 30px;
    height: 30px;
    padding: 0;
    margin: 0;
}
.bar-buy .ui-spinner.ui-widget {
    font-size: 1.3em;
}
.bar-buy input.txtQty {
    width: 30px;
    text-align: center;
    background-color: rgba(255,255,255,.97);
    line-height: 22px;
    border: none;
    font-size: .7em;
    margin-top: 4px;
    margin-left: 7px;
    padding: 0 3px;
	border-radius: 2px;
}
.bar-buy .text-btn-buy {
    color: #fff;
    vertical-align: middle;
    padding: 0 5px 0 8px;
    font-size: 1.2em;
}
.bar-buy input.txtQty {
    margin-right: 0;
}
.rate-box-scroll {
    position: relative;
}
.rvw-count {
    position: absolute;
    top: 11px;
    left: 23px;
    min-width: 26px;
    display: block;
    line-height: 16px;
    text-align: center;
    background: #ffb909;
    color: #fff;
    border: 2px solid #ffb909;
    font-size: .9em;
    font-weight: 500;
}
.box-product-tabs img {
    vertical-align: middle;
    padding-right: 5px;
}
.title-cart {
    padding: 5px;
    background: #f8f8f8;
    border-bottom: 1px solid #ddd;
}
.title-cart h2, .sub-title-cart h2 {
    font-size: 16px;
    font-weight: 500;
    padding-left: 10px;
    display: inline-block;
    line-height: 26px;
    vertical-align: bottom;
	margin: 0;
}
.title-cart .fa, .sub-title-cart .fa {
    color: #19abe0;
}
.checkout-cart-title {
    border-bottom: 1px dashed #ddd;
    line-height: 30px;
    height: 30px;
    font-weight: 500;
    overflow: hidden;
	margin: 0;
	padding: 0;
}
.checkout-cart-title li {
    float: left;
    border-left: 1px solid #fff;
}
.checkout-cart-title .cart-product-name, .checkout-cart-list .cart-product-name {
    width: 48%;
    text-align: left;
    margin-left: 10px;
}
.checkout-cart-title .cart-product-count, .checkout-cart-list .cart-product-count {
    width: 8%;
    margin: 0 5px;
    text-align: center;
}
.checkout-cart-title .cart-product-price, .checkout-cart-title .cart-product-money, .checkout-cart-list .cart-product-price, .checkout-cart-list .cart-product-money {
    width: 15%;
    text-align: center;
    margin: 0 5px;
}
.checkout-cart-title .cart-product-price, .checkout-cart-title .cart-product-money, .checkout-cart-list .cart-product-price, .checkout-cart-list .cart-product-money {
    width: 15%;
    text-align: center;
    margin: 0 5px;
}
.checkout-cart-title li:first-child {
    border-left: none;
}
.checkout-cart-list {
    width: 100%;
}
.group-cart-product-item{
	margin: 0;
	padding: 0;
}
.group-cart-product-item .cart-product-item {
    border-bottom: 1px dotted #f7f7f7;
    padding-bottom: 5px;
    width: 100%;
    float: left;
    padding-top: 8px;
}
.group-cart-product-item .cart-product-item ul {
	margin: 0;
	padding: 0;
}
.cart-product-item ul li {
    float: left;
}
.cart-product-images {
    width: 50px;
    height: 50px;
    text-align: center;
    margin-right: 10px;
    overflow: hidden;
}
.cart-product-images img {
    max-width: 100%;
}
.cart-product-title {
    line-height: 20px;
    font-weight: 500;
    font-size: 1.1em;
}
.input-group.spinner .form-control{
	border-right: none;
}
.input-group-addon{
	background-color: transparent;
}
.input-group-addon a{
	position: absolute;
	right: 10px;
}
.input-group-addon a.spin-up{
	top: 3px;
}
.input-group-addon a.spin-down{
	bottom: 3px;
}
.cart-product-price .cart-product-price-meta, .cart-product-price .cart-product-price-old {
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
	margin: 0;
}
.cart-product-price-old {
    text-decoration: line-through;
}
.cart-product-price-sale {
    color: #69b00a;
    font-size: .9em;
	margin: 0;
}
.cart-product-delete .fa-trash-o {
    color: #aaa;
    font-size: 1.1em;
    text-align: center;
}
.cart-product-money {
    font-weight: 500;
}
.checkout-footer {
    border-top: 1px solid #eee;
    background-color: #f8f8f8;
    width: 100%;
    padding-bottom: 15px;
    padding-top: 15px;
}
.row-item {
    width: 100%;
}
.checkout-footer-left {
    float: left;
    width: 19%;
    margin-left: 2%;
    border: solid 1px #64BC2B;
    padding: 10px;
    border-radius: 3px;
	background: #64BC2B;
	color: #fff;
}
/*
.checkout-footer-left:before, .buy-continue:before {
    border-right: 5px solid #fff;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    position: absolute;
    content: "";
    margin-top: 5px;
}
*/
.buy-other a {
    color: #fff;
    font-weight: 500;
    margin-left: 10px;
    vertical-align: middle;
    font-size: 1.15em;
	text-align:center;
}
.checkout-footer-right {
    float: right;
    text-align: right;
    width: 50%;
    margin-right: 3%;
    line-height: 25px;
}
.bill-row .text-right {
    width: 57%;
    display: inline-block;
    float: left;
}
.text-bill {
    text-align: right;
    float: right;
}
.total-order {
    color: #333;
    font-weight: 500;
    border-top: 1px solid #ddd;
    clear: both;
    margin-top: 10px;
    font-size: 1.2em;
    padding-top: 10px;
}
.bill-row.code-coupon {
    clear: both;
    padding: 10px 0;
}
.input-code-coupon {
    height: 31px;
    border: 1px solid #ddd;
    background: #fff;
    width: 200px;
    float: right;
    position: relative;
}
.input-code-coupon .txt-code-coupon {
    width: 120px;
    border: none;
    height: 28px;
    text-indent: 5px;
    float: left;
    outline: none;
    color: #c00;
    text-align: right;
	text-decoration: line-through;
}
.btn-code-coupon {
    border: none;
    background: #64BC2B;
    color: #fff;
    padding: 8px 11px;
    line-height: 13px;
}
.checkout-finish .checkout-btn {
    float: right;
    margin: 10px 18px 0 0;
    display: block;
    background: #19abe0;
    border: 1px solid #19abe0;
    padding: 8px 18px;
    color: #fff;
    font-size: 1.2em;
    cursor: pointer;
}
.checkout-btn .fa {
    margin-right: 10px;
}
.checkout-finish{
	clear: both;
}
.thongtinnhanhang{
	width: 100%;
	float: left;
}
.thongtinnhanhang h5{
	color: #0089e0;
}
.hinhthucthanhtoan{
	width: 100%;
	float: right;
}
.hinhthucthanhtoan input[type=radio]{
	position: relative!important;
	display: inline-block!important;
	-webkit-appearance: radio!important;
	appearance: radio!important;
	-moz-appearance: radio!important;
}
.number-buy .spinner{
	max-width: 60px;
    display: inline-flex;
    margin: 0 10px;
}
.checkout-header{
	overflow: hidden;
    border: 1px solid #ddd;
    border-radius: 4px;
}
.border{
	overflow: hidden;
    border: 1px solid #ddd;
    border-radius: 4px;
	padding: 10px 15px;
}
.sup-item .icon-chat{
	line-height:24px
}
.sup-item .icon-chat img{
	width:24px;
	margin-right:5px
}
.support-info-left, .wrap-serverError .support-info-left {
    width: 200px;
    margin-top: 10px;
}
.pad-support-warp {
    border: 1px solid #ddd;
    border-radius: 3px;
}
.title-support-item {
    line-height: 30px;
    padding-left: 5px;
    border-bottom: 1px dashed #ddd;
    width: calc(100% - 5px);
}
.sup-item-row {
    padding: 5px;
}
.sales-support .sup-item {
    margin-top: 5px;
    margin-bottom: 5px;
    border-bottom: 1px dashed #ddd;
    padding-bottom: 5px;
}
.supp-address {
    font-weight: 700;
    float: left;
    color: #008000;
    margin-right: 10px;
}
.sup-item-row-add {
    margin-left: 22px;
    line-height: 18px;
	clear: both;
}
.detail-info-phone {
    line-height: 26px;
    position: relative;
}
.sup-item .fa {
    padding-right: 5px;
    font-size: 1.4em;
    line-height: .75em;
    vertical-align: -15%;
}
.sales-support .icon-support {
    margin-left: 20px;
}
.sup-item .icon-chat {
    margin-right: 8px;
    display: inline-block;
    padding-top: 5px;
    line-height: 24px;
    min-width: 79px;
}
.warranty-supp-title {
    width: calc(100% - 5px);
    background-color: #efefef;
    line-height: 30px;
    padding-left: 5px;
}
.warranty-supp-row {
    padding-left: 5px;
    line-height: 22px;
    margin-top: 8px;
}
.warranty-supp-row .fa-phone, .warranty-supp-row .fa-envelope {
    margin-right: 5px;
}
.hour-warranty {
    font-size: .9em;
}
.warranty-phone-item {
    padding-left: 19px;
}
.warranty-phone-item:before {
    border-left: 5px solid #888;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    position: absolute;
    content: "";
    margin-top: 4px;
}
.warranty-phone-item span {
    margin-left: 10px;
}
.warranty-supp-row {
    padding-left: 5px;
    line-height: 22px;
    margin-top: 8px;
}
.warranty-supp-row a {
    color: #0092db;
}
.panel-right {
    margin-bottom: 20px;
    width: calc(100% - 220px);
}
.nav-tabs { border-bottom: 2px solid #19abe0; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-width: 0; }
.nav-tabs > li > a { border: none; color: #666; }
.nav-tabs > li > a:active { border: none; color: #FFF !important; background: #19abe0!important; }
.nav-tabs > li > a:focus { border: none; color: #FFF !important; background: #19abe0!important; }
.nav-tabs > li.active > a { border: none; color: #FFF !important; background: #19abe0!important; }
.nav-tabs > li.active > a:active { border: none; color: #FFF !important; background: #19abe0!important; }
.nav-tabs > li.active > a:focus { border: none; color: #FFF !important; background: #19abe0!important; }
.nav-tabs > li > a:hover { border: none; color: #FFF !important; background: #19abe0!important; }
.nav-tabs > li.active > a:hover { border: none; color: #FFF !important; background: #19abe0; }
.nav-tabs > li > a::after { content: ""; background: #4285F4; height: 2px; position: absolute; width: 100%; left: 0px; bottom: -1px; transition: all 250ms ease 0s; transform: scale(0); }
.nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after { transform: scale(1); }
.tab-nav > li > a::after { background: #21527d none repeat scroll 0% 0%; color: #fff; }
.tab-pane { font-size: 90%; }
.tab-content{ padding: 20px 0; }
.card { background: #FFF none repeat scroll 0% 0%; }
.panel-about-title, .panel-jobs-title {
    font-size: 18px;
    margin-top: 15px;
    font-weight: 500;
}
.panel-info-title {
    font-size: 1.1em;
    padding-top: 10px;
}
.panel-info-name {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
    padding-top: 10px;
}
.info-item {
    line-height: 20px;
    margin: 10px 0;
}
.info-item .fa {
    padding-right: 5px;
    font-size: 1.2em;
    line-height: .75em;
    vertical-align: -3%;
    font-weight: 100;
}
.panel-form-mail {
    border-top: 1px dashed #ddd;
	padding-top: 10px;
}
.form-lien-he{
	
}
.send-contact {
    display: block;
    background: #19abe0;
    border: 1px solid #19abe0;
    padding: 8px 35px;
    color: #fff;
    font-size: 1.2em;
    border-radius: 2px;
}
.img-menu{
	clear: both;
	text-align: center;
}
.img-menu img{
	max-width: 110px!important;
	max-height: 110px!important;
	border-radius: 50%;
}
.footer-app-item a{
	padding: 5px;
}
.footer-app-item img{
	max-width: 40px!important;
	max-height: 40px!important;
}
.s-search {
    max-width: 600px;
    float: left;
    padding-left: 5px;
	margin-top: 10px;
}
.s-title {
    float: left;
}
#s-sch-form {
    text-align: left;
    float: left;
}
#s-sch-form input{
	width: 350px;
	height: 20px;
}
.s-mobile {
    display: inline-block;
    color: #666;
    height: 30px;
    background: url(../img/icon-phone.png) no-repeat top left;
    background-size: 22px;
    padding-left: 25px;
    font-weight: bold;
    float: right;
	margin-top: 10px;
}
.S-box-L {
    color: #4d4d4d;
    margin-bottom: 7px;
    margin-top: 10px;
    border-radius: 3px;
}
.S-box-L-top {
    line-height: 34px;
    font-size: 1.1em;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    background-color: #efefef;
}
.S-box-L-top a {
    color: #016dc8 !important;
    text-decoration: none !important;
}
.S-box-L-Mid ul{
	margin-bottom: 0;
}
.S-box-L-Mid-phone ul{
	margin-bottom: 0;
	padding-left: 10px;
}
.S-box-L-Mid-phone ul li.it {
    line-height: 27px;
    background: url(../img/icon-tele-1.jpg) no-repeat left center;
    padding-left: 25px;
    font-weight: 500;
    color: #64BC2B;
}
.S-box-L-Mid-phone ul li.it-last {
    line-height: 27px;
    background: url(../img/icon-em.jpg) no-repeat left center;
    padding-left: 25px;
    color: #19abe0;
    font-weight: 500;
}
.S-box-L-Mid-phone ul li.text {
    line-height: 22px;
    font-size: 1em;
    font-weight: 500;
    color: #4d4d4d;
}
.Main-Cat-Article {
    margin-top: 10px;
	width: 735px;
	float: left;
}
.List-CatArticle {
    text-align: justify;
    line-height: 16px;
    clear: both;
    float: left;
    margin-bottom: 12px;
    border-top: 1px dotted #ccc;
    padding-top: 7px;
}
.List-CatArticle:first-child{
	border-top: none;
}
.format-tle-ct-top {
    font-weight: 500;
    color: #19abe0;
    margin-bottom: 5px;
    font-size: 1.1em;
}
.format-tle-ct-top a {
    text-decoration: none !important;
    color: #19abe0 !important;
}
sup.date-art {
    color: #999;
    font-family: Verdana, Tahoma;
    font-size: 10px;
    padding-left: 5px;
    font-weight: normal;
}
.alist-desc-item img.img-alist {
    max-width: 150px;
    float: left;
    padding: 0 10px 0 0;
	height: auto;
}
.phantrang{
	clear:both;
}
.contentDivRight {
    width: 198px !important;
	float: left;
}
#similar_prods .title {
    text-transform: uppercase;
    color: #00f;
    text-align: center;
	font-size: 10pt !important;
}
.list-product-item {
    border-left: none;
    border-bottom: 1px solid #ddd;
    overflow: visible;
    height: auto;
	position: relative;
}
.Main-title-sup {
    border-bottom: 1px dashed #ddd;
    text-transform: uppercase;
    font-weight: 500;
    padding: 7px 0;
}
.Main-title-sup span {
	padding-right: 5px;
}
.icon-main-title {
    background: url(../img/icon-view.png) no-repeat left center;
    padding-left: 13px;
    padding-right: 5px;
    display: inline-block;
	margin: 0;
    font-size: 14px;
}
.Main-title-sup a {
    text-decoration: none !important;
    color: #000 !important;
}
.list-product-discount span {
    padding: 0 6px;
    color: #fff;
}
.list-product-discount span:before {
    content: "";
    float: left;
    position: absolute;
    top: 0;
    left: -15px;
    width: 0;
    height: 0;
    border-color: transparent #0089e0 transparent transparent;
    border-style: solid;
    border-width: 15px 15px 15px 0;
    z-index: 1;
}
.list-product-discount span:after {
    content: "";
    position: absolute;
    top: 13px;
    left: -5px;
    float: left;
    width: 4px;
    height: 4px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #fff;
    -moz-box-shadow: -1px -1px 2px #004977;
    -webkit-box-shadow: -1px -1px 2px #004977;
    box-shadow: -1px -1px 2px #004977;
}
.article-titile {
    font-size: 18px;
    font-weight: bold;
    color: #000;
    text-align: justify;
    line-height: 22px;
    margin-bottom: 10px;
	margin-top: 10px;
}
.divDetail {
    font-size: 11pt !important;
    line-height: 25px !important;
}
/* .prod-viewed h2 {
    position: absolute;
    z-index: 100;
    right: 0;
    bottom: 0;
    margin: 0 !important;
    padding: 0 5px !important;
    font-size: 1em;
    line-height: 23px;
    background: #ddd;
    border-radius: 5px 0 0 0;
    font-weight: normal;
} */
.full-width{
	width: 735px!important;
	margin-top: 0;
	overflow: hidden;
}
.bafter{
	clear: both;
}
.full-width .row-prod {
	width: 48%;
    border: none;
    display: table-row;
	padding: 0;
}
blockquote.bafter {
    margin-top: 10px;
    padding: 0 10px;
    quotes: none;
    border-color: #1fbcef;
    border-style: solid;
    border-width: 1px 1px 1px 5px;
    background: #fff;
    min-height: 60px;
    max-height: 850px;
}
.clear-float{
	float: none!important;
}
blockquote .boxrieng {
    width: 100%;
    border-bottom: 1px dashed rgba(31, 188, 239, .35);
    padding: 5px 0;
    position: relative;
	overflow: hidden;
}
.boxrieng:last-child {
    border-bottom: none;
}
.boxrieng .pull-left img {
    max-width: 100% !important;
    height: auto !important;
    max-height: 150px !important;
}
.boxrieng .pull-right {
    float: left;
    margin-left: 15px;
    margin-top: 10px;
    width: calc(100% - 80px);
	font-size: 15px;
}
blockquote .proimg {
    position: absolute;
    right: 0;
    top: 35%;
}
.proname{
	font-weight: bold;
}
.proprice span {
    font-weight: 500;
}
.post__tags {
    color: #999;
    padding: 8px 15px 3px 5px;
    border-top: none !important;
    font: 13px/1.3 Arial, sans-serif;
    clear: both;
}
.post__tags span {
    font-weight: bold;
    text-transform: uppercase;
    display: inline-block;
    white-space: nowrap;
    float: left;
    line-height: 34px;
}
.post__tags div {
    white-space: normal !important;
    z-index: 10;
    position: relative;
}
.tags {
    margin: 0;
    padding: 0;
    list-style: none;
}
.tags li, .tags a {
    float: left;
    height: 24px;
    line-height: 24px;
    position: relative;
    font-size: 11px;
}
.post__tags ul.tags li {
    padding: 4px 0;
    margin-bottom: 9px;
}
.block_tag .tags a {
    margin-left: 20px;
    padding: 0 10px 0 12px;
    background: #7fbf4d;
    color: #fff;
    text-decoration: none;
}
.block_tag .post__tags ul.tags a {
    background: #fed05d;
    color: #333;
}
.block_tag .post__tags ul.tags a:before {
    border-color: transparent #fed05d transparent transparent;
}
.block_tag .tags a:before {
    content: "";
    float: left;
    position: absolute;
    top: 0;
    left: -12px;
    width: 0;
    height: 0;
    border-color: transparent #7fbf4d transparent transparent;
    border-style: solid;
    border-width: 12px 12px 12px 0;
}
.post__tags ul.tags a:after {
    border-radius: 4px;
    background: #fff;
}
.tags a:after {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    float: left;
    width: 4px;
    height: 4px;
}
.block_tag.width_common{
	overflow: hidden;
    margin-bottom: 20px;
}
.product-focus h2 {
    color: #19abe0 !important;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 1.3em;
    margin-top: 10px;
    float: left;
}
.ulLeft {
    padding-left: 10px;
    clear: both;
	list-style: none;
    padding: 0;
    margin: 0;
}
li.more-detail {
    width: 218px;
    margin: 20px 20px 0 0;
    min-height: 150px;
    float: left;
    display: block;
    overflow: hidden;
}
.more-detail a {
    text-decoration: none !important;
}
.thumb-detail {
    text-align: center;
    max-height: 90px;
    overflow: hidden;
    margin-bottom: 10px;
}
.more-detail a h3 {
    text-decoration: none !important;
    font-size: 1em;
    color: #000 !important;
    font-weight: normal;
}
.product-focus {
    display: block;
    margin-top: 20px;
    padding-left: 20px;
    overflow: hidden;
    text-align: center;
}
.Cat-Article-Related {
    float: left;
    margin-top: 10px;
    clear: both;
}
.CatArt-top {
    height: 29px;
    background: url(../img/bg-catArt.jpg) repeat-x left top;
    color: #016dc8;
    text-transform: uppercase;
    font-weight: bold;
    width: 730px;
}
.icon-catArt-top {
    background: url(../img/icon-ArtRelate.png) no-repeat left top;
    height: 30px;
    display: block;
    padding-left: 40px;
    padding-top: 7px;
}
.icon-catArt-top a {
    text-decoration: none !important;
    color: #016dc8 !important;
}
.List-CatArt-related{
	clear: both;
	margin-top: 10px;
}
.List-CatArt-related ul {
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: 20px;
}
.List-CatArt-related li {
    background: url(../img/icon-new-relate.png) no-repeat left 13px;
    padding-left: 10px;
    padding-top: 10px;
    list-style: none;
}
.List-CatArt-related li a {
    text-decoration: none !important;
    color: #000 !important;
}
.List-CatArt-related li a:hover {
    color: #03f !important;
}
#view-detail {
    font-size: 11px;
    color: #999;
    margin-left: 10px;
    background: url(../img/icon-box-R.png) no-repeat right center;
    padding-right: 9px;
}
#view-detail a {
    color: #dc0a23 !important;
    text-decoration: underline !important;
}
.body-sepcs.active{
	display: block!important;
}
.Box-related-prod{
	clear: both;
}
.show-div.showdiv .fa{
	-webkit-transition: 0.2s; /* Safari */
    transition: 0.2s;
	transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
}
/**/
ul.bs-autocomplete-menu {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-height: 200px;
  overflow: auto;
  z-index: 9999;
  border: 1px solid #eeeeee;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0px 1px 6px 1px rgba(0, 0, 0, 0.4);
}

ul.bs-autocomplete-menu a {
  font-weight: normal;
  color: #333333;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-state-active,
.ui-state-focus {
  color: #23527c;
  background-color: #eeeeee;
}

.bs-autocomplete-feedback {
  width: 1.5em;
  height: 1.5em;
  overflow: hidden;
  margin-top: .5em;
  margin-right: .5em;
}

.loader {
  font-size: 10px;
  text-indent: -9999em;
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  background: #333;
  background: -moz-linear-gradient(left, #333333 10%, rgba(255, 255, 255, 0) 42%);
  background: -webkit-linear-gradient(left, #333333 10%, rgba(255, 255, 255, 0) 42%);
  background: -o-linear-gradient(left, #333333 10%, rgba(255, 255, 255, 0) 42%);
  background: -ms-linear-gradient(left, #333333 10%, rgba(255, 255, 255, 0) 42%);
  background: linear-gradient(to right, #333333 10%, rgba(255, 255, 255, 0) 42%);
  position: relative;
  -webkit-animation: load3 1.4s infinite linear;
  animation: load3 1.4s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}

.loader:before {
  width: 50%;
  height: 50%;
  background: #333;
  border-radius: 100% 0 0 0;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
}

.loader:after {
  background: #fff;
  width: 75%;
  height: 75%;
  border-radius: 50%;
  content: '';
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

@-webkit-keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
#suggesstion-box {
    position: absolute;
    top: 33px!important;
    left: 0px;
    z-index: 100;
    display: block;
    width: 100%;
    background: #FFF;
    border: 1px solid #BEC4C8;
    border-top: none;
    color: #666;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    -moz-box-shadow: 0 0 5px 0 #ccc;
    -webkit-box-shadow: 0 0 5px 0 #ccc;
    box-shadow: 0 0 5px 0 #ccc;
    display: none;
    max-height: 350px;
    overflow-y: scroll;
    overflow-x: hidden;
}
#suggesstion-box ul {
	margin: 0;
    padding: 0;
    list-style: none;
}
#suggesstion-box ul>li {
    padding: 5px 16px;
    color: #666;
    position: relative;
    font-weight: 400;
    font-size: 14px;
    border-top: 1px solid #ddd;
    display: block;
	list-style: none;
	text-align: left;
	cursor: pointer;
	overflow: hidden;
}
#suggesstion-box ul>li:hover, .autocomplete-jquery-mark {
    cursor: pointer;
    background: #f8f8f8;
}
#suggesstion-box ul>li img{
	max-width: 30px;
	max-height: 30px;
}
#suggesstion-box ul>li .title-key{
	float: left;
    padding: 10px 0;
    margin-left: 10px;
    white-space: nowrap;
    width: 500px;
    overflow: hidden;
    text-overflow: ellipsis;
}
#suggesstion-box ul>li .fa-external-link{
	padding: 10px 0;
}
#suggesstion-box ul>li span{
	padding: 10px 0;
	min-width: 120px;
    text-align: right;
}
h4.slogan-text {
	margin: 0;
    padding: 2px;
    font-size: 20px;
	color: #64BC2B;
}
.hotline-top {
	font-size: 16px; 
	font-weight: bold;
	color: #906581;
}
.col-20{
	width: 20%;
	float: left;
}
.btn-more{
	
}
.block-categories-home-head ul{
	margin: 10px 0 0 10px;
}
.product-list-three{
	overflow: hidden;
	clear: both;
}
.btn-more{
    width: 200px;
    border-radius: 0;
	border: 2px solid #64BC2B;
	color: #64BC2B;
}
.btn-more:hover{
	background: #64BC2B;
	color: #FFF;
}
.block-categories-home .btn-more{
	margin: 10px auto!important;
}
.lable-hot{
	position: relative;
	z-index: 999;
	display: inline-block;
	width: 100%;
	height: 30px;
	overflow: hidden;
}
.lable-hot > div{
	
}
.thuonghieu a{
	float: left;
    background: #64BC2B;
    color: #fff;
    padding: 3.5px 12px;
    margin-left: 5px!important;
    border-radius: 5px;
	margin-top: 3px!important;
}
.lable-hot .gif{
	background: url(../img/gif.png);
	background-size: 30px 30px;
	width: 30px;
    height: 30px;
	margin-right: 5px;
	float: right;
}
.lable-hot .hot{
	background: url(../img/hot.png);
	background-size: 30px 30px;
	width: 30px;
    height: 30px;
	margin-right: 5px;
	float: right;
}
.lable-hot .phantram{
	background: url(../img/phantram.png);
	background-size: 30px 30px;
	width: 30px;
    height: 30px;
	margin-right: 5px;
	float: right;
}
.block-categories-home-head ul{
	margin-bottom: 5px;
}
.block-categories-home-head ul li{
	position: relative;
}
.block-categories-home-head ul li:after{
	content: '';
    position: absolute;
    z-index: 99;
    right: 0;
    background: #000;
    width: 1px;
    height: 12px;
    top: 3px;
}
.block-categories-home-head ul li:last-child:after{
	display: none!important;
}
.block-categories-home-head ul li a{
	padding: 0 10px;
	cursor: pointer;
}
.visible{
	visibility: visible!important;
}
.buy-now-button .col-xs-6{
	padding: 0 5px!important;
}
.buy-now-button a{
	white-space: nowrap;
	font-size: 90%;
    padding: 0 5px;
	background: #64BC2B;
	/*color: #333;*/
	color: #fff;
	text-transform: none!important;
	display: block;
	border-radius: 2px;
}
.buy-now-button a:hover{
	color: #fff!important;
}
.subcat-brand {
	margin: 0 15px;
}
.subcat-brand .slick-track .slick-slide .subcat-brand-item{
	margin: 0px!important;
	padding: 2px;
    height: auto!important;
    border-radius: 0!important;
	width: 96px!important;
}
.content_item:hover{
	overflow: hidden;
}
.content_item:hover .buy-now-button{
	visibility: visible!important;
}
.subcat-brand .slick-prev, .subcat-brand .slick-next{
	background-color: transparent!important;
	width: 15px!important;
    height: 30px!important;
}
.subcat-brand .slick-prev{
	left: -17px!important;
}
.subcat-brand .slick-next{
	right: -16px!important;
	background-position: -32px;
}
.product-list-three .tab-pane{
	display: none;
	animation: fadeEffect 1s;
}
.product-list-three .tab-pane.active{
	display: block;
}
.more-list-prod .tab-pane{
	display: none;
	animation: fadeEffect 1s;
}
.more-list-prod  .tab-pane.active{
	display: block;
}
@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}
.block-categories-home-head ul li.active a{
	color: #64BC2B;
}
.social-button-custom {
	float:left;
	margin-right: 5px;
}
.marg-top-15{
	margin-top: 15px!important;
}
.tabcontent{
	clear: both;
	width: 100%!important;
	display: none;
}
.tabcontent.active{
	display: block;
}
.label-custom-size {
	padding: .3em .5em !important;
	font-size: .9em !important;
	font-weight: 500;
}
.col-info-smal {
	width: 240px;
}
.slick-tab{
	clear: both;
}
.tabcontent .content_item {
	padding: 3px;
}
.bg-blue-button {
	background: #0089e0 !important;
}
.cl-blue-text {
	color: #0089e0 !important;
}
#box-thongso.body-sepcs, #box-tinhnang.body-sepcs, #box-dacdiem.body-sepcs {
	line-height:1.5em !important;
}

.bg-thong-so {
    background: #eaeaea96;
	padding: 0px 15px !important;
	padding-bottom: 15px !important;
}
.icon-promo-box {
	background: #64BC2B !important;
	color: #fff;
	padding: 5px 10px;
	margin-right:5px;
	border-radius: 5px;
}
.h2title {
	line-height: 1.5;
	font-size: 1.1em;
	font-weight: bold;
	text-transform: uppercase;
	color: #64BC2B !important;
}
.h5title {
	font-size: 1em;
	font-weight: bold;
	color: #64BC2B !important;
}

#box-thongso table {
	width:100% !important;
}
.cart-done .table>tbody>tr>td, 
.cart-done .table>tbody>tr>th, 
.cart-done .table>tfoot>tr>td, 
.cart-done .table>tfoot>tr>th, 
.cart-done .table>thead>tr>td, 
.cart-done .table>thead>tr>th {
	font-size: 14px;
}
.icon-prod-tmd {
	padding: 5px;	
}
.icon-prod-tmd img {
	width: 60px;

}
.icon-prod-tmd-small {
	padding: 5px;
}
.icon-prod-tmd-small img {
	width: 40px;
}
.logo img {
	width: 90%;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
	background-color: #64BC2B;
    border-color: #64BC2B;
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
	color: #64BC2B;
}
.pagination>li>a, .pagination>li>span {
	color: #64BC2B;
}
.hotline-detail {
	color: #64BC2B;
	font-size:1.2em;
}
.cart-product-delete i.fa {
	color:red;
}
.cart-product-title a {
	color: #64BC2B;
}
.thongtinnhanhang h5 {
	color: #64BC2B;
}
.title-cart i.fa {
	color: #64BC2B;
}
.cart-done .table>tbody>tr>td, 
.cart-done .table>tbody>tr>th, 
.cart-done .table>tfoot>tr>td, 
.cart-done .table>tfoot>tr>th, 
.cart-done .table>thead>tr>td, 
.cart-done .table>thead>tr>th {
	border-top: 0px;
}