.fix {
	position: fixed !important;
	top: 0;
	right: 0;
	left: 0;
	width: 100%;
	z-index: 999 !important;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	-webkit-animation: affix-menu 1s;
	animation: affix-menu 1s;
	background: #fff !important;
	box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.17);
}

@-webkit-keyframes affix-menu {
	from {
		position: fixed;
		top: -100%;
	}

	to {
		position: fixed;
		top: 0;
	}
}

.fix .logo img {
	max-width: 90px;
}

.bg-header .container > .row {
	display: flex;
	align-items: center;
}

/*MODULE LUA CHON CUA BAN*/
.bg-choose {
	background-color: #f0f0f0;
	padding: 30px 0;
}

.choose .title-choose,
.choose .slogan {
	text-transform: uppercase;
}

.choose .title-choose {
	color: red;
	font-size: 35px;
	font-weight: 600;
}

.choose .slogan {
	font-size: 22px;
}

.bg-choose .item-banner img {
	width: 175px;
	height: 150px;
}

/*MODULE LUA CHON CUA BAN*/

/*DANH MUC SAN PHAM TRANG CHU*/
.list_dongxe .list_item {
	position: relative;
}

	.list_dongxe .list_item .featured-thumbnail {
		position: relative;
		padding-top: 60%;
		overflow: hidden;
	}

	.list_dongxe .list_item .bg {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,.4);
		z-index: 1;
		transition: all .4s;
		opacity: 1;
	}

	.list_dongxe .list_item .featured-thumbnail img {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		transition: all .4s;
		transform: scale(1);
	}

	.list_dongxe .list_item .info-cate {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 2;
		text-align: center;
	}

		.list_dongxe .list_item .info-cate a.cate-title {
			font-size: 25px;
			font-weight: 600;
			padding-bottom: 30px;
			margin-bottom: 30px;
			border-bottom: 1px solid #fff;
			color: #fff;
			text-transform: uppercase;
			display: block;
		}

		.list_dongxe .list_item .info-cate .btn-view-more {
			border: 1px solid #fff;
			color: #fff;
		}

	.list_dongxe .featured-thumbnail:before,
	.list_dongxe .featured-thumbnail:after,
	.list_dongxe .list_item:before,
	.list_dongxe .list_item:after {
		content: "";
		position: absolute;
		z-index: 200;
	}

.list_dongxe .featured-thumbnail:before,
.list_dongxe .featured-thumbnail:after {
	width: 0;
	height: 1px;
	background-color: #fff;
	transition: all ease-in-out .3s;
}

.list_dongxe .featured-thumbnail:before {
	top: 30px;
	left: 30px;
}

.list_dongxe .featured-thumbnail:after {
	right: 30px;
	bottom: 30px;
}

.list_dongxe .list_item:before,
.list_dongxe .list_item:after {
	width: 1px;
	height: 0;
	background-color: #fff;
	transition: all ease-in-out .3s;
}

.list_dongxe .list_item:before {
	bottom: 30px;
	left: 30px;
}

.list_dongxe .list_item:after {
	right: 30px;
	top: 30px;
}


.list_dongxe .list_item:hover .bg {
	opacity: 0;
}

.list_dongxe .list_item:hover .featured-thumbnail img {
	transform: scale(1.3);
}

.list_dongxe .list_item:hover .featured-thumbnail:before,
.list_dongxe .list_item:hover .featured-thumbnail:after {
	width: calc(100% - 60px);
}

.list_dongxe .list_item:hover:before,
.list_dongxe .list_item:hover:after {
	height: calc(100% - 60px);
}


/*DANH MUC SAN PHAM TRANG CHU*/

/*DANH MUC SAN PHAM TRANG SAN PHAM*/
.box-product-style2 .item-product .img {
	padding-top: 75% !important;
}

.box-product-style2 .item-product .bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.4);
	z-index: 1;
	transition: all .4s;
	opacity: 1;
}

.box-product-style2 .item-product .info {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: all .4s;
	z-index: 2;
	width: 75%;
	text-align: center;
}

.box-product-style2 .item-product .title-cate {
	margin-top: 0;
}

	.box-product-style2 .item-product .title-cate a {
		color: #fff;
		font-weight: 600;
		padding-bottom: 20px;
		margin-bottom: 20px;
		border-bottom: 1px solid #fff;
		display: inline-block;
	}

.box-product-style2 .item-product .btn-view-more {
	color: #fff;
	border: 1px solid #fff;
}

.box-product-style2 .item-product:before,
.box-product-style2 .item-product:after,
.box-product-style2 .item-product .img:before,
.box-product-style2 .item-product .img:after {
	content: "";
	position: absolute;
	z-index: 200;
	background-color: #fff;
	transition: all ease-in-out .3s;
}

.box-product-style2 .item-product:before,
.box-product-style2 .item-product:after {
	width: 1px;
	height: 0;
}

.box-product-style2 .item-product:before {
	bottom: 30px;
	left: 30px;
}

.box-product-style2 .item-product:after {
	right: 30px;
	top: 30px;
	visibility: visible;
}

.box-product-style2 .item-product .img:before,
.box-product-style2 .item-product .img:after {
	width: 0;
	height: 1px;
}

.box-product-style2 .item-product .img:before {
	top: 30px;
	left: 30px;
}

.box-product-style2 .item-product .img:after {
	right: 30px;
	bottom: 30px;
}

.box-product-style2 .item-product:hover:before,
.box-product-style2 .item-product:hover:after {
	height: calc(100% - 60px);
}

.box-product-style2 .item-product:hover .img:before,
.box-product-style2 .item-product:hover .img:after {
	width: calc(100% - 60px);
}

.box-product-style2 .item-product:hover .bg {
	opacity: 0;
}

.item-product:hover .img img {
	transform: scale(1.2) !important;
}
/*DANH MUC SAN PHAM TRANG SAN PHAM*/

/*ITEM PRODUCT*/
.item-product .img .bg,
.item-product .img .animate-border {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.item-product .img .bg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.4);
	z-index: 1;
	transition: all .4s;
	opacity: 0;
}

.item-product .img .animate-border:before,
.item-product .img .animate-border:after {
	content: "";
	position: absolute;
	z-index: 200;
	background-color: #fff;
	transition: all ease-in-out .3s;
}

.item-product .img .animate-border.border1:before,
.item-product .img .animate-border.border1:after {
	width: 0;
	height: 1px;
}

.item-product .img .animate-border.border1:before {
	top: 15px;
	left: 15px;
}

.item-product .img .animate-border.border1:after {
	right: 15px;
	bottom: 15px;
}

.item-product .img .animate-border.border2:before,
.item-product .img .animate-border.border2:after {
	width: 1px;
	height: 0;
}

.item-product .img .animate-border.border2:before {
	bottom: 15px;
	left: 15px;
}

.item-product .img .animate-border.border2:after {
	right: 15px;
	top: 15px;
}

.item-product:hover .bg {
	opacity: 1;
}

.item-product:hover .img .animate-border.border1:before,
.item-product:hover .img .animate-border.border1:after {
	width: calc(100% - 30px);
}

.item-product:hover .img .animate-border.border2:before,
.item-product:hover .img .animate-border.border2:after {
	height: calc(100% - 30px);
}

#load-list-data .item-product .bg:before,
#load-list-data .item-product .bg:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: #fff;
	z-index: 1;
}

#load-list-data .item-product .bg:before {
	width: 3px;
	height: 40px;
}

#load-list-data .item-product .bg:after {
	height: 2px;
	width: 40px;
}


/*ITEM PRODUCT*/

/*NEW SMALL*/
.news-small .item-product {
	margin: 10px 0;
}

	.news-small .item-product .title-product {
		margin-bottom: 10px;
	}

		.news-small .item-product .title-product a {
			font-weight: 500;
		}

/*NEW SMALL*/

.title-block h2,
.title-block .nav_title li a,
.title .nav_title li a {
	font-size: 22px;
	color: #f76800;
}

.title-block h2,
.title-block .nav_title li a {
	text-align: center;
	text-transform: uppercase;
	color: #f76800;
}

.title-block h2 {
	font-size: 36px;
	margin-bottom: 30px;
	color: #9f1f26;
	font-family: 'Montserrat-Bold';
}

.title-block .nav_title {
	border-bottom: 0;
}

	.title-block .nav_title li {
		padding: 0 !important;
		width: 100%;
		text-align: center;
	}

		.title-block .nav_title li a:before {
			content: none;
		}


@media(max-width: 768px) {
	.navbar-header {
		text-align: center;
	}

	.bg-header .container > .row > div:last-child {
		position: unset;
	}
}

@media(max-width: 576px) {
	.choose .title-choose {
		font-size: 25px;
	}

	.choose .slogan {
		font-size: 16px;
	}

	.title .nav_title li a {
		font-size: 20px;
	}

	.box-search .show-box-search {
		width: calc(100% - 30px);
	}

		.box-search .show-box-search .form-group {
			margin: 0;
		}

	#footer .container > .row > [class*="col-"] {
		width: 100%;
	}
}


.item_ckcs {
	position: relative;
	display: inline-block;
	width: 100%;
}

	.item_ckcs .img {
		width: 100px;
		height: 100px;
		float: left;
	}

	.item_ckcs .text_ckcs {
		width: calc(100% - 100px);
		padding-left: 30px;
		float: left;
	}

		.item_ckcs .text_ckcs h4 {
			text-transform: uppercase;
			color: #0558ae;
			font-weight: bold;
			font-size: 16px;
		}

		.item_ckcs .text_ckcs ul {
			list-style: none;
		}

.item-info-inner {
	position: absolute;
	/* top: 0; */
	left: 41px;
	/* right: 0; */
	bottom: 37px;
	width: 100%;
	/* height: 100%; */
	/* text-align: center; */
	/* display: flex; */
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	z-index: 9999;
}

.item-product .item-mark1, .item-product .item-mark2 {
	position: absolute;
	width: calc(100% - 60px);
	height: calc(100% - 60px);
	top: 30px;
	left: 30px;
	z-index: 200;
}

	.item-product .item-mark1:before, .item-product .item-mark1:after,
	.item-product .item-mark2:before, .item-product .item-mark2:after {
		position: absolute;
		content: '';
		width: 0;
		height: 1px;
		background-color: #fff;
		transition: all ease-in-out .3s;
	}

	.item-product .item-mark1:before {
		top: 0;
		left: 0;
	}

	.item-product .item-mark1:after {
		right: 0;
		bottom: 0;
	}

	.item-product .item-mark2:before {
		bottom: 0;
		left: 0;
	}

	.item-product .item-mark2:after {
		right: 0;
		top: 0;
	}

.item-product:hover .item-mark1:before, .item-product:hover .item-mark1:after {
	width: 100%;
}

.item-product:hover .item-mark2:before, .item-product:hover .item-mark2:after {
	height: 100%;
	width: 1px;
}

.list_support {
	height: 265px;
	overflow-y: scroll;
}

	.list_support::-webkit-scrollbar {
		width: 6px;
		background-color: #F5F5F5;
	}

	.list_support::-webkit-scrollbar-thumb {
		background-color: #e0792e;
	}

	.list_support::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
		background-color: #F5F5F5;
	}


#socials {
	display: inline-block;
	position: fixed;
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
	z-index: 100;
	width: 40px;
}

	#socials a {
		width: 50px;
		height: 50px;
		display: block;
		margin-bottom: 10px;
	}

		#socials a.phone {
			padding: 5px;
			border-radius: 50%;
			background-color: #ffa500;
			animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
		}

			#socials a.phone img {
				padding: 5px;
			}

@-webkit-keyframes quick-alo-circle-img-anim {
	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);
	}
}

.list_support .m-phone a {
	color: #000;
}

/*CALL LEFT*/
.mypage-alo-phone .mypage-alo-ph-img-circle {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 25px;
	color: #fff;
}

.mypage-alo-phone {
	position: fixed;
	left: -25px;
	bottom: 11px;
	visibility: visible;
	background-color: transparent;
	width: 99px;
	height: 103px;
	cursor: pointer;
	z-index: 200000 !important;
}

.mypage-alo-ph-img-circle {
	width: 40px;
	height: 40px;
	top: 48px;
	left: 48px;
	position: absolute;
	background: rgba(30, 30, 30, 0.1) url(/uploads/plugin/custom_img/2019-06-20/1560998816-921742015-custom.png) no-repeat center center;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	border: 2px solid transparent;
	opacity: 1;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	background-color: #ffa500;
	background-size: 70%;
}

.mypage-alo-ph-circle-fill {
	width: 60px;
	height: 60px;
	top: 38px;
	left: 38px;
	position: absolute;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	border: 2px solid transparent;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	background-color: #ffa500;
	opacity: 0.75 !important;
}

.mypage-alo-ph-circle {
	width: 72px;
	height: 72px;
	top: 32px;
	left: 32px;
	position: absolute;
	background-color: transparent;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	border: 2px solid rgba(30, 30, 30, 0.4);
	opacity: 0.1;
	border-color: #ffa500;
	opacity: 0.5;
}

.mypage-alo-phone:hover .mypage-alo-ph-img-circle {
	background-color: #000;
}

.mypage-alo-phone:hover .mypage-alo-ph-circle {
	border-color: #ccc;
}

.mypage-alo-phone:hover .mypage-alo-ph-circle-fill {
	background-color: #ccc;
}

.call .text-call {
	position: fixed;
	bottom: 27px;
	left: 82px;
	z-index: 2000;
	padding: 5px 10px;
	border-radius: 15px;
	background-color: #ffa500;
	color: #fff;
	font-weight: 700;
	font-size: 20px;
}
/*CALL LEFT*/
.mighty-slider img {
	width: 100%;
}

.default_left .item-product .title-product a {
	font-size: 14px;
	color: #000;
}

.default_left .item-product .title-product {
	margin-bottom: 10px;
	max-height: none;
}

h4.title-menu-ft.margin-t-30 {
	margin-top: 0 !important;
}

.custom-tw .title-blogs-item {
	height: auto;
	margin: 0;
	overflow: hidden;
	display: block;
	font-weight: 300;
}

	.custom-tw .title-blogs-item a {
		text-transform: none;
		font-weight: 600 !important;
		font-size: 15px !important;
		font-family: Cambria;
		text-transform: unset;
	}

.custom-tw .item-blogs .img-blogs {
	text-align: center;
	position: relative;
	width: 100%;
	padding-top: 0%;
	margin-bottom: 0;
	overflow: hidden;
	height: 180px;
}

.custom-tw .box-top .item-blogs .img-blogs a {
	position: relative;
	margin-right: 8px;
	float: left;
	height: 100px;
	width: 120px;
	display: block;
}

.custom-tw .img-blogs img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.content_news2 {
	text-align: justify;
	background: #fff;
	color: #878787;
}

.custom-tw .col-xs-12.list-item.box-blogs.item-title {
	padding-bottom: 10px;
}

.custom-tw .img-blogs.cus4 {
	width: 25%;
	height: 61px !important;
	padding-top: inherit !important;
	float: left;
	margin-right: 10px;
	margin-bottom: 0;
	text-align: center;
	position: relative;
}

.custom-tw .img-blogs a {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.custom-tw .img-blogs img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.custom-tw .box-blogs.item-title h2.title-blogs-item {
	height: auto;
	margin: 0;
}

.box-bottom .title-blogs-item a {
	font-weight: normal !important;
}

.more-blogs {
	color: #989898;
	margin-bottom: 5px;
	font-size: 12px;
	display: inline-block;
	margin-right: 15px;
}

.box-bottom .item-blogs {
	margin-bottom: 8px;
	padding-bottom: 8px;
	border-bottom: 1px dashed #ddd;
}

.img_banner img {
	width: 100%;
}

.sidebar-content-box.item-counter {
	display: table;
	width: 100%;
	margin-left: 1px;
}

	.sidebar-content-box.item-counter .title {
		font-size: 18px;
		font-weight: 700;
		color: #fff;
		text-transform: uppercase;
		margin-bottom: 10px;
	}

	.sidebar-content-box.item-counter .content ul li {
		list-style: none;
		color: #fff;
		font-size: 16px;
	}

.home_banner_right .img_banner img {
	width: 100%;
	height: 333px;
	/*width: auto;*/
	margin: 0 auto;
	display: block;
}