/*
Theme Name: AZ9s.Com
Description: AZ9s Team developed for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.9
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
/*
Bạn có thể thêm CSS ở đây.

Nhấp chuột vào biểu tượng trợ giúp phía trên để tìm hiểu thêm.
*/
#wide-nav > .flex-row > .flex-left{width: 25%;
    max-width: 294px;
    margin-right: 15px;
}
#mega-menu-wrap{background: #744c29; height: 50px;}
#mega-menu-title{padding: 13px 0 10px 15px;}
#mega_menu > li > a{padding-left:10px}
.menu-item img._before{margin-right: 10px}
#mega_menu > li >a>span{color:black}
#mega_menu li a{padding: 11px 15px;}
.header:not(.transparent) .header-bottom-nav.nav > li > a {
    color: #424242;
    font-weight: normal;}
#mega-menu-title{    font-family: "Roboto", sans-serif;}
.slider .tin-tuc .box-text h5{font-weight: normal;
    color: #464646;}
.box-blog-post .is-divider{display:none}
.slider .tin-tuc .col{    padding: 0 15px 0px;}
.slider .tin-tuc .box-vertical .box-text{padding-right:0; padding-left:10px;     vertical-align: top;    padding-top: .7em;    padding-bottom: 17px; text-align: justify}
.slider .tin-tuc .box-vertical{    padding-bottom: 1px}

.nav-dark .form-flat input:not([type="submit"]){    background-color: rgba(255, 255, 255, 0.3) !important;
    border-color: rgba(255,255,255,0.09);
    color: #FFF;
    height: 35px;
    border-radius: 6px;
    margin-left: 3px;}
.sp-noi-bat .title .col{    padding: 0 15px 10px;}
 .badge-container{margin:5px}
 .badge-inner.on-sale {
    background-color: #00A502;
    border-radius: 99px;}
 .price-wrapper .price ins span{color:#bc0000; font-size:15px}
 .price-wrapper del span{color:gray; font-size:15px}
.title-wrapper a{color: black}
.title-wrapper a:hover{color:#fac100}
.price-wrapper span.amount{ font-size:15px}
 span.amount{color:#bc0000}
 .title-wrapper{height: 50px; overflow: hidden; font-size:15px}
.sp-noi-bat .product .box-text{padding-bottom: 0;}
.sp-noi-bat .product .flickity-prev-next-button.next, .sp-noi-bat .product .flickity-prev-next-button.previous {top:20px}
.sp-noi-bat .product .flickity-viewport>.flickity-slider>.col{padding: 10px; background: white}
.sp-noi-bat .product .banner-image {padding:0}
.catelogy .row .col{    padding: 0 9.8px 0px;}
.catelogy .row .sidebar{border: 1px solid  #ececec; padding:0px}
.catelogy .row .sidebar a{color: black}
.catelogy .row .sidebar ul.menu>li>a{padding: 8px 0}
.catelogy .row .sidebar ul.menu>li{margin-left:10px; margin-right:10px}
.catelogy .row .sidebar .col-inner ul li{margin-left:10px;}
.catelogy .row .product{border-top: 1px solid  #ececec;border-right: 1px solid  #ececec;border-bottom: 1px solid  #ececec;padding-top:10px}
.catelogy .row .product .col{border:none;padding-top:0px}
.cam-ket .row-large>.col{    padding: 0 30px 10px;}
.footer .row .thong-tin-chung a, .footer .row .danh-muc a{color:#474747}
.footer .row .danh-muc a:hover{color:#FEB041}
.footer .row .danh-muc .col-inner ul li{margin-left:0;    border-bottom: 1px dotted #d4d4d4;}
.footer .row .san-pham .row-small>.col{padding: 0 9.8px 0px;}
.footer .row .san-pham .title-wrapper a{font-size:14px}
.footer .row-small>.col{padding: 0 9.8px 0px;}
.footer .row .san-pham .badge-container{display:none}
.footer .row p{margin-bottom:0}
.breadcrumbs{text-transform: none;}
.breadcrumb a{color:rgb(250, 193, 0)}
.product-main .price-wrapper span.amount{font-size:25px}
.product-footer .woocommerce-tabs>.nav-line:not(.nav-vertical){background: #f3f3f3;
    border-bottom: 1px solid #fac100;}
.product-footer .nav>li{    margin: 0; font-size:20px;}
.product-footer .nav>li a{padding-left:10px; padding-right:10px;  font-weight: normal }
.product-footer .nav>li.active>a{    background: #fac100;}
.note-san-pham{border: 1px solid #dadada;
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 10px;}
.product-main{padding: 0px 0;}
.product-main .col{padding: 0 15px 10px;}
span.widget-title{font-size: 18px;
    letter-spacing: 0;
    color: black;}
#product-sidebar .adress-sidebar{border: 1px solid #dadada; padding:10px; border-radius: 10px}
.article-inner .entry-image img,  footer.entry-meta{display:none}
.article-inner .badge.post-date{display:none}

.w2steam a{
    color: #FF4D00;
}
.w2steam {
    padding-left: 5px;
    margin-left: 5px;
    border-left: 1px solid;
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.w2steam{
		display: block;
		border-left: 0;
	}
}
@media (max-width: 549px)
{.header-top{display:none} .slider .tin-tuc{display:none !important}
}

/* css by zidan */

.ss_cat_pro .row-5col > .col{
	flex-basis: 20%;
	max-width: 20%;
}
.tabbed-content .nav>li.active>a,
.tabbed-content .nav>li:hover>a{
	color: #13A89E
}
.box .product-title a:hover {
	color: #13a89e;
}
.ss_cat_pro .box:hover h4 a{
	color: #17c6ba;
}
.tabbed-content .nav>li>a{
	padding: 10px 15px;
}
.badge-container .badge-inner.on-sale{
	background: #fb0000;
	border-radius: 50px;
}
.badge-container{
	margin: 10px 0 0 10px;
}
.section-title b{
	background: transparent;
	border-bottom: 2px solid #0fc8bb;
	border-top: 2px solid #13A89E;
	height: 4px;
}
.tab-sp .tabbed-content .nav>li>a:before{
	width: 0;
	height: 100%;
	z-index: -1;
	transform: translatex(-50%);
	left: 50%;
	border-radius: 5px;
}
.tab-sp .tabbed-content .nav>li.active>a:before{
	opacity: 1;
}
.tab-sp .tabbed-content .nav>li.active>a span,
.tab-sp .tabbed-content .nav>li:hover>a span{
	position: relative;
	z-index: 1;
	color: #fff;
}
.tab-sp .tabbed-content .nav>li:after{
	content: "";
	position: absolute;
	right: -10px;
	top: 10%;
	display: block;
	height: 80%;
	width: 2px;
	transform: skew(25deg);
	border-radius: 5px;
	background: #13A89E;
}
.tab-sp .tabbed-content .nav>li:last-child:after{
	display: none;
}
.tab-sp .tabbed-content .nav>li.active>a:before,.tab-sp .tabbed-content .nav>li:hover>a:before{
	width: 100%;
}
.tab-sp .tabbed-content ul li a { font-size:15px; text-transform:none;transform: skew(25deg);}
.tab-sp .tabbed-content ul li a span{transform: skew(-25deg);}
.sidebar-inner aside{
	border-bottom: 2px solid #1BABA1;
}
.sidebar-inner aside:last-child{
	border: 0;
}

span.widget-title,.woof_container_inner h4{
	border-left: 8px solid #ff2a2d;
	background: #f5f5f5;
	padding: 3px 8px;
	display: block;
	line-height: 1.6;
	font-size: 16px;
	margin-bottom: 10px;
}
.woof_container_inner h4:nth-child(2){
	display: none;
}
.widget .is-divider{
	display: none;
}
.sidebar-inner .widget .toggle i:before{
	color: #15d3c6;
}
.sidebar-inner ul.menu>li ul{
	border-left-color: #15d3c6;
}
.sidebar-inner ul.menu>li>a{
	text-transform: capitalize;
}
.sidebar-inner ul.menu>li:hover>a{
	color: #1BABA1;
}
.sidebar-inner ul.menu ul a:hover{
	color: #15d3c6;
}
.woof_reset_search_form{
	background: #777;
}
.single_add_to_cart_button{
	background: #13A89E !important;
}
.quantity input.is-form{
	border-radius: 5px;
}
.quantity .button.is-form:hover{
	background: #2efff1;
}
.breadcrumbs a {
	color: #1B3151;
}
#button-contact-vr {
	bottom: 0 !important;
	z-index: 999 !important;
}


@media only screen and (max-width: 48em) {
	/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.w2steam {display: block;border-left: 0;}
	.banner-grid-wrapper {
		display: none;
	}
	.box .product-title a {
		font-size: 12px;
	}
	.bst-hot .box .product-title a {
		font-size: 12px;
	}
	.box .box-text {padding: 0;}
	.box .price-wrapper .price span.amount {
		font-size: 13px;
	}
	ul.nav.header-bottom-nav.nav-center.mobile-nav.nav-uppercase li {
		width: 23%; text-align:center; margin-right:0
	}
	li.menu-item.menu-item-type-taxonomy.menu-item-object-product_cat.menu-item-767 {
		margin-left: -7px;
	}
	.category-bo-suu-tap .large-9 .post-item{flex-basis:50% !important; max-width:50% !important; height:auto !important}
	.category-bo-suu-tap .large-9 .post-item .post-title{padding-left:0 !important; line-height:20px}
	.nav>li>a{text-align:center; display:inline-block}
	.nav>li>a img{margin: 0 auto;
		text-align: center;
		padding-bottom: 5px; width: 65% !important }
	.nav>li>a span{display: block;
		width: 100% ;
		margin: 0 auto;
		text-align: center;}
	.wide-nav{padding:0px}
	.header-bottom {
		background-color: #e6e6e6; padding-top:10px; padding-bottom:10px
	}
	.banner-grid-wrapper {
		display: none;
	}
	.header-block {display:none}
	.ss_cat_pro .row-5col > .col {
		flex-basis: 50%;
		max-width: 50%;
	}
	.tab-sp .tabbed-content ul li a {
		font-size: 12px;}
	.nav.nav-vertical li img {
		width: 30px !important;
		margin-right: 10px;
		display: inline-block;
	}
	.nav.nav-vertical li a{text-align: left;}
	.nav.nav-vertical li span {
		width: auto;
		display: inline-block;
	}
	.off-canvas-left.mfp-ready .mfp-content {
		background-color: #13a89ed9 !important;
	}
	.woof_list label{color: #fff;}
	.woof_submit_search_form_container button{    background: #00BCD4;
		border-radius: 25px;}
}