.pav-megamenu {
	position: relative;
	background-color: black;
}
.tp_product_category_filter_brand .box-content,
.tp_product_category_filter_attribute .box-content {
	max-height: 210px;
	overflow-y: auto;
}
.box-new-product .box-content {
	max-height: initial;
}
.box-content::-webkit-scrollbar {
	width: 4px;
}
.box-content::-webkit-scrollbar-track {
	background: #f1f1f1;
}
.box-content::-webkit-scrollbar-thumb {
	background: #888;
}
.box-content::-webkit-scrollbar-thumb:hover {
	background: #555;
}
.pavo-widget .menu-title {
	font-size: 16px;
	padding-bottom: 20px;
	padding-top: 10px;
	display: block;
}

.pavo-widget .cart {
	display: none;
}

.video-menu {
	margin-left: 15px;
}

.pavo-widget .menu-content img {
	margin-top: 15px;
}
.inventory{
	position: absolute;
	top: 5px;
	border: 1px solid #CECECE;
	padding: 1px 3px !important;
	line-height: normal !important;
	z-index: 999;
	left: 5px;
	background: #fff;
}
.menuLastChilds{
	position: absolute;
	right: 0;
	top: 0;
	font-size: 15px;
	width: 40px;
	height: 40px;
	text-align: center;
	z-index: 9999;
	line-height: 40px;
}
.proIndexItem{
	position: relative;
}
.admin-talk {
	display: flex;
	gap: 35px;
}

.admin-talk_img img {
	width: 100%;
	height: 150px !important;
	border-radius: 50%;
	object-fit: cover;
}

.admin-talk_contact a {
	font-weight: 700;
	font-size: 22px;
}

.admin-talk_contact p {
	margin-top: 20px;
}

.img-talk {
	width: 150px;
}
.pavo-widget .menu-content p,.pavo-widget .menu-content h3 {
	margin-left: 15px;
	margin-bottom: 0;
}

.widget-product-list .product-block {
	border: none;
	padding: 0;
	text-align: left;
}

.widget-product-list .image {
	float: left;
	margin-right: 15px;
	margin-bottom: 0;
	width: auto;
}

.widget-product-list .product-block:hover .image a {
	opacity: 1;
}
.widget-inner .list.menuParent > li{
    position: relative;
}
.widget-product-list .name a {
	font-weight: normal !important;
	font-size: 14px !important;
	line-height: 25px !important;
}

.widget-product-list .product-block .price {
	font-size: 14px;
	font-weight: bold;
	margin-top: 0;
}
.product-block .price > span{
	display: block;
}
.widget-product-list .product-block:hover .price {
	display: block;
}

.widget-product-list .product-block .button {
	line-height: 28px;
	height: 28px;
	padding: 0 10px;
}

.widget-banner {

}

.widget-banner .w-banner {
	float: left;
	margin: 6px 10px;
}

.hidden-title .menu-title {
	display: none;
}

.nav>li>a {
	padding: 10px 11px !important;
}

.navbar-nav>li {
	white-space: nowrap;
}

.breadcrumb>li {
	white-space: nowrap;
}
/* dialog popup*/
/*#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span*/
	/*{*/
	/*background: url(../img/close.png) no-repeat 5px 5px !important;*/
	/*position: absolute;*/
	/*top: 0px !important;*/
	/*right: 0px !important;*/
	/*width: 31px;*/
	/*height: 30px;*/
	/*cursor: pointer;*/
	/*z-index: 8040;*/
/*}*/

/*#fancybox-loading:hover,.fancybox-close:hover {*/
	/*background: url(../img/close.png) #f8f8f8 no-repeat 5px 5px !important;*/
/*}*/

#popupHome img{
	max-width: 100%;
}
/*form login*/
.f label {
	display: block;
	margin-bottom: 0;
	color: #333;
	width: auto !important;
}

#btnSubmit {
	color: #FFFFFF;
	background: #4a4a4a;
	text-transform: uppercase;
	font-size: 13px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #fff;
	display: inline-block;
	text-decoration: none;
	padding: 6px 12px 6px 12px;
	margin-top: 10px;
}

#btnSubmit:hover {
	background: #58b0da;
}

.f ul li {
	margin-bottom: 10px;
}

.f .errors li {
	color: red;
}

.f ul li input,.f ul li select {
	width: 200px;
	padding: 3px;
}

.f ul li select {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #ccc;
}

.menu-icon {
	background: url("../img/icon-home.png") no-repeat;
}

#foo li {
	width: 80px;
	height: 90px;
	float: left;
	margin: 0 5px 0 10px;
}

#foo li img {
	height: 100%;
}

.product-block .image {
	height: auto;
}

#pro-v-img {
	height: 342px;
	overflow: hidden;
}

.tabs-group {
	margin-top: 10px;
}

#tabs {
	margin-bottom: 20px;
}

.description {
	font-size: 14px;
}

#image-additional {
	margin-bottom: 20px;
}

.product-info .quantity-adder span.qttDown {
	font-size: 20px;
	right: -18px;
	top: 17px;
}

#img-cart img {
	width: 67px;
	height: 86px;
}

#logo {
	height: 85px;
}

#logo img {
	max-height: 85px;
}

.pav-blog .blog-meta {
	padding-bottom: 20px;
}

#ct-news {
	line-height: 29px;
	padding-bottom: 20px;
}


@media screen and (max-width: 768px){
	#ct-news img{
		width: 100% !important;
		height: auto !important;
	}
	.admin-talk {
		flex-wrap: wrap;
		justify-content: center;
	}
}
.admin-talk_contact {
	width: 100%;
}
.category-list li {
	margin-bottom: 10px;
}

.pagination .links .currentPage {
	display: inline-block;
	border-left-width: 1px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	padding: 6px 12px;
	text-decoration: none;
	background-color: #58b0da;
	color: #fff;
	margin: 0 3px;
}

.pagination .links a {
	margin: 0 3px;
}

.pagination .links .paging-next,.pagination .links .paging-last,.pagination .links .paging-first,.pagination .links .paging-previous
	{
	padding: 8px 10px;
}

.pagination {
	text-align: right;
}

.profile tr td {
	height: 33px;
}

.btnSave {
	color: #FFF;
	background: #4a4a4a;
	text-transform: uppercase;
	font-size: 13px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #fff;
	display: inline-block;
	text-decoration: none;
	padding: 6px 12px 6px 12px;
	margin-top: 10px;
}

.f tr td select {
	padding: 2px 0;
}

.f tr td select,.f tr td input {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #ccc;
	width: 162px;
}

.profile label {
	display: block;
}

.profile ul li {
	margin: 5px 0;
}
/*slide banner content 2*/
.slideBnct21 {
	width: 100%;
	overflow: hidden;
}

.slideBnct21 li {
	width: 100%;
	float: left;
	height: 165px;
}
.slideBnct21 li>a{
	display: block;
	height: 165px;
}
.slideBnct2 {
	width: 100%;
	overflow: hidden;
}

.slideBnct2 li {
	width: 100%;
	float: left;
	height: 355px;
}
.slideBnct2 li>a{
	display: block;
	height: 355px;
}

.btslide {
    text-align: center;
}
.btslide a.selected {
    background: #000;
}
.btslide a {
    width: 1px;
    height: 1px;
    border-radius: 50%;
    display: inline-block !important;
    padding: 5px;
    margin: 20px 5px 0px 0px;
    border: 1px solid #000;
    box-shadow: 0 0 0 1px #D3C9C9;
}
.btslide a span{
    display: none;
}
.btslide a:hover {
    background: #000;
}
/*slide banner header*/
.slideBnhd {
	width: 100%;
	overflow: hidden;
	height: 82px;
}

.slideBnhd li {
	width: 100%;
	height: 90px;
}

#social-hd li {
	margin: 0 10px;
}
/* quick view*/
#qv-img {
	float: left;
	width: 100%;
	height: 400px;
	overflow: hidden;
}

#qvImg li {
	float: left;
	width: 300px;
	height: 400px;
	overflow: hidden;
}

#qv-img a {
	position: absolute;
	top: 48%;
	width: 30px;
	height: 30px;
	border: 2px solid #fff;
	border-radius: 50%;
	font-size: 25px;
	color: #2E4FA3;
}

#prevQv {
	left: 0;
}

#nextQv {
	right: 0;
}
/*chekout*/
.b {
	margin: 3px 0;
}

#c {
	margin: 8px;
}

#c input {
	width: 100%;
	padding: 7px;
}

#c select {
	width: 100%;
	padding: 6px;
	border-radius: 4px;
	border: 1px solid #ccc;
}

#paymentMethod {
	padding-left: 17px;
}

.listBank span {
	float: left;
	width: 50px;
	height: 34px;
	overflow: hidden;
	margin: 2px;
	cursor: pointer;
	padding: 2px;
}

.listBank span:hover {
	background: #ccc;
}

.listBank {
	display: none;
}

.tbCheckout {
	margin-left: 17px;
}

.tbCheckout tr td {
	text-align: center;
}

#ck-tt {
	font-weight: bold;
	text-align: center;
}

.cart-info thead .name,.cart-info thead .model,.cart-info thead .quantity
	{
	text-align: center !important;
}

.cart-info tbody .name,.cart-info tbody .model,.cart-info tbody .quantity
	{
	text-align: center !important;
}

.tRight {
	text-align: right !important;
}

.tdnone {
	border: none !important;
}

.cart-info table.tbcheckout {
	border: none;
	margin-left: 17px;
}

.cart-info thead.thcheckout td {
	background: none;
}

.listBank span.active {
	background: #ccc;
}

#orderV {
	text-align: center;
	line-height: 32px;
}
/* brand*/
.crBrand li {
	width: 145px;
	height: 70px;
	float: left;
	line-height: 70px;
}

.crBrand li img {
	max-width: 100%;
}
/**/
.wishlist-info tbody td {
	vertical-align: middle !important;
}

.wishlist-info thead td {
	text-align: center;
}

.wishlist-info {
	margin: 20px auto;
}

.htabs li a {
	font-size: 12px;
	padding: 10px 5px;
    width: 100%;
}

.htabs li a.active {
	background: #E76D66;
	color: #fff;
}

.htabs li a:hover {
	background: #E76D66;
	color: #fff;
}

.htabs {
	height: auto !important;
	overflow: hidden;
}

.htabs li {
	padding: 0;
	overflow: hidden;
	white-space: nowrap;
}

#tabs .tab-content {
	margin: 16px 0;
}

#newstb li {
	list-style: disc;
	list-style-position: inside;
	line-height: 26px;
}

.tab-content {
	line-height: 27px;
}
/*vote*/
.vote .si {
	background: url("../img/stars.png");
	background-position: 3px -84px;
	cursor: pointer;
	float: left;
	height: 15px;
	width: 20px;
}

.btnGreen {
	padding: 5px;
	background: #4a4a4a;
	color: #fff;
	border-radius: 4px;
	border: 1px solid #4a4a4a;
}

.vote .si.voteHover,.vote .si.active {
	background: url("../img/stars.png");
	background-position: 3px -107px;
}

.htabs li a {
	font-weight: bold !important;
}

#arrow {
	display: inline-block;
	height: 18px;
	background: url("../img/arrow.png") no-repeat right;
}

#btTop {
	position: fixed;
	bottom: 95px;
	right: 35px;
	display: none;
}

#btTop i {
	border: 2px solid #fff;
	box-shadow: 0 0 2px #000;
	cursor: pointer;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	text-align: center;
	font-size: 30px;
	background: #2D2E30;
	color: #fff;
}

#dsc {
	height: 285px;
	width: 100%;
	overflow: hidden;
}

.product-block .rating {
	margin-top: 10px;
}

#rating {
	width: 100%;
	height: 20px;
	margin-top: 10px;
}

.rate0 {
	background: url("../img/starspro.png") no-repeat;
	background-position: 0px -7px;
}

.rate1 {
	background: url("../img/starspro.png") no-repeat;
	background-position: 0px -29px;
}

.rate2 {
	background: url("../img/starspro.png") no-repeat;
	background-position: 0px -55px;
}

.rate3 {
	background: url("../img/starspro.png") no-repeat;
	background-position: 0px -78px;
}

.rate4 {
	background: url("../img/starspro.png") no-repeat;
	background-position: 0px -105px;
}

.rate5 {
	background: url("../img/starspro.png") no-repeat;
	background-position: 0px -133px;
}

/*dialog*/
.ui-dialog {
	border: 1px solid #ccc !important;
	background: #fff;
}

.ui-dialog-titlebar {
	background: #E76D66;
	color: #fff;
	text-align: center;
	padding: 8px 0;
	font-weight: bold;
}

.ui-dialog-buttonset {
	text-align: center;
	margin-top: 10px;
}

.ui-dialog-buttonset button {
	border: 1px solid #E76D66;
	margin: 3px 1px;
	text-transform: uppercase;
	color: #fff;
	background: #E76D66;
	padding: 3px 13px;
}

.ui-dialog-titlebar-close {
	display: none !important;
}

.ui-dialog-content {
	text-align: center;
	padding: 25px 0;
	font-weight: bold;
}
/* news*/
#cate-tt {
	border-bottom: 1px solid #ccc;
	padding: 9px 10px;
	margin-bottom: 20px;
	text-transform: uppercase;
	font-weight: bold;
}

.cate-news-ct {
	width: 100%;
	height: 80px;
	overflow: hidden;
	margin: 5px 0 20px 0;
	padding: 0;
}

#mainmenutop .nav > li{
	padding: 0 5px !important;
	position: relative;
}
.caret{
	position: absolute;
	right: -6px;
	top: 20px;
	font-size: 16px;
	border: none !important;
	width: 25px !important;
	height: 25px !important;
	z-index: 99999999;
	cursor: pointer;
	border: none !important;
}
.caret:before {
	font: normal normal normal 80px/1 fontawesome;
	content: "\f0d7";
	position: absolute;
	left: 7px;
	font-size: 12px;
	color: white;
}
@media (min-width: 1200px) {
	#related.slide.product-grid .product-block .image{
		min-height: 240px;
	}
	.megamenu>li>.dropdown-menu ul.list>li:hover > .menuLastChids{
		display: inline-table !important;
	}
	.pav-megamenu .dropdown .dropdown-menu>.dropdown-menu-inner{
		padding-right: 0 !important;
		padding-left: 0 !important;
	}
	.pav-megamenu .dropdown .dropdown-menu li a{
		padding:10px 15px !important;
	}
	.megamenu > li > .dropdown-menu ul.list>li>ul{
		left: 100% !important;
		top:-3px;
	}
}
/* for 980px or less */
@media screen and (max-width: 1280px) {
	.product-block .image {
		height: 195px;
	}
}

@media screen and (max-width: 767px) {
	.box{
		clear: both;
	}
	.megamenu>li>.dropdown-menu ul.list>li>ul.menuLastChids{
		display: block;
		position: initial;
		box-shadow: none;
		border: none;
		left: 0;
		min-width: 100%;
		margin: 0;
		width: 100% !important;
	}
	.menuParent > li > a{
		display: block;
		width: 85%;
	}
	.product-block  {
		margin-bottom: 15px;
	}
	.product-block .image {
		height: auto;
	}
	.news-intro {
		display: none;
	}
	#ct-news table,
	#ct-news iframe,
	.product-info .tab-content iframe,
	.product-info .tab-content table{
		width: 100% !important;
		height: auto !important;
	}
	#ct-news table td {
		width: 100% !important;
		border: 1px solid #ddd;
	}
	#ct-news table th{
		width: 20% !important;
	}
	.product-info iframe{
		width: 100% !important;
		height: auto !important;
	}

	.caret{
		position: absolute;
		right: 10px;
		top: 8px;
		font-size: 16px;
		border: none !important;
		width: 25px !important;
		height: 25px !important;
		z-index: 99999999;
		cursor: pointer;
		border: none !important;
	}
	.caret:before {
		font: normal normal normal 80px/1 fontawesome;
		content: "\f0d7";
		position: absolute;
		left: 7px;
		font-size: 16px;
		color: #333;
	}
	.product-filter .limit{
		margin-left: 0;
	}
}
.fb-like-box,.fb-like-box span,.fb-like-box span iframe[style],frame {
	width: 100% !important;
}

.attr {
	padding: 0 0 10px 0;
	position: relative;
}

.attr>span {
	position: absolute;
	width: 100%;
	background: #f1f4f5;
	height: 30px;
	line-height: 30px;
	top: 0;
	left: 0;
	font-weight: bold;
	padding: 0 2%;
	display: none;
}

.attr>span>i {
	position: absolute;
	top: 0;
	right: 10px;
	font-weight: normal;
	font-style: oblique;
	cursor: pointer;
}

.attr>p {
	display: block;
	padding: 8px 0;
}

.attr>p>a {
	display: inline-block;
	min-width: 20px;
	height: 20px;
	line-height: 20px;
	border: 1px solid #fff;
	margin-right: 10px;
	box-shadow: 0 0 0 1px #B8B8B8;
	text-align: center;
}

.attr>p>a.active,.attr>p>a:hover {
	box-shadow: 0 0 1px 2px #FF7A00;
}

a:hover,a.active,a:focus {
	text-decoration: none !important;
}

.attr.active>span {
	display: block;
}

.attr.active {
	box-shadow: 0 0 0 2px #46a2c6;
	margin: 15px 0;
	padding: 35px 10px 0 10px;
}
.tab-content ul li,
.tab-content p {
	line-height: 27px !important;
}
.cloudzoom-blank div:nth-child(3){
display: none !important;
}

.loginFb{
    background-color: #3B5998;
    color: #FFF;
    display: inline-block;
    height: 28px;
    line-height: 28px;
    width: 96px;
    margin: 0 0 20px 0;
	padding-left: 5px;
}
.loginFb i{
    margin: 0 5px 0 0;
}
.loginGg{
    background-color: #E02F2F;
    color: #FFF;
    display: inline-block;
    height: 28px;
    line-height: 28px;
    width: 96px;
    margin: 0 0 0 10px;
	padding-left: 5px;
}
.loginGg i{
    margin: 0 5px 0 0;
}

.lookbook .indexPage li{
	width:32%;
	float:left;
	margin-bottom: 15px;
	margin-right: 10px;
}
.lookbook .indexPage li .img{
	width: 100%;
	text-align: center;
	display: block;
	height: 300px;
	overflow: hidden;
}
.lookbook .indexPage li .img img{
	max-width: 100%;
}
.lookbook .indexPage li h4 a{
	width: 100%;
	text-align: center;
	display: block;
}
.itemAlbum{
	float:left;
	width:33%;
	height:300px;
	padding:0 0 0 0.3333%;
}

.itemAlbum .imageWrapper {
	height: 195px;
	overflow: hidden;
}

.albumGallery>div a{
	display: block;
}
.social>div{
	display: inline-block;
	vertical-align: top;
}
.albumGallery>div img{
	display: block; max-width:100%
}
.itemImgGll{
	width: 600px; margin: 10px auto;
	position: relative;
}
.itemImgGll>div{
	border: 2px solid #999999; border-radius: 5px; box-shadow: 0 0 10px #ffffff;
	position: absolute; opacity: 0;
}
.itemImgGll:hover>div{
	opacity: 1;
	transition: all 0.5s ease;
}
.itemImgGll>div:hover>div{
	display: block;
}
.itemImgGll>div>div{
	display: none; width: 200px;
	position: absolute; top: 20%; left: 65%;
	background: #ffffff;
	border-radius: 5px; box-shadow: 0 0 2px #5d5d5d;
}
.itemImgGll>div>div>span{
	background: transparent url("../img/arrow_tags.png") no-repeat;
	float: left; width: 25px; height: 20px;
	margin: 11px 0 0 -25px;
}
.itemImgGll>div>div >a{
	float: left; border-bottom: 1px dashed #494949;
	padding: 10px 4px;
}
.itemImgGll>div>div >a:hover{
	color: #149bdf;
}
.itemImgGll>div>div>div{
	float: left; padding: 5px 0;
	width: 100%;
}
.itemImgGll>div>div>div>h3{
	float: left; color: #c11c3d; padding: 2px 4px;
}
.itemImgGll>div>div>div>a{
	float: right; border-radius: 2px; font-size: 14px; margin-right: 4px;
}
.itemImgGll>div>div>div>a:hover{
	color: forestgreen;
}
.itemImgGll>img{
	max-width: 100%;
}
form#checkOrder {
	display: none;
	position: absolute;
	background: #fff;
	border: solid 1px #eee;
	border-radius: 5px;
	padding: 10px;
	z-index: 9999999999999999999999999999;
	width: 320px;
	float: left;
	box-shadow: 2px 3px 10px;
	-moz-box-shadow: 2px 3px 10px;
	-webkit-box-shadow: 2px 3px 10px;
	-o-box-shadow: 2px 3px 10px;
	-ms-box-shadow: 2px 3px 10px;
}
form#checkOrder input{
	height: 40px;
	line-height: 40px;
	padding: 0 5px;
	width:100%;
	margin-top: 5px;
 }
form#checkOrder input:hover, form#checkOrder input:focus{
	box-shadow: 1px 1px 3px 1px #58b0da;
}
form#checkOrder p a:hover{
	text-decoration: underline !important;
}
form#checkOrder button{
	padding: 0 40px;
	height: 35px;
	text-align: center;
	margin-left: 80px;
	background-color: #000;
	color: #fff;
	border: 1px solid;
	font-size: 15px;
	text-transform: uppercase;
	border-radius: 5px;
}
form#checkOrder button:hover{
	background-color: #58b0da;
}
.checkoutHoverBtn:hover form#checkOrder{
	display:block;
}
.pav-blog{
    margin-top: 35px;
}
.commentItem{
    border-bottom: 1px solid #ccc; padding: 5px;
}
.commentItem>p{
    display: block;
}
.list1{
    display: none;
}

.list1 li a{
    display: block;
}
.list1-dropdown{
    padding-left: 20px;
}
.tab-content img{
    height: auto !important;
}

.new_info li{
	display: inline-block;
	margin-right: 15px;
}
.paginator .paging-first, .paginator .paging-last, .paginator .paging-previous {
    display: none;
}
.paginator>a:after, .paginator span.currentPage:after {
    position: absolute;
    top: 0;
    right: -10px;
}
.paginator span.currentPage {
    border: 1px solid #58b0da;
    position: relative;
    padding: 0 5px;
    margin-left: 10px;
    display: inline-block;
    color: #ffa200;
}
.paginator>a:hover {
    border: 1px solid #58b0da;
    margin-left: 8px;
}
.paginator>a {
    display: inline-block;
    position: relative;
    padding: 0 5px;
    margin: 0 7px;
    border: 1px solid transparent;
}
.paginator .paging-next:after {
    content: 'Next';
    position: inherit;
    top: 0;
    right: 0;
}
.clearfix{
	clear: both;
	width:100%;
}
.description {
	text-align: justify;
	line-height: 22px;
	font-size: 14px;
}
.description img,
.description table{
	max-width: 100% !important;
	height:auto !important;
}

.menuLastChids {
    position: absolute;
    right: -215px;
    top: 0;
    background: #fff;
    min-width: 270px;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
}
.menuLastChids:hover .list2.menu-lv4{
    opacity: 1;
}
.menu-last{
    position: absolute;
    right: 0;
    top: 0;
    font-size: 15px;
    width: 40px;
    height: 40px;
    text-align: center;
    z-index: 9999;
    line-height: 40px;
}
.menu-lv4 {
    background: #fff;
    position: absolute;
    right: -272px;
    top: 0;
    min-width: 270px;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    opacity: 0;
}
.list1-dropdown{
    background: #fff;
}


/*-------------------Xem tất cả Home-----------------------*/
.cate-all{
	position: absolute;
	right:0;
	top:0;
	padding: 10px;
	margin-bottom: 5px;
}
.cate-all:hover{
	background-color: #e7e7e7;
	color: #848587;
	border-radius: 4px 4px 0 0;
}
.product-heading{
	position: relative;
}
.product-tab.pull-left{
	width: 100%;
}
/*---------------------------------------------------------*/

/*===================== box fb, zalo share =====================*/
.content-blog .fb-like.fb_iframe_widget {

	float: left;
}
.content-blog .zalo-follow-only-button{
	float: left;
	margin: -1px -12px 0 3px;
}
.share-social .zalo-follow-only-button{
    width: 88px;
    height: 20px;
    display: block !important;
}
.share-social .fb-like.fb_iframe_widget.fb_iframe_widget_fluid {
    float: left;
}
.share-social .zalo-follow-only-button {
    float: left;
    margin-top: 5px;
    margin-left: 2px;
}
.share-social .zalo-share-button {
    margin-top: 5px;
    margin-left: 3px;
}
.share-social .fb-like.fb_iframe_widget {
    float: left;
}

a.button[value="Đặt hàng"], input.button[value="Đặt hàng"]{
	background: #4CAF50;
}
.attr>p>a.deactive{
	opacity: .3;
}
ul.nav.navbar-nav.megamenu > li >a> img {
	width: 30px;
	height: 30px;
	float: left;
	object-fit: contain;
}
ul.megamenu.menu-offcanvas-content >li >a>img{
	width: 30px;
	height: 30px;
	object-fit: contain;
}
ul.list.menuParent > li >a >img {
	width: 20px;
	height: 20px;
	float: left;
	object-fit: contain;
}
.ew-alo-phone {
	position: fixed;
	bottom: 25%;
	z-index: 999;
	left: 3%;
	display: block;
}
p.hotline-text {
	position: absolute;
	left: 155px;
	top: 110px;
	background: green;
	color: #fff;
	border: 1px solid green;
	border-radius: 5px;
	padding: 2px 10px;
	width: 110px;
	text-align: center;
}
p.hotline-text a{
	color: #fff;
}
.branch-custom {
	float: left;
	width: 100%;
	margin: 15px 0;
}
@media screen and (max-width: 991px) {
	.ew-alo-phone{
		left: -15%;
	}
}


.ew-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 #48A5D4;
	opacity: .1;
	-webkit-animation: ew-alo-circle-anim 1.2s infinite ease-in-out;
	-moz-animation: ew-alo-circle-anim 1.2s infinite ease-in-out;
	-ms-animation: ew-alo-circle-anim 1.2s infinite ease-in-out;
	-o-animation: ew-alo-circle-anim 1.2s infinite ease-in-out;
	animation: ew-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%
}

.ew-alo-phone.ew-alo-active .ew-alo-ph-circle {
	-webkit-animation: ew-alo-circle-anim 1.1s infinite ease-in-out !important;
	-moz-animation: ew-alo-circle-anim 1.1s infinite ease-in-out !important;
	-ms-animation: ew-alo-circle-anim 1.1s infinite ease-in-out !important;
	-o-animation: ew-alo-circle-anim 1.1s infinite ease-in-out !important;
	animation: ew-alo-circle-anim 1.1s infinite ease-in-out !important
}

.ew-alo-phone.ew-alo-static .ew-alo-ph-circle {
	-webkit-animation: ew-alo-circle-anim 2.2s infinite ease-in-out !important;
	-moz-animation: ew-alo-circle-anim 2.2s infinite ease-in-out !important;
	-ms-animation: ew-alo-circle-anim 2.2s infinite ease-in-out !important;
	-o-animation: ew-alo-circle-anim 2.2s infinite ease-in-out !important;
	animation: ew-alo-circle-anim 2.2s infinite ease-in-out !important
}

.ew-alo-phone.ew-alo-hover .ew-alo-ph-circle, .ew-alo-phone:hover .ew-alo-ph-circle {
	border-color: #309ACF;
	opacity: .5
}

.ew-alo-phone.ew-alo-green.ew-alo-hover .ew-alo-ph-circle, .ew-alo-phone.ew-alo-green:hover .ew-alo-ph-circle {
	border-color: #FDAA38;
	border-color: #ffc272;
	opacity: .5
}

.ew-alo-phone.ew-alo-green .ew-alo-ph-circle {
	border-color: #309ACF;
	border-color: #48A5D4;
	opacity: .5
}

.ew-alo-phone.ew-alo-gray.ew-alo-hover .ew-alo-ph-circle, .ew-alo-phone.ew-alo-gray:hover .ew-alo-ph-circle {
	border-color: #ccc;
	opacity: .5
}

.ew-alo-phone.ew-alo-gray .ew-alo-ph-circle {
	border-color: #FDAA38;
	opacity: .5
}

.ew-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: ew-alo-circle-fill-anim 2.3s infinite ease-in-out;
	-moz-animation: ew-alo-circle-fill-anim 2.3s infinite ease-in-out;
	-ms-animation: ew-alo-circle-fill-anim 2.3s infinite ease-in-out;
	-o-animation: ew-alo-circle-fill-anim 2.3s infinite ease-in-out;
	animation: ew-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%
}

.ew-alo-phone.ew-alo-active .ew-alo-ph-circle-fill {
	-webkit-animation: ew-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
	-moz-animation: ew-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
	-ms-animation: ew-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
	-o-animation: ew-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
	animation: ew-alo-circle-fill-anim 1.7s infinite ease-in-out !important
}

.ew-alo-phone.ew-alo-static .ew-alo-ph-circle-fill {
	-webkit-animation: ew-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
	-moz-animation: ew-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
	-ms-animation: ew-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
	-o-animation: ew-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
	animation: ew-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
	opacity: 0 !important
}

.ew-alo-phone.ew-alo-hover .ew-alo-ph-circle-fill, .ew-alo-phone:hover .ew-alo-ph-circle-fill {
	background-color: rgba(0, 175, 242, 0.5);
	background-color: #309ACF;
	opacity: .75 !important
}

.ew-alo-phone.ew-alo-green.ew-alo-hover .ew-alo-ph-circle-fill, .ew-alo-phone.ew-alo-green:hover .ew-alo-ph-circle-fill {
	background-color: rgba(117, 235, 80, 0.5);
	background-color: #ffc272;
	opacity: .75 !important
}

.ew-alo-phone.ew-alo-green .ew-alo-ph-circle-fill {
	background-color: rgba(0, 175, 242, 0.5);
	background-color: #a6e3fa;
	opacity: .75 !important
}

.ew-alo-phone.ew-alo-gray.ew-alo-hover .ew-alo-ph-circle-fill, .ew-alo-phone.ew-alo-gray:hover .ew-alo-ph-circle-fill {
	background-color: rgba(204, 204, 204, 0.5);
	background-color: #ccc;
	opacity: .75 !important
}

.ew-alo-phone.ew-alo-gray .ew-alo-ph-circle-fill {
	background-color: rgba(117, 235, 80, 0.5);
	opacity: .75 !important
}

.ew-alo-ph-img-circle {
	width: 60px;
	height: 60px;
	top: 70px;
	left: 70px;
	position: absolute;
	background: rgba(30, 30, 30, 0.1) url(/tp/T0197/img/temp/jIfeFOA.png) no-repeat center center;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	border: 2px solid transparent;
	opacity: .7;
	-webkit-animation: ew-alo-circle-img-anim 1s infinite ease-in-out;
	-moz-animation: ew-alo-circle-img-anim 1s infinite ease-in-out;
	-ms-animation: ew-alo-circle-img-anim 1s infinite ease-in-out;
	-o-animation: ew-alo-circle-img-anim 1s infinite ease-in-out;
	animation: ew-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%
}

.ew-alo-phone.ew-alo-active .ew-alo-ph-img-circle {
	-webkit-animation: ew-alo-circle-img-anim 1s infinite ease-in-out !important;
	-moz-animation: ew-alo-circle-img-anim 1s infinite ease-in-out !important;
	-ms-animation: ew-alo-circle-img-anim 1s infinite ease-in-out !important;
	-o-animation: ew-alo-circle-img-anim 1s infinite ease-in-out !important;
	animation: ew-alo-circle-img-anim 1s infinite ease-in-out !important
}

.ew-alo-phone.ew-alo-static .ew-alo-ph-img-circle {
	-webkit-animation: ew-alo-circle-img-anim 0s infinite ease-in-out !important;
	-moz-animation: ew-alo-circle-img-anim 0s infinite ease-in-out !important;
	-ms-animation: ew-alo-circle-img-anim 0s infinite ease-in-out !important;
	-o-animation: ew-alo-circle-img-anim 0s infinite ease-in-out !important;
	animation: ew-alo-circle-img-anim 0s infinite ease-in-out !important
}

.ew-alo-phone.ew-alo-hover .ew-alo-ph-img-circle,
.ew-alo-phone:hover .ew-alo-ph-img-circle {
	background-color: #309ACF
}

.ew-alo-phone.ew-alo-green.ew-alo-hover .ew-alo-ph-img-circle,
.ew-alo-phone.ew-alo-green:hover .ew-alo-ph-img-circle {
	background-color: #FDAA38
}

.ew-alo-phone.ew-alo-green .ew-alo-ph-img-circle {
	background-color: green;
}

.ew-alo-phone.ew-alo-gray.ew-alo-hover .ew-alo-ph-img-circle, .ew-alo-phone.ew-alo-gray:hover .ew-alo-ph-img-circle {
	background-color: #ccc
}

.ew-alo-phone.ew-alo-gray .ew-alo-ph-img-circle {
	background-color: #FDAA38
}

@-moz-keyframes ew-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 ew-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 ew-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 ew-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 ew-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 ew-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 ew-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 ew-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 ew-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)
	}
}
.dropdown-menu{
	width: 250px !important;
}
.megamenu>li>.dropdown-menu ul.list>li>ul{
	width: 300px !important;
}
#showCarrier {
	color: #333;
	font-size: 11px;
	padding-right: 15px;
}
.changeOrtherShipFee:hover {
	text-decoration: underline;
	color: #00aeef;
}
#showCarrier .changeOrtherShipFee {
	font-weight: normal;
}
#tableShipFee {
	display: none;
}
.content-blog table{
	width: 100% !important;
}

.banner-flash-left {
	position: fixed;
	top: 20%;
	left: 0;
	padding: 0 15px;
}
.banner-flash-right {
	position: fixed;
	top: 20%;
	right: 0;
	padding: 0 15px;
}
.banner-flash-left img, .banner-flash-right img {
	width: 150px;
	object-fit: contain;
}
@media screen and (min-width: 1366px){
	.banner-flash-left, .banner-flash-right{
		padding: 0 5px;
	}
	.banner-flash-left img, .banner-flash-right img {
		width: 100px;
		object-fit: contain;
	}
}
@media screen and (max-width: 1365px){
	.banner-flash-left, .banner-flash-right{
		display: none;
	}
}
@media (min-width: 320px) and (max-width: 767px) {
	.content-blog table,
	.content-blog table thead,
	.content-blog table tbody,
	.content-blog table th,
	.content-blog table td,
	.content-blog table tr {
		display: block;
	}
}
@media screen and (min-width: 1200px){
	.table-responsive table td {
		width: 25%;
	}
	.table-responsive img {
		width: 200px !important;
		height: 125px !important;
	}
}
.content-blog .table-responsive tr td p a{
	/*border: 2px solid #446084;*/
	border-radius: 50px;
	padding: 5px 7px;
	width: 100px;
	text-align: center;
}
.content-blog .table-responsive tr td p:nth-child(2){
	border: 2px solid #446084;
	border-radius: 50px;
}
@media screen and (max-width: 768px){
	.content-blog .table-responsive{
		border: none !important;
	}
}
#pavcarousel5 .caroufredsel_wrapper {
	height: 80px !important;
}
.orderView {
	margin: 60px 0;
}
.orderView > h3 {
	display: block;
	text-align: center;
	text-transform: uppercase;
	color: #cd3831;
	font-size: 25px;
}
.orderView > span {
	font-style: italic;
	display: block;
	padding: 15px 0;
	text-align: center;
}
.form-inline {
	display: block;
	text-align: center;
}
.form-inline > .form-groups {
	display: inline-block;
	margin: 0px;
}
#frmIndexOrder .txtFill {
	width: 50%;
}
#frmIndexOrder .form-groups input {
	border: 1px solid #dedede;
	padding: 10px;
	width: 100%;
}
#frmIndexOrder .btn-danger {
	border: none;
	background: #cd3831;
	color: #fff;
	padding: 11px 20px;
	margin-left: -2px;
}
#frmIndexOrder .btn-danger:hover {
	transition: all .3s;
	opacity: 0.9;
}
.desOrderSearch {
	width: 55%;
	margin: 0 auto;
	padding: 10px 0;
}
.desOrderSearch i {
	display: block;
	color: #333;
	font-size: 12px;
	text-align: center;
}
.table-responsive {
	min-height: .01%;
	overflow-x: auto;
}
.searchFolding {
	display: none;
	position: absolute;
	top: 35px;
	left: -20px;
	width: 468px;
	background: #fff;
	box-shadow: 0 0 5px #bbb;
	z-index: 9999;
}
.searchFolding a {
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding: 5px 10px;
	color: #7e7e7e;
}
.searchFolding a:nth-of-type(odd) {
	background: #F6F6F6;
}
.searchFolding a:hover, .searchFolding a:hover span{
	background: #1aa3da;
	color: #fff;
}
.searchFolding a span {
	float: right;
	color: #7e7e7e;
}
.searchFolding a i {
	color: #0E76BC;
	font-size: 11px;
}
.news-home h2 {
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
}
.news-home a {
	font-size: 14px;
	color: #000;
}
.news-home .date-news {
	margin-top: 5px;
	font-size: 12px;
	color: #8e8e8e;
}
.news-home > div {
	padding: 10px 0;
	border-bottom: 1px solid #e4e4e4;
}
@media screen and (min-width: 1024px){
	.main_banner{
		height: 500px !important;
	}
	.col-lg-8.col-md-8.col-xs-12 .caroufredsel_wrapper{
		height: 500px !important;
	}
}
.main_banner li img{
	padding-bottom: 18px;
	width:750px !important;
	height:518px !important
}
.search-img{
	width: 20px;
	margin-right: 10px;
}
.quantity-wrapper{
	padding-bottom: 15px;
}
/*-----------------Gift---------------*/
.proGift img {
	width: 90px;
	height: 30px;
	z-index: 1;
}
.proGift{
	position: absolute;
	bottom: 0;
	left: 0;
}
.proGift:hover .giftHover{
	display: block;
}
.giftHover{
	display: none;
	position: absolute;
	top: 25px;
	font-size: 12px;
	width: 150px;
	height: auto;
	line-height: 20px;
	text-align: left;
	background: #005baa;
	color: white;
	padding: 5px;
	border-radius: 5px;
}
.pro-gift{
	padding: 0 !important;
}
.gift img.lazyautosizes.lazyloaded{
	width: 90px;
	height: 30px;
}
.imgGift img.lazyautosizes.lazyloaded{
	width: 90px;
	height: auto;
}
.imgGift{
	display: inline-block;
	width: 100%;
	padding-bottom: 10px;
}
.imgGift ul li:before {
	content: '';
	position: absolute;
	top: 25px;
	color: #000;
	right: -20px;
}
.gift-detail{
	padding: 10px 5px;
}
.producttabs .nav-tabs li>a{
	font-weight: bold;
}
.navbar-inverse.affix-mobile {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.2);
	box-shadow: 0 0 10px rgba(0,0,0,.2);
	background: #fff;
	-webkit-animation: fadeInDown .6s both;
	animation: fadeInDown .6s both;
	padding: 0 40px;
}

ul#mainNavigationMenu{
	background: #f9f9f9;
	border: 1px solid #e9e9e9;
	padding: 13px;
	font-size: 15px;
}
ul#mainNavigationMenu li{
	padding: 5px;
}
div#toggleMenu{
	background-color: #e76d66;
	background-position: 6px -111px;
	margin-bottom: 0;
	padding-top: 5px;
	padding-bottom: 3px;
	color: #fff;
	font-size: 15px;
	font-weight: 500;
	text-align: center;
}
.show_d{
	display: block!important;
}



.box_check_filter {
    width: 20px;
    height: 20px;
    display: inline-block;
    border: solid 1px #666;
    line-height: 20px;
    text-align: center;
    margin-right: 14px;
    float: left;
}
.loadingModal {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -10000;
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ffffff99;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.loadingModal span {
    display: inline-block;
}
.fs-ftbott {
	background: #f2f2f2;
	font-size: 10px;
	color: #6d6d6d;
	text-align: center;
	padding: 10px 2px;
	clear: both;
}