@charset "utf-8";

@font-face {
	font-family: 'RobotoRegular';
	src: url('../fonts/RobotoRegular/RobotoRegular.eot');
	src: url('../fonts/RobotoRegular/RobotoRegular.eot') format('embedded-opentype'),
		url('../fonts/RobotoRegular/RobotoRegular.woff2') format('woff2'),
		url('../fonts/RobotoRegular/RobotoRegular.woff') format('woff'),
		url('../fonts/RobotoRegular/RobotoRegular.ttf') format('truetype'),
		url('../fonts/RobotoRegular/RobotoRegular.svg#RobotoMedium') format('svg');
	font-display: swap;
}

@font-face {
	font-family: 'SFUFuturaBold';
	src: url('../fonts/SFUFuturaBold.TTF');
	font-display: swap;
}

@font-face {
	font-family: 'SFUFuturaRegular';
	src: url('../fonts/SFUFuturaRegular.TTF');
	font-display: swap;
}

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

body {
	font-family: 'RobotoRegular';
	font-size: 14px;
}

a {
	text-decoration: none;
}

img {
	max-width: 100%;
	border-style: none;
}

.margin_auto {
	width: 1250px;
	margin: auto;
	position: relative;
	text-align: left;
}

/* Lazyload */
img.lazy {
	opacity: 0;
}

img:not(.initial) {
	transition: opacity 1s;
}

img.initial,
img.loaded,
img.error {
	opacity: 1;
}

img:not([src]) {
	visibility: hidden;
}



#bg-web {
	width: 100%;
	position: relative;
	margin: auto;
	display: inline-block;
	/* background:url(../images/body-cen.png) repeat-y; */
	background: #edeff4;
}

#support {
	position: fixed;
	right: 73px;
	z-index: 100;
	width: 230px;
	height: 178px;
	background: url(../images/bg-hotro.png) no-repeat;
	cursor: pointer;
	color: #fff;
	font-size: 19px;
	padding-top: 47px;
	padding-left: 91px;
	font-family: Tahoma, Geneva, sans-serif;
	text-align: left;
}

#support span {
	font-size: 13px;
}

#container {
	width: 100%;
	float: left;
	background-size: 100% 100%;
	text-align: center;
}

.container {
	width: 100%;
	float: left;
	/* background: url(../images/footer.html) no-repeat bottom center; */
}

.logo {
	width: 200px;
}

#banner img {
	max-width: 100%;
	display: block;
}

.banner {
	margin-top: 10px;
	width: calc(100% - 210px);
}

#search {
	float: right;
	margin-top: 20px;
}

#top {
	width: 100%;
	background: #2a2a2a;
	padding: 8px 0;
	display: block;
}

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

.wap_top_menu {
	width: calc(100% - 40%);
}

.wap_top_menu ul {
	margin: 0 auto;
}

.wap_top_menu ul li {
	list-style: none;
	background: url(../images/line-menu-b.png) no-repeat right center;
	padding: 0 25px;
	display: inline-block;
}

.wap_top_menu ul li:last-child {
	background: none;
}

.wap_top_menu ul li a {
	color: #ffffff;
	font-weight: bold;
	font-size: 14px;
	font-family: 'SFUFuturaRegular';
}

.wap_top_menu ul li a:hover,
.wap_top_menu ul li.active a {
	color: #ffff00;
}

.top-mxh {
	display: flex;
	width: 40%;
	justify-content: flex-end;
}

.top-mxh img {
	/*    width: 20px;*/
}

.top-mxh a {
	display: flex;
	padding: 0px 5px;
	align-items: center;
}

.top-mxh a:hover {}

.menu_bottom {
	float: left;
	width: 100%;
	height: 57px;
	background: url(../images/menu_bottom.png) no-repeat center;
	text-align: center;
	line-height: 48px;
}

.menu_bottom ul {
	margin: 0 auto;
}

.menu_bottom ul li {
	list-style: none;
	background: url(../images/line-menu-b.png) no-repeat right center;
	padding: 0 25px;
	display: inline-block;
}

.menu_bottom ul li:last-child {
	background: none;
}

.menu_bottom ul li a {
	color: #fff;
	font-weight: bold;
	font-size: 12px;
}

.menu_bottom ul li a:hover {
	color: #ffff00;
}

#header {
	width: 100%;
	/* background:url(../images/bg_header.png) no-repeat; */
	position: relative;
	background: #000;
	padding: 10px 0 2px;
}

#banner {
	width: 100%;
	margin: 0 auto;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#banner_mobile {
	display: none;
}

#logo img {
	float: left;
}

#slogan {
	font-family: 'SFUSouvenirBold';
	float: left;
	width: 650px;
	padding: 25px 0px 0px 30px;
	color: #0065a2;
	font-size: 22px;
	text-transform: uppercase;
}

#album img {
	width: 230px;
	float: left;
	padding: 4px;
	margin: 8px;
	border: 1px solid #cde0fe;
	height: 150px;
}

#album img:hover {
	opacity: 0.8;
}

#main_menu {
	width: 100%;
	line-height: 45px;
	/* background:url(../images/bg_menu.png) no-repeat; */
	display: block;
	background: #000;
	border-top: 1px solid #9b9696;
	padding-top: 2px;
	clear: both;
}

#slide_show {
	width: 100%;
	position: relative;
	display: block;
}

.bg_slider {
	position: absolute;
	left: 0;
	bottom: -40px;
	top: 0;
	width: 100%;
	/* background: url(../images/bg_slider.html) no-repeat; */
	z-index: 9;
}

.bg_product {
	position: absolute;
	left: 85px;
	top: 55px;
	background: #0080d5;
	width: 250px;
	color: #fff;
	padding: 10px;
	border-radius: 5px;
	z-index: 9999;
}

.bg_product h2 {
	font-family: 'UTMAvoBold';
	font-size: 20px;
	color: #fff;
	text-align: center;
	/* background: url(../images/bg_bot_h2.html) no-repeat bottom center; */
	height: 53px;
	line-height: 53px;
	margin-bottom: 10px;
}

.bg_product ul li {
	list-style: none;
	float: left;
	width: 100%;
	border-bottom: 1px solid #6eb1dc;
	/* background: url(../images/icon-li.html) no-repeat 20px 10px; */
	padding: 6px 0;
	padding-left: 40px;
}

.bg_product ul li a {
	color: #fff;
}

.bg_product ul li a:hover {
	color: #F00;
}

.bg_product ul li:last-child {
	border: none;
}

.owl-chay-list {
	width: 100% !important;
}

.wap-danhmuc {
	width: 100%;
	padding: 30px 0;
	margin: 0 -5px;
}

.group-list {
	width: 100%;
	position: relative;
	padding: 0px 10px;
}

.img-list {
	width: 100%;
	position: relative;
}

.group-list a {
	display: block;
}

.group-list .content {
	width: 100%;
	float: none;
	margin: 0;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 20px 20px;
	font-family: 'SFUFuturaRegular';
}

.img-list:after {
	position: absolute;
	left: 0px;
	width: 100%;
	height: 50px;
	content: '';
	bottom: 0px;
	background: rgb(0, 0, 0);
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(255, 255, 255, 0) 100%);
	transition: all 0.6s;
}

.group-list .hot {
	background: #f7c033;
	display: inline-block;
	padding: 2px 10px;
	color: #fff;
	margin-bottom: 10px;
	font-size: 13px;
}

.group-list h3 {
	font-size: 18px;
	color: #fff;
	line-height: 22px;
	margin-bottom: 5px;
	font-family: 'SFUFuturaBold';
}

.group-list p {
	color: #fff;
	font-size: 15px;
}

.group-list a:hover h3 {
	color: #ff0
}

.group-list a:hover .img-list:after {

	background: rgba(0, 0, 0, 0.5);

	height: 100%;

}


.ngonngu {
	float: right;
	margin: 16px 0px 0px 5px;
}

.ngonngu img {
	margin-left: 5px;
}

.ngonngu img:hover {
	box-shadow: 0px 0px 10px #ccc;
}

.ngonngu p {
	text-align: center;
}

.ngonngu a {
	color: #666;
}

.ngonngu a:hover {
	color: #037CBB
}

#thongtin {
	width: 100%;
	float: left;
	padding: 36px 0px 67px 0px;
	/* background: url(../images/bg_dmbt.html) no-repeat bottom center; */
	background-color: #f3f8fe;
}

.bong_tren {
	width: 100%;
	float: left;
	/* background: url(../images/bongtren.html) no-repeat; */
	height: 17px;
	margin: 20px 0px 0px 0px;
}

.bong_duoi {
	width: 100%;
	float: left;
	/* background: url(../images/bongduoi.html) no-repeat; */
	height: 40px;
	margin: 0px 0px 0px 0px;
}

#video {
	width: 100%;
	float: left;
}

#video_load {
	margin: 0px 0px 0px 0px;
	/* background: url(../images/bg_pro.html) repeat; */
	width: 100%;
	float: left
}

#video_load .object {
	background: #fff;
	width: 100%;
	float: left
}

.video {
	width: 100%;
	padding: 5px;
	margin-bottom: 10px;
}

.sanpham_dm ul li a {
	text-decoration: none;
	width: 300px;
	float: left;
	padding: 0px 0px 8px 10px;
	color: rgba(255, 255, 255, 1)
}

.sanpham_dm ul li a:hover {
	color: rgba(255, 255, 0, 1)
}

.noidung {
	text-align: justify;
	color: #000;
	display: block;
}

.noidung p,
noidung span,
.noidung h,
.noidung strong {
	/* color:#fff !important; */
}

.thongtin_lh {
	width: 100%;
	float: left;
	padding: 0px 40px 20px 0px;
}

.thongtin_lh h1 {
	font-size: 20px;
	text-transform: uppercase;
	color: #04608B
}

.form_lh {
	width: 100%;
	float: right;
	background: #f3f8fe;
	padding: 20px;
}

#form_contact input {
	padding: 5px;
}

.form_contact {
	margin-bottom: 20px;
}

ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.site_map {
	float: right;
}

.site_map ul li {
	float: right;
	list-style: none;
	border-left: 1px solid #3e3e3e;
	padding: 0 5px;
	height: 15px;
	margin-top: 10PX;
	line-height: 15px;
}

.site_map ul li:last-child {
	border: none;
}

.site_map ul li a {
	color: #3e3e3e;
	text-decoration: none;
	text-transform: uppercase;
}

.site_map ul li a:hover {
	text-decoration: underline;
}

.email_top {
	float: right;
	margin-top: 15px;
	font-size: 18px;
	color: #3e3e3e;
	font-family: 'UTMAvo';
}


#icon {
	/* background: url(../images/gach_menu.html) no-repeat right; */
}

#timkiem {
	position: relative;
	width: 37%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

#timkiem .container_form {
	width: 85%;
	background: #4c4c4c;
	border: 1px solid #fff;
}

#timkiem select {
	border: 0px;
	width: 100px;
}

#timkiem input {
	width: 100%;
	padding-left: 10px;
	height: 40px;
	border: 0;
	outline: none;
	color: #000;
	background: #fff;
	border: 1px solid #ddd;
}

.lkweb_h {
	float: left;
	margin-left: 15px;
}

.lkweb_h img {
	float: left;
	margin-left: 15px;
	margin-top: 5px;
}

.lkweb_h img:hover {
	opacity: 0.5;
}

#timkiem button {
	width: 54px;
	position: absolute;
	z-index: 10;
	right: 1px;
	top: 1px;
	border: 0px;
	background: none;
	background: #000 url(../images/search.png) no-repeat center;
	height: 40px;
	cursor: pointer;
	outline: none;
}

.timkiem button:hover {
	color: rgba(255, 255, 0, 1);
}

.giohang_top {
	width: 150px;
	float: right;
	padding: 0px 0px 0px 0px;
	height: 35px;
	/* background: url(../images/giohang.html) no-repeat left; */
	line-height: 35px;
	font-size: 14px;
	margin: 0px 0px 0px 0px;
}

.giohang_top a {
	display: block;
	color: #333
}

.giohang_top a:hover {
	opacity: 0.7;
}

#slide_top {
	width: 100%;
	float: left;
	position: relative;
	border-bottom: 5px solid #7aaa00;
}

#giaohang {
	width: 900px;
	float: right;
}

#giaohang li {
	width: 165px;
	float: left;
	padding: 0px 20px 0px 45px;
	text-transform: uppercase;
	font-size: 12px;
}

#giaohang li a {
	display: inline-block;
	color: #000;
}

.giaohang_tq {
	/* background: url(../images/giaohang.html) no-repeat 0px 3px */
}

.giaohang_nt {
	/* background: url(../images/nhantien.html) no-repeat 0px 3px */
}

.giaohang_dt {
	/* background: url(../images/doitra.html) no-repeat 0px 3px */
}

.giaohang_lh {
	width: 350px !important;
	/* background: url(../images/lienhe.html) no-repeat 0px 3px */
}

.giaohang_lh span {
	font-weight: bold;
	color: #df0000;
	font-size: 16px;
}

#giaohang li a:hover {
	color: #047FBE
}

.vien_slide {
	width: 100%;
	float: left;
	position: absolute;
	/* background: url(../images/bong_slide.html) no-repeat; */
	height: 55px;
	background-size: 100%;
	bottom: 10px;
}

.album {
	width: 150px;
	float: left;
	margin: 15px 0px 0px 16px;
	position: relative;
	overflow: hidden;
}

.album img {
	width: 150px;
	height: 110px;
	float: left;
	padding: 4px;
	border: 1px solid #cde9ff;
}

.album h3 {
	font-size: 12px;
	position: absolute;
	z-index: 10;
	bottom: -30px;
	left: 0px;
	right: 0px;
	background: rgba(0, 0, 0, 0.5);
	color: #fff;
	padding: 5px;
	transition: 0.5s;
}

.album:hover h3 {
	bottom: 0px;
}

#main {
	width: 100%;
}

.main {
	width: 100%;
	float: left;
}

.back_gr {
	width: 100%;
	float: left;
	background: rgba(255, 255, 255, 1);
}

#right {
	width: 315px;
	float: right;
}

#left {
	width: 245px;
	float: left;
	margin-top: 30px;

}

#right {
	width: 250px;
	float: right;
	margin: 0px 0px 0px 0px;
}

.danhmuc {
	width: 100%;
	float: left;
	background: #118ee3;
	position: relative;
	margin-bottom: 20px;

}

.left {
	width: 100%;
	float: left;
	padding: 10px 0px 10px 0px;
}

.tinhtrang {
	border-top: 1px solid #627079;
	width: 100%;
	float: left;
}

.tinhtrang li a {
	display: block;
	padding: 5px 0px 5px 20px;
	/* background: url(../images/muiten.html) no-repeat 10px 13px; */
	color: #1F589F
}

.tinhtrang h4 {
	text-transform: uppercase;
	font-weight: 100;
	margin: 5px 0px 0px 5px;
	color: #999
}

.thanh {
	width: 222px;
	float: left;
	text-transform: uppercase;
	color: #fff;
	font-size: 16px;
	padding-left: 20px;
	font-weight: normal;
	font-family: 'RobotoCondensed';
	height: 52px;
	/* background: url(../images/title_left.html) no-repeat; */
	line-height: 70px;
	position: absolute;
	top: -5px;
	left: -5px;
}

.thanh2 {
	width: 183px;
	float: left;
	text-transform: uppercase;
	color: #fff;
	font-size: 18px;
	margin: 0px 0px 0px 30px;

	font-weight: bold;
	height: 38px;
	line-height: 38px;
	text-shadow: 0px 0px 3px #333;
}

.hotro {
	float: left;
	width: 100%;
	height: 84px;
	font-size: 22px;
	color: #F00;
	font-family: 'MyriadProRegular';
	background: url(../images/bg_hotline.png) no-repeat;
	padding-top: 55px;
	padding-left: 85px;
	margin-top: 33px;
}

.thanh img {
	float: left;
	margin: 2px 10px 0px 10px;
}

.thanh h4 {
	color: rgba(255, 255, 255, 1);
	margin-top: 8px;
	font-weight: 100;
}

.menu_left {
	width: 100%;
	float: left;
	padding-bottom: 10px;
}

.menu_left ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.menu_left ul li {
	width: 100%;
	float: left;
}

.menu_left ul li:last-child {
	border-bottom: 0px;
}

.menu_left ul a {
	width: 100%;
	float: left;
	padding: 5px 0px 5px 25px;
	/* background: url(../images/muiten_detail.html) no-repeat 5px 10px; */
	text-decoration: none;
	color: #333;
	font-size: 12px;
}

.menu_left li ul a {
	width: 100%;
	float: left;
	color: #666;
}

.menu_left ul a:hover {
	color: #05628D;
}

.menu_left li ul a {
	padding-left: 30px;
	/* background: url(../images/pagination.html) no-repeat 15px 12px; */
}

.menu_left li ul li ul a {
	padding-left: 40px;
	/* background: url(../images/muiten_trong.html) no-repeat 30px 10px; */
}

.yahoo {
	width: 100%;
	float: left;
	padding: 20px;
	padding-right: 0px;
	border-bottom: 1px dashed #ccc;
	font-size: 15px;
	padding-bottom: 15px;
}

div.yahoo:last-child {
	border-bottom: none;
}

.yahoo img {
	float: left;
	margin-right: 10px;
	vertical-align: middle;
}

.yahoo span {
	color: #3853a4;
}



.tintuc {
	width: 100%;
	float: left;
	margin: 0px 0px 5px 0px;
	padding: 0px 10px 0px 10px;
	text-align: justify;
}

.tintuc:nth-child(2n+1) {
	clear: both;
}

.tintuc img {
	float: left;
	border: 1px solid #c8c8c8;
	padding: 2px;
	margin: 10px 10px 0px 0px;
}

.tintuc a {
	text-decoration: none;
}

.tintuc h3 {
	padding: 5px 0px 5px 0px;
	color: #006783
}

.tintuc h3 a {
	font-size: 14px;
	color: #006783;
	text-transform: uppercase;
}

.tintuc:hover h3 a {
	color: #026164
}

.tintuc p {
	font-size: 13px;
	color: #666;
}

.tintuc:hover h3 {
	color: rgba(255, 0, 0, 1);
}

.tintuc:hover {
	opacity: 0.8;
}

.visit_hidden {
	visibility: hidden;
	height: 1px;
}

.tinkhac {
	width: 100%;
	float: left;
	margin: 20px 0px 20px 0px;
}

.tinkhac li a {
	width: 100%;
	float: left;
	padding: 2px 0px 2px 30px;
	color: #333;
	/* background: url(..//images/sao.html) no-repeat 10px 7px; */
}

.tinkhac li a:hover {
	color: #036CAF
}

.xemnhieu {
	width: 193px;
	float: left;
	border: 1px solid #FF8A00;
	/* background: url(../images/left_cham.html) repeat-y; */
}

ul.pagination {
	text-align: center;
	color: #999;
}

ul.pagination li {
	display: inline;
	padding: 0 3px;
}

ul.pagination a {
	color: #999;
	display: inline-block;
	padding: 5px 10px;
	border: 1px solid #ccc;
	text-decoration: none;
}

ul.pagination a:hover,
ul.pagination a.current {
	background: #F00;
	color: #fff;
}

/* ========== Content pagination ========== */

.pagination {
	margin: auto;
	width: auto;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 20px;
}

.pages {}

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

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

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

.pages li a {
	height: 25px;
	padding: 4px 8px;
	text-decoration: none;
	color: #666666;
	font-weight: bold;
	/* background: url(../images/backgrounds/pagingBg.html) repeat-x 0 0; */
	border: 1px solid #d5d5d5;
	font-size: 11px;
}

.pages li a:hover {
	background: #f6f6f6;
}

.pages li .active {
	/* background: url(../images/backgrounds/sideGradient.html) repeat-x; */
	color: #fff;
	border-color: #424852;
}

.pages li .active:hover {
	background: #2a313d;
}

.ngaydang {
	font-style: italic;
	;
	color: #ccc;
}

.bando {
	float: left;
	border: 2px solid #fff;
	margin: 0px 0px 0px 30px;
}

.thongke {
	width: 170px;
	float: right;
}

.thongke h4 {
	font-size: 14px;
	text-transform: uppercase;
	color: #fff;
	color: #FF0;
	margin-bottom: 10px;
}

.thongke ul li {
	float: right;
	width: 100%;
	font-size: 14px;
	list-style: none;
	color: #fff;
	line-height: 26px;
}

.online {
	/* background: url(../images/muiten.html) no-repeat 10px 12px; */
	color: #FFF;
}

.online span {
	width: 80px;
	float: left;
	padding-left: 20px;
}

.bong_info {
	width: 730px;
	float: right;
	height: 30px;
	font-weight: 900;
	color: #333333;
	text-transform: uppercase;
	line-height: 30px;
}

.header-top {
	width: 100%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin-bottom: 10px;
}

.header-top .email {}

.hotline {
	position: relative;
	font-size: 1.1em;
	color: #fff;
	width: 22%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
}

.hotline p {
	display: block;
	color: #707279;
	text-transform: uppercase;
	font-size: 1.1em;
	font-family: 'SFUFuturaRegular';
	margin-bottom: 0;
}

.hotline p:nth-child(1) {
	margin: 0;
	width: 40px;
}

.hotline p:nth-child(2) {
	width: calc(100% - 41px);
}

.hotline span {
	display: block;
	color: #fff;
	font-family: 'SFUFuturaBold';
	font-size: .85em;
}

.hotline img {}


.email {
	position: relative;
	font-size: 1.1em;
	color: #fff;
	width: 25%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
}

.email p {
	display: block;
	color: #707279;
	text-transform: uppercase;
	font-size: 1.1em;
}

.email p:nth-child(1) {
	margin: 0;
	width: 40px;
}

.email p:nth-child(2) {
	width: calc(100% - 41px);
}

.email span {
	display: block;
	color: #fff;
	font-weight: bold;
	text-transform: none;
	font-size: .85em;
}

.email img {}

.thongtin {
	width: 250px;
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	border-bottom: 1px dotted #999999;
	font-weight: bold;
	font-size: 14px;
}

.tin_moi {
	padding: 0px 10px 0px 10px;
}

.tin_moi a {
	text-decoration: none;
	color: rgba(51, 51, 51, 1);
}

.tin_moi img {
	float: left;
	border: 1px solid rgba(204, 204, 204, 1);
	padding: 2px;
	margin-right: 10px;
	margin-top: 10px;
}

#content {
	width: 100%;
	float: left;
	margin: 0px 0px 0px 0px;
	border-top: 0px;
}

#info {
	width: 100%;
	float: right;
}

#info .item {
	float: left;
	width: 23%;
	box-sizing: border-box;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 10px;
}

#sanpham {
	width: 100%;
	float: left;
}

.khung {
	width: 100%;
	float: left;
	position: relative;
	padding: 1px;
	/* background: url(../images/bong_dm.html) no-repeat bottom center; */
}

.xemtiep {
	width: auto;
	float: right;
	font-size: 11px;
	/* background: url(../images/sao.html) no-repeat 0px 3px; */
	padding-left: 20px;
	text-align: center;
}

.xemtiep a {
	text-decoration: none;
	color: rgba(0, 153, 204, 1);
}

.xemtiep a:hover {
	color: #F00;
}

.other_news {
	padding-left: 10px;
	height: auto;
	float: left;
	margin-bottom: 20px;
}

.other_news ul li {
	padding-left: 20px;
	float: left;
	width: 100%;
	list-style: none;
	background: url(../images/li.png) no-repeat 5px 6px;
}

.other_news ul li a {
	color: #000;
	text-decoration: none;
	font-family: 'SFUFuturaRegular';
}

.other_news ul li a:hover {
	color: #F00;
}

.other_news ul li span {
	font-size: 12px;
	color: #898383cc;
}


h2.detail_news {
	font-weight: normal;
	font-size: 16px;
	text-transform: uppercase;
	color: #000;
	margin-top: 20px;
	font-family: 'SFUFuturaBold';
}

.title_primary {
	width: 100%;
	float: left;
	/* background:url(../images/title-primary.png) no-repeat left bottom; */
	line-height: 55px;
	height: 55px;
	margin-bottom: 15px;
}

.title_primary h2,
.title_primary h1 {
	color: #e33d32;
	text-transform: uppercase;
	font-size: 28px;
	display: inline-block;
	font-family: SFUFuturaBold;
	font-weight: normal;
}

.title_primary img {
	vertical-align: middle;
	margin-top: -15px;
	margin-right: 5px;
}

.title {
	width: 100%;
	line-height: 30px;
	margin-bottom: 30px;
	display: block;
	text-align: center;
}

.title h2 {
	color: #000;
	text-transform: capitalize;
	font-size: 18px;
	display: inline-block;
	font-family: 'SFUFuturaRegular';
	font-weight: normal;
	line-height: 30px;
}

.title p {
	vertical-align: middle;
	color: #e33d32;
	font-size: 26px;
	text-transform: uppercase;
	font-family: 'SFUFuturaBold';
}

.wap-khachhang .title h2 {
	color: #fff
}

.wap-tintuc {
	display: block;
	padding: 30px 0px;
}

.wap-tintuc .owl-chay-news {
	width: 100%;
}

.wap-tintuc .group-news {
	width: 100%;
	padding: 10px;
}

.wap-tintuc .img-news {}

.wap-tintuc .content-detail {
	padding: 10px;
	font-family: 'SFUFuturaRegular';
	font-size: 18px;
}

.wap-tintuc .content-detail h3 {
	color: #000;
}

.wap-tintuc .content-detail p.mota {
	color: #717171;
	margin: 5px 0 10px;
	font-size: 15px;
}

.wap-tintuc .group-news p.xemthem_t {
	padding: 10px 20px;
	display: inline-block;
	color: #fff;
	background: #e33d32;
	font-size: 15px;
	text-transform: capitalize;
}

.wap-tintuc .group-news a {
	display: block;
	box-shadow: 0px 0px 5px 0px #aeaeae;
}

.wap-tintuc .group-news a:hover h3 {
	color: #e33d32;
}

.wap-tintuc .group-news a:hover .xemthem_t {
	color: #e33d32;
	background: #fff;
	border: 1px solid #e33d32;
}

/*khách hàng*/
.wap-khachhang {
	display: block;
	padding: 30px 0px;
	background: url('../images/bg_khachhang.jpg')no-repeat top center;
	clear: both;
	background-size: cover;
}

.wap-khachhang .owl-chay-news {
	width: 100%;
}

.wap-khachhang .group-news {
	width: 90%;
	padding: 10px;
	margin: auto;
	font-family: 'SFUFuturaRegular';
	font-size: 16px;
}

.wap-khachhang .img-news {
	text-align: center;
	margin-top: -50px;
}

.wap-khachhang .img-news img {
	border-radius: 50px;
	position: relative;
	margin: 0 auto;
}

.slick-next {
	background: url(../images/next.png) center no-repeat !important;
}

.slick-prev {
	background: url(../images/prev.png) center no-repeat !important;
}

.wap-khachhang .content-detail {
	padding: 10px;
	background: #fff;
	border-radius: 10px;
	padding-bottom: 70px;
	font-family: 'SFUFuturaRegular';
}

.wap-khachhang .xemthem_t {
	margin-top: 8px;
}

.wap-khachhang h3 {
	color: #fff;
	margin-top: 10px;
}

.wap-khachhang .content-detail p.mota {
	color: #000;
	margin: 5px 0 10px;
	font-size: 16px;
}

.wap-khachhang .group-news a {
	display: block;
}

.wap-khachhang .group-news a:hover h3 {
	color: #e33d32;
}


.thanh_bottom {
	width: 100%;
	float: left;
	margin: 0px 0px 10px 0px;
	/* background: url(../images/title_bt.html); */
	padding: 0px 0px 0px 20px;
}

.thanh_bottom h4 {
	color: #fff;
	text-transform: uppercase;
	font-size: 18px;
	display: inline-block;
	height: 36px;
	line-height: 36px;
}

.item_index {
	float: left;
	text-align: center;
	font-size: 12px;
	margin: 5px 0px 0px 0px;
	position: relative;
	transition: 0.3s;
	padding: 20px;
}

.item_index img {
	max-width: 100%;
}

.item_index h3 {
	color: #e98529;
	text-transform: uppercase;
	font-size: 14px;
	margin: 5px 0px 5px 0px;
}

.item_index .mota {
	color: #666;
}

.item_index .giaban {
	color: #FF0000;
	font-weight: bold;
}

.item_index .giacu {
	color: #666;
	text-decoration: line-through;
	font-size: 12px;
}

.item_index:hover {
	box-shadow: 0px 0px 10px #ccc;
}

.item_index:hover h3 {
	color: #047CB4
}

.item_index .giamgia {
	position: absolute;
	z-index: 10;
	right: 20px;
	top: 20px;
	width: 50px;
	height: 50px;
	border: 2px solid #ccc;
	text-align: center;
	background: #fff;
	border-radius: 50%;
	color: #bf1522;
	padding: 5px 0px 0px 0px;
	font-weight: bold;
	font-size: 14px;
}

.item_index .giamgia p {
	font-size: 10px;
	color: #ccc;
}

.khung_thongtin {
	width: 460px;
	float: right
}

.khung_thongtin li {
	padding: 2px 0px 2px 0px;
}

.khung_thongtin h1 {
	color: #000;
	border-bottom: 1px dashed #ccc;
	font-weight: bold;
	font-size: 24px;
	margin: 0;
	margin-top: 10px;
	line-height: 27px;
	text-transform: none;
	margin-bottom: 5px;
	padding-bottom: 5px;
	font-family: 'SFUFuturaBold';
}

.khung_thongtin .masp {
	color: #000;
}

.khung_thongtin .mota_detail {
	color: #000;
}

.khung_thongtin .gia_detail {
	color: #000;
}

.khung_thongtin .gia_detail span {
	color: rgba(255, 0, 0, 1);
}

.khung_thongtin .giacu_detail {
	color: #999;
}

.khung_thongtin .giacu_detail span {
	text-decoration: line-through;
}

.khung_thongtin .baohanh_detail {
	color: #015DA4;
}

.dathang_detail .thanhtoannhanh {
	width: 239px;
	float: left;
	/* background: url(../images/thanhtoannhanh.html) no-repeat; */
	height: 46px;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 16px;
	padding: 9px 0px 0px 50px;
	cursor: pointer;
}

.dathang_detail .muangay {
	width: 177px;
	float: left;
	/* background: url(../images/thanhtoan.html) no-repeat; */
	height: 46px;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 16px;
	padding: 9px 0px 0px 70px;
	cursor: pointer;
}

.dathang_detail .thanhtoannhanh:hover,
.dathang_detail .muangay:hover {
	color: #9C1515;
}

.dathang_detail span {
	width: 42px;
	height: 42px;
	padding: 7px 0px 0px 0px;
	float: left;
	border: 3px solid #ccc;
	border-radius: 50%;
	text-align: center;
}

.huongdan_detail a {
	width: 100%;
	float: left;
	padding: 5px 0px 10px 30px;
	/* background: url(../images/giohan.html) no-repeat 0px 5px; */
	color: #333;
	font-style: italic;
}

.huongdan_detail a:hover {
	color: #04579D
}

.box_new {
	width: 100%;
	float: left;
	color: #000;
	margin-bottom: 20px;
	text-align: justify;
	font-family: 'SFUFuturaRegular';
}

.box_new img {
	width: 160px;
	border: 1px solid #ccc;
	padding: 2px;
	float: left;
	margin: 0px 10px 0px 0px;
}

.box_new h3 {
	text-transform: uppercase;
	font-weight: 100;
	color: #333;
}

.box_new h3 a {
	color: #000;
	font-family: 'SFUFuturaBold';
	font-size: 14px;
}

.box_new h3 a:hover {
	color: #F00;
}

.box_new p {
	font-size: 12px;
	color: #333;
}

.box_new:nth-child(2n+1) {
	clear: left;
}

.box_new:hover h3 {
	color: #026A90
}

.box_new1 {
	width: 280px;
	height: 210px;
	background: #fff;
	-webkit-box-shadow: 2px 2px 10px #ccc;
	box-shadow: 2px 2px 10px #ccc;
	border: 8px solid #fff;
	position: relative;
	margin-bottom: 15px;
	float: left;
	margin-right: 25px;
	margin-top: 20px;
	overflow: hidden;
}

.box_new1:hover img {
	transform: scale(1.1, 1.1);
}

.box_new1_name {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 264px;
	background: rgba(0, 0, 0, 0.5);
	padding: 8px 10px;
	color: #fff;
	text-transform: uppercase;
}

.box_new1 img {
	height: 100%;
	width: 100%;
	transition: 1s;
}

.box_new1_name h3 {
	font-weight: normal;
}

.box_new1_name h3 a {
	color: #fff;
}

.thongtin_detail {
	font-style: italic;
}

.khuyenmai_detail {
	margin: 5px 0px 0px 0px;
}

.khuyenmai_detail label {
	text-transform: uppercase;
}

.khuyenmai_detail ul li {
	padding: 5px 0px 5px 20px;
	/* background: url(../images/muiten_detail.html) no-repeat 0px 11px; */
	color: #008c00
}

.khung_km {
	border: 1px solid #dfdcdc;
	padding: 10px;
}

.selectors {
	text-align: center;
	float: left;
	width: 100%;
}

.table_info {
	width: 100%;
	float: left;
}

.quangcao_in {
	position: absolute;
	z-index: 10;
	top: 48px;
	left: 410px;
}

.quangcao_in:hover {
	box-shadow: 0px 0px 10px #999;
}

.quangcao_in img {
	float: left;
}

.dieuhuong a {
	color: #333;
	padding: 0px 10px 0px 5px;
	float: left;
	/* background: url(../images/muiten_trong.html) no-repeat right; */
}

.dieuhuong a:hover {
	color: #F00;
}

.thanhsp {
	width: 100%;
	float: left;
	margin: 0px 0px 20px 0px;
	background: #ffd800;
}

.thanhsp h2 {
	color: #fff;
	text-transform: uppercase;
	font-size: 20px;
	font-weight: 100;
	display: inline-block;
	padding: 0px 20px 0px 10px
}

.thanhsp h2:before {
	content: "";
	/* background: url(../images/after.html) no-repeat; */
	height: 18px;
	float: left;
	width: 139px;
	margin: 15px 0px 0px 0px;
}

.thanhsp h2:after {
	content: "";
	/* background: url(../images/after.html) no-repeat; */
	height: 18px;
	float: right;
	width: 139px;
	margin: 15px 0px 0px 0px;
}

.thanhsp span {
	color: #FE0000
}

.khung_khac {
	width: 100%;
	float: left;
	margin: 0px 0px 20px 0px;
}

#java_km {
	width: 100%;
	float: left;
}

.thanhdt {
	width: 100%;
	float: left;
	margin: 10px 0px 20px 0px;
	text-align: center;
	height: 60px;
	line-height: 55px;
}

.thanhdt h2 {
	color: #333333;
	text-transform: uppercase;
	font-size: 26px;
	background-color: #fff;
	display: inline-block;
	padding: 0px 20px 0px 10px;
	font-weight: 100;
}

.thanhdt span {
	color: #FE0000
}

.tin_tuc {
	width: 100%;
	float: left;
	text-align: center;
	margin-top: 10px;
}

.tin_tuc h2 {
	display: inline-block;
	/* background: url(../images/thanhsp.html) no-repeat; */
	height: 64px;
	background-size: 100% 100%;
	padding: 10px 80px 0px 80px;
	text-transform: uppercase;
	color: #fff;
	font-weight: 100
}

.tin_tuc h3 {
	color: #646464;
	text-transform: uppercase;
	margin: 10px 0px 5px 0px;
}

.tin_tuc p {
	color: #666666;
	font-size: 12px;
}

.tin_tuc ul li {
	width: 370px;
	float: left;
	margin: 20px 0px 0px 10px;
	text-align: left;
}

.tin_tuc ul li img {
	width: 66px;
	height: 66px;
	float: left;
	margin: 10px;
	border-radius: 100%;
}

.tin_tuc ul li {
	padding: 2px 0px 2px 10px;
}

.tin_tuc ul li a {
	color: #00426f;
}

.tin_tuc ul li span {
	color: #ccc
}

.tin_tuc a:hover {
	color: rgba(255, 0, 0, 1);
}

.frame_images {
	float: left;
	width: 45%;
	text-align: center;
}

ul.khung_thongtin {
	float: left;
	width: 50%;
	margin-left: 30px;
	font-family: 'SFUFuturaRegular';
}

.item {
	width: 100%;
	text-align: center;
	margin: 0 auto;
	color: #000;
	padding: 10px;
	box-shadow: 0px 0px 6px 0px #b2a6a6;
	font-size: 16px;
	font-family: 'SFUFuturaRegular';
}

.item span a {
	color: #F00;
	text-decoration: underline;
}

.item .product_images {
	width: 100%;
	float: left;
	height: 210px;
	overflow: hidden;
	margin-bottom: 10px;
}

.item .product_images img {
	width: 100%;
	height: 100%;
	transition: 1s;
}

.item .product_images img:hover {
	transform: scale(1.1, 1.1);
}


.item h3 {
	font-weight: normal;
	color: #000;

}

.item h3 a {
	color: #000;
	font-weight: normal;
	font-size: 18px;
	font-family: 'SFUFuturaRegular';
}

.item h3 a:hover {
	color: #F00;
}

.item span {
	color: #e33d32;
	font-size: 14px;
	font-family: 'SFUFuturaBold';
}

.giaohang_tn {
	width: 380px;
	float: left;
	padding: 20px 10px 20px 160px;
	color: #fff;
	/* background: url(../images/giaohang.html) no-repeat 0px 10px; */
	border-right: 1px solid #0081b4;
}

.giaohang_tn h4 {
	color: #fbda42;
	font-size: 18px;
	text-transform: uppercase;
	font-family: 'RobotoCondensed';
}

.giamgia_hot {
	position: absolute;
	width: 40px;
	float: left;
	height: 40px;
	z-index: 1;
	top: 3px;
	right: 3px;
	background: #E90000 none repeat scroll 0% 0%;
	border-radius: 50%;
	line-height: 40px;
	text-align: center;
	color: #FFF;
}

.dangky_tin {
	margin: 0px 0px 10px 0px;
	float: left;
	width: 100%;
	text-align: center;
	color: #fff;
}

.dangky_tin p {
	font-size: 14px;
	margin: 5px 0px 5px 0px;
	font-size: 12px;
}

.dangky_tin p span {
	text-transform: uppercase;
	font-size: 16px;
}

.dangky_tin input {
	width: 100%;
	padding: 10px;
	border-radius: 2px;
	border: 0px;
	background: #efefef;
	margin-top: 10px;
}

.dangky_tin button {
	border: 0px;
	background: #fbda42;
	width: 100px;
	height: 36px;
	border-radius: 0px 5px 5px 0px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	position: absolute;
	z-index: 100;
	top: 10px;
	right: 0px;
	padding: 10px;
	cursor: pointer;
}

.dangky_tin button:hover {
	opacity: 0.5;
}

.xemthem {
	float: right;
	margin: 10px 10px 0px 0px;
	font-size: 14px;
	color: #0080d5;
}

.xemthem:hover {
	text-decoration: underline;
}

.chitiet {
	float: right;
	border-radius: 5px;
	text-align: center;
	height: 22px;
	color: #fe8152;
	text-decoration: underline;
	line-height: 22px;
}

.chitiet:hover {
	color: #03758D;
}

.dathang {
	width: 80px;
	float: left;
	height: 25px;
	border-radius: 5px;
	background: #39a01f;
	text-align: center;
	margin-left: 40px;
	line-height: 25px;
	font-weight: bold;
	color: #fff;
	cursor: pointer;
}

.cls {
	width: 100%;
	float: left;
	border-bottom: 1px dashed #CCCCCC;
}

.gach {
	width: 100%;
	float: left;
	border-bottom: 1px dotted #ccc;
	margin: 5px 0px 5px 0px;
}

.noidung ul li {
	list-style-type: none !important;
}

#footer {
	width: 100%;
	background: #000;
	padding: 30px 0 0;
	overflow: hidden;
	clear: both;
}

.logo-foter {
	display: block;
	clear: both;
	width: 25%;
	text-align: center;
}

.logo-foter p {
	margin: 20px 0;
	font-size: 12px;
	font-family: 'SFUFuturaRegular';
	color: #fff;
	padding: 0 10px;
}

.logo-foter p span {
	display: block;
	color: #e33d32;
	font-size: 11px;
	font-family: 'SFUFuturaBold';
}

.w-chinh-sach {
	width: 21%;
	padding: 0 5px;
}

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

.hotline-ft p:nth-child(1) {
	margin-right: 5px;
	padding: 0;
}

.hotline-ft p:nth-child(2) {
	border: 1px solid #e33d32;
	border-radius: 25px;
	padding: 5px 20px;
	line-height: 16px;
}

.name-ft {
	color: #e33d32;
	text-transform: uppercase;
	margin-bottom: 10px;
	font-size: 16px;
	font-family: 'SFUFuturaBold';
}

.list-ft {
	width: 100%;
	margin-bottom: 20px;
	line-height: 25px;
	font-size: 16px;
	font-family: 'SFUFuturaRegular';
}

.list-ft a {
	color: #fff;
	display: block;
	width: 100%;
	font-size: 16px;
}

.list-ft a:hover {
	color: #ff0;
}

.frm_dkmail {
	float: left;
	margin-top: 10px;
}

#email_kd {
	background: #fff;
	height: 36px;
	width: 375px;
	line-height: 36px;
	color: #000;
	padding-left: 20px;
	border-radius: 5px;
	float: left;
	margin-right: 5px;
	border: none;
	outline: none;
}

.nutdk_mail {
	float: left;
	width: 96px;
	height: 36px;
	/* background: url(../images/btn_submit.html) no-repeat; */
	outline: none;
	border: none;
	cursor: pointer;
}

.truycap_on {
	font-size: 12px;
	text-align: center;
	color: #fff;
	margin-top: 15px;
	font-family: 'SFUFuturaRegular';
}

.truycap_on img {
	vertical-align: middle;
	margin: 0 15px;
}

.truycap_on span {
	color: #fff000;
	font-weight: bold;
}

.dangky_tin img {
	margin-left: -13px;
	vertical-align: middle;
	margin-top: 15px;
}

.dangky_tin .select {
	float: left;
	width: 210px;
	height: 28px;
	outline: none;
	margin-bottom: 15px;
}

.dangky_tin h4 {
	font-size: 14px;
	text-transform: uppercase;
	color: #FF0;
	margin-bottom: 10px;
	font-weight: bold;
}

.dangky_tin p {
	font-size: 14px;
	margin: 5px 0px 5px 0px;
	font-size: 12px;
}

.dangky_tin p span {
	text-transform: uppercase;
	font-size: 16px;
}

.dangky_tin input {
	width: 100%;
	padding: 5px;
	border-radius: 5px;
	border: 1px solid #ccc;
}

.dangky_tin button {
	border: 0px;
	/* background: url(../images/mail.html) no-repeat; */
	width: 27px;
	height: 21px;
	border-radius: 5px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	position: absolute;
	z-index: 100;
	top: 5px;
	right: 5px;
	cursor: pointer;
}

.dangky_tin button:hover {
	opacity: 0.5;
}

.dangkymail {
	width: 100%;
	float: left;
	position: relative;
}

#copy {
	width: 100%;
	float: left;
	/* background: url(../images/bottom.html); */
	height: 40px;
	line-height: 40px;
	text-align: center;
}

#bottom {
	width: 100%;
	float: left;

}

.logo_bt {
	float: left;
	text-align: center;
}

.logo_bt {
	max-width: 90%
}

.menu_bt {
	width: 100%;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
	color: #333;

}

.congty {
	position: relative;
	color: rgba(255, 255, 255, 1);
	text-align: center;
	margin-top: 10px;
	text-transform: uppercase;
	width: 100%;
	float: left;
}

.menu_bt a {
	text-decoration: none;
	color: rgba(255, 255, 255, 1);
	font-size: 14px;
	padding: 0px 25px 0px 25px;
	text-transform: uppercase;
}

.menu_bt a:hover {
	color: rgba(255, 255, 0, 1);
}

.bottom {
	width: 100%;
	float: left;
	padding: 10px 0px 0px 0px;
	position: relative;
	margin: 0px 0px 0px 0px;
}

.facebook {
	width: 29%;
}

.video_clip {
	width: 310px;
	float: right;
	margin-right: 10px;
}

.logo_bt {
	float: left;
	margin: 0px 0px 0px 0px;
}

.khung_bt {
	width: 100%;
	float: left;
	padding: 0px 0px 20px 0px;
	margin: 0px 0px 20px 0px;
}

.thongtin_bt {
	color: #fff;
	width: 25%;
	font-size: 14px;
	padding: 0 5px;
}


.thanhtoan_bt {
	float: left;
	margin-left: 50px;
	font-size: 12px;
}

.thanhtoan_bt h4 {
	margin: 10px 0px 10px 0px
}

.bocongthuong {
	float: right
}

.bocongthuong h4 {
	margin: 10px 0px 10px 0px;
	font-size: 12px;
	color: #ccc;
}


.mang_xh {
	width: 100%;
	float: left;
	text-align: center;
}

.mang_xh a {
	margin: 20px 10px 0px 0px;
}

.mang_xh a:hover {
	opacity: 0.7;
}

.mang_xh img {
	width: 30px;
	height: 30px;
	border-radius: 30px;
}

.copy {
	width: 100%;
	float: left;
	color: #fff;
	height: 40px;
	font-size: 12px;
	line-height: 40px;
	margin: 0px 0px 0px 0px;
}

.copy p {
	width: 600px;
	float: left;
}

.copy ul {
	float: right
}

.copy li {
	float: left;
	margin: 0px 0px 0px 20px;
}

.copy li span {
	color: #FFEA00;
	font-weight: bold;
}

.dong_p {
	width: 190px;
	float: left;
	margin-top: 10px;
}

.map {
	float: right;
	margin: 20px 0px 0px 0px;
}

.map h4 {
	color: #fff;
	text-align: right;
	text-transform: uppercase;
	font-style: italic;
}

.map img:hover {
	box-shadow: 0px 0px 10px #ccc;
}

#doitac {
	width: 100%;
	float: left;
	margin: 10px 0px 50px 0px;
}

.doitac {
	width: 400px;
	float: right;
	margin: 10px 0px 10px 20px;
}

.doitac img:hover {
	box-shadow: 0px 0px 3px #ccc;
	border-radius: 5px;
}

.doitac img {
	width: 80px;
	height: 60px;
	float: left;
	margin: 5px 0px 0px 10px;
	transition: 0.3s;
}

.sp_left {
	width: 100%;
	float: left;
	padding: 10px;
}

.sp_left img {
	width: 80px;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 2px;
	border: 1px solid #e1e1e1;
	margin-right: 10px;
}

.sp_left img:hover {
	opacity: 0.8;
}

.sp_left a {
	color: #333;
	text-align: justify;
}

.sp_left a:hover h3 {
	color: #056D94
}

.menu_bot {
	width: 1000px;
	float: left;
	padding-top: 5px;
	text-align: center;
}

.menu_bot a {
	text-decoration: none;
	color: #fff;
	text-shadow: -1px 1px #0033CC, 1px -1px #0033CC, -1px -1px #0033CC, 1px 1px #0033CC;
	padding-left: 10px;
	padding-right: 10px;
}

.menu_bot a:hover {
	color: #900;
	text-shadow: -1px 1px #fff, 1px -1px #fff, -1px -1px #fff, 1px 1px #fff;
}

.lienket {
	width: 100%;
	float: right;
	margin: 0px 0px 0px 0px;
	text-align: center;
}

.lienket img {
	height: 31px;
}

.lienket a:hover {
	opacity: 0.7;
}

.hotro_top {
	width: 550px;
	float: right;
}

.hotline_top {
	background: url(../images/hotline.png) no-repeat 20px 0px;
	height: 60px;
	padding: 0px 0px 0px 90px;
	float: left;
	font-size: 40px;
	line-height: 60px;
	text-shadow: -1px 1px #fff, 1px -1px #fff, -1px -1px #fff, 1px 1px #fff;
	color: #F20622;
	margin-top: 20px;
	font-family: 'UTMAmerikaSans';
	font-weight: bold;
}

.hotro_top .diachi {
	width: 100%;
	float: left;
	font-family: 'SFUEurostileCondensed';
	font-size: 18px;
}

.tienich {
	width: 214px;
	float: left;
	/* background: url(../images/tienich.html) no-repeat 15px 15px; */
	height: 140px;
}

.soluong {
	padding: 10px 0px 0px 10px;
	font-weight: bold;
}

.soluong span {
	width: 110px;
	float: right;
	color: #F90
}

div#container_product {
	margin-top: 30px;
	width: 100%;
	float: left;
}

div#container_product #tabs {

	margin-right: 5px;
	margin-bottom: 10px;
	overflow: hidden;
}

div#container_product #tabs li {
	background: #fff;
	padding: 7px 30px;
	margin-right: 1px;
	color: #000;
	text-transform: uppercase;
	font-weight: bold;
}

div#container_product #tabs li.active {
	background: #F00;
	color: #000;
}

div#container_product #tabs li.active a {
	color: #fff;
}

div#container_product #tabs li {
	float: left;
}

div#container_product #tabs li a {
	color: #000;
	font-size: 15px;
	text-decoration: none;
	font-family: 'RobotoCondensed';
	font-weight: normal;
}

.phantrang {
	text-align: center;
	margin-top: 20px;
}

.noidung_ta {
	width: 100%;
	float: left;
	padding: 10px;
	clear: left;
	border: 1px solid #e4e4e4;
	background: #fff;
}

.clear {
	clear: both;
}

.content {
	width: 910px;
	float: right;
	margin: 0px 10px 0px 0px;
}

#map_canvas {
	height: 580px;
	width: 100%;
	margin-bottom: 10px;
	float: left;
	margin-left: 2px;
}

#map_canvas_bt {
	height: 180px;
	width: 410px;
	float: left;
}

.map_description {
	color: #000000;
	overflow: auto;
	width: 300px;
}

.map_description .default {
	color: #FF0000;
}

.map_description div {
	line-height: 18px;
	margin: 3px;
}

.map_list_address {
	float: left;
	height: 500px;
	overflow: hidden;
	width: 250px;
}

.map_list_address .list {
	line-height: 18px;
	margin-bottom: 5px;
}

.map_list_address span {
	color: #FCFF46;
}

.map_title {
	color: #30A602;
	font-weight: bold;
}

.navigate .C {
	width: 970px;
}

.hotro_right {
	display: block;
	position: fixed;
	bottom: 0px;
	right: 0px;
	z-index: 9;
	width: 100%;
	max-width: 290px;
}

.hotro_right #img {
	display: block;
	position: relative;
	width: 100%;
	max-width: 290px;
	height: 160px;
	border-bottom: 1px solid #d00000;
	/* background: transparent url("../images/hotro.html") no-repeat scroll 0% 0%; */
}

.hotro_right #img>div.hotline {
	position: absolute;
	bottom: 0px;
	padding: 0px 10px;
	background-color: #ffde00;
	color: #d00000;
	font-size: 17px;
	font-weight: bold;
	width: 100%;
	border: 1px solid #6E7AFF;
	border-radius: 5px 5px 0px 0px;
	text-align: center;
}

.hotro_right .noidung_20 {
	display: none;
	background-color: #FFF;
	border-left: 1px solid #d00000;
	padding: 5px;
}

.hotro_right #img>div.hotline_r {
	position: absolute;
	bottom: 0px;
	padding: 0px 10px;
	background-color: #ffde00;
	color: #d00000;
	font-size: 17px;
	font-weight: bold;
	width: 100%;
	border: 1px solid #d00000;
	border-radius: 5px 5px 0px 0px;
	text-align: center;
}

.red {
	color: #FB0000
}

.dieukhoan {
	width: 50%;
	float: left;
	border: 1px solid #ccc;
	margin: 10px 0px 10px 0px;
}

.dieukhoan h4 {
	padding: 5px 10px 5px 10px;
	background: #ccc;
	text-transform: uppercase;
	color: #fff
}

.khung_trai {
	width: 100%;
	float: left;
	margin-left: 0px;
}

.khung_phai {
	width: 100%;
	float: right;
}

.thongtin_lh {
	width: 100%;
	float: left;
	padding: 0px 40px 20px 0px;
}

.thongtin_lh h1 {
	font-size: 20px;
	text-transform: uppercase;
	color: #04608B
}

.form_lh {
	width: 100%;
	float: left;
}

.form_lh fieldset {
	padding: 10px;
	margin: 20px 0px 0px 0px;
}

.form_lh legend {
	padding: 0px 10px 0px 10px;
	font-style: italic;
	color: #023B70
}

.form_lh p {
	padding: 5px 0px 5px 0px;
}

.form_lh p input {
	padding: 5px;
	width: 300px;
	margin-left: 10px;
}

.form_lh p label {
	width: 100px;
	float: left;
}

.form_lh p textarea {
	padding: 5px;
	width: 400px;
	margin-left: 5px;
	border: 1px solid #ccc;
}

.form_lh p button {
	border: 0px;
	background: #303030;
	padding: 5px 20px 5px 20px;
	font-weight: bold;
	color: #fff;
	cursor: pointer;
	margin-left: 13px;
}

.form_lh p button:hover {
	background: #036593
}

#form_contact input {
	padding: 5px;
}

.box_video {
	float: left;
}

.box_video img {
	width: 100%
}

.box_video h3 {
	text-align: center;
	margin: 10px 0px 0px 0px;
	width: 100%;
	float: left;
	font-size: 14px;
}

.box_video:hover {
	opacity: 0.8;
}

.dieukhoan {
	width: 49%;
	float: left;
	border: 1px solid #ccc;
	margin: 10px 0px 10px 0px;
}

.dieukhoan h4 {
	padding: 5px 10px 5px 10px;
	background: #eee3c7;
	text-transform: uppercase;
	color: #000
}

.cuoncuon {
	padding: 10px;
	height: 400px;
	overflow-y: scroll;
}

.xacnhan {
	width: 49%;
	float: right;
	margin: 10px 0px 10px 0px;
}

.xacnhan h4 {
	padding: 5px 10px 5px 10px;
	background: #eee3c7;
	text-transform: uppercase;
	color: #000
}

.khungxn p {
	padding: 5px 0px 5px 0px;
	border-bottom: 1px dotted #ccc;
}

.khungxn p b {
	width: 100px;
	float: left;
	font-weight: 100;
}

.phuongthuc h4 {
	padding: 5px 10px 5px 10px;
	background: #eee3c7;
	text-transform: uppercase;
	color: #000;
	margin-bottom: 10px;
}

.dongy {
	padding: 10px;
	width: 100%;
	float: left;
	font-weight: bold;
}

@media (max-width: 1200px) {
	#bg-web {
		margin: 0;
	}
}

@media (max-width: 1000px) {}

@media (max-width: 880px) {}

@media (max-width: 768px) {}

@media (max-width: 580px) {}

@media (max-width: 650px) {}

.wap_item {
	text-align: center;
	position: relative;
	width: 100%;
}

/*San pham theo danh muc*/
.wap-sanpham {
	padding-top: 30px;
	padding-bottom: 30px;
	width: 100%;
}

.wap-sanpham:nth-child(even) {
	background: #edeff4;
}

.wap-sanpham:nth-child(odd) {
	background: #f4f4f4;
}

.dmcap2 {
	width: 100%;
	text-align: center;
	color: #2e98fb;
	display: flex;
	justify-content: flex-start;
}

.dmcap2 span {
	font-family: 'SFUFuturaRegular';
	padding: 10px 20px;
	position: relative;
	background: #e33d32;
	display: inline-block;
	font-size: 16px;
	cursor: pointer;
	transition: all 0.6s;
	text-transform: uppercase;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding-right: 40px;
	border-top-left-radius: 10px;
	color: #fff;
}

.dmcap2 span b {
	font-weight: normal;
	transform: skewX(-10deg);
	display: inline-block;
}

.dmcap2 span.active,
.dmcap2 span:hover {
	background: #fff;
	transition: all 0.6s;
	color: #e33d32;
}

.dmcap2 span.active b,
.dmcap2 span:hover b {
	color: #fff;
	transition: all 0.6s;
}

.hienthi_dichvu {
	width: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
	background: #fff;
	padding: 10px 0;
}

.dmcap2 span:after {
	content: '';
	width: 0;
	height: 0;
	position: absolute;
	border-top: 47px solid #edeff4;
	border-left: 30px solid transparent;
	top: 0;
	right: 0;
}

.dmcap2 span img {
	margin-right: 5px
}

ul.pagination li.active,
ul.pagination li.inactive:hover {
	color: #009cff;
	cursor: default;
}

ul.pagination li.inactive a {
	border: 1px solid #eaeaea;
	cursor: default;
}

ul.pagination li.actived a {
	color: #fff;
	background-color: #e33d32;
}

.total {
	float: right;
	font-family: arial;
	color: #999;
	text-indent: -9999999999999px;
}

.wap-sanpham .paging {
	width: 100%;
	display: block;
}

.wap-item {
	width: 25%;
	padding: 10px;
}

.xmap iframe {
	width: 100%;
	height: 100%
}

.bando1 {
	display: inline-block;
	width: 100%;
}

#map_canvas1 img {
	max-width: none !important;
}

#map_canvas1 {
	width: 100%;
	height: 400px;
}

#map_canvas1 iframe {
	width: 100%;
	height: 400px;
}

.wap-group-ft {
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin-bottom: 30px;
}

.hidden-seoh,
.hidden {
	opacity: 0;
	visibility: hidden;
	padding: 0;
	margin: 0;
	height: 0;
	width: 0;
}

#button-contact-vr {
	margin: -10px;
	transform: scale(0.8);
	position: fixed;
	bottom: 55px;
	z-index: 999;
	right: 0;
}

#zalo-vr {
	transition: 1s all;
	-moz-transition: 1s all;
	-webkit-transition: 1s all;
}

#button-contact-vr .button-contact {
	position: relative;
	margin-top: -5px;
}

#button-contact-vr .button-contact .phone-vr {
	position: relative;
	visibility: visible;
	background-color: transparent;
	width: 100px;
	height: 100px;
	cursor: pointer;
	z-index: 11;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0);
	transition: visibility .5s;
	left: 0;
	bottom: 0;
	display: block;
}

#zalo-vr .phone-vr-circle-fill {
	box-shadow: 0 0 0 0 #2196f3;
	background-color: rgba(33, 150, 243, .7);
}

#zalo-vr .phone-vr-img-circle {
	background-color: #2196f3;
}

#mess-vr .phone-vr-circle-fill {
	box-shadow: 0 0 0 0 #2196f3;
	background-color: rgba(33, 150, 243, .7);
}

#mess-vr .phone-vr-img-circle {
	background-color: #2196f3;
}

#phone-vr {
	transition: .7s all;
	-moz-transition: .7s all;
	-webkit-transition: .7s all;
}

.phone-vr-circle-fill {
	width: 75px;
	height: 75px;
	top: 12px;
	left: 12px;
	position: absolute;
	box-shadow: 0 0 0 0 #c31d1d;
	background-color: rgba(230, 8, 8, .7);
	border-radius: 50%;
	border: 2px solid transparent;
	-webkit-animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
	animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
	transition: all .5s;
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-animuiion: zoom 1.3s infinite;
	animation: zoom 1.3s infinite;
}

.phone-vr-img-circle {
	background-color: #e60808;
	width: 50px;
	height: 50px;
	line-height: 50px;
	top: 25px;
	left: 25px;
	position: absolute;
	border-radius: 50%;
	overflow: hidden;
	display: flex;
	justify-content: center;
	-webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
	animation: phone-vr-circle-fill 1s infinite ease-in-out;
}

.phone-vr-img-circle a {
	display: block;
	line-height: 47px;
}

.phone-vr-img-circle img {
	max-height: 35px;
	max-width: 37px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
}

@-webkit-keyframes phone-vr-circle-fill {
	0% {
		-webkit-transform: rotate(0) scale(1) skew(1deg)
	}

	10% {
		-webkit-transform: rotate(-25deg) scale(1) skew(1deg)
	}

	20% {
		-webkit-transform: rotate(25deg) scale(1) skew(1deg)
	}

	30% {
		-webkit-transform: rotate(-25deg) scale(1) skew(1deg)
	}

	40% {
		-webkit-transform: rotate(25deg) scale(1) skew(1deg)
	}

	50% {
		-webkit-transform: rotate(0) scale(1) skew(1deg)
	}

	100% {
		-webkit-transform: rotate(0) scale(1) skew(1deg)
	}
}

@-webkit-keyframes zoom {
	0% {
		transform: scale(.9)
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 15px transparent
	}

	100% {
		transform: scale(.9);
		box-shadow: 0 0 0 0 transparent
	}
}

@keyframes zoom {
	0% {
		transform: scale(.9)
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 15px transparent
	}

	100% {
		transform: scale(.9);
		box-shadow: 0 0 0 0 transparent
	}
}

/* Scroll Top */
.scrollToTop {
	width: 41px;
	height: 41px;
	text-align: center;
	font-weight: bold;
	color: #444;
	text-decoration: none;
	position: fixed;
	bottom: 15px;
	right: 13px;
	display: none;
	z-index: 10;
	cursor: pointer;
}

.wap-footer {
	margin-top: 25px;
}

/* Breadcrumb */
.breadCrumbs {
	background-color: #eee;
}

.breadCrumbs .wrap-content {
	padding: 0.75rem 15px;
}

.breadCrumbs .wrap-content .breadcrumb {
	padding: 0;
	margin-bottom: 0;
	background-color: transparent;
	border-radius: 0;
}

.breadCrumbs .wrap-content .breadcrumb-item a {
	color: var(--color-black);
}

.breadCrumbs .wrap-content .breadcrumb-item.active a {
	color: var(--color-gray);
}

.form_lh p .submit_contact {
	border: 0px;
	background: #303030;
	padding: 5px 20px 5px 20px;
	font-weight: bold;
	color: #fff;
	cursor: pointer;
	margin-left: 13px;
	width: fit-content;
}

.list_news {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 25px;
	width: 100%;
}

.desc_news {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	-webkit-line-clamp: 3;
}


.price-product {
	display: flex;
	gap: 5px;
	justify-content: center;
	color: #C03636;
	margin-bottom: 0px;
	font-family: "Roboto";
	font-weight: 600;
	font-size: 16px;
}

.price-product span {
	font-weight: 600;
}

.price-new {
	font-size: 16px;
	font-weight: 500;
	color: #C03636;
}

.price-old {
	display: flex;
	padding-left: 10px;
	font-size: 12px;
	color: #6e6e6e89 !important;
	align-content: center;
	flex-wrap: wrap;
	text-decoration: line-through;
}

.price-per {
	position: absolute;
	top: 15px;
	right: 15px;
	color: #ffffff !important;
	background: #C03636 !important;
	font-size: 11px !important;
	border-radius: 2px;
	width: 45px;
	height: 25px;
	text-align: center;
	line-height: 25px;
}

.item_product {
	position: relative;
}

.list_product {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}

.list_product .item_product {
	width: 100% !important;
}

.page-item.active .page-link {
	z-index: 3;
	color: #fff;
	background-color: #F00;
	border-color: #F00;
}

.gallery-thumb-pro {
	position: relative;
	margin-top: 10px;
}

.owl-pro-detail {
	padding: 0px 30px;
}

.control-pro-detail button {
	background-color: transparent;
	color: #222222;
	opacity: 1;
	width: 25px;
	font-size: 23px;
}

.control-pro-detail button:hover {
	opacity: 0.7;
	color: var(--color-hover-text);
}

.control-pro-detail button.owl-prev {
	left: 0px;
}

.control-pro-detail button.owl-next {
	right: 0px;
}

.thumb-pro-detail {
	display: block !important;
	border: 1px solid transparent;
	border-radius: 3px;
	overflow: hidden;
	cursor: pointer;
	background-color: #ffffff;
}

.thumb-pro-detail.mz-thumb.mz-thumb-selected {
	border-color: var(--color-hover-text);
}

.thumb-pro-detail img {
	box-shadow: none !important;
	filter: brightness(100%) !important;
	border-bottom: 0px !important;
	padding-bottom: 0px !important;
}

/* owl control */
.control-owl {
	position: absolute;
	width: 100%;
	z-index: 2;
	left: 0px;
	top: calc(50% - 45px/2);
}

.control-owl button {
	opacity: 0.5;
	top: 0px;
	position: absolute;
	outline: none;
	border: 0px;
	padding: 0px;
	margin: 0px;
	display: block;
	cursor: pointer;
	color: #ffffff;
	width: 45px;
	height: 45px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 25px;
	margin: 0px;
	background-color: #000000;
	border-radius: 3px;
	-webkit-transition: 0.3s ease-out;
	-moz-transition: 0.3s ease-out;
	-o-transition: 0.3s ease-out;
	transition: 0.3s ease-out;
}

.control-owl button:hover {
	opacity: 1;
}

.control-owl button.owl-prev {
	left: 20px;
}

.control-owl button.owl-next {
	right: 20px;
}

.control-pro-detail button:hover {
	opacity: 0.7;
	color: var(--color-hover-text);
}

.control-pro-detail button.owl-prev {
	left: 0px;
}

.control-pro-detail button.owl-next {
	right: 0px;
}

.thumb-pro-detail {
	display: block !important;
	border: 1px solid transparent;
	border-radius: 3px;
	overflow: hidden;
	cursor: pointer;
	background-color: #ffffff;
}

.thumb-pro-detail.mz-thumb.mz-thumb-selected {
	border-color: var(--color-hover-text);
}

.thumb-pro-detail img {
	box-shadow: none !important;
	filter: brightness(100%) !important;
	border-bottom: 0px !important;
	padding-bottom: 0px !important;
}


.price-new-pro-detail {
	font-weight: 700;
	font-size: 20px;
	color: #C03636;
}

.price-old-pro-detail {
	font-weight: 500;
	color: #6e6e6e !important;
	text-decoration: line-through;
	padding-left: 10px;
}


.tags-pro-detail a {
	float: left;
	font-size: 13px;
	padding-bottom: 0.375rem;
	margin: 0px 5px 5px 0px;
	background: linear-gradient(to right, #0066cc, #cc3333);
}

.tags-pro-detail a i {
	font-size: 11px;
	margin: 5px 5px 0px 0px;
}

.tabs-pro-detail {
	margin-top: 2rem;
}

.tabs-pro-detail .nav-tabs .nav-link {
	border-top-width: 3px;
	font-size: 13px;
}

.tabs-pro-detail .nav-tabs .nav-link.active,
.tabs-pro-detail .nav-tabs .nav-item.show .nav-link {
	border-top-color: #4E970E;
}

.wap-tintuc .content-detail p.mota {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	-webkit-line-clamp: 5;
}

/* Paging Ajax */
.pagination-ajax {
	text-align: center;
}

.pagination-ajax a {
	display: inline-block;
	vertical-align: top;
	margin: 0px 3px 3px 3px;
	width: 35px;
	height: 35px;
	line-height: 33px;
	color: #666 !important;
	border: 1px solid #e6e6e6;
	font-size: 13px;
	cursor: pointer;
	text-decoration: none !important;
	background-color: #ffffff;
	border-radius: 8px;
	font-weight: 600;
}

.pagination-ajax a.current,
.pagination-ajax a:hover {
	color: #ffffff !important;
	border-color: #e33d32;
	background-color: #e33d32;
}

.pagination-ajax a.first,
.pagination-ajax a.last,
.pagination-ajax a.prev,
.pagination-ajax a.next {
	text-indent: -9999px;
	position: relative;
	background-color: #ffffff !important;
}

.pagination-ajax a.first:before,
.pagination-ajax a.last:before,
.pagination-ajax a.prev:before,
.pagination-ajax a.next:before {
	content: '';
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 2;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center;
}

.pagination-ajax a.first:before {
	background-image: url(../images/page-first.png);
}

.pagination-ajax a.last:before {
	background-image: url(../images/page-last.png);
}

.pagination-ajax a.prev:before {
	background-image: url(../images/page-prev.png);
}

.pagination-ajax a.next:before {
	background-image: url(../images/page-next.png);
}

/* mmenu */
#hamburger {
	display: block;
	position: relative;
	float: left;
}

#hamburger i {
	color: #fff;
	font-size: 25px;
	padding: 5px 7px;
	border-radius: 5px;
}

.menu-text {
	color: #fff;
	font-size: 18px;
	font-weight: bold;
}

#menu {
	display: none;
}

.mm-menu_opened {
	display: block !important;
}

.mm-wrapper_opening .mm-menu_offcanvas~.mm-slideout {
	background: #000000ad;
}

.menu-res {
	display: none;
	z-index: 10;
	background: #000;
	position: relative;
	line-height: normal;
	position: sticky;
	z-index: 999;
	overflow: hidden;
	top: 0;
	box-shadow: 0px 1px 2px;
}

.menu-bar-res {
	padding: 5px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.menu-res .search {
	width: 100%;
	background: none;
	display: flex;
	border-radius: 40px;
	position: relative;
	transition: all 0.6s;
	background-color: #fff;
	border: 1px solid #fff;
}

.menu-res .search p {
	width: 32px;
	height: 32px;
	line-height: 35px;
	cursor: pointer;
	text-align: center;
	margin: 0px;
	color: #fff;
	font-size: 16px;
	background: #000;
	border-radius: 50%;
	margin-right: 3px;
	margin-top: 3px;
}

.menu-res .search p:hover {
	background-color: #245a00;
	color: #fff;
}

.menu-res .search input {
	width: calc(100% - 35px);
	height: 38px;
	outline: none;
	padding: 0px;
	border: 0px;
	background: transparent;
	text-indent: 10px;
	font-size: 12px;
	color: #245a00;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}

.menu-res .search input::-webkit-input-placeholder,
.menu-res .search input:-moz-placeholder,
.menu-res .search input::-moz-placeholder,
.menu-res .search input:-ms-input-placeholder {
	color: #245a00;
}

.menu-res .search.active {
	visibility: visible;
	opacity: 1;
	transition: all 0.6s;
}

.menu-res .icon-search1 {
	width: 35px;
	line-height: 12px;
	color: #fff;
	border-left: 1px solid #fff;
	display: inline-block;
	cursor: pointer
}

/* Search in mmenu */
.search-res {
	position: relative;
	width: calc(100% - 120px);
	max-width: 550px;
}

.search-res .icon-search {
	width: 40px;
	height: 40px;
	cursor: pointer;
	text-align: center;
	line-height: 42px;
	color: #fff;
	font-size: 17px;
	margin: 0px;
}

.search-res .icon-search.active {
	color: var(--color-red);
	background: #fff;
	border-radius: 100%;
}

.search-res .search-grid {
	position: absolute;
	top: 0px;
	right: calc(100% + 5px);
	width: 0;
	overflow: hidden;
	height: 40px;
	background: rgb(95, 95, 95);
	display: flex;
	border-radius: 40px;
	transition: all 0.6s;
	box-shadow: 1px 1px 1px;
	z-index: 2;
}

.search-res .search-grid p {
	width: 32px;
	height: 32px;
	line-height: 32px;
	cursor: pointer;
	text-align: center;
	margin: 0px;
	color: #ea5f33;
	font-size: 16px;
	background: #ffffffc4;
	border-radius: 50%;
	margin-right: 3px;
	margin-top: 4px;
	transition: background 0.4s;
}

.search-res .search-grid p:hover {
	background: #fff;
	transition: background 0.4s;
}

.search-res .search-grid input {
	width: calc(100% - 35px);
	height: 38px;
	outline: none;
	padding: 0px;
	border: 0px;
	background: transparent;
	text-indent: 10px;
	font-size: 14px;
	color: #fff;
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px;
	font-style: italic;
}

.search-res .search-grid input::-webkit-input-placeholder {
	color: #fff;
}

.search-res .search-grid input:-moz-placeholder {
	color: #fff;
}

.search-res .search-grid input::-moz-placeholder {
	color: #fff;
}

.search-res .search-grid input:-ms-input-placeholder {
	color: #fff;
}

.search-res .search-grid.active {
	visibility: visible;
	opacity: 1;
	transition: all 0.6s;
}

.search_mobile_menu {
	width: 100% !important;
}

.menu_mobile_btn {
	width: 30% !important;
}
.dmcap2 {
	margin-bottom: 15px;
}
.res-img-detail ul{
	list-style: unset;
	padding-left: 1rem;
	margin: unset;
}