/* ================ austdoorhanam.css ================ */
/* 1.HEADER */
.offcanvas-bar {
	font-size: 30px;
	color: #fff;
	font-weight: normal;
	text-align: right;
}
.offcanvas-bar:hover {color: #fff;}

.header-4 .middle {
	padding: 0 5px;
	background: #b27d2d;
}
.header-4 .main-menu>li>a {
	padding: 10px 15px;
	position: relative;
	font-size: 12px;
	font-weight: 600;
	color: #fff;
	text-transform: uppercase;
}
.header-4 .main-menu>li+li>a:before {
	content: "";
	display: block;
	position: absolute;
	height: 100%;
	left: 0px;top: 0px;
	width: 1px;
	height: 36px;
	-webkit-border-radius: 1px 0 0 1px/18px 0 0 18px;
	-moz-border-radius: 1px 0 0 1px/18px 0 0 18px;
	border-radius: 1px 0 0 1px/18px 0 0 18px;
	background-color: #e0d3c6;
	-webkit-box-shadow: 1px 0 rgba(0,0,0,.1);
	-moz-box-shadow: 1px 0 rgba(0,0,0,.1);
	box-shadow: 1px 0 rgba(0,0,0,.1);
	z-index: 10;
}
.header-4 .main-menu>li:hover>a,.header-4 .main-menu>li.active>a {color: #ffe400;}
.header-4 .dropdown-menu {
	display: none;
	position: absolute;
	z-index: 100;
	background: rgba(0, 128, 255, .95);
	min-width: 250px;
	padding: 5px 10px;
	top: 100%;
	border-top: 3px solid #004789;
	left: 0px;
}
.header-4 .main-menu>li:hover > .dropdown-menu {display: block;}

.header-4 .main-menu .submenu li {position: relative;}
.header-4 .main-menu .submenu li a {
	position: relative;
	display: block;
	padding: 10px 10px 10px 15px;
	z-index: 20;
	color: #fff;
	-webkit-transition: all .25s linear;
	-o-transition: all .25s linear;
	transition: all .25s linear;
	-webkit-transition: all .25s linear;
	-o-transition: all .25s linear;
	transition: all .25s linear;
}
.header-4 .main-menu .submenu li+li {border-top: 1px dotted #e1e1e1;}
.header-4 .main-menu .submenu li a:before {
	content: "\f105";
	display: block;
	position: absolute;
	font-family: FontAwesome;
	left: 5px;
}
.header-4 .main-menu .submenu li:hover a {
	color: #ffe400;
	margin-left: 5px;
}

.header-4 .middle .address {
	font-size: 14px;
	line-height: 20px;
	color: #ffe400;
	height: 20px;
	text-align: right
}

.banner-fixed {
	position: absolute;
	left: 0px;
	top: 190px ;
	text-align: center;z-index: 999;padding: 0 5px;
}
.banner-fixed.right {
	float: right;
	left: initial!important;
	right: 0px;
}
@media (max-width: 1220px) {
	.banner-fixed {
		display: none;
		visibility: hidden;
		opacity: 0;
		z-index: -1;
	}
}

@media (max-width: 959px) {.header-4 .middle {padding: 10px;}}

/* 2. BODY */
.main-content {
	padding: 10px 10px;
	background: #f1f1f1;
}
.content table td {
	padding: 10px;
}
.content table {
	width: 100% !important
}
.home-product-catalogue, .product-catalogue, .article-catalogue,.product-detail, .product-related, .article-related  {margin-bottom: 15px!important;}
.home-product-catalogue .panel-head, .product-catalogue .panel-head, .article-catalogue .panel-head, .product-detail .panel-head, .product-related .panel-head, .contact .panel-head, .article-detail .panel-head {margin-bottom: 10px;}
.article-catalogue .panel-body, .product-detail .panel-body, .contact .panel-body, .article-detail .panel-body, .article-related {
	padding: 15px 15px 5px 15px;
	background: #fff;
	border: 1px solid #c8c8c8;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
}
.article-detail {margin-bottom: 10px!important;}
/* ASIDE */
.aside .uk-panel .panel-body {
	padding: 10px 0 0 0;
	background: #ffffff;
	border: 1px solid #c8c8c8;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
	border-top: none;
}
.aside .categories ul.main>li {
	position: relative;
	-webkit-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}
.aside .categories ul.main>li>a {
	position: relative;
	padding: 10px 10px 10px 30px;
	display: block;
	font-size: 13px;line-height: 20px;
	font-weight: 600;
	color: #333;
	background: #ffffff;
}
.aside .categories ul.main>li>a:hover {color: #004789;}
.aside .categories ul.main>li>a:before {
	content: "\f054";
	font-family: FontAwesome;
	display: block;
	position: absolute;
	left: 15px;font-size: 10px;
	color: #004789;
}
.aside .categories ul.main>li+li>a{border-top: 1px dotted #d2d2d2;}
.aside .categories ul.sub>li>a {
	position: relative;
	display: block;
	padding: 10px 10px 10px 35px;
	color: #7b4f17;
	border-top: 1px dotted #cfb48a;
}
.aside .categories ul.sub>li>a:before {
	content: "\f101";
	font-family: FontAwesome;
	display: block;
	position: absolute;
	left: 20px;
	color: #7b4f17;
}

.aside .list-product li .product-1 {margin-bottom: 10px;}
@media (min-width: 960px), (max-width: 479px) {
	.aside .list-product li+li .product-1 {padding-top: 10px;border-top: 1px dotted #999;}
}
@media (min-width: 767px) and (max-width: 959px), (min-width: 480px) and (max-width: 767px) {
	.aside .list-product li .product-1 {margin-bottom: 15px;}
}



@media (max-width: 767px) {
	.webvaseo-alo-ph-circle {
		width: 100px!important;
		height: 100px!important;
		top: 20px!important;
		left: 5px!important;
	}
	.webvaseo-alo-ph-circle-fill {
		width: 70px!important;
		height: 70px!important;
		top: 35px!important;
		left: 20px!important;
	}
	.webvaseo-alo-ph-img-circle {
		width: 40px!important;
		height: 40px!important;
		top: 50px!important;
		left: 35px!important;
		background-size: 30px!important;
	}
	#webvaseo-zalo-phoneIcon .webvaseo-alo-ph-img-circle span {
		width: 20px!important;
		height: 20px!important;
		background-size: 20px;
	}
}

.aside .support-online .hotline {
	position: relative;
	padding: 0 15px 10px 65px;
	margin-bottom: 10px;
	border-bottom: 1px solid #e1e1e1;
}
.aside .support-online .hotline:before {
	content: "";
	display: block;
	position: absolute;
	width: 38px;height: 31px;
	background: url(img/landline.png) 0% 0% no-repeat;
	z-index: 10;left: 15px;
	top: 5px;
}
.aside .support-online .hotline .title {font-size: 14px;text-transform: uppercase;color: #666;font-weight: bold;}
.aside .support-online .hotline .subtitle {font-size: 13px;line-height: 18px;font-family: 'UTMNokia', sans-serif;}
.aside .support-online .hotline .subtitle a {
	color: #ff0000;
	display: block;
}
.aside .support-online .lis-support li {margin-bottom: 20px!important;}
.aside .support-online .lis-support .info {padding: 0 15px;text-align: center;}
.aside .support-online .lis-support .info .label {font-size: 15px;line-height: 20px;font-weight: bold;color: #333333;margin-bottom: 10px;}
.aside .support-online .lis-support .info .number a {
	display: block;
	width: 70px;height: 23px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 0 0;
}
.aside .support-online .lis-support .info .number .yahoo {background-image: url(img/yahoo.png);}
.aside .support-online .lis-support .info .number .skype {
	background-image: url(img/skype.png);
	-webkit-background-size: 65px;
	background-size: 65px;
	margin-left: 10px;
}

/* SLIDE */
.mainslide {
	position: relative;
	margin: 0 0;
	overflow: hidden;
	padding: 3px;
	background: #fff;
	border: 1px solid #c8c8c8;
}
.mainslide .uk-slidenav, .slider-1 .uk-slidenav {
	display: block;
	width: 40px;height: 40px;
	line-height: 40px;
	font-size: 28px; color: #fff;
	background: rgba(112, 112, 104, .5);
}
.mainslide .uk-slidenav-previous {left: 3px;}
.mainslide .uk-slidenav-next, .slider-1 .uk-slidenav-next {right: 3px;}
.mainslide .content {
	padding: 10px;
	position: absolute;
	z-index: -1;
	opacity: 0;
	left: 30px;top: initial;
	bottom: 30px;
	background: rgba(0, 0, 0, .6);
	font-size: 14px;line-height: 20px;
	color: #fff;
}
.mainslide .uk-slideshow li.uk-active .content {
	animation: mainslideEffect .4s ease-in-out forwards;
}
@keyframes mainslideEffect {
	0% {opacity: .5, z-index: 100;}
	100% {opacity: 1; z-index: 100;}
}
.mainslide .content .title {
	font-size: 16px;line-height: 24px;
	font-weight: 600;
	text-transform: uppercase;
}
@media (max-width: 959px) {
	.mainslide .content {padding: 5px 10px;left: 10px;bottom: 10px;}
}
@media (max-width: 567px) {
	.mainslide .content {display: none;}
	.mainslide .uk-slidenav {display: none;visibility: hidden;}
	.mainslide {margin: 10px 0;}
}
.slider-1 .uk-slidenav-previous {left: 10px;}
.slider-1 .uk-slidenav-next {right: 10px;}

/* HEADING */
.heading-1 {
	background-color: #004789;
	background-image: -webkit-linear-gradient(bottom, #b27d2d 50%, #93631a);
	background-image: -moz-linear-gradient(bottom, #b27d2d 50%, #93631a);
	background-image: -o-linear-gradient(bottom, #b27d2d 50%, #93631a);
	background-image: -ms-linear-gradient(bottom, #b27d2d 50%, #93631a);
	background-image: linear-gradient(to top, #b27d2d 50%, #93631a);
}
.heading-1>* {
	display: block;
	padding: 10px 10px 10px 20px;
	font-size: 14px;
	line-height: 18px;
	font-weight: 600;
	color: #ffe400;
}
.heading-2 {position: relative;margin-bottom: 10px;}
.heading-2:before {
	content: "";
	display: block;
	position: absolute;
	width: 100%;height: 2px;
	background: url(img/line.png) 0% 0% repeat-x;
	z-index: 100;
	left: 0px;top: initial;bottom: 0;
}
.heading-2>* {
	display: inline-block;
	position: relative;
	font-size: 16px;line-height: 24px;
	color: #004789;padding-bottom: 5px;
	text-transform: uppercase;
	font-weight: bold;
	border-bottom: 2px solid #004789;
}
.heading-3 {margin-bottom: 10px;}
.heading-3>* {font-size: 18px;line-height: 24px;font-weight: bold;color: #004789;}

/*home-introduction */
.home-introduction, .home-productsale {margin: 0 0 15px 0;}
.home-introduction .panel-head, .home-productsale .panel-head {margin-bottom: 10px;}
.home-introduction .panel-body {
	padding: 10px;
	background: #fff;
	border: 1px solid #c8c8c8;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
}
.home-productsale .uk-slidenav {
	display: block;
	width: 33px;
	height: 65px;
}
.home-productsale .uk-slidenav:before {display: none;}
.home-productsale .uk-slidenav-previous {
	background: url(img/next-left.png) 0% 0% no-repeat;
	left: -4px;
}
.home-productsale .uk-slidenav-next {
	background: url(img/next-right.png) 0% 0% no-repeat;
	right: -4px;
}

/* ARTICLE */
[class*=article-] {}
[class*=article-] .title a {-webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
[class*=article-] .title a:hover {color: #915f1e;}
[class*=article-] .meta {color: #999;}
[class*=article-] .description {font-size: 14px;line-height: 20px;color: #252525;}
[class*=article-] .description p {margin: 0;}

.article-1 .thumb {padding: 3px;border: 1px solid #c8c8c8;background: #fff;}
.article-1 .thumb .image {height: 150px;}
.article-1  .title {font-size: 15px;line-height: 20px;margin-bottom: 10px;}
.article-1  .title a {color: #333;}
.article-1  .meta {margin-bottom: 10px;}
.article-1 .description {font-size: 14px;line-height: 20px;height: 80px;}
@media (min-width: 480px) {.article-1 .info {padding-left: 15px;}}
@media (max-width: 479px) {.article-1 .thumb {margin-bottom: 10px;}}
@media (min-width: 480px) and (max-width: 599px) {.article-1 .description {display: none;}}

.article-catalogue .list-aticle .article-item {margin-bottom: 10px;}
.article-detail {font-family: Arial, sans-serif;}
.article-detail .meta, .article-detail .action {padding: 5px 10px;background: #f8f5f0;border-top: 1px solid #ebebeb;border-bottom: 1px solid #ebebeb;margin-bottom: 15px;font-size: 13px;line-height: 20px;color: #aaa;}
.article-detail .meta>* {
	position: relative;
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: 0 50%;
}
.article-detail .meta>*+* {margin-left: 15px;}
.article-detail .meta .time {background-image: url(img/icon-time.png);}
.article-detail .meta .viewed {background-image: url(img/viewed.png);}
.article-detail .title 	{
	font-size: 20px;
	line-height: 28px;
	color: #004789;
}
.article-detail .article .description {font-weight: bold;margin-bottom: 15px;}

.article-related .list-article li {
	position: relative;
	padding-left: 25px;
	margin-bottom: 10px;
	padding-top: 10px;
	font-size: 14px;line-height: 20px;
	font-weight: 600;
	color: #999;
}
.article-related .list-article li+li {border-top: 1px dotted #c8c8c8;}
.article-related .list-article li:before {
	content: "\f00c";
	font-family: FontAwesome;
	display: block;
	position: absolute;
	left: 0px;color: #333;
}
.article-related .list-article li a {color: #333;}
.article-related .list-article li a:hover, .article-related .list-article li:hover:before {color: #004789;}

.share-box>*+* {margin-left: 5px;}
.share-box .plus {position: relative;margin-top: -4px;}

/* PRODUCT */
[class*=product-] {}
[class*=product-] .title a {-webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
[class*=product-] .title a:hover {color: #004789;}
[class*=product-] .time {color: #c0c0c0;font-size: 13px;}
[class*=product-] .time i {color: #c0c0c0;font-size: 14px;margin-right: 5px;}
[class*=product-] .description {font-size: 14px;line-height: 20px;color: #252525;}
[class*=product-] .description p {margin: 0;}
[class*=product-] .buynow .link {font-size: 14px;line-height: 20px;color: #252525;}
[class*=product-] .buynow .link:hover {color: #175ca9;}

.product-1 {padding: 0 15px;}
.product-1 .thumb .image {height: 205px;}
.product-1 .title {font-size: 13px;line-height: 20px;font-weight: 600;margin: 0;}
.product-1 .title a {color: #333;}

.product-2 {
	padding: 10px;
	background: #fff;
	border: 1px solid #c8c8c8;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
}
.product-2 .thumb {margin-bottom: 10px;}
.product-2 .thumb .image {height: 215px;}
.product-2 .title {
	margin: 0 0 10px 0;
	font-size: 13px;
	line-height: 20px;
	font-weight: 600;
}
.product-2 .title a {color: #000;}
.product-2 .price {color: #7b4f17;}
.product-2 .price a {font-weight: bold;color: #ff0000;}
.product-2 .detail a {
	display: block;
	width: 79px;height: 24px;
	line-height: 24px;
	text-align: center;
	background: url(img/bg-01.png) 0% 0% no-repeat;
	font-size: 12px;color: #fff;
}
.home-product-catalogue .list-product li, .product-catalogue .list-product li {margin-bottom: 10px!important;}
.product-detail .gallery .image {
	padding: 3px;
	border: 1px solid #d5d5d5;
}
@media (min-width: 567px) {.product-detail .gallery .image {height: 344px;}}
.product-detail .introduction .title {font-size: 18px;line-height: 24px;color: #333;font-weight: 600;}
.product-detail .introduction .price {
	font-size: 15px;
	line-height: 20px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ccc;
}
.product-detail .introduction .price a {font-weight: bold;color: #ff0000;}
.product-detail .introduction .description p {margin: 0 0 10px 0;}
.product-detail .introduction .buynow {margin: 10px 0 15px 0;}
.product-detail .introduction .buynow a {
	display: block;
	width: 100px;height: 30px;
	line-height: 30px;
	text-align: center;
	background: url(img/bg-02.png) 0% 0% no-repeat;
	font-size: 13px;
	color: #fff;
	text-transform: uppercase;
}

.product-detail .content .article {
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #333;
}
.product-detail .content .article img,
.article-detail .article img {
	display:block;
	width:auto!important;
	height:auto!important;
	margin:0 auto 15px
}

/* contact */
.contact {font-size:14px;line-height:20px;color:#252525}
.contact .contact-info .title {font-size: 20px;line-height: 24px;color: #004789;}
.contact .contact-info p{margin:0 0 10px}
.contact .contact-info, .contact .contact-form {margin-bottom: 15px;}
.contact .contact-form .form-textarea,.contact .contact-form .input-text{border:1px solid #ccc;background:#fff;font-size:14px;line-height:20px;color:#252525}
.contact .contact-form .form-textarea::-webkit-input-placeholder,.contact .contact-form .input-text::-webkit-input-placeholder{font-size:14px;line-height:18px;color:#999}
.contact .contact-form .form-textarea::-moz-placeholder,.contact .contact-form .input-text::-moz-placeholder{font-size:14px;line-height:18px;color:#999}
.contact .contact-form .form-textarea:-ms-input-placeholder,.contact .contact-form .input-text:-ms-input-placeholder{font-size:14px;line-height:18px;color:#999}
.contact .contact-form .form-textarea:-moz-placeholder,.contact .contact-form .input-text:-moz-placeholder{font-size:14px;line-height:18px;color:#999}
.contact .contact-form .input-text{
	height:34px;
	line-height:34px;
	padding:0 10px
}
.contact .contact-form .form-textarea{
	height:200px;
	padding:10px
}
.contact .contact-form .input-submit{
	display:inline-block;
	padding:8px 40px 8px;
	background:#004789;
	text-transform:uppercase;
	border:none;
	font-size:13px;
	line-height:20px;
	color:#fff;cursor:pointer
}


/* breadcrumb */
.breadcrumb {
	padding: 7px 10px;
	margin-bottom: 10px;
	background: url(img/bg-breadcrumb.png) 0% 0%;
}
.breadcrumb li:nth-child(n+2):before {
	content: '\f101';
	font-family: FontAwesome;
	color: #fff;
}
.breadcrumb li a {color: #fff;font-size: 13px;}
.breadcrumb li a:hover {color: #e1e1e1;}

/* pagination */
.pagination {margin-bottom: 20px!important;}
.pagination li a {
	font-size: 13px;
	background: #fff;
	border: 1px solid #c8c8c8;
	color: #252525;
	border-radius: 0;
}
.pagination li a:hover, .pagination .uk-active a {
	background: #0080ff;
	color: #fff;
	font-weight: normal;
}

/* 3. FOOTER */
.footer {
	padding: 25px 0 5px;
	background: rgba(0, 0, 0, .7);
	font-size: 13px;
	line-height: 20px;
	color: #fff;
}
.footer .top .uk-panel {margin-bottom: 20px!important;}
.footer .top .heading {margin-bottom: 20px;}
.footer .top .heading>* {
	display: block;
	font-size: 17px;
	line-height: 24px;
	font-weight: 600;
	text-transform: uppercase;
	color: #fff;
}
.footer .footer-contact .info {margin-bottom: 20px;}
.footer .footer-contact .info li {position: relative;padding-left: 25px;margin-bottom: 5px;}
.footer .footer-contact .info li:before {
	content: "";
	font-family: FontAwesome;
	display: block;
	position: absolute;
	z-index: 100;
	left: 0px;top: 5px;
	color: #fff;
}
.footer .footer-contact .info .location:before {content: "\f041";font-size: 16px;left: 4px;}
.footer .footer-contact .info .hotline:before {
	width: 17px;height: 12px;
	background: url(img/landline-small.png) 0% 0% no-repeat;
}
.footer .footer-contact .info .email:before {
	width: 16px;height: 11px;
	background: url(img/icon-email.png) 0% 0% no-repeat;
}
.footer .footer-contact .info .website:before {content: "\f0ac";font-size: 16px;top: 0px;left: 2px;}
.footer .footer-contact .info li a {color: #fff;}
.footer .footer-contact .info li a:hover {color: #0080ff;}
.footer .footer-contact .visit-page .info {display: block;font-weight: 600;margin-bottom: 5px;}
.footer .footer-connect .social {margin: 10px 0 25px;}
.footer .footer-connect .social li {float: left;}
.footer .footer-connect .social li+li {margin-left: 5px;}
.footer .footer-connect .social li a {
	display: block;
	position: relative;
	width: 34px;height: 34px;
	line-height: 34px;
	text-align: center;
	background: #fff;
	color: #a37024;
	font-size: 15px;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.footer .footer-connect .social li a:hover {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}

.footer .footer-connect .form {display: block;position: relative;}
.footer .footer-connect .form .btn-submit {
	position: absolute;
	z-index: 100;
	color: #a37024;
	right: 5px;top: 50%;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
	font-size: 18px;
	background: none;border: none;
	cursor: pointer;
	outline: none
}
.footer .footer-connect .form .input-text {height: 34px;}
@media (max-width: 567px) {
	.footer .top {padding: 0 10px;}
}

/* buynow */
#purchase-info .uk-modal-dialog {padding: 20px 10px;}
@media (min-width: 960px) {#purchase-info .uk-modal-dialog {width: 700px;}}
.buynow-4 {}
.buynow-4 .product, .buynow-4 .infocustomer {padding: 15px;position: relative;}
.buynow-4 .product .thumb {position: relative;}
.buynow-4 .product .thumb .image {height: 200px;}
.buynow-4 .product .title .link {color: #333;font-weight: bold;text-transform: uppercase;}
.buynow-4 .product .title .link:hover {color: #0388cd;font-weight: bold;text-transform: uppercase;}
.buynow-4 .product .price {padding: 0 10px;}
.buynow-4 .product .price .new {font-weight: bold;font-size: 16px;color: #d60c0c;}
.buynow-4 .product .price .old {font-size: 13px;color: #666;text-decoration: line-through;}
.buynow-4 .infocustomer .heading {text-transform: uppercase;font-weight: bold;}
.buynow-4 .infocustomer .sex .col+.col {margin-left: 20px;}
.buynow-4 .infocustomer .sex>* {display: inline-block;}
.buynow-4 .infocustomer  label.label {margin-left: 5px;cursor: pointer;}
.buynow-4 .infocustomer textarea {height: 125px;}
.buynow-4 .infocustomer .order-btn {
	border: none;
	overflow: hidden;
	cursor: pointer;
	padding: 8px 50px;
	font-size: 14px;
	text-transform: uppercase;
	color: #fff;
	border-radius: 0;
	text-align: center;
	background: #0e74c2;
	background: -webkit-gradient(linear,0% 0%,0% 100%,from(#0e74c2),to(#288ad6));
	background: -webkit-linear-gradient(top,#288ad6,#0e74c2);
	background: -moz-linear-gradient(top,#288ad6,#0e74c2);
	background: -ms-linear-gradient(top,#288ad6,#0e74c2);
	background: -o-linear-gradient(top,#288ad6,#0e74c2);
}
.buynow-4 .infocustomer .note {font-size: 12px;margin-top: 10px;font-weight: bold;}
.buynow-4 .infocustomer .group {display: none;padding: 15px; background: #f0f0f0;position: relative;}
.buynow-4 .infocustomer .group:before {
	content: "";
	display: block;
	position: absolute;
	width: 0;height: 0;
	border-bottom: 10px solid #f0f0f0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	z-index: 100;left: 65px;top: -10px;
}
.buynow-4 .infocustomer .display:checked ~ .group {display: block;}
.buynow-4 .product .count {padding: 0 50px 0 0;position: relative;}
.buynow-4 .product .count .quantity {width: 40px;height: 32px;border: 1px solid #dfdfdf;text-align: center;font-weight: bold;}
.buynow-4 .product .count .btn {position: absolute; width: 37px;height: 32px; border: 1px solid #dfdfdf; top: 0px;cursor: pointer; }
.buynow-4 .product .count .abate {left: -37px;border-right: none;}
.buynow-4 .product .count .abate:before {
	content: "";
	width: 12px;
	height: 2px;
	background: #ccc;
	display: block;
	margin: 15px auto;
}
.buynow-4 .product .count .augment {right: 13px;border-left: none;}
.buynow-4 .product .count .augment:before {
	content: "";
	width: 12px;
	height: 2px;
	background: #288ad6;
	display: block;
	margin: 15px auto;
}
.buynow-4 .product .count .augment:after{
	content: "";
	width: 2px;
	height: 12px;
	background: #288ad6;
	display: block;
	margin: 0 auto;
	position: absolute;
	top: 10px;
	left: 0;right: 0;
}
.buynow-4 .product .total {padding: 10px 0 0 0;margin-right: 10px;border-top: 1px dotted #898989;}
.buynow-4 .product .total .ttprice {font-size: 14px;line-height: 24px;color: #d60c0c;}
@media (min-width: 768px) {
	.buynow-4 .product:before {
		content: "";
		display: block;
		position: absolute;
		right: 0px;top: 0px;
		height: 100%;width: 1px;
		background: #ccc;
		background-image: -webkit-repeating-linear-gradient(0deg, #ccc, #ccc 4px, #fff 4px, #fff 8px, #ccc 8px);
		background-image: -moz-repeating-linear-gradient(0deg, #ccc, #ccc 4px, #fff 4px, #fff 8px, #ccc 8px);
		background-image: -ms-repeating-linear-gradient(0deg, #ccc, #ccc 4px, #fff 4px, #fff 8px, #ccc 8px);
		background-image: -o-repeating-linear-gradient(0deg, #ccc, #ccc 4px, #fff 4px, #fff 8px, #ccc 8px);
		background-image: repeating-linear-gradient(0deg, #ccc, #ccc 4px, #fff 4px, #fff 8px, #ccc 8px);
	}
}
@media (max-width: 767px) {
	.buynow-4 .product:before {
		content: "";
		display: block;
		position: absolute;
		left: 0px;bottom: 0px;
		width: 100%;height: 1px;
		background: #ccc;
		background-image: -webkit-repeating-linear-gradient(90deg, #ccc, #ccc 4px, #fff 4px, #fff 8px, #ccc 8px);
		background-image: -moz-repeating-linear-gradient(90deg, #ccc, #ccc 4px, #fff 4px, #fff 8px, #ccc 8px);
		background-image: -ms-repeating-linear-gradient(90deg, #ccc, #ccc 4px, #fff 4px, #fff 8px, #ccc 8px);
		background-image: -o-repeating-linear-gradient(90deg, #ccc, #ccc 4px, #fff 4px, #fff 8px, #ccc 8px);
		background-image: repeating-linear-gradient(90deg, #ccc, #ccc 4px, #fff 4px, #fff 8px, #ccc 8px);
	}
}
@media (max-width: 479px) {
	.buynow-4 .product, .buynow-4 .infocustomer {padding: 15px 5px;}
}

.statistical-access {
	padding: 0px 0 5px 0;
	background: #fff;
	border: 1px solid #ddd;
}
.statistical-access .heading {
	display: block;
	position: relative;
	margin-bottom: 10px;
}
.statistical-access .heading:before {
	content: "";
	display: block;
	position: absolute;
	width: 100%;height: 2px;
	background: url(../img/upload/line-cat.png) 0% 0% repeat-x;
	left: 0px;top: initial;bottom: 0px;
}
.statistical-access .heading>* {
	display: inline-block;
	padding-bottom: 5px;margin-left: 10px;
	text-transform: uppercase;
	font-size: 14px;line-height: 20px;
	font-weight: bold;
	color: #e5b872;
	border-bottom: 2px solid #e5b872;
}
.statistical-access .panel-body {padding: 0 10px;}
.statistical-access .panel-body .item {
	align-items: center;
	position: relative;
	padding: 5px 10px 5px 25px;
	font-size: 14px;line-height: 20px;
	background-repeat: no-repeat;
	background-position: 0px 5px;
	background-image: url(../img/user.png);
}
.statistical-access .panel-body .item:last-child {background-image: url(../img/total.png);}

.statistical-access .panel-body .item>* {display: block;}
.statistical-access .panel-body .item .label {float: left;}
.statistical-access .panel-body .item .number {float: right;font-weight: bold;}

.webvaseo-alo-phone.webvaseo-alo-show {
	visibility: visible;
}
.webvaseo-alo-phone {
	position: fixed;
	visibility: hidden;
	background-color: transparent;
	width: 200px;
	height: 200px;
	cursor: pointer;
	z-index: 99999999999999 !important;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0);
	-webkit-transition: visibility .5s;
	-moz-transition: visibility .5s;
	-o-transition: visibility .5s;
	transition: visibility .5s;
	left: 0;
	bottom: 0;
}
.webvaseo-alo-phone.webvaseo-alo-green .webvaseo-alo-ph-circle {
	border-color: #00aff2;
	border-color: #bfebfc 9;
	opacity: .5;
}
.webvaseo-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: webvaseo-alo-circle-anim 1.2s infinite ease-in-out;
	-moz-animation: webvaseo-alo-circle-anim 1.2s infinite ease-in-out;
	-ms-animation: webvaseo-alo-circle-anim 1.2s infinite ease-in-out;
	-o-animation: webvaseo-alo-circle-anim 1.2s infinite ease-in-out;
	animation: webvaseo-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%;
}
.webvaseo-alo-phone.webvaseo-alo-green .webvaseo-alo-ph-circle-fill {
	background-color: rgba(0,175,242,0.5);
	background-color: #a6e3fa 9;
	opacity: .75 !important;
}
.webvaseo-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: webvaseo-alo-circle-fill-anim 2.3s infinite ease-in-out;
	-moz-animation: webvaseo-alo-circle-fill-anim 2.3s infinite ease-in-out;
	-ms-animation: webvaseo-alo-circle-fill-anim 2.3s infinite ease-in-out;
	-o-animation: webvaseo-alo-circle-fill-anim 2.3s infinite ease-in-out;
	animation: webvaseo-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%;
}
.webvaseo-alo-phone.webvaseo-alo-green .webvaseo-alo-ph-img-circle {
	background-color: #00aff2;
}
.webvaseo-alo-ph-img-circle {
	width: 60px;
	height: 60px;
	top: 70px;
	left: 70px;
	position: absolute;
	background: rgba(30,30,30,0.1) url("img/phone.png") no-repeat center center;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	border: 2px solid transparent;
	opacity: .7;
	-webkit-animation: webvaseo-alo-circle-img-anim 1s infinite ease-in-out;
	-moz-animation: webvaseo-alo-circle-img-anim 1s infinite ease-in-out;
	-ms-animation: webvaseo-alo-circle-img-anim 1s infinite ease-in-out;
	-o-animation: webvaseo-alo-circle-img-anim 1s infinite ease-in-out;
	animation: webvaseo-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%;
}
.webvaseo-alo-phone.webvaseo-alo-green.webvaseo-alo-hover .webvaseo-alo-ph-img-circle, .webvaseo-alo-phone.webvaseo-alo-green:hover .webvaseo-alo-ph-img-circle {
	background-color: #75eb50;
	background-color: #75eb50 9;
}
.webvaseo-alo-phone.webvaseo-alo-green.webvaseo-alo-hover .webvaseo-alo-ph-circle-fill, .webvaseo-alo-phone.webvaseo-alo-green:hover .webvaseo-alo-ph-circle-fill {
	background-color: rgba(117,235,80,0.5);
	background-color: #baf5a7 9;
	opacity: .75 !important;
}
.webvaseo-alo-phone.webvaseo-alo-green.webvaseo-alo-hover .webvaseo-alo-ph-circle, .webvaseo-alo-phone.webvaseo-alo-green:hover .webvaseo-alo-ph-circle {
	border-color: #75eb50;
	border-color: #baf5a7 9;
	opacity: .5;
}
.webvaseo-alo-phone.webvaseo-alo-hover, .webvaseo-alo-phone:hover {
	opacity: 1;
}

@-moz-keyframes webvaseo-alo-circle-anim {
	0% {
		-moz-transform: rotate(0) scale(.5) skew(1deg);
		opacity: .1;
		-moz-opacity: .1;
		-webkit-opacity: .1;
		-o-opacity: .1
	}
	30% {
		-moz-transform: rotate(0) scale(.7) skew(1deg);
		opacity: .5;
		-moz-opacity: .5;
		-webkit-opacity: .5;
		-o-opacity: .5
	}
	100% {
		-moz-transform: rotate(0) scale(1) skew(1deg);
		opacity: .6;
		-moz-opacity: .6;
		-webkit-opacity: .6;
		-o-opacity: .1
	}
}
@-webkit-keyframes webvaseo-alo-circle-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
	}
}
@-o-keyframes webvaseo-alo-circle-anim {
	0% {
		-o-transform: rotate(0) kscale(.5) skew(1deg);
		-o-opacity: .1
	}
	30% {
		-o-transform: rotate(0) scale(.7) skew(1deg);
		-o-opacity: .5
	}
	100% {
		-o-transform: rotate(0) scale(1) skew(1deg);
		-o-opacity: .1
	}
}
@-moz-keyframes webvaseo-alo-circle-fill-anim {
	0% {
		-moz-transform: rotate(0) scale(.7) skew(1deg);
		opacity: .2
	}
	50% {
		-moz-transform: rotate(0) -moz-scale(1) skew(1deg);
		opacity: .2
	}
	100% {
		-moz-transform: rotate(0) scale(.7) skew(1deg);
		opacity: .2
	}
}
@-webkit-keyframes webvaseo-alo-circle-fill-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
	}
}
@-o-keyframes webvaseo-alo-circle-fill-anim {
	0% {
		-o-transform: rotate(0) scale(.7) skew(1deg);
		opacity: .2
	}
	50% {
		-o-transform: rotate(0) scale(1) skew(1deg);
		opacity: .2
	}
	100% {
		-o-transform: rotate(0) scale(.7) skew(1deg);
		opacity: .2
	}
}
@-moz-keyframes webvaseo-alo-circle-img-anim {
	0% {
		transform: rotate(0) scale(1) skew(1deg)
	}
	10% {
		-moz-transform: rotate(-25deg) scale(1) skew(1deg)
	}
	20% {
		-moz-transform: rotate(25deg) scale(1) skew(1deg)
	}
	30% {
		-moz-transform: rotate(-25deg) scale(1) skew(1deg)
	}
	40% {
		-moz-transform: rotate(25deg) scale(1) skew(1deg)
	}
	50% {
		-moz-transform: rotate(0) scale(1) skew(1deg)
	}
	100% {
		-moz-transform: rotate(0) scale(1) skew(1deg)
	}
}
@-webkit-keyframes webvaseo-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)
	}
}
@-o-keyframes webvaseo-alo-circle-img-anim {
	0% {
		-o-transform: rotate(0) scale(1) skew(1deg)
	}
	10% {
		-o-transform: rotate(-25deg) scale(1) skew(1deg)
	}
	20% {
		-o-transform: rotate(25deg) scale(1) skew(1deg)
	}
	30% {
		-o-transform: rotate(-25deg) scale(1) skew(1deg)
	}
	40% {
		-o-transform: rotate(25deg) scale(1) skew(1deg)
	}
	50% {
		-o-transform: rotate(0) scale(1) skew(1deg)
	}
	100% {
		-o-transform: rotate(0) scale(1) skew(1deg)
	}
}
@-moz-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		-ms-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}
@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		-ms-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}
@-o-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		-ms-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}
@keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		-ms-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}
@-moz-keyframes fadeOutRight {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		-ms-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
}
@-webkit-keyframes fadeOutRight {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		-ms-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
}
@-o-keyframes fadeOutRight {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		-ms-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
}
@keyframes fadeOutRight {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		-ms-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
}
@-moz-keyframes webvaseo-alo-circle-anim {
	0% {
		transform: rotate(0) scale(.5) skew(1deg);
		opacity: .1
	}
	30% {
		transform: rotate(0) scale(.7) skew(1deg);
		opacity: .5
	}
	100% {
		transform: rotate(0) scale(1) skew(1deg);
		opacity: .1
	}
}
@-webkit-keyframes webvaseo-alo-circle-anim {
	0% {
		transform: rotate(0) scale(.5) skew(1deg);
		opacity: .1
	}
	30% {
		transform: rotate(0) scale(.7) skew(1deg);
		opacity: .5
	}
	100% {
		transform: rotate(0) scale(1) skew(1deg);
		opacity: .1
	}
}
@-o-keyframes webvaseo-alo-circle-anim {
	0% {
		transform: rotate(0) scale(.5) skew(1deg);
		opacity: .1
	}
	30% {
		transform: rotate(0) scale(.7) skew(1deg);
		opacity: .5
	}
	100% {
		transform: rotate(0) scale(1) skew(1deg);
		opacity: .1
	}
}
@keyframes webvaseo-alo-circle-anim {
	0% {
		transform: rotate(0) scale(.5) skew(1deg);
		opacity: .1
	}
	30% {
		transform: rotate(0) scale(.7) skew(1deg);
		opacity: .5
	}
	100% {
		transform: rotate(0) scale(1) skew(1deg);
		opacity: .1
	}
}
@-moz-keyframes webvaseo-alo-circle-fill-anim {
	0% {
		transform: rotate(0) scale(.7) skew(1deg);
		opacity: .2
	}
	50% {
		transform: rotate(0) scale(1) skew(1deg);
		opacity: .2
	}
	100% {
		transform: rotate(0) scale(.7) skew(1deg);
		opacity: .2
	}
}
@-webkit-keyframes webvaseo-alo-circle-fill-anim {
	0% {
		transform: rotate(0) scale(.7) skew(1deg);
		opacity: .2
	}
	50% {
		transform: rotate(0) scale(1) skew(1deg);
		opacity: .2
	}
	100% {
		transform: rotate(0) scale(.7) skew(1deg);
		opacity: .2
	}
}
@-o-keyframes webvaseo-alo-circle-fill-anim {
	0% {
		transform: rotate(0) scale(.7) skew(1deg);
		opacity: .2
	}
	50% {
		transform: rotate(0) scale(1) skew(1deg);
		opacity: .2
	}
	100% {
		transform: rotate(0) scale(.7) skew(1deg);
		opacity: .2
	}
}
@keyframes webvaseo-alo-circle-fill-anim {
	0% {
		transform: rotate(0) scale(.7) skew(1deg);
		opacity: .2
	}
	50% {
		transform: rotate(0) scale(1) skew(1deg);
		opacity: .2
	}
	100% {
		transform: rotate(0) scale(.7) skew(1deg);
		opacity: .2
	}
}
@-moz-keyframes webvaseo-alo-circle-img-anim {
	0% {
		transform: rotate(0) scale(1) skew(1deg)
	}
	10% {
		transform: rotate(-25deg) scale(1) skew(1deg)
	}
	20% {
		transform: rotate(25deg) scale(1) skew(1deg)
	}
	30% {
		transform: rotate(-25deg) scale(1) skew(1deg)
	}
	40% {
		transform: rotate(25deg) scale(1) skew(1deg)
	}
	50% {
		transform: rotate(0) scale(1) skew(1deg)
	}
	100% {
		transform: rotate(0) scale(1) skew(1deg)
	}
}
@-webkit-keyframes webvaseo-alo-circle-img-anim {
	0% {
		transform: rotate(0) scale(1) skew(1deg)
	}
	10% {
		transform: rotate(-25deg) scale(1) skew(1deg)
	}
	20% {
		transform: rotate(25deg) scale(1) skew(1deg)
	}
	30% {
		transform: rotate(-25deg) scale(1) skew(1deg)
	}
	40% {
		transform: rotate(25deg) scale(1) skew(1deg)
	}
	50% {
		transform: rotate(0) scale(1) skew(1deg)
	}
	100% {
		transform: rotate(0) scale(1) skew(1deg)
	}
}
@-o-keyframes webvaseo-alo-circle-img-anim {
	0% {
		transform: rotate(0) scale(1) skew(1deg)
	}
	10% {
		transform: rotate(-25deg) scale(1) skew(1deg)
	}
	20% {
		transform: rotate(25deg) scale(1) skew(1deg)
	}
	30% {
		transform: rotate(-25deg) scale(1) skew(1deg)
	}
	40% {
		transform: rotate(25deg) scale(1) skew(1deg)
	}
	50% {
		transform: rotate(0) scale(1) skew(1deg)
	}
	100% {
		transform: rotate(0) scale(1) skew(1deg)
	}
}
@keyframes webvaseo-alo-circle-img-anim {
	0% {
		transform: rotate(0) scale(1) skew(1deg)
	}
	10% {
		transform: rotate(-25deg) scale(1) skew(1deg)
	}
	20% {
		transform: rotate(25deg) scale(1) skew(1deg)
	}
	30% {
		transform: rotate(-25deg) scale(1) skew(1deg)
	}
	40% {
		transform: rotate(25deg) scale(1) skew(1deg)
	}
	50% {
		transform: rotate(0) scale(1) skew(1deg)
	}
	100% {
		transform: rotate(0) scale(1) skew(1deg)
	}
}
#webvaseo-alo-phoneIcon {
	bottom: 130px;
}
#webvaseo-zalo-phoneIcon .webvaseo-alo-ph-img-circle span {
	background: rgba(30,30,30,0.1) url(img/phone.png) no-repeat center center;
}
#webvaseo-zalo-phoneIcon .webvaseo-alo-ph-img-circle {
	background-image: unset;
}

#webvaseo-zalo-phoneIcon .webvaseo-alo-ph-img-circle span {
	background: rgba(30,30,30,0.1) url("img/zalo-1-logo-black-and-white.png") no-repeat;
	width: 40px;
	height: 40px;
	display: inline-block;
	background-size: contain;
	position: relative;
	top: 9px;
	left: 9px;
}