*{
				padding: 0px;
				margin: 0px;
				box-sizing: border-box;
			}
			html,body{
				background: #FFF;
				font-family: 'rubik',sans-serif;
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale;
				font-weight: 400;
				color: #373f50;
			}
			.header-wrap {
				/*position: fixed;*/
				width: 100%;
				z-index: 1000;
				top: 0;
			}
			.drawer-wrap {
				position: fixed;
				width: 100%;
				z-index: 1000;
				bottom: 0;
				display: none;
			}
			.header-first, .cmx-head {
				background: #373f50 !important;
				color: #64b5f6 !important;
				padding-top: .60rem!important;
				padding-bottom: .60rem!important;
				width: 100%;
				z-index: 1000;
				top: 0;
				transition: top .3s;
			}
			.header-first-one .text-hover:hover{
				color: #FFF;
				transition-duration: .5s;
			}
			.header-first-two a:hover{
				color: #FFF !important;
				transition-duration: .5s;
			}
			.header-first.hidden{
			    top:-2.15rem;
			}
			.text-hover:hover {
				color: #000;
			}
			.header-second {
				background: #FFFFFF;
				padding: 10px 0px;
				width: 100%;
				z-index: 1000;
				box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
				border-bottom: 1px solid #e8e8e8;
			}
			.drawer-second {
				background: #FFFFFF;
				padding-top: 7px;
				margin-bottom: -3px;
				width: 100%;
				z-index: 1000;
				bottom: 0;
				box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
				border-top: 1px solid #e8e8e8;
			}
			.drawer-second-box {
				display: table;
				width: 100%;
				color: #333E02;
			}
			.col-drawer {
				text-align: center;
				width: 20%;
			}
			.icon {
			    text-align: center;
			}
			.drawer-menu {
				font-size: 12px;
				color: #37589E;
			}
			.logo {
				max-height: 5rem;
			}
			.hsb-col-logo {
				width: 15%;
			}
			.hsb-col-search {
				padding-left: 25px;
			}
			.header-first-two a {
				color: #64b5f6 !important;
			}
			.container-top-search i.fa {
				color: #dbdbdb;	
				top: 14px;
				right: 12px;
				font-size: 14px;
			}
			.container-top-search input:focus + i.fa{
				color: #2196f3;
				transition-duration: 1.5s;
			}
			.slick-dots li button:before {
				color: #FFF;
			}
			.slick-dots li.slick-active button:before {
				color: #FFF;
			}
			.slick-prev {
			    left: 15px;
			    position: absolute;
			    z-index: 800;
			}
			.slick-next {
			    right: 15px;
			    position: absolute;
			    z-index: 800;
			}
			.box-category {
				background-color: transparent;
				border-radius: 8px;
				box-shadow: none;
				color: #4a4a4a;
				display: block;
				margin-left: 0;
				margin-right: 0;
			}
			.col-category {
				width: 22%;
				padding-left: 0;
				padding-right: 0;
			}
			.row-category-product .col-category-product {
				border: none !important;
			}
			.row-category-product .col-category-product:hover {
				background: transparent !important;
			}
				.row-category-product .col-category-product .box-product{
					/*border: 1px solid #dfdfdf;*/
					box-shadow: 0px 8px 8px 0px #5d5d5d29;
					border-radius: 8px;
					overflow: hidden;			
				}
				.row-category-product .col-category-product .box-product:hover{
					box-shadow: 2px 8px 10px 0px #15151545;
					transition: box-shadow .5s 
				}
			.category-menu li a {
				padding: 7px 18px;
			}
				.category-menu li a:hover {
					background: #f5f5f5;
					color: #1977d2!important;
				}
			.category-title {
				color: #000;
				font-weight: 500;
				padding: 4px 18px;
			}
			.category-image {
				margin-top: -3px;
			}
			.box-subcategory {
				background-color: #ffffff;
				width: 100%;
				height: 100%;
			    position: absolute;
			    top: 0;
				z-index: 999;
				display: none;
				overflow-y: scroll;
			}
			.subcategory-detail {
				display: none;
			}
			.subcategory-title {
				color: #1977d2;
				font-weight: 500;
				padding: 4px 18px;
			}
			.subcategory-desc {
				font-size: 16px;
				font-weight: 700!important;
			}
			.subcategory-list {
				margin-bottom: 5px;
			}
			.img-subcategory {
				height: auto;
				width: 85%;
				border-radius: 5px!important;
			}
			.container-slideshow {
				background-color: #2196f3;
				padding-bottom: 30px;
				padding-top: 0px;
			}
			.container-breadcrumb-home {
				padding-top: 20px!important;
			}
			.col-slideshow {
				padding-left: 0;
				padding-right: 0;
			}
			.img-slideshow {
			   width: 100%;
			   border-top-right-radius: 0px;
			   border-bottom-right-radius: 0px;
			}
			.container-image-home {
				padding-top: 20px;
			}
			.btn-one, .btn-two {
				border-color: transparent;
			}
			.btn-one {
				background: #1977d2;
			}
			.btn-one:hover{
				background: #71a9ff;
				transition: background .5s ease-out;
			}
			.btn-two {
				border-color: #dbdbdb;
				border-width: 1px;
			}
			.btn-three {
				background: #1977d2;
				color: #FFFFFF;	
			}
			.btn-three:hover{
				background: #71a9ff;
				transition: background .5s ease-out;
			}
			.box-footer-caret {
				background: #78909c;	
			}
			.copyright {
				background: #151515;
				color: #FFFFFF;
			}
			.copyright a {
				color: #FFFFFF;
			}
			.ulcat a, .hpc-txt {
				color: #333333;	
			}
			.ulcat a:hover {
				color: #333333;
			}
			.top-search {
				padding: 20px !important;
				padding-left: 14px !important;
				font-size: 16px;
				border-radius: 4px;
				border-color: #dbdbdb;
				color: #363636;
				box-shadow: none !important;

			}
			.top-search:focus {
				border-color: #45a8ff91 !important;
				box-shadow: 0px 1px 3px #79bdff85 !important;
				transition: border-color .5s cubic-bezier(0.47, 0, 0.43, 0.72), box-shadow 3s cubic-bezier(0.47, 0, 0.43, 0.72);
			}
			.autocomplete-list li a{
				display: block;
				font-size: 14px !important;
				padding: 8px !important;
			}
			.sch-show-finish-shoping {
				background: #1977d2;
			}
			.xs-menu li a i {
				color: #1977d2;
			}

			.txt-product-field{
				font-weight: 500;
			}

			.tb-total-price{
				font-weight: 500 !important;
			}

			.btn-upload {
				background: #1977d2;
			}
				.btn-upload .txt-upload {
					color: #FFFFFF;
					font-weight: 500;
				}
			.btn-upload .icon-upload {
				background: #1977d2;
				color: #FFFFFF;	
			}
			.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
				border-bottom: 7px solid #1977d2;
			}
			.container-checkout .nav-tabs>li.active>a, .container-checkout .nav-tabs>li.active>a:focus, .container-checkout .nav-tabs>li.active>a:hover {
				border-bottom: 3px solid #1977d2;
			}

			.input-auth:focus {
			    box-shadow: inset 0 1px 1px #1977d2;
			    border: 1px solid #1977d2;
			}
			.boa-list-add {
			    color: #1977d2;
			}
			.box-status-order-separate {
				background: #1977d2;
			}
			.loh-code {
				color: #1977d2;	
			}
			.loh-step-list {
				background: #1977d2;
			}
			.box-my-account:hover {
				background: #1977d2;
			}

			.container-sidebar-account {
			    border-left: 5px solid #1977d2;
			}
			.ol-advantage span{
				font-size: 1.4rem !important;
				font-family: 'rubik', sans-serif !important;
				font-style: italic;

			}
			.footer {
				background: #373f50;
			}
			.box-footer-content ul li a {
				color: #b9b9b9;
			}
			.box-footer-content {
				color: #b9b9b9;
			}
			.box-footer-title {
				color: #FFFFFF;
				font-weight: 500;
				letter-spacing: .5px;	
			}
			.box-footer-payment{
				background: transparent;
				border:none;
			}
			.box-payment-logo{
				min-height: 42px;
				padding: 4px;
				border-radius: 4px;
				overflow: hidden;
				background: #FFF;
			}
			@media (max-width:767px) {
				.top-search {
					border: 1px solid transparent;
					border-radius: 4px;
					border-color: #dbdbdb;
					color: #363636;
					box-shadow: inset 0 1px 2px rgba(10,10,10,.1);
				}
					.top-search:focus {
						border-color: #3273dc;
						box-shadow: 0 0 4px #1977d2;
					}
			}

			.sub-second-header{
				position: relative;
				display: flex;
				padding-top: 12px;
			}
			@media (max-width: 992px){
				.sub-second-header a{
					font-size: 15px;
					letter-spacing: 0px;
				}
			}
			.hidden-category{
				background-color: #FFF;
				z-index: 1000;
				top: 60px;
				box-shadow: -1px 2px 6px #0000002b;
				border-radius: 8px;
				padding: 0px 12px;
				display: none;
				position: absolute;
				width: calc(100% - 30px);
				max-width: 1260px;
				height: 80vh;
				overflow-y: auto;
				overflow-x: hidden;
			}
			.hidden-category-box{
				height: 80vh;
				padding-top: 12px;
				border-right: 1px solid #afafaf;			
			}
				.hidden-category-list{
					padding: 8px 8px;
					font-size: 1.4rem;
					display: block;
					color: #4b566b;
					line-height: 24px;
				}
				.hidden-category-list.active{
					color: #FF7043;
				}
			.hidden-subcategory-box{
				height: 80vh;
				padding-top: 12px;
				border-right: 1px solid #afafaf;
				display: none;			
			}
				.hidden-subcategory-list{
					padding: 8px 8px;
					font-size: 1.4rem;
					display: block;
					color: #4b566b;
					line-height: 24px;
				}
				.hidden-subcategory-list.active{
					color: #FF7043;
				}
			#hidden-category-product{
				max-height: 80vh;
				overflow-y: auto;
			}
			.hidden-category-card{
				padding: 8px;
				overflow: hidden;
				display: block;
			}
			.hidden-category-img{
				border-radius: 12px;
				width: 100%;
			}
			.hidden-category-label{
				color: #373f50 !important;
				font-size: 16px;
				font-weight: 500;
				text-decoration: none;
			}
			.hidden-category ul{
				list-style-type: none;
				margin-bottom: 0px;
			}
			.hidden-category ul li a{
				padding: 2.5px 0px 2.5px 0px;
				display: block;
				color: #373f50;
			}
			.hidden-category ul li a:hover{
				color: #2196f3;
			}
			.hsb-category a{
				color: #4b566b;
				letter-spacing: .4px;
				padding: 10px;
				line-height: 24px;
				font-size: 16px;
				display: block;
			}
			#hcb-button{
				color: #4b566b;
				letter-spacing: .4px;
				padding: 10px 32px 10px 0px;
				line-height: 24px;
				font-size: 16px;
				display: block;
				text-align: left;		
			}

			.hcb-button-active{
			    color: #ff7043 !important;
				text-shadow: 1px 0px 2px #ff9877b3;
				transition: color .5s ease-out, text-shadow .5s ease-in;
			}

			.search-record{
				width: 85%;
				padding-left: 16px;
				border-left: 1px solid #dfdfdf;
			}
			.search-record ul{
				list-style-type: none;
				margin: 0px;
				padding-top: 2px;
			}
			.search-record ul li a{
				color: #4b566b;
				font-size: 16px;
				line-height: 24px;
				letter-spacing: .4px;
				padding: 8px 14px;
				display: block;
				float: left;
				text-transform: capitalize;
			}
			.search-record ul li a:hover{
				color: #4787ff;
				text-shadow: 1px 0px 2px #2196f361;
				transition-duration: .5s;
			}

			.input-field{
				border:1px solid #dfdfdf;
			}
			.input-field:focus{
				border-color: #45a8ff91 !important;
				box-shadow: 0px 1px 3px #79bdff85 !important;
				transition: border-color .5s cubic-bezier(0.47, 0, 0.43, 0.72), box-shadow 3s cubic-bezier(0.47, 0, 0.43, 0.72);
			}

			.box-search{
				border: none !important;
				box-shadow: 0px 7px 13px #0000002e;
				border-bottom-left-radius: 8px;
				border-bottom-right-radius: 8px;
			}

			.box-search li a{
				border-bottom: 1px solid #dfdfdf61;
				padding: 10px !important;
			}

			.card-search-bottom{
				background-color: #FFF;
				border-radius: 12px;
				overflow: hidden;
				min-height: 200px;
				width: 100%;
				margin-top: -30px;
				padding-bottom: 10px;
				position: relative;
				box-shadow: 0px 7px 13px #dbdbdb99;
			}

			.container-search-bottom{
				margin-top: 10px;
			}

			.auto-search-bottom{
				border: none !important;
			    box-shadow: 0px 7px 13px #0000002e;
			    border-bottom-left-radius: 8px;
			    border-bottom-right-radius: 8px;
				position: absolute;
			    background: #fff;
			    width: calc(100% - 30px);
			    z-index: 9999;
			    display: none;			
			}
			.auto-search-bottom ul{
				list-style-type: none;
				margin: 0px;
			}
			.auto-search-bottom ul li a{
				color: #373f50;
				display: block;
				padding: 12px 14px;
			}
			.auto-search-bottom ul li a:hover{
				background-color: #dfdfdf61;
			}
			.search-bottom{
				padding: 12px !important;
				padding-left: 14px !important;
				padding-right: 100px !important;
				font-size: 16px;
				border: 1px solid #dbdbdb;
				border-radius: 4px !important;
				color: #363636;
				box-shadow: none !important;
				width: 100%;
			}
			.label-search-bottom{
				font-size: 20px;
				text-align: center;
				color: #373f50;
				text-align: center;
			}
			.label-search-bottom b{
				color: #FF7043;
			}
			.btn-search-bottom{
				position: absolute;
				right: 18px;
				top: 3px;
				padding: 11px;
				min-width: 90px;
				font-size: 14px;
				background: #2196f3;
				color: #FFF;
				border: none;
				border-radius: 4px;
			}

			.search-bottom:focus {
				outline: none !important;
				border-color: #45a8ff91 !important;
				box-shadow: 0px 1px 3px #79bdff85 !important;
				transition: border-color .5s cubic-bezier(0.47, 0, 0.43, 0.72), box-shadow 3s cubic-bezier(0.47, 0, 0.43, 0.72);
			}

			.separate-home{
				margin-bottom: 30px;
				background: #e8e8e8a8;
			}
			.container-product{
				margin-top: 30px;
			}
			.container-category{
				/*background: #FFF;*/
				/*border-radius: 10px;*/
				/*box-shadow: 0px 7px 13px #dbdbdb99;*/
				/*padding: 20px;*/
				/*padding-top: 30px;*/
			}
			.card-category{
				width: 100%;
				height: 605px;
				margin-top: 8px;
				border-radius: 8px;
				overflow: hidden;
				display: flex;
				background: #c8dcf5;
			}
			.card-category-info{
				display: block;
				position: absolute;
				width: 94%;
				height: 200px;
				padding: 20px;
			}
			.card-category-label{
				font-size: 20px;
				color: #373f50;
			}
			.card-category-link{
				color: #FF7043 !important;
				font-size: 15px;
			}
			.card-category-link:hover{
				color: #e64a19;
			}
			.card-category-img{
				display: block;
				margin-top: auto;
				width: 100%;
			}
			.product-link{
				padding: 8px;
				display: block;
			}
			.product-link:focus{
				outline: none;
			}
			.box-product-home{
				border-radius: 8px;
				box-shadow: none;
				/*box-shadow: 0px 7px 13px #dbdbdb99;*/
				border:1px solid #dfdfdf61;
				overflow: hidden;
			}
			.box-product-home:hover{
				box-shadow: 0px 7px 13px #dbdbdb99;
				/*border:1px solid #dfdfdf61;*/
			}
			.box-product-detail{
				text-align: left !important;
				background-color: #FFF !important;
				padding: 8px !important;
			}
				.box-product-name{
					font-weight: 500;
					height: 40px !important;
					overflow: hidden;
				}
				.box-product-price{
					color: #1E88E5;
					font-weight: 400;
					text-shadow: 1px 1px #1e88e538;
				}

				@media screen and (max-width: 768px){
					.card-category{
						min-height: 735px;
					}
					.slide-product{
						margin: 0px;
						padding: 0px;
						padding-left: 10px;
					}
					.box-product-home{
						border: none;
						box-shadow: 0px 7px 13px #dbdbdb99;
					}
				}

				@media screen and (max-width: 580px){
					.card-category{
						min-height: 0px;
					}
				}
				@media screen and (max-width: 480px){
					.card-category{
						height: 480px;
					}
				}
				.slideshow .slick-prev{
					left: -30px;
				}
				.slideshow .slick-next{
					right: -30px;
				}

				.slideshow-list a:focus{
					outline: none !important;
				}
				.slider-category{
					background-color: #f1f9ff;
				    border-top-right-radius: 8px;
				    border-top-left-radius: 8px;
				}
				.slide-category-item{
					padding: 10px;
					text-align: center;
				}

				.slide-category-item img{
					height: 32px;
					width: 32px;
					margin: 5px;
					display: inline-block;
				}


				.form-control{
					border: 1px solid #dfdfdf;
					box-shadow: none;
					border-radius: 2px;
				}
				.form-control:focus{
					border-color: #b1b1b1;
					box-shadow: 0px 1px 3px #00000045;
					transition-duration: .5s;
				}

				.card{
					width: 100%;
					height: auto;
					background-color: #FFF;
					box-shadow: 0px 7px 13px #0000002e;
				}
				.card-body{
					padding: 10px;
				}

				.list-category{
					display: block;
					position: relative;
				}
				.list-category ul{
					list-style-type: none;
					margin-bottom: 0px;
				}
				.list-category ul li a{
					padding: 10px 12px;
					display: block;
					color: #373f50;
					text-shadow: 0 0 1px #5f69807a;
					position: relative;
				}
				.list-category ul li a:hover{
					padding: 10px 12px;
					display: block;
					color: #fe696a;
					text-shadow: 0 0 1px #fe696ab8;
				}

				.list-subcategory{
					position: relative;
					display: none;
					border-left: 1px solid #5f6980;
					margin-left: 24px;
					margin-top: 5px;
				}
				.list-subcategory ul li a{
					display: block;
					padding: 2px 0px;
					margin-left: 10px;
				}
				.list-subcategory ul li a:hover{
					padding: 2px 0px;
					margin-left: 10px;
					display: block;
					color: #fe696a;
					text-shadow: 0 0 1px #fe696ab8;
				}
				.list-category .active{
					display: block;
				}
				.list-category .btn-active{
					color: #fe696a;
				}
				.icon-collapse-category{
					position: absolute;
					right: 0px;
					top: 5px;
				}

				@media screen and (max-width: 767px){
					.mobile-category-btn{
						position: absolute;
						top: 0px;
						right: 14px;
					}
					#container-list-category{
						display: none;
					}
					.category-card-list{
						position: absolute;
						width: 95%;
						z-index: 1;
					}
						.category-card-list-body{
							height: 75vh;
							overflow-y: scroll;
						}
					#mobile-category-name{
						font-size: 1.5rem;
					}					
				}


/*scrollbar*/
/*::-webkit-scrollbar{
	width: 12px;
	background: #d0d9ea;
}
::-webkit-scrollbar-thumb {
	margin-top: -2px !important;
	background: #373f50;
	border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
	background: #1f2633;
}*/