@charset "UTF-8";

@import url('https://fonts.googleapis.com/css?family=Asap:400,500,600,700&display=swap&subset=vietnamese');
html, body, div, applet, object, iframe, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, u, i, center, dl, dt, dd, fieldset, form, label, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	
}
.chinhsach img{max-width:30px;max-height:30px;}

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}

.d-inline-flex {
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

.flex-row {
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}

.flex-column {
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

.flex-row-reverse {
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important;
}

.flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}

.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
}

.flex-grow-0 {
  -ms-flex-positive: 0 !important;
  flex-grow: 0 !important;
}

.flex-grow-1 {
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  -ms-flex-negative: 1 !important;
  flex-shrink: 1 !important;
}

.justify-content-start {
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}

.justify-content-end {
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

.justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.justify-content-between {
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}

.align-items-start {
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}

.align-items-end {
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}

.align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important;
}

.align-items-baseline {
  -ms-flex-align: baseline !important;
  align-items: baseline !important;
}

.align-items-stretch {
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}

.align-content-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important;
}

.align-content-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important;
}

.align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important;
}

.align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important;
}

.align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important;
}

.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important;
}

.align-self-auto {
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
}

.align-self-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important;
}

.align-self-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important;
}

.align-self-center {
  -ms-flex-item-align: center !important;
  align-self: center !important;
}

.align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important;
}

.align-self-stretch {
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
}
img{max-width:100%;height:auto;vertical-align:top}
a,input,textarea{outline:none;padding:0px;}
input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
.w-clear:after{display:block;content:"";clear:both;}
.hidden{display:none;}
.clear{clear:both;}
.none{display:none;}
.hidden-seoh{visibility:hidden;height:0px;margin:0px;overflow:hidden;}
.wrap-main,.wrap-content{max-width:1220px;margin:40px auto;padding:0px 10px;}
.wrap-home{max-width:100%;padding:0px;}
.wrap-content{margin:auto;}
.control-carousel{position:absolute;top:calc(50% - 30px/2);margin-bottom:0px;width:30px;height:30px;text-align:center;line-height:30px;border:1px solid #eee;z-index:2;background-color:#fff;color:#ccc;cursor:pointer;}
.control-carousel:hover{background-color:#d72630;border-color:#d72630;color:#fff;}
.prev-carousel{left:0px;}
.next-carousel{right:0px;}
.padd-5{padding-left:5px;padding-right:5px;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	font-size: 13px;
	font: 14px/18px 'Asap', Arial, Helvetica, sans-serif;
	line-height:1.5;
	color: #000;
	background: #fff;
}
b{font-family: robotobold;}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

* html > body .clearfix {
    display: block;
    width: 100%;
}

* html .clearfix {
    height: 1%;
}

a{text-decoration:none;}
a:hover{color:#F00;}
img{border:0;}
.clear
{

    overflow:hidden;
    clear:both;
}
.hidden-md {
    display: none;
}
#loading{display:none;background: #fff url(../images/loader.gif) no-repeat center center;opacity: 0.9;z-index: 12345;position:fixed;width:100%;height:100%}
.container{ position: relative; margin: auto;}
#popub{position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 10001; text-align: center;display: none;}
#popub .allload{ width: 100%; background: rgba(0,0,0,.8); height: 100%; z-index: 1; position: absolute;}
#popub .popub{position: relative;width: 80%; margin: auto; display: inline-block; z-index: 10;max-width: 600px;background: #fff;top:20%;}
#popub .popub .close{
	z-index: 10;
	position: absolute;
	background: url(../images/close.png)center center no-repeat;
    width: 60px;
    height: 60px;
    right: -33px;
    top: -33px;
    z-index: 999999;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    display: block;
    box-shadow: 0 0 60px rgba(0,0,0,.2);
    border: 1px solid rgba(255,255,255,.5);
    background-color: rgba(255,255,255,.1);
}
#popub .popub .close:hover{
	background-color: rgba(255,255,255,.3);
    box-shadow: 0 0 20px rgba(255,255,255,.8);
}
/*-------------- Map css ------------*/
.col-50{width: 50%;}
#map_canvas iframe {
    width: 100% !important;
    min-height: 400px;
}
.transition_all{
	-moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease;

    transition: all 0.7s ease;
}
/************************************/
/**************** header ********************/
header .item.hotline{
    text-align: left;
    background: url(../images/ic_hotline.png) no-repeat left center;
    padding-left: 55px;
    margin-top: 20px;
    line-height: 32px;
}
.header-page-nav{background: #000000c2;}
header .item.hotline a{color: #ffd200;font-size: 18px;font-weight: 700;text-transform: uppercase;display: block;}
header{position: relative;z-index: 101;top: 0px;left: 0px;width: 100%;}
header .icon_shipper{
    color: #ffd200;
    font-size: 11px;
    background: url(../images/icon_cart.png) no-repeat left 5px center;
    line-height: 20px;
    padding: 5px;
    padding-left: 30px;
    margin-top: 20px;
    border: solid 1px #ffd200;
    border-radius: 20px;
}
header .icon_shipper a{color: #fff;}
header .icon_shipper span, header .icon_shipper a:hover{ color: #ffd200;}
header .icon_search{
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 35px;
    z-index: 1011;
}
header.position{position: relative;}
header .logo_header img{
    max-height: 100px;
}
.company-name {
    border: 0 solid #00a9df;
    border-radius: 5px;
    font-size: 22px;
    font-weight: 700;
    padding: 6px 0px;
    text-transform: uppercase;
    color: #555;
	text-align:center;
}
.logo_header{padding: 5px 0;}
.hotline_247{color: rgb(51, 51, 51); font-family: Roboto, Arial, sans-serif;font-size: 18px;text-align: center;    padding: 15px 0px;}
.hotline_247 .phone{    color: rgb(255, 0, 0);}
.box_icon{
	position: relative;
}
.box_icon .icon{display: inline-block;margin: 2px 0px; vertical-align: middle;}
.box_app{
	position: fixed;
	bottom: 60px;
	right: 10px;
	width: 40px;
	z-index: 1001;
}
.box_app .icon{display: inline-block;margin: 2px 0px; vertical-align: middle;}
.box_icon .title{font-weight: bold; text-transform: uppercase; display: inline-block; padding-right: 10px; vertical-align: middle;}
header.fixed {
	background: #252525;
	position: fixed;
	z-index: 101;
	top: 0px;
	display: inline;
	width: 100%;
	left: 0px;
}
.heading{overflow:hidden; height: 0px; visibility: hidden;}
header .fixed .top_header{
	-moz-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	-ms-transition: all 0.7s ease;
	transition: all 0.7s ease;
	height: 0px;
	overflow: hidden;
}
.box_search{
    overflow: hidden;
    vertical-align: middle;
    right: 0px;
    z-index: 100;
    position: relative;
    text-align: right;
    margin-top: 20px;
    width: 100%;
}
.key_search{
    font-size: 12px;
    color: #686868;
    padding-top: 10px;
}
.box_search input[type="text"]{
    font-weight: normal;
    background: rgb(255, 255, 255);
    width: 100%;
    height: 30px;
    font-size: 12px;
    box-shadow: none;
    border: solid 1px #E0E0E0;
    border-radius: 20px;
}
.box_search input[type="text"]:focus, .box_search .input_search select:focus { box-shadow: none; outline: none; }
.box_search input[type="button"]{
    width: 30px;
    border:none;
    height: 30px;
    position: absolute;
    top: 0px;
    right: 0px;
    background: #fec909 url(../images/icon_search.png) no-repeat center;
    color: #fff;
    text-transform: uppercase;
    border-radius: 50%;
}
.addthis_native_toolbox{margin-top: 10px}
.height_header{}
/**************** end header ********************/
/**************** nav ********************/
menu{background: #363636; position: relative;}	

.bor_top {
    border-bottom: 1px solid rgba(190,190,190,0.5);
    padding: 5px;
    font-size: 14px;
}
.fr {
    float: right;
}
.style_navs ul {
    margin: 0;
    padding: 0 10px;
	    list-style: none;
}
.style_navs ul li {
    float: left;
    padding: 0 10px;
}
.style_navs ul li a:active, .style_navs ul li a:visited, .style_navs ul li a:link {
    color: #333;
}
/* Search */
.search{position:relative;}
.search .icon-search{width:40px;height:40px;cursor:pointer;text-align:center;line-height:42px;color:var(--color-sub);background-color:#ffffff;font-size:15px;margin:0px;border-radius:100%;}
.search .icon-search.active{color:#ffbb02;background-color:#000;border-radius:100%;}
.search .search-grid{position:absolute;right:0px;width:0px;height:40px;overflow:hidden;background:#ffffff;box-shadow:0 3px 11px 0 rgb(0 0 0 / 10%);z-index:2;opacity:0;border-radius:25px;line-height:normal;}
.search .search-grid p{float:left;width:35px;height:40px;cursor:pointer;outline:none;border:none;margin:0px;font-size:15px;display:block;color:var(--color-sub);line-height:43px;text-align:center;}
.search .search-grid input{width:calc(100% - 35px);float:right;line-height:40px;outline:none;border:none;font-size:13px;}
.search .search-grid input::-webkit-input-placeholder{color:#313131;}
.search .search-grid input:-moz-placeholder{color:#313131;}
.search .search-grid input::-moz-placeholder{color:#313131;}
.search .search-grid input:-ms-input-placeholder{color:#313131;}
/* Menu */
.menu{background-color:#363636;}
.menu .home i{color:#fff;font-size:20px;}
.menu ul{width:100%;padding:0px;margin:auto;list-style:none;}
.menu ul li{position:relative;z-index:99;}
.menu ul li.line{width:1px;height:15px;background-color:rgba(255,255,255,0.5);}
.menu ul li a{display:block;position:relative;z-index:1;text-align:center;text-decoration:none!important;}
.menu ul li a{font-size:14px;color:#fff;margin:0px;padding:16px 14px;text-transform:inherit;}
.menu ul li a.active,.menu ul li:hover > a,.menu .home a.active i{color:#ffbb02;}
.menu ul li ul{position:absolute;min-width:200px;background:#363636;box-shadow:0 3px 11px 0 rgba(0,0,0,0.1);-webkit-transform:perspective(600px) rotateX(-90deg);transform:perspective(600px) rotateX(-90deg);-webkit-transform-origin:0 0 0;transform-origin:0 0 0;opacity:0;visibility:hidden;transition:all .5s;}
.menu ul li:hover > ul{-webkit-transform:perspective(600px) rotateX(0);transform:perspective(600px) rotateX(0);-webkit-transform-origin:0 0 0;opacity:1;visibility:visible;transition:all .7s;}
.menu ul li ul li a{text-align:left;border-bottom:1px solid rgba(255,255,255,0.2);}
.menu ul li ul li:last-child > a{border-bottom:0px;}
.menu ul li ul li a{font-size:14px;padding:12px 15px;}
.menu ul li ul li ul{top:0px;left:100%;}

/* Menu RP */
.menu-res{display:none;height:55px;z-index:10;background:var(--color-red);position:relative;line-height:normal;}
.menu-bar-res{height:55px;padding:0px 10px;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;align-items:center;justify-content:space-between;}
#menu{display:none;}
#hamburger{display:block;width:45px;height:23px;position:relative;}
#hamburger:before,#hamburger:after,#hamburger span{background:#000;content:'';display:block;width:100%;height:3px;position:absolute;left:0px;}
#hamburger:before{top:0px;}
#hamburger span{top:10px;}
#hamburger:after{top:20px;}
#hamburger:before,#hamburger:after,#hamburger span{-webkit-transition:none 0.5s ease 0.5s;transition:none 0.5s ease 0.5s;-webkit-transition-property:transform,top,bottom,left,opacity;transition-property:transform,top,bottom,left,opacity;}
.mm-wrapper_opening #hamburger:before,.mm-wrapper_opening #hamburger:after{top:10px;}
.mm-wrapper_opening #hamburger span{left:-50px;opacity:0;}
.mm-wrapper_opening #hamburger:before{transform:rotate(45deg);}
.mm-wrapper_opening #hamburger:after{transform:rotate(-45deg);}
.mm-menu_opened{display:block!important;}

nav#cssmenu{
    margin-top: 10px;
}
.breadcrumb-arrow {
    min-height: 40px;
    padding: 0;
    line-height: 36px;
    list-style: none;
    color: #333;
    padding-left: 10px;
    text-align: left;
    margin: 0px;
}
.breadcrumb-arrow a{color: #fff;}
.breadcrumb-arrow li, .breadcrumb-arrow li a, .breadcrumb-arrow li span {
	display: inline-block;
	vertical-align: top;
	position: relative;
}
.breadcrumb-arrow li{color: #767676;font-size: 13px;font-style: italic;background: url(../images/ic_arrow.png) no-repeat left center;}
.breadcrumb-arrow li:first-child{margin-left: 0px;background: url(../images/ic_home.png) no-repeat left center;padding-left: 15px;}
.breadcrumb-arrow li:not(:first-child) {
	margin-left: -1px;
}

.breadcrumb-arrow li span {
	padding: 0 10px;
}

.breadcrumb-arrow li a, .breadcrumb-arrow li:not(:first-child) span {
	height: 36px;
	padding: 0 10px 0 25px;
	line-height: 36px;
	white-space: nowrap;
}

.breadcrumb-arrow li:first-child a {
	padding: 0px 20px;
}

.breadcrumb-arrow li a {
	position: relative;
	color: #767676;
	text-decoration: none;
	transition: all 0ms;
}
.breadcrumb-arrow li a:hover, .breadcrumb-arrow li a:focus {
	color: #f00;
}

	.breadcrumb-arrow li a:hover:before, .breadcrumb-arrow li a:focus:before {
		border-left-color: #dcab4e;
	}

.breadcrumb-arrow li a:active {}

.breadcrumb-arrow li a:active:before, .breadcrumb-arrow li a:active:after {
		 border-left-color: #E6E9ED;
}

.breadcrumb-arrow li span {
	color: #53a1cc;
}
.breadcrumb-arrow .active {
    text-indent: 30px;
}
/**************** end nav ********************/
/**************** slider ********************/
.box_slider{position: relative;z-index: 10;}
#center-container{width: 100%;margin-top: 10px;}
.camket{}
.camket .title{
    background: #fec909 url(../images/icon_check_white.png) no-repeat left 10px center;
    position: relative;
    text-align: center;
    color: #fff;
    padding: 10px;
    font-weight: 600;
    font-size: 15px;
}
.camket .content{
    padding: 0px 0px;
    background: #f4f4f4;
}
.camket .content .item{
    border-bottom: solid 1px #fff;
    padding: 10px;
}
.camket .content .item:last-child{border: none;}
.camket .item img{
    float: left;
    margin-right: 10px;
    margin-top: 10px;
}
.camket .item .info{
    overflow: hidden;
    font-size: 12px;
}
.camket .item .info b{
    display: block;
}
.camket .end_ck{
    background: url(../images/ic_chinhsach.png) no-repeat left center;
    background-size: cover;
    padding: 15px 10px;
    padding-left: 56px;
    color: #fff;
}
.camket .end_ck a{color: #fff; display: block;}
.section-breadcrumbs{
    text-align: center;
    margin-bottom: 20px;
    background: #f3f3f3;
}
.camket .end_ck a:hover{color: #ff0;}
.section-breadcrumbs img{width: 100%;}
/**************** end slider ********************/

.border-cs {
    border: 2px dashed #B0B0B0;
    border-radius: 5px;
}
.pad-10 {
    padding: 10px;
}
.mar-bot-15 {
    margin-bottom: 15px;
}
.border-2 {
    border-right: 2px dashed #B0B0B0;
}
.td-cs {
    font-weight: bold;
    color: #EA892B;
    font-size: 20px;
}
.text-cs {
    font-style: italic;
    color: #EA892B;
    font-size: 16px;
}
.no-bor {
    border: 0!important;
}
/**************** heading ********************/
#heading{
	height:0px; visibility: hidden; overflow:hidden;
}
/**************** end heading ********************/
/**************** content ********************/
.container_mid{
    position: relative;
    z-index: 10;
}
.inner{
    padding: 10px;
    background: #fff;
}
.description{text-align: center;margin: 10px 0px 20px 0px;}
.container_mid .tcat{
    font-size: 18px;
    color: #000000;
    font-weight: 600;
    text-align: left;
    position: relative;
    margin: 20px 0px;
    text-transform: uppercase;
}
/* .container_mid .tcat:after{content: '';width: 100%;height: 2px;position: absolute;left: 0px;background: #eeeded;bottom: 0px;} */
.container_mid .tcat span{color: #000;}
.container_mid .tcat .icon{
	clear: both;
	background-color: #ffc72f;
	position: relative;
	z-index: 1;
	display: inline-block;
	padding: 0px 30px;
	min-width: 200px;
	color:#000;
	line-height: 52px;
    font-size: 20px;
}
.container_mid .tcat .icon::after {
    position: absolute;
    content: '';
    width: 71px;
    height: 52px;
    background: url(../images/afterTab.png);
    left: 100%;
    top: 0px;
}
.container_mid .tcat .icon:before{
	content: '';
	/*background: url(../images/tcat_before.png) no-repeat;*/
	width: 40px;
	height: 40px;
	right: -40px;
	position: absolute;
	top: 0px;
}



.container_mid .catalog-one .tcat .icon{
	clear: both;
	background-color: #dd1d0f;
	position: relative;
	z-index: 1;
	display: inline-block;
	padding: 0px 30px;
	min-width: 200px;
	color:#fff;
	line-height: 52px;
    font-size: 20px;
}
.container_mid .catalog-one .tcat .icon::after {
    position: absolute;
    content: '';
    width: 59px;
    height: 52px;
    background: url(../images/afterTab-one.png);
    left: 100%;
    top: 0px;
}
.container_mid .catalog-one .tcat .icon:before{
	content: '';
	background: url(../images/tcat_before.png) no-repeat;
	width: 40px;
	height: 40px;
	right: -40px;
	position: absolute;
	top: 0px;
}



.container_mid .tcat .list{
    position: absolute;
    right: 0px;
    top: 10px;
}
.container_mid .tcat .list a{
    font-size: 13px;
    font-weight: 400;
    color: #434343;
    text-transform: none;
    display: inline-block;
    padding: 0px 10px;
}
.container_mid .tcat .list a:hover{
    font-weight: 600;
    color: #f9750a;
    text-decoration: underline;
}
.container_mid .tcat .views_all{
    position: absolute;
    right: 0px;
    top: 7px;
    color: #018cc0;
    border: solid 1px #018cc0;
    padding: 1px 20px;
    line-height: 20px;
    font-size: 12px;
    border-radius: 5px;
    text-transform: none;
    font-weight: 300;
}
.title_all{
	font-size: 25px;
	color: #212120;
	position: relative;
	font-weight: 200;
	margin-bottom: 40px;
}
.tcat_right{display: none;}
.fancybox-inner .tcat .icon h2, .container_mid .tcat .icon h2{
}
.container_mid .tcat .icon a{ color: #df1f26;}
.container_mid .tcat .tcat_noibat .item{ float: right; margin: 10px; margin-top: 15px;}
.container_left{}
.container_left .module_left{
    margin-bottom: 20px;
}
.container_left .module_left .content{
    border: solid 1px #ddd;
}
.container_left .module_left .title{
	color: #fff;
	line-height: 30px;
	font-size: 18px;
	padding: 5px 0px;
	position: relative;
	padding-left: 50px;
	background: #000 url(../images/title_left.png) no-repeat left center;
	text-transform: uppercase;
}
.module_left .title1{
	color: #000000;
	line-height: 30px;
	font-size: 24px;
	padding: 5px 0px;
	position: relative;
	text-transform: uppercase;
	font-weight: 500;
	margin-bottom: 20px;
}
.module_left .title1:after{content: ''; width: 120px; height: 4px; position: absolute; left: 0px; bottom: 0px; background: #fec909;}
.module_left .views_all{background: #f4f4f4;color: #a0a0a0;transition: all 0.5s ease;display: inline-block;padding: 3px 10px;border-radius: 10px;font-size: 13px;}
.module_left .views_all:hover{background: #fec909; color: #000; }
.container_left ul.danhmuc{
    list-style: none;
    padding: 15px 0px;
    position: relative;
    margin: 0px;
}
.container_left ul.danhmuc li{
    position: relative;
    padding: 0px 15px;
}
.container_left ul.danhmuc li:after{
	content: '';
	background: url(../images/arrow_left.png) no-repeat;
	width: 17px;
	height: 18px;
	position: absolute;
	right: 0px;
	top: 8px;
	color: #767676;
}
.container_left ul.danhmuc li:last-child{border: none;}
.container_left ul.danhmuc li a{
    display: block;
    padding: 3px 0px;
    color: #767676;
    font-size: 13px;
    position: relative;
    font-weight: 800;
}
.container_left ul.danhmuc li a img{width: 25px;display: inline-block;margin-right: 10px;}
.container_left ul.danhmuc li a:hover{color: #f00;}
.container_left ul.danhmuc .list_item{
    position: absolute;
    left: 100%;
    top: 0px;
    width: 250px;
    background: #fff;
    border: solid 1px #ddd;
    z-index: 101;
    display: none;
}
.container_left ul.danhmuc .list_item a{
    padding: 6px 10px;
    border-bottom: dashed 1px #ddd;
}
.container_left ul.danhmuc .list_item div{max-width: 250px;display: inline-block;width: 100%;vertical-align: top;position: relative;}
.container_left ul.danhmuc .list_item .item_cat_item{
    position: absolute;
    left: 100%;
    width: 300px;
    background: #fff;
    border: solid 1px #ddd;
    top: 0px;
    display: none;
}
.container_left ul.danhmuc li:hover .list_item, .container_left ul.danhmuc .list_item .item_cat:hover .item_cat_item{display: block;}
.container_left .item_news .name{
    margin: 0px;
    text-transform: inherit;
}
.container_right{width: 72%;float: left;}



.title_main{    margin: 15px auto;margin-bottom:5px;}
.title_main:after{display:table;clear:both;content: '';}
.title_main span,.title_main a.title-home{float:left;}
.title_main span,.title-installment a,.title_main > a.tab.active,.title_main > a.tab:hover,.title_main a.title-home{color:#fff;background-color:#dd1d0f;padding:0px 20px;font-weight:normal;text-transform:uppercase;display:inline-block;line-height:52px;font-size:20px;position:relative;}
.title_main span::after,.title-installment a:after,.title_main a.title-home::after,.title_main > a.tab.active::after,.title_main > a.tab:hover::after{position:absolute;content:'';width:59px;height:52px;background:url(../images/afterTab-one.png);left:100%;top:0px;}
.title_main a:not(.title-home){margin-right:65px;color:#000;cursor:pointer; padding:0px 20px;text-transform:uppercase;display:inline-block;line-height:52px;font-size:20px;position:relative;}
.title_main.title-installment a{color:#fff;}

#subscribe_form .title{font-weight: bold;color: #000;font-family: arial;font-size: 14px;}
#subscribe_form{position: relative;margin-top: 15px;}
#subscribe_form #email_newsletter{
    width: 100%;
    display: inline-block;
    background: #fff;
    height: 40px;
}
#subscribe_form .btn_mail{
    background: url(../images/btn_send.png) no-repeat center left;
    width: 65px;
    height: 39px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    border-radius: 0px;
    color: #000;
}
.container_right .title{ font-family: robotobold; font-size: 17px; color: #d9534f; padding: 10px 0px; margin-bottom: 10px;}
.xemthem{padding: 8px 12px;text-align: center;color: #fff;right: 0;margin-top: 25px;font-size: 15px;position: relative;}
.xemthem a{display: inline-block;color: #018cc0;background: #fff;padding: 0px 30px;position: relative;font-weight: 800;}
.xemthem a:hover{ color: #f00;}
.xemthem:before{content: '';width: 300px;height: 1px;background: #ddd;position: absolute;left: 50%;top: 18px;transform: translate(-50%, 0%);}
.item_product_content{vertical-align: top;margin-bottom: 20px;font-size: 13px;/* height: 100%; */background-color: #ffffff;color: #191919;padding-bottom: 15px;}
.item_product_content .item{
}
.item_product_content .item:hover{}
.item_product_content .images{position: relative;background: #fff;}
.item_product_content .images img{}
.item_product_content .name{
    padding-top: 10px;
    position: relative;
    padding: 5px 0px;
    text-align: left;
    margin-top: 5px;
}
.item_product_content .address{
	text-align: left;
	color: #606060;
}
.item_product_content .name a{display: block;font-size: 17px;font-weight: 700;text-transform: uppercase;font-family: robotobold;color: #f04f23;text-align: center;}
.margin-0{ margin-right: 0px;}
.item_product_content .prices{
    position: relative;
    clear: both;
    text-align: left;
    color: #000000;
    font-size: 13px;
}
.item_product_content .prices span{
    position: relative;
    color: #ec0000;
    font-size: 15px;
    /* font-family: fontavobold; */
}
.item_product_content .prices figure{display: inline-block;color: #ec0000;font-size: 15px;/* font-family: fontavobold; */}
.item_product_content .giasale{}
.item_product_content .giasale span{ color: #de002f; font-size: 18px;}
.item_product_content .opacity{opacity: 0;}
.item_product_content:hover .opacity{opacity: 1;}
.item_product_content .order{text-align: center;padding-bottom: 10px;background: url(../images/btn_muahang.png) no-repeat top center;height: 25px;width: 85px;margin: auto;cursor: pointer; transition: all 0.7s ease;}
.item_product_content .order:hover{background: url(../images/btn_muahang_hover.png) no-repeat top center;}
.item_product_content .txt_buy{width: 24px; display: inline-block; text-align: center;}
.item_product_content .buy{display:inline-block;width: 100%;background: #ff7c06;color: #fff;cursor: pointer;border-radius: 5px;line-height: 35px;max-width: 100px;float: right;}
.item_product_content .buy:hover{ background: #00a79d;}
.item_product_content .detail{display:inline-block;width: 100%;background: #183546;color: #fff;cursor: pointer;border-radius: 5px;line-height: 35px;max-width: 100%;float: left;}
.item_product_content .detail:hover{ background: #00a79d;}
.item_product_content .detail a{color: #fff;}
.item_product_content .throught{ text-decoration: line-through;}
.box_product{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
}
.readmore {
    padding: 8px 15px;
    background-color: #C58933;
    color: #fff;
    border-radius: 5px;
    font-size: 14px;
}
.readmore:hover {
    -webkit-box-shadow: inset -2px 2px 20px 0 rgba(0,0,0,.5);
    -moz-box-shadow: inset -2px 2px 20px 0 rgba(0,0,0,.5);
    box-shadow: inset -2px 2px 20px 0 rgba(0,0,0,.5);
    color: #fff;
}
.box_product .owl-prev{background: url(../images/prev_dt.png) no-repeat;top: 26%;left: -11px;}
.box_product .owl-next{background: url(../images/next_dt.png) no-repeat;top: 26%;right: 0%;margin-right: -12px;}
.container_mid .no-padding{ padding: 0px;}
.pro-red{color:red;font-size:18px;font-weight:bold;}

/* Contact */
.top-contact{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:30px;}
.top-contact .article-contact{width:48%;}
.form-contact{width:47%;}
.input-contact{position:relative;margin-bottom:15px;}
.input-contact input,.input-contact textarea{width:100%;padding:0px;outline:none;font-size:14px;}
.input-contact input{text-indent:10px;}
.input-contact textarea{resize:none;height:150px;padding:10px;}
.input-contact .custom-file-label::after{content:attr(title);}
.bottom-contact{position:relative;height:500px;}
.bottom-contact iframe{position:absolute;top:0px;left:0px;width:100%!important;height:100%!important;}


.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}

.form-control:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #495057;
}

.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.form-control::-webkit-input-placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control::-moz-placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control::-ms-input-placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control:disabled, .form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}

select.form-control:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}

.form-control-file,
.form-control-range {
  display: block;
  width: 100%;
}

.col-form-label {
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}

.col-form-label-lg {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  font-size: 1.25rem;
  line-height: 1.5;
}

.col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.875rem;
  line-height: 1.5;
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.5;
  color: #212529;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}

.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.form-control-lg {
  height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

select.form-control[size], select.form-control[multiple] {
  height: auto;
}

textarea.form-control {
  height: auto;
}

.form-group {
  margin-bottom: 1rem;
}

.form-text {
  display: block;
  margin-top: 0.25rem;
}

.form-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}

.form-row > .col,
.form-row > [class*="col-"] {
  padding-right: 5px;
  padding-left: 5px;
}

.form-check {
  position: relative;
  display: block;
  padding-left: 1.25rem;
}

.form-check-input {
  position: absolute;
  margin-top: 0.3rem;
  margin-left: -1.25rem;
}

.form-check-input[disabled] ~ .form-check-label,
.form-check-input:disabled ~ .form-check-label {
  color: #6c757d;
}

.form-check-label {
  margin-bottom: 0;
}

.form-check-inline {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 0;
  margin-right: 0.75rem;
}

.form-check-inline .form-check-input {
  position: static;
  margin-top: 0;
  margin-right: 0.3125rem;
  margin-left: 0;
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #28a745;
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: .1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(40, 167, 69, 0.9);
  border-radius: 0.25rem;
}

.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-control:valid, .form-control.is-valid {
  border-color: #28a745;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .custom-select:valid, .custom-select.is-valid {
  border-color: #28a745;
  padding-right: calc(0.75em + 2.3125rem);
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: #28a745;
}

.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
  color: #28a745;
}

.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
  border-color: #28a745;
}

.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
  border-color: #34ce57;
  background-color: #34ce57;
}

.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #28a745;
}

.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
  border-color: #28a745;
}

.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #dc3545;
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: .1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(220, 53, 69, 0.9);
  border-radius: 0.25rem;
}

.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: #dc3545;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .custom-select:invalid, .custom-select.is-invalid {
  border-color: #dc3545;
  padding-right: calc(0.75em + 2.3125rem);
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: #dc3545;
}

.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
  color: #dc3545;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
  border-color: #dc3545;
}

.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  border-color: #e4606d;
  background-color: #e4606d;
}

.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #dc3545;
}

.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
  border-color: #dc3545;
}

.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.form-inline {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-align: center;
  align-items: center;
}

.form-inline .form-check {
  width: 100%;
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  background-color: #fff;
  -webkit-transform: translateX(0.75rem);
  transform: translateX(0.75rem);
}

.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

.custom-select {
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  vertical-align: middle;
  background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.custom-select:focus {
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-select:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}

.custom-select[multiple], .custom-select[size]:not([size="1"]) {
  height: auto;
  padding-right: 0.75rem;
  background-image: none;
}

.custom-select:disabled {
  color: #6c757d;
  background-color: #e9ecef;
}

.custom-select::-ms-expand {
  display: none;
}

.custom-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #495057;
}

.custom-select-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
}

.custom-select-lg {
  height: calc(1.5em + 1rem + 2px);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
}

.custom-file {
  position: relative;
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  margin-bottom: 0;
}

.custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  margin: 0;
  opacity: 0;
}

.custom-file-input:focus ~ .custom-file-label {
  border-color: #80bdff;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-file-input[disabled] ~ .custom-file-label,
.custom-file-input:disabled ~ .custom-file-label {
  background-color: #e9ecef;
}

.custom-file-input:lang(en) ~ .custom-file-label::after {
  content: "Browse";
}

.custom-file-input ~ .custom-file-label[data-browse]::after {
  content: attr(data-browse);
}

.custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}

.custom-file-label::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  height: calc(1.5em + 0.75rem);
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  color: #495057;
  content: "Browse";
  background-color: #e9ecef;
  border-left: inherit;
  border-radius: 0 0.25rem 0.25rem 0;
}

.custom-range {
  width: 100%;
  height: 1.4rem;
  padding: 0;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.custom-range:focus {
  outline: none;
}

.custom-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-range:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-range::-moz-focus-outer {
  border: 0;
}

.custom-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  background-color: #007bff;
  border: 0;
  border-radius: 1rem;
  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
  appearance: none;
}


/**************** check dang ki - dang nhap ********/
.green-color{ color: #38a345; font-size: 20px;}
.red-color{ color: #f00;/* font-size: 20px; */}
.blue-color{ color: #428bca;}
.white-color{ color: #fff; font-size: 18px;}
/**************** end check dang ki - dang nhap ********/
/**************** footer ******************/
footer{
    font-size: 14px;
    color: #212120;
    background: #fff;
    line-height: 25px;
}
footer strong{ font-weight: bold;}
footer .title-ft{
    text-transform: uppercase;
    margin-bottom: 10px;
    color: #f1592a;
    font-weight: bold;
    position: relative;
}
footer .ft_payment{
	background: #f4f4f4;
	padding: 10px 10px 10px 20px;
	margin-top: 30px;
	font-weight: bold;
	color: #434343;
	font-size: 13px;
}
footer .ft_payment img{display: inline-block;}
footer .title-ft1{
    font-size: 18px;
    margin-bottom: 10px;
    color: #c2c2c2;
    font-family: robotoregular;
    text-transform: uppercase;
}
ul.social{list-style:none;padding:0;display:flex;}
footer .item{margin-bottom: 5px;line-height: 25px;}
footer .item img{margin: 10px 0px;}
footer ul{padding-left: 15px; margin-top: 15px;}
footer .item a{display: block;font-size: 14px;color: #212120;}
footer .item a:hover{color: #f00;}
.htonline{border-left: solid 1px #606060; height: 220px;}
.htonline .box_support{ width: 100%; max-width: 410px;background: url(../images/bg_zalo.png) no-repeat;height: 165px;padding: 10px 20px;}
footer .dknt .item{
    padding-top: 5px;
}
footer .dknt .item a{
    color: #000;
}
footer .dknt .item a:hover{ color: #f00;} 

#footer {
    font-weight: 300;
    color: #fff;
    width: 100%;
    margin: 0 auto;
    line-height: 2.2;
    font-size: 14px;
    background: #333;
    padding: 10px;
}
#footer fieldset {
	    margin-top: 15px;
    border: 1px solid #e1e1e1;
    margin: 0 2px;
    padding: .35em .625em .75em;
    border-radius: 5px;
}
.tab-full legend {
    text-transform: uppercase;
    color: #fff!important;
    padding: 0 10px;
    font-size: 18px!important;
    margin: 0;
    width: auto;
	    text-align: center;
		
}
.cong-ty {
    font-size: 18px;
}
a.ban-do {
    color: #ff0!important;
}
#footer a:link, #footer a:active, #footer a:visited, #footer a:hover {
    color: #ff0;
}
.ft-bottom{margin:10px auto;}
/* --------------------- Phan trang ------------------*/
.pagination{text-align:center; margin: 30px 0px;width: 100%;}
.phantrang{
    text-align:center;
    margin: auto;
}
.phantrang a {
    color: #777777;
    cursor: pointer;
    font-size: 12px;
    margin: 5px 0 5px 4px;
    display: inline-block;
    background: #f4f5f5;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    border-radius: 50%;
}
.phantrang span{ background: #09669C; padding: 7px 10px; color: #fff;}
.phantrang a:hover {
    background: #767676;
    box-shadow: none;
    color: #FFFFFF;
    text-decoration: none;
}
.phantrang .paginate_button_disabled, .phantrang .paginate_button_disabled:hover {
    background: linear-gradient(to bottom, #F8F8F8 0%, #EAEAEA 100%) repeat scroll 0 0 transparent;
    border: 1px solid #D2D2D2 !important;
    color: #ADADAD !important;
    cursor: default;
    opacity: 0.7;
    display: inline-block;
}
.phantrang .paginate_active, .phantrang .paginate_active:hover {
    background: #767676;
    box-shadow: none;
    color: #FFFFFF;
}
.wrap-video{
	position: relative;
	padding-bottom: 70%;
	height: 0;
	max-width: 600px;
	margin: auto;
}
.wrap-video iframe{
	width: 100% !Important;
    left: 0;
    right: 0;
    position: absolute;
    height: 100% !important;
    border: 0;
}
.video_lq{margin-top: 15px;}
.fb-like-box, .fb-like-box span, .fb-like-box span iframe[style], #u_0_0 ._2p3a { width: 100% !important; }
#about{
    padding: 30px 10px;
    color: #797979;
    font-weight: 300 !important;
}
#about .content{
    background: #f4f4f4;
    padding: 20px 50px;
}
.title_combo{
    background: url(../images/title_combo.png) no-repeat top left;
    font-weight: bold;
    font-size: 24px;
    text-transform: uppercase;
    color: #fff;
    padding-left: 45px;
    line-height: 43px;
    position: relative;
}
.title_combo .name{}
.title_combo .list{
    position: absolute;
    right: 0px;
    top: 0px;
}
.title_combo a{
    font-size: 13px;
    font-weight: 400;
    color: #434343;
    text-transform: none;
    display: inline-block;
    padding: 0px 10px;
}
.title_combo a:hover{
    font-weight: 600;
    color: #f9750a;
    text-decoration: underline;
}
#combo .content{
    background: #f4f4f4;
    padding: 20px 20px;
}
#combo .title_combo{
    font-size: 18px;
    font-weight: 500;
}
#combo .title_combo a{
    position: absolute;
    right: 0px;
    top: 7px;
    color: #018cc0;
    border: solid 1px #018cc0;
    padding: 1px 20px;
    line-height: 20px;
    font-size: 12px;
    border-radius: 5px;
}
.item_combo .images{
    position: relative;
    display: inline-block;
    -webkit-transition: 0.8s;
    -moz-transition: 0.8s;
    -o-transition: 0.8s;
    transition: 0.8s;
    vertical-align: middle;
}


.item_combo .images .discount {
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
    padding: 7px 8px;
    font-weight: 400;
    position: absolute;
    top: 0;
    right: 0;

    z-index: 3;	
	}
.item_combo .images .discount ._2TDZGE {
	    width: 36px;
    height: 32px;
	    background-color: rgba(255,212,36,.9);
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    position: relative;
    font-weight: 400;
    line-height: .8125rem;
    color: #ee4d2d;
    text-transform: uppercase;
    font-size: .75rem;
}
.item_combo .images .discount ._2TDZGE:after {
    content: "";
    width: 0;
    height: 0;
    left: 0;
    bottom: -4px;
    position: absolute;
    border-color: transparent rgba(255,212,36,.9);
    border-style: solid;
    border-width: 0 18px 4px;
}	
.item_combo .images .discount .percent{
    text-align: center;
    position: relative;
    font-weight: 400;
    line-height: .8125rem;
    color: #ee4d2d;
    text-transform: uppercase;
    font-size: .75rem;		
	}
.item_combo .images .discount ._17XqBU {
   
	color: #000;
}


.item_combo .images img{
	margin: auto;
}
.item_combo{
    padding: 15px;
    background: #fff;
    margin: 5px 0px;
    margin-bottom: 15px;
    position: relative;
    transition: all 0.5s ease;
    /* border: solid 0.5px #ddd; */
}
.item_combo:hover{box-shadow: 0px 0px 5px #ccc; z-index: 10;}
.item_combo:hover .images{
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}
.item_combo .detail{
    font-size: 13px;
    color: #434343;
    text-align: center;
    margin-top: 10px;
    min-height: 45px;
    /* font-weight: 800; */
}
.item_combo .detail .name{
	padding: 0;
	line-height: 24px;
	margin-bottom: 10px;
	overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;
	-webkit-line-clamp:2;
}
.item_combo .detail .name span{color: #f00;}
.item_combo a.views{display: inline-block;padding: 6px 7px;background: #434343;color: #fff;transition: all 0.5s ease;text-transform: uppercase;font-size: 12px;position: absolute;left: 50%;bottom: -15px;transform: translate(-50%, 0%);cursor: pointer;}
.item_combo a.views:hover{
	background: #fec909;
}
.item_combo1{
    text-align: center;
    border: solid 1px #ddd;
    line-height: 25px;
    padding-bottom: 20px;
}
.item_combo1 .images{position: relative;}
.item_combo1 .images img{
    width: auto;
    margin: auto;
}


.item_combo1 .images .discount {
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
    padding: 7px 8px;
    font-weight: 400;
    position: absolute;
    top: 0;
    right: 0;

    z-index: 3;	
	}
.item_combo1 .images .discount ._2TDZGE {
	    width: 36px;
    height: 32px;
	    background-color: rgba(255,212,36,.9);
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    position: relative;
    font-weight: 400;
    line-height: .8125rem;
    color: #ee4d2d;
    text-transform: uppercase;
    font-size: .75rem;
}
.item_combo1 .images .discount ._2TDZGE:after {
    content: "";
    width: 0;
    height: 0;
    left: 0;
    bottom: -4px;
    position: absolute;
    border-color: transparent rgba(255,212,36,.9);
    border-style: solid;
    border-width: 0 18px 4px;
}	
.item_combo1 .images .discount .percent{
    text-align: center;
    position: relative;
    font-weight: 400;
    line-height: .8125rem;
    color: #ee4d2d;
    text-transform: uppercase;
    font-size: .75rem;		
	}
.item_combo1 .images .discount ._17XqBU {
   
	color: #000;
}

.item_combo1 .info{
    padding-top: 20px;
}
.item_combo1 .info a{
    display: block;
    text-transform: lowercase;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.item_combo1 .info a:after{content: '';width: 40px;height: 1px;background: #666;position: absolute;bottom: 0px;left: calc(50% - 20px);}
.item_combo1 .info .price{
    color: #9f9f9f;
    font-size: 13px;
    height: 50px;
}
.item_combo1 .info .price span{color: #434343; text-decoration: line-through; display: inline-block; padding: 0px 15px;}
.item_combo1 .info .price span.red{color: #f1592a;}
.owl-combo2 .owl-prev{
    background: url(../images/prev_selector.png) no-repeat center center;
    width: 20px;
}
.owl-combo2 .owl-next{
    background: url(../images/next_selector.png) no-repeat center center;
    width: 20px;
}
#about .owl-prev{
    left: -50px;
}
#about .owl-next{
    right: -54px;
}
#tongquan{
    background: url(../images/1-bg.jpg) no-repeat center top;
    background-size: cover;
    padding: 40px 10px;
}
#tongquan .contents{
    background-color: rgba(255,255,255,.9) !important;
    padding: 20px;
}
#tongquan .title{font-size: 30px;color: #f04f23;text-align: center;text-transform: uppercase;font-family: svn_hemi_headregular;position: relative;margin-bottom: 10px;background: url(../images/tcat.png) no-repeat bottom center;padding-bottom: 12px;}
#tongquan .mota{
	margin: auto;
	margin-bottom: 30px;
	color: #424343;
	text-align: justify;
}
#uudiem{
    padding: 0px 0px;
}
#uudiem .tcat{margin-bottom: 0px;}
#uudiem .content {
    background: #f4f4f4;
    padding: 40px 50px 20px 50px;
}
.item_service{color: #333333;position: relative;transition: all 0.5s ease;}
.item_service:hover{opacity: 0.8;}
.item_service:hover .images{border-color: #000;}
.item_service .images{
    transition: all 0.5s ease;
}
.item_service .images img{margin: auto;}
.item_service .info{
    padding: 10px;
    background: url(../images/ic_video.png) no-repeat left top 10px;
    padding-left: 60px;
    color: #434343;
    font-size: 13px;
}
.item_service .info a{
    display: block;
    margin-top: 10px;
    color: #a0a0a0;
}
.item_service .info a:hover{color: #f00;}
.item_product{
    text-align: center;
    line-height: 25px;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
}
.item_product .images{position: relative;}
.item_product .images img{
    width: auto;
    margin: auto;
}

.item_product .images .discount {
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
    padding: 7px 8px;
    font-weight: 400;
    position: absolute;
    top: 0;
    right: 0;

    z-index: 3;	
	}
.item_product .images .discount ._2TDZGE {
	    width: 36px;
    height: 32px;
	    background-color: rgba(255,212,36,.9);
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    position: relative;
    font-weight: 400;
    line-height: .8125rem;
    color: #ee4d2d;
    text-transform: uppercase;
    font-size: .75rem;
}
.item_product .images .discount ._2TDZGE:after {
    content: "";
    width: 0;
    height: 0;
    left: 0;
    bottom: -4px;
    position: absolute;
    border-color: transparent rgba(255,212,36,.9);
    border-style: solid;
    border-width: 0 18px 4px;
}	
.item_product .images .discount .percent{
    text-align: center;
    position: relative;
    font-weight: 400;
    line-height: .8125rem;
    color: #ee4d2d;
    text-transform: uppercase;
    font-size: .75rem;		
	}
.item_product .images .discount ._17XqBU {
   
	color: #000;
}

.item_product .info{
    padding: 10px 5px 0px 5px;
}
.item_product .info a{
    display: block;
    font-weight: 600;
  overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;
	-webkit-line-clamp:2;
    color: #000;
    text-align: left;
    padding-bottom: 10px;
}
.item_product .code {
  color: #f57224;
  font-weight: 600;
  font-size: 12px;
  margin-bottom: 5px;
  text-align: left;
}
.item_product .info .price{
    color: #000;
    text-align:left;
    position: relative;
}
.item_product .info .price .percent
{
    position: absolute;
    color: #f00;
    font-weight: 600;
    right: 0px;
    top:25px;
}
.item_product .info .price span{color: #8d9293; text-decoration: line-through; display:block; padding: 0px 0px;}
.item_product .addtocart{display: inline-block;padding: 2px 15px;background: #434343;color: #fff;transition: all 0.5s ease;text-transform: uppercase;font-size: 12px;cursor: pointer;width: 100%;max-width: 160px;margin-top: 10px;}
.item_product .addtocart:hover{
	background: #fec909;
}
#newletter{
    background: #d72630;
    padding: 20px 10px;
    margin-bottom: 30px;
}
#newletter .title{
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    margin: auto;
    margin-bottom: 10px;
    background: url(../images/ic_dknt.png) no-repeat left center;
    line-height: 50px;
    padding-left: 80px;
    max-width: 400px;
}
#newletter .title1{
    font-weight: 600;
    color: #fff;
    position: relative;
    line-height: 50px;
    font-size: 21px;
    margin-bottom: 10px;
}
#newletter .description{
    color: #fff;
    margin: 0px;
    text-align: left;
    border-left: solid 3px #fff;
    padding-left: 10px;
    font-size: 13px;
}
.group_form_regis{
    margin: auto;
    max-width: 400px;
    position: relative;
}
#newletter .form-control{
    height: 40px;
    border: none;
    font-size: 13px;
}
#newletter .btn_send{
    background: #000;
    display: block;
    width: 100%;
    max-width: 60px;
    border-radius: 0px;
    height: 40px;
    color: #fff;
    text-transform: uppercase;
    transition: all 0.5s ease;
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 13px;
}
#newletter .btn_send:hover{background: #02863e;color: #ff0;}
#support{
    background: #f3faff url(../images/bg_tuvan.png) no-repeat bottom center;
}
#support .title{
    text-align: center;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
    font-size: 18px;
    position: relative;
    margin-bottom: 10px;
    background: url(../images/bg_title_tttt.png) no-repeat center;
    padding: 10px;
}
#support .content{padding: 20px;padding-bottom: 180px;}
#support .hotline{
    background: url(../images/ic_hotline_left.png) no-repeat left top 5px;
    padding-left: 40px;
    margin-bottom: 20px;
    color: #005299;
    font-weight: 800;
}
#support .hotline a{
    display: block;
    font-weight: bold;
    color: #f14016;
    font-size: 20px;
}
#support .email{
    background: url(../images/ic_email_left.png) no-repeat left top 5px;
    padding-left: 40px;
    margin-bottom: 20px;
    font-weight: 800;
    color: #00529c;
}
#support .email a{
    display: block;
    font-weight: bold;
}
#support .time_work{
    background: url(../images/ic_time_left.png) no-repeat left top 5px;
    padding-left: 40px;
    margin-bottom: 20px;
}
#support .item_support{
    margin-bottom: 30px;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    text-align: center;
    font-size: 15px;
    color: #fff;
    font-weight: 300;
}
#support .item_support .images{
    margin-bottom: 20px;
}
#support .item_support .images img{
    margin: auto;
}
#support .item_support span{}
#support .item_support a{
    font-weight: 500;
    color: #fff000;
}
#support .item_support .icon{
    margin-top: 5px;
}
#support .contact_yahoo{margin-bottom: 10px; background: rgba(0, 175, 223, 0.22);}
#support .contact_yahoo:nth-child(2n){
	background: #fff;
}
#support .name{width: 33%;float: left;text-align: left;padding: 10px 0px;padding-left: 15px;font-size: 13px;color: #034090;font-weight: 600;}
#support .info{width: 67%;float: left;text-align: left;line-height: 37px;}
#support > div p.margin{margin-bottom: 10px;}
#support .margin a {
    font-size: 15px;
    margin: 0px 2px;
    display: inline-block;
    font-weight: 800;
    color: #005299;
}
#news_index{
    padding: 30px 10px;
}
#news_index .title{
    text-align: center;
    position: relative;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 24px;
    margin-bottom: 30px;
}
#news_index .title span{
    position: relative;
    background: #fff;
    display: inline-block;
    padding: 0px 30px;
    background: #fff;
}
#news_index .title:after{content: '';width: 200px;height: 3px;background: #d72630;position: absolute;left: 50%;bottom: -10px;transform: translate(-50%, 0%);}
#news_index .title:before{content: '';width: 100%;height: 1px;background: #ddd;position: absolute;left: 0px;top: 50%;}
#news_index .item_new{
}
#news_index .item_new .images{
    margin: auto;
    margin-bottom: 20px;
}
#news_index .item_new .images img{width: auto; margin: auto;}
#news_index .item_new .name{
    color: #000000;
    line-height: 25px;
}
#news_index .item_new .name a{
    color: #000000;
    display: block;
    margin: 15px 0px;
    min-height: 41px;
    text-transform: uppercase;
}
#news_index .item_new .name a.views{
    text-align: right;
    font-size: 13px;
    color: #018cc0;
}
#news_index .item_new .name a:hover{color: #f00;}
#news_index .item_new .date{
    background: #f1592a;
    color: #fff;
    padding: 5px 10px;
    font-size: 12px;
    max-width: 165px;
    position: absolute;
    left: 0px;
    bottom: 0px;
}
#news_index .item_new .name .desc{
    font-size: 13px;
}
#about_us{
    background: linear-gradient(to right, #fff 40%, #212120 40%);
    color: #fff;
}
#about_us .title{
    padding: 0px 50px;
    margin-top: 40px;
    position: relative;
    color: #ffd200;
    font-size: 32px;
}
#about_us .title:after{
	position: absolute;
	content: '';
	background: #ffd200;
	width: 50px;
	height: 1px;
	left: 50px;
	bottom: -5px;
}
#about_us .content{
    padding: 30px 50px;
    font-size: 13px;
    line-height: 22px;
}
#gallery{
    padding: 40px 10px;
    margin-top: 30px;
}
#customer{
    background: url(../images/bg_customer.jpg) no-repeat top center;
    background-size: cover;
    color: #fff;
    text-align: center;
    padding: 40px 10px;
}
#customer .title{
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-weight: 200;
    font-size: 34px;
    margin-bottom: 20px;
}
#customer .title span{color: #fe7c04;}
#customer .item_customer{}
#customer .item_customer .images{
    width: 190px;
    margin: auto;
    height: 190px;
    border: solid 1px #fff;
    border-radius: 50%;
    padding: 10px;
    margin-top: 20px;
}
#customer .item_customer .name{
    margin: 20px 0px;
    font-family: 'Oswald', sans-serif;
}
#customer .item_customer .desc{
    margin: auto;
    margin-top: 20px;
    max-width: 800px;
    font-size: 13px;
    line-height: 22px;
}
#news{
    padding: 50px 10px;
    background: #F7F7F7 url(../images/bg_service.png) no-repeat top center;
    background-size: 100% auto;
}
.item_news{
    margin-bottom: 30px;
}
.item_news .name{
    display: block;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size: 15px;
    margin: 10px 0px;
}
.item_news .date{
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    margin-bottom: 10px;
    font-size: 12px;
}
.item_news .desc{
    color: #191919;
    font-size: 13px;
}
#order_form{
    padding: 10px;
    padding-bottom: 30px;
}
#order_form .title{
    font-size: 32px;
    color: #212120;
    text-transform: uppercase;
    margin-bottom: 30px;
}
#order_form .hotline{
    font-size: 18px;
    margin-top: 15px;
}
#order_form .hotline a{
    display: block;
    font-weight: 600;
    color: #ffd200;
}
#order_form .email{
    margin-top: 15px;
    color: #767676;
    max-width: 200px;
}
#order_form .email a{
    display: block;
}
#order_form .title_sub{
    border-left: solid 3px #ffd200;
    padding-left: 20px;
    color: #212120;
    font-weight: 600;
    font-size: 18px;
}
#order_form .title_sub span{
    display: block;
    font-weight: 400;
    color: #767676;
    font-size: 14px;
    margin-bottom: 20px;
}
#order_form label{
    font-weight: 400;
    margin-bottom: 5px;
    display: block;
}
#order_form input.form-control, #order_form select.form-control{
    height: 40px;
    border-radius: 5px;
}
#order_form .time{
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: 0px;
    border: solid 1px #ddd;
    border-radius: 5px;
}
#order_form .time select{
    grid-column-end: span 7;
    border: none;
    box-shadow: none;
}
#order_form .input-addon{
    grid-column-end: span 5;
    display: block;
    text-align: center;
    line-height: 40px;
    border-left: solid 1px #ddd;
}
#order_form .btn_order{
    background: #ffd200;
    text-transform: uppercase;
    width: 100%;
    max-width: 250px;
}
#contact{
	background: #108398 url(../images/bg-1.png) no-repeat center;
	background-size: 100%;
	color: #fff;
	padding: 20px;
	margin-bottom: 20px;
}
#contact.fixed{
	position: fixed;
	top: 10px;
	z-index: 999;
}
#contact .title_contact{
    text-transform: uppercase;
    font-family: arial;
    font-weight: bold;
    margin: 20px 0px 15px 0px;
    text-align: center;
}
#contact a{color: #fff;}
#contact input, #contact textarea{
    min-height: 40px;
    background: rgba(255, 255, 255, 0.13);
    color: #fff;
}
#contact input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
#contact input::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
#contact input:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
#contact input:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}
#contact .btn_send{
	background: #394145;
	padding: 6px 30px;
	color: #fff;
	font-size: 14px;
	border-radius: 0px;
	transition: all 0.5s ease;
	text-transform: uppercase;
	font-family: robotobold;
}
#contact .btn_send:hover{
	background: #f04f23;
	color: #fff;
}
.scroll-top {
  position: fixed;
  z-index: 1001;
  right: 0px;
  bottom: 10px;
  display: none;
}
footer .box_icon{font-family: arial;margin-top: 60px;}
footer .icon{display: inline-block;margin: 3px;margin-top: 10px;}
footer .tag_seo{background:#EFEFEF; padding: 5px 8px; float: left; margin: 1px;}
footer .address{background: url(../images/demo-V_61.png) no-repeat left center;/* padding: 7px; */padding-left: 40px;margin-bottom: 10px;}
footer .website{background: url(../images/demo-V_69.png) no-repeat left top;padding-left: 40px;line-height: 32px;}
footer .hotline{background: url(../images/demo-V_64.png) no-repeat left top 2px;padding-left: 40px;height: 32px;margin-bottom: 10px;}
footer .email{background: url(../images/demo-V_66.png) no-repeat left top 2px;padding-left: 40px;margin-bottom: 10px;}

.bots {
    border: 0 solid #ececec;
    padding: 0;
    font-size: 14px;
}
.bots .h4 {
    text-transform: uppercase;
    padding: 10px;
    margin: 0;
    color: #333;
    font-weight: bold;
    border-bottom: 1px solid #ddd;
    margin-bottom: 5px;
    padding-left: 10px;
}
.con {
    padding: 5px 0 5px 15px;
    background: url(../images/nut.png) 0 0 no-repeat;
}
.con a:link, .con a:active, .con a:visited {
    color: #555;
    text-transform: capitalize;
}


.box-form{
    margin-bottom:10px;
}
.box-form input.form-control, .box-form select.form-control{
    height: 40px;
    border: 2px dashed #fec909;
    border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}
.box-form textarea.form-control{
    padding: 20px 20px;
    border: 2px dashed #fec909;
    border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}
.box-form .fancybox{
    font-family: kohobold;
    color: #ef8c54;
    padding: 13px 0px;
    display: block;
    font-style: italic;
}
.thongtin{
    padding: 0px 10px;
    margin-bottom: 10px;
}
.title-form{
    height: 40px;
    line-height: 40px;
    margin-bottom: 20px;
    text-transform: uppercase;
    color: #000000;
    font-weight: 600;
    font-size: 20px;
}
.continue{
    background: #fec909;
    max-width: 300px;
    width: 100%;
    color: #000;
    text-transform: uppercase;
    text-align: center;
    padding: 12px 10px;
    border: none;
    font-size: 16px;
    border-radius: 15px;
    box-shadow: 5px 5px;
}
.box-form .type_order{opacity: 0;width: 25px;}
.checkmark {
  position: absolute;
  top: 2px;
  left: 0px;
  height: 20px;
  width: 20px;
  border: #eee solid 1px;
}

/* On mouse-over, add a grey background color */
.box-form:hover input ~ .checkmark {
}

/* When the checkbox is checked, add a blue background */
.box-form input:checked ~ .checkmark {
  background: url(../images/icon_check.png) no-repeat center;
}

/* Create the checkmark/indicator (hidden when not checked) */
.box-form:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.box-form input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.box-form .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.pad-contact{ margin-top:2%;}
.box_dh{
    /* border: solid 1px #ccc; */
    margin-bottom: 10px;
}
.box_dh .title-dh{
    height: 40px;
    margin-top: 15px;
    line-height: 40px;
    border: solid 1px #ccc;
    border-left: solid 5px #f37021;
    padding-left: 10px;
    margin-bottom: 10px;
    background: #F4F4F4;
    text-transform: uppercase;
}
.table-order{ padding:5px;}
.card_mb{
    background: #f9f9f9;
    padding: 20px;
    font-size: 13px;
}
.xcard_mb {
    display: flex;
    flex-wrap: wrap;
    padding-top: 15px;
    border-top: solid 1px #d5d5d5;
    margin-bottom: 5px;
    margin-top: 15px;
}
.xcard_mb:first-child{border: none;}
.xcard_mb .le {
    width: 70px;
    margin-right: 20px;
    position: relative;
}
.xcard_mb .le .qtys{
    position: absolute;
    top: -5px;
    right: -5px;
    background: #000;
    color: #fff;
    text-align: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
}
.xcard_mb .ri {
    width: calc(100% - 90px);
}

.xcard_mb .ri .name.gh {
    padding: 0;
    color: #777777;
    position: relative;
    padding-right: 15px;
}
.xcard_mb .ri .name.gh > span{font-weight: 600;color: #000;}
.xcard_mb .qty_total {color: #f00;}

.xcard_mb .ri .giakm {
    color: #ff0000;
    font-size: 15px;
    font-family: robotobold;
    padding: 5px 0;
}
.card_mb .promotion{
    margin-top: 20px;
}
.card_mb .promotion span{
    color: #777777;
    font-family: kohobold;
    margin-bottom: 10px;
    display: block;
}
.card_mb .promotion input{
    border: 1px solid #f0f0f0;
    height: 40px;
}
.all_total{
    background: #fec909;
    padding: 20px;
    text-align: center;
    color: #000;
    font-size: 16px;
}
.all_total .total{
    text-transform: uppercase;
}
/******************* chi tiet san pham *****************/
.product_info{
    list-style:none;
    padding:0px;
    margin:0px;
}
.product_info .product_code{
    background: #9f9f9f;
    color: #fff;
    padding: 1px 20px;
    display: inline-block;
    margin-bottom: 10px;
    font-size: 12px;
}
.product_info .name_product h1{
    margin-bottom: 10px;
    font-size: 18px;
    color: #212120;
    font-weight: 500;
    display: block;
    position: relative;
}
.product_info .check{
    line-height: 30px;
    clear: both;
}
.product_info .check b{width: 120px; float: left;}
.product_info .check input[type="text"]{display: inline-block;width: 60px;height: 35px;text-align: center;border: none;}
.product_info .check .btn_plus{
    font-size: 23px;
    height: 35px;
    line-height: 5px;
    border-radius: 0px;
    width: 40px;
    vertical-align: top;
    padding: 0px 0px 7px 0px;
    background: #f3f3f3;
    color: #a2a2a2;
}
.product_info .check .sl{
    display: inline-block;
    margin-right: 20px;
}
.product_info .check .btn_minius{
    font-size: 36px;
    height: 35px;
    line-height: 5px;
    border-radius: 0px;
    width: 40px;
    vertical-align: top;
    padding: 0px 0px 7px 0px;
    background: #f3f3f3;
    color: #a2a2a2;
}
.product_info .info{color: #767676;}
.product_info .info > span{display: block; color: #000; margin-bottom: 10px;}
.product_info .click_xem{cursor: pointer;color: #0388cd;}
.product_info .price b{color: #000;font-size: 14px;}
.product_info .price{
    color: #434343;
    font-style: normal;
    font-weight: 400;
    padding-top: 6px;
}
.product_info .addtocart{
	background: #fdc809;
	padding: 8px 10px;
	margin: 20px 0px;
	border-radius: 26px;
	line-height: 25px;
	cursor: pointer;
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	transition: all 0.5s ease;
}
.product_info .buynow{
    background: #000;
    padding: 8px 10px;
    margin: 20px 0px;
    border-radius: 26px;
    line-height: 25px;
    cursor: pointer;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    transition: all 0.5s ease;
}
.product_info .addtocart:hover, .product_info .buynow:hover{ background: #0186BD; color: #fff;}
.form_phone{}
.form_phone .title{
    color: #434343;
    font-style: italic;
    background: url(../images/ic_form_phone.png) no-repeat left center;
    padding-left: 50px;
    max-width: 300px;
    margin-bottom: 10px;
}
.form_phone form{
    position: relative;
}
.form_phone form .btn_submit{
    position: absolute;
    right: 0px;
    top: 0px;
    border-radius: 0px;
    color: #fff;
    background: #9f9f9f;
    width: 60px;
}
.tags{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    background: #f3f3f3;
    margin-top: 20px;
}
.tags .title{
    width: 80px;
    background: url(../images/ic_tag.png) no-repeat left 15px top 10px;
    padding-left: 45px;
    line-height: 50px;
    border-right: solid 1px #949393;
}
.tags .content{
    width: calc(100% - 80px);
    padding: 10px;
}
.tags a{
    padding: 3px 15px;
    background: #fff;
    display: inline-block;
    margin: 0px 5px;
    border-radius: 10px;
}
.product_info .price span{
	display: inline-block;
	padding-left: 5px;
	color: #f0592a;
}
.product_info .price span.priceny{text-decoration: line-through;color: #434343;}
.product_info .price .discount{
    display: inline-block;
    background: url(../images/discount_detail.gif) no-repeat left center;
    color: #fff;
    padding: 5px 8px;
    margin-left: 20px;
}
.tag_slug{ background: #ECECEC; padding: 10px;}
.tag_slug .tag{background: #fff; padding: 5px 10px;; margin-right: 10px;}
.tag_slug .tag i{ margin-right: 5px;}
.selectors{}
.selectors .owl-next{
    background: url(../images/next_selector.png) no-repeat center center;
    top: 0px;
    right: 0px;
    background-position: 0px 0px;
    width: 20px;
    height: 100%;
}
.selectors .owl-prev{
	background: url(../images/prev_selector.png) no-repeat center;
	top: 0px;
	left: 0px;
	transition: all 0.7s ease;
	width: 20px;
	height: 100%;
}
.item_zoom{}
.item_zoom:hover{border: solid 1px #f00;}
.title_sp{
    color: #fdc809;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    margin: 20px 0px;
    font-size: 18px;
    position: relative;
}
.title_sp span{display: inline-block;padding: 0px 20px;background: #fff;position: relative;z-index: 1;}
.title_sp:after{width: 100%; height: 1px; position: absolute; content: ''; top: 50%; left: 0px; background: #fdcf28;}
.title_ct_pr{
    color: #018bbf;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 18px;
    margin-top: 30px;
    padding: 5px 0px;
    border-bottom: solid 2px #9f9f9f;
    position: relative;
    margin-bottom: 10px;
}
.title_ct_pr:after{content: ''; position: absolute; bottom: -2px; left: 0px; height: 2px; width: 100px; background: #018bbf; }
.title_sp1{
    color: #000;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 18px;
    margin-top: 30px;
    padding: 5px 0px;
    border-bottom: solid 4px #cacaca;
    position: relative;
}
.title_sp1:after{content: '';position: absolute;bottom: -4px;left: 0px;height: 4px;width: 145px;background: #ffbc00;}
.content_pr{border: solid 1px #f3f3f3;border-top: none;}
.product_buy{
    background: #f3f3f3;
    padding: 15px;
    margin-top: 30px;
    position: relative;
}
.product_buy img{margin: auto;}
.product_buy.buy_scroll{
    position: fixed;
    left: 0px;
    bottom: 60px;
    max-width: 400px;
    display: none;
    z-index: 10011;
    width: 100%;
    line-height: 16px;
    font-size: 12px;
    border: solid 1px #f00;
}
.product_buy.buy_scroll .addtocart{position: relative;max-width: 120px;padding: 3px;}
.product_buy.buy_scroll .name{
    font-size: 14px;
    margin: 0px;
}
.product_buy .info{
    padding: 0px 0px 0px 15px;
}
.product_buy.buy_right .info{padding: 15px 0px;}
.product_buy .product_code{
    background: #9f9f9f;
    color: #fff;
    padding: 1px 20px;
    display: inline-block;
    margin-bottom: 10px;
    font-size: 12px;
}
.product_buy .name{
    margin-bottom: 10px;
    font-size: 18px;
    color: #212120;
    font-weight: 500;
    display: block;
    position: relative;
}
.product_buy .price{
    position: relative;
}
.product_buy .price span{
	display: inline-block;
	padding-left: 5px;
	color: #f0592a;
}
.product_buy .price span.priceny{text-decoration: line-through;color: #434343;}
.product_buy .price .discount{
    display: inline-block;
    background: url(../images/discount_detail.gif) no-repeat left center;
    color: #fff;
    padding: 5px 8px;
    margin-left: 20px;
}
.product_buy .addtocart{
	background: #fdc809;
	padding: 5px 25px;
	border-radius: 26px;
	line-height: 25px;
	cursor: pointer;
	text-transform: uppercase;
	color: #000;
	text-align: center;
	transition: all 0.5s ease;
	position: absolute;
	right: 0px;
	bottom: 0px;
}
.product_buy.buy_right .addtocart{
    bottom: -15px;
    left: 50%;
    transform: translate(-50%, 0%);
}
.title_right_pr{
	color: #000000;
	line-height: 30px;
	font-size: 18px;
	padding: 5px 0px;
	position: relative;
	text-transform: uppercase;
	font-weight: 500;
	margin-bottom: 20px;
	margin-top: 40px;
}
.title_right_pr:after{content: ''; width: 120px; height: 4px; position: absolute; left: 0px; bottom: 0px; background: #fec909;}
.item_video_right{
    border-bottom: solid 1px #ddd;
    padding: 10px 0px;
}
.item_video_right:last-child{border: none;}
.item_video_right .images{
    float: left;
    margin-right: 15px;
}
.item_video_right .info{overflow: hidden;font-size: 13px;}
.item_video_right .info a{
    color: #018cc0;
    display: block;
    text-align: right;
}
#info_deals{
    position: relative;
    margin-top: 10px;
}
#info_deals table{width: 100% !important;}
#info_deals ul#tab_content{
	margin-bottom: 20px;
	padding: 0px;
	background: #015b0f;
}
#info_deals .content_tab{overflow: hidden;display: none;background: #fff;}
#info_deals .content_tab.selected{display: block;}
#info_deals ul.fixed{
	position: fixed;
	z-index: 1001;
	width: 892px;
	background-color: #fff;
}
#info_deals ul#tab_content li{
	display: inline-block;
	padding: 5px 15px;
	box-sizing:border-box;
	font-family: robotocondensed;
	text-align: center;
	position: relative;
}
#info_deals ul#tab_content li:before{
	content: " ";
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	width: 0;
	height: 0;
	margin: -15px auto 0;
	border-style: solid;
	border-width: 10px;
	border-color: transparent;
	-webkit-transition: margin .25s ease-in-out,border-color .25s;
	transition: margin .25s ease-in-out,border-color .25s;
	z-index: -1;
}
#info_deals ul#tab_content li.selected:before, #info_deals ul#tab_content li:hover:before{
	border-top-color: #069a42;
	margin-top: 0;
}
#info_deals ul#tab_content li a, #info_deals .title{
	font-size: 14px;
	cursor: pointer;
	display: block;
	padding: 10px 10px;
	color: #ffffff;
	border-width: 0 1px 0 0;
	-webkit-transition: color .25s,background-color .25s ease-in-out,border-color .25s;
	transition: color .25s,background-color .25s ease-in-out,border-color .25s;
}
#info_deals ul#tab_content li:hover, #info_deals ul#tab_content li.selected{
	border-bottom: solid 1px #069a42;
	background-color: #059a43;
}
#info_deals ul#tab_content li:hover a, #info_deals ul#tab_content li.selected a{color: #f9f9f9;}
#info_deals ul#tab_content li.selected a{ color: #fff;}
.title_cat {
  font-family: robotobold;
  color: #c60000;
  font-size: 22px;
  margin: 10px 0px;
}
.clear.height{ margin: 10px 0px;}
.answer{padding: 0px 0px 20px 0px;}
.box_content_answer{display: none;}
.content_answer{padding: 10px 0px;}

/************* thanh dieu huong thanh toan********/
#breadcrumbs-two{
  overflow: hidden;
  width: 100%;
  margin-top: 5px;
}

#breadcrumbs-two li{
  float: left;
  margin: 0 .5em 0 1em;
  /* width: 31%; */
}

#breadcrumbs-two a{
  background: #ddd;
  padding: 0.7em;
  float: left;
  text-decoration: none;
  color: #000;
  text-shadow: 0 1px 0 rgba(255,255,255,.5);
  position: relative;
  font-size: 16px;
  display: block;
}

#breadcrumbs-two a.active, #breadcrumbs-two a:hover{
  background: #99db76;
}

#breadcrumbs-two a::before{
  content: "";
  position: absolute;
  top: 50%; 
  margin-top: -1.5em;   
  border-width: 1.5em 0 1.5em 1em;
  border-style: solid;
  border-color: #ddd #ddd #ddd transparent;
  left: -1em;
}

#breadcrumbs-two a.active:before, #breadcrumbs-two a:hover::before{
  border-color: #99db76 #99db76 #99db76 transparent;
}

#breadcrumbs-two a::after{
  content: "";
  position: absolute;
  top: 50%; 
  margin-top: -1.5em;   
  border-top: 1.5em solid transparent;
  border-bottom: 1.5em solid transparent;
  border-left: 1em solid #ddd;
  right: -1em;
}

#breadcrumbs-two a.active:after, #breadcrumbs-two a:hover::after{
  border-left-color: #99db76;
}

#breadcrumbs-two .current,
#breadcrumbs-two .current:hover{
  font-weight: bold;
  background: none;
}

#breadcrumbs-two .current::after,
#breadcrumbs-two .current::before{
  content: normal;
}
h4, .delta {
  text-transform: none;
  font-weight: normal;
}
.zoom-img{overflow: hidden; position: relative;}
.zoom-img img{
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
}
.zoom-img img:hover{
	webkit-transform: scale(1.2);/* Saf3.1+, Chrome */
	-moz-transform: scale(1.2);/* FF3.5+ */
	-ms-transform: scale(1.7);/* IE9 */
	-o-transform: scale(1.2);/* Opera 10.5+ */
	transform: scale(1.2);
}
.container_mid img{max-width: 100%; height: auto !important;}
.modal-body button.close{
    background: #D58430;
    color: #fff;
    padding: 5px 10px;
}
.modal-body .box_search{
    background: #008E8F;
    padding: 15px;
}
.modal-body .title{
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 10px;
}
.group_popub{
    position: fixed;
    z-index: 10001;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
}
.group_popub .layer{
    background: rgba(0,0,0,0.5);
    position: absolute;
    width: 100%;
    height: 100%;
}
.group_popub .content{
    position: relative;
    max-width: 600px;
    margin: auto;
    top: 50%;
    transform: translate(0%, -50%);
    background: #fff;
}
.group_popub .content .close{
    background: #000;
    color: #fff;
    text-shadow: none;
    font-weight: normal;
    font-size: 13px;
    padding: 2px;
    position: absolute;
    right: 10px;
    top: 0px;
    width: 18px;
    height: 20px;
    text-align: center;
}
.group_popub .grid_left{
    grid-column-end: span 5;
    padding: 15px;
}
.group_popub .grid_left .price{
    position: relative;
    margin-top: 10px;
}
.group_popub .grid_left .price span{
	display: inline-block;
	padding-left: 5px;
	color: #f0592a;
}
.group_popub .grid_left .price span.priceny{text-decoration: line-through;color: #434343;}
.group_popub .grid_left .price .discount{
    display: inline-block;
    background: url(../images/discount_detail.gif) no-repeat left center;
    color: #fff;
    padding: 5px 8px;
    margin-left: 20px;
}
.group_popub .grid_left .hotline a{
    display: block;
    font-weight: bold;
    font-size: 18px;
    color: #d8291d;
}
.group_popub .grid_right{
    grid-column-end: span 7;
    padding: 10px 30px;
    background: #fdc809;
}
.group_popub .grid_right .title{
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.group_popub .grid_right .product_code{color: #fff; background: #f0592a; display: inline-block; padding: 0px 10px; font-size: 13px;}
.group_popub .grid_right .name{font-weight: 500; margin: 5px 0px;}
.group_popub .grid_right .desc{
    margin-bottom: 20px;
    font-size: 12px;
}
.group_popub .grid_right .desc a{font-weight: 600;}
.group_popub .grid_right select{font-size: 13px;}
.group_popub .grid_right input{
    border-bottom: none;
    box-shadow: none;
    font-size: 13px;
    margin-bottom: 10px;
    border-radius: 3px;
}
.group_popub .grid_right .btn_send{
    width: 100%;
    text-transform: uppercase;
    background: #212221;
    border-radius: 0px;
    color: #fff;
    font-weight: bold;
    line-height: 25px;
    border-radius: 5px;
}
/* css grid */
.grid_container{
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 10px;
}
.grid_container1{
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-gap: 0px;
}
.grid_container2{
	display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 0px;
}
#metu .mmt-container {
    z-index: 1001 !important;
}
.columns-md-1{grid-column-end: span 1;}
.columns-md-2{grid-column-end: span 2;}
.columns-md-3{grid-column-end: span 3;}
.columns-md-4{grid-column-end: span 4;}
.columns-md-5{grid-column-end: span 5;}
.columns-md-6{grid-column-end: span 6;}
.columns-md-7{grid-column-end: span 7;}
.columns-md-8{grid-column-end: span 8;}
.columns-md-9{grid-column-end: span 9;}
.columns-md-10{grid-column-end: span 10;}
.columns-md-11{grid-column-end: span 11;}
.columns-md-12{grid-column-end: span 12;}


#footer-map{position:relative;height:500px;}
#footer-map iframe{position:absolute!important;width:100%!important;height:100%!important;top:0px!important;left:0px!important;}

/* Like Share */
.social-plugin{display:flex;justify-content:flex-start;margin-top:10px;}
.social-plugin .at-share-btn{margin-bottom:0px!important;}
.social-plugin .zalo-share-button{margin-left:3px;}

/* Phân Trang */
.pagination-home .pagination .page-item .page-link{color:#555555;font-size:.875rem;}
.pagination-home .pagination .page-item.active .page-link{color:#ffffff;background-color:#555555;border-color:#555555;}

/* Phân Trang Ajax */
.pagination-ajax{text-align:center;}
.pagination-ajax a{display:inline-block;vertical-align:top;margin:0px 2px 3px 2px;color:#333;background:#eee;border:1px solid rgba(161,161,161,0.4);font-size:12px;cursor:pointer;padding:3px 10px 5px 10px;border-radius:2px;}
.pagination-ajax a.current,.pagination-ajax a:hover{background:#2489da;color:#fff;border-color:#2489da;}

/* Popup custom */
.modal-custom .modal-footer{padding:0.5rem;}
.modal-custom .modal-footer .btn{font-size:14px;}

/* Popup */
#popup .modal-body{padding:0px;}

/* Hidden Google Captcha */
.grecaptcha-badge{display:none!important;width:0px!important;height:0px!important;visibility:hidden!important;overflow:hidden;}

/* Hidden Check Grammar Coccoc */
coccocgrammar{display:none;}

/* Scroll Top */
.scrollToTop{width:41px;height:41px;text-align:center;font-weight:bold;color:#444;text-decoration:none;position:fixed;bottom:65px;right:25px;display:none;z-index:10;cursor:pointer;}

/* Text Hide */
.text-split{overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:3;}

/* Transition All */
.transition{-webkit-transition:0.3s ease-out;-moz-transition:0.3s ease-out;-o-transition:0.3s ease-out;transition:0.3s ease-out;}

/* Scale IMG */
.scale-img{overflow:hidden;display:block;}
.scale-img img{-webkit-transition:0.3s ease-out;-moz-transition:0.3s ease-out;-o-transition:0.3s ease-out;transition:0.3s ease-out;-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);}
.scale-img:hover > img{-webkit-transition:0.3s ease-out;-moz-transition:0.3s ease-out;-o-transition:0.3s ease-out;transition:0.3s ease-out;-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}

/* Blink */
.blink{-webkit-animation-name:blink;-webkit-animation-duration:1s;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:infinite;-moz-animation-name:blink;-moz-animation-duration:1s;-moz-animation-timing-function:linear;-moz-animation-iteration-count:infinite;animation-name:blink;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite;}
@-moz-keyframes blink{
	0%{opacity:1.0;}
	50%{opacity:0.0;}
	100%{opacity:1.0;}
}
@-webkit-keyframes blink{
	0%{opacity:1.0;}
	50%{opacity:0.0;}
	100%{opacity:1.0;}
}
@keyframes blink{
	0%{opacity:1.0;}
	50%{opacity:0.0;}
	100%{opacity:1.0;}
}

/* Button Frame */
.btn-frame{display:block;width:50px;height:50px;position:fixed;right:20px;z-index:10;cursor:pointer;}
.btn-frame i{display:flex;display:-ms-flex;justify-content:center;align-items:center;-ms-flex-align:center;width:50px;height:50px;border-radius:50%;background:#1182FC;position:relative;z-index:1;}
.btn-frame i img{vertical-align:middle;width:70%;}
.btn-frame .animated.infinite{animation-iteration-count:infinite;}
.btn-frame .kenit-alo-circle{width:60px;height:60px;top:-5px;right:-5px;position:absolute;background-color:transparent;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid rgba(7,41,103,0.8);opacity:.1;border-color:#1182FC;opacity:.5;}
.btn-frame .zoomIn{animation-name:zoomIn;}
.btn-frame .animated{animation-duration:1s;animation-fill-mode:both;}
.btn-frame .kenit-alo-circle-fill{width:70px;height:70px;top:-10px;right:-10px;position:absolute;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;background-color:rgba(7,41,103,0.35);opacity:.4;}
.btn-frame .pulse{animation-name:pulse;}

/* Zalo */
.btn-zalo{bottom:315px;}

/* Phone */
.btn-phone{bottom:230px;}

/* Messenger */
.js-facebook-messenger-container.closed,.js-facebook-messenger-tooltip.closed{display:none!important}
.js-facebook-messenger-tooltip{bottom:97px;right:97px}
.js-facebook-messenger-tooltip{color:#404040;background:#fff}
.js-facebook-messenger-box,.js-facebook-messenger-button,.js-facebook-messenger-tooltip{z-index:999}
.js-facebook-messenger-tooltip{display:none;position:fixed;text-align:center;border-radius:10px;overflow:hidden;font-size:12px;line-height:1;padding:10px;border:1px solid rgba(0,0,0,0.1);box-shadow:rgba(0,0,0,0.15) 0 2pt 10pt;z-index:1.0E+30}
.js-facebook-messenger-close-tooltip{width:10px;height:10px;display:inline-block;cursor:pointer;margin-left:10px}
.js-facebook-messenger-box.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}
.js-facebook-messenger-box.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.js-facebook-messenger-box,.js-facebook-messenger-button,.js-facebook-messenger-tooltip{z-index:999}
.js-facebook-messenger-box{display:block;position:fixed;cursor:pointer;bottom:150px;right:17px;width:56px;height:56px;text-align:center;background:#1182FC;border-radius:100%;overflow:hidden;z-index:99;-webkit-box-shadow:1px 1px 4px 0 rgba(0,0,0,0.3);-moz-box-shadow:1px 1px 4px 0 rgba(0,0,0,0.3);box-shadow:1px 1px 4px 0 rgba(0,0,0,0.3)}
.js-facebook-messenger-box.rotate svg#fb-msng-icon{transform:rotate(0deg)}
.js-facebook-messenger-box svg#fb-msng-icon{width:32px;height:33px;position:absolute;top:13px;left:12px;opacity:1;overflow:hidden;-webkit-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;-moz-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;-o-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;}
.js-facebook-messenger-box.rotate svg#close-icon{transform:rotate(-45deg)}
.js-facebook-messenger-box svg#close-icon{opacity:0;width:19px;height:20px;position:absolute;top:19px;left:19px;-webkit-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;-moz-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;-o-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;}
.js-facebook-messenger-container,.js-facebook-messenger-container-button{z-index:1000}
.js-facebook-messenger-container{position:fixed;opacity:0;transform:translateY(50px);bottom:110px;right:90px;border-radius:10px;pointer-events:none;box-shadow:0 1px 6px rgba(0,0,0,0.06),0 2px 32px rgba(0,0,0,0.16);-webkit-transition:transform 160ms ease-in-out,opacity 160ms ease-in-out;-moz-transition:transform 160ms ease-in-out,opacity 160ms ease-in-out;-o-transition:transform 160ms ease-in-out,opacity 160ms ease-in-out;transition:transform 160ms ease-in-out,opacity 160ms ease-in-out}
.js-facebook-messenger-top-header{width:220px}
.js-facebook-messenger-top-header{color:#fff;background:#1182FC}
.js-facebook-messenger-top-header{display:block;position:relative;width:220px;background:#1182FC;color:#fff;text-align:center;line-height:1;padding:10px;font-size:14px;border-top-left-radius:10px;border-top-right-radius:10px}
.js-facebook-messenger-container iframe,.js-facebook-messenger-container-button iframe{border-bottom-left-radius:10px;border-bottom-right-radius:10px}
.js-facebook-messenger-box,.js-facebook-messenger-button,.js-facebook-messenger-tooltip{z-index:999}
.js-facebook-messenger-container,.js-facebook-messenger-container-button{z-index:1000}
.js-facebook-messenger-top-header{color:#fff;background:#1182FC}
.js-facebook-messenger-top-header{width:220px}
.js-facebook-messenger-tooltip{color:#404040;background:#fff}
.js-facebook-messenger-container.open{transform:translateY(0px);opacity:1;pointer-events:all}
.js-facebook-messenger-tooltip{bottom:97px;right:97px}
.js-facebook-messenger-box.open svg#fb-msng-icon{opacity:0}
.js-facebook-messenger-box.rotate.open svg#close-icon{transform:rotate(0deg)}
.js-facebook-messenger-box.open svg#close-icon{opacity:1}

/* Cart fix */
.cart-fixed{position:fixed;right:20px;bottom:390px;z-index:10;background:#4b4f56;width:50px;height:50px;text-align:center;color:#fff!important;border-radius:100%;display:flex;align-items:center;justify-content:center;}
.cart-fixed i{font-size:20px;}
.cart-fixed span{position:absolute;top:0px;right:-5px;color:#fff;width:25px;height:25px;background:var(--color-red);text-align:center;line-height:25px;font-size:11px;border-radius:100%;}

/* Toolbar */
.toolbar{background:var(--color-red);width:100%;padding:3vw;bottom:0px;position:fixed;z-index:500;height:auto;left:0px;}
.toolbar ul{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:0px;margin:0px;}
.toolbar ul li{text-align:center;width:25%;}
.toolbar ul li a{display:block;width:100%;cursor:pointer;}
.toolbar ul li a img{height:6vw;width:auto;}
.toolbar ul li a span{font-weight:400;color:#fff;font-size:3.5vw;display:none;}

/* Fixbar */
.fixbar{bottom:0;display:block;background:#f0eff4;border-top:1px solid #ddd;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:fixed;margin:0;z-index:500;-webkit-backface-visibility:hidden;backface-visibility:hidden;height:50px;}
.fixbar ul{margin:0px;padding:0px;list-style:none;}
.fixbar ul li{display:inline-block;margin:0 auto 10px;text-align:center;width:25%;float:left;}
.fixbar .icon-cart-mobile,.fixbar .icon-cart-new,.fixbar .icon-home-new,.fixbar .icon-hotdeal-new{width:20px;height:20px;display:block;margin:8px auto 0;}
.fixbar .icon-cart-mobile{background:url(../images/cart-mobile.png) no-repeat;}
.cart-total-header-mobile{font-size:10px;position:absolute;background:red;color:#fff!important;border-radius:50%;height:15px;width:15px;line-height:15px;top:5px;margin-left:5px;}
.fixbar ul li a{font-size:11px;text-decoration:none;color:#333;}
.fixbar ul li a i{font-size:20px;}

/* Plugbar */
.plugbar{position:fixed;bottom:0;left:0;border-top:1px solid #eae6e6;width:100%;right:0;max-width:767px;margin:0 auto;background:#fff;padding:9px 10px 10px 7px;z-index:10;}
.plugbar ul{list-style:none;padding:0;margin:0px;display:-webkit-flex;display:-moz-flex;display:flex;justify-content:space-between;align-items:center;}
.plugbar ul li{width:20%;float:left;}
.plugbar ul li a{display:block;color:#696969;font-size:12px;text-align:center;position:relative;}
.plugbar ul li a i{font-size:20px;color:#696969;}
.plugbar ul li a span{position:absolute;width:50px;height:50px;top:-40px;left:calc(50% - 50px/2);font-size:14px;display:block;border:1px solid rgba(234,230,230,0.5);border-radius:100%;}

/* Combo Phone */
.support-online{position:fixed;z-index:999;left:10px;bottom:0px;}
.support-online a{position:relative;margin:20px 10px;text-align:left;width:40px;height:40px;}
.support-online i{width:40px;height:40px;background:#43a1f3;color:#fff;border-radius:100%;font-size:20px;text-align:center;line-height:1.9;position:relative;z-index:999;}
.support-online a span{border-radius:2px;text-align:center;background:rgb(103,182,52);padding:9px;display:none;width:180px;margin-left:10px;position:absolute;color:#ffffff;z-index:999;top:0px;left:40px;transition:all 0.2s ease-in-out 0s;-moz-animation:headerAnimation 0.7s 1;-webkit-animation:headerAnimation 0.7s 1;-o-animation:headerAnimation 0.7s 1;animation:headerAnimation 0.7s 1;}
.support-online a:hover span{display:block;}
.support-online a{display:block;}
.support-online a span:before{content:"";width:0;height:0;border-style:solid;border-width:10px 10px 10px 0;border-color:transparent  rgb(103,182,52) transparent transparent;position:absolute;left:-10px;top:10px;}
.support-online .kenit-alo-circle-fill{width:60px;height:60px;top:-10px;position:absolute;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;background-color:rgba(0,175,242,0.5);opacity:.75;right:-10px;}
.support-online .kenit-alo-circle{width:50px;height:50px;top:-5px;right:-5px;position:absolute;background-color:transparent;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid rgba(30,30,30,0.4);opacity:.1;border-color:#0089B9;opacity:.5;}
.support-online .support-online .btn-support{cursor:pointer;}
.support-online .mes i{background:orange;}
.support-online .sms i{background:red;}
.support-online .call-now i{background:green;}

/* Phone Switch */
.widget-mobile{position:fixed;left:50%;transform:translateX(-50%);bottom:10px;z-index:9999999;}
#my-phone-circle{position:relative;width:50px!important;height:50px!important;}
.wcircle-open .wcircle-icon i:before{content:'\f00d';}
.wcircle-icon{background:#1282fc;border-radius:50%;display:flex!important;display:-ms-flex!important;align-items:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative!important;}
.wcircle-icon:before{position:absolute;content:'';width:60px;height:60px;background:rgba(18,130,252,.5);border:1px solid #fff;border-radius:50%;left:-5px;top:-5px;-webkit-animation:pulse 1s infinite ease-in-out;-moz-animation:pulse 1s infinite ease-in-out;-ms-animation:pulse 1s infinite ease-in-out;-o-animation:pulse 1s infinite ease-in-out;animation:pulse 1s infinite ease-in-out;}
.wcircle-icon:after{position:absolute;content:'';width:80px;height:80px;background:rgba(18,130,252,.5);border-radius:50%;left:-15px;top:-15px;-webkit-animation:zoomIn 2s infinite ease-in-out;-moz-animation:zoomIn 2s infinite ease-in-out;-ms-animation:zoomIn 2s infinite ease-in-out;-o-animation:zoomIn 2s infinite ease-in-out;animation:zoomIn 2s infinite ease-in-out;}
.wcircle-menu{position:absolute!important;left:0;top:0;display:none;}
.wcircle-menu-item{width:50px;height:50px;background:#1282fc;border-radius:50%;display:flex;display:-ms-flex;align-items:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
.wcircle-menu-item img{width:50px;height:50px;display:block;border-radius:50%;}
.wcircle-menu-item i,.wcircle-icon i{font-size:25px;color:#fff;position:relative;z-index:9999;}
.shake-anim{-webkit-animation:shake-anim 1s infinite ease-in-out;-moz-animation:shake-anim 1s infinite ease-in-out;-ms-animation:shake-anim 1s infinite ease-in-out;-o-animation:shake-anim 1s infinite ease-in-out;animation:shake-anim 1s infinite ease-in-out;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%}
@-moz-keyframes shake-anim{
	0%{transform:rotate(0) scale(1) skew(1deg)}
	10%,30%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}
	20%,40%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}
	100%,50%{-moz-transform:rotate(0) scale(1) skew(1deg)}
}
@-webkit-keyframes shake-anim{
	0%,100%,50%{-webkit-transform:rotate(0) scale(1) skew(1deg)}
	10%,30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}
	20%,40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}
}
@-o-keyframes shake-anim{
	0%,100%,50%{-o-transform:rotate(0) scale(1) skew(1deg)}
	10%,30%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}
	20%,40%{-o-transform:rotate(25deg) scale(1) skew(1deg)}
}
/* Breadcrumb */
.breadCrumbs{background-color:#eee;}
.breadCrumbs .wrap-content{padding:0.75rem 10px;max-width:1200px;}
.breadCrumbs .wrap-content .breadcrumb{padding:0;margin-bottom:0;background-color:transparent;border-radius:0;}
.breadCrumbs .wrap-content .breadcrumb-item a{color:var(--color-black);}
.breadCrumbs .wrap-content .breadcrumb-item.active a{color:var(--color-gray);}
.main-full-pro {margin:30px auto;}
.title-main{margin-bottom:1.5rem;text-align:center;}
.title-main span{text-transform:uppercase;font-weight:bold;font-size:23px;}
.time-main{margin-bottom:0.75rem;color:#999999;}
.time-main i{vertical-align:top;margin:3px 7px 0px 0px;}
.time-main span{vertical-align:top;display:inline-block;}


/* Sản Phẩm Detail */
.tabs-pro-detail{margin:15px auto;}
.grid-pro-detail{margin:15px auto;}
.left-pro-detail{position:relative;float:left;width:40%;text-align:center;margin-right:2%;background:white;}
.left-pro-detail .MagicZoom{border-radius:5px;}
.left-pro-detail .discount {
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
    padding: 7px 8px;
    font-weight: 400;
    position: absolute;
    top: 0;
    right: 0;

    z-index: 3;	
	}
.left-pro-detail .discount ._2TDZGE {
	    width: 36px;
    height: 32px;
	    background-color: rgba(255,212,36,.9);
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    position: relative;
    font-weight: 400;
    line-height: .8125rem;
    color: #ee4d2d;
    text-transform: uppercase;
    font-size: .75rem;
}
.left-pro-detail .discount ._2TDZGE:after {
    content: "";
    width: 0;
    height: 0;
    left: 0;
    bottom: -4px;
    position: absolute;
    border-color: transparent rgba(255,212,36,.9);
    border-style: solid;
    border-width: 0 18px 4px;
}	
.left-pro-detail .discount .percent{
    text-align: center;
    position: relative;
    font-weight: 400;
    line-height: .8125rem;
    color: #ee4d2d;
    text-transform: uppercase;
    font-size: .75rem;		
	}
.left-pro-detail .discount ._17XqBU {
   
	color: #000;
}
.right-pro-detail{width:calc(100% - 42%);float:left;}
.gallery-thumb-pro{position:relative;margin-top:10px;}
.owl-thumb-pro{padding:0px 40px;}
.thumb-pro-detail{display:block!important;border:1px solid #eee;padding:5px;border-radius:3px;cursor:pointer;}
.thumb-pro-detail.mz-thumb.mz-thumb-selected{border-color:#cecfd2;}
.thumb-pro-detail img{box-shadow:none!important;filter:brightness(100%)!important;border-bottom:0px!important;padding-bottom:0px!important;}
.title-pro-detail{text-transform:capitalize;font-size:20px;display:block;font-weight:700;}
.social-plugin-pro-detail{margin-bottom:1rem;margin-top:0px!important;}
.desc-pro-detail{margin-bottom:1rem;}
.attr-pro-detail{list-style:none;padding:0px;}
.attr-pro-detail li{margin-bottom:0.5rem;}
.attr-label-pro-detail{margin:0px 5px 0px 0px;}
.note .attr-label-pro-detail{    font-weight: normal;}
.attr-label-pro-detail.d-block{display:block;margin:0px 0px 5px 0px;}
.attr-content-pro-detail{display:inline-block;margin-bottom:0px;}
.price-new-pro-detail{font-weight:700;font-size:25px;color: #0265AE;}
.price-old-pro-detail{font-weight:500;font-size: 14px;color:#838181;text-decoration:line-through;padding-left:10px;}
.color-pro-detail{display:inline-block;vertical-align:top;position:relative;width:35px;height:30px;margin:0px 0px 3px 0px;border:1px solid transparent;}
.size-pro-detail{border:1px solid #ccc;padding:3px 10px 4px 10px;display:inline-block;position:relative;}
.size-pro-detail.active,.color-pro-detail.active{border-color:#e5101d;color:#e5101d;}
.color-pro-detail.active:before,.size-pro-detail.active:before{content:'';position:absolute;width:100%;height:100%;top:0px;left:0px;bottom:0px;right:0px;margin:auto;z-index:1;background-image:url(../images/check-cart.png);background-repeat:no-repeat;background-position:bottom right;}
.color-pro-detail input[type=radio],.size-pro-detail input[type=radio]{outline:none;position:absolute;cursor:pointer;width:100%;height:100%;-webkit-appearance:none;border:0px;top:0px;left:0px;}
.quantity-pro-detail{width:100%;max-width:110px;line-height:normal;display:flex;align-items:center;justify-content:space-between;text-align:center;}
.quantity-pro-detail span{line-height:25px;padding:0px;width:30px;height:30px;color:#5f5f5f;cursor:pointer;font-size:22px;border:1px solid #cccccc;}
.quantity-pro-detail span.quantity-plus-pro-detail{border-left:0px;}
.quantity-pro-detail span.quantity-minus-pro-detail{border-right:0px;}
.quantity-pro-detail input{height:30px;border:1px solid #cccccc;width:calc(100% - 60px);text-align:center;font-size:14px;padding:5px;}
.cart-pro-detail{margin-bottom:1rem;display:flex;align-items:stretch;justify-content:flex-start;}
.cart-pro-detail a{width:auto;text-align:center;color:#fff;padding:8px 15px;text-transform:uppercase;border-radius:3px;}
.cart-pro-detail a.addnow{margin-right:10px;background:#fd6e1d;background:-webkit-gradient(linear,0% 0%,0% 100%,from(#fd6e1d),to(#f59000));background:-webkit-linear-gradient(top,#f59000,#fd6e1d);background:-moz-linear-gradient(top,#f59000,#fd6e1d);background:-ms-linear-gradient(top,#f59000,#fd6e1d);background:-o-linear-gradient(top,#f59000,#fd6e1d);}
.cart-pro-detail a.buynow{background-color:var(--color-green);}
.cart-pro-detail a.buynow:hover{background-color:var(--color-dark-green);}
.cart-pro-detail a i{vertical-align:top;margin-top:3px;margin-right:8px;}
.tags-pro-detail{margin:1rem 0px 2rem 0px;}
.tags-pro-detail a{float:left;font-size:12px;color:#fff;padding:5px 10px 7px 10px;margin-right:5px;margin-bottom:5px;background-color:var(--color-red);border-radius:3px;}
.tags-pro-detail a:hover{background-color:var(--color-medium-red);}
.tags-pro-detail a i{font-size:10px;float:left;margin:5px 5px 0px 0px;}
.tabs-pro-detail .ul-tabs-pro-detail{padding:0px;list-style:none;margin-bottom:1rem;border-bottom:1px solid #e7e7e7;}
.tabs-pro-detail .ul-tabs-pro-detail li{cursor:pointer;float:left;margin-right:5px;margin-bottom:5px;background:#eee;padding:5px 10px;}
.tabs-pro-detail .ul-tabs-pro-detail li.active{background:#333;color:#fafafa;}
.tabs-pro-detail .ul-tabs-pro-detail li:last-child{margin-right:0px;}
.tabs-pro-detail .content-tabs-pro-detail{display:none;}
.tabs-pro-detail .content-tabs-pro-detail.active{display:block;}
.margin-30-auto{margin:30px auto;}
.chinhsach ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.chinhsach ul li {
    background: #ececec;
    border-radius: 5px;
    margin: 5px;
    padding: 10px 10px;
    float: left;
    width: calc(50% - 10px);
}
.chinhsach ul li span{font-size: 14px;}
.chinhsach ul li span span{font-family: arial,helvetica,sans-serif;}

/* Toc */
.box-readmore{padding:8px 15px;border:1px solid #dedede;margin-bottom:2rem;border-radius:5px;background-color:#eeeeee;}
.box-readmore li ul>li{margin:0;margin-bottom:8px}
.box-readmore li ul>li:before{content:counters(item,".") " "}
.box-readmore ul{list-style-type:none;counter-reset:item;margin-bottom:0px;padding-left:0px!important;margin-top:8px;}
.box-readmore ul li{display:table;counter-increment:item;margin-bottom:5px}
.box-readmore ul li:before{content:counters(item,".") ". ";display:table-cell;padding-right:5px}
.box-readmore ul li a{color:#333333;cursor:pointer;font-weight:600;}
.box-readmore ul li a:hover{color:#767676;}
.xem_tat_ca {
    margin: 20px 0;
}
.text-center {
    text-align: center;
}
.xem_tat_ca a {
    text-decoration: none!important;
}
.xem_tat_ca span {
    background: #d72630;
    padding: 5px 10px;
    text-transform: uppercase;
    color: #fff;
    border-radius: 5px;
	font-size:16px;
}

.effect{overflow: hidden;}
.effect:hover img{
	-webkit-transform: rotate(10deg) scale(1.2);
	-moz-transform: rotate(10deg) scale(1.2);
	-ms-transform: rotate(10deg) scale(1.2);
	-o-transform: rotate(10deg) scale(1.2);
	transform: rotate(10deg) scale(1.2);
}
.effect img{-moz-transition: all 0.7s ease;      -o-transition: all 0.7s ease;      -ms-transition: all 0.7s ease;        transition: all 0.7s ease;}
.top_header .item.address {
    color: #fed732;
    font-size: 15px;
}
.item_tk {
    padding: 15px;
    margin-bottom: 10px;
    border: 1px solid #fec909;
}
.item_tk .images {
    float: left;
    margin-right: 15px;
}
.item_tk .info {
    overflow: hidden;
}
.group_qc, .group_qc1{position: relative;overflow: hidden;}
.group_qc .che{position: absolute;width: 100%;height: 90%;z-index: 100001;background:#fff;bottom: 0px;left: 0px;}

/* Menu RP */
.menu-res{display:none;height:55px;z-index:10;background-color: rgb(54, 54, 54); position:relative;line-height:normal;}
.menu-bar-res{height:55px;padding:0px 10px;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;align-items:center;justify-content:space-between;}
#menu{display:none;}
#hamburger{display:block;width:45px;height:23px;position:relative;}
#hamburger:before,#hamburger:after,#hamburger span{background:#000;content:'';display:block;width:100%;height:1px;position:absolute;left:0px;}
#hamburger:before{top:0px;}
#hamburger span{top:10px;}
#hamburger:after{top:20px;}
#hamburger:before,#hamburger:after,#hamburger span{-webkit-transition:none 0.5s ease 0.5s;transition:none 0.5s ease 0.5s;-webkit-transition-property:transform,top,bottom,left,opacity;transition-property:transform,top,bottom,left,opacity;}
.mm-wrapper_opening #hamburger:before,.mm-wrapper_opening #hamburger:after{top:10px;}
.mm-wrapper_opening #hamburger span{left:-50px;opacity:0;}
.mm-wrapper_opening #hamburger:before{transform:rotate(45deg);}
.mm-wrapper_opening #hamburger:after{transform:rotate(-45deg);}
.mm-menu_opened{display:block!important;}
/* Search RP */
.search-res{position: absolute;
  right: 0;}
.search-res .icon-search{width:40px;height:40px;cursor:pointer;text-align:center;line-height:42px;color:#000;font-size:17px;margin:0px;}
.search-res .icon-search.active{color:var(--color-red);background:#fff;border-radius:100%;}
.search-res .search-grid{position:absolute;top:50px;right:0px;width:0px;height:40px;overflow:hidden;background:#fff;border:1px solid red;z-index:2;opacity:0;border-radius:25px;line-height:normal;}
.search-res .search-grid p{float:left;width:35px;height:38px;cursor:pointer;outline:none;border:none;margin:0px;font-size:17px;display:block;color:var(--color-red);line-height:40px;text-align:center;}
.search-res .search-grid input{width:calc(100% - 35px);float:right;line-height:38px;outline:none;border:none;color:var(--color-red);}
.search-res .search-grid input::-webkit-input-placeholder{color:#ccc;}
.search-res .search-grid input:-moz-placeholder{color:#ccc;}
.search-res .search-grid input::-moz-placeholder{color:#ccc;}
.search-res .search-grid input:-ms-input-placeholder{color:#ccc;}
.mm-listitem__text{text-transform:uppercase;}


/*THANH DEV*/

.col-1{max-width:100%;-ms-flex-preferred-size:100%;flex-basis:100%}
.col-2{max-width:50%;-ms-flex-preferred-size:50%;flex-basis:50%}
.col-3{max-width:33.33333%;-ms-flex-preferred-size:33.33333%;flex-basis:33.33333%}
.col-4{max-width:25%;-ms-flex-preferred-size:25%;flex-basis:25%}
.col-5{max-width:20%;-ms-flex-preferred-size:20%;flex-basis:20%}
.col-6{max-width:16.66667%;-ms-flex-preferred-size:16.66667%;flex-basis:16.66667%}
.col-7{max-width:14.28571%;-ms-flex-preferred-size:14.28571%;flex-basis:14.28571%}
.col-8{max-width:12.5%;-ms-flex-preferred-size:12.5%;flex-basis:12.5%}
.col-9 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  max-width: 65.5%;
}
.col-10{max-width:10%;-ms-flex-preferred-size:10%;flex-basis:10%}
.des_bottom
{
  margin-top: 30px;
}
.itemListC {
  max-width: 18%;
  -ms-flex-preferred-size: 18%;
  flex-basis: 18%;
  border: solid 1px #ddd;
  border-radius: 10px;
  padding: 15px;
  transition: 0.7s ease;
  margin-right: 20px;
  display: inline-flex;
}
.itemListC a{color: #000; font-size: 13px;}
.itemListC:hover{border: solid 2px #000;}
.itemListC:hover a{font-weight: bold;}
.itemListC .ps-3
{
  padding-left: 1rem;
}
.text-end
{
  text-align: right;
}

#newletter_phone{
  padding: 0px 0px;
  margin-bottom: 30px;
}

#newletter_phone .group_form_regis {
  max-width: 400px;
  position: relative;
  text-align: left;
  margin: inherit;
}
#newletter_phone .form-control {
  height: 40px;
  font-size: 13px;
  background: #f0f4f7;
  border: none;
}
#newletter_phone .btn_send{
  background: #ced8dd;
  display: block;
  width: 100%;
  max-width: 60px;
  border-radius: 0px;
  height: 40px;
  color: #fff;
  text-transform: uppercase;
  transition: all 0.5s ease;
  position: absolute;
  top: 0px;
  right: 0px;
  font-size: 13px;
}
#newletter_phone .btn_send:hover{background: #02863e;color: #ff0;}

.right-pro-detail .buynow {
  background: linear-gradient(to top,#ffa502 0%,#ffc80d 100%)!important;
  text-align: center;
  color: #fff;
  padding: 10px;
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.5s ease;
  display: block;

}
.right-pro-detail .addcart {
  background: linear-gradient(to top,#262626 0%,#4f4f4f 100%)!important;
  text-align: center;
  color: #fff;
  padding: 10px;
  border-radius: 10px;
  cursor: pointer;
  display: block;
}
.wap-ajax_cart
{
    overflow: hidden;
    max-width: 60%;
    margin-bottom: 20px;
}
.productQuantity
{
  margin-bottom: 20px;
}
.productQuantity .sl{display: inline-block; margin-right: 10px;}
.btn_plus {height: 35px;width: 35px;display: inline-block;color: #000;text-align: center;padding: 0px;background: none;box-shadow: none;border: solid 1px #ddd;border-right: 0px;font-size: 17px;border-radius: 10px 0px 0px 10px;}
.btn_minius {height: 35px;width: 35px;display: inline-block;color: #000;text-align: center;padding: 0px;background: #fff;box-shadow: none;border: solid 1px #ddd;font-size: 17px;border-radius: 0px 10px 10px 0px;}
.qty-pro{line-height: 35px;height: 35px;border: solid 1px #ddd;text-align: center;max-width: 60px;margin: 0px -4px;}
#popup-cart
{
  display: none;
}
#popup-cart .show
{
  display: block;
}
.add-to-cart-success{cursor:default;position:absolute;background:#fff;box-shadow:1px 1px 15px #b3b3b3;right:200px;padding:15px 20px;z-index:9999;top:70px;border-radius:6px;left:auto}
.add-to-cart-success .close{opacity:.8;position:absolute;top:3px;right:5px;cursor:pointer;font-size:28px;line-height:1;color:#000;text-shadow:0 1px 0 #fff}
.add-to-cart-success p.text{font-size:14px;color:#333;margin:0 10px 10px}
.add-to-cart-success p.text i{color:#1db33f}
.add-to-cart-success .btn{padding:8px 16px;margin:0 10px;background:#5ad3c0;color:#fff;font-size:14px;font-weight:200;border-radius:4px;text-align:center;border:0;cursor:pointer}
.add-to-cart-success:after{content:"";position:absolute;width:11px;height:11px;top:-4px;right:15px;-webkit-transform:rotate(45deg);transform:rotate(45deg);background:#fff;box-shadow:-1px -1px 0 #dfdfdf;z-index:-1}

.item_product .addCartNow {
  background: #232323;
  color: #fff;
  font-weight: 400;
  text-transform: none;
  padding: 7px 15px;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.5s ease;
}

.item_product .addCart {
  background: #f0f4f7;
  color: #8d9293;
  font-weight: 400;
  text-transform: none;
  padding: 7px 15px;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.5s ease;
}
.item_product .button
{
  text-align: left;
  padding-top: 10px;
}

.tabs-left {
  border-bottom: none;
  border-right: 1px solid #ddd;
}

.tabs-left>li {
  float: none;
 margin:0px;
  
}

.tabs-left>li.active>a,
.tabs-left>li.active>a:hover,
.tabs-left>li.active>a:focus {
  border-bottom-color: #ddd;
  border-right-color: transparent;
  background:#cfdbe2;
  border:none;
  border-radius:0px;
  margin:0px;
}
.nav-tabs>li>a:hover {
    /* margin-right: 2px; */
    line-height: 1.42857143;
    border: 1px solid transparent;
    /* border-radius: 4px 4px 0 0; */
}

.tabs-left li img {
  position: absolute;
  left: 4px;
  top: 50%;
  transform: translateY(-50%);
  width: 22px;
}
.tab-right-cat .title_cat {
  position: relative;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 20px;
  padding-bottom: 10px;
  font-size: 22px;
  border-bottom: solid 3px #fec909;
  color: #000;
}
.tab-right-cat .title {
  color: #3a3a3a;
  position: relative;
  font-weight: 600;
  margin-bottom: 10px;
  display: block;
  font-size: 18px;
}
.tab-right-cat .grid_container .item {
  border: solid 1px #ddd;
  border-radius: 5px;
}
.tab-right-cat .grid_container .item a {
  color: #000;
  display: block;
  padding: 3px;
  text-align: center;
  font-size: 13px;
}
    .menu_mobile{display:none;position:absolute;z-index:20030;top:0;left:0px}
    .menu_mobile.showmenu{position:static;top:0;right:0;z-index:2000;margin-top:0;margin-right:-15px}
    .menu_mobile.showmenu .icon_menu{color:#333;position:fixed;top:0;right:0;z-index:2000000}
    .menu_mobile.showmenu .icon_menu .style_icon:before,.menu_mobile.showmenu .icon_menu .style_icon:after{background:#000}
    .menu_mobile.showmenu .icon_menu .style_icon{color:#333}
    .menu_mobile .icon_menu{position:relative;width:70px;height:45px;cursor:pointer;color:#000;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;margin-top:2px}
    .menu_mobile .icon_menu .style_icon{display:block;position:absolute;top:24px;left:18px;right:18px;height:1px;background:#000;-webkit-transition:background 0 .3s;transition:background 0 .3s}
    .menu_mobile .icon_menu .style_icon:before,.menu_mobile .icon_menu .style_icon:after{position:absolute;display:block;left:0;width:100%;height:1px;background:#000;content:"";-webkit-transition-duration:.3s,.3s;transition-duration:.3s,.3s;-webkit-transition-delay:.3s,0;transition-delay:.3s,0}
    .menu_mobile .icon_menu .style_icon:before{top:-10px;-webkit-transition-property:top,-webkit-transform;transition-property:top,transform}
    .menu_mobile .icon_menu .style_icon:after{bottom:-10px;-webkit-transition-property:bottom,-webkit-transform;transition-property:bottom,transform}
    .menu_mobile.showmenu .icon_menu .style_icon{background:transparent}
    .menu_mobile.showmenu .icon_menu .style_icon:before{top:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition-delay:0s,.3s;transition-delay:0s,.3s}
    .menu_mobile.showmenu .icon_menu .style_icon:after{bottom:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition-delay:0s,.3s;transition-delay:0s,.3s}
    .menu_mobile .divmm{position:fixed;width:100%;top:0;left:0;bottom:0;visibility:hidden;text-align:left;z-index:222222}
    .menu_mobile .divmm .mmContent{width:100%;height:100%;margin:0 0 0 auto;position:relative;top:0;right:0;z-index:101;-webkit-transform:translate(100%,0%);-moz-transform:translate(100%,0%);-o-transform:translate(100%,0%);-ms-transform:translate(100%,0%);transform:translate(100%,0%);-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;pointer-events:none}
    .menu_mobile .divmm .mmContent .mmSearch{padding:10px;background-color:#d01820;position:relative;z-index:1}
    .menu_mobile .divmm .mmContent .mmSearch .input-group .form-control{height:30px}
    .menu_mobile .divmm .mmContent .mmSearch .input-group button.btn{height:30px;background:#dca73a;color:#fff;border-color:#dca73a;outline:0;-webkit-box-shadow:0 0 0 rgba(0,0,0,0.3);-moz-box-shadow:0 0 0 rgba(0,0,0,0.3);box-shadow:0 0 0 rgba(0,0,0,0.3)}
    .menu_mobile .divmm .mmContent .mmSearch .input-group button.btn span{color:#fff}
    .menu_mobile .divmm .mmContent .mmTitle{font-size:16px;line-height:24px;text-transform:uppercase;text-align:center;color:#333;padding:23px 10px;position:relative;overflow:hidden;white-space:nowrap;-ms-text-overflow:ellipsis;text-overflow:ellipsis}
    .menu_mobile .divmm .mmContent .mmTitle:after{position:absolute;font-family:"fontawesome";top:10px;left:15px;width:35px;height:26px;border-right:1px solid #4dcbd5;color:#fff;font-weight:400;font-size:30px;line-height:26px}
    .menu_mobile .divmm .mmContent .mmMenu{position:relative;width:100%;max-height:100%;background-color:transparent;color:#333;pointer-events:auto}
    .menu_mobile .divmm .mmContent .mmMenu ul{width:100%;background:#fff;margin-bottom:0}
    .menu_mobile .divmm .mmContent .mmMenu > ul{text-align:center}
    .menu_mobile .divmm .mmContent .mmMenu ul.tabs-left li{display:block;border-bottom:1px solid #e8e8e8;position:relative;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
    .menu_mobile .divmm .mmContent .mmMenu ul.tabs-left li a {
      position: relative;
      -webkit-transition: all .5s ease;
      -moz-transition: all .5s ease;
      -o-transition: all .5s ease;
      transition: all .5s ease;
      line-height: 23px;
      display: block;
      color: #000;
      font-weight: 600;
      font-size: 12px;
      padding: 5px;
      padding-left: 30px;
      min-height: 32px;
  }
  .menu_mobile .divmm .mmContent .mmMenu .col-xs-4 
  {
    padding-left: 0px;
    padding-right: 0px;
  }

  .menu_mobile .divmm .mmContent .mmMenu ul li a img{padding-right:5px;max-width:85px}
    .menu_mobile .divmm .mmContent .mmMenu ul li a i{display:none}
    .menu_mobile .divmm .mmContent .mmMenu ul li a:before{position:absolute;top:0;left:0;content:'';height:100%;width:3px;background:transparent;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
    .menu_mobile .divmm .mmContent .mmMenu > ul > li:hover > .m-sub{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
    .menu_mobile .divmm .mmContent .mmMenu > ul > li:hover > .m-sub,.menu_mobile .divmm .mmContent .mmMenu > ul > li:hover > a{color:#000}
    .menu_mobile .divmm .mmContent .mmMenu > ul > li:hover > .m-sub > a{color:#000}
    .menu_mobile .divmm .mmContent .mmMenu > ul > li > .m-sub > a:after,.menu_mobile .divmm .mmContent .mmMenu > ul > li > a:after{position:absolute;font-family:"fontawesome";top:10px;left:10px;font-size:6px;line-height:24px;color:#a7a3a2}
    .menu_mobile .divmm .mmContent .mmMenu ul li ul{padding-left:25px;background:#ffff}
    .menu_mobile .divmm .mmContent .mmMenu ul li ul li{border-bottom:none;border-top:1px solid #e8e8e8}
    .menu_mobile .divmm .mmContent .mmMenu ul li ul li a{padding:12px 10px 12px 20px;font-size:13px;line-height:23px;color:#333;text-transform:none;position:relative;font-weight:400}
    .menu_mobile .divmm .mmContent .mmMenu ul li ul li a:after{display: none;position:absolute;font-family:fontawesome;content:'\f105';top:12px;left:0}
    .menu_mobile .divmm .mmContent .mmMenu ul li ul li a:hover{color:#fd1c23;background-color:transparent}
    .menu_mobile .divmm .mmContent .mmMenu ul li .m-sub{position:relative}
    .menu_mobile .divmm .mmContent .mmMenu ul li .button-submenu{position:absolute;top:0;right:0;width:45px;height:100%;text-align:center;font-size:16px;color:#333;padding-top:10px;cursor:pointer;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;border-left:1px solid #fff}
    .menu_mobile .divmm .mmContent .mmMenu ul li .button-submenu:after{position:absolute;top:50%;left:50%;font-family:"fontawesome";content:'\f105';font-size:20px;line-height:36px;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
    .menu_mobile .divmm .mmContent .mmMenu > ul > li:hover > .m-sub > .button-submenu:after{color:#000}
    .menu_mobile .divmm .mmContent .mmMenu ul li .button-submenu.show:after{content:'\f107'}
    .menu_mobile .divmm .mmContent .formsearch{height:60px;background:#104872;padding:10px 0;pointer-events:auto;position:absolute;top:0;left:62px;right:0;z-index:1}
    .menu_mobile .divmm .mmContent .formsearch .form-control{background:none;border:none;outline:0;-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;-ms-box-shadow:none;box-shadow:none;color:#fff;font-size:16px;line-height:24px}
    .menu_mobile .divmm .mmContent .formsearch button.btn{width:50px;height:34px;background:none;border:none;outline:0;-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;-ms-box-shadow:none;box-shadow:none;color:#fff;position:relative}
    .menu_mobile .divmm .mmContent .formsearch button.btn:after{position:absolute;top:50%;left:50%;font-family:"fontawesome";content:'\f002';-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:25px}
    .menu_mobile .divmm.show{visibility:visible}
    .menu_mobile .divmm.show .mmContent{background:#fff;-webkit-transform:translate(0%,0%);-moz-transform:translate(0%,0%);-o-transform:translate(0%,0%);-ms-transform:translate(0%,0%);transform:translate(0%,0%)}
    .menu_mobile .divmm.show .mmContent .close-mmenu{left:0;top:0;opacity:1;display:none}
    .menu_mobile .divmm .divmmbg{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.6);z-index:100;opacity:0;visibility:hidden;-webkit-transition:all .8s ease;-moz-transition:all .8s ease;-o-transition:all .8s ease;transition:all .8s ease;height:100%;width:100%}
    .menu_mobile .divmm.show .divmmbg{opacity:1;visibility:visible}  
   
    .tabMenu {
      padding: 0px;
      margin: 0px;
      position: fixed;
      bottom: 60px;
      left: 0;
  }
    .tabMenu li{list-style: none;text-align: center;padding: 7px;}
    .tabMenu li:hover, .tabMenu li.active{background:#fec909;}
    .tabMenu li a{display: block;color: #000;}

     .title_all{
      text-transform: uppercase;color:#232323;font-weight: bold;border-bottom: solid 1px #ddd;font-size: 25px;text-transform: uppercase;margin-bottom: 20px;}
     .title_all:after {
      background: #fecc18;
      content: '';
      width: 50px;
      height: 3px;
      position: absolute;
      left: 0px;
      bottom: -1px;
  }
  .title_index{font-weight: bold;font-size: 26px;margin-bottom: 20px;padding-bottom: 5px;position: relative;}
  .title_index:after{background:#fecc18;content: '';width: 30px;height: 2px;position: absolute;left: 0px;bottom: 0px;}

.vnt-name-cate{background:#fec909;padding:7px 15px;color:#fff}
.vnt-name-cate span{cursor:pointer;font-size:14px;line-height:34px}
.vnt-name-cate span i{padding:4px 5px;margin-right:10px}
.categories_all{width: 275px;}
.categories_all:hover .all_categories{
    transition: all .3s;
    display: block;}

.all_categories {
    position: absolute;
    z-index: 9999;
    left: 0;
    width: 100%;
    transition: all .3s;
    opacity: initial;
    visibility: initial;
    display: none;
    /* margin-top: 0; */
}

.categories {
    position: relative;
    background: #fff;
    padding: 0 0 5px;
    border: 1px solid #ededed;
    opacity: 1 !important;
    visibility: visible !important;
    transform: inherit !important;
}
.categories .dropdown-toggle{display:none}
.categories > li{list-style:none;position:static;border-bottom:1px solid #ededed}
.categories > li:last-child{border-bottom:0 dotted}
.categories > li > a{text-transform: uppercase;display:block;padding:9px 10px 4px 13px !important;color:#fff;position:relative;line-height:23px;text-align:left}
.categories > li > a img {
    margin-right: 10px;
    max-width: 20px;
    background: #fff;
}
/*.categories > li:hover > a{color:#fff;background:#337ab7}*/
.categories > li > .sub_cat li > a:hover{color:#d31616}
.categories > li .cicon{display:inline-block;width:30px;text-align:center;height:20px}
.iconcat-c1{background-position:-86px 0;width:19px}
.categories > li > a .angle-right{border-left:1px solid #fff;border-bottom:1px solid #fff;-ms-transform:rotate(-133.5deg);-webkit-transform:rotate(-133.5deg);transform:rotate(-133.5deg);width:6px;height:6px;margin:10px 8px 0 0;padding:0;display:inline-block;position:absolute;right:0}
.categories > li > .sub_cat{display:none;position:absolute;top:-1px;width:880px;height:396px;box-sizing:border-box;border:1px solid #e0e0e0;border-left:0;left:272px;background:#fff;box-shadow: 2px 16px 21px rgb(0 0 0 / 18%);padding-left:0}
.categories > li .sub_cat li{margin-bottom:20px;text-align:left;display:inline-block;float:left;background:#fff;width:33%}
.categories > li > .sub_cat > li > a {
    display: block;
    color: #000;
    padding: 2px 25px;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 25px;
    margin-top: 1px;
    font-weight: bold;
}
.categories > li:hover .sub_cat{display:block;z-index:9}


.categories > li > .sub_cat li .sub_c3
{
    padding-left: 25px;
}
.categories > li > .sub_cat li .sub_c3 li{
  width: 100%;
  margin-bottom: 0px;
}
.categories > li > .sub_cat li .sub_c3 li a{
   color:#333;
}
.categories > li > .sub_cat li .sub_c3 li a:hover{
   color:#d31616;
}
/*END THANH DEV*/

/* Responsive */
@media(max-width:1001px){
	.menu{display:none;}
	.menu-res{display:block;background-color: #fff;}
  .menu_mobile{display: block;}
  .itemListC {
    max-width: 48%;
    -ms-flex-preferred-size: 48%;
    flex-basis: 48%;
    margin-right: 5px;
    display: inline-block;
    margin-bottom: 15px;
}
.openmenu #main
{
  position: relative;
  z-index: 0;
}
.container_mid .tcat .list a {
  font-size: 13px;
  color: #000;
  font-weight: 500;
  padding: 2px 10px;
  position: relative;
  border: solid 1px #000;
  border-radius: 5px;
  display: inline-block;
  line-height: 23px;
  text-transform: none;
}
  .wap-ajax_cart
{
  max-width: 100%;
}
.wap-ajax_cart .col-xs-12
{
  margin-bottom: 15px;
}
}
/* end css grid */
@media (min-width: 960px){
	.hidden-md{display: none;}
}
.logo_header.hidden-md img{position: relative; top: 0px;}

@media (max-width: 768px){
.container_mid .catalog-one .tcat .icon:before
{
  height: auto;
}

  .container_mid .catalog-one .tcat .icon::after {
    width: 47px;
    height: 35px;
}
.an_mobi{display:none;}	
.content-tabs-pro-detail img{width:auto !important;height:auto !important;}
.title_main span, .title-installment a, .title_main > a.tab.active, .title_main > a.tab:hover, .title_main a.title-home{
	line-height: 35px;	
    font-size: 18px;

}	
.title_main span::after, .title-installment a:after, .title_main a.title-home::after, .title_main > a.tab.active::after, .title_main > a.tab:hover::after {
  background: url(../images/afterTab-one.png) no-repeat;
	background-size: 40px;
  height: 35px;	
}
.container_mid .tcat .icon{
line-height: 35px;	
    font-size: 18px;
}	
.container_mid .catalog-one .tcat .icon{
    font-size: 18px;	
	line-height: 35px !important;
}	
.container_mid #product .catalog-one .tcat .icon:before{

    background-size: 40px;
}
.container_mid #product .tcat .icon::after{
	height: 35px !important;
	 background: url(../images/afterTab-one.png) no-repeat !important;
      background-size: 40px !important;
}
.container_mid #product .tcat .icon:before{background:none !important;}
.container_mid #about .tcat .icon::after{
	height: 35px !important;

    background: url(../images/afterTab.png) no-repeat !important;
		background-size: 46px !important;
}
.chinhsach ul li{
    padding: 10px 5px;	
}	
.chinhsach ul li span {
    font-size: 12px;
}

.td-cs {
    font-weight: bold;
    color: #EA892B;
    font-size: 14px;
}
.text-cs {
    font-style: italic;
    color: #EA892B;
    font-size: 13px;
}	
.tabs-pro-detail .ul-tabs-pro-detail li{
    padding: 5px 6px;	
}	
.grid-pro-detail {
    margin: 15px auto;
    padding: 0 10px;
}	
	.left-pro-detail {
    position: relative;
    float: none;
    width: 100%;
    text-align: center;
    margin-right: 0;
    background: white;
}
.right-pro-detail {
    width: 100%;
    float: none;
}
	.container_mid{padding:0 10px;}
	#about {
    padding: 0px 0px;
    color: #797979;
}
	#center-container {
    width: 100%;
    margin-top: 0;
}
	.box_slider {z-index:1; margin: 0px 0px;}
	.company-name{    font-size: 15px;}
	.header .grid_container1 {
    display: block;
    grid-template-columns: initial;
    grid-gap: 0px;
	}
	.box_search {
    width: 100%;
    margin: 0 auto;
	}
	.hotline_247{
	padding: 0px 0px;	
	}
	#about_us{
    background: #212120;}
	header .logo_header{ position: relative; display: none;}
  .logo_header_mobile
  {
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
  }
	.list_cat_product{display: none;}
	header{position: relative;}
	header .item_3 span{display: block;}
	footer .title-ft{margin-top: 20px;}
	header .logo_header img{margin: auto;}
	.container_left{width: 100%;}
	.container_right{width: 100%;}
	header .giohang{ position: relative; top: 0px; width: 50%; float: left;}
	footer .row1, footer .row2{width: 50%;}
	footer .row3{width: 100%;padding-left: 0px;padding-top: 10px;}
	.fb-like-box, .fb-like-box span, .fb-like-box span iframe[style], #u_0_0 ._2p3a { width: auto !important; margin: auto; margin-top: 10px}
	.col-price{width: 50%;}
	#contact.fixed{position: relative;}
	/* css grid */
	.columns-sm-1{grid-column-end: span 1;}
	.columns-sm-2{grid-column-end: span 2;}
	.columns-sm-3{grid-column-end: span 3;}
	.columns-sm-4{grid-column-end: span 4;}
	.columns-sm-5{grid-column-end: span 5;}
	.columns-sm-6{grid-column-end: span 6;}
	.columns-sm-7{grid-column-end: span 7;}
	.columns-sm-8{grid-column-end: span 8;}
	.columns-sm-9{grid-column-end: span 9;}
	.columns-sm-10{grid-column-end: span 10;}
	.columns-sm-11{grid-column-end: span 11;}
	.columns-sm-12{grid-column-end: span 12;}
	/* end css grid */
	.grid_container1{
		grid-template-columns: repeat(12, 1fr);
	}
	header .icon_shipper{position: absolute;top: 65px;background-color: #000;right: 0px;}
	.camket .end_ck{text-align: center;}
}
@media (max-width: 600px){
	#subscribe_form .title{display: block;}
	.tablet{width: 50%;}
	.box_footer{padding: 0px 5px;}
	.courseListItem__intensity1{ width: 35%; margin-right: 10px;}
	.courseListItem__desc{ width: 100%; float: none;}
	.box_slider{margin: 0px 0px;margin-bottom:15px;}
	.text-right{text-align: left;}
	#service .item{width: 50%;}
	#service .item:hover .hover{left: 0px;}
	.col-50{width: 100%;}
	/* css grid */
	.columns-xs-1{grid-column-end: span 1;}
	.columns-xs-2{grid-column-end: span 2;}
	.columns-xs-3{grid-column-end: span 3;}
	.columns-xs-4{grid-column-end: span 4;}
	.columns-xs-5{grid-column-end: span 5;}
	.columns-xs-6{grid-column-end: span 6;}
	.columns-xs-7{grid-column-end: span 7;}
	.columns-xs-8{grid-column-end: span 8;}
	.columns-xs-9{grid-column-end: span 9;}
	.columns-xs-10{grid-column-end: span 10;}
	.columns-xs-11{grid-column-end: span 11;}
	.columns-xs-12{grid-column-end: span 12;}
	/* end css grid */
	.title_combo .list{position: relative;line-height: 22px;text-align: right;margin-bottom: 10px;}
	#about .content{padding: 20px;}
	.container_mid .tcat:after{display: none;}
	.container_mid .tcat .list{position: relative;}
	.container_left ul.danhmuc .list_item{position: relative;left: 0px;width: 100%;}
	.container_left ul.danhmuc li a{display: inline-block;}
}
@media (max-width: 480px){
	.copyright{display: none;}
	.item_congtrinh .images{width: 100%;}
	.container_mid .tcat{height: auto; }
	header .giohang, header .hotline_top{ width: 100%; float: none;}
	.box_search{width: 100%;
}
}
@media (max-width: 420px){
	.tablet{width: 100%;}
	
}