@charset "UTF-8";
:root { --color1:#20924c;
--color2: #fce903;
--color3: #2b8055;
}

body 
{
	font-family: Arial, Helvetica, sans-serif;
	background: #f6f7f8;
	font-size: 14px; 
	line-height: 25px;
	position: relative;
	-moz-osx-font-smoothing: auto; 
	-webkit-font-smoothing: auto; 
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	color: #222;
	
	top:0px !important;
}
h1, h2, h3, h3, h4, h5, h6 
{ 
	font-size: 14px;
	font-weight: normal; 
	line-height: normal; 
	text-decoration: none;
	margin: 0; 
	padding: 0; 
	line-height: 1.5 
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { line-height: inherit }
/*******************************
  RESET CSS
*******************************/
#Zone { overflow: hidden }
.wraper-order-inner
{
	background: #fff;
	position: relative;
}	
img 
{ 
	max-width: 100%;
	color: transparent;
	font-size: 0;
	height:auto;
}
iframe {
    max-width: 100%;
}
a:hover, a:focus 
{ 
	color: #890281;
	-o-transition: all 300ms ease 100ms;
	transition: all 300ms ease 100ms;
	-moz-transition: all 300ms ease 100ms;
	-webkit-transition: all 300ms ease 100ms;
	text-decoration: none !important 
}
.container
{
	max-width: 1440px;
}
table 
{
	width: 100% !important;
}
a:hover
{ 
	text-decoration: none;
}
.entry-meta 
{ 
	color: #768696; 
	font-size: 12px;
}

.center
{ 
	display: -webkit-box; 
	display: -ms-flexbox; 
	display: flex; 
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row; 
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center; 
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center 
}
.Home-Fix-Content
{
	position: absolute;
	top: -6789px 
}
.readmore 
{
	border-radius: 1px;
	font-size: 13px; 
	font-weight: 500;
	padding: 4px 0 4px 10px;
	text-transform: uppercase;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s; 
	margin: 0
}
a:hover .readmore, .readmore.active 
{ 
	background-color: var(--color1); 
	color: #fff; 
	padding-right: 10px
}

.hidden 
{
	display: none
}


/*=====END CONTROL Home-Aside-New-Latest*/
/********************** FOOTER **********************/
footer.footer 
{ 
	background: url(../images/bg_footer.jpg) repeat;
	margin-top: 20px;
	padding-top: 20px;
	color:white;
}
.Footer a, .Footer 
{ 
	color: #fff;

font-size:12px;
	line-height: 1.5 
}
.Footer a:hover
{ 
	color: #eee
}
.Footer h3, .Footer .widget-title, .Footer h4
{ 
	color: #eee;
	font-weight: 700; 
	margin-top: 0;
	margin-bottom: 15px;
	font-size:14px; text-transform:uppercase; 
	
	
}
.Footer ul, .Footer p 
{ 
	margin: 0; 
	padding: 0 
}
.Footer ul li 
{ 
	list-style: none;
	margin-bottom: 2px;
    padding-bottom: 2px;

}
.secarea ul li
{
	display: block;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    margin-bottom: 10px;
    padding-bottom: 10px;

}

.footer-static-title 
{ 
	position: relative 
}
.footer-static-title h3
{ 
	color: #fff; 
	display: inline-block;
	font-size: 15px; 
	text-transform: uppercase
}
.footer-static-title:after
{ 
	content: ""; 
	background: #ffcf07;
	height: 4px; 
	width: 40px;
	position: absolute;
	bottom: 0;
	left: 0 
}
.Footer .seal-tmdt img 
{ 
	max-height: 35px 
}
#footer-top 
{ 
	padding: 0; 
	border-bottom: 1px solid rgba(255,255,255,0.5); 
	padding-bottom: 10px;
	margin-bottom: 10px
}
.footer-top-left 
{ 
	display: inline-block; 
	float: left; 
	padding-top: 5px
}
.footer-top-right 
{ 
	float: right
}
.footer-top-right label 
{ 
	float: left; 
	margin-right: 10px; 
	margin-top: 3px 
}
.footer-logo {
    margin-bottom: 20px;
    padding-bottom: 10px;
}
.footer-contact p {
    margin: 0 0 10px 0;
line-height: 21px;
}
.copyrights 
{ 
	background: #353535; 
	border-top: 1px solid #fff;
	padding: 15px 0 15px; 
	color:#fff;
	text-align:center;
}
.copyrights a 
{
	color:#F90;
}
.copyrights .aliright 
{ 
	text-align: right
}
.ft-social 
{ 
	float: right
}
.ft-social li 
{ 
	float: left;
	margin-right: 5px
}
.ft-social li a:hover img 
{ 
	border-radius: 0; 
	-o-transition: all 300ms ease 100ms;
	transition: all 300ms ease 100ms; 
	-moz-transition: all 300ms ease 100ms; 
	-webkit-transition: all 300ms ease 100ms;
	border: 1px solid #fff 
}
.ft-social li a img 
{ 
	border-radius: 50%; 
	border: 1px solid rgba(0,0,0,0)
}
/********************** END FOOTER  **********************/





/*CART ORDER*/
.wraper-order-inner .card-header b { margin-bottom: 0 }
/*=======
== HEADER SITE
========*/
/********************** HEADER **********************/
#Wraper-Order {margin-top: 15px}
#header-full { display: block;/*margin-top: 10px;*/ background:#DF9E14;  }
/********************** LOGO **********************/
/* paging */
.acenter
{ 
	clear:both; 
	text-align:center
}
.paging 
{
	clear:both; 
	margin-bottom:20px; 
	margin-top:20px; 
	text-align:center;
	display:inline-block 
}
.paging a
{ 
	 color:#000000;  
	 text-decoration:none; 
	 border:1px solid #666; 
	 padding:10px 15px; 
	 text-align:center;
	 margin-right:5px; 
}
.paging a:hover
{ 
	color:#fff; 
	text-decoration:underline; 
	background-color:#000
}  
.paging .current  
{ 
	background-color:#000; 
	color:#fff; 
	padding:10px 15px; 
	text-align:center;
	font-weight:bold
}
.paging div
{
	float:left; 
	height:45px;
}
/* end paging */

.title-border-white {
    background-color: #20924c;
    border: 1px solid #fff;
    display: block;
    height: 9px;
    margin: 0 auto;
    position: relative;
    top: -5px;
    width: 35px;
    z-index: 9;
}



/*----------------------------back to top----------------------------*/
#toTop{
	background: #7f187f;
	border-radius: 50%;
	bottom: 10px;
	color: #fff;
	display: block;
	font-size: 25px;
	height: 42px;
	line-height: 0;
	position: fixed;
	right: 10px;
	text-align: center;
	text-decoration: none !important;
	transition: all .5s cubic-bezier(0,0,0,1) 0s;
	width: 42px;
	z-index: 1000;
	border:1px solid #fff;

}
#toTop .fa {
	font-size: 22px;
	color: #fff
}
#toTop:hover,
#toTop:focus{
	background: #666666;
}
/*----------------------------header-top----------------------------*/
#header{ padding-top:3px;background:#DF9E14;border-bottom: 1px solid #eeeeee; padding-bottom:3px;color:#fff;}
#header a{ color:#fff;}
#header ul{ margin-bottom:0px;}

.top_bar_content ul li {
    color:#fff;
	font-weight:700;
}
.top_bar_content ul li img {
    margin-top: -2px;
    width: 20px;
    height: 20px;
}
.list-inline > li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
}
.pull-right li{ list-style:none;}
.header-social-icons{ padding:0;}
.header-social-icons li {
    background: #f1af01;
    display: inline-block;
    height: 35px;
    margin-left: 5px;
    padding: 4px;
    text-align: center;
    width: 35px;
	border-radius:50%;
}
.header-social-icons li a{
	color:#fff;
}
.header-social-icons li a i {
    border: 1px dashed #fff;
    color: #fff;
    font-size: 16px;
    height: 27px;
    padding: 4px;
    width: 27px;
	border-radius:50%;
}
.menu-center
{
position: relative;
margin: 0px auto;
text-align: center;
}
.Menu-Header .fa-caret-down{ padding-left:3px;}

/* home product */
.product_title {
    position: relative;
    margin-bottom: 40px;
  position: relative;
border-bottom: 5px solid #5b115b;
border-radius: 4px 4px 0px 0px;
}
.product_title h2 {
    color: #222222;
    font-weight: 600;
    text-transform: uppercase;
    
    position: relative;
    font-size: 16px;
	background-color: #7f187f;
	padding: 5px 20px;
	width: unset !important;
	display:inline-block;
}
.product_title h2::after {
    content: "";
    width: 0;
    height: 0;
    border-top: 35px solid transparent;
    border-left: 30px solid #7f187f;
    border-bottom: 0px solid transparent;
    border-right: 0 solid transparent;
    position: absolute;
    top: 0px;
    right: -30px;
}
.product_title h2 a{
    color: #fff;
}
ul.tabs
{
	list-style: none;
	padding: 0;
	/*text-align: center;*/
	position: relative;
}
ul.tabs li{
	display: inline-block;
	margin: 5px;
	padding: 6px 15px;
	border-radius: 20px;
	cursor: pointer;
	box-shadow: 0 0px 22px rgba(0,142,255,0.12);
	font-weight: 600;
	border:1px solid #222;
	
}
ul.tabs li:hover
{
	background: #7f187f;
	color: #fff;
	border:0px;
	padding: 6px 15px;
	display: inline-block;
	margin: 5px;
	padding: 6px 15px;
	border-radius: 20px;
	cursor: pointer;

}
ul.tabs li.current{
	background: #7f187f;
	color: #fff;
	border:0px;
	padding: 6px 15px;
}

.tab-content{
	display: none;
	/*background: #ededed;*/
	/*padding: 15px;*/
	margin-top:15px;
}

.tab-content.current{
	display: inherit;
}
.tab-img img {
    transition: all 0.4s ease 0s;
    border-radius: 4px;
	width:48px;
}
.tab-text {
    padding-top: 4px;
    
    line-height: 18px;
    text-align: center;

    color: #222;
}
.home-tab-product{/* margin-top:40px;*/}
.home-featured-product
{
	background:url(../images/1.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	margin-top: 0;
	padding: 60px 0px 60px 0px;

}
.home-tab-product .col-lg-3
{ 
flex: 0 0 20% !important;
max-width: 20% !important;

}
.product-item
{
	background:#fff;
	padding-bottom:5px;
	padding-top:5px;
	transition-duration: 0.5s;
	transition-property: box-shadow, transform;
	margin-bottom: 20px;
	border: 1px solid #ebe7e1;
	box-shadow: 5px 5px #e5e5e5;
	
	position:relative;


}

.product-item figure{ margin: 0 0 0rem;}

.box-pro-detail
{
 	margin-top:10px;
}
.pro-name {
    
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    
    text-align: center;
	height:80px;
}
.pro-name a
{
	padding-left:5px; 
	padding-right:5px;
	color: #444;
	font-weight:700;
}
.pro-name a:hover
{
	color: #7f187f;

}
.pro-price
{
	color:red;
	font-weight:700;
	font-size: 16px !important;
}
.pro-price-km
{
	font-size: 15px;
	color: #999;
	padding-bottom: 10px;
	text-decoration: line-through;
	padding-right:5px;
}
.box-pro-detail .actions {
    position: absolute;
    bottom: 60%;
    right: 0;
    width: 100%;
    transform: translateY(50%);
    z-index: 9;
}
.box-pro-detail .actions button.button.btn-cart.btn-more {
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.box-pro-detail .actions button.button.btn-cart {
    padding: 0 !important;
    width: 0;
    opacity: 0;
    font-size: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    display: inline-block;
    outline: none;
}
/* hover cart */

.product-item:hover .actions button.button.btn-cart {
    width: 45%;
    opacity: 1;
    font-size: 14px;
    font-weight: 600;
}
.product-item:hover .actions button.button.btn-cart {
    background: #fff;
    border: 1px solid #7f187f;
    color: #7f187f;
    height: 35px;
    border-radius: 20px;
}
.actions button.button.btn-cart {
    padding: 0 !important;
    width: 0;
    opacity: 0;
    font-size: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    display: inline-block;
    outline: none;
}
.actions button.button.btn-cart {
    background: #7f187f;
    border: 1px solid #7f187f;
    padding: 9px 10px 9px 10px;
    color: #fff;
    line-height: 14px;
}
.product-item .actions button.button.btn-cart:hover {
 color:#fff;
 background:#7f187f
}
.view-more-product {
    display: block;
    clear: both;
    text-align: center;
    margin: 20px 0 30px 0;
}
.view-more-product a {
    border: 1px solid #7f187f;
    padding: 7px 15px;
    border-radius: 20px;
    display: inline-block;
	background:#7f187f;
	color:#fff;
}
.view-more-product a:hover {
 color:#fff;
  transition-duration:0s,0s,.2

}
.home-featured-product .section-heading .section-title 
{
    color: #fff;
}
.home-featured-product .section-heading .section-title:after 
{
	background: #fff;
}
/*.home-tab-product {
    padding: 30px 0;
}*/
.home-tab-product .item_50
{
	margin-bottom:20px;
}
.video{ margin-top:15px;}
.video-border{ margin-bottom:20px;}
.payment{ margin-top:10px;}
.giohang table tbody tr th
{
	background:#7f187f;
	color: #fff;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.td-header-sp-sologan h2, .td-header-sp-sologan 1{ text-transform:uppercase;}

/* tranlate */


.mm-title img {
    max-height: 75px;
}
/*.scale-img {
    overflow: hidden;
    display: block;

}
.scale-img img {
    -webkit-transition: 0.5s ease-out;
    -moz-transition: 0.5s ease-out;
    -o-transition: 0.5s ease-out;
    transition: 0.5s 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);
	transition: all .5s ease-in-out;
}
.scale-img:hover > img{-webkit-transition:0.5s ease-out;-moz-transition:0.5s ease-out;-o-transition:0.5s ease-out;transition:0.5s 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);}*/
.img_sp{
	overflow:hidden;
}

.sticky {
    position: fixed;
    top: 0;
    background: #A66B29;
    width: 100%;
    z-index: 99999;
}
.banner-carousel .owl-nav .owl-next,
.banner-carousel .owl-nav .owl-prev,
.banner-product-carousel .owl-nav .owl-next,
.banner-product-carousel .owl-nav .owl-prev,
.product-carousel .owl-nav .owl-next,
.product-carousel .owl-nav .owl-prev,
.doitac-carousel .owl-nav .owl-next,
.doitac-carousel .owl-nav .owl-prev  {
 width:30px;
 height:30px;
 background:rgba(0,0,0,.3);
 position:absolute;
 top:0;
 bottom:0;
 margin:auto;
/* background:#7f187f;*/
}
.banner-carousel .owl-nav .owl-next:hover,
.banner-carousel .owl-nav .owl-prev:hover,
.banner-product-carousel .owl-nav .owl-next:hover,
.banner-product-carousel .owl-nav .owl-prev:hover,
.product-carousel .owl-nav .owl-next:hover,
.product-carousel .owl-nav .owl-prev:hover,
.doitac-carousel .owl-nav .owl-next:hover,
.doitac-carousel .owl-nav .owl-prev:hover

{
 background:#222222;
}
.banner-carousel .owl-nav .owl-next,
.banner-product-carousel .owl-nav .owl-next,
.product-carousel .owl-nav .owl-next,
.doitac-carousel .owl-nav .owl-next
{
 right:0
}
.banner-carousel .owl-nav .owl-prev::before,
.banner-product-carousel .owl-nav .owl-prev::before,
.product-carousel .owl-nav .owl-prev::before
.doitac-carousel .owl-nav .owl-prev::before
{
 left:0
}
.banner-carousel .owl-nav .owl-next::before,
.banner-carousel .owl-nav .owl-prev::before,
.banner-product-carousel .owl-nav .owl-next::before,
.banner-product-carousel .owl-nav .owl-prev::before,
.product-carousel .owl-nav .owl-next::before,
.product-carousel .owl-nav .owl-prev::before,
.doitac-carousel .owl-nav .owl-next::before,
.doitac-carousel .owl-nav .owl-prev::before

{
 position:absolute;
 font-family:FontAwesome;
 color:#fff;
 width:100%;
 line-height:30px;
 font-size:24px;
 text-align:center
}
.banner-carousel .owl-prev::before,
.banner-product-carousel .owl-prev::before,
.product-carousel .owl-prev::before ,
.doitac-carousel .owl-prev::before

{
 content:"\f104"
}
.banner-carousel .owl-next::before,
.banner-product-carousel .owl-next::before,
.product-carousel .owl-next::before,
.doitac-carousel .owl-next::before

{
 content:"\f105";
 right:0
}

/*menu */
#Hotline-isMobile{  padding:10px 0px;}
.menu_mobile{
	display: flex;
	align-items: center !important;
}


.t_menu{ font-size:16px; color:#000}
.mmenu-menu{ margin-right:15px; float:left}

.icon_moni .mmenu-menu {
    display: block;
    padding: 0;
    width: 25px;
	margin-right:10px;
   
   
}
.icon_moni .mmenu-menu::before, .icon_moni .mmenu-menu::after {
    content: '';
    display: block;
    height: 2px;
}
.icon_moni .mmenu-menu span {
    
    display: block;
    height: 2px;
   
}
.icon_moni .mmenu-menu span, .icon_moni .mmenu-menu::before, .icon_moni .mmenu-menu::after {
    background: #000;
    margin: 5px 0;
}
.icon_moni .mmenu-menu:hover span, .icon_moni .mmenu-menu:hover::before, .icon_moni .mmenu-menu:hover::after{background:#7f187f; margin: 5px 0;}
.icon_moni .t_menu:hover{color:#7f187f}
.logo_moni{width: 162px;height: 40px;}
.logo_moni img{
height: auto;
max-height: 40px;
max-width:162px;}
.payment_moni
{
	margin-left: 16px;
	position: relative;
	border-radius: 4px;display: flex;
	flex-flow: row nowrap;
	align-items: center;
	width:120px;
}

.payment_moni .fa-shopping-cart{ font-size:30px; color:#000;}
.payment_moni a{ color:#000;font-size:19px; }
.payment_moni a:hover, .payment_moni .fa-shopping-cart:hover{color:#890281}
/* search */
.HomebaseSearchBar-wrap {
   /* order: 2;*/
    flex-basis: 100%;
}
.HomebaseSearchBar{
    width: 100%;
}
.input-group{
	
height: 44px;
display: flex;
gap: 8px;
align-items: center;
flex-grow: 1;
position: relative;

border-radius: 8px;
background-color: #fff;
border: 1.5px solid #93939a;
color: #211e22;
transition: border-color .25s cubic-bezier(.65,.05,.36,1);
}
.HomebaseSearchBar--centered {
    max-width: 800px;
	margin: 0 auto;
}
.search-input{
display: flex;
flex-grow: 1;
position: relative;
margin: 0px;
border:0px;
margin-left:16px;
}
.search-submit{ border:0px;}
.search-submit .fa-search{
align-self: center;
color:#222;

}

.danhmuc {
    display: flex;
    justify-content: center;
    height: auto;
    overflow: visible;
    align-items: center;
	border-top: 1px solid #d1d1d6;
	border-bottom: 1px solid #d1d1d6;
	position: relative;
	transition-delay: .2s;
	transition-property: background-color;
}
.danhmuc ul{padding:0; margin:0;}
.danhmuc li{ list-style:none; float:left;align-items: center;
display: flex;
height: auto; padding:8px 12px}
.danhmuc li a{ color:#222; font-weight:600;}
.danhmuc li a:hover{color:#7f187f}
.banner-qc{ margin:auto; text-align:center;}
.slider-homepage{ margin-top:30px;}
.danhmuc ul li{ position:relative;}
.danhmuc ul li ul{ display:none;position: absolute;top: 100%;left: 0; background:#fff; z-index: 99999; min-width:250px;box-shadow: 2px 2px 6px rgba(0,0,0,.2);}
.danhmuc ul li ul li{ float:none;}
.danhmuc ul li ul li a{ font-weight:normal;}
.danhmuc ul li:hover ul{ display:block;}
.sao{ color:red;}
.ngoisao {
  text-align: center;
  display: flex;
  margin-bottom: 10px;
}
.ngoisao ul {
  margin: auto;
  padding:0
}
.ngoisao ul li {
  padding: 0;
  float: left;
  margin: 0 3px;
  list-style: none;
}
.ngoisao ul li.active i {
  color: #efad0d;
}
.ngoisao ul li.active i::before {
  content: "";
}
.banner{margin-top: 16px;}
.lienhensx{ font-weight:600; font-size:16px; color:#222; margin-top:15px;}
.banner-lienhe{ margin-bottom:15px;}
.banner-lienhe img, .banner-dathang img { border:1px solid #ccc; border-radius:5px;}
.mangxahoi li{ float:left !important; margin-right:10px; border-bottom:0px !important}
.ds-danhmuc{ margin-bottom:20px;}
.item-danhmuc {
  position: relative;
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  text-decoration: none;
  color: #211e22;
  box-shadow: 0 3px 6px rgba(33,30,34,.2);
  -ms-transform: translateY(0);
  transform: translateY(0);
  transition: transform .2s cubic-bezier(.65,.05,.36,1);
  overflow: hidden;
  border-radius: 8px;
  
}
.img_danhmuc img{ border-radius:10px;}
.title_danhmuc{ 
	margin-top:10px; 
	margin-bottom:10px; 
	text-align:center;   
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden; 
}
.title_danhmuc a{ color:#222; text-align:center;padding:15px;}
.title_danhmuc a:hover
{
	color: #7f187f;

}
.list-home-tab-product{ padding-left:15px; padding-right:15px;}
.breadcrumb{padding: 8px 5px 8px 0px;border-bottom: 1px solid #f1af01;border-radius:0px;}
.breadcrumb a{ color:#222;}
/* paging */
.acenter
{ 
	clear:both; 
	text-align:center
}
.paging 
{
	clear:both; 
	margin-bottom:20px; 
	margin-top:20px; 
	text-align:center;
	display:inline-block 
}
.paging a
{ 
	 color:#000000;  
	 text-decoration:none; 
	 border:1px solid #666; 
	 padding:10px 15px; 
	 text-align:center;
	 margin-right:5px; 
}
.paging a:hover
{ 
	color:#fff; 
	text-decoration:underline; 
	background-color:#000
}  
.paging .current  
{ 
	background-color:#000; 
	color:#fff; 
	padding:10px 15px; 
	text-align:center;
	font-weight:bold
}
.paging div
{
	float:left; 
	height:45px;
}
.oops{text-align:center}.oops p{font-size:16px;margin:30px 0 30px 0;padding:0;letter-spacing:2px}.oops h2{font-size:80px;margin:0 0 10px 0;padding:0;color:#ff4303;font-family:Raleway,sans-serif;font-weight:600}.oops h2 span{color:#2d2e2e}.oops h3{font-size:40px;margin:0 0 30px 0;padding:0;color:#ff4303;font-family:Raleway,sans-serif;font-weight:600}.oops .btn-home{background:transparent none repeat scroll 0 0;border:1px solid #ccc;border-radius:0;color:#333;display:inline-block;font-size:18px;letter-spacing:2px;line-height:normal;padding:8px 34px;text-transform:uppercase;transition:all .3s ease-in-out 0s}.oops .btn-home:focus,.oops .btn-home:hover{background:#ff4303;color:#fff;text-decoration:none}
.breadcrumb > li + li::before {
  padding: 0 5px;
  color: #222;
  content: "/\00a0";
}
.tieude_sp h1 {
  font-size: 20px;
  color: #222;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 30px;
}
.quicach {
  font-weight: bold;
  padding: 10px 0px;
}
.quicach span{ margin-right:10px;}
.render-product-price {
    margin-top: 6px;
}
.product_detail .prices .price {
    font-weight: bold;
    font-size: 33px;
    color: red;
    display: block;
    line-height: 100%;
}
.quicach_hotline {
  margin-bottom: 12px;
  font-size: 20px;
}
.quicach_hotline .fa-phone-square {
  position: relative;
  display: inline-block;
  height: 1em;
  line-height: 1em;
  vertical-align: middle;
}
.fa-phone-square::before {
  color: red;
}
#soluong {
 /* width: 100%;*/
  padding: 0px 0px;
}
.text-center {
  text-align: center !important;
}
.single_add_to_cart
{
  
  color: #b61c18;
  border: 1px solid #b61c18;
  border-radius: 5px;
  text-transform: uppercase;
  padding: 8px 30px;
  font-weight: bold;	
}
.single_add_to_cart_button {
  background: #b61c18;
  color: #FFFFFF;
  border: 0px;
  border-radius: 5px;
  text-transform: uppercase;
  padding: 8px 30px;
  font-weight: bold;
}
.mota, .bt_mxh{ margin-top:10px; margin-bottom:10px;}
.thongtinsanpham, .thongtinlienhe-product {
  color: #333;
  font-size: 18px;
  text-transform: uppercase;
  border-bottom: 1px solid #999999;
  padding-bottom: 5px;
  margin-bottom: 20px;
  font-weight: 700;
  margin-top: 30px;
}
#tien input {
  text-align: center;
}

table tr td, table tr th{ padding:10px !important;}
#tieptuc, #capnhatsp, #xoasp, #muasp {
    background: #934398;
    padding: 10px;
    color: #FFFFFF;
    border: 0px;
    border-radius: 10px;
    font-weight: 700;
}
#tieptuc{
    background: #b560b9;
    padding: 10px;
    color: #FFFFFF;
    border: 0px;
    border-radius: 10px;
    font-weight: 700;
}
.buttonsend {
    float: right;
	display:inline-block;
}
.bocongthuong{
	clear:both;
}
.home-tab-danhmuc{ margin-top:30px;}
.home-tab-danhmuc .container{ max-width:1223px;}
.slogan_cty{ text-align:center;}
.slogan_cty p{ margin-bottom:0px;}
.danhmuc{ display:none;}
.mausac_detail{ margin-right:15px; margin-bottom:15px;}
.quicach > input {
  display: none;
}
.quicach label
{
	 height:40px;
 width:40px;
}

.quicach label img:hover {
 border:2px solid #00F;
 cursor:pointer;

}
input[type="radio"]:checked + label {
 border:2px solid #00F;
}
.vanchuyen{ display:flex;}
.dvls_maps_col{ margin-left:15px;}

/*** danh gia sao */
.ngoisao .fa-star {
  color: #707070;
}
.block-rating .fa-star {
  color: #707070;
  margin-right:3px;
}
#page-review-product{ margin-top:20px; clear:both;}
#page-review-product .block-rating {
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
    overflow: unset;
}
#page-review-product .block-rating .box-rating__box-title {
    width: 100%;
    margin-bottom: 0;
    text-align: left;
}
 .box-rating__box-title h2 {
    margin: 0!important;
    padding: 10px 0;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.6;
}
#page-review-product .block-rating .block-rating__box-vote .box-vote .box-vote__chart-vote>[class*=chart-vote__box-] {
    width: 100%;
    /* padding: 15px; */
}
#page-review-product .block-rating .block-rating__box-vote .box-vote .box-vote__chart-vote .chart-vote__box-right .box-statistical {
    padding: 15px;
}
#page-review-product .block-rating .block-rating__box-vote .box-vote .box-vote__chart-vote .chart-vote__box-info {
    display: flex;
    justify-content: center;
    padding: 15px;
    border-right: 1px solid #DEE2E6;
}
#page-review-product .block-rating .block-rating__box-vote .box-vote .box-vote__chart-vote .chart-vote__box-info p {
    margin-bottom: 0;
}
#page-review-product .block-rating .block-rating__box-vote .box-vote .box-vote__chart-vote .chart-vote__box-info .box-img {
    width: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 10px 0 0;
}
#page-review-product .block-rating .block-rating__box-vote .box-vote .box-vote__chart-vote .chart-vote__box-info .box-img img {
    width: 100%;
}
#page-review-product .block-rating .block-rating__box-vote .box-vote .box-vote__chart-vote .chart-vote__box-info .box-info {
    width: calc(100% - (60px + 10px));
    float: left;
}
#page-review-product .block-rating .block-rating__box-vote .box-vote .box-vote__chart-vote .chart-vote__box-info {
    margin-bottom: 0;
}
#page-review-product .block-rating .block-rating__box-vote .box-vote .box-vote__chart-vote .chart-vote__box-info .box-name p {
    margin-bottom: 10px;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.4;
    color: #444444;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
#page-review-product .block-rating .block-rating__box-vote .box-vote .box-vote__chart-vote .chart-vote__box-info .box-price {
    width: 100%;
    display: flex;
    float: left;
}
#page-review-product .block-rating .block-rating__box-vote .box-vote .box-vote__chart-vote .chart-vote__box-info .box-price .special-price {
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
    color: #D70018;
}
#page-review-product .block-rating .block-rating__box-vote .box-vote .box-vote__chart-vote .chart-vote__box-info .box-price .old-price {
    display: inline-block;
    margin: 0 0 0 10px !important;
    float: left;
    font-size: 12px;
    line-height: 1.4;
    text-decoration: line-through;
    color: #707070;
}
#page-review-product .block-rating .block-rating__box-vote .box-vote .box-vote__chart-vote .chart-vote__box-info .more-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
}
#page-review-product .block-rating .block-rating__box-vote .box-vote .box-vote__chart-vote .chart-vote__box-info .more-info p {
    float: left;
    margin-bottom: 10px;
    padding: 0.2rem 0.5rem;
    border: 1px solid #D70018;
    border-radius: 0.5rem;
    background: #FEF2F2;
    font-size: 10px;
    line-height: 1.4;
    text-transform: uppercase;
    color: #D70018;
}
#page-review-product .block-rating .box-rating__box-list-review .item-review:last-child {
    margin-bottom: 1.5rem;
}
#page-review-product .block-rating .box-rating__box-list-review .no-review {
    margin-bottom: 20px;
}
.block-rating .box-rating__box-list-review .item-review .textarea-sent-review {
    width: calc(100% - 2.5rem);
    float: right;
    margin: 15px 0 0 0;
}
.block-rating .box-rating__box-list-review .item-review .custom-textarea {
    width: calc(100% - (62px + 10px));
    float: left;
    background: #ffffff !important;
    -webkit-box-shadow: rgb(60 64 67 / 10%) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 2px 6px 2px !important;
    box-shadow: rgb(60 64 67 / 10%) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 2px 6px 2px !important;
}
.block-rating .box-rating__box-list-review .item-review .custom-btn-send-cmt {
    width: 62px;
    height: 34px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    float: left;
    margin: 0 0 0 1rem;
    padding: 10px 15px;
    border: solid #D70018 1px;
    border-radius: 10px;
    background: #D70018;
    font-size: 14px;
    text-decoration: none;
    text-align: center;
    color: #ffffff;
    cursor: pointer;
}
 .box-vote__chart-vote {
  width: 100%;
  display: flex;
  float: left;
  border: 1px solid #DEE2E6;
  border-radius: 1rem;
  background: #ffffff;
  overflow: hidden;
}
 .box-vote {
  display: flex;
}
.chart-vote__box-left {
  width: 40%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 10px;
  border-right: 1px solid #DEE2E6;
}
.chart-vote__box-right {
  width: 60%;
  padding:10px;
}
.item-statistical .timeline-star {
  flex: 1;
  height: 7px;
  padding: 1px;
  height: 10px;
  padding: 2px;
  border-radius: 10px;
  background: #E4E4E4;
  overflow: hidden;
}
.chart-vote__box-right .box-statistical .item-statistical {
  display: flex;
  justify-content: center;
  align-items: center;
}
item-statistical .number-star {
  font-size: 12px;
  font-size: 14px;
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
.item-statistical .fa-star.checked, .item-statistical .fa-star-half.checked {
  color: #F59E0B;
}
.box-button-vote {
  display: flex;
  justify-content: center;
  margin-top:15px;
}
.box-vote__button-vote p{ text-align:center;}
.box-button-vote .box-vote__button-vote {
  width: 300px;
}
.box-vote__button-vote .btn-vote {
  width: 100%;
  height: 34px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 1rem;
  background: #D70018;
  font-size: 14px;
  line-height: 1;
  text-decoration: none;
  color: #ffffff;
}

.cps-popup .modal-dialog {
  
  position: relative;
}
@media (min-width: 768px){
	.modal-dialog {
	  width: 600px;
	  margin: 50px auto;
		
	}
}
.modal-content {
  overflow: hidden;
position: relative;
  width: 100%;
  border: 0;
  border-radius: 10px;
  background: #ffffff;
  -webkit-box-shadow: rgb(60 64 67 / 10%) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 2px 6px 2px;
  box-shadow: rgb(60 64 67 / 10%) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 2px 6px 2px;
}
.modal-content .modal-header {
  display: flex;
  align-items: center;
  padding: 10px 15px 10px 15px;
  border-bottom: 0;
  background: #D70018;
}
.box-vote__button-vote .modal-header .modal-title {
  font-size: 16px;
}
.modal-content .modal-header .modal-title {
  width: calc(100% - (18px + 5px));
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  color: #ffffff;
}
.modal-content .modal-header .close {
  float: right;
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 700;
  text-shadow: none;
  color: #ffffff;
  opacity: 1;
}
.modal-header .close {
  margin-top: -2px;
}
button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: 0 0;
  border: 0;
}
.modal-content .modal-body {
  padding: 15px;
  position:relative;
}
.form-review {
  width: 100%;
  margin-top: 15px;
  padding: 10px;
  border: 1px solid #DEE2E6;
  border-radius: 1rem;
  background: #ffffff;
  overflow: hidden;
}
.box-vote__button-vote .box-review {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
 .box-vote__button-vote .box-review .cps-input {
  padding: 0.5rem 1rem 0.5rem 1rem;
  border: 1px solid #DEE2E6;
  border-radius: 1rem;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.box-vote__button-vote .box-review > * {
  width: 100%;
  margin-bottom: 10px;
}
.box-review .cps-textarea {
  padding: 0.5rem 1rem 0.5rem 1rem;
  border: 1px solid #DEE2E6;
  border-radius: 1rem;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.box-form-vote .title {
  width: 100%;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 700;
}
.custom-stars {
  display: flex;
  width: 100% !important;
  text-align: center;
  margin: 0 auto;
  cursor: pointer;
  flex-wrap: wrap;
}
.box-form-vote .rate {
  width: calc(100% / 5);
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 0;
}
.box-form-vote .rate .fa-star {
  margin-bottom: 10px;
  font-size: 18px;
  cursor: pointer;
}
.chart-vote__box-left .rating-star .fa-star {
  color: #707070;
}
.box-vote__button-vote .btn-submit {
  width: 100%;
  height: 34px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0;
  border-radius: 1rem;
  background: #D70018;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  text-decoration: none;
  color: #ffffff;
}

.rating-average{ font-size:24px; font-weight:bold;}
.rate span {
  width: 100%;
  font-size: 10px;
  font-weight: 300;
  text-align: center;
  color: #707070;
  margin-top:10px;
}
.box-form-vote {
  width: 100%;
  margin-bottom: 10px;
  padding: 10px;
  border: 1px solid #DEE2E6;
  border-radius: 1rem;
  background: #ffffff;
  overflow: hidden;
}
 .custom-stars .fa-star {
  color: #707070 ;
}
.custom-stars > input {
  display: none;
}
#ratingId .rate .fa-star:hover{color:#F59E0B !important;}
/*

#ratingId .rate .fa-star:checked
#ratingId .rate .fa-star:checked{color:#F59E0B !important;}*/
/*#ratingId{border:none;float:left;}
#ratingId>input{display:none;}
#ratingId>label:before{margin:5px;font-size:7.25em;font-family:FontAwesome;display:inline-block;content:"\f005";}
#ratingId>.half:before{content:"\f089";position:absolute;}
#ratingId>label{color:#ddd;float:right;}


#ratingId>input:checked~label,
#ratingId:not(:checked)>label:hover, 
#ratingId:not(:checked)>label:hover~label{color:#FFD700;}


#ratingId>input:checked+label:hover,
#ratingId>input:checked~label:hover,
#ratingId>label:hover~input:checked~label,
#ratingId>input:checked~label:hover~label{color:#FFED85;}*/


#ratingId>input:checked .fa-star{color:#F59E0B !important;}
#ratingId>input:checked~label{ color:#F59E0B !important;}
/* Labels for checked inputs */
input:checked + label span {
  color: red;
}

/* Radio element, when checked */
input[type="radio"]:checked {
  box-shadow: 0 0 0 3px orange;
}
input[type="radio"]:checked + label .fa-star{
  color: orange !important;
}
.fa-star .myClass{color: orange !important;}
 .fa-star.checked, .fa-star-half.checked {
  color: #F59E0B !important;
}
 .box-info__avatar {
  width: 25px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  float: left;
  margin: 0 0.5rem 0 0;
  border-radius: 0.5rem;
  background: #DDDDDD;
  font-size: 1.2rem;
  font-weight: 700;
}
.box-info {
  flex: 1;
  display: flex;
  align-items: center;
}
.box-review__box-info {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}
.box-info__name {
  margin: 0;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 2;
}
.box-time-review {
  display: flex;
  align-items: center;
  margin: 0;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1;
  color: #707070;
}
.box-review__box-question {
  width: calc(100% - 2.5rem);
  float: right;
  padding: 1rem;
  border-radius: 1rem;
  background: #F3F4F6;
  overflow: hidden;
}
.box-review__box-question .raiting {
  margin-bottom: 0.5rem;
}
.box-review__box-question .question {
  width: 100%;
  margin: 0;

  font-size: 1.2rem;
}
.item-review{ margin-top:20px;  width: 100%;
  float: left;
}
.timeline-star .timing {
  height: 100%;
  border-radius: 10px;
  background: #F44336;
}
.camket{color: green; font-weight: 700; margin-top: 6px; padding-left: 5px;  margin-bottom:10px;}
.detail-project-right .nav-tabs li {
  border: 1px solid;
  padding: 6px 10px;
  border-radius: 10px;
  color: #000;
  margin-right: 10px;
  margin-bottom: 10px;
}
.ProductPriceNew {
  color: red;
  font-size: 18px;
  font-weight: 700;
  margin: 10px 0px;
  line-height: 30px;
}
.detail-project-right .nav-tabs li a.active {
  font-weight: bold;
  color: red;
}
.detail-project-right .tab-content{ display:block;}
.Header-Order {
  background: #f00;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  float: left;
  font-size: 12px;
  line-height: 15px;
  margin-left: 15px;
  margin-top: -19px;
  padding: 2px 6px;
  position: relative;
  text-align: center;
  vertical-align: 8px;
}
.search-pro-result{ background:#fff; z-index:9999;}