::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);
}

.content-post {min-height: 500px}

.content-post p, .content-post li, .content-post img, .content-post .wp-caption-text {
	margin: 18px 0;
	line-height: 30px;
	text-align: justify;
}

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

.wp-caption {
	width: 100% !important;
	text-align: center !important;
}

figure, .wp-caption > img {
	margin: 0;
	border-radius: 10px;
}

.content-post p img {
	border-radius: 6px;
}

.wp-caption-text {
	text-align: center !important;
	font-size: 0.9em;
	font-style: italic;
	margin-top: 5px !important;
}

.toc-post {
	background: #ececec;
	border-radius: 10px;
	margin-bottom: 35px;
	overflow: hidden;
}

.head-toc {
	font-weight: 700;
	font-size: 0.9em;
	padding: 10px 0px;
	text-align: center;
	background: #e5e5e5;
}

.toc-post ul {
	padding: 15px 10px;
}

.toc-post li {
	margin: 0;
}
.toc-post li a {
	font-size: 13px;
	line-height: 28px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
}


h2.title {
	color: #646464 !important;
	font-family: Fraunces,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif !important;
	text-transform: uppercase;
	margin-top: 0;
}

.select-title, .list-button 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;
	text-transform: uppercase;
	letter-spacing: 0.2px;
	font-weight: bold;
}
button.active-head {background: #e3d28f !important;color: #2d2d2d}

.post-tag a {
	padding: 5px 10px;
	background: #e5e6ec;
	border-radius: 3px;
	font-size: 0.7em;
	margin: 0 6px 6px 0px;
	color: #616161;
	display: inline-block;
}

.post-tag a::before {
	content: "#";
	margin-right: 2px;
}

.no-afbf::before, .no-afbf::after {
	display: none !important;
}

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

/* PHẦN DANH MỤC CON TRONG BLOCK POST */

.categorys > span {
	font-size: 0.6em;
	background: #ededed;
	padding: 5px 10px;
	display: inline-block;
	width: max-content;
	border-radius: 3px;
	margin-right: 8px;
	/* margin-top: 10px; */
	cursor: pointer;
}
.categorys > span:hover {background: #d6d6d6}


/* PHẦN DANH MỤC CON TRONG BLOCK POST */


/* -------------------------- start PHẦN TƯƠNG TÁC NHANH */
.tool-left {
	position: fixed;
	width: 63px;
	z-index: 9;
	bottom: 6%;
	transition: all 0s;
	left: 0;
}

.tool-left > button {
	position: relative;
	width: 100%;
}

.tool-left > button::after {
	content: "";
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	height: 59%;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 600%;
	background-image: url(icon/extension.svg);
}

.tool-left button.search::after {background-position: calc(0% / 6) top}
.tool-left button.contact::after {background-position: calc(120% / 6) top}
.tool-left button.chat::after {background-position: calc(240% / 6) top}
.tool-left button.promotion::after {background-position: calc(360% / 6) top}
.tool-left button.cart::after {background-position: calc(480% / 6) top}
.tool-left button.more::after {background-position: calc(600% / 6) top}

.tool-left > button::before {
	content: "";
	display: block;
	padding-top: 100%;
}

.tool-left > button:hover {background-color: #6f69692b}

.tool-left span {
	position: absolute;
	width: 100%;
	left: 0;
	font-size: 11px;
	bottom: 4px;
	color: #606060;
	text-align: center;
	height: 20px;
}
span.item-count {
	font-weight: 600;
	background: #dd0c0cba;
	color: #fff;
	padding: 3px;
	border-radius: 50%;
	top: 0;
	width: 20px;
	height: 20px;
	right: 0;
	left: auto;
	font-size: 10px;
}
.content-extension {
	padding: 20px 10px;
	overflow: hidden;
	min-height: 290px;
	height: 100%;
}
.content-extension input,.content-extension textarea {width: 100%}

.search-form {
	position: relative;
	width: 100%;
}
.search-form input {
	font-weight: 600;
	line-height: 13px;
	padding: 10px 10px;
	border-radius: 4px;
	background: #fbfafa !important;
	font-size: 15px;
	margin: 0 0 10px 0;
	width: 100%;
}

input.seach-ip {
	margin: 0;
	font-weight: 600;
	font-size: 14px;
	border: none;
	border-left: 1px solid #dedede;
	border-radius: 0;
	padding: 0px 15px;
	padding-left: 15px;
	line-height: 13px;
	padding-left: 15px;
	background: transparent !important;
}

.search-for {
	width: max-content;
	display: block;
	margin-right: 11px;
	padding-left: 36px;
	line-height: 33px;
	font-weight: 600;
}

.closetk {
	background-position: -9px -1px;
	background-size: 288px;
	position: absolute;
	width: 33px;
	height: 33px;
	right: 8px;
	display: initial;
	left: 0;
	top: 2px;
}

.search-form .icon-adh {
	position: absolute;
	top: 8px !important;
	right: 5px;
}

.content-extension .search-form .icon-adh {top: 10px}

.response .scroll-x {padding-top: 15px}

.response a {
	padding: 6px;
	cursor: pointer;
	display: none;
	border-radius: 4px;
	background: #f2f2f2;
	margin-bottom: 15px;
	position: relative;
	overflow: hidden;
	line-height: 20px;
}

.response img {
	border-radius: 4px;
	width: 86px;
	height: 86px !important;
}

.response a > div {
	width: calc(100% - 86px);
	font-size: 14px;
	padding-left: 9px;
	font-weight: 600;
}
.response a > div strong {
	color: red;
	font-weight: bold;
}

.response a > span {
	font-size: 11px;
	background: #e2e2e2;
	padding: 2px 6px;
	border-radius: 3px;
	color: #818181;
	position: absolute;
	right: 5px;
	bottom: 5px;
}
price {
	color: red;
	position: absolute;
	top: 50px;
	width: 100%;
	left: 100px;
	font-size: 14px;
}

.content-extension h4 {
	text-transform: uppercase;
	margin: 9px 0px 10px 0px;
}

.suggestions a {
	font-size: 11px;
	padding: 5px 10px;
	display: inline-block;
	margin: 0px 6px 6px 0px;
	border-radius: 18px;
	border: 1px solid #c8c8c8;
	color: #5a5d8b;
}

.suggestions a:hover {background: #c8c8c8}

/* -------------------------- END PHẦN TƯƠNG TÁC NHANH */



/* -------------------------- START PHẦN BLOCK ITEM POST */
article.temp-1 {
	margin-bottom: 20px;
}
article.temp-1 a {display: inline-block}
article.temp-1 a > div {
	width: 32%;
	float: left;
	border-radius: 3px;
}
article.temp-1 .title-excerpt {
	width: 68%;
	padding-left: 12px;
}

article.wide {
	width: 32%;
	margin-bottom: 36px;
	border-radius: 3px;
	overflow: hidden;
}

article h3 {
	margin: 0;
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 8px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	overflow: hidden;
}

article .excerpt {
	font-size: 12px;
	color: #5c5c5c;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	overflow: hidden;
/* 	height: 33px; */
}

article.wide .title-excerpt, article.wide .categorys {padding: 10px 8px 12px 8px}

article.wide .title-excerpt, .categorys {border: 1px solid #eee;border-top: none}
.scroll-x article.wide .title-excerpt {border-bottom: none}

/* .post-related article {max-width: 32%} */

/* -------------------------- END PHẦN BLOCK ITEM POST */

.item-toggle h3 {
	font-size: 14px;
	font-weight: 400;
	padding-right: 40px;
	position: relative;
	cursor: pointer;
}

.item-toggle h3:hover {color: #6666f4 !important}

.item-toggle h3::after {
	content: "";
	position: absolute;
	right: 0px;
	top: 0px;
	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;
}

.item-toggle p {
	display: none;
	padding: 10px;
	background: #e5e5e554;
	width: 100% !important;
	font-size: 14px;
	line-height: 21px;
	text-align: justify;
	border-radius: 5px;
}





/* ========================================================================================================================================================================================================================================================================================== */



/* START FOOTER */

#footer {
	background-color: #202020;
	padding-top: 30px;
	background-position: right;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 9999;
	position: relative;
}

#footer, #footer a, #footer li, #footer p {
	color: #f0f0f0;
	font-size: 12px;
	font-family: 'Montserrat',sans-serif !important;
}

#footer p {
	line-height: 18px;
	padding-right: 40px;
	text-align: justify;
}

.body-footer > div {
	width: 33.3%;
	overflow: hidden;
}

.body-footer h3 {
	text-transform: uppercase;
	font-weight: 600;
	margin-bottom: 10px;
	font-size: 17px;
	color: #fff;
	font-family: 'Montserrat',sans-serif !important;
}
.body-footer h3::after {
	content: "";
	display: block;
	margin-top: 8px;
	width: 80px;
	border-top: 2px solid #797979;
}

.body-footer li {line-height: 29px;list-style: inside}

/* .body-footer a {
	font-size: 12px;
	font-family: 'Montserrat',sans-serif !important;
} */

.social.flex {
	justify-content: start;
	margin: 20px 0px;
}

.social a {
	width: 40px;
	height: 40px;
	margin-right: 8px;
	border-radius: 5px;
	border: 1px solid #ffffff61;
	position: relative;
}

.social a::before {
	content: "";
	width: 25px;
	height: 25px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	background-image: url(icon/socical.svg);
	background-size: 850%;
	filter: brightness(0) invert(1);
}

.social a.facebook::before {background-position: 0% top}
.social a.instagram::before {
	background-position: 12.5% 90%;
}
.social a.pinterest::before {background-position: 26% 100%}
.social a.twitter::before {background-position: 38% 100%}
.social a.youtube::before {background-position: 51% 100%}
.social a.wikipedia::before {
	background-position: 96.5% 100%;
	background-size: 752%;
}
.social a.linkedin::before {background-position: 81% 90%}
.social a.myspace::before {background-position: 67% top}


.body-footer img {
	max-width: 190px !important;
}

.certificate, .form-receive-email {
    margin-top: 15px;
    justify-content: flex-start;
}

.certificate > img {
    max-height: 35px !important;
    margin-right: 10px;
    max-width: 90px !important;
}

.form-receive-email {
	max-width: 230px;
	position: relative;
}

.form-receive-email input {
	width: 100%;
	background: transparent;
	color: #fff;
	font-size: 1em;
	padding-right: 40px;
	border: 1px solid #009b9a;
	margin: 2px;
}

.form-receive-email span {
	position: absolute;
	right: -2px;
	top: 9px;
}

.copyright {
	border-top: 1px solid #c4c4c4;
	text-align: center;
	font-size: 13px;
	padding: 10px;
	margin-top: 30px;
	width: 100% !important;
}

/* END FOOTER */