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

/*************** ADD CUSTOM CSS HERE.   ***************/
.w2steam a { color: #FF4D00;}
.w2steam {padding-left: 5px;margin-left: 5px;border-left: 1px solid;}

@font-face {
	font-family: 'UTM Avo';
	src: url('/wp-content/themes/fashion/UTM Avo.eot');
	src: local('UTM Avo'), 
		url('/wp-content/themes/fashion/font/UTM Avo.woff') format('woff'), 
		url('/wp-content/themes/fashion/font/UTM Avo.svg') format('svg'), 
		url('/wp-content/themes/fashion/font/UTM Avo.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'UTM AvoBold';
	src: url('/wp-content/themes/fashion/font/UTM AvoBold.eot');
	src: local('UTM AvoBold'), 
		url('/wp-content/themes/fashion/font/UTM AvoBold.woff') format('woff'), 
		url('/wp-content/themes/fashion/font/UTM AvoBold.svg') format('svg'), 
		url('/wp-content/themes/fashion/font/UTM AvoBold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

body {font-family:  "UTM Avo", sans-serif;text-transform: none; font-weight:normal; font-size: 14px; text-transform:none}
.nav > li > a {font-family:  "UTM Avo", sans-serif;text-transform: none; font-weight:normal; font-size: 14px; text-transform:uppercase}
h1,h2,h3,h4,h5,h6, .heading-font{font-family: "UTM AvoBold"; text-transform: none; font-weight: bold}
.alt-font{font-family: "UTM Avo", sans-serif;}
.header-block .cot1 {padding-bottom:4px; height:100%; background: #535353}
.header-block .cot1 .col{padding-bottom:4px}
.header-block  
{height:73px; width:280px}
.header-block .cot1{    max-width: 70px;}
.header-block .cot2{max-width:100px; height:100%; background: #2d2d2d}
.header-block .cot3{max-width:140px; height:100%; background: #000000}
.header-block .cot1 .button.is-outline{border: 1px solid white}
.header-search-dropdown .nav-dropdown-default{padding:10px;box-shadow: 1px 1px 5px rgba(0,0,0,0.4);
	border: 1px solid #535353;top:35px}
li.html input{font-family: "UTM Avo", sans-serif;
	font-size: 14px;
	font-weight: 600;}
.button span{font-weight: normal;
	font-size: 13px;
}
.flickity-page-dots{right:1%; left: auto; bottom: 40%; transform: rotate(90deg);}
.flickity-prev-next-button{display:none}
.box:hover {
    border: 1px solid #2acabf;
    box-shadow: 0px 3px 5px #73fff5;
}
.post-item .box-bounce .is-divider{display:none}
.box{border: 1px solid #ececec; padding:10px; background: white; border-radius: 5px;overflow: hidden;transition: .5s;}
.tab-sp .tabbed-content ul li{margin:0 10px}
.tab-panels{padding-top:20px}

.box .box-text{padding-bottom:0px}
.box .product-title a{color: #1B3151; font-size:14px;}
.bst-hot .box .price-wrapper .price{font-size:16px}
.bst-hot .box .product-title a{font-size:12px}
.box .price-wrapper .price{
	display: inline-block !important;
	position: absolute;
	top: -41px;
	background: rgba(0, 0, 0, 0.14);
	width: 100%;
	left: 0; z-index:9;
	line-height: 40px;
	height: 40px;
	font-size: 20px;
	font-weight: bold;
	color: white;}
.box .price-wrapper .price span.amount{color: white}
.box .category{margin-bottom:5px}
.tab-sp .col{padding-bottom:20px}
.bst-hot .col{padding-bottom:20px}
.tin-tuc-video .cot2 .mb{margin-bottom:10px}
.tin-tuc-video .cot2 p{text-transform:none;     font-family: "UTM AvoBold", sans-serif;}
.circle{border-radius: 0px !important}
ul li.bullet-checkmark:before, ul li.bullet-arrow:before, ul li.bullet-star:before{color: #00BCD4;}
.tin-tuc-video .box:hover{border:0; box-shadow:0px 0px 0px gray}
.tin-tuc-video .box{border:0; background: white;}
.tin-tuc-video .cot1 .post-item .box-text .post-titl{font-family:"UTM AvoBold", sans-serif}
.tin-tuc-video .cot2 .post-item .box-text .post-title{font-weight:normal; text-transform:uppercase; font-family:"UTM Avo", sans-serif; text-transform:none}
.tin-tuc-video .cot2 .box-blog-post .is-divider{display:none}
.tin-tuc-video .cot2 .post-item{; padding-right:0; margin-right:10px; padding-left:0; margin-left:10px; padding-bottom:10px; border-bottom:1px dashed #e4e4e4}
.tin-tuc-video .cot1 .post-item .box-text .from_the_blog_excerpt {color: gray; font-weight:normal}
.tin-tuc-video .cot2 .post-item .box-text .post-title{font-size: 14px;
	background: url(/wp-content/uploads/2018/05/bullet2.jpg);
	background-repeat: no-repeat;
	padding-left: 20px;}
.top-footer .col, .tin-tuc-video .col{padding-bottom:10px}
.tin-tuc-video .post-item .box-text .post-title:hover{text-decoration:underline; color: #00BCD4}
.footer-section {font-weight:normal}
.dark ul li.bullet-arrow{border-color: rgba(53, 53, 53, 0.2)}.top-footer, .absolute-footer.dark{font-weight:normal}
.footer-section .col{padding-bottom:0px}
#product-sidebar{padding-top:20px}
.archive .header-main, .single-product .header-main{border-bottom:2px solid #1B3151}.breadcrumbs{padding-bottom:10px}.related-products-wrapper .box .product-title a{font-size:12px}
.archive .box .price-wrapper .price span.amount, .related-products-wrapper .box .price-wrapper .price span.amount{font-size:17px}.chosen-container{min-width: 210px;}
.product-main .note{background: #e2fffd;border-radius:4px; padding:10px; margin-bottom:25px;}
.product-main .product-title{font-family:"UTM Avo"; color: #1ecabe}
.product-main .note ul{margin-bottom:0}
.product-main .note ul li{list-style:circle; color: #333; font-weight:normal; font-size:13px}
.product-main .cart{margin-top:25px; margin-bottom:10px}
.product-main .product-info{padding-right:15px; border-right: 0 ; border:  1px solid #f1f1f1}
.product-main #product-sidebar{ padding-bottom:0;padding-top:0; padding-left:15px}
.widget_products{margin-bottom:0}.product-main{padding-top:20px}
.product-main #product-sidebar .star-rating{display:none}
#product-sidebar .product-title{margin-bottom:7px; display:block; color: #1B3151}
#product-sidebar span.amount{margin-top:5px; font-size:14px; color: #333; border-radius:3px; padding:3px}.product-footer .nav>li{margin: 0 14px}.woof_sid_auto_shortcode .woof_container{width: 20%;}.woof_submit_search_form_container{margin-bottom:0}.woof_sid_auto_shortcode.woof{padding-bottom:10px}.woof_edit_view{display:none}.woof_sid_auto_shortcode{border-radius:0; background: #fbfbfb; border: solid 1px #535353;}.chosen-container-single .chosen-single{box-shadow:0px 0px 0px gray; border:0; background-color: #e9ebec; background:#e9ebec; border-radius:3px}.category-page-row{padding-top:20px}.woof_sid_auto_shortcode.woof{margin-bottom:20px}
.blog-archive .large-9{padding-right:15px}
.blog-archive .post-sidebar{ padding-left:5px; background: white; padding: 15px; border-radius:3px}
.blog-single .large-9{padding-right:15px}
.blog-single .post-sidebar{padding-left:5px}
.blog-single .entry-meta{display:none}
.single-post .header-main{border-bottom:2px solid #1B3151}
.blog-single .entry-category{font-family:"UTM Avo"; font-size:12px; color: gray}
.nav-line-bottom>li>a:before, .nav-line-grow>li>a:before, .nav-line>li>a:before{height: 1px;}
.scroll-to-bullets a, .featured-title, .label-new.menu-item > a:after, .nav-pagination > li > .current, .nav-pagination > li > span:hover, .nav-pagination > li > a:hover, .has-hover:hover .badge-outline .badge-inner, button[type="submit"], .button.wc-forward:not(.checkout):not(.checkout-button), .button.submit-button, .button.primary:not(.is-outline), .featured-table .title, .is-outline:hover, .has-icon:hover .icon-label, .nav-dropdown-bold .nav-column li > a:hover, .nav-dropdown.nav-dropdown-bold > li > a:hover, .nav-dropdown-bold.dark .nav-column li > a:hover, .nav-dropdown.nav-dropdown-bold.dark > li > a:hover, .is-outline:hover, .tagcloud a:hover, .grid-tools a, input[type='submit']:not(.is-form), .box-badge:hover .box-text, input.button.alt, .nav-box > li > a:hover, .nav-box > li.active > a, .nav-pills > li.active > a, .current-dropdown .cart-icon strong, .cart-icon:hover strong, .nav-line-bottom > li > a:before, .nav-line-grow > li > a:before, .nav-line > li > a:before, .banner, .header-top, .slider-nav-circle .flickity-prev-next-button:hover svg, .slider-nav-circle .flickity-prev-next-button:hover .arrow, .primary.is-outline:hover, .button.primary:not(.is-outline), input[type='submit'].primary, input[type='submit'].primary, input[type='reset'].button, input[type='button'].primary, .badge-inner{background-color: #00e1d1;}
.box:hover .price {
	background: hsl(176deg 80% 37% / 60%);
}
.tin-tuc-video .cot2 .post-item .box{padding:0}
.footer-section ul li a span:hover {
	color: #00e1d1 !important;
}
.box .price-wrapper .price {
	display: none !important;
}

.box:hover .price {
	display: inline-block !important;
}
.box .price-wrapper .price span.amount {
	font-size: 15px;
}
a.menu-image-title-below.menu-image-not-hovered.nav-top-link {
	display: block;
}
span.menu-image-title {
	font-size: 10px;
}
img.menu-image.menu-image-title-below {
	padding-bottom: 0px !important;
}
a.menu-image-title-below.menu-image-hovered.nav-top-link {
	display: block;
}
span.menu-image-hover-wrapper {
	padding-bottom: 0px !important;
}
.tel {
	border: 1px solid #b59763;
	background-color: #2d2d2d00;
}.box-blog-post .is-divider{display:none}
.box-overlay .box-text {position:absolute;}
.box-default .box-text .post-title{ font-family:"UTM Avo", sans-serif; font-weight:normal; text-transform:uppercase; padding-bottom:10px; padding-top:0px}
.category-bo-suu-tap .post-sidebar {display:none}
.category-bo-suu-tap .large-9{max-width:100%; flex-basis:100%}
.category-bo-suu-tap .large-9 .post-item{max-width:33.33%; flex-basis:33.33%}
.category-bo-suu-tap .large-9 .post-item:first-child{max-width:50%; flex-basis:50%;height: 362px;
	display: inline-block;
	position: relative;}
.category-bo-suu-tap .large-9 .post-item:first-child .col-inner, .category-bo-suu-tap .large-9 .post-item:first-child .col-inner .box, .category-bo-suu-tap .large-9 .post-item:first-child .col-inner .box .box-image, .category-bo-suu-tap .large-9 .post-item:first-child .col-inner .box .box-image img, .category-bo-suu-tap .large-9 .post-item:first-child .col-inner .box .box-image .image-cover{height:100%}.category-bo-suu-tap .box:hover{box-shadow:0px 0px 0px gray}.category-bo-suu-tap h2{text-transform:uppercase}

.category-bo-suu-tap .large-9 .post-item:nth-child(2), .category-bo-suu-tap .large-9 .post-item:nth-child(3), .category-bo-suu-tap .large-9 .post-item:nth-child(4), .category-bo-suu-tap .large-9 .post-item:nth-child(5){max-width:25%; flex-basis:25%;}
.category-bo-suu-tap .large-9 .post-item .box-text{padding-top:0}
.category-bo-suu-tap .large-9 .post-item .post-title{position: absolute;
	bottom: -2px;
	padding-left: 10px;
	background: rgba(0, 0, 0, 0.56);
	line-height: 35px;
	color: white;
	font-weight: normal;
	font-family: "UTM Avo", sans-serif;
	text-align: center;}
.category-bo-suu-tap .large-9 .from_the_blog_excerpt, .category-bo-suu-tap .large-9 .post-item .badge-square {display:none}
.category-bo-suu-tap .large-9 .post-item .box{border:0; padding:0; background: none}
.category-bo-suu-tap .large-9 .col{padding-left:10px; padding-right:10px; padding-bottom:20px}
.article-inner, .blog-single .post-sidebar #secondary, .blog-single #comments{background: white;
	padding: 15px;
	border-radius: 3px;}

.blog-single .entry-title{font-family: "UTM AVO", SANS-SERIF;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 21px;}
.blog-single .is-divider{height
	:1px; max-width: 100%}
.blog-single .entry-image{display:none}
.blog-single .entry-content{padding-top:0}
.entry-header-text-top{padding-bottom:10px}
.blog-single .entry-content h2{background: #f5f5f5; border: 1px dashed gray; padding:15px; font-size:16px; font-family:"UTM Avo", sans-serif; font-weight:normal; border-radius:3px; margin-bottom:20px}
.header-main .nav > li > a{text-align:center}
.header-main .nav > li > a img{margin: 0 auto;
	text-align: center;
	padding-bottom: 5px;}
.header-main .nav > li > a span{display: block;
	width: 100%;
	margin: 0 auto;
	text-align: center;}
.nav-spacing-xlarge>li{margin:0}.nav>li>a{padding:9px 0}


/* 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;
}
.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;
}
.ss_cat_pro .row-5col .box-image img{
    height: 240px;
    object-fit: cover;
    transition: 1s;
    object-position: top;
}
.ss_cat_pro .row-5col > .col{
    padding: 15px 5px;
}
.ss_cat_pro .box .box-text{
    background: #ededed;
    padding-top: 40px;
    padding-bottom: 10px;
}
.ss_cat_pro .box {
    overflow: inherit;
    padding: 0;
}
.ss_cat_pro .box:hover{
    box-shadow: none;
    border: 1px solid #ececec;
    transform: translatey(-5px);
}
.ss_cat_pro .box:hover .box-image img{
    transform: scale(1.1);
}
.ss_cat_pro .box .box-text h4{
    margin: 0;
}
.ss_cat_pro .box .box-text h4 a{
    margin: 0;
    font-size: 17px;
    color: #333;
    transition: .3s;
    text-transform: uppercase;
}
.ss_cat_pro .box .box-text h4 a:hover{
    color: #17c6ba;
}
.ss_cat_pro .row-5col .box-up{
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%,-50%);
}
.ss_cat_pro .row-5col .box-up img{
    border-radius: 100%;
    border: 2px solid #fff;
    width: 70px;
    height: auto;
    background: #fff;
}
.ss_cat_pro .box.box-text-bottom:after{
    content: '';
    position: absolute;
    height: 25px;
    width: 96%;
    left: 2%;
    bottom: -10px;
    z-index: -1;
    background: url('/wp-content/uploads/2020/11/tai-xuong.png');
    background-size: 100% 100%;
}

@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;}
	.ss_cat_pro .box h4 a {
		color: #17c6ba;
	}
	.ss_cat_pro .row-5col .box-image img {height: 200px;}	
}