/*
Theme Name: Flatsome Child
Description: NamKiem developed for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.11.3
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

body p {
	font-size: 15px !important;
}

.header-top .nav-center li.html i {
	font-size: 16px;
}

.header-top .nav-center li.html span {
	font-size: 15px;
}

.container {
	max-width: 1200px !important;
}

ul#chinh-sach {
	list-style-type: none;
}

ul#chinh-sach li b {
	color: #E67E22;
}

.div-uu-dai {
	border-width: 2px;
	border-color: #edae44;
	border-style: solid;
	padding: 20px;
	/* background-color: #ffffff; */
	border-radius: 5px;
}

.div-uu-dai p {
	color: red;
	text-transform: uppercase;
	font-size: 19px;
}

.section-thong-tin .text-box .text {
	background-color: rgba(0, 84, 146, 0.73) !important;
	color: white !important;
}

.section-thong-tin .text-box .text h3 {
	color: white;
}

.section-tin-tuc .post-title {
	min-height: 57px;
}

.section-tin-tuc .from_the_blog_excerpt {
	font-size: 14px;
	min-height: 66px;
}

.section-tin-tuc {
	border-top: 2px solid #DB8927;
}

.section-tin-tuc .box,
.section-tin-tuc .box-image {
	border-radius: 8px;
}

.section-slide .div-slide .row-slide {
	padding: 50px;
}

.section-slide .div-slide .is-selected {
	padding: unset !important;
}

.section-tien-ich .banner-layers {
	max-width: 1920px;
}


.section-tien-ich .flickity-prev-next-button {
	display: none;
}

.section-vi-tri-moi .slider-item-home {

	color: #fff;
	background: url(images/map-text-bg.png) no-repeat;
	background-size: 100% 100%;
}

.section-vi-tri-moi .slider-item-home .description {
	padding: 40px 20px 40px 40px;
}

.section-vi-tri-moi .slider-item-home h2 {
	color: white;
	border-bottom: 2px solid #fff;
	padding-bottom: 8px;
	margin-bottom: 10px;
	line-height: 1.5em;
	font-size: 18px;
}

.section-vi-tri-moi .slider-item-home p {
	line-height: 1.8em;
	text-align: justify;
}

.section-vi-tri-moi .slider-item-home .map-more {
	display: none;
	color: #fff;
	text-decoration: underline;
}

body p {
	font-size: 16px;
}

.header-nav-main li a {
	font-size: 14px;
	font-weight: normal !important;
	padding: 0px 15px;
}

.spu-content .div-lien-he h4 {
	color: white;
}

.spu-content .div-submit {
	text-align: center;
}

.spu-content .wpcf7-submit {
	background: #EE9E0A;
}

.section-loi-the h3 {
	padding-bottom: 20px;
}

.section-title-center {
	margin-bottom: 0px;
}

.section-vi-tri-moi .medium-4 {
	padding-left: 0px !important
}

.section-lien-he {
	background-color: #005492 !important;

	background-repeat: no-repeat;
	background-position: bottom;
}

/*.absolute-footer{*/
/*	background: black !important*/
/*}*/
.absolute-footer .copyright-footer {
	color: white !important;
}

.copyright-footer {
	font-size: 16px;
}

.section-tien-do .fa-bookmark {
	color: #e74c3c
}

.section-tien-do .fa-money {
	color: #27ae60
}

.section-mat-bang .tabbed-content li {
	margin-right: 0px;
}

.section-mat-bang .tab-panels {
	text-align: center;
}

.section-mat-bang .tabbed-content li a {
	margin-right: 0px !important;
	font-weight: normal !important;

	border: 1px solid #08488a !important;
	border-radius: 0px 0px 0 0 !important;
	background-color: #1b5b9d !important;
	color: #ffffff !important;
	padding: 11px 18px 11px 18px !important;
	text-decoration: none !important;
	font-size: 16px !important;
	text-align: center !important;

}

.section-mat-bang .tabbed-content li a span:before {
	content: "\f15c";
	font-family: fontawesome;
	padding-right: 4px;
}

.section-mat-bang .tabbed-content li a:hover {}

.section-gia-ban i.fa-star {
	color: #f1c40f
}

.dang-ky-ngang .wpcf7-text {
	border-radius: 30px
}

.dang-ky-ngang .wpcf7-submit {
	border: 1px solid;
	background: transparent;
	padding: 0px 40px;
	border-radius: 30px
}

.section-loi-the .icon-box-text {
	text-align: center;
}

.div-tron-bo {
	background: #3498db;
	padding: 20px;
	margin-bottom: 40px;
}

.div-tron-bo h3 {
	color: white;
}

.dang-ky-ngang {

	margin: 0px !important;

}

.dang-ky-ngang .div-nho {
	padding: 0px 15px;

}

.flex-right ul li {
	padding: 0px 10px !important;

}

.flex-right ul li a {
	text-transform: initial !important;
	font-size: 16px;
}

/*Màu sắc button*/
.social-button,
.social-icons .button.icon:not(.is-outline),
.social-icons .button.icon:hover {
	background-color: currentColor !important;
	border-color: currentColor !important;
}

.text-center .social-icons {
	display: flex;
}

.button.facebook,
.button.facebook:not(.is-outline),
.button.facebook:hover {
	color: #fff;
	background-color: #446084;
	border-color: #446084;
}

.button.twitter,
.button.twitter:not(.is-outline),
.button.twitter:hover {
	color: white !important;
	background: #2478ba !important;
	border-color: #2478ba;
}

.button.email,
.button.email:not(.is-outline),
.button.email:hover {
	color: #fff;
	background-color: black !important;
	border-color: black !important;
}

.button.pinterest,
.button.pinterest:not(.is-outline),
.button.pinterest:hover {
	color: #fff !important;
	background-color: #cb2320 !important;
	border-color: #cb2320 !important;
}

.button.google-plus,
.button.google-plus:not(.is-outline),
.button.google-plus:hover {
	color: #fff !important;
	background-color: #dd4e31 !important;
	border-color: #dd4e31 !important;
}

.button.linkedin,
.button.linkedin:not(.is-outline),
.button.linkedin:hover {
	color: #fff !important;
	background-color: #0072b7 !important;
	border-color: #0072b7 !important;
}

.single-date {
	border-bottom: 1px dashed #ededed;
}

h1.entry-title {
	font-size: 24px !important;
}

/*Kết thúc màu sắc*/



footer.entry-meta {

	border-top: none !important;
	border-bottom: 1px dashed #ececec !important;

}

/* footer */
.title-menu {
	color: white;
}

footer .ux-menu.ux-menu--divider-solid .ux-menu-link:not(:last-of-type) .ux-menu-link__link {
	border-bottom: none;
}

footer .ux-menu-link__link {
	color: white;
}

.entry-content img {
	width: auto !important
}

.duong-line {
	background: rgba(0, 0, 0, 0) url(images/line.png) repeat scroll 0 0;
	height: 12px;
	margin-top: 5px;
	overflow: hidden;
}

.related-post h7 {
	font-weight: bold;
	font-size: 18px;
	float: left;
	margin: -8px 20px 0 0;
}

.section-vi-tri h3,
.section-vi-tri h4 {
	color: rgba(238, 158, 10, 1)
}

.section-vi-tri p {
	color: white;
	font-size: 15px !important;
}

/*Nut goi dien thoai*/
.call-now {
	left: 0;
	bottom: 51px;
	height: 50px;
	min-width: 200px;
	position: fixed;
	background-color: #e67e22;
	border-radius: 0 25px 25px 0;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .8);
	z-index: 998;
}

.tai-lieu {
	padding: 5px;
	right: 0;
	bottom: 25px;
	/* height: 50px; */
	min-width: 200px;
	position: fixed;
	background-color: #e67e22;
	/* border-radius: 0 25px 25px 0; */
	box-shadow: 0 1px 2px rgba(0, 0, 0, .8);
	z-index: 998;
}

.tai-lieu a {
	color: white;
}

.back-to-top {
	bottom: 73px !important;
}

.call-now .btn-call-now i {
	position: absolute;
	color: #e67e22;
	background-color: #fff;
	font-size: 35px;
	right: 0;
	height: 50px;
	width: 50px;
	line-height: 50px;
	text-align: center;
	border-radius: 50%;
	border: 1px solid #e67e22;
}

.call-now .btn-call-now p {
	color: #fff;
	font-size: 14px;
	min-width: 150px;
	text-align: center;
	vertical-align: middle;
	display: inline-block;
}

.call-now .btn-call-now strong {
	display: block;
	font-size: 18px;
}

.section-lien-he .wpcf7-form .wpcf7-text {
	background-color: transparent !important;
	color: white !important
}

.section-lien-he .wpcf7-form .wpcf7-submit {
	background-color: rgb(238, 158, 10);
}

.section-lien-he .wpcf7-form .div-submit {
	text-align: center;
}

.section-lien-he input.wpcf7-text::-webkit-input-placeholder {
	color: white !important;
}

div.wpcf7-mail-sent-ok {
	color: white;
	border: 2px solid rgb(238, 158, 10);
}

.div-lien-he {
	text-align: center;
}

.div-lien-he h4 {}

.section-cam-ket img {
	margin-bottom: 0px !important
}

.div-lien-he p i {
	font-size: 68px;
	border-radius: 50%;
	background: rgb(238, 158, 10);
	color: white;
	padding: 10px;
}

.section-doi-tac .box-text {
	text-align: center;
	font-weight: bold;
}

#tong-quan {
	margin-top: -100px;
}

#post-228 .single-page h4 a {
	color: green;
	text-decoration: underline;
}

@media only screen and (max-width: 48em) {
	/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

@media(min-width: 1023px) {
	.home h1 {
		font-size: 40px;
	}

	.home h3 {
		font-size: 30px;

	}
}

@media(max-width: 481px) {
	.section-tien-ich .text-box .text {
		background-color: rgba(0, 84, 146, 0.73) !important;
		color: white;
	}

	.section-gold .banner .text-box {
		text-align: justify;
		padding: 10px;
	}

	.section-gold .banner {
		min-height: 450px;
	}

	.section-mat-bang .tabbed-content li {
		width: 100%;
	}

	.section-mat-bang .tabbed-content li a {
		width: 100%;
	}

	.tai-lieu {

		bottom: -9px !important;

		min-width: 90px !important;

	}
}

@media(min-width: 769px) {

	.section-lien-he .wpcf7-form {
		width: 500px;
		margin: auto;
	}

}

@media(max-width: 481px) {
	.section-tien-ich .text-box {
		width: 90% !important;
	}
}

@media(min-width: 1023px) {
	.section-tien-ich .text-box .text {
		background: transparent !important;
		box-shadow: none !important;
	}

	.section-tien-ich .text-box {
		height: 100%;
		background: url(images/intro-bg.png) no-repeat;
		background-position: top right;
		background-size: cover;
		height: calc(100vh);
		width: 450px;
		z-index: 1;
		position: absolute;
		padding-top: 7%;
		padding-left: 30px;
		padding-right: 120px;
		color: #fff;
		bottom: 0;
		left: 0;
	}

	.section-tien-ich .flickity-prev-next-button {
		display: none;
	}

	.section-vi-tri-moi .slider-item-home {
		margin-top: 50px;
		position: absolute;
		right: 10%;
		top: 20%;
		width: 420px;
		color: #fff;
		background: url(images/map-text-bg.png) no-repeat;
		background-size: 100% 100%;
	}
}



/* Top bar */

#top-bar {
	font-size: 20px;

}

#top-bar a {
	color: white;
}

#top-bar span {
	font-weight: 500;
}

#top-bar b {
	font-weight: 700;
}

.nav-divided>li+li>a:after {
	border-left: none;
}

#top-bar .contact_topbar {
	margin-left: 50px;
}

/*#logo{*/
/*	display: none;*/
/*}*/

/*
@media (min-width: 992px) {
	#logo {
		display: none;
	}
}
*/

/* Menu */
.header-main .nav>li>a {
	font-weight: bold !important;
	padding-left: 0;
	padding-right: 75px;
}

.header .header-search a {
	padding-right: 0 !important;
}

.header .header-search .nav-dropdown {
	padding: 0;
	top: 94px;
	right: 0 !important;
}

.header .header-search {
	position: relative;
	height: 94px;
	display: flex;
}

.header .header-search .nav-dropdown .header-search-form {
	padding: 0 !important;
}

.header .header-search input {
	border: 1px solid white;
	background: #333;
	font-size: 14px;
	height: 40px;
	color: white;
}

.nav-dropdown-has-border .nav-dropdown {
	border: none !important;
	box-shadow: none;
}

.header-search .nav-dropdown .header-search-form button {
	background-color: #939393;
}

/* Banner */
.banner {
	/*padding-top: 0 !important;*/
}

@media (max-width: 1700px) and (min-width: 1200px) {
	.banner .content_banner img>a {
		width: 350px;
		margin-bottom: 30px;
	}
}

.banner .content_banner a img {
	width: auto;
	height: auto;
	margin-bottom: 30px;
}

.banner .content_banner h3 {
	font-family: "Montserrat", sans-serif;
	font-weight: 700;
	font-size: 50px;
	color: #939393;
	margin: 0 0 25px;
	text-transform: uppercase;
}

.banner .content_banner p {
	font-family: "Montserrat", sans-serif;
	font-size: 24px;
	font-weight: 400;
	color: #fff;
}

.banner .content_banner a.button {
	display: inline-block;
	padding: 20px 75px;
	font-size: 15px;
	font-family: "Montserrat", sans-serif;
	font-weight: 600;
	color: #fff;
	border: 1px solid #939393;
	background: #939393;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	transition: all ease 0.3s;
}

/* Giới thiệu */
@media (max-width: 1900px) and (min-width: 1200px) {
	.section_about .box_welcome {
		padding: 80px 0 80px 80px;
	}
}

.section_about .box_welcome p:first-child {
	display: block;
	font-family: "Montserrat", sans-serif;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #fff;
}

@media (max-width: 1599px) and (min-width: 1200px) {
	.section_about .box_welcome h2 {
		margin: 10px 0 20px;
		font-size: 40px !important;
	}
}

.section_about .box_welcome h2 {
	font-family: "Oswald", sans-serif;
	font-size: 46px;
	font-weight: 400;
	margin: 10px 0 35px;
	color: #939393;
	text-transform: uppercase;
}

.section_about .box_welcome p.p {
	color: #939393;
	font-style: italic;
}

.section_about .box_welcome p {
	display: block;
	margin: 0 0 15px;
	text-align: justify;
	font-family: "Montserrat", sans-serif;
	font-weight: 500;
	line-height: 22px;
	font-size: 15px;
	color: #fff;
}

.button_main {
	display: inline-block;
	padding: 20px 65px;
	font-size: 15px;
	font-family: "Montserrat", sans-serif;
	font-weight: 600;
	color: #fff;
	border: 1px solid #939393;
	background: #939393;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	transition: all ease 0.3s;
	text-align: center;
}

.button_main {
	margin-bottom: 0;
}

.section_about>.section-content {
	display: flex;
}

.section_about {
	position: relative;
}

.section_about:before {
	content: "";
	background-image: url("/wp-content/uploads/2026/01/474464423_122129881274578878_2345205392825657282_n.jpg");
	position: absolute;
	top: 0px;
	left: 0;
	background-position: center top;
	background-size: cover;
	background-repeat: no-repeat;
	z-index: 9999999999999999999999;
	background-color: red;
	height: 100%;
	width: 50%;
}

.about_contentt {
	/*justify-content: flex-end;*/
}


/* section service */
.section_service .section-title .section-title-main {
	position: relative;
	padding: 0 0px 30px 0;
	display: block;
	text-transform: uppercase;
}

.section_service .title {
	color: white !important;
	position: relative;
	padding: 0 0px 30px 0;
	display: block;
	text-transform: uppercase;
	font-family: "Oswald", sans-serif;
	letter-spacing: 0;
	font-size: 38px;
	margin: 0;
	font-weight: 400;
	display: block;
	position: relative;
	color: #2E2E2E;
}

.section_service a.title:hover span {
	color: #939393;
}

.section_service a.title {
	line-height: 0;
}

.section .title span:before {
	content: "";
	width: 51px;
	height: 13px;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-os-transform: translateX(-50%);
	background-image: url("/wp-content/uploads/2022/11/bg-title.png");
}


.section_service .section-content .des {
	color: #fff;
	padding: 0 150px;
	font-family: "Montserrat", sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 22px;
	margin-top: 20px;
	display: block;
}

.section_service .box-blog-post {
	position: relative;
}

.section_service .box-text {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
}

.section_service .box-text {
	display: none;
}

.section_service .post_section .post-item a:hover .box-text {
	display: block;
	transition: all .25s linear;
}

.section_service .box-text h5 {
	font-family: "Montserrat", sans-serif;
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	margin: 0 0 10px;
	text-transform: uppercase;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	white-space: unset;
	color: #fff;
}

.section_service .box-text h5:hover {
	color: #939393;
}

.section_service .box-text p {
	font-size: 12px;
	font-family: "Montserrat", sans-serif;
	color: #fff;
	line-height: 20px;
	font-weight: 400;
	word-break: break-word;
	margin-bottom: 0;
}

.section_service .blog-post-inner {
	position: absolute;
	top: 50%;
	transform: translateY(-25%);
}

.section_service:before {
	content: '';
	background-image: url("/wp-content/uploads/2022/11/pen_tattoo.png");
}

.post_section .box-image .image-cover {
	padding-bottom: 160px !important;
}

.section_service .blog-post-inner {
	position: relative;
}

.section_service .blog-post-inner:before {
	content: '';
	position: absolute;
	background-image: url("/wp-content/uploads/2022/11/pen_tattoo.png");
	background-repeat: no-repeat;
	width: 65px;
	height: 50px;
	top: -50%;
	left: 50%;
	transform: translate(-50%)
}






/* banner2 */
.section_banner2 .text {
	text-align: justify;
	font-family: "Montserrat", sans-serif;
	font-weight: 700;
	font-size: 40px !important;
	text-transform: uppercase;
	width: 79%;
	color: #fff;
	display: inline-block;
	float: left;
	position: relative;
	margin-bottom: 0;
}

.section_banner2 .text strong {
	font-size: 50px;
	color: #939393;
}

.section_banner2 .col.left {
	padding-bottom: 0;
}

.section_banner2 .col.right {
	padding-bottom: 0;
	margin: auto;
}


/* Tác phẩm của shop */
.section-title-normal {
	border-bottom: none;
}

.section-title-normal span {
	border-bottom: none;
	margin-bottom: 0;
	margin-right: 0;
	padding-bottom: 0;
}

.title.title-main .section-title {
	display: flex;
	justify-content: center;
	color: #2E2E2E;
	position: relative;
	padding: 0 0px 30px 0;
	text-transform: uppercase;
	font-size: 38px;
	margin: 0;
	font-weight: 400;
}

.tacphamcuashop ul {
	margin: 0;
	padding: 0;
	text-align: center;
	display: flex;
	position: relative;
	margin-bottom: 60px;
	border-bottom: 1px solid #cccccc;
}

.tacphamcuashop ul li {
	position: relative;
	line-height: 15px;
	margin: 0 40px 0 0;
	background: transparent;
	border: 0;
	display: inline-block;
	text-align: center;
	font-size: 15px;
	padding: 0 0 10px;
	text-transform: uppercase;
	font-weight: 600;
	font-family: "Montserrat", sans-serif;
	cursor: pointer;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	transition: all ease 0.3s;
}

.tacphamcuashop ul li a {
	padding: 0;
	color: #2e2e2e;
}

.nav-line-bottom>li>a:before,
.nav-line-grow>li>a:before,
.nav-line>li>a:before {
	height: 1.5px;
}

.nav-column li.active>a,
.nav-column li>a:hover,
.nav-dropdown li.active>a,
.nav-dropdown>li>a:hover,
.nav-vertical-fly-out>li>a:hover,
.nav>li.active>a,
.nav>li.current>a,
.nav>li>a.active,
.nav>li>a.current,
.nav>li>a:hover {
	color: #939393;
}

.tab_img .tab-panels .panel.active {
	display: flex !important;
	gap: 10px;
	flex-wrap: wrap;
}

@media (min-width: 1200px) {
	.tab_img .img-inner img {
		height: 375px;
	}
}

.tab_img .img .img-inner {
	height: 375px;
}

.tab_img .img>a:hover:before {
	display: block;
}

.tab_img .img>a:before {
	content: "";
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(233, 140, 46, 0.5);
	height: 100%;
	width: 100%;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	transition: all ease 0.3s;
	z-index: 9;
}

/* Báo giá dịch vụ */
/*.section_service .box_service {*/
/*	padding: 45px 55px;*/
/*	border: 1px solid #d2d2d2;*/
/*}*/
/*.section_service .box_service h3 {*/
/*	font-family: "Montserrat",sans-serif;*/
/*	font-size: 24px;*/
/*	line-height: 28px;*/
/*	font-weight: 700;*/
/*	text-transform: uppercase;*/
/*	color: #2e2e2e;*/
/*	position: relative;*/
/*	padding: 0 0 20px;*/
/*	margin: 0 0 20px;*/
/*}*/
/*.section_service .box_service h3:before {*/
/*	content: "";*/
/*	background: #c4c4c4;*/
/*	height: 2px;*/
/*	width: 60px;*/
/*	position: absolute;*/
/*	left: 0;*/
/*	bottom: 0;*/
/*}*/
/*.section_service .box_service .content_service p {*/
/*	font-family: "Montserrat",sans-serif;*/
/*	font-weight: 400;*/
/*	font-size: 16px;*/
/*	line-height: 22px;*/
/*	font-weight: 400;*/
/*	color: #2e2e2e;*/
/*	margin: 0 0 40px;*/
/*}*/
/*.section_service .box_service .content_service p b {*/
/*	font-weight: 700;*/
/*	font-size: 20px;*/
/*	display: block;*/
/*	margin: 0 0 5px;*/
/*}*/
/*.section_service .box_service:hover{*/
/*	border: 3px solid #939393;*/
/*	transition: .2s linear;*/
/*}*/
/*.section_service .box_service:hover .section-title-main{*/
/*	color: #939393;*/
/*}*/
/*.button_main:hover {*/
/*	border-color: #939393 !important;*/
/*	background: #fff !important;*/
/*	color: #939393 !important;*/
/*}*/
/*.button:hover, .dark .button.is-form:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover{*/
/*	box-shadow: unset;*/
/*}*/
/*.section_service .title.title-main .section-title{*/
/*	padding-bottom: 0;*/
/*}*/
/*.section_service .title-main{*/
/*	padding-bottom: 20px !important;*/
/*}*/
/*@media screen and (min-width: 850px)*/
/*{*/
/*	.large-4 {*/
/*		flex-basis: 32.433333%;*/
/*		max-width: 32.433333%;*/
/*	}*/
/*}*/
/*.section_service .col_service .row{*/
/*	gap: 15px;*/
/*}*/
/*.section_banner2 .text{*/
/*	margin: auto;*/
/*}*/
/*.section_banner2 .left{*/
/*	padding-bottom: 0;*/
/*}*/
/*.section_banner2 .right{*/
/*	margin: auto;*/
/*	padding-bottom: 0;*/
/*}*/
/*.section_banner2 .right .button{*/
/*	margin-bottom: 0;*/
/*}*/
/*.des_white{*/
/*	color: white !important;*/
/*}*/
/*.main-color{*/
/*	color: #939393 !important;*/
/*}*/

.section_price_service .bang_gia .col-inner {
	padding: 46px 55px;
	border: 1px solid #d2d2d2;
}

.section_price_service .bang_gia .col-inner:hover {
	border: 3px solid #939393;
	padding: 44px 53px;
}

.section_price_service .bang_gia .col-inner:hover .section-title {
	color: #939393;
}

.section_price_service .bang_gia .section-title {
	font-family: "Montserrat", sans-serif;
	font-size: 24px;
	line-height: 28px;
	font-weight: 700;
	text-transform: uppercase;
	color: #2e2e2e;
	position: relative;
	padding: 0 0 20px;
	margin: 0 0 20px;
}

.section_price_service .bang_gia .section-title-container {
	margin-bottom: 0;
}

.section_price_service .bang_gia .section-title:before {
	content: "";
	background: #c4c4c4;
	height: 2px;
	width: 60px;
	position: absolute;
	left: 0;
	bottom: 0;
}

.section_price_service .bang_gia .content_service p {
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	font-weight: 400;
	color: #2e2e2e;
	margin: 0 0 40px;
}

.section_price_service .bang_gia .content_service p b {
	font-weight: 700;
	font-size: 20px;
	display: block;
	margin: 0 0 5px;
}

.section_price_service .bang_gia .btn-booking span {
	display: inline-block;
	padding: 10px 40px;
	font-size: 15px;
	font-family: "Montserrat", sans-serif;
	font-weight: 700;
	color: #fff;
	border: 1px solid #939393;
	background: #939393;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	transition: all ease 0.3s;
}

.section_price_service .bang_gia .btn-booking span:hover {
	border-color: #939393;
	background: #fff;
	color: #939393;
}








/* artist */
.artist .section-title-main {
	color: white;
}

.artist .box-text h4 {
	font-size: 16px;
	line-height: 22px;
	font-weight: 600;
	text-transform: uppercase;
	margin: 15px 0 5px;
}

.artist .box-text p {
	font-size: 16px;
	font-style: italic;
	line-height: 22px;
	font-weight: 500;
	margin-bottom: 15px;
	display: block;
}

.artist .social-icons .button.facebook,
.button.facebook:not(.is-outline),
.button.facebook:hover {
	background-color: #939393;
	/*border-color: #446084;*/
}

.artist .social-icons .button.is-outline,
input[type=button].is-outline,
input[type=reset].is-outline,
input[type=submit].is-outline {
	border: none;
}

.artist .social-icons .circle,
.circle img {
	border-radius: unset !important;
}

.social-icons i {
	font-size: 25px;
	padding: 10px;
	height: 40px;
	width: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #939393;
	color: white;
}

.social-icons i:hover {
	background-color: white;
	color: #939393;

}

.section_form .social-icons {
	display: flex;
}

.artist .social-icons .button.facebook:hover,
.button.facebook:not(.is-outline) {
	background: white;
	color: #939393;
	border-color: none;
}

/* Quy trình */
.line:before {
	content: "";
	width: 60%;
	height: 1px;
	top: 28%;
	position: absolute;
	left: -90px;
	background: #c4c4c4;
	width: 60%;
	z-index: -1;
}

.section_quytrinh .box-image img {
	margin-bottom: 30px;
}

.section_quytrinh .box-text h4 {
	font-weight: 700;
	font-size: 18px;
	line-height: 24px;
	color: #000000;
	text-transform: uppercase;
}


/* foodter */

.block_text {
	display: flex;
}

.icon_text {
	width: 17px;
	height: 17px;
	background: #939393;
	margin-top: 5px;
	margin-right: 15px;
}

.block_text i {
	width: 100%;
	color: white;
	height: 100%;
	font-size: 10px;
	padding: 10px;
	background: #939393;
	display: flex;
	align-items: center;
	justify-content: center;
}

.block_text .content_contact a {
	font-size: 24px;
	line-height: 29px;
	font-weight: 600;
	color: #939393;
}

.block_text .content_contact a:hover {
	color: white;
}

.content-footer h4 {
	font-family: "Montserrat", sans-serif;
	margin: 0;
	font-weight: 700;
	letter-spacing: 0.5px;
	font-size: 16px;
	line-height: 35px;
	color: #ffffff;
	padding: 18px 0 10px;
}

.content-footer ul {
	list-style-type: none;
}

.content-footer ul li {
	margin-left: 0;
	margin-bottom: 0;
}

footer .ux-menu-link__link {
	font-family: "Montserrat", sans-serif;
	font-size: 15px;
	color: #fff;
	font-weight: 400;
	line-height: 35px;
	position: relative;
	-webkit-transition: all ease 0.2s;
	-moz-transition: all ease 0.2s;
	-ms-transition: all ease 0.2s;
	-o-transition: all ease 0.2s;
	transition: all ease 0.2s;
}

footer .ux-menu-link:hover span {
	color: #939393;
}

.content-footer .social {
	display: flex;
}

.content-footer .social i {
	color: white;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.social i {
	padding: 10px;
	background: #939393;
	margin-right: 5px;
	font-size: 25px;
}

.social i:hover {
	background: white;
	color: #939393;
}



/* Section tin tức */

.section_news .post-title {
	font-family: "Montserrat", sans-serif;
	font-size: 18px;
	line-height: 28px;
	margin: 0 0 20px;
	display: block;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	white-space: unset;
	max-height: 64px;
	text-overflow: ellipsis;
	overflow: hidden;
	color: #494949;
	font-weight: 700;
}

.section_news .post-title {
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 25px;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	height: 50px;
}

.section_news .post-title:hover {
	color: #939393;
}

.box-text p {}

.section_news .box-text-inner button {
	position: relative;
	font-family: "Montserrat", sans-serif;
	color: #494949;
	font-size: 15px;
	font-weight: 600;
	display: inline-block;
	text-transform: capitalize;
}

.section_news .box-text-inner button:after {
	content: '>>';
	position: absolute;
	padding-left: 5px;
}

.section_news .box-text-inner button:hover {
	color: #939393;
}

/*.section_news a:hover {*/
/*	color: #334862*/
/*}*/



/*.row.row-main{*/
/*	max-width: 100%;*/
/*}*/
/*.row.row-main .col{*/
/*	padding: 0;*/
/*}*/
/*div#content {*/
/*	padding-top: 0;*/
/*}*/



/* Page liên hệ */

.page_lienhe {}

.title_basic .section-title {
	text-align: center;
	font-family: "Montserrat", sans-serif;
	font-size: 24px;
	line-height: 29px;
	color: #494949;
	margin: 0 0 30px;
	text-transform: uppercase;
	font-weight: 700;
	display: flex;
	justify-content: center;
}

.section_form .title_basic {
	margin-bottom: 0;
}

.section_form .title_basic .section-title {
	margin-bottom: 0;
}


.section_form .left .section-title-main {
	font-family: "Montserrat", sans-serif;
	font-size: 20px;
	line-height: 14px;
	font-weight: 700;
	text-transform: uppercase;
	color: #494949;
	margin: 0 0 15px;
}

.section_form .left .section-title-container {
	margin-bottom: 0;
}

.section_form .left input:not([type=submit]),
.section_form .left textarea {
	height: 60px;
	border-radius: 0px;
	background-color: #fff;
	outline: none;
	color: #656565;
	line-height: 60px;
	font-size: 15px;
	position: relative;
	padding: 0px 15px 0 40px;
	border: 1px solid #e3e3e3;
	display: block;
	width: 100%;
	margin: 0;
	margin-bottom: 20px;
	box-shadow: none;
}

.section_form .left input::placeholder,
.section_form .left textarea::placeholder {
	color: black;
	font-weight: 100;
}

.section_form .left input[type=tel],
.section_form .left input[type=email] {
	width: 100%;
}

.form_ {
	display: flex;

}

.section_form .left .btn-submit input {
	height: 60px;
	line-height: 60px;
	padding: 0 25px;
	color: #fff;
	background: #939393;
	border: 1px solid #939393;
	border-radius: 0px;
	font-family: "Montserrat", sans-serif;
	font-size: 15px;
	font-weight: 600;
	transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
	display: inline-block;
	position: relative;
	margin-top: 20px;
	text-transform: none;
}

.section_form .left .btn-submit input:hover {
	background: white;
	color: #939393;
}

.section_form .right h3 {
	font-family: "Montserrat", sans-serif;
	font-weight: 600;
	font-size: 16px;
	line-height: 20px;
	font-weight: 700;
	color: #494949;
	text-transform: uppercase;
	margin: 30px 0 35px;
}

.form_contact {
	margin-bottom: 20px;
}

.form_contact a {
	font-size: 21px;
	line-height: 26px;
	font-weight: 700;
	color: #939393;

}

.form_contact a:hover {
	color: black;
}


.page_datlich input,
.page_datlich textarea,
.page_datlich select {
	height: 60px;
	border-radius: 0px;
	background-color: #fff;
	outline: none;
	color: #656565;
	line-height: 60px;
	font-size: 15px;
	position: relative;
	padding: 0px 15px 0 40px;
	border: 1px solid #e3e3e3;
	display: block;
	width: 100%;
	margin: 0;
	margin-bottom: 20px;
	box-shadow: none;
}

.phone_booking {
	display: block;
	font-family: "Montserrat", sans-serif;
	font-size: 16px;
	font-weight: 400;
	margin-top: 15px;
	color: #494949;
}

.phone_booking a {
	font-size: 22px;
	color: #939393;
	font-weight: 700;
}

.service_booking_bottom {
	background: #f3f3f3;
	height: 239px;
	margin-top: 200px;
}

.service_booking_bottom .service_booking {
	background-image: url("/wp-content/uploads/2022/11/bg-booking.webp");
	padding: 40px 50px;
	/*background-repeat: no-repeat;*/
	/*background-position: center center;*/
	/*position: absolute;*/
	/*top: -165px;*/
	/*background-size: cover;*/
	/*margin: 0 15px;*/
	/*left: 0;*/
	/*position: absolute;*/
	margin-top: -200px;
}

.service_booking_bottom .service_booking .col-service h4 {
	text-transform: uppercase;
	color: #939393;
	font-weight: 700;
	font-family: "Montserrat", sans-serif;
	margin: 0 0 15px;
	font-size: 20px;
}

.service_booking_bottom .service_booking .col-service p {
	font-family: "Montserrat", sans-serif;
	font-weight: 500;
	font-size: 15px;
	line-height: 22px;
	color: #ffffff;
	opacity: 0.7;
}


/*.header-main .header-nav > li{*/
/*	float: left;*/
/*	margin-right: 15px;*/
/*}*/

/*.header-main .header-nav >li>a{*/
/*	text-transform: none;*/
/*}*/

.header-main .header-nav li {
	position: relative;
}

.sub-menu.nav-dropdown.nav-dropdown-default a {
	padding: 10px;
	line-height: 20px;
	display: inline-block;
}

.header-main .header-nav .sub-menu {
	display: none;
	position: absolute;
	top: -5px;
	left: 235px;
	width: 200px;
	background-color: white;
	padding: 5px 10px 5px 0;
}

.header-main .header-nav li:hover>.sub-menu {
	display: block;
}

.header-main .header-nav>li>.sub-menu {
	top: 94px;
	left: 0;
}

.header-main .header-nav>li>.sub-menu a {
	font-weight: 400;
	font-size: 14px;
	line-height: 26px;
	display: block;
	/*color: #2e2e2e;*/
	position: relative;
	text-align: left;
	padding: 10px 15px;
	border-bottom: solid 1px #e5e6ec;
}

.nav-dropdown-has-arrow li.has-dropdown:before {
	border: 0 !important;
}

.nav-dropdown-has-arrow li.has-dropdown:after {
	border-color: unset !important;
}

.nav-dropdown-has-arrow li.has-dropdown:after,
.nav-dropdown-has-arrow li.has-dropdown:before {
	border: none;
}

.nav-dropdown .menu-item-has-children>a,
.nav-dropdown .nav-dropdown-col>a,
.nav-dropdown .title>a {
	text-transform: none;
}

/*.header-main .header-nav .sub-menu{*/
/*	position: relative;*/
/*}*/
.nav-dropdown>li.image-column,
.nav-dropdown>li.nav-dropdown-col {
	min-width: 260px;
}



/* Page about */
.page_about-title {
	font-size: 30px;
}

.page_about-title span {
	text-transform: capitalize;

}

@media screen and (min-width: 850px) {
	.blog_news .post-item .box-image {
		flex-basis: 50%;
		max-width: 50%;
	}

	.blog_news .box-text {
		flex-basis: 50%;
		max-width: 50%;
	}

	.blog_news .box-text-bottom {
		display: flex;
	}
}

.blog_news .box-image .image-cover {
	padding-top: 75% !important;
}

.blog_news .post-item .box-text {
	text-align: left;
	padding-left: 20px;
}

.blog_news .post-item .box-text .post-title {
	font-family: "Montserrat", sans-serif;
	font-size: 18px;
	line-height: 28px;
	margin: 0 0 15px;
	display: block;
	color: #494949;
	font-weight: 700;
}

.blog_news .post-item .box-text .post-title:hover {
	color: #939393;
}

.blog_news .post-item .box-text p {
	font-family: "Montserrat", sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
	color: #656565;
	word-break: break-word;
	margin-bottom: 0;
}

.blog_news .post-item .box-text button {
	position: relative;
	font-family: "Montserrat", sans-serif;
	color: #494949;
	font-size: 15px;
	font-weight: 600;
	display: block;
	text-transform: none;
}

.blog_news .post-item .box-text button:hover {
	color: #939393;
}

.blog_news .post-item .box-blog-post {
	padding-bottom: 50px;
	/*margin-bottom: 50px;*/
	border-bottom: 1px solid #e5e5e5;
}

.blog_news .post-item {
	padding-bottom: 0px;
}

.blog_news {
	padding-top: 30px !important;
}

.blog_news .box-text {
	padding-top: 0 !important;
}

.menu-sanpham {
	margin-top: 60px !important;
}

.menu-sanpham .menu {
	margin: 0;
	padding: 0;
	text-align: center;
	display: flex;
	margin-bottom: 60px;
	border-bottom: 1px solid #cccccc;
}

.menu-sanpham .menu li {
	position: relative;
	line-height: 20px;
	border: none;
	margin: 0 32px 0 0;
	background: transparent;
	border: 0;
	display: inline-block;
	text-align: center;
	font-size: 15px;
	padding: 0 0 10px;
	text-transform: uppercase;
	font-weight: 500;
	color: #2e2e2e;
	font-family: "Montserrat", sans-serif;
	cursor: pointer;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	transition: all ease 0.3s;

}

.menu-sanpham .menu li a {
	color: #2e2e2e;
	text-decoration: none;
	background: transparent;
}

.menu-sanpham .menu li:hover a {
	color: #939393;
}


.products .slider-sanpham .left {
	height: 475px;
	padding-right: 0;
}

.products .slider-sanpham .right {
	height: 475px;
	background-color: black;
}

.products .slider-sanpham .right {
	padding: 60px 70px;
}


.slider-sanpham .slide-prd-title {
	font-family: "Oswald", sans-serif;
	font-size: 46px;
	font-weight: 400;
	/*line-height: 55px;*/
	margin-bottom: 0 !important;
	margin-right: 0 !important;


}

.slider-sanpham .slide-prd-title span {
	text-transform: uppercase;
	color: #939393;
	font-weight: 400;
}

.slider-sanpham .slide-prd-text {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	/*display: -webkit-box;*/
	/*-webkit-box-orient: vertical;*/
	/*-webkit-line-clamp: 3;*/
	white-space: unset;
	margin: 15px 0;
}

.slider-sanpham .slide-prd-text p {
	font-family: "Montserrat", sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
	color: #656565;
	word-break: break-word;
	margin-bottom: 0;
	color: #fff;
	font-size: 15px;
	line-height: 22px;
}

.slider-sanpham .flickity-page-dots {
	left: 0 !important;
}

.slider-sanpham .slider-nav-light .flickity-page-dots .dot.is-selected,
.slider-nav-light.slider-nav-dots-simple .flickity-page-dots .dot {
	background-color: #939393;
}

.slider-sanpham .slider-nav-light .flickity-page-dots .dot {
	border: none;
}

.slider-sanpham .swiper_blog_first .swiper-pagination-bullets .swiper-pagination-bullet {
	box-shadow: none;
	outline: 0;
	width: 10px;
	height: 10px;
	background: #C4C4C4;
	border-radius: 50%;
	padding: 0;
	margin: 0 3px;
	font-size: 0;
	opacity: 1;
}

.slider-sanpham .slider-sanpham .slider-nav-light .flickity-page-dots .dot {
	border-color: #939393;
}

.slider-nav-light .flickity-page-dots .dot {
	/*border-color: #fff;*/
}

.slider-sanpham .slider-nav-light .flickity-page-dots .dot {
	background: #adadad;
}



.news_page-products .box-blog-post .box-text-inner h5 {
	font-family: "Montserrat", sans-serif;
	font-size: 18px;
	line-height: 28px;
	margin: 0 0 15px;
	display: block;
	font-size: 16px;
	text-transform: uppercase;
	color: #939393;
	font-weight: 600;

	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 25px;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	height: 50px;
}

.news_page-products .box-blog-post .box-text-inner h5:hover {
	color: black;
}


.news_page-products .box-blog-post .box-text-inner .from_the_blog_excerpt {
	font-family: "Montserrat", sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
	color: #656565;
	word-break: break-word;
	margin-bottom: 0;

	/*width: 100%;*/
	/*overflow: hidden;*/
	/*text-overflow: ellipsis;*/
	/*line-height: 25px;*/
	/*-webkit-line-clamp: 3;*/
	/*display: -webkit-box;*/
	/*-webkit-box-orient: vertical;*/
	/*height: 50px;*/
}

.prd_noibat .title h3 {
	color: white;
	font-family: "Oswald", sans-serif;
	letter-spacing: 0;
	font-size: 38px;
	margin: 0;
	font-weight: 400;
	display: block;
	position: relative;
	padding-bottom: 30px;
}

.prd_noibat .button {
	margin-top: 20px;
}


/* Feedback */
.slide_feedback .box .box-text-inner h4 {
	font-family: "Montserrat", sans-serif;
	font-weight: 700;
	font-size: 18px;
	line-height: 24px;
	color: #939393;
	margin: 15px 0;
}

.slide_feedback .box .box-text-inner p {
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	font-size: 15px;
	line-height: 22px;
	color: #fff;
	margin-bottom: 20px;
	display: block;
	text-align: justify;
}

.box_feedback {
	max-width: 600px !important;
}

.slide_feedback .col-inner .box-text.text-center {
	padding-left: 25px;
	padding-right: 25px;
}

.slide_feedback .box-image img {
	border-radius: 50%;
	border: 2px solid #939393;
}

.slide_feedback .slider .flickity-prev-next-button {
	/*background-color: #939393;*/
}

.slider-nav-light .flickity-prev-next-button .arrow,
.slider-nav-light .flickity-prev-next-button svg {
	background-color: #939393;
	border: none;
}

.slider-show-nav .flickity-prev-next-button,
.slider:hover .flickity-prev-next-button {
	opacity: 1 !important;
}

/*.slide_feedback .slider .flickity-prev-next-button svg:hover{*/
/*	background: white;*/
/*}*/





/* reponse */

@media(max-width: 991px) {
	.section_about .white-text {
		display: none !important;
	}

	.banner .content_banner h3 {
		font-size: 30px;
	}

	.banner .content_banner p {
		font-size: 18px;
	}

	.section_about .box_welcome h2 {
		font-size: 26px;
		margin: 10px 0 15px;
	}

	.box_welcome {
		padding: 25px 15px;
	}

	.section_about .col-inner {
		width: 95% !important;
	}

	.section_service .section-content .des {
		padding: 0 40px;
	}

	.tacphamcuashop ul {
		display: block;
		white-space: nowrap;
		overflow-x: auto;
	}

	.tacphamcuashop .tab_img .img {
		/*width: 32% !important;*/
	}

	.tacphamcuashop .tab_img .img .img-inner {
		height: 230px;
	}

	.tacphamcuashop .tab_img .img .img-inner img {
		height: 230px;
	}

	.section_banner2 .text {
		width: 100% !important;
		text-align: center;
		margin-bottom: 0;
	}

	.section_news .post-title {
		margin-top: 20px;
		-webkit-line-clamp: 1;
		height: 25px;
	}

	.section_news .box .box-text.text-left {
		border-bottom: 1px solid #999;
	}

	.section_news .box .box-text.text-left:last-child {
		border-bottom: none;
	}


}

@media(max-width: 767px) {
	.tophead .contact_header span {
		font-size: 13px;
		line-height: 16px;
	}

	.header-main .nav>li>a {
		padding-right: 25px;
	}

	.banner .content_banner h3 {
		font-size: 18px;
	}

	.banner .content_banner p {
		font-size: 10px;
	}

	.banner .content_banner a.button {
		font-size: 10px !important;
	}

	.section_about:before {
		content: none;
	}

	.section_about>.section-content {
		display: block;
	}

	.section_about .box_welcome p:first-child {
		text-align: center;
	}

	.button_main {
		font-size: 10px;
		padding: 10px 30px;
	}

	.title {
		font-size: 24px !important;
	}

	.section_service .section-content .des {
		padding: 0 5px;
	}

	.section_service .section-content .des p {
		text-align: justify;
		font-size: 15px;
	}

	.section_service .box-text {
		height: 40%;
		display: block !important;
	}

	.section_service .box-text {
		top: 60%;
	}

	.section_service .box-text h5 {
		padding-top: 10px;
	}


	/* arrow bottom */
	.feedback .section_service .slider-nav-push:not(.slider-nav-reveal) .flickity-prev-next-button {
		margin-top: 78%;
	}

	.section_service .flickity-prev-next-button .arrow,
	.flickity-prev-next-button svg {
		fill: white;
	}

	.section_service .row-slider .flickity-prev-next-button {
		width: 30px !important;
	}

	.btn_bottom {
		padding-bottom: 0;
		margin-top: 30px;
	}

	.section_service .flickity-prev-next-button.next {
		right: 40%;
	}

	.section_service .flickity-prev-next-button.previous {
		left: 40%;
	}

	.title.title-main .section-title {
		font-size: 24px;
	}

	.section_price_service .bang_gia .col-inner {
		text-align: center;
	}

	.section_price_service .section-title {
		display: block;
	}

	.section_price_service .bang_gia .section-title:before {
		left: 50%;
		transform: translateX(-50%);
	}

	/**/

	/**/
	.section_banner2 .text {
		font-size: 35px !important;
	}

	.artist .section-title-normal span {
		color: white;
	}

	.artist .des_white {
		color: white;
	}

	.line:before {
		content: none;
	}

	.slider-nav-light .flickity-page-dots .dot.is-selected,
	.slider-nav-light.slider-nav-dots-simple .flickity-page-dots .dot {
		background: #939393;
	}

	.slider-nav-light .flickity-page-dots .dot {
		/*border-color: #939393;*/
		background-color: black;
	}

	.feedback .slider-wrapper .flickity-prev-next-button {
		display: block !important;
	}

	.flickity-prev-next-button {
		top: -35% !important;
	}

	.section_service .flickity-prev-next-button {
		top: 104% !important;
	}

	.section.banner {
		height: 250px !important;
	}

	.menu-sanpham .menu {
		display: flex;
		white-space: nowrap;
		overflow-x: auto;
	}

	.menu-sanpham .menu {
		margin-bottom: 0px;
	}

	.products .slider-sanpham .left {
		height: 250px;
		/*padding-right: 15px;*/
		padding-left: 0;
	}

	.products .slider-sanpham .right {
		/*padding-right: 15px;*/
		/*padding-left: 15px;*/

	}

	.section.products .title_b0 {
		padding-bottom: 0;
	}

	.slider-sanpham .flickity-slider>.row {
		padding: 0 15px;
	}

	.slider-sanpham .flickity-slider img {
		height: 250px;
	}

	.products .slider-sanpham .right {
		padding: 20px;
		height: 100%;
	}

	.slider-sanpham .slide-prd-title {
		line-height: 40px;
	}

	.slider-sanpham .slide-prd-title {
		font-size: 20px;
	}

	.slider-sanpham .slide-prd-title span {
		font-size: 30px;
	}

	.slider-sanpham .flickity-page-dots {
		left: unset !important;
		display: flex;
		justify-content: center;
		align-items: center;
		right: 50%;
		transform: translateX(50%);
		bottom: -25px;
	}

	.page_datlich .section-content>.row .col {
		padding-bottom: 0
	}

	.service_booking_bottom {
		height: 100%;
	}

	.header .header-search .nav-dropdown {
		top: 70px;
	}

	.banner_breakcumb .page-title-inner {
		background-size: 75% !important;
	}

	.banner_breakcumb .title-wrapper {
		padding-top: 140px;
	}

	.button_main {
		padding: 10px 20px !important;
	}

	ul.display-posts-listing .listing-item a.title {
		font-size: 15px !important;
	}


}

@media (min-width: 2560px) {
	.section_about .box_welcome {
		padding: 120px 0 100px 120px;
		!important;
	}

	.section_about:before {
		left: unset;
		right: 50% !important;
		width: 35% !important;
	}
}

.button.is-outline,
input[type=button].is-outline,
input[type=reset].is-outline,
input[type=submit].is-outline {
	border: none;
}

.button.facebook,
.button.facebook:not(.is-outline),
.button.facebook:hover {
	color: unset;
	background-color: unset;
	border-color: unset;
}

.follow-icons {
	display: flex;
}

.accordion-title {
	font-family: "Montserrat", sans-serif;
	/*margin: 0;*/
	font-weight: 700;
	letter-spacing: 0.5px;
	position: relative;
	font-size: 16px;
	color: #ffffff;
	padding: 10px 15px;
	border-top: none;
}

.accordion-item a.plain {
	color: white;
}

.accordion .toggle {
	left: unset;
	right: 0;
}

.artist .text-center .social-icons {
	justify-content: center;
}


.button.primary:not(.is-outline) {
	background-color: unset;
}

.button:hover {
	box-shadow: none;
}

.button_main:hover {
	border-color: #939393 !important;
	background: #fff !important;
	color: #939393 !important;
}

.entry-content .img {
	height: 375px;
}

.post-sidebar ul li>a {
	font-family: "Montserrat", sans-serif;
	font-weight: 600;
	font-size: 15px;
	line-height: 26px;
	margin: 0;
	color: #494949;
}

.post-sidebar ul li>a:hover {
	color: #939393;
}

/*ul.display-posts-listing img {*/

/*	max-height:50px;*/

/*	max-width:50px;*/

/*	float:left;*/

/*	padding-right:4px;*/

/*}*/

/*ul.display-posts-listing li {*/

/*	margin-bottom:20px;*/

/*	font-size:11px;*/

/*	display:inline-block;*/

/*}*/

ul.display-posts-listing .listing-item {
	display: flex;
}

ul.display-posts-listing .listing-item img {
	max-width: 130px;
	max-height: 90px;
}

ul.display-posts-listing .listing-item a.title {
	margin-left: 10px;
}

.post-sidebar {
	padding-right: 15px !important;
	padding-left: 15px !important;
}

.blog-wrapper.blog-single.page-wrapper>.row-divided .col {
	padding-left: 15px;
	padding-right: 15px;
}

.breadcrumb_last {
	color: #939393;
}

.banner_breakcumb .page-title-inner {
	background-image: url(/wp-content/uploads/2022/11/logo_slider_1.webp);
	background-repeat: no-repeat;
	background-size: 30%;
	background-position-x: center;
	top: 50px;
	background-position-y: top;
}

.banner_breakcumb .title-wrapper {
	padding-top: 140px;
}

.single-news .page-title {
	padding-top: 140px;
}

.breadcrumb_background {
	margin-bottom: 30px;
}

.title-breadcrumbs .page-breadcrumbs span {
	text-transform: none;
}

.title-breadcrumbs .page-breadcrumbs .divider {
	color: white;
}

.breadcrumbs .divider,
.breadcrumbs .separator {
	opacity: 1;
}

/* Hide Quantity Selector */
.single-product .quantity {
	display: none !important;
}

/* Product Views Counter */
.product-views {
	font-size: 16px;
	color: #666;
	margin: 10px 0 15px;
	font-weight: 400;
}

/* Social Share Icons Styling */
.single-product .social-icons {
	display: flex !important;
	flex-wrap: wrap;
	gap: 10px;
	margin: 15px 0 20px;
}

.single-product .social-icons a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 45px;
	height: 45px;
	border-radius: 8px;
	transition: transform 0.3s, opacity 0.3s;
}

.single-product .social-icons a:hover {
	transform: translateY(-3px);
	opacity: 0.8;
}

/* Price "Liên hệ" Styling */
.single-product .price {
	font-size: 2em !important;
	font-weight: 700 !important;
	color: #2E2E2E !important;
	margin: 15px 0 !important;
}

.single-product .price .woocommerce-Price-amount {
	font-size: 1.2em;
	font-weight: 700;
}

/* Custom Product Services Section - Slider Layout */
.product-services-section {
	margin-top: 60px;
	padding: 60px 0;
	background: #ffffff;
}

.product-services-section .service-title {
	font-size: 2.8em;
	font-weight: 700;
	letter-spacing: 4px;
	margin: 0 0 50px;
	font-family: 'Arial Black', 'Oswald', sans-serif;
	color: #2E2E2E;
	text-transform: uppercase;
}

/* Slider Wrapper */
.product-services-section .services-slider-wrapper {
	position: relative;
	padding: 0 50px;
}

.product-services-section .row-slider {
	margin: 0 -10px;
}

.product-services-section .col {
	padding: 0 10px;
}

/* Service Card */
.product-services-section .service-card {
	height: 100%;
	margin-bottom: 30px;
	transition: transform 0.3s ease;
}

.product-services-section .service-card:hover {
	transform: translateY(-5px);
}

.product-services-section .service-link {
	display: block;
	text-decoration: none;
	height: 100%;
}

/* Service Image */
.product-services-section .service-image {
	position: relative;
	overflow: hidden;
	border-radius: 20px;
	margin-bottom: 20px;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
	transition: box-shadow 0.3s ease;
}

.product-services-section .service-link:hover .service-image {
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.product-services-section .service-image img {
	width: 100%;
	height: 420px;
	object-fit: cover;
	border-radius: 20px;
	transition: transform 0.5s ease;
	display: block;
}

.product-services-section .service-link:hover .service-image img {
	transform: scale(1.08);
}

/* Service Placeholder (when no image) */
.product-services-section .service-placeholder {
	width: 100%;
	height: 420px;
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	border-radius: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.product-services-section .service-placeholder span {
	color: white;
	font-size: 1.8em;
	font-weight: 700;
	text-align: center;
}

/* Service Name */
.product-services-section .service-name {
	text-align: center;
	font-size: 1.2em;
	font-weight: 600;
	color: #333;
	transition: color 0.3s;
	padding: 0 15px;
	line-height: 1.5;
}

.product-services-section .service-link:hover .service-name {
	color: #667eea;
}

/* Slider Navigation Arrows */
.product-services-section .flickity-prev-next-button {
	width: 50px;
	height: 50px;
	background: rgba(0, 0, 0, 0.7);
	border-radius: 50%;
}

.product-services-section .flickity-prev-next-button:hover {
	background: rgba(0, 0, 0, 0.9);
}

.product-services-section .flickity-prev-next-button .arrow {
	fill: white;
}

/* Slider Dots */
.product-services-section .flickity-page-dots {
	bottom: -40px;
}

.product-services-section .flickity-page-dots .dot {
	width: 12px;
	height: 12px;
	background: #ddd;
	opacity: 1;
}

.product-services-section .flickity-page-dots .dot.is-selected {
	background: #2E2E2E;
}

/* Responsive Design */
@media (max-width: 767px) {
	.product-services-section {
		padding: 40px 0;
		margin-top: 40px;
	}

	.product-services-section .service-title {
		font-size: 2em;
		margin-bottom: 40px;
		letter-spacing: 2px;
	}

	.product-services-section .services-slider-wrapper {
		padding: 0 30px;
	}

	.product-services-section .service-image {
		border-radius: 15px;
	}

	.product-services-section .service-image img,
	.product-services-section .service-placeholder {
		height: 350px;
		border-radius: 15px;
	}

	.product-services-section .service-name {
		font-size: 1.05em;
		padding: 0 10px;
	}

	.product-services-section .flickity-prev-next-button {
		width: 40px;
		height: 40px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {

	.product-services-section .service-image img,
	.product-services-section .service-placeholder {
		height: 380px;
	}

	.product-services-section .service-name {
		font-size: 1.1em;
	}
}

/* Custom Related Products (Sản phẩm tương tự) - STRONGER SELECTORS */
.single-product .related.products .product,
.related.products .product-small {
	margin-bottom: 30px !important;
}

/* Related Products - Image with 20px border radius */
.single-product .related.products .box-image,
.related.products .product-small .box-image,
.related.products .box-image {
	border-radius: 20px !important;
	overflow: hidden !important;
	margin-bottom: 15px !important;
}

.single-product .related.products .box-image img,
.related.products .product-small .box-image img,
.related.products .box-image .image-cover,
.related.products .image-cover img {
	border-radius: 20px !important;
	height: 400px !important;
	min-height: 400px !important;
	max-height: 400px !important;
	object-fit: cover !important;
	width: 100% !important;
	transition: transform 0.4s ease !important;
}

.single-product .related.products .product:hover .box-image img,
.related.products .product-small:hover .box-image img {
	transform: scale(1.05) !important;
}

/* Related Products - Product Name CENTER */
.single-product .related.products .product-title,
.single-product .related.products .woocommerce-loop-product__title,
.related.products .product-small .product-title,
.related.products .box-text .product-title,
.related.products .box-text h3 {
	text-align: center !important;
	font-size: 1.1em !important;
	font-weight: 600 !important;
	margin: 0 !important;
	padding: 0 10px !important;
	line-height: 1.4 !important;
}

.single-product .related.products .product-title a,
.single-product .related.products .woocommerce-loop-product__title a,
.related.products .product-small .product-title a,
.related.products .box-text .product-title a {
	color: #333 !important;
	text-decoration: none !important;
	transition: color 0.3s !important;
}

.single-product .related.products .product-title a:hover,
.related.products .product-small .product-title a:hover {
	color: #667eea !important;
}

/* HIDE Category and Price in Related Products - STRONG */
.single-product .related.products .product-category,
.single-product .related.products .category-label,
.single-product .related.products .category,
.single-product .related.products .price,
.single-product .related.products .amount,
.single-product .related.products .woocommerce-Price-amount,
.related.products .product-small .product-category,
.related.products .box-text .category,
.related.products .box-text .price,
.related.products .product-small .price {
	display: none !important;
	opacity: 0 !important;
	visibility: hidden !important;
}

/* Hide "XEM NHANH" button */
.single-product .related.products .quick-view,
.related.products .product-small .quick-view,
.related.products .box-image .quick-view {
	display: none !important;
}

/* Related Products - Box Text CENTER */
.single-product .related.products .box-text,
.related.products .product-small .box-text {
	text-align: center !important;
	padding: 10px 0 0 !important;
}

/* Responsive for Related Products */
@media (max-width: 767px) {

	.single-product .related.products .box-image img,
	.related.products .product-small .box-image img {
		height: 320px !important;
		min-height: 320px !important;
		max-height: 320px !important;
	}

	.single-product .related.products .product-title,
	.related.products .product-small .product-title {
		font-size: 1em !important;
	}
}

@media (min-width: 768px) and (max-width: 991px) {

	.single-product .related.products .box-image img,
	.related.products .product-small .box-image img {
		height: 360px !important;
		min-height: 360px !important;
		max-height: 360px !important;
	}
}

/* ========================================
   SHOP PAGE (CỬA HÀNG) - DỊCH VỤ GALLERY
   ======================================== */

/* Note: Title "DỊCH VỤ" is now added via functions.php hook */
body.woocommerce-page h1.custom-services-title {
	text-align: center;
	font-size: 2.5em;
	font-weight: 700;
	color: #333;
	margin: 20px 0 30px;
	text-transform: uppercase;
	letter-spacing: 2px;
	width: 100%;
	display: block !important;
}

/* Remove all old shop layout */
.woocommerce.archive .shop-container,
.woocommerce-page .shop-container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 40px 30px;
}

/* Hide unnecessary elements */
.woocommerce-page .shop-page-title.featured-title,
.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-ordering,
.woocommerce nav.woocommerce-pagination {
	display: none !important;
}

/* 1. BREADCRUMB - Simple and clean */
.woocommerce .woocommerce-breadcrumb,
.breadcrumbs {
	font-size: 14px !important;
	color: #999 !important;
	text-align: left !important;
	margin: 20px 0 30px !important;
	padding: 0 !important;
	background: none !important;
	border: none !important;
}

.woocommerce .woocommerce-breadcrumb a,
.breadcrumbs a {
	color: #999 !important;
	text-decoration: none !important;
	transition: color 0.3s;
}

.woocommerce .woocommerce-breadcrumb a:hover,
.breadcrumbs a:hover {
	color: #333 !important;
}

/* 2. PAGE TITLE - "DỊCH VỤ" */
.woocommerce .page-title,
.archive.woocommerce .page-title,
.woocommerce-page h1.page-title {
	font-family: 'Oswald', 'Arial Black', sans-serif !important;
	font-size: 3em !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	text-align: center !important;
	letter-spacing: 3px !important;
	color: #2E2E2E !important;
	margin: 40px 0 80px !important;
	padding: 0 !important;
	background: none !important;
	border: none !important;
}

/* Add custom title if needed */
.woocommerce-page .shop-page-title {
	display: none !important;
}

/* 3. PRODUCTS GRID - 4 columns (Flatsome compatible) */
.woocommerce .products {
	display: flex !important;
	flex-wrap: wrap !important;
	margin: 0 -10px !important;
	padding: 0 !important;
}

/* Flatsome uses .col wrappers */
.woocommerce .products>.col {
	flex: 0 0 25% !important;
	max-width: 25% !important;
	padding: 0 10px !important;
	margin: 0 0 20px !important;
}

/* Default WooCommerce uses li.product directly */
.woocommerce ul.products {
	display: flex !important;
	flex-wrap: wrap !important;
	margin: 0 -10px !important;
	padding: 0 !important;
}

.woocommerce ul.products li.product {
	flex: 0 0 25% !important;
	max-width: 25% !important;
	padding: 0 10px !important;
	margin: 0 0 20px !important;
}

/* 4. PRODUCT CARD - Gallery Style */
.woocommerce .products .product,
.woocommerce ul.products li.product {
	background: none !important;
	border: none !important;
	text-align: center !important;
	transition: transform 0.3s ease;
}

.woocommerce .products .product:hover {
	transform: translateY(-5px);
}

/* 5. PRODUCT IMAGE - Bo góc đẹp */
.woocommerce .products .product .box-image,
.woocommerce ul.products li.product .box-image {
	position: relative;
	overflow: hidden;
	border-radius: 15px !important;
	margin-bottom: 30px !important;
}

/* Flatsome image wrapper uses .image-cover with padding-top */
.woocommerce .products .box-image .image-cover,
.woocommerce ul.products li.product .box-image .image-cover {
	padding-top: 120% !important;
	border-radius: 15px !important;
}

.woocommerce .products .box-image .image-cover img,
.woocommerce ul.products li.product .box-image .image-cover img {
	height: 100% !important;
	width: 100% !important;
	object-fit: cover !important;
	border-radius: 15px !important;
}

.woocommerce .products .product img,
.woocommerce ul.products li.product img {
	width: 100% !important;
	height: 350px !important;
	object-fit: cover !important;
	border-radius: 15px !important;
	transition: transform 0.5s ease;
}

.woocommerce .products .product:hover img {
	transform: scale(1.05);
}

/* 6. PRODUCT NAME - Chỉ hiển thị tên */
.woocommerce .products .product .woocommerce-loop-product__title,
.woocommerce .products .product h2,
.woocommerce .products .product .product-title {
	font-size: 1.25em !important;
	font-weight: 600 !important;
	color: #333 !important;
	text-align: center !important;
	margin: 0 !important;
	padding: 0 15px !important;
	line-height: 1.5 !important;
	transition: color 0.3s;
}

.woocommerce .products .product:hover .woocommerce-loop-product__title,
.woocommerce .products .product:hover h2 {
	color: #667eea !important;
}

/* 7. HIDE ALL UNNECESSARY ELEMENTS */
.woocommerce .products .product .price,
.woocommerce .products .product .amount,
.woocommerce .products .product .button,
.woocommerce .products .product .add_to_cart_button,
.woocommerce .products .product .star-rating,
.woocommerce .products .product .category,
.woocommerce .products .product .product-category,
.woocommerce .products .product .onsale,
.woocommerce .products .product .badge,
.woocommerce .products .product .quick-view,
.woocommerce .products .product .add-to-wishlist,
.woocommerce .products .product .product-flash {
	display: none !important;
	opacity: 0 !important;
	visibility: hidden !important;
}

/* 8. MAKE WHOLE CARD CLICKABLE */
.woocommerce .products .product a {
	display: block;
	text-decoration: none;
}

.woocommerce .products .product .box-text {
	padding: 0 !important;
	background: none !important;
}

/* 9. HOVER EFFECTS - Subtle and elegant */
.woocommerce .products .product .box-image {
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
	transition: box-shadow 0.3s ease;
}

.woocommerce .products .product:hover .box-image {
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.12);
}

/* 10. RESPONSIVE - Tablet (2-3 columns) */
@media (max-width: 991px) and (min-width: 768px) {

	.woocommerce.archive .shop-container,
	.woocommerce-page .shop-container {
		padding: 30px 20px;
	}

	.woocommerce .products {
		margin: 0 -20px !important;
	}

	.woocommerce .products>.col,
	.woocommerce ul.products li.product {
		flex: 0 0 33.333% !important;
		max-width: 33.333% !important;
		padding: 0 20px !important;
		margin-bottom: 40px !important;
	}

	.woocommerce .products .product img {
		height: 320px !important;
	}
}

/* 11. RESPONSIVE - Mobile (1-2 columns) */
@media (max-width: 767px) {

	.woocommerce.archive .shop-container,
	.woocommerce-page .shop-container {
		padding: 25px 15px;
	}

	.woocommerce .products {
		margin: 0 -15px !important;
	}

	.woocommerce .products>.col,
	.woocommerce ul.products li.product {
		flex: 0 0 50% !important;
		max-width: 50% !important;
		padding: 0 15px !important;
		margin-bottom: 30px !important;
	}

	.woocommerce .products .product img {
		height: 250px !important;
	}

	.woocommerce .products .product .woocommerce-loop-product__title {
		font-size: 1.1em !important;
	}

	.woocommerce .woocommerce-breadcrumb,
	.breadcrumbs {
		font-size: 12px !important;
		margin: 15px 0 20px !important;
	}
}

/* 12. VERY SMALL MOBILE (1 column) */
@media (max-width: 480px) {

	.woocommerce .products>.col,
	.woocommerce ul.products li.product {
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}
}

/* 13. REMOVE SIDEBAR if exists */
.woocommerce-page .shop-container .sidebar,
.archive.woocommerce .sidebar {
	display: none !important;
}

.woocommerce-page .shop-container .large-9,
.archive.woocommerce .large-9 {
	width: 100% !important;
	max-width: 100% !important;
}

/* 14. CLEAN UP EXTRA SPACING */
.woocommerce .products .product .box-vertical {
	padding: 0 !important;
}

.woocommerce .products .product .box-text {
	text-align: center !important;
}

/* 15. LOADING ANIMATION (optional) */
.woocommerce .products .product {
	animation: fadeInUp 0.5s ease;
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translateY(20px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* Shop Page Customization */
.shop-page-title {
	font-size: 2.5em;
	/* Adjust size as needed */
	margin-bottom: 20px;
	font-weight: bold;
	color: #000;
}

/* Change product title color to black */
.shop-page-title,
.product-small .name.product-title a,
.product-small .box-text .product-title a {
	color: #000000 !important;
}

.product-small .name.product-title a:hover,
.product-small .box-text .product-title a:hover {
	color: #333333 !important;
	/* Optional: Dark grey on hover */
}

/* --- Custom News Section Styling (Tattoo Style) --- */

/* Section Title */
.section-tin-tuc .section-title-center .section-title-main {
	font-size: 2.5em;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 0.1em;
	border-bottom: 3px solid #000;
	padding-bottom: 10px;
	margin-bottom: 30px;
	display: inline-block;
}

/* Card Container */
.section-tin-tuc .box {
	border-radius: 0;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	background-color: #fff;
	border: 1px solid #eee;
}

.section-tin-tuc .box:hover {
	transform: translateY(-5px);
	box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}

/* Image Styling */
.section-tin-tuc .box-image {
	border-radius: 0 !important;
	overflow: hidden;
}

.section-tin-tuc .box-image img {
	filter: grayscale(100%);
	transition: filter 0.5s ease, transform 0.5s ease;
}

.section-tin-tuc .box:hover .box-image img {
	filter: grayscale(0%);
	transform: scale(1.1);
}

/* Text Content */
.section-tin-tuc .box-text {
	padding: 20px 15px;
	text-align: center;
	/* Centered text looks more 'poster' like */
}

/* Post Title */
.section-tin-tuc .post-title a {
	font-size: 1.1em;
	font-weight: 800;
	text-transform: uppercase;
	color: #333;
	letter-spacing: 0.5px;
	display: block;
	margin-bottom: 10px;
}

.section-tin-tuc .post-title a:hover {
	color: #db8927;
	/* Accent color */
}

/* Excerpt */
.section-tin-tuc .from_the_blog_excerpt {
	font-size: 0.9em;
	color: #666;
	margin-bottom: 15px;
	font-style: italic;
}

/* 'Xem Them' Link */
.section-tin-tuc .box-text a.button,
.section-tin-tuc .box-text a {
	font-weight: 700;
	text-transform: uppercase;
	font-size: 0.85em;
	letter-spacing: 1px;
}

/* =========================================
   CUSTOM HEADER STYLING (TATTOO STYLE) - REFINED V3
   ========================================= */

/* Adjust header background */
.header-main {
	background-color: #11140F;
	border-top: 1px solid #262825;
	border-bottom: 1px solid #262825;
}

/* Center Navigation */
.header-main .nav.header-nav {
	justify-content: center;
}

/* Ensure the middle column flexes to take space */
.header-main .flex-col.flex-center {
	flex: 1;
}

/* Menu Fonts and Colors */
.header-main .nav>li>a {
	font-family: 'Cinzel', serif !important;
	font-weight: 700 !important;
	text-transform: uppercase;
	color: #ffffff;
	font-size: 16px;
	letter-spacing: 2px;
	/* Spacing via padding */
	padding-left: 20px !important;
	padding-right: 20px !important;
}

/* Adjust spacing between menu items - Reset margin */
.header-main .nav>li {
	margin: 0;
}

/* Hover and Active State - GOLD */
.header-main .nav>li>a:hover,
.header-main .nav>li.active>a,
.header-main .nav>li.current-menu-item>a,
.header-main .nav>li.has-dropdown:hover>a {
	color: #D0812C !important;
	/* New Gold Color */
	background-color: transparent !important;
	opacity: 1 !important;
}

/* Underline Effect for Active Item */
.header-main .nav>li.active>a:after,
.header-main .nav>li.current-menu-item>a:after {
	content: '';
	display: block;
	width: calc(100% - 40px);
	height: 3px;
	background-color: #D0812C;
	margin-top: 5px;
	position: absolute;
	bottom: 0;
	left: 20px;
	/* Offset by padding-left */
}

/* Ensure Logo section background is consistent */
.header-title-section {
	background-color: #000000;
}

/* Header Container Spacing */
.header-full-width .container {
	max-width: 100% !important;
	padding-left: 40px !important;
	padding-right: 40px !important;
}

/* ========================================
   SINGLE PRODUCT PAGE - DARK THEME REDESIGN
   Premium aesthetic matching trinhdong shortcodes
   ======================================== */

/* 1. MAIN BACKGROUND & BODY */
.single-product #main,
.single-product .main-content,
.single-product #content {
	background-color: #ffffff !important;
	background-image: none !important;
}

.single-product #main::before,
.single-product .main-content::before {
	display: none;
}

.single-product .product-container,
.single-product .product {
	position: relative;
	z-index: 1;
}

/* 2. BREADCRUMBS */
.single-product .breadcrumbs,
.single-product .woocommerce-breadcrumb {
	color: #666 !important;
	font-size: 14px !important;
	margin-bottom: 20px !important;
}

.single-product .breadcrumbs a,
.single-product .woocommerce-breadcrumb a {
	color: #666 !important;
	text-decoration: none !important;
	transition: color 0.3s;
}

.single-product .breadcrumbs a:hover,
.single-product .woocommerce-breadcrumb a:hover {
	color: #D0812C !important;
}

.single-product .breadcrumbs .divider,
.single-product .woocommerce-breadcrumb .separator {
	color: #999 !important;
}

/* ENSURE EQUAL HEIGHT COLUMNS */
.product-container .row,
.row.row-large.row-divided {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
}

.product-container .col-inner {
	height: 100%;
}

/* 3. PRODUCT GALLERY SECTION */
.single-product .product-gallery {
	background: transparent;
	/* Remove background */
	border: none;
	/* Remove border */
	padding: 0;
	box-shadow: none;
	/* Remove shadow */
	height: 100%;
	/* Balance height */
	position: relative;
}

.single-product .product-gallery::before {
	display: none;
	/* Remove pseudo-border */
}

.single-product .product-images,
.single-product .product-gallery-slider {
	border-radius: 0px;
	/* SHARP */
	overflow: hidden;
	margin-bottom: 20px !important;
}

.single-product .product-gallery img {
	border-radius: 0px;
	/* SHARP */
	transition: transform 0.5s ease;
}

/* Gallery Thumbnails */
.single-product .product-thumbnails {
	margin-top: 10px;
	padding: 10px;
}

.single-product .product-thumbnails img {
	border: 1px solid #333;
	border-radius: 0px;
	/* SHARP */
	transition: border-color 0.3s;
}

.single-product .product-thumbnails img:hover,
.single-product .product-thumbnails .is-active img {
	border-color: #D0812C;
}

/* 4. PRODUCT INFO SECTION */
.single-product .product-info,
.single-product .product-summary,
.single-product .summary {
	background: transparent;
	/* Remove background */
	border: none;
	/* Remove border */
	padding: 0 0 0 40px;
	/* Keep left padding for spacing */
	box-shadow: none;
	height: auto;
	/* Balance height */
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
}

.single-product .product-info::before {
	display: none;
}

/* Product Title */
.single-product .product_title,
.single-product .product-title h1 {
	font-family: 'Cinzel', serif;
	font-size: 40px !important;
	font-weight: 700 !important;
	color: #000000 !important;
	/* BLACK TEXT */
	text-transform: uppercase;
	letter-spacing: 4px;
	margin-bottom: 25px !important;
	position: relative;
	padding-bottom: 20px;
}

.single-product .product_title::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 60px;
	height: 4px;
	background: #D0812C;
	/* Solid gold block */
}

/* Product Views Counter */
.single-product .product-views {
	color: #666 !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	margin: 10px 0 30px !important;
	font-style: italic;
	letter-spacing: 1px;
}

/* Price / "Liên hệ" Button */
.single-product .price {
	background: #D0812C;
	color: #000 !important;
	font-size: 18px !important;
	font-weight: 800 !important;
	padding: 18px 50px !important;
	border-radius: 0px !important;
	/* SHARP */
	display: inline-block !important;
	margin: 30px 0 !important;
	text-transform: uppercase;
	letter-spacing: 2px;
	border: 1px solid #D0812C;
	transition: all 0.3s ease;
	clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);
	/* Tech/Edgy shape */
}

.single-product .price:hover {
	background: #000;
	color: #ffffff !important;
	transform: none;
	border-color: #000;
}
span.amount {
	color: #ffffff !important;
    font-weight: 700;
    white-space: nowrap;
}
.box-text-products{
	display: none;
}
.box-image{
	border-radius: 20px;
}
a.quick-view {
    display: none !important;
}
.product-views{
	    display: none !important;

}

/* Category & Tags */
.single-product .product_meta {
	/* margin-top: auto; */
	/* Push to bottom */
	/* padding-top: 30px; */
	border-top: 1px solid #333;
}

.single-product .product_meta span {
	display: block;
	margin-bottom: 10px;
	color: #333;
	/* DARK TEXT */
	font-size: 14px;
}

.single-product .product-info, .single-product .product-summary, .single-product .summary {
   
    display: block !important;
    
}
.single-product .product_meta a {
	color: #D0812C !important;
	text-decoration: none;
	transition: color 0.3s;
}

.single-product .product_meta a:hover {
	color: #d4af7a !important;
}

/* Social Share Icons */
.single-product .social-icons {
	margin-top: 25px !important;
	padding-top: 25px;
	border-top: 1px solid #333;
}

.single-product .social-icons a {
	background: transparent !important;
	border: 1px solid #ccc !important;
	color: #666 !important;
	border-radius: 0 !important;
	/* SHARP */
	transition: all 0.3s ease !important;
}

.single-product .social-icons a:hover {
	background: #D0812C !important;
	color: #000 !important;
	border-color: #D0812C !important;
	transform: none !important;
	box-shadow: none !important;
}

/* 5. TABS SECTION (Description, Additional Info, Reviews) */
.single-product .woocommerce-tabs,
.single-product .product-tabs {
	background: transparent;
	border: none;
	padding: 20px 0;
	margin-top: 60px;
	box-shadow: none;
}

.single-product .woocommerce-tabs::before {
	display: none;
}

/* Tab Navigation - Button Style */
.single-product .woocommerce-tabs ul.tabs,
.single-product .tabs {
	border-bottom: none !important;
	margin-bottom: 30px;
	display: flex;
	gap: 15px;
	/* Space between buttons */
}

.single-product .woocommerce-tabs ul.tabs li,
.single-product .tabs li {
	background: transparent;
	border: 1px solid #D0812C;
	/* Gold Outline */
	margin: 0;
	padding: 0;
	border-radius: 0;
}

.single-product .woocommerce-tabs ul.tabs li a,
.single-product .tabs li a {
	color: #D0812C !important;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 12px 25px;
	border: none;
	background: none;
	display: block;
	transition: all 0.3s;
}

/* Active Tab - Solid Gold */
.single-product .woocommerce-tabs ul.tabs li.active,
.single-product .tabs li.active,
.single-product .woocommerce-tabs ul.tabs li:hover,
.single-product .tabs li:hover {
	background: #D0812C;
	border-color: #D0812C;
}

.single-product .woocommerce-tabs ul.tabs li.active a,
.single-product .tabs li.active a,
.single-product .woocommerce-tabs ul.tabs li a:hover,
.single-product .tabs li a:hover {
	color: #000 !important;
	/* BLACK TEXT on Gold */
	border: none;
}

/* Tab Content */
.single-product .woocommerce-tabs .panel,
.single-product .tab-panels .panel {
	color: #333;
	/* DARK TEXT */
	line-height: 1.8;
	font-size: 15px;
}

.single-product .woocommerce-tabs .panel h2,
.single-product .tab-panels .panel h2 {
	color: #000;
	/* BLACK TITLE */
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 20px;
}

.single-product .woocommerce-tabs .panel p,
.single-product .tab-panels .panel p {
	color: #333;
}

/* 6. RELATED PRODUCTS SECTION */
.single-product .related.products {
	background: transparent;
	border: none;
	padding: 60px 0;
	margin-top: 80px;
}

.single-product .related.products::before {
	display: none;
}

.single-product .related.products>h2,
.single-product .related.products .section-title {
	font-family: 'Cinzel', serif;
	font-size: 32px !important;
	font-weight: 700 !important;
	color: #D0812C !important;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align: center;
	margin-bottom: 50px !important;
}

/* Related Product Cards - Already styled above, just ensure dark background */
.single-product .related.products .product {
	background: transparent;
	border-radius: 0px;
	padding: 0 10px;
	/* Spacing */
	border: none;
}

.single-product .related.products .product:hover {
	border-color: transparent;
	background: transparent;
	transform: translateY(-5px);
	box-shadow: none;
}

/* 7. RESPONSIVE DESIGN */
@media (max-width: 991px) {

	.single-product .product-info,
	.single-product .product-summary,
	.single-product .summary {
		margin-top: 30px;
		padding: 30px;
	}

	.single-product .product_title,
	.single-product .product-title h1 {
		font-size: 28px !important;
	}

	/* .single-product .woocommerce-tabs,
	.single-product .product-tabs {
		padding: 30px 20px;
	} */

	.single-product .related.products {
		padding: 40px 20px;
	}
}

@media (max-width: 767px) {
	.single-product .product-gallery {
		padding: 15px;
	}

	.single-product .product-info,
	.single-product .product-summary,
	.single-product .summary {
		padding: 25px 20px;
	}

	.single-product .product_title,
	.single-product .product-title h1 {
		font-size: 24px !important;
	}

	.single-product .price {
		padding: 12px 30px !important;
		font-size: 16px !important;
	}

	.single-product .woocommerce-tabs ul.tabs li,
	.single-product .tabs li {
		margin: 0 15px 0 0;
	}

	.single-product .woocommerce-tabs ul.tabs li a,
	.single-product .tabs li a {
		font-size: 14px;
	}

	.single-product .related.products>h2,
	.single-product .related.products .section-title {
		font-size: 24px !important;
	}
}

/* 8. ADDITIONAL PREMIUM TOUCHES */
.single-product .product-container {
	padding: 0px 0;
}

/* Add subtle animation on page load */
@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translateY(30px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.single-product .product-gallery,
.single-product .product-info,
.single-product .woocommerce-tabs,
.single-product .related.products {
	animation: fadeInUp 0.6s ease-out;
}

.single-product .product-info {
	animation-delay: 0.2s;
}

.single-product .woocommerce-tabs {
	animation-delay: 0.4s;
}

.single-product .related.products {
	animation-delay: 0.6s;
}
/* ===== CUSTOM RELATED PRODUCTS STYLE (Single Page) ===== */
.single-product .related-products .product .box-text {
    display: none !important;
}

.single-product .related-products .product .box {
    border-radius: 15px;
    background: #121e2d;
    border: 1px solid rgba(255, 255, 255, 0.05);
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    box-shadow: none !important;
}

.single-product .related-products .product .box:hover {
    transform: translateY(-5px);
    border-color: #D1B169;
}

.single-product .related-products .product .box-image {
    border-radius: 15px;
    overflow: hidden;
}

.single-product .related-products .product .box-image img {
    transition: transform 0.6s ease;
}

.single-product .related-products .product .box:hover .box-image img {
    transform: scale(1.08);
}

/* Badge Styling */
.td-gallery-badge.related-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(13, 27, 42, 0.85);
    backdrop-filter: blur(4px);
    padding: 6px 12px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    gap: 6px;
    border: 1px solid rgba(209, 177, 105, 0.4);
    z-index: 20;
    pointer-events: none;
}

.td-gallery-badge.related-badge svg {
    width: 12px;
    height: 12px;
    fill: #D1B169;
}

.td-gallery-badge.related-badge span {
    font-size: 10px;
    color: #D1B169;
    text-transform: uppercase;
    font-weight: 700;
}

/* Contact Button Hover Color */
.single_add_to_cart_button:hover,
button.single_add_to_cart_button:hover,
.summary .cart .button:hover {
    color: white !important;
}

@media (max-width: 768px) {
    .tattoo-title {
        font-size: 20px;
    }
	.session-info{
	height:560px
	
}
}

.tattoo-title-landing {
	font-size: 'Cinzel', serif;
}