::-webkit-scrollbar {
	background: #fff;
	width: 10px;
	height: 11px
}

::-webkit-scrollbar-thumb {
	background: #BBBBBB
}

html {
	scroll-behavior: smooth
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box
}

img {
	max-width: 100% !important;
	vertical-align: middle
}

a, a:hover {
	text-decoration: none !important;
	color: #0757a6
}

ul {
	margin-bottom: 0
}

textarea {
	resize: none
}

@font-face {
	font-family: 'uvf-slim';
	src: url('font/UVF SlimTony.ttf')
}

body {
	font-family: 'Open Sans' !important;
	font-size: 14px !important;
	line-height: 1.5 !important;
	padding-right: 0px !important;
	background: #fff;
	overflow-x: hidden;
	font-weight: 400;
	color: #444;
	-webkit-touch-callout: none !important;
	-webkit-user-select: none !important;
	-moz-user-select: none !important;
	-ms-user-select: none !important;
	-o-user-select: none !important;
	user-select: none !important
}

.content p, .content span, .content h1, .content h2, .content h3, .content h4, .content h5, .content h6, .content li, .content strong {
	font-family: 'Open Sans' !important
}

.content h1, .content h2, .content h3, .content h4, .content h5, .content h6, .content b, strong {
	font-weight: 600
}

.wap {
	overflow: hidden;
	position: relative;
	width: 100%
}

.button-viewall {
	display: inline-block;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 18px;
	padding: 8px 25px;
	color: #0757a6;
	font-weight: 400;
	margin-bottom: 30px;
	border: 1px solid #0757a6;
	border-radius: 50px;
	transition: all 0.3s ease-in-out
}

.button-viewall:hover {
	color: #fff;
	background: #0757a6;
	transition: all 0.3s ease-in-out
}

.clear {
	clear: both
}

div.none {
	display: none !important
}

.mt-0 {
	margin-top: 0 !important
}

.mb-10 {
	margin-bottom: 10px !important
}

.mb-15 {
	margin-bottom: 15px !important
}

.mb-20 {
	margin-bottom: 20px !important
}

.mb-25 {
	margin-bottom: 25px !important
}

.mb-30 {
	margin-bottom: 30px !important
}

.mb-40 {
	margin-bottom: 40px !important
}

.mt-20 {
	margin-top: 20px !important
}

.mt-30 {
	margin-top: 30px !important
}

.my-10 {
	margin-top: 10px !important;
	margin-bottom: 10px !important
}

.mn-n15 {
	margin-left: -15px !important;
	margin-right: -15px !important
}

.pn-0 {
	padding-left: 0px !important;
	padding-right: 0px !important
}

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

.pb-10 {
	padding-bottom: 10px !important
}

.pb-30 {
	padding-bottom: 30px !important
}

.pt-30 {
	padding-top: 30px !important
}

.bg-xam {
	background-color: #e0e0e0
}

.bg-xamnhat {
	background-color: #f8f7fb
}

.content {
	width: 100%
}

.content figure {
	background: #f6f6f6;
	width: 100% !important;
	padding: 15px;
	border: 1px solid #eee
}

.content figure figcaption {
	margin-top: 10px
}

.content ul, .content ol {
	padding-left: 30px
}

.content img {
	max-width: 100% !important;
	height: auto !important;
	margin-bottom: 15px
}

.content table {
	max-width: 100% !important;
	width: auto !important;
	height: auto !important
}

.content table td, .content table th {
	padding: 5px
}

div.content h1, div.content h2, div.content h3, div.content h4, div.content h5, div.content h6, div.content p, div.content div, div.content blockquote, div.content table {
	max-width: 100% !important
}

.content h1 {
	font-size: 24px
}

.content h2 {
	font-size: 22px
}

.content h3 {
	font-size: 20px
}

.content h4 {
	font-size: 18px
}

.content h5 {
	font-size: 16px
}

.content h6 {
	font-size: 14px
}

.content video, .content iframe {
	width: 100% !important
}

div.content table {
	width: 100% !important
}

.div_content_border {
	padding: 20px;
	border: 1px solid #ddd;
	box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1)
}
.addthis_inline_share_toolbox_8gdz,
.addthis_native_toolbox {
	margin: 20px 0px
}

.x_map {
	width: 100% !important;
	height: 100% !important
}

.x_map iframe {
	width: 100% !important;
	min-height: 500px !important
}

.f_map {
	padding-right: 20px
}

.f_map iframe {
	width: 100% !important;
	height: 220px !important
}

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

#content_right {
	width: calc(27% - 15px);
	float: right
}

#content_left {
	width: calc(73% - 15px);
	float: left
}

.mybtn {
	border: none;
	padding: 12px 20px;
	transition: all 0.5s ease;
	text-align: center;
	border-radius: 3px;
	line-height: 1;
	display: inline-block
}

.mybtn:hover, .mybtn:focus {
	border: 0 !important;
	outline: 0 !important
}

.txt_xanh {
	color: #054CA0 !important
}

.mybtn.btn-do {
	background-color: #0757a6;
	color: #fff
}

.mybtn.btn-do:hover {
	background-color: #06437f;
	color: #fff;
	transition: all 0.5s ease
}

.mybtn.btn-den:hover {
	background-color: #2a2a2a;
	color: #fff;
	transition: all 0.5s ease
}

.nd_fb {
	overflow: hidden;
	position: relative
}

.fb_left {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 420px
}

.div_left {
	margin-bottom: 30px;
	background-color: #f5f5f5;
	padding: 20px;
	border-radius: 6px
}

.div_left .ar_left .item_left {
	padding: 15px 0px;
	position: relative
}

.border-bottom {
	border-bottom: 1px dashed rgba(0, 0, 0, 0.1)
}

.item_left.border-bottom:last-child {
	border-bottom: 0 !important
}

.div_left .ar_left .item_left a:hover {
	color: #0757a6
}

.div_left .ar_left .item_left:hover img {
	filter: brightness(0.8)
}

.div_left .ar_left .item_left .item_img {
	width: 80px;
	float: left
}

.div_left .ar_left .item_left .item_content {
	width: calc(100% - 95px);
	float: right
}

.div_left .ar_left .item_left .item_content .h3 {
	font-size: 14px;
	line-height: 18px;
	font-weight: 400;
	color: #222;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	margin-bottom: 0
}

.item_sp_left {
	padding: 0px !important
}

.item_sp_left .h3 {
	margin-bottom: 0px;
	font-size: 16px;
	line-height: 20px;
	display: flex;
	justify-content: space-between
}

.item_sp_left i.fa-plus {
	display: block;
	text-align: right;
	cursor: pointer;
	background: #eee;
	text-align: center;
	width: 25px;
	height: 25px;
	line-height: 25px;
	font-size: 10px
}

.item_sp_left.active i.fa-plus:before {
	content: "\f068"
}

.item_sp_left .h3 a {
	width: calc(100% - 28px);
	font-size: 15px;
	line-height: 20px;
	font-weight: 400;
	text-transform: capitalize;
	color: #444;
	display: block;
	padding: 7px 0px
}

.item_sp_left ul {
	display: none;
	list-style: none
}

.item_sp_left.active ul {
	display: block
}

a.sp_list_left {
	position: relative;
	display: block;
	padding: 5px 0px 5px 15px;
	color: #888;
	font-size: 15px
}

.tieude_left {
	position: relative;
	color: #222;
	font-size: 16px;
	line-height: 26px;
	font-weight: 700;
	text-transform: capitalize;
	padding-left: 0px;
	margin-bottom: 10px
}

.tieude_left span {
	display: block;
	border-bottom: 2px solid  #ccc
}

.tieude_detail {
	position: relative;
	color: #333;
	font-size: 25px;
	line-height: 35px;
	font-weight: 700;
	margin-bottom: 20px
}

.tieude_index {
	color: #fff;
	padding-left: 20px;
	font-size: 18px;
	background: url('images/danhmucdichvu.png') center center no-repeat;
	height: 69px;
	line-height: 69px;
	text-transform: uppercase;
	position: relative;
	margin-bottom: 30px
}

.tieude_index span {
	text-align: center;
	display: block;
	text-align: center;
	height: 30px;
	padding-top: 17px
}

.tieude_chung {
	background: #0757a6;
	margin-bottom: 20px;
	height: 40px;
	line-height: 40px;
	padding-left: 100px;
	color: #fff;
	text-transform: uppercase;
	border-radius: 20px;
	font-size: 17px;
	position: relative
}

.tieude_chung span {
	display: block;
	background: url('images/icontieude.png') no-repeat left bottom;
	width: 58px;
	height: 58px;
	position: absolute;
	left: 20px;
	top: -10px;
	-webkit-filter: url('#lv-blue-icon-filter');
	filter: url('#lv-blue-icon-filter')
}

.color-filter-definitions {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden
}

.tieude_chung_2 {
	background: url('images/tieude1.png') no-repeat bottom left;
	margin-bottom: 20px;
	padding-left: 20px;
	height: 35px
}

.tieude_chung_2 span {
	display: block;
	height: 37px;
	line-height: 30px;
	background: url('images/tieude2.png') repeat-x left bottom;
	color: #0757a6;
	text-transform: uppercase;
	font-size: 21px;
	padding: 0px 0px 0px 0px
}

.tieudehoa {
	color: #ff0;
	font-size: 21px;
	text-align: center;
	font-family: 'uvf-slim';
	display: block;
	margin-bottom: 10px
}

.tieude_page {
	position: relative;
	color: #333;
	font-size: 25px;
	line-height: 35px;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0 0 20px;
	display: block
}

.div_breadcrumb .breadcrumb {
	background-color: #F0F0F0;
	font-size: 14px;
	line-height: 20px;
	text-transform: capitalize;
	margin-bottom: 20px
}

.div_breadcrumb .breadcrumb a {
	color: #aaa
}

.div_breadcrumb .breadcrumb a i {
	margin: 0 5px
}

.div_breadcrumb .breadcrumb span {
	color: #666
}

.pagination {
	margin: 10px auto 0px !important;
	width: 100%;
	text-align: center;
	display: block
}

.pages {
}

.pages li.prev {
	margin-right: 15px
}

.pages li.next {
	margin-left: 15px
}

.pages li {
	display: inline-block;
	margin: 8px 2px
}

.pages li a {
	padding: 7px 15px;
	text-decoration: none;
	color: #434343;
	border: 1px solid #d6dde5;
	font-size: 13px;
	background: #fff;
	cursor: pointer
}

.pages li a#active_z {
	color: #fff;
	background: #0757a6;
	border-color: #0757a6
}

.pages li a:hover {
	background: #0757a6;
	color: #fff !important;
	border-color: #0757a6
}

.pages li .active {
	background: #0757a6;
	color: #fff;
	border-color: #0757a6
}

.pages li .active:hover {
	background: #0757a6;
	color: #fff;
	border-color: #0757a6
}

.w_dichvu {
	position: relative;
	padding: 40px 0px
}

.bg_container {
	background-position: left top;
	background-size: cover
}

.bg_container_fixed {
	background-attachment: fixed
}

.container_2 {
	width: 70%;
	margin: 0 auto
}

div#header {
	position: relative;
	width: 100%
}

.w_top_head {
	position: relative;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right top
}

.top_head {
	position: relative
}

.logo_head {
	position: relative;
	display: inline-block
}

.logo_head a {
	display: inline-block
}

.logo_head img {
	height: 160px
}

.banner_head {
	position: relative;
	display: inline-block
}

.banner_head a {
	display: inline-block
}

.banner_head img {
	height: 160px
}

.top_head #h-social {
	float: right;
	margin-top: 1px
}

.top_head #h-social a {
	display: inline-block
}

.h_ngonngu {
	position: absolute;
	top: 20px;
	right: 20px
}

.h_ngonngu img {
	margin-left: 5px;
	border: 1px solid #fff
}

.h_hotline {
	position: absolute;
	bottom: 20px;
	right: 10px;
	font-size: 20px;
	color: #F00;
	font-weight: bold;
	text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff
}

.top_head #h-social a img {
	max-height: 30px;
	margin-left: 3px;
	filter: brightness(0.4)
}

.menu_main {
	background: url('images/bgmenu.png') center repeat-x;
	height: 50px;
	line-height: 50px;
	position: relative;
	width: 100%
}

.menu_main.sticky {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 150;
	box-shadow: 1px 2px 5px rgb(0 0 0 / 10%)
}

#menu {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%
}

.menu_email {
	color: #fff;
	font-size: 30px;
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	display: none
}

.main_nav {
	list-style: none;
	display: flex;
	justify-content: space-around
}

.main_nav li {
	position: relative
}

.main_nav li a {
	position: relative;
	font-size: 14px;
	line-height: 50px;
	text-transform: uppercase;
	color: #fff;
	font-weight: 600;
	padding: 0px 26px;
	display: block
}

.main_nav li.line {
	background: url('images/menugach.png') center no-repeat;
	height: 50px;
	width: 20px
}

.main_nav>li>a.active, .main_nav>li>a:hover {
	color: #444;
	background: url('images/menuact.png') no-repeat center;
	background-size: 100% 50px;
	background-position: top center
}

.main_nav li a.has-child::after {
	content: '';
	content: '\f0d7';
	font-family: FontAwesome;
	position: absolute;
	right: 8px;
	top: 18px
}

.main_nav li ul {
	list-style: none;
	width: 100%;
	padding: 0;
	margin: 0;
	position: absolute;
	min-width: 200px;
	background-color: #fff;
	box-shadow: 0 3px 11px 0 rgb(0 0 0 / 10%);
	-webkit-transform: perspective(600px) rotateX(-90deg);
	transform: perspective(600px) rotateX(-90deg);
	-webkit-transform-origin: 0 0 0;
	transform-origin: 0 0 0;
	opacity: 0;
	visibility: hidden;
	transition: all .5s;
	z-index: 50
}

.main_nav li:hover>ul {
	-webkit-transform: perspective(600px) rotateX(0);
	transform: perspective(600px) rotateX(0);
	-webkit-transform-origin: 0 0 0;
	opacity: 1;
	visibility: visible;
	transition: all .7s
}

.main_nav li ul li a {
	font-size: 14px;
	line-height: 1.4;
	padding-top: 8px;
	padding-bottom: 8px;
	font-weight: 600;
	color: #444
}

.main_nav li ul li:hover>i {
	color: #444
}

.main_nav li ul li:hover {
	background-color: #f5f5f5
}

.main_nav li ul li:hover>a {
	color: #444
}

.main_nav li:last-child a {
	border-bottom: none
}

.main_nav li i.fa-angle-right {
	position: absolute;
	right: 5px;
	top: 17px;
	font-size: 15px;
	color: inherit
}

.main_nav li ul li ul {
	top: 0;
	left: calc(100%)
}

.tieude_danhmuc_menu {
	background-image: url('images/bg_general.png');
	background-repeat: no-repeat;
	background-position: 15px;
	background-color: #0757a6;
	color: #fff;
	height: 44px;
	font-size: 13px;
	line-height: 44px;
	padding: 0px 20px 0px 50px;
	text-transform: uppercase;
	font-weight: 700;
	position: relative
}

.menu_danhmuc .fa-chevron-circle-right {
	color: #0757a6;
	margin-right: 10px
}

.tieude_danhmuc_menu i {
	position: absolute;
	right: 20px;
	top: 15px;
	border: 1px solid;
	height: 15px;
	width: 15px;
	border-radius: 50%;
	text-align: center
}

#search {
	overflow: hidden;
	height: 30px;
	width: 300px;
	z-index: 10;
	margin-right: 20px;
	border-radius: 4px
}

#search.action {
	animation-name: fadeInUp;
	animation-duration: 1s;
	display: block
}

#search input {
	height: 30px;
	float: left;
	border: none;
	padding: 0 15px;
	color: rgba(0, 0, 0, 0.8);
	width: calc(100% - 30px);
	background: rgba(255, 255, 255, 0.2);
	border: 0px;
	outline: 0
}

#search i.fa {
	background: rgba(255, 255, 255, 0.2);
	width: 30px;
	line-height: 30px;
	float: right;
	color: rgba(0, 0, 0, 0.8);
	text-align: center;
	cursor: pointer
}

#w_footer {
	position: relative;
	color: rgba(255, 255, 255, .9);
	font-weight: 400
}

#footer {
	position: relative;
	padding: 0px 0px 20px
}

.colf1, .colf2, .colf3 {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
	padding: 0 15px
}

#footer .list_vertical {
	list-style: none
}

#footer .list_vertical li:last-child a {
	margin-bottom: 0px
}

#footer .list_vertical li a {
	color: rgba(255, 255, 255, .9);
	display: inline-block;
	margin-bottom: 1rem;
	font-weight: 400
}

#footer .list_vertical li:hover a {
	color: #0757a6
}

#back-to-top {
	display: none;
	padding: 7px 15px;
	color: #fff;
	background: #444;
	position: fixed;
	right: 15px;
	bottom: 30px;
	cursor: pointer;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	z-index: 1000
}

#back-to-top:hover {
	background: #EC3237;
	color: #fff
}

.logo_footer {
	margin-bottom: 15px;
	text-align: center
}

.logo_footer img {
	width: 80%
}

.div_footer_bottom {
	background-color: #0757a6;
	padding: 15px 0px;
	color: rgba(255, 255, 255, .8)
}

.footer_bottom {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap
}

.footer_bottom ul {
	list-style: none;
	display: flex
}

.footer_bottom ul li {
	display: inline-block;
	padding: 0px 10px;
	color: #fff;
	border-right: 1px solid rgba(255, 255, 255, 0.6)
}

.footer_bottom ul li:first-child {
	padding-left: 0
}

.footer_bottom ul li:last-child {
	border-right: 0
}

.footer_bottom ul li a:hover {
	color: yellow
}

.copy2 {
	font-size: 14px;
	line-height: 20px;
	position: relative;
	color: rgba(255, 255, 255, 0.7);
	padding: 10px 0
}

.ul-inline a {
	color: #222
}

.ul-inline a:hover {
	color: #0757a6
}

.list_footer {
	list-style: none;
	display: flex
}

.list_footer li {
	margin-left: 15px;
	text-align: center
}

.list_footer li a {
	color: #222
}

.list_footer li:hover a {
	color: #0757a6
}

.tt_footer {
	font-size: 18px;
	line-height: 25px;
	font-weight: 700;
	position: relative;
	display: block;
	margin-top: 50px;
	text-transform: uppercase;
	color: #fff
}

.chan_footer {
	width: 80px;
	height: 2px;
	background: rgba(255, 255, 255, .2);
	display: block;
	margin: 5px 0px 20px
}

.f-item {
	font-size: 14px;
	margin-bottom: 1rem;
	display: flex
}

.f-item>i {
	font-size: 15px;
	line-height: 25px;
	width: 25px;
	height: 25px;
	text-align: center;
	border: 1px solid rgba(0, 0, 0, 0.4);
	border-radius: 100%;
	margin-right: 10px
}

.f-item span {
	width: calc(100% - 30px)
}

#social_footer2 {
	margin-top: 15px
}

#social_footer2 a {
	margin-right: 5px;
	display: inline-block
}

#social_footer2 img {
	height: 30px
}

.div_slider {
	width: 100%
}

#slider .slider-img {
	width: 100%;
	height: 100%;
	overflow: hidden
}

#slider .slider-img img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.mybanner {
	width: 100%;
	position: relative;
	background-color: #333
}

.mybanner img {
	width: 100%;
	min-height: 150px;
	object-fit: cover
}

.wtieudepage {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5);
	padding: 5px 0;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center
}

.wtieudepage .tieude_page {
	color: #fff;
	font-size: 30px;
	line-height: 1.1
}

.wtieudepage .breadcumb2 a {
	color: #ccc;
	display: inline-block
}

.wtieudepage .breadcumb2 a i {
	margin: 0 5px
}

.wtieudepage .breadcumb2 span {
	color: #fff
}

.vechungtoi {
	background: #f0f0f0
}

.vechungtoi_item {
	position: relative;
	padding: 24px 0px
}

.vechungtoi_item>a {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 10
}

.vechungtoi_img {
	width: 50px;
	height: 50px;
	padding: 0px;
	float: left
}

.vechungtoi_img img {
	width: 100%
}

.vechungtoi_mota {
	font-size: 15px;
	line-height: 20px;
	float: right;
	width: calc(100% - 60px)
}

.vechungtoi_item .h3 {
	font-size: 15px;
	line-height: 20px;
	font-weight: 700;
	text-transform: uppercase
}

.vechungtoi_item p {
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 0px
}

.item_ykien {
	position: relative
}

.img_ykien {
	width: 100px;
	height: 100px;
	border-radius: 100%;
	overflow: hidden;
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
	border: 2px solid #ccc
}

.img_ykien img {
	width: 100%
}

.name_ykien {
	font-weight: 700;
	color: #0757a6;
	margin-bottom: 5px;
	line-height: 1.2
}

.w_httt .httt {
	width: 20px;
	height: 20px;
	margin-right: 10px;
	cursor: pointer
}

.w_httt {
	line-height: 25px;
	margin-bottom: 10px;
	display: flex;
	justify-content: flex-start;
	align-items: center
}

.w_httt label {
	margin-bottom: 0px;
	cursor: pointer
}

.noidung-httt {
	display: none
}

.shop_cart {
	position: absolute;
	right: 0px;
	top: 50%;
	z-index: 999;
	transform: translateY(-50%)
}

#header.fixed + .shop_cart {
	top: 0%
}

.icon-cart {
	background-image: url('images/i_cart_black.png');
	background-size: cover;
	background-repeat: no-repeat;
	width: 35px;
	height: 35px;
	display: inline-block
}

.shop_cart .num-cart {
	color: #fff;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background-color: #0757a6;
	display: inline-block;
	text-align: center;
	line-height: 28px;
	margin-left: -10px
}

#dathang_tc img {
	display: block;
	margin: 0 auto
}

#donhang_ht {
	list-style: none;
	font-size: 16px;
	line-height: 30px
}

#donhang_ht {
	font-size: 16px;
	line-height: 30px;
	text-align: center;
	width: 50%;
	margin: 0 auto;
	border: 1px solid #ddd;
	padding: 20px
}

#donhang_ht h2 {
	font-size: 24px;
	line-height: 34px;
	color: #0757a6;
	margin: 10px 0px 20px
}

#donhang_ht h3 {
	font-size: 18px;
	line-height: 24px;
	font-weight: 700
}

.btn_madonhang {
	padding: 8px;
	font-size: 20px;
	line-height: 20px;
	background-color: #0757a6;
	color: #fff;
	width: 200px;
	margin: 10px auto
}

.item {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden
}

.item .item_content {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3
}

.item_img {
	position: relative;
	overflow: hidden
}

.item_img a {
	position: relative;
	display: block
}

.item_img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.4s ease-in-out
}

.border_vien {
	padding: 5px;
	border: 1px solid #ccc
}

.item:hover .phong_to img {
	transform: scale(1.1);
	transition: all 0.4s ease-in-out
}

.hover_sang {
	display: block
}

.hover_sang::before {
	position: absolute;
	top: 0;
	left: -85%;
	z-index: 4;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg)
}

.item:hover .hover_sang::before {
	transition: 1s;
	left: 100%
}

.item .item_name {
	margin-top: 15px;
	padding: 0;
	overflow: hidden;
	display: block;
	transition: all 0.3s ease-in-out
}

.item:hover .item_name, .item:hover .item_name a {
	color: #EC3237 !important;
	transition: all 0.3s ease-in-out
}

.item_sl .item_name {
	overflow: hidden
}

.item .item_name, .item .item_name a {
	color: #0757a6;
	font-size: 16px;
	line-height: 20px;
	font-weight: 500
}

.item .item_gia {
	text-align: center;
	margin-bottom: 15px
}

.item:hover .item_gia {
	opacity: 1;
	transition: all 0.2s ease-in-out
}

.del-gia {
	color: #888;
	font-weight: 700;
	font-size: 12px;
	line-height: 20px;
	position: relative;
	margin-right: 10px;
	display: inline-block
}

.del-gia::after {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	height: 1px;
	background: #888
}

.gia-ban {
	color: #EC3237;
	font-weight: 700;
	font-size: 18px;
	line-height: 20px;
	margin: 0px;
	display: inline-block
}

.item_sanpham {
	border: none !important;
	overflow: unset !important
}

.item_sanpham .item_button {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center
}

.item_button i.fa-cart-plus {
	color: #0757a6
}

.product-qty .cart {
	position: relative;
	border-radius: 50px;
	overflow: hidden;
	margin-bottom: 10px;
	margin-left: 30px;
	background: #0757a6 border-box;
	border: 2px solid transparent
}

.item_sanpham .item_button .cart {
	width: 60%;
	margin: 0 auto;
	position: relative;
	border-radius: 50px;
	overflow: hidden;
	background: #0757a6 border-box;
	border: 2px solid transparent
}

.product-qty .cart button, .item_sanpham .item_button .cart button {
	background: #fff;
	color: #121212;
	outline: 0px;
	border: 0px;
	text-align: center;
	border-radius: 50px;
	display: block;
	width: 100%;
	padding: 5px 0px;
	font-size: 14px;
	text-transform: capitalize;
	font-weight: 400;
	transition: all 0.3s ease-in-out
}

.product-qty .cart:hover button, .item_sanpham .item_button .cart:hover button, .item_sanpham .item_button .cart:hover button i.fa-cart-plus {
	color: #fff
}

.product-qty .cart:hover button, .item_sanpham .item_button .cart:hover button {
	color: #fff;
	background: linear-gradient(35deg, #0757a6 0%, #3c91df 100%);
	transition: all 0.3s ease-in-out
}

.div_info_product {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap
}

.mini_img_product {
	margin: 8px -4px 20px
}

.mini_img_product a {
	margin: 0 5px;
	border: 1px solid #ddd;
	padding: 4px
}

.mini_img_product a.slick-slide.slick-active.mz-thumb.mz-thumb-selected {
	border-color: #0757a6
}

.mini_img_product .slick-arrow.slick-prev, .mini_img_product .slick-arrow.slick-next {
	top: calc(50% - 13px);
	width: 10px;
	height: 26px
}

.zoom_slick {
	width: calc(50% - 15px);
	position: relative
}

.zoom_slick #img_product {
	border: 1px solid #ddd;
	width: 100%;
	text-align: center
}

.zoom_slick #img_product img {
}

a.border_mau {
	border-color: #000
}

.info_product {
	width: calc(50% - 15px);
	display: block;
	position: relative;
	list-style: none
}

.info_product li {
	border-bottom: 1px dashed #ddd;
	padding: 8px 0
}

.no-border-bottom {
	border-bottom: none !important
}

.my-flex-between {
	display: flex;
	justify-content: space-between;
	align-items: center
}

.info_product .del-gia {
	font-size: 14px;
	line-height: 14px
}

.info_product .gia-ban {
	font-size: 25px;
	line-height: 25px
}

.my-flex-between span {
	width: 25%
}

.my-flex-between span+span {
	width: 70%
}

.controls {
}

.controls .fa-minus, .controls .fa-plus {
	border: 1px solid #ddd;
	background-color: #fff;
	width: 40px;
	float: left;
	height: 41px
}

.controls input {
	float: left;
	border: 1px solid #ddd;
	background-color: #fff;
	padding: 10px 15px;
	height: 41px;
	width: 100px;
	border-left: 0;
	border-right: 0;
	text-align: center
}

.info_product .cart button {
	padding: 8px 20px
}

.info_product .product-qty {
	display: flex;
	flex-wrap: wrap
}

#tabs .tab-pane {
	padding: 20px;
	border: 1px solid #ddd;
	border-top: none
}

#tabs .nav-link {
	font-size: 15px;
	line-height: 25px;
	color: #bbb;
	text-transform: capitalize;
	font-weight: 700
}

#tabs .nav-link.active {
	color: #222
}

.btn-mua-ngay {
	padding: 10px 15px;
	background: #0757a6;
	color: #fff !important;
	text-align: center;
	transition: all 0.5s ease;
	margin-bottom: 10px;
	display: block;
	border-radius: 4px
}

.btn-mua-ngay:hover {
	background-color: #681D0F;
	color: #fff !important
}

.btn-mua-ngay span {
	display: block;
	font-size: 18px;
	line-height: 25px;
	text-transform: uppercase;
	cursor: pointer;
	font-weight: 700
}

.btn-mua-ngay span+span {
	font-size: 16px
}

.a_baogia {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between
}

.a_baogia a {
	-ms-flex: 0 0 calc(50% - 5px);
	flex: 0 0 calc(50% - 5px);
	max-width: calc(50% - 5px);
	color: #fff;
	font-weight: 300;
	padding: 6px 10px;
	display: inline-block;
	text-align: center;
	font-size: 14px;
	line-height: 25px;
	border-radius: 4px
}

.a_baogia a:first-child {
	background: #0757a6
}

.a_baogia a:last-child {
	background: #0fa8e1
}

.text_khuyenmai {
	border: 1px solid rgba(208, 0, 10, 0.1);
	background: rgba(208, 0, 10, 0.05);
	padding: 15px
}

.text_khuyenmai p {
	margin-bottom: 4px
}

#w_doitac {
	background-color: #f5f5f5;
	padding: 30px 0px
}

.item_doitac {
	height: 120px;
	overflow: hidden;
	text-align: center;
	border: 1px solid #aaa;
	padding: 5px;
	margin: 0 10px;
	display: block;
	background-color: #fff
}

.item_doitac img {
	width: 100%;
	height: 100%;
	vertical-align: middle;
	object-fit: contain
}

.item_news {
	position: relative
}

.item_news .item_name {
	font-weight: 700;
	text-align: left;
	margin-top: 0
}

.item_news {
	padding: 15px 0;
	border-bottom: 1px dashed #C6C6C6
}

.item_news.item_news_white .item_name, .item_news.item_news_white .item_name a {
	color: yellow !important
}

.item_news.item_news_white .item_time {
	font-size: 12px
}

.item_news.item_news_white .item_time, .item_news.item_news_white .item_content {
	color: #fcfcfc
}

.item_news .item_img {
	border-radius: 10px;
	border: 1px solid #DCDCDC;
	width: 170px;
	float: left;
	margin-right: 15px
}

.item_news .item_content {
	color: #666;
	text-align: left
}

.bg_new_time {
	position: relative
}

.bg_new_time::before {
	content: '';
	position: absolute;
	left: 5px;
	top: 5px;
	z-index: 2;
	width: 50px;
	height: 75px;
	background: rgba(255, 255, 255, 0.7)
}

.item_news2 .new_time {
	position: absolute;
	left: 10px;
	top: 10px;
	z-index: 3;
	text-align: center;
	padding: 5px 10px;
	background: #0757a6;
	border: 2px solid #0757a6
}

.item_news2 .new_time span {
	display: block;
	color: #fff;
	text-align: center
}

.item_news2 .new_time .day {
	font-size: 18px;
	line-height: 1;
	font-weight: 700;
	margin-bottom: 5px
}

.item_news2 .new_time .month {
	font-size: 12px;
	line-height: 1
}

.item.border_hover {
	padding-bottom: 20px
}

.item.border_hover .item_name, .item.border_hover .item_content {
	padding: 0 20px
}

.border_hover {
	box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease-in-out
}

.border_hover:hover {
	box-shadow: 1px 1px 20px 2px rgba(0, 0, 0, 0.2);
	transition: all 0.3s ease-in-out
}

.item_news_detail .info {
	color: #666;
	font-size: 14px;
	margin-bottom: 15px
}

.list_tin_khac {
	list-style: none;
	font-size: 15px;
	line-height: 25px
}

.list_tin_khac a {
	color: #333;
	transition: 0.4s
}

.list_tin_khac a:hover {
	color: #0757a6;
	transition: 0.4s;
	padding-left: 10px
}

.item_news_detail .info span {
	margin-right: 20px
}

.item_s {
	box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
	color: #333;
	text-align: left
}

.item_s h3 {
	font-size: 14px;
	line-height: 20px;
	text-transform: capitalize
}

.item_s .s_img {
	width: 100%;
	height: 150px;
	border-bottom: 1px solid #ccc;
	display: flex;
	justify-content: center;
	align-items: center
}

.item_s .s_img img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain
}

.item_s .s_noidung {
	padding: 10px 15px
}

#frm_contact label {
	margin-bottom: 5px
}

.myrow {
	display: flex;
	flex-wrap: wrap;
	margin-right: -2px;
	margin-right: -2px
}

.myrow2 {
	display: flex;
	flex-wrap: wrap
}

.mycol {
	padding-right: 2px;
	padding-left: 2px;
	margin-bottom: 4px
}

.colx3 {
	width: 33.33%
}

.colx4 {
	width: 25%
}

.item_list {
	font-size: 14px;
	line-height: 20px;
	text-transform: capitalize;
	border-bottom: 1px solid #ccc;
	margin-bottom: 0px
}

.item_list:last-child {
	border-bottom: none
}

.item_list:hover {
	background: #f0f0f0
}

.item_list a {
	padding: 10px 20px;
	color: #333;
	font-weight: 700;
	display: flex;
	align-items: flex-start
}

.item_list a i.fa {
	color: #666;
	font-weight: 700;
	margin-top: 4px;
	margin-right: 5px
}

#du-an {
	background-color: #F5F5F5
}

.item_duan {
	text-align: center;
	padding: 0px;
	border: none !important;
	position: relative
}

.hover_eye {
	position: absolute;
	z-index: 2;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5);
	opacity: 0;
	transition: all .3s ease-in-out;
	z-index: 4
}

.hover_eye img {
	font-size: 16px;
	width: 50px;
	height: 50px;
	text-align: center;
	border-radius: 100%;
	position: absolute;
	left: calc(50% - 25px);
	top: calc(50% - 25px)
}

.item_duan:hover .hover_eye {
	opacity: 1;
	transition: all .3s ease-in-out
}

.item_duan .item_name {
	padding: 0px !important
}

.item_duan .item_name {
	position: relative
}

.item_duan .item_name::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -5px;
	width: 50px;
	height: 2px;
	background: #0757a6
}

.item_duan .item_name::before {
	content: '';
	position: absolute;
	left: 0;
	bottom: -5px;
	width: 140px;
	height: 2px;
	background: #ccc
}

.item_duan .item_info {
	padding-top: 10px
}

.item_duan .item_info div {
	padding-bottom: 7px
}

.vien_trong {
	position: relative
}

.vien_trong::after {
	content: '';
	position: absolute;
	left: 10px;
	top: 10px;
	width: calc(100% - 20px);
	height: calc(100% - 20px);
	border: 1px solid #fff;
	z-index: 4
}

.item_txt_cover {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 2;
	background-color: rgba(0, 0, 0, 0.5);
	padding: 10px;
	opacity: 0;
	transition: all 0.3s ease-in-out;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center
}

.item:hover .item_txt_cover {
	opacity: 1;
	transition: all 0.3s ease-in-out
}

.item_txt_cover .item_name {
	color: #fff;
	text-transform: uppercase;
	font-size: 17px
}

.item:hover .item_txt_cover .item_name {
	color: #fff !important;
	transition: all 0.3s ease-in-out
}

.item_txt_cover .item_thoigian {
	color: #09E0E8
}

.slider-sub {
	margin: 10px 0px 20px
}

.slider-sub .sub_img {
	border: 1px solid #ddd;
	margin: 0 4px;
	padding: 4px
}

.news_index {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}

.news-main {
	width: 50%;
	height: 390px;
	box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.1);
	overflow: hidden
}

.news-sub {
	width: 47%;
	height: 390px;
	box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.1);
	overflow: hidden
}

.news-sub .slick-list {
	height: auto !important
}

.item_tin {
	padding: 15px 10px;
	border-bottom: 1px solid #ccc !important;
	position: relative
}

.item_tin>a {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 5
}

.item_tin:last-child {
	border-bottom: none
}

.item_tin:hover, .item_tin.slick-current {
	background: #f0f0f0
}

.item_tin h4 {
	font-size: 14px;
	line-height: 20px;
	font-weight: 700;
	text-transform: capitalize;
	margin-bottom: 0
}

.item_tin p {
	color: #666;
	margin: 5px 0px 0px;
	font-size: 14px
}

div.gallery-image-item {
	display: inline-block;
	padding: 5px;
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%;
	width: 25%
}

div.gallery-image-item img {
	width: 100%
}

div.gird_hinh {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -5px;
	margin-left: -5px
}

.main_img {
	width: 100%;
	height: 100%;
	overflow: hidden
}

.main_img img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.ul_tab {
	position: relative;
	text-align: center;
	list-style: none;
	display: flex;
	justify-content: center;
	flex-wrap: wrap
}

.ul_tab li {
	display: inline-block;
	padding: 5px 15px;
	text-transform: capitalize;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	margin-bottom: 15px;
	cursor: pointer;
	position: relative;
	border: 1px solid #ccc;
	border-radius: 18px;
	margin-left: 10px;
	transition: all 0.4s ease
}

.ul_tab li.act, .ul_tab li:hover {
	border-color: #0757a6;
	color: #0757a6;
	transition: all 0.4s ease
}

.item_video {
	border: 0px
}

.item_video .playvideo {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 15
}

.item_video i.fa-play {
	color: #fff;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border-radius: 100%;
	display: block;
	background: rgba(0, 0, 0, .5);
	transition: all .3s ease-in-out
}

.item_video:hover i.fa-play {
	background: #FF0000;
	transition: all .3s ease-in-out
}

.item_video .play {
	position: absolute;
	z-index: 5;
	width: 80px;
	height: 80px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	border-radius: 100%;
	background-image: url(images/play.svg);
	background-color: rgba(0, 0, 0, .2);
	background-size: contain;
	transition: all .3s ease-in-out
}

.item_video:hover .play {
	background-color: rgba(0, 0, 0, .5);
	transition: all .3s ease-in-out
}

.hr_x2 {
	width: 100%;
	border-top: 4px double #d0d0d0;
	margin: 30px 0px
}

.img_up {
	width: 100%;
	text-align: center
}

.img_up p {
	margin-top: 10px
}

#w_nhantin {
	background-color: #F5F5F5;
	padding: 20px 0px
}

.ten_nhantin {
	color: #0757a6;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 25px;
	line-height: 35px;
	letter-spacing: 1px
}

.noidung_nhantin {
	font-size: 18px;
	line-height: 28px
}

.noidung_nhantin {
}

#frm_nhantin #email_nhantin {
	width: 70%;
	float: left;
	height: 50px;
	border-radius: 0;
	border: 0;
	outline: 0;
	background-color: rgba(255, 255, 255, 0.5)
}

#frm_nhantin #email_nhantin:focus {
	outline: 0
}

#frm_nhantin #submit_nhantin {
	width: 30%;
	float: right;
	height: 50px
}

.slick_sp .slick-arrow {
	top: 34.5%
}

.slick_sp .slick-arrow.slick-prev {
	left: -10px
}

.slick_sp .slick-arrow.slick-next {
	right: -10px
}

#text_seo {
	position: relative
}

#text_seo .content {
	height: 100px;
	overflow: hidden
}

#text_seo.active .content {
	height: auto !important;
	padding-bottom: 40px
}

#text_seo .xemthem {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding-top: 20px;
	text-align: center;
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.9) 100%)
}

#text_seo .xemthem button {
	background-color: rgba(255, 255, 255, 0.8);
	border: 1px solid #0757a6;
	color: #0757a6;
	padding: 11px 30px;
	text-transform: capitalize;
	font-size: 14px;
	line-height: 1;
	border-radius: 20px;
	transition: all 0.4s ease-in-out;
	outline: 0;
	font-weight: 400
}

#text_seo .xemthem button:hover {
	background-color: #0757a6;
	color: #fff;
	transition: all 0.4s ease-in-out
}

#theoyeucauindex .content {
	color: #fff;
	width: 70%;
	margin: 0 auto
}

#theoyeucauindex .form-control {
	background-color: rgba(255, 255, 255, 0.1);
	border: 1px solid rgba(255, 255, 255, 0.4);
	color: #fff;
	font-size: 18px;
	line-height: 26px;
	font-weight: 300
}

#theoyeucauindex select.form-control option {
	color: #222;
	line-height: 30px
}

#theoyeucauindex .form-control::placeholder {
	color: #fff
}

a.a_cover {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 5
}

.sizesp {
	display: inline-block;
	padding: 5px 12px;
	font-size: 15px;
	line-height: 15px;
	border: 1px solid #ddd;
	border-radius: 4px;
	color: #111;
	transition: all 0.3s ease-in-out
}

.sizesp:hover {
	cursor: pointer
}

.sizesp.sizesp_active {
	border-color: #0757a6;
	color: #0757a6;
	transition: all 0.3s ease-in-out
}

.item_giasize {
	margin-bottom: 10px
}

.item_giasize .item_gia {
	float: left
}

.item_giasize .item_size {
	float: right
}

.item_size {
	display: flex;
	flex-direction: column;
	position: relative
}

.item_size span.chon_size {
	padding: 5px 10px;
	font-size: 14px;
	line-height: 14px;
	background: rgba(0, 0, 0, 0.1)
}

.item_size span.chon_size:hover {
	cursor: pointer
}

.item_size .w_size {
	position: absolute;
	right: 0px;
	bottom: 100%;
	max-width: 200px;
	min-width: 80px;
	z-index: 30;
	background: #fff;
	border: 1px solid rgba(0, 0, 0, 0.1);
	box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1);
	display: none
}

.item_size .sizesp {
	border: 0;
	padding: 5px 5px;
	display: block;
	background: #fff
}

.item_size .w_size.active {
	display: block
}

.select_size {
	padding: 5px 10px;
	border: 1px solid #ddd;
	width: 100%
}

.item_sanpham .item_name {
	text-align: center;
	margin-bottom: 15px
}

.item_sanpham .item_name a {
	display: block
}

.item_sanpham .item_name, .item_sanpham .item_name a, .item_sanpham:hover .item_name a {
	color: #333 !important
}

.gia1 {
	width: 100%;
	text-align: center;
	display: block
}

#noidung_contact {
	height: 146px
}

.spbanchay {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 10;
	width: 50px;
	height: 50px
}

.zoom_slick .spbanchay {
	top: -10px;
	right: 20px
}

.spbanchay img {
	width: 100%;
	height: 100%
}

.bg-fb-comments {
	background-color: #fff;
	padding: 0px
}

.soluongsp {
	position: relative;
	width: 80px;
	height: 28px
}

.soluongsp input {
	height: 28px
}

.soluongsp span.fa {
	position: absolute;
	right: 0;
	width: 15px;
	height: 14px;
	color: #666;
	font-size: 8px;
	line-height: 12px;
	font-weight: 300;
	border: 1px solid #DEE2E6;
	z-index: 5;
	background: #fff;
	display: inline-block
}

.soluongsp span.fa-plus {
	top: 0
}

.soluongsp span.fa-minus {
	bottom: 0
}

.item_star {
	color: #F5A623;
	text-align: center;
	margin-bottom: 10px;
	font-size: 12px;
	line-height: 1
}

.color_star {
	color: #F5A623;
	line-height: 1
}

.txt_in_hoa {
	text-transform: uppercase !important
}

.item_danhmuc {
	text-align: center
}

.box_lich {
	border: 10px solid #0757a6
}

.box_lich .datlich {
	display: block;
	margin-top: 15px;
	margin-left: 30px;
	color: #0757a6;
	background: url('images/calendar.png') no-repeat left top;
	text-transform: uppercase;
	font-size: 20px;
	padding-left: 75px;
	font-weight: bold;
	box-sizing: border-box;
	padding-top: 7px;
	padding-right: 20px;
	margin-bottom: 10px
}

.box_video {
	width: 100%
}

.clickvideo {
	width: 100%;
	height: 35px;
	margin-top: 4px;
	border-radius: 4px;
	border: 1px solid #ccc
}

.video-frame {
	height: 240px !important
}

.clickvideo:hover, .clickvideo:focus {
	outline: none
}

.box_faq .item_faq {
	display: block;
	padding: 10px 0px 10px 40px;
	background: url('images/cauhoi.png') no-repeat left center;
	margin-bottom: 14px;
	font-size: 15px;
	color: #444
}

.box_chung {
	background: url('images/bgduoi.png') no-repeat top center;
	background-size: 100% 100%;
	padding: 10px;
	min-height: 280px
}

.bg_media2 .h-100 {
	display: flex;
	flex-direction: column
}

.bg_media2 .box_chung {
	flex: 1 0 auto;
	min-height: 345px
}

.privacy-consent {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	margin: 10px 0 15px;
	font-size: 13px;
	line-height: 19px;
	text-align: left
}

.privacy-consent input[type="checkbox"] {
	flex: 0 0 auto;
	width: 18px;
	height: 18px;
	margin: 1px 0 0;
	cursor: pointer;
	accent-color: #0757a6
}

.privacy-consent label {
	margin: 0;
	cursor: pointer
}

.privacy-consent a {
	color: #0757a6;
	font-weight: 700;
	text-decoration: none
}

.privacy-consent a:hover,
.privacy-consent a:focus {
	color: #06437f;
	text-decoration: underline
}

[data-requires-consent]:disabled {
	cursor: not-allowed !important;
	opacity: .6
}

.item_dathen {
	margin-bottom: 7px
}

.item_dathen p {
	float: left;
	min-width: 120px;
	margin-bottom: 2px
}

.item_dathen .form_input {
	width: calc(100% - 120px);
	padding: 5px 10px;
	border: 1px solid #D6D6D6;
	box-sizing: border-box;
	background: #F7F7F7
}

.item_dathen label {
	cursor: pointer;
	margin-bottom: 0
}

#frm_dathen #reset_dathen {
	margin-left: 12px
}

.quangcao_img {
	width: 100%;
	margin: 0 auto;
	max-width: 350px
}

.quangcao_img img {
	width: 100%
}

div.grecaptcha-badge {
	display: none !important;
	width: 0px !important;
	height: 0px !important;
	visibility: hidden !important;
	overflow: hidden
}

@media only screen and (max-width:1282px) {
	#tieude_danhmuc_menu .fa-caret-down {
		opacity: 0
	}

	.item_dathen p {
		min-width: 100px
	}

	.item_dathen .form_input {
		min-width: calc(100% - 100px)
	}

	.main_nav li a {
		font-size: 11px;
		padding: 0 15px
	}

}

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

@media only screen and (max-width:1025px) {
	#search {
		width: 200px
	}

	.mobi_none {
		display: none
	}

}

@media only screen and (max-width:992px) {
	.menu_email {
		display: block
	}

	.video-frame {
		height: 350px !important
	}

	div.gallery-image-item {
		display: inline-block;
		padding: 5px;
		-ms-flex: 0 0 33.3333333%;
		flex: 0 0 33.3333333%;
		max-width: 33.3333333%;
		width: 33.3333333%
	}

	.container_2 {
		width: 100%
	}

	.icon-cart {
		width: 30px;
		height: 30px
	}

	.shop_cart .num-cart {
		width: 25px;
		height: 25px;
		line-height: 25px
	}

	.ul_tab li {
		font-size: 15px;
		line-height: 20px;
		padding: 5px 10px
	}

	.item_sanpham .item_button .cart {
		width: 100%
	}

	.item_sanpham .item_button .cart button {
		padding: 4px 2px
	}

	.item .item_name, .item .item_name a {
		font-size: 14px;
		line-height: 20px
	}

	.lobibox-notify-wrapper-large.bottom, .lobibox-notify-wrapper.bottom {
		bottom: 50px !important
	}

	.tieude_page, .tieude_gc span, .tieude_detail {
		font-size: 20px !important;
		line-height: 25px !important
	}

	.colx4 {
		width: 50% !important
	}

	.news-sub {
		height: auto !important
	}

	.main_nav, .logo_head, .h_hotline {
		display: none
	}

	.h_ngonngu {
		position: relative;
		top: unset;
		right: unset;
		text-align: center
	}

	.w_top_head {
		padding-bottom: 10px;
		background: unset !important
	}

	.w_top_head .container {
		max-width: 100% !important;
		padding: 0
	}

	.banner_head {
		width: 100%;
		text-align: center
	}

	.banner_head img {
		height: unset;
		width: 450px;
		max-width: 100%
	}

	#tieude_danhmuc_menu {
		display: none
	}

	#content_right, #content_left {
		width: 100% !important;
		float: unset !important
	}

	div#header.fixed {
		top: 0 !important
	}

	#back-to-top {
		bottom: 70px !important;
		right: 10px !important
	}

	.info_product, .zoom_slick {
		width: 100% !important
	}

	.footer_bottom {
		margin-bottom: 45px;
		flex-direction: column-reverse
	}

	.footer_bottom ul {
		margin-bottom: 30px
	}

	.copy2 {
		text-align: center;
		margin-top: 10px
	}

	.list_footer li {
		margin-left: 0 !important
	}

	.news_index {
		margin-bottom: 20px
	}

	.soluongsp {
		width: 70px
	}

}

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

@media only screen and (max-width:600px) {
	div.gallery-image-item {
		display: inline-block;
		padding: 5px;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
		width: 50%
	}

	.div_breadcrumb .breadcrumb .container {
		padding: 0
	}

	.x_map iframe {
		height: 300px !important
	}

	.vechungtoi_item {
		padding: 15px 0px
	}

	#theoyeucauindex .content {
		width: 100%
	}

	.a_baogia a {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column
	}

	#frm_nhantin #submit_nhantin {
		padding: 8px;
		font-size: 14px
	}

	.logo_footer, .ten_nhantin, .noidung_nhantin {
		text-align: center
	}

	#news_index .slick-arrow {
		display: none !important
	}

	#content_left {
		display: block !important
	}

	.info_product .product-qty {
		flex-direction: column
	}

	.info_product .product-qty .cart {
		margin-top: 10px
	}

	.info_product .cart {
		margin-left: 0
	}

	.news-main, .news-sub {
		width: 100% !important
	}

	.f_map {
		padding-right: 0px !important
	}

	.f_map iframe {
		height: 300px !important
	}

	.controls .fa-minus, .controls .fa-plus {
		width: 70px !important
	}

	.controls input {
		width: calc(100% - 140px) !important
	}

}

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

@media only screen and (max-width:425px) {
	.item.border_hover .item_name, .item.border_hover .item_content {
		padding: 0 15px
	}

	.tieude_chung {
		padding-left: 80px
	}

	div.gallery-image-item {
		display: inline-block;
		padding: 5px;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		width: 100%
	}

	.video-frame {
		height: 250px !important
	}

}

@media only screen and (max-width:414px) {
	#tabs .nav-link {
		font-size: 14px;
		line-height: 18px
	}

	.colx4 {
		width: 100% !important
	}

	.colx3 {
		width: 50% !important
	}

}

@media only screen and (max-width:380px) {
	.hiddenmobi {
		display: none
	}

	.item_news .item_img {
		width: 120px;
		margin-right: 10px
	}

}

@media only screen and (max-width:365px) {
	.item_news_detail .info .date, .item_news_detail .info .view {
		display: block
	}

}

@media only screen and (max-width:320px) {
	#tabs .nav-link {
		font-size: 12px;
		line-height: 16px
	}

	.col-min-1 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%
	}

}

@media only screen and (min-width:600px) {
	.colf1 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%
	}

	.colf2 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%
	}

	.colf3 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%
	}

}

@media only screen and (min-width:768px) {
}

@media only screen and (min-width:992px) {
	.colf1, .colf2, .colf3 {
		-ms-flex: 0 0 33.3333%;
		flex: 0 0 33.3333%;
		max-width: 33.3333%
	}

}

@media only screen and (min-width:1200px) {
	.main_nav li a {
		padding-right: 20px;
		padding-left: 20px
	}

	.colf1 {
		-ms-flex: 0 0 40%;
		flex: 0 0 40%;
		max-width: 40%
	}

	.colf2 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%
	}

	.colf3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%
	}

}

@media only screen and (min-width:1500px) {
}
.box_chung {
padding-bottom: 20px !important;
}

/* LV Dental brand and homepage specification */
:root {
	--lv-blue: #0757a6;
	--lv-blue-dark: #06437f;
	--lv-blue-light: #eaf3fb;
	--lv-yellow: #ffd400;
}

a,
a:hover,
.item .item_name a,
.name_ykien,
.list_tin_khac a:hover,
.menu_danhmuc .fa-chevron-circle-right,
.ten_nhantin,
.privacy-consent a,
.privacy-consent a:hover,
.privacy-consent a:focus {
	color: var(--lv-blue);
}

.button-viewall,
.pages li a#active_z,
.pages li a:hover,
.pages li .active,
.pages li .active:hover,
.tieude_chung,
.tieude_danhmuc_menu,
.item_news2 .new_time,
.div_footer_bottom,
.mybtn,
.btn-do,
.shop_cart .num-cart {
	background-color: var(--lv-blue);
	border-color: var(--lv-blue);
}

.button-viewall,
#text_seo .xemthem button,
.sizesp.sizesp_active,
.ul_tab li.act,
.ul_tab li:hover {
	color: var(--lv-blue);
	border-color: var(--lv-blue);
}

.button-viewall:hover,
#text_seo .xemthem button:hover {
	background-color: var(--lv-blue);
}

.header-utility {
	height: 44px;
	background: #ededed;
	color: var(--lv-blue);
}

.header-utility-inner {
	height: 44px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.header-slogan {
	font-size: 16px;
	font-style: italic;
}

.header-actions {
	display: flex;
	align-items: center;
	height: 100%;
}

.header-actions a {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	padding: 0 24px;
	font-size: 16px;
	color: var(--lv-blue);
}

.header-actions a + a {
	border-left: 2px solid var(--lv-blue);
}

.top_head {
	display: flex;
	align-items: center;
	min-height: 168px;
}

.logo_head {
	flex: 0 0 190px;
	text-align: center;
}

.logo_head img {
	width: auto;
	height: 145px;
	object-fit: contain;
}

.banner_head {
	flex: 1 1 auto;
	display: block;
	padding: 15px 20px;
	text-align: center;
}

.banner_head .brand-content {
	display: block;
	color: var(--lv-blue);
}

.brand-name {
	font-size: 50px;
	line-height: 1.18;
	font-weight: 700;
	letter-spacing: .5px;
	color: #1d55a1;
}

.brand-name strong {
	color: #ad2027;
	font-weight: 700;
}

.brand-specialty {
	margin-top: 5px;
	font-size: 20px;
	line-height: 1.35;
	font-weight: 700;
	color: #1d55a1;
}

.brand-address {
	margin-top: 2px;
	font-size: 18px;
	line-height: 1.4;
	font-weight: 400;
	color: #1d55a1;
}

.header-hotline strong {
	color: #b42025;
}

.menu_main {
	background: var(--lv-blue);
}

.main_nav {
	width: 100%;
}

.main_nav li.line {
	width: 1px;
	background: rgba(255,255,255,.45);
	transform: skewX(-15deg);
}

.main_nav>li>a.active,
.main_nav>li>a:hover {
	color: #142f50;
	background: var(--lv-yellow);
	clip-path: polygon(8% 0, 100% 0, 92% 100%, 0 100%);
}

.menu_appointment {
	display: none;
}

.tieude_index {
	width: 325px;
	max-width: calc(100% - 30px);
	height: 69px;
	line-height: 39px;
	margin: 0 auto 30px;
	padding: 0;
	background: url('images/Hue_Saturation 2.png') center center/100% 100% no-repeat;
}

.tieude_index::before,
.showcase-title::before {
	display: none;
}

.tieude_index span {
	height: 69px;
	padding-top: 30px;
	position: relative;
	z-index: 1;
}

.tieude_chung_2 {
	height: 37px;
	padding-left: 14px;
	background: repeating-linear-gradient(-45deg, transparent, transparent 3px, #e3e8ee 3px, #e3e8ee 4px) left bottom/100% 8px no-repeat;
	border-left: 6px solid var(--lv-blue);
}

.tieude_chung_2 span {
	background: none;
	color: var(--lv-blue);
	font-size: 20px;
}

.box_lich {
	border-color: var(--lv-blue);
}

.box_lich .datlich {
	color: var(--lv-blue);
}

.box_faq .item_faq {
	position: relative;
	background: none;
}

.box_faq .item_faq::before {
	content: '?';
	position: absolute;
	left: 0;
	top: 7px;
	width: 31px;
	height: 31px;
	line-height: 31px;
	border-radius: 50%;
	background: var(--lv-blue);
	color: #fff;
	font-weight: 700;
	text-align: center;
}

.appointment-box {
	min-height: 330px;
	padding: 18px 16px;
	border: 1px solid #cfd8e3;
	border-radius: 4px;
	background: #fff;
	box-shadow: 0 5px 20px rgba(7,87,166,.08);
}

.appointment-box .privacy-consent {
	margin-bottom: 12px;
}

.appointment-honeypot {
	position: absolute !important;
	left: -10000px !important;
	top: auto !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
}

.appointment-actions {
	text-align: right;
}

.appointment-actions .mybtn {
	padding: 8px 18px;
	border: 0;
	color: #fff;
	border-radius: 3px;
}

.appointment-actions .mybtn:hover {
	background: var(--lv-blue-dark);
}

.showcase-section {
	padding: 58px 0 35px;
}

.certificate-section {
	background: #ededed;
}

.showcase-title {
	position: relative;
	width: 325px;
	max-width: calc(100% - 30px);
	height: 69px;
	line-height: 39px;
	margin: 0 auto 35px;
	padding-top: 30px;
	background: url('images/Hue_Saturation 2.png') center center/100% 100% no-repeat;
	color: #fff;
	font-size: 18px;
	font-weight: 400;
	text-align: center;
	text-transform: uppercase;
}

.showcase-title span {
	position: relative;
	z-index: 1;
}

.showcase-empty {
	width: 100%;
	padding: 35px 15px;
	color: #7a8794;
	text-align: center;
	font-style: italic;
}

.before-after-card {
	height: 100%;
	text-align: center;
}

.before-after-image {
	height: 230px;
	padding: 5px;
	background: #246ac5;
}

.before-after-image a,
.before-after-image img {
	display: block;
	width: 100%;
	height: 100%;
}

.before-after-image img {
	object-fit: cover;
}

.before-after-card h3 {
	margin: 14px 0 5px;
	color: var(--lv-blue);
	font-size: 17px;
	font-weight: 700;
	text-transform: uppercase;
}

.before-after-description {
	font-size: 16px;
	line-height: 1.45;
}

.certificate-list {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-wrap: wrap;
	gap: 24px;
}

.certificate-item {
	margin: 0;
	text-align: center;
}

.certificate-item a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 270px;
	max-width: 390px;
	background: #3b3b3b;
	overflow: hidden;
}

.certificate-item img {
	width: auto;
	height: 100%;
	max-width: 100%;
	object-fit: contain;
}

.certificate-item figcaption {
	max-width: 390px;
	margin-top: 8px;
	color: var(--lv-blue-dark);
}

#w_footer {
	background-color: var(--lv-blue-dark);
	background-blend-mode: multiply;
}

#footer .list_vertical li:hover a {
	color: #fff;
	text-decoration: underline !important;
}

@media only screen and (max-width: 992px) {
	.header-utility {
		display: none;
	}

	.top_head {
		min-height: 0;
		padding: 10px 15px 14px;
	}

	.banner_head {
		padding: 5px 0;
	}

	.brand-name {
		font-size: 30px;
	}

	.brand-specialty,
	.brand-address {
		font-size: 15px;
	}

	.menu_main {
		height: 52px;
		line-height: 52px;
	}

	.menu_appointment {
		display: inline-flex;
		align-items: center;
		gap: 7px;
		position: absolute;
		right: 12px;
		top: 8px;
		height: 36px;
		padding: 0 14px;
		border-radius: 4px;
		background: #fff;
		color: var(--lv-blue);
		font-weight: 600;
		line-height: 36px;
	}

	.menu_appointment:hover {
		color: var(--lv-blue-dark);
	}

	.appointment-box {
		min-height: 0;
	}
}

@media only screen and (max-width: 600px) {
	.top_head {
		padding: 8px 10px 10px;
	}

	.brand-name {
		font-size: 22px;
		line-height: 1.25;
	}

	.brand-specialty {
		margin-top: 4px;
		font-size: 11px;
		line-height: 1.4;
	}

	.brand-address {
		margin-top: 3px;
		font-size: 12px;
		line-height: 1.4;
	}

	.w_dichvu {
		padding: 30px 0;
	}

	.tieude_chung_2 span {
		font-size: 17px;
	}

	.item_dathen p {
		float: none;
		width: 100%;
	}

	.item_dathen .form_input {
		width: 100%;
	}

	.before-after-image {
		height: auto;
		aspect-ratio: 39 / 23;
	}

	.certificate-list {
		gap: 18px;
	}

	.certificate-item,
	.certificate-item a {
		width: 100%;
	}

	.certificate-item a {
		height: 320px;
	}
}