/*.bg-product h3 span.title-right::-webkit-scrollbar{
width: 5px;
height: 3px;
background-color: #ccc;  or add it to the track
}
*/
@font-face{font-family:'FuturaExtra';
src:url('../fonts/UTM Futura Extra.ttf');
}
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');
@import url('https://fonts.googleapis.com/css?family=Roboto:400,700');
/* Add a thumb */
/*.bg-product h3 span.title-right::-webkit-scrollbar-thumb {
background: #0f66d1 ;
}
*/
.box-single-product img{
	display: block;
    max-width: 100%;
    height: auto!important;
}
.wsmenu-list > li > a:hover{
	background:none !important;
	color: yellow;
}
.wsmenu-list > li > a{
	transition: 0.5s all ease;
	font-family: roboto;
	font-weight: 700;
}
.wsmenu-list > li > a.active{
	background:none !important;
	color: yellow;
}
.content-product{
	background: #f5f5f5;
}
.bg-product h3 span.title-right::-webkit-scrollbar-track {
}
.bg-product h3 span.title-right{
    float: left;
    font-size: 14px;
    /* overflow-x: scroll; */
    color: #0f66d1 !important;
    font-family: roboto;
    text-transform: uppercase;
    margin-bottom: 20px;
    bottom: 0;
    color: #333;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    padding-left: 150px;
    position: absolute;
    right: 0;
}
.bg-product h3{
	text-transform: uppercase;
	font-size: 25px;
	color: #0f66d1;
	text-align: left !important;
	position: relative;
	left: 0px;
	z-index: 50;
	top: -5px;
}
.bg-product h3 span.title-right a{
	text-align: right;
	-webkit-flex: auto;
	white-space: nowrap;
	flex: auto;
	color: #333;
	transition: 0.5s all ease;
}
.bg-product h3 span.title-right a:hover{
	color: #ea1100;
}
a{
	text-decoration: none;
}
a:hover{
	text-decoration: none;
}
img{
	width:100%;
}
ul{
	list-style: none;
	padding-left: 0px;
}
body
{
	background: #f5f5f5;
}
.bg-header{
	text-align: center;
}
.img-logo img{
	width: 150px;
	text-align: center;
	padding-top: 45px ;
}
.commpy-top img{
}
.commpy-top{
	text-align: center;
}
.bg-header-righ-top {
	display: flex;
	padding-top: 20px;
}
.hotline-head img{
	width: 30px;
}
.hotline-head >span{
	color: red;
	font-weight: bold;
	font-size: 30px;
}
.cart-head{
	width: 30px;
	position: relative;
	/* background: url(../images/hotline_03.png);
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;*/
	margin-right: 20px;
	height: 30px;
}
.menu-left:hover .dm-mobile-sub{
}
.menu-left{
	cursor: pointer;
}
@media(max-width: 322px){
	.container.dm-mobile-sub.hidden-lg.hidden-md{
	    width: 298px !important;
	}
}
.container.dm-mobile-sub.hidden-lg.hidden-md{
	z-index: 999;
    background: #fff;
    position: relative;
    left: -50px;
    top: 19px;
    width: 345px;
    right: 0;
    visibility: hidden;
    opacity:0;
		transition: 0.5s all;
}
ul.dm-mobile-sub>li+li {
    border-top: 1px solid #ccc;
}
ul.dm-mobile-sub>li {
    line-height: 45px;
}
ul.dm-mobile-sub>li>a {
    color: #333;
    transition: 0.5s all ease;
		font-family: roboto;
		padding-left: 10px;
    text-transform: uppercase;
}
@media(max-width:780px){
	.title-product h3{
		font-size: 13px;
		line-height: 1.5;
	}
	/* .bg-top-left {
		height: 123px;
		overflow-y: scroll;
	} */
	.cart-head{
		width: 100%;
	}
	.cart-head.mini-cart{
		margin-right: 0px;
		margin-left: 20px;
		width: 40px;
	}
}
.cart-head>span{
	position: absolute;
	right: -5px;
	bottom: 0;
	background: #ccc;
	font-size: 12px;
	font-weight: bold;
	color: red;
	/* margin: 0 auto; */
	/* margin-bottom: 10px; */
	border-radius: 15px;
	/* padding: 0px 0px 10px 0px; */
	text-align: center;
	/* padding-bottom: 10px; */
	height: 15px;
	width: 15px;
	/* background: url(../images/hotline_03.png);
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;*/
}
.search input {
	float: left;
	height: 40px;
	width: 70%;
	padding-left: 6px;
	color: #999;
	display: inline-block;
	border: none;
	outline: none;
	background: #fff;
	border: 1px solid #ccc;
	box-sizing: border-box;
}
.search button {
	height: 40px;
	border:none;
	background:#db1d29;
	color: #fff;
}
.search{
	margin-top: 10px;
}
.menu-left>ul>li>a>img{
	width: 20px;
}
.menu-left{
	float: left;
	width: 20%;
}
.menu-right{
	float: right;
	width: 80%;
}
.header-bottom{
	background: #0050b3;
}
.wsmenu-list > li > a{
	letter-spacing: 0px !important;
	padding: 10px 5px !important;
	font-weight: bold !important;
	text-transform: uppercase;
	font-size: 12px;
}
.menu-left h3{
	font-family: FuturaExtra;
	margin: 0;
	color: #fff;
	text-transform: uppercase;
	font-size: 13.5px;
	padding-left: 10px;
	padding-top: 17px;
	font-weight: bold;
}
.wsmenu-list{
	padding-top: 3px;
}
.menu-left {
	float: left;
	font-size: 14px;
	font-family: FuturaExtra;
	color: #fff;
	background: #004599 url(../images/icondm_07.png) no-repeat left top;
	height: 50px;
	line-height: 50px;
	padding-left: 50px;
}
.box-footer{
	position: relative;
	width: 100%;
	color: #fff;
	line-height: 1.5em;
	text-align: left;
	padding: 30px 0px;
	background: #0050b3;
}
.box-copyright{
	width: 100%;
	min-height: 35px;
	line-height: 35px;
	color: #fff;
	background: #004599;
}
.footer-box>ul>li>a {
	color: #fff;
	font-size: 14px;
	padding-left: 15px;
	box-sizing: border-box;
	background: url(../images/icon-footer.png) no-repeat left 6px;
	font-family: roboto;
	text-transform: capitalize;
}
.footer-box>ul.footer-online{
	padding-left: 105px;
	background: url(../images/statistical.png) no-repeat  5px;
}
.footer-box>ul.footer-online>li{
	font-size: 11px;
	font-weight: bold;
	line-height: 28px !important;
}
.footer-box h3:after {
	content: '';
	position: absolute;
	bottom: 0px;
	width: 50px;
	height: 2px;
	background: #fff;
	left: 0px;
	z-index: 123;
}
.footer-box h3 {
	color: #fff;
	font-family: roboto;
	text-transform: uppercase;
	font-size: 15px;
	margin-bottom: 10px;
	position: relative;
	padding-bottom: 5px;
}
.footer-company h3{
	font-size: 20px;
	font-family: roboto;
}
.footer-company p{font-size: 14px;}
.swiper-slide{
	border:1px solid #ccc;
	margin: 10px 0px;
}
.swiper-button-prev,  .swiper-button-next{
	background-image: none !important;
}
.swiper-button-prev ,  .swiper-button-next {
	background: #333333bd;
	color: #fff;
	border-radius: 100%;
	margin-top: -11px !important;
	height: 30px !important;
	padding: 5px;
	width: 30px !important;
	text-align: center;
}
.swiper-button-prev i ,  .swiper-button-next i{
	transition: 0.5s all;
}
.swiper-button-prev:hover i ,  .swiper-button-next:hover i{
	color: #0050b3;
	font-size: 20px;
}
.bg-registration{
	background:#f6ba15;
	color: #fff;
	min-height: 100px;
}
#registration{
	width: 100%;
	height: 41px;
	position: relative;
	float: left;
	padding-top: 30px;
}
#registration #text{
	position: relative;
	left: 0px;
	top: 0px;
	height: 41px;
	width: 70%;
	outline: none;
	border: none;
	background: #fff !important;
	float: left;
	padding: 0px 10px;
	box-sizing: border-box;
}
#OK{
	width: 30%;
	height: 41px;
	position: relative;
	right: 0px;
	top: 0px;
	cursor: pointer;
	background: #f40d23 !important;
	float: right;
	color: #fff;
	border: none;
	outline: none;
}
.link-follow{
	padding-top: 30px;
	display: inline-flex;
	float: right;
}
.link-follow ul li{
	text-align: right;
	float: left;
}
.link-follow ul li+li{
	padding-left: 10px;
}
.link-follow ul li:hover img{
	transform: scale(1.3);
}
.link-follow ul li img{
	transition: 0.5s all ease;
}
.registration-img img{
	width: 20%;
	margin-top: 10px;
}
.registration-img .title-registration{
	float: right;
	width: 80%;
	padding-left: 10px;
}
.title-registration h3{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 0px;
	margin-top: 30px;
}
.bg-tag{
	padding: 20px 0px;
	overflow: hidden;
}
.bg-tag ul li{
	float: left;
	margin: 7px 3px;
}
.bg-tag ul li a{
	text-transform: uppercase;
	color: #333;
	transition: 0.5s all ease;
	padding: 5px 10px;
	border:1px solid #333;
	border-radius: 15px;
}
.bg-tag ul li:hover a{
	background: #0050b3;
	color: #fff;
}
.bg-top-left{
	float: left;
	width: 20%;
	background: #fff;
}
.bg-top-right{
	float: right;
	overflow: hidden;
	width: 80%;
}
.bg-top-left>ul>li>a>img{
	width: 25px;
	margin-right: 10px;
	margin-left: 10px;
}
.bg-top-left>ul>li{
	line-height: 45px;
}
.bg-top-left>ul>li+li{
	border-top:1px solid #ccc;
}
.header-top{
	background: #fff;
}
.bg-top-left>ul>li>a{
	color: #333;
	transition: 0.5s all ease;
	text-transform: uppercase;
}
.bg-top-left>ul>li:hover>a{
	color: #dd3333;
}
.http{
	position: absolute;
	top: initial;
	width: 98%;
	height: 40px;
	left: 13px;
	background: #333333a6;
	bottom: 0px;
	transform: scale(1.01867);
	margin: 0 auto;
}
.jssorb032{
	width: 68px;
	height: 16px;
	/* margin: 0 auto; */
	left: 47%;;
	top: 10px;
}
.i{
	width:16px;height:16px;
}
.i svg{
	position:absolute;
	top:0;left:0;width:100%;height:100%;
}
@media(max-width: 780px){
	.menu-left{
		width: 100%;
		float: none;
	}
	.bg-header-righ-top{
		text-align: -webkit-center;
	}
	.hotline-head{
		float: right;
		width: 100%;
	}
	.search input{
		width: 70%;
	}
	.btn-search{
		float: right;
		width: 30%;
	}
	.bg-top-left{
		float: none !important;
		width: 100% !important;
	}
	#registration{
		padding-top: 0px;
	}
	.link-follow{
		float: none;
		margin-bottom: 20px;
	}
	.boo{
		float: none !important;
		width: 100% !important;
	}
	/*     #slider1_container{
	height:223px !important;
}
.slides-top{
height: 223px !important;
}*/
/*      .http{
top:  223px !important;
}*/
}
.bg-top-right{
	overflow: hidden;
}
.bg-product{
	background: #fff;
}
.bg-product>.container>.row>h3{
	font-size: 25px;
	color: #0f66d1 !important;
	font-family: FuturaExtra;
	text-transform: uppercase;
	font-weight: bold;
    overflow-x:hidden;
	padding: 20px 0px;
	border-bottom: 4px solid #0f66d1;
	margin: 0px 15px;
	position: relative;
}
.bg-product h3 span{
	font-size: 20px;
	color: #333;
	text-transform:none;
	font-weight: 300;
	font-family: roboto;
}
@media(max-width: 780px){
    .bg-product h3 span.title-right{
        padding-left:0px;
    }
	.product-description h2{
		margin-top: 20px !important;
	}
	.box-contact{
		padding: 0px 20px;
	}
	.bg-header-righ-bottom{
		margin-bottom: 20px;
	}
	.bg-product h3 span.title-right{
		width: 50%;
	}
	.bg-product h3 span.title-right{
		overflow-x: scroll;
	}
	.bg-product h3 span.title-right a{
		padding: 0px 20px;
	}
}
.title-product h3{
	font-weight: bold;
	text-align: center;
	margin: 0;
	font-size: 13px;
	box-sizing: border-box;
}
.title-product h3 a{
	color: #333;
	transition: 0.5s all ease;
	overflow: hidden;
text-overflow: ellipsis;
line-height: 20px;
-webkit-line-clamp: 2;
height: 40px;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.title-product h3:hover a{
	color: #ea1100;
	transition: 0.5s all ease;
}
.title-product p {
	font-size: 12px;
	color: #7b7b7b;
	font-family: roboto;
	text-align: left;
	box-sizing: border-box;
	margin: 0px 0px;
	min-height: 10px;
}
.price-product{
	padding: 0px !important;
}
.price-product p{
	color: #ea1100;
	font-size: 12px;
	font-family: roboto;
	text-align: left;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	margin: 0 !important;
}
.link-product a{
	color: #ea1100;
	float: right;
	border:1px solid #ea1100;
	font-weight: bold;
	border-radius: 15px;
	padding: 5px 15px;
	margin:  0px 10px;
	transition: 0.5s all ease;
}
.link-product a:hover{
	color: #0050b3;
	border:1px solid #0050b3;
}
.product{
	margin: 10px 0px;
	border: 1px solid #ccc;
}
.title-product ,.price-product ,.link-product{
	background: #f5f5f5;
	padding: 10px;
}
.img-product{
	overflow: hidden;
	position: relative;
}
.img-product img{
	transition: 0.5s all ease;
}
.img-product img:hover{
	transform: scale(1.1);
}
.view-more {
	text-align: right;
}
.view-more a{
	color: #ea1100;
	transition: 0.5s all ease;
	margin: 0px 20px;
}
.view-more a:hover{
	color: #0050b3;
}
.img-promotion-product {
	background: url(../images/promotion-img.png) no-repeat left top;
	display: inline-block;
	position: absolute;
	color: #fff;
	top: 0px;
	right: 0px;
	height: 69px;
	width: 60px;
	text-align: center;
	line-height: 69px;
	font-size: 20px;
	color: #ff0;
}
.menu-sidebar--sub.container{
	background: #fff;
	z-index: 999;
	position: absolute;
	width: 912px;
	margin-left: 228px;
	top: 0;
	height: 432px;
	display: none;
	transition: 0.5s all ease;
	-webkit-transform-origin: top left;
	transform-origin: top left;
	-webkit-transition: all 0.8s top left;
	transition: all 0.8s ease-out;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
}
.bg-top-left>ul>li:hover>.menu-sidebar--sub.container{
	display: block;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
.bg-top-left>ul {
	position: relative;
}
.menu-sidebar-content {
	column-count: 3;
	-moz-column-count: 3;
	-webkit-column-count: 3;
	column-rule: 1px dashed #ccc;
	-moz-column-rule: 1px dashed #ccc;
	/* -webkit-column-rule: 1px dashed #ccc; */
}
.menu-sidebar-content  a {
	padding-left: 10px !important;
	display: block;
	color: #333;
	transition:  0.5s all ease;
}
.menu-sidebar-content  a:hover {
	color: #ea1100;
}
.ul-flex>li>a>img{
	width: 25px;
	margin-bottom: 10px;
}
.ul-flex{
	position: fixed;
	top: 175px;
	left: 0px;
	z-index: 0;
	display: inline-block;
	padding: 10px;
	background: #fff;
}
#search{
	position: fixed;
	height: 64px;
	left: 0;
	right: 0;
	top: 0;
	background: #004599;
	display: none;
	z-index: 99;
}
#top {
	position: fixed;
	bottom: 100px;
	right: 30px;
	display: none;
	cursor: pointer;
	background: url(../images/top_03.png) no-repeat left top;
	width: 59px;
	height: 59px;
	font-size: 0px;
}
.bg-top-left ul{
	margin-bottom: 0px;
}
.bg-top-right{
	padding: 10px;
}
.animated-arrow span, .animated-arrow span:before, .animated-arrow span:after{
	background: #fff;
}
.animated-arrow{
	background: none !important;
}
.info-title {
	width: 100%;
	overflow: hidden;
	position: relative;
	text-align: left;
	position: relative;
}
.info-title h2 {
	display: block;
	position: relative;
	height: auto;
	font-family: roboto;
	color: #ff000a;
	font-size: 24px;
	margin: 20px 0px;
	text-transform: uppercase;
	padding-left: 0px;
	box-sizing: border-box;
	display: inline-block;
}
.info-title h2:before {
	content: '';
	position: absolute;
	width: 2000px;
	height: 1px;
	background: #ccc;
	right: -2010px;
	top: 14px;
}
.breadcrumb li {
	background-color: #d1d1d1;
	padding: 0px 20px 0px 30px;
	font-weight: bold;
	height: 30px;
	position: relative;
	margin-right: 5px;
	font-size: 18px;
	margin-bottom: 10px;
	line-height: 30px;
	transition: 0.5s all ease;
}
.breadcrumb li:before {
	border-top: 15px solid #d1d1d1;
	border-left: 15px solid #fff;
	border-bottom: 15px solid #d1d1d1;
	left: 0px;
}
.breadcrumb li:after {
	border-top: 15px solid #fff;
	border-left: 15px solid #d1d1d1;
	border-bottom: 16px solid #fff;
	right: -5px;
}
.breadcrumb li:before, .breadcrumb li:after {
	content: '';
	font-size: 0px;
	line-height: 0%;
	width: 0px;
	top: 0;
	position: absolute;
	transition: 0.5s all ease;
}
.bg-breadcrumb ,.breadcrumb{
	background: #fff;
}
.breadcrumb>li{
	background-color: #f54337;
}
.breadcrumb li:before{
	border-top: 15px solid #f44336;
	border-bottom: 15px solid #f44336;
}
.breadcrumb li:after{
	border-left: 15px solid #f44336;
}
.breadcrumb li{
	color: #fff;
}
.breadcrumb li a{
	color: #fff;
}
.breadcrumb li.active:hover:before{
	border-top: 15px solid #f44336;
	border-bottom: 15px solid #f44336;
}
.breadcrumb li.active:hover:after{
	border-left: 15px solid #f44336;
}
.breadcrumb li.active:hover{
	background-color: #f54337;
}
.breadcrumb li.active a{
	color: #333;
}
.breadcrumb li.active:before{
	border-top: 15px solid #d1d1d1;
	border-bottom: 15px solid #d1d1d1;
}
.breadcrumb li.active:after{
	border-left: 15px solid #d1d1d1;
}
.breadcrumb li.active{
	background-color: #d1d1d1;
}
.breadcrumb li.active:hover a{
	color: #fff;
}
.bg-contact{
	background: #fff;
}
.company-contact h3{
	margin-top: 0px;
	font-size: 20px;
}
.bg-news{
	margin: 20px 0px;
}
.new-img{
	float: left;
	width: 30%;
	border:1px solid #ccc;
	padding: 5px;
	position: relative;
	overflow: hidden;
}
.new-img img{}
	.new-content{
		float: right;
		width: 70%;
		padding-left: 20px;
	}
	.new-content h3{
		margin: 0px;
	}
	.new-content h3 a {
		font-size: 20px;
		margin-top: 0px;
		font-family: 'Roboto', sans-serif;
		    font-weight: 900;
		color: #000;
		transition: 0.5s all;
	}
	.new-content h3:hover a {
		color: #ea1100;
	}
	.link-new a{
		border: 1px solid #ccc;
		box-shadow: 6px 2px 2px 2px #ccc;
		padding: 5px 15px;
		float: right;
		color: #333;
		font-weight: bold;
		text-shadow: 2px 3px 2px #ccc;
		transition: 0.5s all ease;
	}
	.link-new a:hover{
		border: 1px solid #ea1100;
		box-shadow: 6px 2px 2px 2px #ea1100;
		color: #ea1100;
		text-shadow: 2px 3px 2px #ea1100;
	}
	.box-new+.box-new{
		margin: 20px 0px;
	}
	.box-new:hover .hover_tintuc{left:100%;}
	.hover_tintuc{background:url(../images/glass.png) no-repeat left top;
		background-size:100% 100%;width:30%;height:100%;
		position:absolute;left:-30%;top:0px;transition:all 500ms ease;
		-moz-transition:all 500ms ease;-webkit-transition:all 500ms ease;
		z-index:1111;}
		/**/
		ul.sub-card >li {
		}
		.sub-card li ul {
			list-style: none;
			padding-left: 0px;
		}
		.gh .sub-card {
			position: absolute;
			z-index: 999;
			top: 50px;
			max-height: 300px;
			visibility: hidden;
			opacity: 0;
			width: calc(550px - 156px);
			right: 0;
			background: #fff;
			list-style: none;
			padding-left: 0px;
			padding: 20px 20px 10px;
			-ms-transform-origin: right top;
			-webkit-transform-origin: right top;
			transform-origin: left top;
			-webkit-transition: all 0.3s ease-out;
			transition: all 0.3s ease-out;
			-webkit-transform: scale(0);
			-ms-transform: scale(0);
			transform: scale(0);
			overflow-y: auto;
			box-shadow: 3px 3px 3px 0px rgba(76, 76, 76, 0.3);
		}
		.li-sub-card-right{
			padding-left: 20px;
		}
		input.text-card {
			width: 33px;
			text-align: center;
		}
		.box-warpper{
			background: #fff;
		}
		.single-detail-product .detail-product--infomation-producted .product-quantity .form-control {
			border: 1px solid #ebebeb;
			-webkit-border-radius: 0px;
			-moz-border-radius: 0px;
			border-radius: 0px;
			width: 40px;
			height: 40px;
			padding: 0;
			margin: 0;
			text-align: center !important;
			font-weight: 700;
			-moz-appearance: textfield;
			color: #999;
			float: right;
		}
		.detail-product--infomation-producted h1{
			font-size: 22px ;
			font-weight: bold;
			text-transform: uppercase;
		}
		.single-detail-product .detail-product--infomation-producted .product-quantity {
			float: left;
			margin: 0 4px 5px 0;
			position: relative;
			z-index: 1;
		}
		.single-detail-product .detail-product--infomation-producted .product-quantity::before {
			content: 'Số lượng:';
			color: #444;
			font-size: 14px;
			font-weight: 700;
			display: inline-block;
			margin: 10px 10px 0px 0px;
		}
		.single-detail-product .detail-product--infomation-producted .btn-addcart:hover {
			background-color: #0f8e4d;
			text-decoration: none;
		}
		.close{
			float: none;
			position: absolute;top: 0;
			right: 0;
			background: #fff;
			border-radius: 100%;
			opacity: 1;
			margin-top: -13px !important;
		}
		.close i{
			position: absolute;
			right: -10px;
			background: #fff;
			border-radius: 100%;
			opacity: 1;
		}
		.box-quickview{
		}
		.d-none {
			display: none!important;
		}
		.box-checkout .block-totalcart {
			border: 3px solid #0050b3;
			padding: 10px 25px;
		}
		.box-checkout .block-totalcart h3.title {
			position: relative;
			color: #0050b3;
			border-bottom: none;
			padding: 0.5rem 0px 0.5rem 1.5rem;
			font-size: 24px;
			padding-left: 0px;
		}
		.block-totalcart h3.title {
			font-family: 'Open Sans', sans-serif;
			font-weight: 700;
			border-bottom: 2px solid #dddddd;
			padding: 0.685rem 0px;
			text-transform: uppercase;
			font-size: 1rem;
			margin-bottom: 0px;
		}
		.block-totalcart table {
			font-size: 1.1rem;
			margin-bottom: 1.25em;
			width: 100%;
			font-family: 'Open Sans', sans-serif;
		}
		.box-checkout .box-payment {
			font-family: 'Roboto', sans-serif;
			font-weight: 400;
		}
		.box-checkout .block-totalcart table thead {
			border-bottom: 3px solid #DDD;
			text-transform: uppercase;
			color: #555555;
		}
		.block-totalcart table tr th, .block-totalcart table tr td {
			padding: 0.675rem 0em;
			font-size: 13px;
		}
		.block-totalcart table th {
			text-align: left;
			font-weight: 700;
			color: #777;
		}
		.box-checkout .block-totalcart .product-total {
			text-align: right;
		}
		.block-totalcart table th {
			text-align: left;
			font-weight: 700;
			color: #777;
		}
		.box-checkout .block-totalcart .cart-item-checkout:last-child {
			border-bottom: 1px solid #DDD;
		}
		.box-checkout .block-totalcart .cart-item-checkout {
			border-bottom: 1px dotted #DDD;
		}
		.box-checkout .block-totalcart .cart-item-checkout td.name-product-checkout {
			text-align: left;
		}
		.box-checkout .block-totalcart .cart-item-checkout td {
			text-align: right;
		}
		.block-totalcart table th {
			text-align: left;
			font-weight: 700;
			color: #777;
		}
		.box-checkout .checkout-warpper h3.title {
			position: relative;
			color: #0050b3;
			border-bottom: none;
			font-size: 24px;
			font-family: 'Roboto', sans-serif;
			font-weight: 700;
			padding: 0.5rem 0px 0.5rem 1.5rem;
			text-transform: uppercase;
			margin-bottom: 0px;
			padding-left: 0px;
		}
		.pay-home{
			padding: 10px;
			background: #ea1100;
			border-radius: 10px;
			margin-left: 20px;
			color: #fff;
			transition: 0.5s all ease;
		}
		.cart-home{
			padding: 10px;
			background: #337ab7;
			color: #fff;
			border-radius: 10px;
			transition: 0.5s all ease;
		}
		.pay-home:hover{
			background: #fff;
			color:#ea1100;
		}
		.cart-home:hover{
			background: #fff;
			color:#337ab7;
		}
		.minicart-icons i{
			color: #333;
			}.block-image-cart{
				float: left;
				width: 50%;
			}
			.block-image-cart img{
				max-height: 300px;
			}
			ul.list-unstyled.container-mini-cart li+li{
				border-top:1px solid #ccc;
			}
			ul.list-unstyled.container-mini-cart>li{
				padding: 10px;
			}
			.list-unstyled.container-mini-cart .block-detail{
				float: right;
				width: 50%;
				padding-left: 20px;
			}
			.list-unstyled.container-mini-cart .block-detail h3{
				font-size: 20px;
			}
			.list-unstyled.container-mini-cart .block-detail h3 a{
				color: #333;
			}
			#registration #text{
				color: #333;
			}
			.commpy-top-title p{
				font-family: Futura;
				font-size: 15px;
			}
			.commpy-top-title>h3>a{
				font-weight: bold;
				font-size: 39px;
				font-family: FuturaExtra;
				/*text-shadow: 2px 2px 2px #ea101294*/
				color: #ea1012;
				text-transform: uppercase
			}
			.daucong, .dautru {
				width: 16px;
				height: 16px;
				cursor: pointer;
				margin-left: 2px;
			}
			.phanchu_sl {
				width: 21%;
				float: left;
				margin-top: 10px;
			}
			.phanso_sl input {
				width: 100% !important;
				text-align: center;
			}
			.sub-content{
				margin: 5px 0px;
			}
			.input-text.soluong.form-control{
				height: 35px;
				margin-top:3px;
			}
			.nav-link.active{
				font-size: 20px;
				color: #fff;
				background: #0054a5;
				transition: 0.5s all ease;
				border-radius: 4px 4px 0 0;
				padding:5px 10px;
			}
			.nav-tabs>li>a:hover{
			    border:none;
			}
			.nav-link.active:hover{
				color: #fff;
				background: #0054a5;
			}
			.block-title {
				margin: 20px 0px;
			}
			.block-title h3{
				font-size: 20px;
				background: #0054a5;
				margin: 0px;
				padding: 10px 15px;
				border-radius: 4px 4px 0 0;
				color:#fff;
				float: left;
			}
			.detail-product--content-producted{
				margin: 20px 0px;;
			}
			.product-description h2{
				font-size: 22px;
				font-weight: 700;
				font-family: 'Roboto Condensed', sans-serif;
				text-transform: uppercase;
			}
			.instock {
				color: #2aa713;
				font-size: 24px;
				font-weight: bold;
			}
			.sub-content ,.price_sale{
				color: #6c6c6c;
				font-size: 16px;
				font-weight: 400;
			}
			.phanso_sl {
				width: 10%;
				float: left;
			}
			.phimbam {
				float: left;
				width: 16px;
				height: 32px;
				position: relative;
				top: 0px;
			}
			.muahang {
				background-color: #e60002 !important;
				text-transform: uppercase !important;
				font-weight: bold;
				padding: 13px 25px;
				color: #fff;
				margin:20px 10px 20px 20px;;
			}
			.muahang:hover{
				color: yellow;
			}
			.mauxanhgiohang {
				background-color: #0054a5 !important;
				text-transform: uppercase !important;
				font-weight: bold;
			}
			.chinhgiohang:hover{
				color: yellow;
			}
			.price_sale span{
				padding-left: 30px;
				font-size: 17px;
				font-weight: 700;
			}
			.chinhgiohang {
				display: inline-block;
				padding: 13px 30px;
				color: #fff;
				background: #999;
				border-radius: 4px;
				transition: all300ms ease-in;
				-moz-transition: all300ms ease-in;
				-webkit-transition: all300ms ease-in;
				cursor: pointer;
			}
			.quick-alo-phone.quick-alo-green.quick-alo-hover .quick-alo-ph-img-circle, .quick-alo-phone.quick-alo-green:hover .quick-alo-ph-img-circle {
				background-color: #f58220;
			}
			.quick-alo-phone.quick-alo-green .quick-alo-ph-img-circle {
				background-color: #005aa6;
			}
			.quick-alo-phone.quick-alo-green.quick-alo-show{
				z-index: 999;
				position: fixed;
				/* bottom: 0; */
				/* width: 100%; */
				top: 75%;
				right: 10%;
			}
			.quick-alo-phone.quick-alo-red.quick-alo-show{
				z-index: 999;
				position: fixed;
				/* bottom: 0; */
				/* width: 100%; */
				top: 55%;
				right: 10%;
			}
			.quick-alo-ph-img-circle {
				width: 60px;
				height: 60px;
				top: 70px;
				left: 70px;
				position: absolute;
				background: rgba(30,30,30,0.1) url(../images/iconzalo.png) no-repeat center center;
				background-size: cover;
				-webkit-border-radius: 100%;
				-moz-border-radius: 100%;
				border-radius: 100%;
				border: 2px solid transparent;
				opacity: .99;
				-webkit-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
				-moz-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
				-ms-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
				-o-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
				animation: quick-alo-circle-img-anim 1s infinite 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%;
			}
			.quick-alo-ph-img-circle-2 {
				width: 60px;
				height: 60px;
				top: 70px;
				left: 70px;
				position: absolute;
				background: rgba(30,30,30,0.1) url(../images/phone-icon.png) no-repeat center center;
				background-size: cover;
				-webkit-border-radius: 100%;
				-moz-border-radius: 100%;
				border-radius: 100%;
				border: 2px solid transparent;
				opacity: .99;
				-webkit-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
				-moz-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
				-ms-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
				-o-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
				animation: quick-alo-circle-img-anim 1s infinite 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%;
			}
			.quick-alo-phone.quick-alo-show {
				visibility: visible;
			}
			.quick-alo-phone {
				position: fixed;
				visibility: hidden;
				background-color: transparent;
				height: 200px;
				width: 82px;
				height: 64px;
				cursor: pointer;
				z-index: 200000 !important;
				-webkit-backface-visibility: hidden;
				-webkit-transform: translateZ(0);
				-webkit-transition: visibility .5s;
				-moz-transition: visibility .5s;
				-o-transition: visibility .5s;
				transition: visibility .5s;
				right: 100px;
				top: 62%;
			}
			.quick-alo-phone.quick-alo-green .quick-alo-ph-circle {
				border-color: #005aa6;
				opacity: .99;
			}
			.quick-alo-phone.quick-alo-red .quick-alo-ph-circle {
				border-color: #005aa6;
				opacity: .99;
			}
			.quick-alo-ph-circle {
				width: 160px;
				height: 160px;
				top: 20px;
				left: 20px;
				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);
				border: 2px solid #bfebfc 9;
				opacity: .1;
				-webkit-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
				-moz-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
				-ms-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
				-o-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
				animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
				-webkit-transition: all .5s;
				-moz-transition: all .5s;
				-o-transition: all .5s;
				transition: all .5s;
				-webkit-transform-origin: 50% 50%;
				-moz-transform-origin: 50% 50%;
				-ms-transform-origin: 50% 50%;
				-o-transform-origin: 50% 50%;
				transform-origin: 50% 50%;
			}
			.quick-alo-phone.quick-alo-green .quick-alo-ph-circle-fill {
				background-color: #005aa6;
				opacity: .75 !important;
			}
			.quick-alo-phone.quick-alo-red .quick-alo-ph-circle-fill {
				background-color: #005aa6;
				opacity: .75 !important;
			}
			.quick-alo-ph-circle-fill {
				width: 100px;
				height: 100px;
				top: 50px;
				left: 50px;
				position: absolute;
				background-color: #000;
				-webkit-border-radius: 100%;
				-moz-border-radius: 100%;
				border-radius: 100%;
				border: 2px solid transparent;
				opacity: .1;
				-webkit-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
				-moz-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
				-ms-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
				-o-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
				animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
				-webkit-transition: all .5s;
				-moz-transition: all .5s;
				-o-transition: all .5s;
				transition: all .5s;
				-webkit-transform-origin: 50% 50%;
				-moz-transform-origin: 50% 50%;
				-ms-transform-origin: 50% 50%;
				-o-transform-origin: 50% 50%;
				transform-origin: 50% 50%;
			}
			@keyframes quick-alo-circle-fill-anim{
				0% {
					-webkit-transform: rotate(0) scale(.5) skew(1deg);
					-webkit-opacity: .1;
				}
				30% {
					-webkit-transform: rotate(0) scale(.7) skew(1deg);
					-webkit-opacity: .5;
				}
				100% {
					-webkit-transform: rotate(0) scale(1) skew(1deg);
					-webkit-opacity: .1;
				}
			}
			@keyframes quick-alo-circle-anim {
				0% {
					-webkit-transform: rotate(0) scale(.7) skew(1deg);
					opacity: .2;
				}
				50% {
					-webkit-transform: rotate(0) scale(1) skew(1deg);
					opacity: .2;
				}
				100% {
					-webkit-transform: rotate(0) scale(.7) skew(1deg);
					opacity: .2;
				}
			}
			@keyframes quick-alo-circle-img-anim {
				0% {
					-webkit-transform: rotate(0) scale(1) skew(1deg);
					transform: rotate(0) scale(1) skew(1deg);
				}
				10% {
					-webkit-transform: rotate(-25deg) scale(1) skew(1deg);
					transform: rotate(-25deg) scale(1) skew(1deg);
				}
				20% {
					-webkit-transform: rotate(25deg) scale(1) skew(1deg);
					transform: rotate(25deg) scale(1) skew(1deg);
				}
				30% {
					-webkit-transform: rotate(-25deg) scale(1) skew(1deg);
					transform: rotate(-25deg) scale(1) skew(1deg);
				}
				40% {
					-webkit-transform: rotate(25deg) scale(1) skew(1deg);
					transform: rotate(25deg) scale(1) skew(1deg);
				}
				50% {
					-webkit-transform: rotate(0) scale(1) skew(1deg);
					transform: rotate(0) scale(1) skew(1deg);
				}
				100% {
					-webkit-transform: rotate(0) scale(1) skew(1deg);
					transform: rotate(0) scale(1) skew(1deg);
				}
			}
			article, aside, footer, header, hgroup, main, nav, section {
				display: block;
			}
			input.qty.form-control{
				text-align: center;
			}
			@media(max-width:780px){
				.quick-alo-phone.quick-alo-green.quick-alo-show{
					right: 20%;
				}
				.quick-alo-phone.quick-alo-red.quick-alo-show{
					right: 20%;
					top:65%;
				}
				.header-bottom{
					margin-top: 10px;
				}
				.chinhgiohang{
					padding: 15px 10px;
					margin-top: 3px;
				}
				.muahang{
					margin: 0px;
					    margin-bottom: 3px;
					padding: 14px 0px;
				}
				.phanso_sl{
					width: 14%;
				}
				.phanchu_sl{
					width: 45%;
				}
				.link-product a{
					font-size: 10px;
				}
				.block-single--post img{
				    height:auto !important;
					width: 100% !important;
				}
				.box-new+.box-new{
					margin: 20px 20px;
				}
				.box-new{
					margin: 20px 20px;
				}
				.new-content{
					padding-left: 0px !important;
				}
				.new-img ,.new-content{
					width: 100%;
					float: none;
				}
				.block-single--post{
					padding: 20px;
				}
			}
			.flex-footer{
				width: 100%;
				position: fixed;
				background: #004599;
				color: #fff;
				height: 50px;
				bottom: 0;
				right: 0;
				left: 0;
			}
			.flex-footer-left{
				margin-top: 20px;
				width: 50%;
				float: left;
				text-align: center;
			}
			.flex-footer-right{
				margin-top: 20px;
				width: 50%;
				float: right;
				text-align: center;
			}
			.flex-footer-left a{
				color: #fff;
			}
			.flex-footer-right a{
				color: #fff;
			}
			.flex-footer-right a{
				color: #fff;
			}
			.swiper-container{
				z-index: 0 !important;
			}
			.flex-footer-right a i ,.flex-footer-left a i{
				webkit-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
				-moz-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
				-ms-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
				-o-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
				animation: quick-alo-circle-img-anim 1s infinite 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%;
			}
			@media (max-width:780px){
				.img-logo img{
					width: 100px !important;
					padding-top: 5px;
				}
				.bg-product h3 span{
					font-size: 13px;
				}
				.commpy-top-title>h3>a{
					font-size: 23px !important;
				}
				.title-product p{
					overflow: hidden;
text-overflow: ellipsis;
line-height: 25px;
-webkit-line-clamp: 3;
height: 75px;
display: -webkit-box;
-webkit-box-orient: vertical;
				}
			}
			@media (max-width:325px){
				.search button{
					font-size: 13px;
				}
			}
			.sub-content span ,.product-stock ,.price_sale{
			        color: #6c6c6c;
                    font-weight: 400;
                    font-family: roboto;
			}
			.price del span, .price  sup{
			    color:#6c6c6c !important;
			}
			.price_sale span  ,sup{
			    color:#ff0000;
			}
			.box-contact h3{
			    margin-top:0px;
			}
			.product-stock b{
			    color: #333;
                padding-left: 20px;
                font-size: 14px;
			}
			hr{
			    margin-top:0px;
			}
			.tab-content{
			    margin:20px 0px;
			}
			.product-st .instock{
			    color:red;
			    font-size:13px;
			    font-weight:bold;
			}
			.mobile-list>ul>li>a>img{
			    display:none;
			}
			.mobile-list>ul>li{
			       float: left;
                    margin: 2px 3px;
                    text-transform: uppercase;
			}
			.mobile-list>ul>li>a{
			    padding: 5px 14px;
                display: inline-block;
                background: #0050b3;
                color: #fff;
			}
#myModalNotification .close{
	width: 30px;
  height: 30px;
  background: #fff;
  z-index: 1;
  right: -15px;
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.7);
  transition: all 0.5s ease;
}
#myModalNotification .modal-body{
	position: relative;
	padding: 2rem 15px 15px;
	background: #ededed;
}
#myModalNotification .modal-body::before{
	content: '';
  position: absolute;
  background: repeating-linear-gradient( 135deg, #349de8, #349de8 10px, #fff 10px, #fff 20px, #f84d3b 20px, #f84d3b 30px, #fff 30px, #fff 40px ) !important;
  width: 100%;
  height: 10px;
  top: 0;
  left: 0px;
}