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


/*************** ADD CUSTOM CSS HERE.   ***************/
.flex-col.flex-grow {
	width: 555px;
}
input#woocommerce-product-search-field-0 {
	border: 2px solid #f1ca0c;
}
.header-text {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.header-bottom {
	background: linear-gradient(to top, #D79835,#F4DF66, #D79835);
}

/* #menu-item-53 i.icon-angle-down {
display: none;
} */
li#menu-item-50{
	background: linear-gradient(to top, #111,#555);
	padding: 0 10px;
}
/* li#menu-item-53 {
background: linear-gradient(to top, #111,#555);
padding: 0 40px 0 20px;
} */
/* ul.sub-menu.nav-dropdown.nav-dropdown-default {
padding: 0;
min-width: 154px;
border-radius: 0;
left: 0;
}
.nav-dropdown-has-arrow li.current-dropdown.has-dropdown:before, 
.nav-dropdown-has-arrow li.current-dropdown.has-dropdown:after {
-webkit-transition: opacity .25s;
-o-transition: opacity .25s;
transition: opacity .25s;
opacity: 0;
} */
.header-bottom ul li {
	padding: 0 10px;
}
li.cart-item.has-icon {
	background: linear-gradient(to top, #111,#555);
}
a.header-cart-link.is-small {
	color: #f1ca0c !important;
}
li#menu-item-50 a{ color: #f1ca0c !important;
}
/* Css cate */
.blog-archive .col.post-item .col-inner{
	line-height: 1.5em;
	background: #fff;
	box-shadow: 0 0 5px rgb(0 0 0 / 25%);
	overflow: hidden;
	height: 100%;
}
.blog-archive .col.post-item .col-inner:hover{
	box-shadow: 1px 2px 15px rgb(0 0 0 / 30%);
}

.blog-archive .col.post-item .box-text{
	padding: 15px;
}
.blog-archive .post-item:nth-child(n + 3) .box-text h5{
	min-height: 41px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	color: #000;
}

.blog-archive .col.post-item .box-text h5:hover{
	color: #f1ca0c;
}
.blog-archive .post-item .col-inner{
	box-shadow: 0 1px 4px 0 rgb(102 98 98 / 40%);
	border-radius: 16px;
	overflow: hidden;
	height: 100%;
}
.blog-archive .col.post-item:nth-child(1) .image-cover:after,
.blog-archive .col.post-item:nth-child(2) .image-cover:after{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	opacity: 1;
	background: linear-gradient(transparent, #a9a745);
	pointer-events: none;
	backface-visibility: hidden;
	transition: opacity .3s;
}   
.blog-archive .col.post-item:nth-child(1) .image-cover,
.blog-archive .col.post-item:nth-child(2) .image-cover{
	padding-top: 65% !important;
}
.blog-archive .col.post-item:nth-child(1) .box-text,
.blog-archive .col.post-item:nth-child(2) .box-text {
	position: absolute;
	width: 100%;
	max-height: 100%;
	bottom: 0;
	padding-left: 1.5em;
	padding-right: 1.5em;
}
.blog-archive .col.post-item:nth-child(1),
.blog-archive .col.post-item:nth-child(2){
	max-width: 50%;
	flex-basis: 50%;
}
.blog-archive .col.post-item:nth-child(1) .box-text,
.blog-archive .col.post-item:nth-child(2) .box-text{
	padding: 1.5rem !important;
	color: #fff;
}
.blog-archive .col.post-item .box-text p.cat-label{
	color: #fff !important;
	opacity: 1;
	font-size: 12px;
	font-weight: bold;
}
.blog-archive .post-item .box-text h5{
	text-transform: uppercase;
	color: #fff;
	font-size: 18px;
}
.blog-archive .post-item:hover img{
	transform: scale(1.1);
}
.blog-archive .post-item:nth-child(n + 3) .box-text{
	padding: 1rem 1.25rem;
	border-top: 2px solid #f1ca0c;
}
.blog-archive .post-item:nth-child(n + 3) .box-text p.cat-label{
	position: absolute;
	top: -14px;
	left: 1rem;
	font-weight: bold;
	font-size: 14px;
	background-color: #f1ca0c;
	color: #fff;
	padding: .2rem 1rem;
	border-radius: 4rem;
	opacity: 1;
	text-transform: none;
}
.box-blog-post .is-divider{
	display: none;
}
/* Hiden divider post*/
.entry-divider.is-divider.small {
	display: none;
}
@media only screen and (max-width: 48em){
	.blog-archive .col.post-item:nth-child(1), .blog-archive .col.post-item:nth-child(2) {
		flex-basis: 100%;
		max-width: 100%;
	}
}
/* End Page news AZ9s Team*/
/* Relate Post */
.related-products-wrapper .image-fade_in_back {
	height: 270px;
}
h3.product-section-title.container-width.product-section-title-related.pt-half.pb-half.uppercase {
	color: red;
}
/* Custom Form Contact */
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required,
input.wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-tel,
textarea.wpcf7-form-control.wpcf7-textarea {
	border-radius: 25px;
	box-shadow: 1px 2px #c6c6c6;
}
.st_pagegt .flex-row {
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	width: 100%;
	flex-direction: column;
	align-items: flex-start;
}
.st_pagegt .flex-col.flex-grow {
	width: 100%;
	padding-bottom: 10px;
}
/* Page Post */
.st_sanpham .box-image a img,
.st_sanpham  a.primary.is-small.mb-0.button.product_type_simple.add_to_cart_button.ajax_add_to_cart.is-outline,
.section-tin-tuc .box-image img{
	border-radius: 8px;
}
.st_gioithieu a.button.primary {
	border-radius: 8px;
	box-shadow: 1px 2px #b09516;

}
/* Right Sibar Post */
.new-recent-posts span.widget-title {
	line-height: 1.6;
	border-bottom: 2px solid #DE2A1B;
	color: #DE2A1B;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 500;
	display: block;
}
aside#nrpsctm_widget-2 {
	border: 1px solid #eaff008f;
	padding: 10px;
	border-radius: 5px;
	box-shadow: 0 0 5px #fdff00a3;
	background: #eaea4f0f;
}
.post-sidebar .is-divider.small {
	visibility: hidden;
}
.product-container .is-divider.small {
	display: none;
}
.nrpsctm-block li:last-child { border-bottom: none;    padding: 0; }
/* Blog Post CSS */
.blog-single .entry-content.single-page {
	border-top: 1px solid transparent;
	border-image: linear-gradient(0.25turn, rgba(255,249,34), rgba(255,0,128), rgba(56,2,155,0));
	border-image-slice: 1;
	width: 100%;
}
h1.entry-title {
	font-size: 34px !important;
	color: #F2CA0C;
	text-transform: uppercase;
}

/* CSS TRang thanh toán */
.woocommerce-checkout .cart_item img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
	width: 60px;
	height: 60px;
	display: inline-block;
	padding-right: 7px;
	vertical-align: middle;
}
.woocommerce-checkout .cart_item .ts-product-image {
	float: left;
}
.woocommerce-checkout td.product-name {
	display: flex;
	align-items: center;
}
.woocommerce-checkout p#billing_first_name_field , 
.woocommerce-checkout p#billing_address_1_field{
	width: 100%;
}
.woocommerce-checkout input#billing_first_name,
.woocommerce-checkout input#billing_address_1, 
.woocommerce-checkout input#billing_city,
.woocommerce-checkout input#billing_phone,
.woocommerce-checkout input#billing_email,
.woocommerce-checkout textarea#order_comments {
	border-radius: 8px;
	box-shadow: 2px 2px #bebebe;
}
button#place_order {
	border-radius: 8px;
	box-shadow: 2px 2px #b1b13d;
}
/* Post Relate CSS */
.bai-viet-lien-quan ul li {
	list-style: none;
	width: 33.33%;
	float: left;
	padding-left: 4px;
	padding-right: 5px;
}
.bai-viet-lien-quan{margin-top:20px}
.bai-viet-lien-quan h2{font-size:20px; }
.bai-viet-lien-quan ul{width:100%; margin-bottom:0; display:inline-block; clear:both }.bai-viet-lien-quan ul li .box-image img {
	height: 230px;
	border-radius: 6px;
	object-fit: cover;
	object-position: center;
}.bai-viet-lien-quan ul li h3 {
	height: 45px;
	overflow: hidden;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	margin-top: 7px;
	line-height: 22px;
}
.bai-viet-lien-quan h2 span {
	display: inline-block;
	color: #ec1a03;
	border-bottom: 2px solid #CD6600;
	padding-bottom: 10px;
	margin-bottom: -2px;
	text-transform: uppercase;
}
.bai-viet-lien-quan h2 {
	border-bottom: 2px solid #fcce0a;
}
/* Mô tả ngắn Product */
.product-main .product-short-description {
	border: 2px dashed red;
	padding: 10px;
	background: #fef1f1;
	border-radius: 8px;
}
.product-main .product-short-description p{
	margin-bottom: 0 !important;
}
.product-main p.stock.in-stock {
	font-size: 20px;
	padding-top: 15px;
}
.product-main .button.single_add_to_cart_button.button.alt {
	border-radius: 8px;
}
/* Call Contact CSS */

/* Nut FB, Zalo Product */
.button-lienhe {
	text-align: center;
	padding-bottom: 10px;
	display: flex;
	justify-content: space-between;
}
.bt-fb {
	background: #21569a;
	width: 48%;
	padding: 10px;
	border-radius: 8px;
}
.bt-zl {
	background: #00abff;
	width: 48%;
	padding: 10px;
	border-radius: 8px;
}
span.ic-fb,span.ic-zl {
	color: white;
}
@font-face {
	font-family: 'SFUFuturaLight';
	src: url("fonts/SFUFuturaLight.TTF");
}
@font-face {
	font-family: 'SFUFuturaBook';
	src: url("fonts/SFUFuturaBook.TTF");
}
@font-face {
	font-family: 'SFUFuturaRegular';
	src: url("fonts/SFUFuturaRegular.TTF");
}
@font-face {
	font-family: 'SFUFuturaHeavy';
	src: url("fonts/SFUFuturaHeavy.TTF");
}
@font-face {
	font-family: 'SFUFuturaBold';
	src: url("fonts/SFUFuturaBold.TTF");
}
@font-face {
	font-family: 'SFUFuturaExtraBold';
	src: url("fonts/SFUFuturaExtraBold.TTF");
}
.st_footer p {
	color: black;
	margin-bottom: 0;
}
.footer-cprt a{
	color: #FF4D00;
}
.footer-cprt {
	padding-left: 5px;
	margin-left: 5px;
	border-left: 1px solid;
}
.st_footer .col-inner h3::before {
	content: '';
	display: block;
	border-bottom: 3px solid;
	width: 60px;
	border-color: #f1ca0c;
	transform: translateY(35px);
}

.st_gioithieu .row .row .col-inner {
	border: 2px dashed #000000;
	padding: 10px;
	border-radius: 8px;
}
.st_gioithieu .row .row .col-inner p {
	color: black;
}
body, p, h1,h2,h3,h4,h5,h6,a,span{
	font-family: SFUFuturaRegular;
}
ul.header-bottom-nav li a{
	font-family: SFUFuturaBold;
}

.box-text .product-title{
	font-size: 17px;
	font-weight: bold;
	color: black;
}
.title-header{
	font-family: SFUFuturaRegular;
	color: #f1ca0c;
	font-weight: bold;
}
.span-hotline{
	font-size: 15px;
	color:#fff;
}
ul.top-bar-nav .header-cart-title{
	font-family: SFUFuturaRegular;
	color: black;
}
ul.top-bar-nav i{
	color: black;
}
.title-page{
	font-family: SFUFuturaBook;
	text-align: center;
	text-transform: uppercase;
	font-size: 30px;
}

.container-width, .full-width .ubermenu-nav, .container, .row{
	max-width: 1200px;
}
.row.row-small{
	max-width: 1170px;
}
.row.row-large{
	max-width: 1200px;
}
b, strong{
	font-weight:bold !important;
}
#mega_main_menu.mega_main_sidebar_menu > .menu_holder > .menu_inner > ul > li > .item_link > i:before{
	color: gray !important
}
#mega_main_menu{
	z-index: 29 !important
}
.flex-right ul li a{
	text-transform: initial !important;
	font-size: 16px;
}
#mega_main_menu br{
	display: none !important
}

/*Màu sắc button*/
.social-button, .social-icons .button.icon:not(.is-outline), .social-icons .button.icon:hover {
	background-color: currentColor !important;
	border-color: currentColor !important;
}
.button.facebook,.button.facebook:not(.is-outline), .button.facebook:hover {
	color: #fff;
	background-color: #446084;
	border-color: #446084;
}
.button.twitter,.button.twitter:not(.is-outline), .button.twitter:hover {
	color: white !important;
	background : #2478ba !important;
	border-color: #2478ba;
}
.button.email,.button.email:not(.is-outline), .button.email:hover {
	color: #fff;
	background-color: black !important;
	border-color: black !important;
}
.button.pinterest,.button.pinterest:not(.is-outline), .button.pinterest:hover {
	color: #fff !important;
	background-color: #cb2320  !important;
	border-color: #cb2320  !important;
}

.button.google-plus,.button.google-plus:not(.is-outline), .button.google-plus:hover {
	color: #fff !important;
	background-color: #dd4e31 !important;
	border-color: #dd4e31  !important;
}
.button.linkedin,.button.linkedin:not(.is-outline), .button.linkedin:hover {
	color: #fff !important;
	background-color: #0072b7 !important;
	border-color: #0072b7     !important;
}

.single-date{
	border-bottom: 1px dashed #ededed;
}
h1.entry-title{
	font-size: 24px !important;
}
/*Kết thúc màu sắc*/



footer.entry-meta {

	border-top: none !important;
	border-bottom: 1px dashed #ececec !important;

}

.entry-content img{
	width: auto !important
}
.duong-line {
	background: rgba(0,0,0,0) url(images/line.png) repeat scroll 0 0;
	height: 12px;
	margin-top: 5px;
	overflow: hidden;
}
.related-post h7{
	font-weight: bold;
	font-size: 18px;
	float: left;
	margin: -8px 20px 0 0;
}

.product-title  {
	min-height: 40px;
}
.title-danh-muc{
	background: #f1ca0c;
	padding: 7px;
	color: white;
	font-weight: bold;
}
.title-danh-muc p{
	margin-bottom: 0px;
}
.section-slide .large-9{
	padding-left: 0px;
}
.lien-he-price{
	color: #e74c3c;
	font-weight: bold;
}
span.amount{
	color: #e74c3c !important;
}
/*css mega main menu*/

#mega_main_menu.direction-vertical > .menu_holder > .menu_inner > ul > li > .item_link:before, #mega_main_menu.direction-vertical > .menu_holder > .menu_inner > ul > li.nav_search_box:before{
	background-image: none !important
}
/*end css mega main menu*/

.section-text .icon-box{
	border: 1px solid #cdcdcd;
	padding: 5px;
}


/*css cho tung theme - ban desktop*/
h1.entry-title{
	font-size: 22px !important
}

.hotline-single p{
	font-weight: bold;
	color: black;
}
.hotline-single p a{
	border-radius: 17px;
	color: white;
	font-weight: bold;
	padding: 10px;
	background: #e67e22
}
.hotline-single{
	border: #dadada solid 1px;
	padding: 15px;
	text-align: center;
	background: #f3f3f3;
}
.section-tin-tuc .from_the_blog_excerpt {
	min-height: 69px;
}
.header-block-block-1 .col{
	padding-bottom: 0px !important;
}
/*het phan css*/

.nrpsctm-block h3{
	font-size: 15px !important;
}
.add_to_cart_button{
	background: #f1ca0c !important;
	color: white !important;
}
.section-dia-chi a.button {
	background: #000000;
	color: white;
}
.success.is-outline:hover {
	background: linear-gradient(to top, #D79835,#F4DF66, #D79835);
	border-color: #f2d962;
}
.box-category .box-text .box-text-inner {
	padding: 0px 10px;
}
/* CSS Menu Mobile */
@media only screen and (max-width: 48em) {
	.off-canvas-left .mfp-content {
		width: 100%;
		top: 70px;
		background: transparent !important;
		box-shadow: none;
	}
	.mobile-sidebar {
		background: #333;
	}
	.off-canvas:not(.off-canvas-center) .nav-vertical li>a {
		font-size: 17px;
		color: #fff;
	}
	.mfp-content .toggle {
		color: #fff;
	}
	.icon-menu:before {
		content: "\f550";
		font-family: "Font Awesome 5 Free" !important;
		font-weight: 900;
	}
	.header-main .nav > li > a > i {
		font-size: 22px;
		color: #f1ca0c;
	}
	.nav-sidebar.nav-vertical>li+li{border-color: #ececec !important;}
	.st_footer .col-inner h3 {
		padding-bottom: 20px;
	}
	.section-dia-chi .banner {
		padding-top: 25%;
	}
}
@media only screen and (max-width: 48em) {
	/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.footer-cprt{
		display: block;
		border-left: 0;
	}
	li.cart-item.has-icon {
		background: #222222;
	}
	
}
/* css dihi */
.button_other_shop {
    clear: both;
}

.button_other_shop:after {
    content: "";
    display: block;
    clear: both
}

.button_other_shop a {
    text-transform: uppercase;
    font-weight: 400;
    padding: 3px 15px;
    border-radius: 5px;
    margin-right: 10px;
    background: transparent;
    box-shadow: 0 0 5px #ddd;
    width: 30%
}

.button_other_shop a:hover {
    background: transparent;
    box-shadow: 0 0 10px #aaa
}

.button_other_shop a img {
    width: 100%;
    height: 60px;
    object-fit: contain
}

.button_contact {
    padding: 10px 0
}

.button_contact>* {
    display: inline-block;
    width: auto;
    vertical-align: middle;
    margin-right: 10px
}

.button_contact h3 {
    text-transform: capitalize;
    font-size: 18px;
    color: #0B4966;
    margin-bottom: 0;
}
.button_contact>a img {
    width: 50px;
    padding: 5px;
    object-fit: cover;
    box-shadow: 0 0 5px #aaa;
    border-radius: 100%;
    transition: .5s
}

.button_contact>a:hover img {
    box-shadow: 0 0 10px #666
}