@keyframes hoverWave {
	0% {
		box-shadow: 0 8px 10px rgba(56, 163, 253, .3), 0 0 0 0 rgba(56, 163, 253, .2), 0 0 0 0 rgba(56, 163, 253, .2);
	}

	40% {
		box-shadow: 0 8px 10px rgba(56, 163, 253, .3), 0 0 0 15px rgba(56, 163, 253, .2), 0 0 0 0 rgba(56, 163, 253, .2);
	}

	80% {
		box-shadow: 0 8px 10px rgba(56, 163, 253, .3), 0 0 0 30px rgba(56, 163, 253, 0), 0 0 0 26.7px rgba(56, 163, 253, .067);
	}

	100% {
		box-shadow: 0 8px 10px rgba(56, 163, 253, .3), 0 0 0 30px rgba(56, 163, 253, 0), 0 0 0 40px rgba(56, 163, 253, 0);
	}
}


@keyframes shake {
	0% {
		transform: rotateZ(0);
		-ms-transform: rotateZ(0);
		-webkit-transform: rotateZ(0);
	}

	10% {
		transform: rotateZ(-30deg);
		-ms-transform: rotateZ(-30deg);
		-webkit-transform: rotateZ(-30deg);
	}

	20% {
		transform: rotateZ(15deg);
		-ms-transform: rotateZ(15deg);
		-webkit-transform: rotateZ(15deg);
	}

	30% {
		transform: rotateZ(-10deg);
		-ms-transform: rotateZ(-10deg);
		-webkit-transform: rotateZ(-10deg);
	}

	40% {
		transform: rotateZ(7.5deg);
		-ms-transform: rotateZ(7.5deg);
		-webkit-transform: rotateZ(7.5deg);
	}

	50% {
		transform: rotateZ(-6deg);
		-ms-transform: rotateZ(-6deg);
		-webkit-transform: rotateZ(-6deg);
	}

	60% {
		transform: rotateZ(5deg);
		-ms-transform: rotateZ(5deg);
		-webkit-transform: rotateZ(5deg);
	}

	70% {
		transform: rotateZ(-4.28571deg);
		-ms-transform: rotateZ(-4.28571deg);
		-webkit-transform: rotateZ(-4.28571deg);
	}

	80% {
		transform: rotateZ(3.75deg);
		-ms-transform: rotateZ(3.75deg);
		-webkit-transform: rotateZ(3.75deg);
	}

	90% {
		transform: rotateZ(-3.33333deg);
		-ms-transform: rotateZ(-3.33333deg);
		-webkit-transform: rotateZ(-3.33333deg);
	}

	100% {
		transform: rotateZ(0);
		-ms-transform: rotateZ(0);
		-webkit-transform: rotateZ(0);
	}
}

body {
	background-color: #ffffff;
	background-image: url(/wp-content/uploads/2024/04/body-bg.svg) !important;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}

/* --- ju-product-in-post --- */
.ju-product-in-post .ju-body {
	padding: 16px;
}

.ju-product-in-post .el-title {
	height: 56px;

	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}

.ju-product-in-post .el-image {
	aspect-ratio: 210/210;
	object-fit: contain;
	background: #fff;
}

.ju-product-in-post .uk-text-center {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: #ec1c24;
	color: #fff;
	transition: all .3s;

	transform: translateY(100%);
}

.ju-product-in-post .el-item {
	box-shadow: 0 1px 3px -2px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
	transition: all .3s;
}

.ju-product-in-post .el-item:hover {
	transform: translateY(-6px);
	box-shadow: 0 30px 40px 0 rgba(0, 0, 0, .2);
}

.ju-product-in-post .el-item:hover .uk-text-center {
	transform: translateY(0%);
}

/* --- popup quick view --- */
#popup-quick-view {
	z-index: 1212;
}

#popup-quick-view .uk-modal-dialog {
	max-width: 840px !important;
	width: 100%;
}

/*  */

.tm-header-placeholder {
	display: none;
}

.uk-select {
	border-radius: 8px;
}

.uk-select:not([multiple]):not([size]) {

	background-image: url("data:image/svg+xml,%0A%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%23484848' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
	background-position: 96% 50%;
}

.scroll {
	height: 360px;
	overflow: auto;
	padding: 5px 5px 0 0;
}

.scroll::-webkit-scrollbar {
	display: none;
}

.h7 {
	color: #000;
	font-size: 18px;
	font-weight: 500;
	line-height: 28px;
}

.nganh {
	font-size: 16px;
	font-weight: 700;
	line-height: 26px;
}

.title {
	font-size: 16px;
	font-weight: 700;
	line-height: 26px;
}

.item-lang .book-widget,
._3d-flip-book {
	min-height: 900px;
	height: 900px;
}

.content {
	font-size: 14px;
	font-weight: 400;
	line-height: 26px;
}

.uk-article-title {
	font-size: 36px;
}

.uk-click {
	background: #ec1c24;
	color: #fff !important;
}

.uk-click>.el-title {
	color: #fff !important;
}

.attribute {
	border-radius: 4px;
	border: 1px solid #676E6D;
	width: fit-content;
	padding: 5px 20px;
}

#nut_modal .el-content {
	border-radius: 100px;
	color: #EC1C24;
	font-size: 16px;
}

.icon-mobile {
	width: 49px;
	height: 49px;
	display: flex;
	justify-content: center;
	align-items: center;
}

/* .wpd-rating-value, */
.wpd-rating-left,
.wpd-rating-right {
	display: none;
}

#wpd-post-rating .wpd-rating-wrap .wpd-rating-value:hover {
	background: none !important;
	transition: none !important;
}


#wpd-post-rating .wpd-rating-wrap .wpd-rating-value:hover .wpdrt {
	display: none !important;
}

#wpd-post-rating .wpd-rating-wrap .wpd-rating-value {
	transition: none;
	background-color: #ffffff;
	border: none;
	height: auto;
	width: auto;
	text-align: center;
	border-radius: 0;
	font-family: inherit;
	margin-right: 5px;

}

#wpd-post-rating .wpd-rating-wrap .wpd-rating-value span {
	display: none !important;
}

#wpd-post-rating .wpd-rating-wrap .wpd-rating-value .wpdrc {
	display: block !important;
	padding-top: 10px !important;
}

#wpd-post-rating .wpd-rating-wrap .wpd-rating-title {
	width: auto;
}

#wpd-post-rating .wpd-rating-wrap .wpd-rating-value:hover .wpdrc {
	color: #000 !important;
}

.wpdrc::before {
	content: '(';
	display: inline-block;
}

.wpd-rating-value {
	order: 2;
}

.wpd-rating-title::after {
	content: ')';
	display: inline-block;
}

#wpd-post-rating .wpd-rating-wrap .wpd-rating-title {
	order: 1;
	color: #000;
	font-size: 18px;
	font-weight: 400;
	line-height: 28px;
}

.wpd-rating-stars {
	order: 3;
	margin-right: 20px;
}

#wpd-bubble-wrapper {
	display: none !important;
}

#wpd-post-rating .wpd-rating-wrap {
	width: auto;
}

#wpd-post-rating .wpd-rating-wrap .wpd-rating-data {
	width: auto;
	white-space: nowrap;
	flex-direction: row-reverse;
}

#wpd-post-rating {
	justify-content: flex-end;
	margin: 0;
}

#wpd-post-rating .wpd-rating-wrap {
	justify-content: flex-end;
}

.wpd-rate-starts {
	order: 4;
	margin-right: 20px;
}

#wpdcom .wpd-thread-list {
	padding: 30px 0px 0;
}

.sp_new p {
	position: relative;
	z-index: 10;
	left: -15px;
	top: 4px;
}

.sp_new::before {
	content: '';
	display: block;
	background-image: url(../img/New-2.png);
	/* background-image: url(https://jupitermedia.vn/scg/wp-content/uploads/2023/08/New-2.png); */
	background-size: cover;
	background-repeat: no-repeat;
	width: 66px;
	height: 44px;
	position: absolute;
	left: -26px;
}

.gray {
	background: #F7F7F7;
}

.tm-cookie-banner {
	padding: 8px 0;
}

.tm-cookie-banner .uk-container {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 15px;
}

.tm-cookie-banner .uk-container p {
	margin: 0;
	text-align: left;
	font-size: 16px;
}

.tm-cookie-banner .uk-container .uk-button {
	white-space: nowrap;
	margin-left: 0 !important;
}

.tm-cookie-banner .uk-container img {
	width: 50px;
	margin: unset;
}

@media only screen and (max-width:960px) {

	.item-lang .book-widget,
	._3d-flip-book {
		min-height: 600px;
		height: 600px;
	}

	.tm-cookie-banner .uk-container {
		flex-wrap: wrap;
		justify-content: center;
		gap: 10px 10px;
	}

	.tm-cookie-banner .uk-container img {
		width: 16%;
		max-width: 60px;
		min-width: unset;
	}

	.tm-cookie-banner .uk-container p {
		width: calc(84% - 10px);
	}
}

@media only screen and (max-width:639px) {
	.ju-product-in-post .el-title {
		font-size: 14px;
	}

	.ju-product-in-post .el-content {
		font-size: 14px;
	}

	.ju-product-in-post .ju-body {
		padding: 8px;
	}

	body.page-id-3065 .el-title.uk-h4 {
		font-size: 16px;
	}
}

@media(min-width:480px) {

	#nut_modal .uk-button {
		padding: 0px 30px;
	}
}

@media(max-width:480px) {
	#san-pham .sp_new p {
		left: -5px;
		top: 2px;
	}

	.sp_new p {
		left: -8px;
		top: -2px;
		font-size: 13px;
		color: #fff !important;
	}

	.sp_new::before {
		width: 42px;
		height: 24px;
		left: -13px;
	}


	#wpd-post-rating .wpd-rating-wrap .wpd-rating-stars svg {
		width: 20px;
		height: 20px;
	}

	#wpd-post-rating .wpd-rating-wrap .wpd-rating-value .wpdrc {
		font-size: 14px !important;
		line-height: 26px;
	}

	#wpd-post-rating .wpd-rating-wrap .wpd-rating-title {
		font-size: 14px;
		line-height: 26px;
	}

	.wpd-rating-stars,
	.wpd-rate-starts {
		margin-right: 10px;
	}

	.attribute {
		padding: 0px 10px;
	}

	#nut_modal .el-content {
		border-color: #EC1C24;
		border-radius: 100px;
		font-size: 12px;
		font-weight: 500;
		line-height: 18px;
	}

	#nut_modal .uk-button {
		padding: 7px 11px;
	}

	.uk-margin-small-right {
		margin-right: 5px !important;
	}

}


/*FIX ELEMENTS*/


/*1. MAP*/
.zmap_wrapper,
.zmap_wrapper .zmap_forms .form-item .zmap_form_title .uk-text-lead {
	font-size: 18px;
	font-weight: normal;
	line-height: 1.6;
}

.zmap_wrapper .zmap_forms .form-item {
	border-radius: 10px;
	border: 1px solid var(--normal-8, #8A93A6);
	background: var(--normal-1, #FFF);
}

.zmap_wrapper select {
	font-size: 16px;
	opacity: 0.6;
}

.zmap_wrapper .uk-text-primary {
	color: #EC1C24 !important;
}

.zmap_wrapper .zmap_forms .form-item table {
	font-size: 14px;
	color: #333;
}

.zmap_wrapper .zmap_forms .form-item table tr td:first-child {
	padding-right: 3px;
}

.zmap_wrapper .zmap_forms .form-item .posts .post {
	border-radius: 6px;
	background: var(--normal-2, #F7F7F7);
}

.zmap_wrapper .zmap_buttons {
	display: flex;
	gap: 20px;
	justify-content: center;
}

.zmap_wrapper .zmap_buttons .uk-button {
	font-weight: bold;
	font-size: 22px;
	border-color: #EC1C24 !important;
}

.zmap_wrapper .zmap_buttons .uk-button.uk-button-primary {
	background-color: #EC1C24 !important;
	color: white;
}

.zmap_wrapper .leaflet-popup-content ul {
	padding-left: 15px;
	;
}

.zmap_wrapper .leaflet-popup-content-wrapper {
	border-radius: 11px !important;
	/* border: 1px solid var(--normal-8, #8A93A6); */
	font-family: Montserrat;
	line-height: 1.6;
	font-size: 15px;
}

.zmap_wrapper .leaflet-popup-content-wrapper .title {
	font-size: 16px;
}

.zmap_wrapper .uk-text-bold .excerpt {
	font-size: 15px;
}

.zmap_wrapper .uk-icon[uk-icon="icon: location"] svg {
	display: none;
}

.zmap_wrapper .uk-icon[uk-icon="icon: location"]::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='22' viewBox='0 0 16 22' fill='none'%3E%3Cpath d='M8 2.5C10.2 2.5 12 4.3 12 6.5C12 8.6 9.9 12 8 14.4C6.1 11.9 4 8.6 4 6.5C4 4.3 5.8 2.5 8 2.5ZM8 0.5C4.7 0.5 2 3.2 2 6.5C2 11 8 17.5 8 17.5C8 17.5 14 10.9 14 6.5C14 3.2 11.3 0.5 8 0.5ZM8 4.5C6.9 4.5 6 5.4 6 6.5C6 7.6 6.9 8.5 8 8.5C9.1 8.5 10 7.6 10 6.5C10 5.4 9.1 4.5 8 4.5ZM16 17.5C16 19.7 12.4 21.5 8 21.5C3.6 21.5 0 19.7 0 17.5C0 16.2 1.2 15.1 3.1 14.3L3.7 15.2C2.7 15.7 2 16.3 2 17C2 18.4 4.7 19.5 8 19.5C11.3 19.5 14 18.4 14 17C14 16.3 13.3 15.7 12.2 15.2L12.8 14.3C14.8 15.1 16 16.2 16 17.5Z' fill='black'/%3E%3C/svg%3E");
}

.zmap_wrapper .uk-icon[uk-icon="icon: receiver"] svg {
	display: none;
}

.zmap_wrapper .uk-icon[uk-icon="icon: receiver"]::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='22' viewBox='0 0 21 22' fill='none'%3E%3Cpath d='M19.2502 15.3051V17.9301C19.2512 18.1738 19.2013 18.415 19.1037 18.6383C19.0061 18.8615 18.8629 19.062 18.6833 19.2267C18.5037 19.3915 18.2917 19.5169 18.0609 19.595C17.8301 19.673 17.5854 19.702 17.3427 19.6801C14.6502 19.3875 12.0639 18.4675 9.7915 16.9938C7.67735 15.6504 5.88492 13.858 4.5415 11.7438C3.06273 9.46114 2.14246 6.8622 1.85525 4.15758C1.83338 3.91562 1.86214 3.67175 1.93968 3.44151C2.01723 3.21126 2.14187 2.99969 2.30567 2.82025C2.46946 2.64082 2.66883 2.49746 2.89106 2.39929C3.1133 2.30113 3.35354 2.25031 3.5965 2.25008H6.2215C6.64614 2.24591 7.05781 2.39628 7.37979 2.67318C7.70176 2.95007 7.91206 3.3346 7.9715 3.75508C8.08229 4.59514 8.28777 5.41997 8.584 6.21383C8.70172 6.52702 8.7272 6.86738 8.65742 7.1946C8.58763 7.52182 8.4255 7.82218 8.19025 8.06008L7.079 9.17133C8.32461 11.3619 10.1384 13.1757 12.329 14.4213L13.4402 13.3101C13.6781 13.0748 13.9785 12.9127 14.3057 12.8429C14.6329 12.7731 14.9733 12.7986 15.2865 12.9163C16.0804 13.2126 16.9052 13.418 17.7452 13.5288C18.1703 13.5888 18.5585 13.8029 18.836 14.1304C19.1135 14.4579 19.2609 14.876 19.2502 15.3051Z' stroke='black' stroke-width='1.83333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.zmap_wrapper .uk-icon[uk-icon="icon: mail"] svg {
	display: none;
}

.zmap_wrapper .uk-icon[uk-icon="icon: mail"]::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='22' viewBox='0 0 21 22' fill='none'%3E%3Cpath d='M3.5 4H17.5C18.4625 4 19.25 4.7875 19.25 5.75V16.25C19.25 17.2125 18.4625 18 17.5 18H3.5C2.5375 18 1.75 17.2125 1.75 16.25V5.75C1.75 4.7875 2.5375 4 3.5 4Z' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.25 5.75L10.5 11.875L1.75 5.75' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}


@media (max-width: 639px) {
	.uk-article-title {
		font-size: 26px;
	}

	.zmap_wrapper .zmap {
		height: 50vh !important;
		min-height: unset !important;
		max-height: unset !important;
	}

	.zmap_wrapper .zmap_buttons button {
		width: 49%;
		font-size: 14px !important;
		white-space: nowrap;
		padding: 5px;
	}

	.zmap_wrapper .zmap_wrapper_inner {
		display: flex;
		flex-direction: column-reverse;
	}

	.zmap_wrapper .zmap_forms .form-item {
		margin-left: 0px !important;
		margin-right: 0px !important;
		width: 100% !important;
		margin-top: unset !important;
	}

	.zmap_wrapper .leaflet-popup-content .post ul {
		padding-left: 0px;
	}

	.zmap_wrapper .leaflet-popup-content .post li {
		list-style: none;
		text-align: center;

	}

	.zmap_wrapper .leaflet-popup-content .post li span {
		font-size: 12px !important;
	}

	.zmap_wrapper .leaflet-popup-content .post li:not(:first-child) {
		display: none;
	}
}

.item-lang {
	display: none;
}


.item-lang.active {
	display: block;
}

.wp-caption-text {
	text-align: center;
}

@media (min-width: 640px) {

	/* width */
	.zmap_wrapper .zmap_forms .posts::-webkit-scrollbar {
		width: 7px;
		border-radius: 3px;
		;
	}

	/* Track */
	.zmap_wrapper .zmap_forms .posts::-webkit-scrollbar-track {
		background-color: lightgray;
		border-radius: 3px;
		;
	}

	/* Handle */
	.zmap_wrapper .zmap_forms .posts::-webkit-scrollbar-thumb {
		background: #EC1C24 !important;
	}

	/* Handle on hover */
	.zmap_wrapper .zmap_forms .posts::-webkit-scrollbar-thumb:hover {
		background: #b30000;
	}
}