/* File style-dreamhouse.css *****************************************************/
* {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

/* Định dạng chung */

/* Định dạng cho form và input */f
.form-head {
	display: block;
	text-align: left;
	margin-bottom: 10px;
	font-weight: 600;
	text-transform: uppercase;
}
input {
  -webkit-appearance: none;
}

input, textarea, .checkbox-group {
	width: 100%;
	margin-bottom: 10px;
	border-radius: 3px;
	padding: 10px 8px;
	border: 1px solid #dbd9d9;
	-webkit-appearance: none;
	resize: none;
}

input[type="checkbox"] {
	display: inline list-item;
	margin-right: 8px;
	-webkit-appearance: auto;
	width: auto;
	cursor: pointer;
}

.disable {
	pointer-events: none;
	color: red;
}

.password i {
	position: absolute;
	top: 16px;
	right: 14px;
	cursor: pointer;
	color: #7c7c7c;
}
.icon-uneye::after {
	content: "/";
	position: absolute;
	left: 4px;
	top: -3px;
	font-size: 20px;
}

.lost-password {
	color: red;
	cursor: pointer;
}

.gh-item::-webkit-scrollbar, .content-giohang::-webkit-scrollbar {
    display: none;
}

blockquote, pre {
	display: block;
	text-align: center !important;
	font-size: 15px;
	margin-bottom: 27px !important;
	margin-top: 0px !important;
	font-style: italic;
	border: none;
	padding: 0;
}

.source {
	background: #f9f9f9;
	padding: 5px 12px;
	font-size: 13px;
	border-radius: 5px;
	font-weight: 600;
	padding-bottom: 6px;
	cursor: pointer;
	user-select: none !important;
}

.source:hover {
	background: #e5e6ec;
}

.source-content {
	position: absolute;
	width: 280px;
	right: 0;
	font-size: 12px;
	background: #e5e6ec;
	text-align: left;
	padding: 7px;
	line-height: 19px;
	border-radius: 6px;
	visibility: hidden;
	opacity: 0;
	transition: all 0.3s;
	user-select: none !important;
}

.source-content.view {
	visibility: visible;
	opacity: 1;
}

.source-content::after {
	content: "";
	border-top: 11px solid #e5e6ec;
	border-left: 11px solid rgba(0,0,0,0);
	border-right: 11px solid rgba(0,0,0,0);
	position: absolute;
	right: 16px;
	bottom: -10px;
}

::placeholder,
::-ms-input-placeholder,
:-ms-input-placeholder {
	font-size: 12px !important;
	font-weight: normal;
	color: #8a8989;
}

input:focus, textarea:focus {
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
}

.remove-item-bf::before {
	content: "×";
	width: 16px;
	height: 16px;
	background: #cdcdcd;
	position: absolute;
	top: -8px;
	right: -7px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	font-weight: normal;
}

/* Di chuyển qua lại */
@keyframes spin {
  0% {left: 0;}
  50% {left: 100%;}
  100% {left: 0;}
}
/* Di chuyển qua lại */

/* một số class dùng chung ----------------------------------------------------*/

.font-fraunces,
h3.bvlq-cungcm,
h2.bvlq-cungcm,
.single h3.bvlq-cungcm {
	color: #646464 !important;
}

/* một sô class dùng chung end ----------------------------------------------------*/



/* Định dạng cho form và input */

.bdmomo, .view-alert {
	position: fixed;
	background: #00000054;
	top: 0;
	left: 0;
	z-index: 99999999;
	width: 100%;
	height: 100%;
	visibility: hidden;
	transition: all 0.3s;
	opacity: 0;
}

.view-alert {
	visibility: visible;
	opacity: 1;
	z-index: 99999999999999999;
}

.scroll-note::after {
	content: "cuộn để xem tiếp";
	width: 100%;
	display: block;
	text-align: center;
	font-size: 13px;
	border-top: 1px solid #d0d0d0;
	padding-top: 6px;
}

.iconweb::before {
	content: "";
	width: 18px;
	height: 18px;
	display: inline-block;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 78%;
	margin-right: 6px;
	border-radius: 50%;
	border: 1px solid #bec993;
}

.icon-toggle::after{
	content: "";
	position: absolute;
	right: -4px;
	top: 1px;
	background-image: url('data:image/svg+xml,\00003csvg focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\00003cpath fill="rgba(0,0,0,.54)" d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z">\00003c/path>\00003c/svg>');
	height: 20px;
	width: 20px;
	transition: all .3s;
}

/* Icon */

/* Định dạng font chữ và kiểu chữ cho toàn bộ trang web */
h1 a, h2 a {
	color: #484848 !important;
}

.content-area p {
	margin: 20px 0px;
	line-height: 29px;
}
.content-post li {
	margin: 10px 0px;
	line-height: 28px;
}
li.blocks-gallery-item {
	list-style: none;
}
.li-paragrap li {
	margin: 25px 0 !important;
}

h1, h2, h3, h4, h5, h6 {
	text-align: left;
	font-weight: 600;
}

.bullet-lineheight li {
	line-height: 28px;
}

.single h1, [class*="archive-"] h1, h2.head-des, p.head-des {
	text-transform: none;
	font-size: 20px;
	font-weight: 500;
	text-align: center;
	margin: 0 auto !important;
	line-height: 35px;
	color: #646464 !important;
}

.title-product{
	font-weight: 600;
	margin-bottom: 7px;
}

h1.title-product, h3.product_title {
	margin-top: 0;
	margin-bottom: 9px;
}

.title-product {
	font-size: 19px
}

strong, b {
	font-weight: 600;
}
figure {
	overflow: hidden;
	margin-left: 0;
	margin-right: 0;
	width: 100% !important;
}
figcaption {
	text-align: center;
	margin: 13px 0;
	font-style: italic;
	font-size: 15px;
	margin-bottom: 15px;
}

.no-list li {
	list-style: none;
}

.linkxemthem {
	margin: 23px 0px;
	background: #eaeaea;
	padding: 9px;
	font-style: italic;
}

.list-catalog figure {
	width: calc(50% - 8px) !important;
}

.dong-logo-img::before {
	width: 100%;
	height: 100%;
	position: absolute;
	content: "";
	background-image: url(https://dreamhouse.com.vn/wp-content/uploads/2021/06/logo-dreamhouse-28.svg);
	z-index: 999;
	opacity: 0.3;
	background-size: 30%;
	background-repeat: no-repeat;
	background-position: right top;
}

h1.archive-title, h1.page-titlei.product h2 {
	font-size: 16px;
}

/* định dạng phần left-right cacs trang đơn, sản phẩm ...  */
.despr-left {
	width: calc(75% - 15px);
}
.despr-right {
	width: 25%;
	background: #fff;
	margin-bottom: 15px;
	overflow: initial;
}

.item-sidebox {
	font-size: 14px;
}

@media (max-width: 1023px){
	.width-100 {
		width: 100%;
	}
}
/* định dạng phần left-right cacs trang đơn, sản phẩm ...  */

/* Phần tag trang sản phẩm */

.posted_tag {
	margin-top: 20px;
}
.posted_tag > div {
	width: max-content;
}
.posted_tag a, .posted_tag span {
	text-transform: lowercase;
	padding: 5px 12px;
	background: #e5e6ec;
	border-radius: 2px;
	font-size: 0.6em;
	margin-right: 6px;
	color: #616161;
	display: inline-block;
	margin-bottom: 6px;
	line-height: initial;
}

.posted_tag a::before {
	content: "#";
}

/* Phần tag trang sản phẩm */

/* Bài viết liên quan */
h3.bvlq-cungcm, h2.bvlq-cungcm {
	margin: 0 0 15px 0;
	text-transform: uppercase;
}

.single h3.bvlq-cungcm, .single h2.bvlq-cungcm {
	display: block;
	font-size: 18px;
	margin: 8px 0;
}

.scroll-x-2 {
	overflow-x: scroll;
	scrollbar-width: none;
}

@media(max-width: 668px){

	
.list-title {
	width: max-content;
}
	
}


.list-title > h3.bvlq-cungcm {
	display: inline-block;
	margin-right: 40px;
	cursor: pointer;
	margin-bottom: -2px;
	color: #929090 !important;
}

.list-title h3.bvlq-cungcm:hover{
	border-bottom: 2px solid #555;
	padding-bottom: 6px;
}

.list-title > h3.active {
	border-bottom: 2px solid #646464;
	padding-bottom: 6px;
	color: #646464 !important;
}

.baivietlienquan {
	margin-top: 0;
}
.baivietlienquan li {
	line-height: 26px;
	margin: 0px 0px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	list-style-type: circle;
}
.baivietlienquan a {
	font-size: 14px;
}

.single .posts-layout {
	margin-top: 10px;
}
/* Bài viết liên quan */

/* Phần hỏi và trả lời trong trang FAQ */

.body-toggle-class .img-list {
	display: none;
}

.item-toggle {
	cursor: pointer;
	position: relative;
	font-size: 14px;
}

.item-toggle:first-child {
	border: none;
}

.title-item-toggle::after, div.group-faq button::after {
	content: "";
	position: absolute;
	right: 0px;
	top: 10px;
	background-image: url('data:image/svg+xml,\00003csvg focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\00003cpath fill="rgba(0,0,0,.54)" d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z">\00003c/path>\00003c/svg>');
	height: 20px;
	width: 20px;
	transition: all 0.3s;
}

.no-toggle .title-item-toggle::after{
	display: none;
}

.title-item-toggle, div.group-faq button {
	margin: 0;
	padding: 10px 0;
	z-index: 1;
	position: relative;
	font-weight: 400;
	font-size: 14px;
	padding-right: 27px !important;
}

div.group-faq h2 {
	color: #0c73c0 !important;
	font-size: 19px;
	margin: 5px 0px;
	margin-top: 5px;
	margin-top: 20px;
	font-weight: bold;
}

div.group-faq h3 {
	margin: 0;
}

div.group-faq button::after {
	left: 0;
	height: 23px;
	width: 23px;
	top: 9px;
}
div.group-faq button {
	font-size: 14px;
	font-weight: 500;
	padding: 12px 0;
	padding-left: 28px;
	margin: 0;
	line-height: 17px;
	text-align: left;
}
div.group-faq .content-item-toggle span {
	color: #0c73c0;
	text-decoration: none;
	font-size: 12px;
}

@media(min-width: 1024px){
.posted_tag a:hover, .posted_tag span:hover {
	background: #d3d4da;
}
	
.baivietlienquan a:hover {
	text-decoration: underline;
}
	
.title-item-toggle:hover {
	color: #6666f4 !important;
}
	
	
.info-product a:hover {
	text-decoration: underline;
}
	
.menu-tile-group span:hover {
	background-color: #606060 !important;
	color: #fff !important;
}
	
	
.list-title button:hover {
	background: #736d6d !important;
	color: #fff !important;
}
	
	
	
}

.content-item-toggle {
	display: none;
	padding: 5px 12px;
	background: #e5e5e554;
	width: 100% !important;
	margin-bottom: 12px;
	font-size: 14px;
	line-height: 25px;
	text-align: justify;
	border-radius: 9px;
	margin-top: 10px;
}

.content-item-toggle p {
	font-size: 1em;
	margin: 8px 0 !important;
	line-height: 23px !important;
	font-style: italic;
}

.content-item-toggle span {
	font-weight: bold;
	text-decoration: underline;
	margin-bottom: 4px;
	display: block;
}
/* Phần hỏi và trả lời trong trang FAQ */

/* Định dạng cho Scroll thin */
.scroll-thin {
	scrollbar-width: thin;
}
.scroll-thin::-webkit-scrollbar {
    width: 8px;
	background: #efefef;
}
.scroll-thin::-webkit-scrollbar-thumb {
    background: #d8d8d8;
}
/* Định dạng cho Scroll thin */

/* Phần img zoom khi hover */
.img-hover-zoom {
	overflow: hidden;
}


.img-hover-zoom:hover img {
	transform: translate(-50%,-50%) scale(1.15);
	transform-origin: center center;
}
.img-hover-zoom img {
	transition: all 0.3s;
}
/* Phần img zoom khi hover */

.panicon li {
	list-style: none;
	padding-left: 20px;
	display: block;
	margin: 0;
	background-repeat: no-repeat;
	background-size: 14px;
	background-position: left center;
}
.panicon {
	margin-bottom: 40px;
}
.has-text-align-right {
	text-align: right;
}
.nguon {
	font-size: 14px;
	font-style: italic;
}
figure img {
	width: 100% !important;
}

.wp-block-image {
	margin-top: 20px;
}

.clear{clear:both}

.entry-header {
	overflow: hidden;
}

#secondary .format-grpost {
	width: 100%;
	float: none;
	margin-bottom: 40px;
}

#secondary .tile-group {
    font-size: 17px;
}
#secondary .head-group {
	height: 26px;
}

/* Item Post */
.item_post {
	overflow: hidden;
	display: block;
	position: relative;
}
.slider-item-xds .item_post {
	border: 1px solid #eee;
}
.item_post a {
	display: block;
	overflow: hidden;
}
/* Item Post */

.gr-san-pham-noi-bat {
	padding-bottom: 25px;
}
.gr-banner {
	position: relative;
	margin-top: 20px;
}
.gr-banner .banner-pc {
	max-height: 430px;
}
.head-group {
	margin: 35px 0px 30px 0px;
}
.gr-post-blog .head-group {
	text-align: left;
	font-weight: 600;
}

.tile-group {
	text-transform: uppercase;
	font-weight: 500;
	color: #646464;
}

.single-product .tile-group, .single .tile-group {
	text-align: left;
	font-weight: 600;
}

#secondary .tile-group::after {
	display: none;
}

#gr-post .head-group {
	overflow: hidden;
	border: none;
}
#gr-post .tile-group {
	border-left: 5px solid #f00;
	padding-left: 10px;
	border-bottom: none;
}

.viewall-group {
	float: right;
	font-size: 14px;
	color: #665bff;
	padding-top: 2px;
}
.percent_price_sales {
	position: absolute;
	top: 15px;
	left: 15px;
	background: #cf8423e8;
	font-size: 11px;
	color: #fff;
	font-weight: 600;
	padding: 2px 6px;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 9;
	letter-spacing: 1px;
}
.item_product .xemct {
	display: none;
}
.item_product {
	overflow: hidden;
	position: relative;
	margin-bottom: 35px;
}

.list-product .price-product,
.list-product .title-product {
	padding: 0px 10px;
}

.list-product .price-product{
	padding-right: 0;
}

.list-product .title-product {
	text-align: center;
}
.meta-price {
	justify-content: center;
	display: flex;
	flex-wrap: wrap;
/* 	align-items: end; */
}

.item-sales .p-regular.price-regular {
	font-size: 13px;
	padding: 0 10px;
	color: #5c5c5c;
}

.p-regular.price-regular {
	text-decoration-line: line-through;
	text-align: left;
	font-size: 13px;
	margin-bottom: 2px;
}

.item_product table.info-product {
	display: none;
}
.single .entry-header, .page .entry-header {
	margin-bottom: 40px;
}

.page-header h3 {margin-top: 0px}
.loadding {
	position: fixed;
	left: 50%;
	z-index: 9999;
	top: 50%;
	transform: translate(-50%,-50%);
	max-width: 200px;
	visibility: hidden;
}
.loadviewpr {
	display: none;
}

/* Style lại 100% cho khối sản phẩm trang chủ, không thả xuống dưới */

.image_product {
	display: block;
}


.show-back-img-product {
	background-size: contain;
	background-repeat: no-repeat;
}

.show-back-img-product img {
	opacity: 0 !important;
	visibility: hidden !important;
}

.back-product {
	opacity: 0;
	visibility: hidden;
	transition: all 0.5s;
	position: absolute;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	z-index: 9;
	left: 0;
}


.back-product.show-back-product{
	opacity: 1;
	visibility: visible;
}

h3.title-product {
	margin: 5px 0;
	margin-bottom: 12px;
	line-height: initial;
	width: 100%;
	color: #484848 !important;
}

.list-product .hovering .price-product {
	font-size: 10px;
}

.hovering h3.title-product {margin-bottom: 4px}
.hovering h3.title-product a {
	font-size: 10px;
	-webkit-line-clamp: initial;
	line-height: 14px;
}

@keyframes ttrtrt {
  0%   {transform: scale(1);}
  100% {transform: scale(1.6);}
}

.item_product-tren {
	position: relative;
}

.item-info {
	position: absolute;
	top: 0;
	right: 0;
	color: #fff;
	padding: 6px 6px 5px 36px;
	font-weight: bold;
	font-size: 11px;
	background-position: left;
	background-size: cover;
	z-index: 9;
	text-transform: uppercase;
}
.item-info span {
	z-index: 9;
}

.item-info::before {
	content: "";
	width: 35%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8;
}

.item-info::after {
	content: "";
	width: 65%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 8;
}

.loadding-hover .image_product,
.loadding-hover .price-product,
.loadding-hover .title-product a,
.loadding-hover .title-product{
	background: #ececec !important;
	color: #ececec !important;
}
.loadding-hover img {
	visibility: hidden !important;
}


.list-product .item_product.wide-2 {
	width: 32%;
	display: flex;
	justify-content: space-between;
	padding-bottom: 0;
	border: 1px solid #e8e8e8;
	border-radius: 4px;
	padding: 10px;
}

.wide-2 .item_product-tren {
	width: 45%;
	position: initial;
}
.wide-2 .item_product-duoi {
	width: 55%;
	padding-left: 10px;
}

.wide-2 .price-product.amount {
	padding: 0;
	float: none;
	margin-top: 10px;
}

.wide-2 h3.title-product {
	margin-top: 0;
	padding: 0;
	white-space: inherit;
}
.item_product .star-rating-2 {
	margin-top: 8px;
	overflow: hidden;
}

.item_product .star-rating-2, .item_product .rating-2 span {
	width: 110px;
}
.item_product .star-rating-2 {
	height: 23px;
}

.item_product .rating-1, .item_product .rating-2 span {
	background-size: 19px;
}

.item_product .meta {
	font-size: 11px;
	display: inline-block;
	vertical-align: middle;
}


.body-gr-d {
	border: 1px solid #ececec;
}

.body-gr-left {
	width: 25%;
	border-right: 1px solid #ececec;
}

.body-gr-right {
	width: 75%;
	padding: 10px;
}

.wide-3 h3.title-product, .wide-4 h3.title-product {
	white-space: inherit;
	text-align: center;
}

.wide-3 .star-rating-2, .wide-4 .star-rating-2 {
	margin: 0 auto;
}

.wide-3 .price-product.amount, .wide-4 .price-product.amount {
	padding: 0;
	text-align: center;
	width: 100%;
	margin-top: 8px;
}

.wide-3 .view-product, .wide-4 .view-product {
	margin: 0 auto;
	margin-top: 13px;
}

.item_product.wide-1 {
	text-align: center;
}
.wide-1 .star-rating-2 {
	margin-left: 10px;
}

.wide-1 .star {
	margin-left: 10px;
}

.wide-1 .meta {
	margin-left: 10px;
	border-left: 1px solid #b2b2b2;
	padding-left: 10px;
}

.list-product .wide-1 .price-product {
	margin-top: 10px;
}

/* Style lại 100% cho khối sản phẩm trang chủ không thả lên trên */

/* Style phần Trang chi tiết sản phẩm không thả xuống dưới */
.price-sales {
	font-size: 14px;
	text-decoration-line: line-through;
	color: #777;
	font-weight: normal !important;
}

/* Chuyên mục bài viết Style */

.excerpt_post p {
	font-size: 14px;
	margin: 0px !important;
}

.navigation.pagination {
	text-align: center;
	margin-bottom: 30px;
}

.navigation.post-navigation {
	display: none;
}

/* Màu chữ cho các bài viết lấy theo Class */
.has-vivid-red-color {
	color: red;
}
.has-vivid-purple-color {
	color: #4747ff;
}
.has-vivid-green-cyan-color {
	color: #9a43f2;
	font-size: 16px;
}

/* Phần socical Icon */

.social-icons a[class^="icon-"] {
	font-family: 'fontsxds' !important;
	height: 35px;
	width: 35px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #474747;
	border-radius: 3px;
	margin-right: 5px;
	margin-bottom: 5px;
	font-size: 17px;
}

/* Phần socical Icon */

.item_product, .image_product img {
	opacity: 1;
	visibility: visible;
}

#lds-ring-load {
    position: fixed;
    top: 0;
    left: 0;
    background: #0000008c;
    width: 100%;
    height: 100%;
	display: none;
	z-index: 99999999;
}

#lds-ring-load .lds-ring {
    position: absolute;
    top: 50%;
    left: 50%;
	transform: translate(-50%,-50%);
}

.item-post-thumbnail-title {
	position: relative;
}
.list-post .item_product {
	width: 24%;
	margin-bottom: 20px;
	overflow: hidden;
}
.item-post-home:hover img {
	transform: scale(1.1);
}
.item-post-thumbnail-title img {
	transition: all .4s;
}

/* Kiểu view form mini */
.form-popup-mini {
	visibility: hidden;
	opacity: 0;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
	-moz-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
	-o-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
	-ms-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
	transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
}
.view-popup-mini {
	visibility: visible !important;
	opacity: 1 !important;
	-webkit-transform-origin: 29px -50px;
	-moz-transform-origin: 29px -50px;
	-o-transform-origin: 29px -50px;
	-ms-transform-origin: 29px -50px;
	transform-origin: 29px -50px;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}


/* Kiểu view form mini */

/* them moi */

/* Phần thông tin ngày đăng, thời gian bài viết */
.entry-meta, .entry-meta a {
	font-size: 11px;
	text-align: center;
	margin-top: 18px;
	color: #575757;
	margin-bottom: 20px;
	letter-spacing: 2px;
}
.entry-header .updated {
	display: none;
}
/* Phần thông tin ngày đăng, thời gian bài viết */


/* File style-dreamhouse.css */


/* File style-all-site.css *****************************************************/


/* Hiệu ứng mờ dần */
.hieu_ung_mo_dan {
  animation: mo_dan 3s infinite;
}

@keyframes mo_dan {
	0%   {opacity: 1;}
	70%  {opacity: 1;}
 	100% {opacity: 0;}
}

/* Div nằm chính giữa màn hình */
.drh-mid {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.drh-mid-fixed {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

/* Start Style Loadmore, đọc thêm */
.lmore {
	padding: 10px 0px 30px 0px;
	text-align: center;
}

.loadmorethem {
	font-size: 13px;
	color: #222;
	width: max-content;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	border-radius: 21px;
	padding: 9px 20px;
	border: 1px solid #d1242a;
	text-transform: uppercase;
	text-align: center;
	cursor: pointer;
	font-weight: 600;
	letter-spacing: 1px;
	min-width: 200px;
}

.loadmorethem * {
	font-size: 15px;
	font-weight: 600;
	font-size: 13px;
	color: #222;
}


@media (min-width: 1024px) {
.loadmorethem:hover {
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
}

.view-all-post {
	font-size: 13px;
	display: inline-block;
}

/* End Style Loadmore và đọc thêm */

/* Chia khối */
.drh-flex-center {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	overflow: hidden;
	width: 100%;
}
.drh-flex-pc {
	position: relative;
	display: block;
}

@media (min-width: 1024px) {
.drh-flex-pc {
	position: relative;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
}

/* Phần nút button -----------------------------------------------------------------------*/
/* Định dạng chung cho nút sunmit form */

.submit-form a {
	color: inherit;
	font-size: 14px;
	font-weight: 600;
}

.submit-right {
	float: right;
	padding: 4px 16px;
	width: auto;
}
.submit-left {
	width: max-content;
	display: block;
}
/* Định dạng chung cho nút sunmit form */

/* Phần nút button -----------------------------------------------------------------------*/

/* Phần menu con group */

.gr-sub-menu {
	margin-top: 20px;
}

.menu-tile-group span {
	padding: 7px 15px;
	text-transform: capitalize;
	font-size: 12px;
	display: inline-block;
	cursor: pointer;
	background-color: #ececec;
	border-radius: 26px;
	margin: 5px;
	color: #333;
	transition: 0.2s all;
}
.menu-tile-group {
	margin-bottom: 20px;
	text-align: center;
}

.lod-active {
	background-color: #606060 !important;
	color: #fff !important;
}

.nav-menu-sub {
	display: none;
}

@media (max-width: 992px){
.gr-sub-menu {
	position: relative;
}
.menu-tile-group {
	display: flex;
	width: 93%;
	margin: 0 auto;
}
.menu-tile-group span {
	white-space: nowrap;
}
.nav-menu-sub {
	position: absolute;
	top: 1px;
	width: 50px;
	display: none !important;
}
.pre-menu-sub {
	left: 0;
	text-align: left;
	padding-right: 40px;
	background: linear-gradient(-90deg,rgba(255, 255, 255, 0) 0%,rgb(255, 255, 255) 63%);
}
.nex-menu-sub {
    right: 0;
    text-align: right;
    display: block;
    padding-left: 40px;
    background: linear-gradient(90deg,rgba(255,255,255,0) 0%,#fff 63%);
}
.nav-menu-sub .flickity-button-icon {
	fill: #797979;
}

h1.entry-title {
	font-size: 23px;
}
	
.footer-dvcd {
	background: none;
	padding: 0;
	margin: 0;
}
	
.post-related, .list-chtg {
	margin-bottom: 15px;
/* 	padding: 20px 9px; */
	padding-top: 20px;
	background: #fff;
	padding-bottom: 15px !important;
}
	
.single .post-related {
	padding-bottom: 0;
}
	
.single #reviews h3.bvlq-cungcm {
	margin-bottom: 35px;
	text-align: center;
}
	
.despr-right {
	display: none;
}
	
.group-sidebar .tile-group {
	display: block;
	text-align: center !important;
	font-size: 22px;
	color: #646464 !important;
	margin: 8px 0;
}
	
	
.group-sidebar .tile-group::after {
	display: none !important;
}

}
/* Phần menu con group */

@media (min-width: 1024px){
div.format-grpost {
	width: 32%;
}
}

/* Định dạng page number */
.pagination {
	margin: 0 auto;
	text-align: center;
}

.nav-links {
	text-align: center;
	margin-top: 30px;
}

.page-numbers {
	text-align: center;
	padding: 0;
}

.archive-post .page-numbers {
	margin-right: 7px;
}

.page-numbers li {
	margin-right: 7px;
	border: none;
	list-style: none;
	display: inline-block;
}

.pagination .page-numbers {
	color: #5d63bd;
	width: 33px;
	height: 33px;
	border-radius: 50%;
	font-size: 14px;
	padding: 8px;
	background: #ebe9eb;
	display: inline-block;
	cursor: pointer;
	padding: 2px;
	line-height: 30px;
}

.pagination .page-numbers:hover {
	background: #ffcd35;
}

.page-numbers.current {
	background: #ffcd35;
}

/* Kết thúc phần Number page */


/* Định dạng Phần giỏ hàng và trang thanh toán */

.prices {
	width: 100%;
}

@media(max-width: 810px){
	
.item-bl-image-content > * {
	width: 100% !important;
}	
	
	
	
}

.item-bl-image-content > * {
	width: 50%;
}

.bl-image-content {
	padding: 40px 0px;
}

.item-bl-image-content {
	margin: 0 auto;
	width: 100%;
}

.item-bl-image-content .left {
	width: calc(50% - 80px);
	height: max-content;
}

.item-bl-image-content .right {
	padding: 20px;
}
.item-bl-image-content .right h2 {
	font-size: 26px;
	font-weight: 600;
	line-height: 35px;
	margin: 0;
	margin-bottom: 30px;
	text-align: left;
}
.item-bl-image-content .right p {
	font-size: 15px;
	line-height: 30px !important;
	margin: 12px 0px !important;
}

.item-bl-image-content .left img {
	transition: 1s;
}
.item-bl-image-content .left img:hover {
	transform: translate(-50%,-50%) scale(1.1);
}

/* Form item sản phẩm - dùng chung ------------------------------------- */

/* Định dạng Phần giỏ hàng và trang thanh toán */

/* Pre Next sctroll */
.scroll-x {
	overflow-x: scroll;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.scroll-x::-webkit-scrollbar,
.scroll-x-2::-webkit-scrollbar {
  display: none;
}

.scroll-x::-webkit-scrollbar, .content-giohang::-webkit-scrollbar {
    display: none;
}
.scroll-width {
	width: max-content;
}

/* Pre Next */

/* File style-all-site.css */

/* File style-tool.css *******************************************************************/
/* List li form */
.list-form {
	padding: 9px;
	border: #959595 1px dashed;
	font-size: 12px;
	line-height: 22px;
	border-radius: 3px;
}

.list-form li {
	display: flex;
	font-size: 12px;
	line-height: 22px;
}

.list-form li::before {
	content: "✓";
	width: 13px;
	height: 13px;
	background: red;
	text-align: center;
	color: #fff;
	font-size: 9px;
	margin-right: 8px;
	align-self: center;
	border-radius: 50%;
	line-height: 10px;
}
/* List span */

@media (min-width: 1024px) {
#secondary {
	background: #fff;
	width: 32%;
	float: right;
}

}


/* File style-tool.css */

/* File style-layout-adh.css **********************************************************************/

/* Cài lại tiêu đề cho Page full Width */
.full-page .entry-title, .full-page .page-title {
	text-align: center;
	text-transform: uppercase;
	font-weight: 500;
	margin: 8px auto;
}
.single-page .entry-title::after {
	content: "";
	display: block;
	width: 30px;
	border-bottom: 3px solid #cecece;
	margin: 0 auto;
	margin-top: 15px;
	margin-bottom: 30px;
}


/* Cài lại tiêu đề cho Page full Width */


/* Cài dặt lại layout 100 */

/* Cài đặt lại Layout Single post */

.single-post .breadcrumb, .single-collection .breadcrumb,
.single-page .breadcrumb{
	text-align: center;
	padding-top: 0;
}

.entry-category {
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0;
	display: none;
}
.entry-category a {
	font-size: 12px;
	font-weight: 700;
	padding: 4px;
	color: #686868;
	letter-spacing: 1px;
	display: inline-flex;
}
.entry-category a::after {
	content: "|";
	margin-left: 8px;
	font-size: 10px;
	align-self: center;
}
.entry-category a:last-child:after {
	display: none; 
}

.entry-category a:hover {
	color: #8b00ff;
}
/* .single-content {
	position: relative;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
} */
.right_sidebar {
	width: calc(24% - 15px);
	overflow: initial;
}

@media (max-width: 1023px) {
.content-area {
	width: 100% !important;
}


.right_sidebar, .archive-post .main-archive {
	width: 100% !important;
}
	
.right_sidebar {
	display: none;
}
	
}

/* Cài đặt lại Layout Single post */

/* p.desc-header {
	margin: 0 auto !important;
	text-align: center !important;
	margin-bottom: 30px !important;
	font-size: 13px;
	max-width: 700px;
	line-height: 22px !important;
	font-weight: lighter !important;
	color: #5e5e5e;
} */

/* Start archive_xds_sidebar */
.archive-post .main-archive {
	width: 76%;
}

.posts-layout {
	padding: 0;
}
.taxonomy-description {
	border-top: 1px solid #ddd;
	margin-top: 40px;
}
/* Không hiển thị tieenu đề và ảnh trong phần category bài viết */
.page-header h1 {
	display: none;
}
/* Không hiển thị tieenu đề và ảnh trong phần category bài viết */
.item-post-wide {
	width: 32%;
	text-align: center;
	margin-bottom: 30px;
	border: 1px solid #eee;
}

.post-excerpt {
	padding-left: 0;
}

.posts-layout .post-excerpt,
.post-related .post-excerpt{
	width: 100%;
	padding: 0px 8px;
	padding-bottom: 12px;
}

.right_sidebar .flex-vertical {
	text-transform: uppercase;
	border-bottom: 1px solid #162B75;
	justify-content: left;
}
	
	
@media only screen and(max-width: 1023px){
#main {
	width: 100%;
}
.sub-category {
	margin-bottom: 40px;
	padding: 0;
}

.item_post {
	width: calc(50% - 5px);
}
}

@media only screen and(max-width: 667px){
.item_post h3 {
	font-size: 14px;
}

.list-catalog figure {
	width: 100% !important;
}
	
.product-options {
	margin: 15px 0px;
}

/* .item-op {
	font-size: 13px;
} */
	
}

/* End archive_xds_sidebar */

/* File style-layout-adh.css */


/* File style-format.css *******************************************************************/

/* Mục gợi ý tìm kiếm */
.list-content {
	margin-bottom: 20px;
	user-select: none
}

.list-content > * {
	font-size: 12px;
	background: #eee;
	padding: 5px 15px;
	display: inline-block;
	margin: 0px 10px 10px 0px;
	border-radius: 18px;
	color: #3d3d3d;
	cursor: pointer;
}
.list-content > *:hover {background: #d5cfcf}
/* Mục gợi ý tìm kiếm */

/* Định dạng cho phần body bài viết ngày 02-09 */
#main p, .content-post img {
	margin: 18px 0;
	line-height: 30px;
}

.wp-caption > img {
	margin: 0;
}

.single-product p .alignnone {
	margin: 9px 0;
}

.single-product p .alignnone:nth-child(1) {
	margin: auto;
}

.content-post li {
	margin: 6px 0;
}

.content-post h2, .content-post h3 {
	font-size: 18px;
	margin: 16px 0px;
	font-weight: 700;
}

.content-post h4, .content-post h5 {
	font-weight: 600;
}

.content-post h2 {
	font-size: 21px;
}

.content-post h2 {
	margin: 25px 0px;
	color: #335628 !important;
}

.content-post th h2 {
	color: inherit !important;
	border: none;
	text-align: center;
	margin: 7px 0px;
}

@media (max-width: 550px){
.content-post-xds * {
	text-align: left !important;
}
}

/* Định dạng cho phần body bài viết */

/* Định dạng phần table of content */
.adhtoc {
	width: 100%;
	background: #f0f0f0;
/* 	background: #f9f9f9; */
	border: 1px solid #ececec;
	border-radius: 6px;
	padding: 0;
	margin-bottom: 35px;
	cursor: pointer;
	overflow: hidden;
}
.fist-toc {
	padding-bottom: 18px;
}
.fist-toc::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 40px;
	bottom: 0;
	height: 58px;
	left: 0;
	background-image: linear-gradient(180deg,hsla(0,0%,100%,0),#b9b9b9);
	width: 100%;
}
/* .adhtoc:hover {
	background: #f0f0f0;
} */
.header-toc {
	color: #5b5b5b;
	font-weight: 700;
	padding: 10px 10px 10px 42px;
	line-height: 28px;
	user-select: none;
}

.header-toc i:first-child, mini-toc i {
	position: absolute;
	left: 12px;
	top: 11px;
	font-size: 18px;
}

.header-toc i:last-child {
	position: absolute;
	right: -5px;
	font-size: 12px;
	top: 1px;
	transition: 0.3s all;
	display: block;
	padding: 10px 20px;
}

.toggle-rotate .icon-arrow {
	transform: rotate(180deg);
}

.item-h2, .item-h3 {
	line-height: 26px;
}
.item-h3 {
	padding-left: 15px;
}
.item-h4 {
	padding-left: 30px;
}
.adhtoc .toggle {
	position: relative;
	margin: 0;
	font-weight: 500;
	cursor: pointer;
}

.adhtoc ul.items {
	padding-bottom: 8px !important;
}

.adhtoc ul {
	padding: 0 10px !important;
	width: 100% !important;
	margin: 0 !important;
}

.adhtoc ul.children {
	padding-left: 15px !important;
}

.adhtoc li {
	margin: 8px 0px;
	line-height: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.item-h2:last-child {
	padding-bottom: 10px;
}

.adhtoc a {
	font-size: 14px;
}

.adhtoc a:hover {
	text-decoration: underline;
}

.adhtoc-level-H3,
.adhtoc-level-H4,
.adhtoc-level-H5,
.adhtoc-level-H6{
	padding-left: 10px;
}

.toggle::before {
	content: "";
	background-size: 80px;
	background-position: right;
	position: absolute;
	width: 22px;
	height: 25px;
	right: 0;
}

/* Định dạng phần table of content */

/* Định dạng lại 100% phầm comment và đánh giá ngày 06-09 ---------------------------------------------------*/

/* Định dạng phần Comment */
#reviews .bvlq-cungcm {
	margin-bottom: 30px;
}

#reviews .despr-right {
	background: #f0f2f5;
	margin-bottom: 0;
}

.left-comment {
	padding: 15px;
}

.commentlist {
	margin: 0;
}

#reviews nav.pagination {
	width: max-content;
	margin: 0;
}

#reviews [name="sort"] {
	font-size: 13px;
	border: 1px solid #d9d9d9;
	padding: 8px 8px;
	padding-right: 8px;
	margin-right: 10px;
}

.comment-form {
	background: #fff;
	width: 100%;
	border-radius: 16px;
	padding: 0px;
}

.comment-form.reformat-form {
	padding: 9px;
	border: 1px solid rgb(221, 221, 221);
}

.comment_container .comment-form {
	padding: 9px !important;
}

.footer-comment > .comment-form {
	margin-top: 16px;
}

li.comment {
	list-style: none;
	margin-bottom: 12px;
	display: block;
}

.comment_approved_0 .comment-content {
	filter: blur(5px);
}

.approved, .remove-comment, .edit-comment, .ai-reply-comment {
	display: none !important;
}

.comment_approved_0 .comment_container::before {
	content: "";
	width: 130px;
	height: 50px;
	position: absolute;
	top: 50%;
	left: 50%;
	background-image: url(icon/pending-stamp-2.png);
	z-index: 9999;
	background-size: contain;
	transform: translate(-50%,-50%) rotate(-17deg);
	background-repeat: no-repeat;
}

ol > li {
	overflow: hidden;
}

.comment .children {
	overflow: hidden;
}

.children.admin-repply {
	width: 100% !important;
}

.comment .children li {
	margin-top: 12px;
	padding-left: 45px;
}
.comment .children .children li {
	padding-left: 30px;
}

.commentlist p.author {
	font-weight: 600;
	font-size: 13px;
	float: left;
}

.avatar {
	width: 38px;
	border-radius: 50%;
	height: 38px !important;
	z-index: 9;
	-webkit-box-pack: center !important;
	justify-content: center !important;
	align-items: center;
	display: flex;
	color: #fff;
	font-size: 19px;
	text-align: center;
	line-height: 10px;
	overflow: hidden;
}

img.avatar{
	border: 1px solid #dedede;
}

form .avatar {
	background: #f0f2f5;
}

.avatar svg {
	width: 17px;
	stroke: #8b8b8b;
}

.children .avatar {
	width: 25px;
	height: 25px !important;
	font-size: 12px;
}

.colcm-right {
	width: calc(100% - 45px);
	
}

.body-comment-item {
	padding: 8px 10px;
	border-radius: 6px;
	background: #f0f2f5;
}

.noview {
	display: none;
}

.comment-form .submit-form {
	width: max-content;
	border-radius: 6px;
	line-height: 15px;
	padding: 8px 20px;
}

.comment-form .submit-form::before {
	margin-right: 10px;
}


.submit-form .lds-ring {
	width: 19px;
	height: 19px;
}

.submit-form .lds-ring div {
	border: 2px solid #fff;
	animation: lds-ring 1.2s cubic-bezier(.2,0,.2,1) infinite;
	border-color: #fff transparent transparent;
}

.children .body-comment-item {
	width: calc(100% - 30px);
}

.comment-content {
	margin: 10px 0px;
	margin-bottom: 15px;
}

.comment p, .comment a {
	font-size: 15px;
	margin: 0 !important;
	line-height: initial !important;
}

.comment-content span, .comment-content button {
	color: #454dbb !important;
	cursor: pointer !important;
	padding: 0 !important;
	padding-right: 5px !important;
	background: transparent !important;
}

.comment-content button {
	font-size: 1em;
}


.comment-content, .comment-content p {
	line-height: 22px;
	font-size: 0.85em;
}

.meta-cm {
	color: #777;
	font-size: 13px;
}
.role-user {
	margin-left: 5px;
	background: #f1c40f;
	font-size: 8px;
	color: #000;
	padding: 2px 5px;
	border-radius: 11px;
	position: absolute;
}

.comment-form-rating {
	border-radius: 6px;
	height: 38px;
	padding: 8px;
	background: #f0f2f5;
	height: max-content;
	padding-bottom: 5px;
}

#rating {
	margin-bottom: 5px;
	padding: 5px;
	border: 1px solid #eaeaea;
	border-radius: 3px;
	cursor: pointer;
	background: #f4f4f4d4;
	font-size: 13px;
}

.comment-form input {
	width: 100%;
}

.children > li:last-child {
	margin-bottom: 0;
}

.comment_container.parent::after {
	content: "";
	width: 24px;
	height: calc(100% + 12px);
	position: absolute;
	left: 18px;
	top: 0;
	z-index: 1;
	border-left: 1px solid #e1e1e1;
	border-bottom: none;
}

.children .comment_container.parent::after,
.commentlist .children .children li::after {
	left: 12px;
	width: 15px;
}

.commentlist .children li::after {
	content: "";
	width: 24px;
	height: calc(400% + 25px);
	position: absolute;
	left: 18px;
	top: calc(-400% - 12px);
	z-index: 1;
	border-left: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	border-radius: 0px 0px 0px 12px;
}

.footer-submit .button-tool {
    display: inline-block;
    font-size: 12px;
}

.comment-form [name] {
	font-size: 15px;
	height: 38px;
	overflow: hidden;
	padding: 9px 12px;
	border: none;
	background: #f0f2f5;
}

.comment-form select {
	background-color: #f0f2f5 !important;
	margin-left: 10px;
}

..comment-form [name]:focus {
	box-shadow: none !important;
	border: 1px solid rgba(0,0,0,0.2) !important;
}

.comment-form textarea {
	min-height: 86px;
/* 	padding-right: 30px; */
	line-height: 23px;
}

.comment-form [name]::placeholder{
	font-size: 14px;
}

.footer-comment {
	width: 100%;
	user-select: none !important;
}
.footer-comment > button {
	display: inline-block;
	font-size: 12px;
	color: #575757 !important;
	cursor: pointer !important;
	margin-right: 0px;
	position: relative;
	background: transparent !important;
	padding: 5px 6px !important;
}

.footer-comment button::before {
	margin-right: 5px;
	font-family: 'fontsxds' !important;
}

.children .children .reply-comment {
	display: none;
}

.count-like {
	float: right;
	background: #fff;
	padding: 2px 6px;
	border-radius: 15px;
	box-shadow: rgba(0,0,0,.07) 0px 2px 4px;
	line-height: 12px;
}

.count-like::before {
	margin-right: 3px !important;
}

.remove-comment {
	margin-left: 5px;
}

.add-img {
	color: #7e7e7e;
}

.qd {
    vertical-align: middle;
    padding-left: 18px;
    font-size: 12px;
}

.img-list {
	width: 100%;
	margin-top: 20px;
	cursor: pointer;
}

.img-list img {
	max-width: 99px;
	max-height: 80px;
	border-radius: 9px;
}

.comment_container .img-list img {
	margin-right: 12px;
	margin-bottom: 12px;
	border-radius: 6px;
}

.listinputimg input {
	display: none;
}

.item-imgdf {
	position: relative;
	display: none;
	margin-right: 15px;
	margin-bottom: 8px;
}

.comment-form .remove-item {
	width: 20px;
	height: 20px;
	right: -9px;
	top: -9px;
}

a.thumbnail-url {
	width: 100%;
	max-width: 310px;
	margin-top: 20px !important;
	border-radius: 16px;
	overflow: hidden;
	padding-bottom: 14px;
	display: block;
	background: #fff;
	text-decoration: none;
}

.entry-link {
	padding: 9px;
}

.thumbnail-url span:nth-child(1) {
	font-weight: 600;
	color: #5d63bd;
	font-size: 14px;
}

.thumbnail-url span:nth-child(2) {
	font-size: 13px;
	color: #6f6f6f;
	margin-top: 8px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	display: -webkit-box;
	overflow: hidden;
}


/* Phần lert comment */
.title-gr-cm {
	margin-bottom: 15px;
	font-size: 17px;
	color: #646464 !important;
}

.left-comment a {
	display: block;
	margin-bottom: 7px;
	font-size: 14px;
}

.left-comment a::before {
	content: "👉";
	font-size: 14px;
	margin-right: 6px;
}
/* Phần lert comment */

.list-image {
	display: flex;
	justify-content: flex-start;
	margin: 20px 0px;
	margin-left: 45px;
	
}

.footer-comment .list-image {
	margin-left: 0;
}

.list-image input {
	display: none;
}

.list-image > div {
	width: max-content;
	margin-right: 15px;
	cursor: pointer;
	position: relative;
}

.list-image > div > img, .list-image > .add-img > span {
	width: 85px !important;
	height: 85px !important;
	border-radius: 6px;
	vertical-align: middle;
}

.list-image .add-img span {
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px dashed #736d6d;
}

.list-image .add-img span:hover {
	background: #f0f2f5;
}

.logged .comment-form-rating, .logged .comment-form [name="author"], .logged .comment-form [name="email"] {
	display: none !important;
}

@media (min-width: 1024px){
.comment-form input {
	width: 49%;
}
.comment-form .author {
	float: left;
}
.comment-form .email {
	float: right;
}
.comment-form input {
	width: calc(50% - 5px);
}
}


.logged .comment_approved_0 .approved, .logged .remove-comment,
.logged .edit-comment, .logged .ai-reply-comment {
	display: initial !important;
}
.logged .comment-content {
	filter: none !important;
}

/* Star mới */

#reviews .star, #popup-comment .star{
	position: absolute;
	right: 12px;
}

.rating-3 {
	text-align: center;
	margin: 0 auto;
	display: block;
}

.rating-3 span {
	width: 28px;
	height: 22px;
	display: inline-block !important;
	/* background-image: url(icon/star-1.svg); */
	background-repeat: no-repeat;
	/* padding: 12px; */
	cursor: pointer;
	margin-right: 12px;
	margin-bottom: 0 !important;
	background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23.44 19'><polygon fill='%23dadce0' points='10,15.27 16.18,19 14.54,11.97 20,7.24 12.81,6.63 10,0 7.19,6.63 0,7.24 5.46,11.97 3.82,19'/></svg>");
}

.rating-3 span:last-child {
	margin-right: 0;
}

.star-5 span,
.star-4 span:nth-child(1), .star-4 span:nth-child(2), .star-4 span:nth-child(3), .star-4 span:nth-child(4),
.star-3 span:nth-child(1), .star-3 span:nth-child(2), .star-3 span:nth-child(3),
.star-2 span:nth-child(1), .star-2 span:nth-child(2),
.star-1 span:nth-child(1) {
	background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23.44 19'><polygon fill='%23fbbc04' points='10,15.27 16.18,19 14.54,11.97 20,7.24 12.81,6.63 10,0 7.19,6.63 0,7.24 5.46,11.97 3.82,19'/></svg>");
}
/* Star mới */

/* -------------------------- votes bài viết */
#votes {
	display: flex;
	font-size: 14px;
	align-items: center;
	justify-content: right;
	width: max-content;
	float: right;
	margin-top: 15px;
}
#votes > span {
	margin-left: 5px;
}
.popup-votes {
	width: 255px;
	height: 100px;
	position: absolute;
	bottom: 0;
	background: #fff;
	z-index: 9;
	box-shadow: rgba(0,0,0,0.24) 0px 3px 8px;
	padding: 20px;
	border-radius: 10px;
	transform: scale(0.8);
	transition: all 0.2s;
}
.votes-view {
	transform: scale(1);
}
.popup-votes h3 {
	width: 100%;
	text-align: center;
	margin-bottom: 15px;
	font-size: 14px;
	margin-top: 0;
}
/* -------------------------- votes bài viết */

/* end rating for Post*/

@media (max-width: 768px){
#review_form_wrapper {
	width: 100%;
}
	
#reviews .despr-right {
	display: none;
}
	
.rating-wrap {
	width: 60%;
}
}

/* Định dạng phần Comment và đánh giá */
/* File style-format.css */


/* Định dạng lại 100% phầm comment và đánh giá ngày 06-09 ---------------------------------------------------*/


/* File style-tool-all-site.css ***************************************************************/
/* Start Style Khối tương tác nhanh */
.nav-button {
	position: fixed;
	width: 60px;
	font-size: 11px;
	text-align: center;
	line-height: 13px;
	z-index: 9;
	bottom: 6%;
	transition: all 0s;
	cursor: pointer;
	left: 0;
	z-index: 9;
}
.nav-button button {
	width: 100%;
	color: #5d5d5d;
	padding: 0 !important;
}

.nav-button i[class*="icon-"] c {
	width: 20px;
	height: 20px;
	font-size: 10px;
	right: -2px;
	top: -1px;
	line-height: 11px;
}
@media (min-width: 1024px){
.nav-button button:hover {
	background: #6f69692b;
}

img.icon-close-md:hover {
	background: #ececec;
	border-radius: 6px;
}
}


@media (max-width: 992px){
.nav-button {
	width: 100%;
	bottom: 10px;
	left: 50%;
	padding: 5px 15px;
	background-color: #fff;
	max-width: 420px;
	border-radius: 65px;
	overflow: hidden;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	transform: translate(-50%, 0);
	display: flex;
	justify-content: space-between;
}
	
.nav-button button {
	width: calc((100% - 30px) / 6);
}
	
	
}

@media (max-width: 428px){
.nav-button {
	/* top: auto; */
	/* width: 100%; */
	bottom: 0px;
	left: 0;
	padding: 5px 0px;
	background-color: #fff;
	/* right: 0; */
	box-shadow: none;
	transform: none;
	border-radius: 0;
	max-width: initial;
}
.nav-button button {
	/* float: left; */
	padding: 5px;
	width: calc(100% / 6);
}

}

/* End Style Khối tương tác nhanh */

/* Start Style Quick view ----------------------------------------- */
.tool-adh input, .tool-adh textarea {
	background: none;
}

.inforleft {
	width: calc(55% - 20px);
}
.inforight {
	width: 45%;
}
.chuongtrinhkm-pc {
	position: absolute;
	bottom: 0;
	width: 100%;
}

.inforsp-tool {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding-top: 7px;
	background: #fff;
	z-index: 9;
}

.inforsp-tool .cart-product {
	background: #01a89e;
	color: #fff;
	float: left;
	cursor: pointer;
	text-transform: uppercase;
	border-radius: 6px;
	font-size: 12px;
	padding: 8px 16px;
	font-weight: 600;
}

.inforight .title-product {
	padding-right: 17px;
	display: block;
}

.inforight .viewed {
	visibility: visible !important;
}

/* Phần thông tin sản phẩm load thêm */
.inforight .thong_tin_product {
	padding-left: 0;
	width: 100%;
}

.inforight .thong_tin_product .cart_spp {
	display: none;
}
.inforight .thong_tin_product .image_product {
	display: none;
}
.inforight h1{
	font-size: 20px;
}

.inforight .block-sales {
    display: none;
}

.inforleft .block-sales {
	font-size: 14px;
	margin-bottom: 0;
	background: #fff;
	padding: 0;
}

.inforleft .title-sales {
	background: #fff;
	padding: 10px 10px 0px 10px;
	z-index: 9;
}
.inforleft .body-toggle-class {
	padding: 0px 10px 10px 10px;
}

.inforleft .block-sales li {
	font-size: 12px;
	line-height: 22px;
}

.mini .item-toggle:nth-child(n+3) {
	display: none;
}

.mini .more {
	transform: rotate(0deg);
}

/* .more {
	position: absolute;
	right: 3px;
	transform: rotate(180deg);
	width: 33px;
	height: 22px;
	background: #fff;
	top: -18px;
	text-align: center;
	font-size: 18px;
	border-radius: 4px;
	cursor: pointer;
	background-image: url(icon/double-up______________.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 13px;
	border: 1px solid rgba(0,0,0,.09);
	z-index: 1;
} */

/* Phần thông tin sản phẩm load thêm */

@media (max-width: 992px){
.inforleft, .inforight {
	width: 100%;
}
.imagesp {
	width: 100px;
	margin-bottom: 10px;
}
.chuongtrinhkm-pc {
	display: none;
}
}

/* End Style Quick view ----------------------------------------- */

/* Start Style dathang view */
.icon-close-md {
/* 	position: absolute;
	width: 20px;
	height: 20px;
	right: 7px;
	top: 6px;
	z-index: 9;
	background: none;
	display: flex;
	align-items: center;
	justify-content: center; */
}
.icon-close-md:hover {
/* 	background-position: -18px -17px; */
}
/* End Style dathang view */

/* Start Style support-left */
.nav-button i {
	width: 100%;
	display: block;
}
.nav-button i::after {
	content: "";
	display: block;
	padding-top: 100%;
}
.nav-button i::before {
	position: absolute;
	top: 20px;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #6a6a6a;
	font-size: 20px;
}

.nav-button button > span:last-child {
	position: absolute;
	width: 100%;
	left: 0;
	font-size: 11px;
	bottom: 5px;
	text-align: center;
	height: 20px;
	padding-top: 5px;
}

/* START Style Xem thêm  tool */
.close-more {
	top: 9px;
	background: none;
/* 	color: #fff; */
}
.head-more {
	position: relative;
	overflow: hidden;
}
.head-more::before {
	content: "";
	background-repeat: no-repeat;
	width: 85px;
	height: 30px;
	display: block;
	margin: 9px;
}
.popupdrh {
	position: fixed;
	background: #fff;
	z-index: 99999999999;
	visibility: hidden;
	opacity: 0;
	overflow: hidden;
}
@media (min-width: 500px){
.popupdrh {
	left: 30px;
	bottom: 30px;
	width: 450px;
	box-shadow: 8px 8px 7px rgba(0,0,0,.42);
	border-radius: 16px;
	height: 540px;
}
}

@media (max-width: 500px){
.popupdrh {
	top: 26px;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 10px 10px 0px 0px;
}
}
.popupdrhview {
	animation: zoom-popup 0.3s;
	animation-fill-mode: forwards;
}
.content-more {
	padding: 20px 10px;
}


.content-more h3 {
	margin: 0 0 10px 0;
}

.itemmenu {
	width: max-content;
}
/* END Style Xem thêm  tool */


/* END Style support-left */

/* Start Style support-right */
.social-button {
	position: fixed;
	bottom: 30px;
	right: 20px;
	min-width: 45px;
	text-align: center;
	z-index: 99999;
}
.social-button-content {
	display: inline-grid;
	right: 41px;
	bottom: 72px;
	position: absolute;
}
.social-button span.user-support {
	margin-top: 7px;
	user-select: none;
}
.social-button span {
	padding: 8px 0;
	cursor: pointer;
	position: relative;
	display: block;
	color: #484848;
}
.social-button span span {
	border-radius: 30px;
	background: #ffcd82;
	padding: 9px 5px;
	width: 200px;
	font-size: 14px;
	display: block;
	margin-right: 13px;
}
.social-button span span::before {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 0 10px 10px;
	border-color: transparent transparent transparent #ffcd82;
	position: absolute;
	right: 7px;
	top: 16px;
}
.social-button .hang-support {
	animation: rotate-adh;
	animation-duration: 5s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	position: relative;
	display: inline-block;
	height: 40px;
	width: 40px;
	background-size: 108%;
	overflow: hidden;
	border-radius: 50%;
	z-index: 999;
	background-position: center;
	background-repeat: no-repeat;
}

.new-mes {
	position: absolute;
	left: 0;
	background: #e44845;
	border-radius: 50%;
	font-size: 12px;
	top: -3px;
	color: #fff;
	line-height: 19px;
	width: 20px;
	height: 20px;
	text-align: center;
}

.fa {
	position: absolute;
	right: -37px;
	width: 35px;
	height: 35px;
	border-radius: 100%;
	background-color: #ffba53;
	background-size: 60%;
	background-repeat: no-repeat;
	background-position: center;
}

.alo-circle {
	width: 50px;
	height: 50px;
	top: 3px;
	right: -3px;
	position: absolute;
	background-color: transparent;
	border-radius: 100%;
	border: 1px solid #f90;
	opacity: .5;
}
.alo-circle-fill {
	animation: zoom-in-zoom-out 2s infinite;
	width: 60px;
	height: 60px;
	top: -2px;
	right: -8px;
	position: absolute;
	border-radius: 100%;
	background-color: #68ff00;
	opacity: .5;
}
@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
	opacity: .5;
  }
  50% {
    transform: scale(1.15, 1.15);
  }
  100% {
    transform: scale(1, 1);
	opacity: 0;
  }
}
	
@keyframes rotate-adh {
	from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}

.social-button .chat-mess {
	display: none;
	position: absolute;
	right: 65px;
	top: 0;
	border: 1px solid #e9e9e9;
	background: #fcfcfc;
	font-size: 14px;
	font-family: time;
	border-radius: 10px 25px;
	color: #ed8f01;
	box-shadow: 0 0 1px #f5f5f5;
}
@media (max-width: 992px){
.social-button {
	bottom: 90px;
}
}
/* END Style support-right */


/* START Style View POPUP Cảnh báo */
.view-popup {
	width: 330px;
	background: #fff;
	border-radius: 16px;
	padding: 12px;
	font-size: 14px;
	box-shadow: rgba(0, 0, 0, 0.71) 0px 3px 8px;
	z-index: 99999999999999999999;
}
.view-popup span {
	display: block;
}
.view-popup span:first-child {
	font-weight: 600;
	margin-bottom: 20px;
	text-transform: uppercase;
	font-size: 13px;
}
/* END Style View POPUP */


/* File style-tool-all-site.css */


/* File style-footer.css.css *************************************************************/

.site-footer {
	z-index: 10;
	padding-top: 30px;
	background-color: #000;
}

.content-footer > * {
	width: calc((100%)/3 - 20px);
}

.logo-dreamhouse {
	width: 250px;
	padding-right: 25px;
}

@media (min-width: 1024px){
.site-footer .site-logo {
	width: 240px;
	max-height: initial;
	margin-top: 10px;
}
}

.site-footer .title-footer::after {
	content: "";
	display: block;
	margin-top: 8px;
	width: 80px;
	border-top: 2px solid #797979;
}

.site-info, .site-info p, .site-info ul, .site-info li, .site-footer a {
	font-size: 12px;
	color: #f0f0f0;
}

.site-info p {
	line-height: 21px;
}

.site-info ul {padding-left: 0px}

.site-info .menu {
	position: relative;
	margin: revert;
	bottom: auto;
}

.site-info .menu a {
	border: none;
}

.site-info li {
	line-height: 21px;
	margin-bottom: 10px;
}

.site-footer .title-footer {
	text-transform: uppercase;
	font-weight: 600;
	margin-bottom: 10px;
	text-align: left;
	font-size: 17px;
	color: #fff !important;
}

.tbbct-visa {
	display: flex;
	align-items: center;
	margin-top: 10px;
	justify-content: flex-start;
/* 	width: max-content; */
}
div.tbbct-visa img {
	max-height: 40px;
	width: 80px !important;
	margin-right: 10px;
	display: block !important;
}

.visa {
	height: 25px !important;
}

.tbisa-pnr {
	width: 36%;
	display: inline-block;
	margin-left: 5px;
	max-width: 68px;
}
div.copyright {
	border-top: 1px solid #c4c4c4;
	margin: 0 auto;
	text-align: center;
	font-size: 13px;
	padding: 13px;
	margin-top: 20px;
}

/* Phần đăng ký nhận email footer */
.form-email-footer {
	position: relative;
	overflow: hidden;
	max-width: 250px;
}
.form-email-footer input {
	width: 100%;
	padding: 7px;
	border-radius: 4px;
	background: 0 0;
	color: #f0f0f0;
	border: 1px solid #666;
	font-size: 1em;
}
.form-email-footer input::placeholder{
	color: #aeaeae;
	font-size: 12px;
}
.form-email-footer button {
	position: absolute;
	right: 1px;
	top: -2px;
	color: rgb(166,166,166);
	padding: 11px;
	cursor: pointer;
	font-size: 12px;
}
/* Phần đăng ký nhận email footer */

.socialbg {
	background-repeat: no-repeat;
	background-position: center top;
	width: 100%;
	max-width: 92px;
	display: block;
	background-size: 850%;
	filter: brightness(0) invert(1);
}

.socialbg::before {
	content: "";
	display: block;
	padding-top: 105%;
}

.facebook span {background-position: 0% top}
.instagram span {
	background-position: 12% 90%;
}
.pinterest span {
	background-position: 26% 100%;
}
.twitter span {
	background-position: 38% 100%;
}
.youtube span {
	background-position: 51% 100%;
}
.wikipedia span {
	background-position: 97% 100%;
}
.linkedin span {
	background-position: 81% 90%;
}
.myspace span {
	background-position: 67% top;
}

/* @font */

/* File style-footer.css.css */

/* File style-responsive.css *****************************************************************/

/* Chia cột sản phẩm không phải chưa cột không đưa vào */
.list-product .item_product {
	width: 24%;
	padding-bottom: 12px;
}

.content-post .item_product {
	width: 48%;
}

.content-post .item_product-tren {
	width: 100%;
	float: none;
}

.content-post .item_product img {
	border-radius: 0;
}

@media (min-width: 1024px) {
	
.view-dh {
	visibility: visible;
	opacity: 1;
	bottom: 0;
}

.chuongtrinhkm-mobile {
	display: none;
}

}


@media (max-width: 1023px) {
.list-product .item_product {
	width: 31%;
}
}
/* Chia cột sản phẩm không phải chưa cột không đưa vào */
/* Chỉ có trên PC mới có */
@media (max-width: 1024px) {

.content-footer > * {
	width: 100%;
}
	

.item_product .quick-view {
	margin-left: 0px;
}
.inforsp-name.product_title {
	margin-top: 0px;
}

.site-header {
	position: absolute;
}
}

@media (max-width: 992px){
.format-grpost {
	width: 50%;
	float: left;
}
.btn-menu {
	position: absolute;
	right: 26px;
	top: -34px;
	z-index: 9999;
}
.info-dreamhouse, .danh-muc-san-pham {
	width: 60%;
}
.ho-tro-khachhang, .ket-noi-dreamhouse{
	width: 40%;
}
	
	
	
#votes {
	float: none;
	display: block;
	margin: 0 auto;
	text-align: center;
	margin-top: 20px;
}
	
#votes > span {
	display: block;
	margin: 0;
	margin-top: 8px;
	font-size: 11px;
}	
}


/* Giao diện điện thoại, mobile responsive từ 736 trở xuống */
@media (max-width: 736px) {
.list-product .item_product {
	width: calc(50% - 5px);
}
	
.single-product h3.bvlq-cungcm {
	font-size: 20px;
	color: #646464 !important;
	margin: 8px 0;
	text-align: center;
    margin-bottom: 20px;
}
	
	
.title-item-toggle::after {
	right: -3px;
	top: 8px;
}
	
.nav-button button > .item-text {
	font-size: 11px;
	bottom: 8px;
	padding-top: 0;
}

.sub-category > ul {
	margin-top: 10px;
}
	

}
/* Kết thúc màn 736 */
@media (max-width: 736px){
.content-footer > * {
	padding: 0;
	width: 100%;
}

.ket-noi-dreamhouse, .danh-muc-san-pham, .ho-tro-khachhang {
	margin-top: 40px;
}
	
.list-post .item_product {
	width: 49%;
	margin-bottom: 8px;
}
	
}

@media (max-width: 480px){
.format-grpost {
	width: 100%;
	padding-bottom: 30px;
}
}


/* Iphone 6S */
@media (max-width: 375px){
.item_post h3 {
	font-size: 13px;
	line-height: 22px;
}

}

/* File style-responsive.css */


/* Chat box */

.typing {
	position: absolute;
	bottom: 18px;
	text-align: center;
	font-size: 13px;
	background: #e6e4e4;
	padding: 3px 10px;
	padding-bottom: 6px;
	border-radius: 16px;
	z-index: 999;
	transform: translate(-50%);
	left: 50%;
	color: #656565;
}

.body-chat {
	overflow-y: scroll;
	height: 360px;
	scrollbar-width: none;
	overflow-x: hidden;
}

.body-chat::-webkit-scrollbar {
  display: none;
}

.item-chat {
	overflow: hidden;
	margin-bottom: 10px;
	transition: 0.2s all;
}
.item-chat:last-child {
	margin-bottom: 60px;
}
.item-chat > div {
	padding: 10px;
	background: #f1f1f1;
	border-radius: 12px;
	width: max-content;
	font-size: 15px;
	margin-right: 45px;
	position: initial;
	max-width: 250px;
	float: right;
	min-width: 83px;
}

.efect div {
	background: #feffea;
}

.efect {
	transform: scale(1.1);
}

.min-efect {
	transform: scale(0.97);
}

.item-chat a {
	font-size: 15px;
}
.drh {
	float: left !important;
	margin-left: 45px;
	position: initial;
	margin-right: 0 !important;
}

.item-chat span {
	display: block;
	font-size: 11px;
	text-align: left;
	margin-top: 9px;
}

span.recall {
	font-size: 15px;
	color: #5c5c5c;
}

.item-chat > div::after, .drh::after {
	content: "";
	width: 35px;
	height: 35px;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	border-radius: 50%;
	border: 1px solid #b9c547;
	background-size: 100%;
	border: 1px solid #c3c3c3;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(icon/no-avatar.jpg);
}

.item-chat img {
	margin-bottom: 10px;
	border-radius: 7px;
}

.drh::after {
	left: 0;
	right: auto !important;
	background-size: 108% !important;
	border: 1px solid #b9c547 !important;
}

.content-more {
	position: initial;
}
.input-chat {
	position: absolute;
	bottom: -15px;
	width: calc(100%);
	left: 0;
}
.send-chat {
	width: 40px;
	height: 30px;
	display: block;
	position: absolute;
	right: 5px;
	background: #b0a4a4;
	bottom: 25px;
	background-repeat: no-repeat;
	background-size: 21px;
	/* cursor: pointer; */
	background-color: transparent !important;
/* 	background-image: url(icon/send-mail.svg?ver=999); */
	background-position: center;
}
.send-sms {
	min-height: 90px;
	border-radius: unset;
}
.send_chat textarea {
	font-size: 16px !important;
	padding-right: 45px;
	border: none;
	background: #fff;
}
.date-chat {
	display: block;
	position: relative;
}
.date-chat span {
	z-index: 99999;
	position: relative;
	font-size: 13px;
	display: block;
	width: max-content;
	text-align: center;
	padding: 2px 10px;
	background: #8e8e8e;
	margin: 9px auto;
	color: #fff;
	border-radius: 13px;
	padding-bottom: 4px;
}
.date-chat::after {
	content: "";
	position: absolute;
	width: 1000%;
	border-top: 1px solid #ddd;
	left: -213px;
	top: 12px;
	z-index: 1;
}


/* Popup hiện thông báo */
.popup_new {
	width: 359px;
	position: fixed;
	bottom: -28%;
	left: 15px;
	z-index: 9999999;
	transition: all 0.5s;
	opacity: 0.7;
	padding: 12px;
	background: #fff;
	border-radius: 9px;
	padding-top: 9px;
	box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
}

.header-popup {
	display: block;
	margin-bottom: 13px;
	font-weight: 600;
}

.view_top_pp {
	bottom: 2%;
	opacity: 1;
}
.l_content {
	border-radius: 50%;
	overflow: hidden;
	width: 80px;
	height: 80px;
	background-repeat: no-repeat;
	background-size: contain;
	border: 1px solid #e0dddd;
	background-position: center;
}
.r_content {
	padding: 4px;
	width: calc(100% - 80px);
	padding-left: 10px;
}
.item_post h3 {
	line-height: 19px;
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 8px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	overflow: hidden;
}
.item_post p {
	font-size: 13px;
	color: #5f5f5f;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	overflow: hidden;
	line-height: 18px !important;
	text-align: left !important;
	margin: 0;
	margin-top: 8px !important;
	margin-bottom: 5px !important;
}

.excerpt_post li {
	list-style: none;
}

/* .archive .excerpt_post,
.single .excerpt_post{
	-webkit-line-clamp: 2;
	text-align: left;
} */

.item_post .view {
	font-size: 12px;
	color: #777;
}

.remove-item {
	right: 9px;
	top: 8px;
	z-index: 999;
	background: #e4e4e4;
	color: #3e3e3e;
	width: 21px;
	height: 21px;
	font-size: 14px;
	position: absolute;
	border-radius: 50%;
	cursor: pointer;
	border: 1px solid #e4e4e4;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 10px;
}	

.remove-item:hover {
	background: #736d6d36;
}

/* Popup hiện thông báo */


/* Popup cảnh báo */
.popup-alert {
	position: absolute;
	top: 49px;
	right: 48px;
	background: #fff;
	width: 290px;
	padding: 9px 12px;
	z-index: 999999999999999999;
	border-radius: 6px;
	font-size: 13px;
	transition: all 0.3s;
	box-shadow: rgba(0,0,0,0.25) 0px 0.0625em 0.0625em,rgba(0,0,0,0.25) 0px 0.125em 0.5em,rgba(255,255,255,0.1) 0px 0px 0px 1px inset;
	user-select: none;
	line-height: 22px;
	cursor: pointer;
}

/* Popup cảnh báo */

p.head-des, h2.head-des, h1.head-des, .content-post::before {
	text-align: center !important;
	margin-top: 35px !important;
	font-weight: bold;
	text-transform: uppercase;
	color: #646464 !important;
	margin-bottom: 10px !important;
}

.description-product p.head-des {
	margin-top: 0 !important;
}

p.trich-dan {
	text-align: center !important;
	font-size: 15px;
	margin-bottom: 27px !important;
	margin-top: 0px !important;
	font-style: italic;
}

/* cho mục sự kiện */
.type_event .despr-right {
	background: transparent !important;
}

.type_event .sidebox.body-description, .right_sidebar {
	padding: 0;
	background: none !important;
	box-shadow: none;
}


.list-title button {
	padding: 7px 18px;
	border-radius: 25px;
	font-size: 12px;
	display: inline-block;
	cursor: pointer;
	margin: 0 0 21px;
	background: #e1e1e14d !important;
	margin-right: 5px;
	color: #686868 !important;
	text-transform: uppercase;
	letter-spacing: 0.2px;
	font-weight: bold;
}
	
.list-title button.active {
	background: #736d6d !important;
	color: #fff !important;
}

.moving {
	overflow-y: hidden;
}

@media(max-width: 668px){
.item-info {
	font-size: 11px;
	padding: 4px 6px 5px 37px;
}
	
.meta-product {
	float: none;
	margin-top: 7px;
	display: inline-block;
	padding-left: 10px;
	text-align: left;
	width: 100%;
}
}

.wp-caption {
	width: 100% !important;
	text-align: center !important;
}
.wp-caption p {
	text-align: center !important;
	font-size: 0.9em;
	font-style: italic;
	margin-top: 0 !important;
}

.content-page {
	min-height: 500px;
}

/* Phần chuột phải */
.right-popup {
	width: 230px;
	min-height: 300px;
	background: #fff;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
	position: absolute;
	cursor: pointer;
	font-size: 13px;
	border-radius: 3px;
	overflow: hidden;
	background: #f9f9fb;
	z-index: 999999;
}

.hp-right {
	border-bottom: 1px solid #d2d2d2;
	text-align: center;
	padding: 9px 0px;
}
	
.right-popup span, .right-popup span a {
	display: block;
	width: 100%;
	padding: 9px 11px;
	font-size: 12px;
}

.right-popup span a {
	padding: 0;
	color: #2b2b2b;
}
	
.right-popup span:hover {
	background: #e0e0e6;
}
/* Phần chuột phải */

.seach-ip {
	margin: 0;
	font-weight: 600;
	font-size: 14px;
	border: none;
	width: max-content;
	border-left: 1px solid #dedede;
	border-radius: 0;
	padding: 0px 15px;
	line-height: 13px;
	padding-left: 15px;
}

.categorys {
	display: block;
	text-align: left;
	padding: 0 8px;
}

.categorys a {
	font-size: 11px;
	background: #ededed;
	padding: 6px 10px;
	display: inline-block;
	width: max-content;
	margin-bottom: 2px;
	border-radius: 3px;
	margin-right: 8px;
	display: inline-block !important;
}