/*---------------------------------------------------------------------------------------------------------
## Woocommerce 
-----------------------------------------------------------------------------------------------------------*/
.product__detail--quantity span {
    margin-bottom: 0;
    margin-right: 10px;
    font-weight: 700;
}
.product-type-variable span.price{
	display: flex;
	align-items: baseline;
	flex-direction: row-reverse;
	justify-content: start;
}
/* price_slider_wrapper */

.price_slider_wrapper{
	margin-top:15px;
}
.btn-add-cart-new{
    display: block;
    width: 100%;
    border-radius: 3px;
    padding: 5px 10px;
    background-color: #d40000;
    color: #ffffff;
    text-align: center;
    margin-bottom: 10px;	
}
.btn-add-cart-new.add-to-cart{
    background-color: #ff6600;		
}
.btn-add-cart-new.buy-hotline{
	background-color: #1292d1;
}
.btn-add-cart-new span{
	font-weight: 900;
	text-transform: uppercase;
}
.product-meta-support{
    border: 1px solid #2a879e;
    border-radius: 4px;
    color: #2a879e;
    background: #E2EAF7;
    margin-bottom: 10px;
    padding: 10px;
    display: flex;
    align-items: center;
    overflow: hidden;
}
.product-meta-support a{
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: #567AFF;
    color: #fff;
    text-align: center;
    line-height: 35px;
    margin-left: 10px;
}
.product-meta-support a.chat-zalo{
	background:#0084FF;	
}
.product-meta-support a svg{
    width: 22px;
    height: 22px;
}
/* Widget */

.woocommerce-product-search {
    position: relative;
    background: #FFF;
    border-radius: 5px;
    display: flex;
    align-items: center;
    height: 38px;
	max-width: 380px;
	margin-left: auto;
    margin-right: auto;
}
input[type=search] {
    color: #333333;
}
.woocommerce-product-search .flex-grow{
    width: 100%;
}
.woocommerce-product-search select{
    border: 1px solid #ddd;
    padding: 0 0.75em;
    height: 38px;
    max-width: 100%;
    width: 76px;
    vertical-align: middle;
    color: #333;
    background-color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 1.4em;
    display: block;
    border-radius: 5px 0 0 5px;
    cursor: pointer;
}
.woocommerce-product-search input[type=search] {
    width: 100%;
    outline: none;
    height: 38px;
    font-size: 14px;
    border: 1px solid #ddd;
    box-shadow: none;
    padding: 6px 12px;
    line-height: 1.42857143;
    color: #555;
}
.woocommerce-product-search button[type=submit] {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    border: none;
    outline: none;
    cursor: pointer;
    height: 38px;
    width: 70px;
    background: var(--secondary-color);
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border: none;
    font-size: 18px;
    color: #fff;
}

.sidebar .widget_product_categories .product-categories {
    background-color:#fff;
}

.sidebar.sidebar-shop .widget_product_categories ul li {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.widget_product_categories ul li .count {
	color: #f49e27;
    display: inline-block;
    font-size: 12px;
    margin-left: 3px;
    transform: translateY(-15%);
}
.widget_product_categories ul li .toggle {
    font-size: 18px;
    cursor: pointer;
	height: 30px;
    position: absolute;
    right: 0;
    top: 6px;
    width: 30px;
	text-align: right;
	color: var(--primary-color);
}
.widget_product_categories ul li ul.children {
    margin: 0 0 5px 0px;
    padding: 0 0 0 24px;
    width: 100%;
    display: none;
}
.widget_product_categories ul li ul.children li:before {
    background-color: #d7ddc6;
    content: "";
    height: 1px;
    margin-right: 10px;
    position: absolute;
    right: 100%;
    top: 50%;
    width: 10px;
}
/* Widget Recently Viewed Products */

.woocommerce ul.product_list_widget li {
    padding: 0;
    margin-bottom: 15px;
}

.woocommerce ul.cart_list li a span,
.woocommerce ul.product_list_widget li a span {
    color: #333333;
    margin: 5px 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.woocommerce ul.cart_list li img,
.woocommerce ul.product_list_widget li img {
    width: 100px;
    float: left;
    margin-right: 10px;
    margin-left: 0;
}

.woocommerce ul.product_list_widget .woocommerce-Price-amount {
    font-weight: bold;
    color: #ff0000;
    margin: 0;
}

.woocommerce ul.product_list_widget del span.woocommerce-Price-amount {
    color: #666666;
    font-weight: normal;
}

.woocommerce ul.product_list_widget ins {
    text-decoration: none;
}


/* Button */

.woocommerce #respond input#submit,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
    background-color: var(--primary-color);
    color: #FFF;
    line-height: 2.4em;
    min-height: 2.5em;
    padding: 0 1.2em;
    transition: all 0.3s ease-out;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range,
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{
	background-color:#1292d1;
}
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
    color: #FFF;
}

.woocommerce #respond input#submit.disabled,
.woocommerce #respond input#submit:disabled,
.woocommerce #respond input#submit:disabled[disabled],
.woocommerce a.button.disabled,
.woocommerce a.button:disabled,
.woocommerce a.button:disabled[disabled],
.woocommerce button.button.disabled,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled],
.woocommerce input.button.disabled,
.woocommerce input.button:disabled,
.woocommerce input.button:disabled[disabled],
.woocommerce #respond input#submit.alt.disabled,
.woocommerce #respond input#submit.alt.disabled:hover,
.woocommerce #respond input#submit.alt:disabled,
.woocommerce #respond input#submit.alt:disabled:hover,
.woocommerce #respond input#submit.alt:disabled[disabled],
.woocommerce #respond input#submit.alt:disabled[disabled]:hover,
.woocommerce a.button.alt.disabled,
.woocommerce a.button.alt.disabled:hover,
.woocommerce a.button.alt:disabled,
.woocommerce a.button.alt:disabled:hover,
.woocommerce a.button.alt:disabled[disabled],
.woocommerce a.button.alt:disabled[disabled]:hover,
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt.disabled:hover,
.woocommerce button.button.alt:disabled,
.woocommerce button.button.alt:disabled:hover,
.woocommerce button.button.alt:disabled[disabled],
.woocommerce button.button.alt:disabled[disabled]:hover,
.woocommerce input.button.alt.disabled,
.woocommerce input.button.alt.disabled:hover,
.woocommerce input.button.alt:disabled,
.woocommerce input.button.alt:disabled:hover,
.woocommerce input.button.alt:disabled[disabled],
.woocommerce input.button.alt:disabled[disabled]:hover {
    background-color: var(--primary-color);
    color: #FFF;
    padding: 0 1.2em;
    transition: all 0.3s ease-out;
}

.woocommerce #respond input#submit.disabled:hover,
.woocommerce #respond input#submit:disabled:hover,
.woocommerce #respond input#submit:disabled[disabled]:hover,
.woocommerce a.button.disabled:hover,
.woocommerce a.button:disabled:hover,
.woocommerce a.button:disabled[disabled]:hover,
.woocommerce button.button.disabled:hover,
.woocommerce button.button:disabled:hover,
.woocommerce button.button:disabled[disabled]:hover,
.woocommerce input.button.disabled:hover,
.woocommerce input.button:disabled:hover,
.woocommerce input.button:disabled[disabled]:hover {
    background-color: var(--primary-color);
    color: #FFF;
    box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.2);
}

.woocommerce #respond input#submit.loading::after,
.woocommerce a.button.loading::after,
.woocommerce button.button.loading::after,
.woocommerce input.button.loading::after,
button.loading::after,
input[type='button'].loading::after,
input[type='reset'].loading::after,
input[type='submit'].loading::after,
.button.loading::after,
.added_to_cart.loading::after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: 900;
    line-height: 1;
    vertical-align: -.125em;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    line-height: inherit;
    vertical-align: baseline;
    content: "\f110";
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    height: 20px;
    width: 20px;
    line-height: 20px;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -10px;
    margin-top: -10px;
}

.button.loading:after {
    color: #333333;
}

.added_to_cart.loading,
.button.loading,
button.loading,
input[type=button].loading,
input[type=reset].loading,
input[type=submit].loading {
    opacity: .5;
}

button.loading,
input[type='button'].loading,
input[type='reset'].loading,
input[type='submit'].loading,
.button.loading,
.added_to_cart.loading {
    position: relative;
}

.button.loading {
    color: #eeeeee;
}

.woocommerce div.product form.cart .button {
    font-size: 18px;
    font-weight: 500;
    line-height: 21px;
    padding: 15px 20px;
    transition: all .3s;
    background-color: transparent;
	border: none;
	outline: none;
}

.woocommerce div.product form.cart .button.buy_now {
    background: linear-gradient(-180deg, #e52025 2%, #d81116 96%);
}


/* Minicart */

.shopping-cart {
    display: inline-block;
    position: relative;
}

.shopping-cart .shopping-cart-icon-wrapper {
    display: inline-block;
    position: relative;
}

.shopping-cart .shopping-cart-menu-title {
    display: inline-block;
    margin-right: 5px;
}

.shopping-cart .shopping-cart-icon-wrapper img {
    padding: 10px;
    border: 1px solid var(--secondary-color);
    border-radius: 3px;
    background: var(--secondary-color);
}

.shopping-cart .shopping-cart-icon-wrapper .shopping-cart-menu-title {
    display: none;
}

.shopping-cart .shopping-cart-icon-wrapper:after {
    content: attr(title);
    display: block;
    min-width: 20px;
    padding: 1px;
    background: var(--secondary-color);
    position: absolute;
    top: -8px;
    right: -8px;
    z-index: 3;
    color: #ffffff;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    border-radius: 50%;
}

.shopping-cart .shopping-cart-menu-wrapper {
    padding: 10px 15px;
    position: absolute;
    top: 100%;
    right: 0;
    min-width: 250px;
    width: auto;
    z-index: 99;
    background: #fff;
    box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.15);
    border: 2px solid #ddd;
    transition: all 0.3s cubic-bezier(0.7, 1, 0.7, 1);
    visibility: hidden;
    opacity: 0;
}

.shopping-cart:hover .shopping-cart-menu-wrapper {
    visibility: visible;
    opacity: 1;
}

.shopping-cart .shopping-cart-menu-wrapper:after,
.shopping-cart .shopping-cart-menu-wrapper:before {
    top: -22px;
    z-index: 10;
    right: 15px;
    border: solid transparent;
    content: '';
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.shopping-cart .shopping-cart-menu-wrapper:before {
    z-index: -999;
    border-bottom-color: #ddd;
    border-width: 11px;
    margin-left: -11px;
    right: 12px;
}

.shopping-cart .shopping-cart-menu-wrapper:after {
    top: -16px;
    border-color: rgba(221, 221, 221, 0);
    border-bottom-color: #fff;
    border-width: 8px;
    margin-left: -8px;
}

.shopping-cart .shopping-cart-menu-wrapper p {
    clear: both;
    margin: 0;
    white-space: nowrap;
}

.shopping-cart .shopping-cart-menu-wrapper p.woocommerce-mini-cart__total {
    margin: 10px 0;
}

.shopping-cart .shopping-cart-menu-wrapper p.woocommerce-mini-cart__total .woocommerce-Price-amount {
    font-weight: bold;
    color: #ff0000;
}

.shopping-cart .shopping-cart-menu-wrapper ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.shopping-cart .shopping-cart-menu-wrapper ul li {
    position: relative;
    padding: 10px 20px 10px 0;
    margin: 0;
    border-bottom: 1px solid #ebeef6;
}

.shopping-cart .shopping-cart-menu-wrapper ul li .shopping-cart-menu-product-media {
    float: left;
    width: 60px;
    margin-right: 10px;
}

.shopping-cart .shopping-cart-menu-wrapper ul li .shopping-cart-menu-product-media img {
    width: 100%;
    height: auto;
}

.shopping-cart .shopping-cart-menu-wrapper ul li .shopping-cart-menu-product-wrap {
    float: left;
    width: calc(100% - 70px);
}

.shopping-cart .shopping-cart-menu-wrapper .shopping-cart-menu-product-wrap a {
    display: block;
    font-size: 14px;
    font-weight: 500;
}

.shopping-cart .shopping-cart-menu-wrapper .quantity {
    display: block;
}

.shopping-cart .shopping-cart-menu-wrapper a.remove.remove_from_cart_button {
    position: absolute;
    top: 10px;
    right: 0;
    z-index: 1;
    display: inline-block;
    font-size: 1.5em;
    height: 20px;
    width: 20px;
    text-align: center;
    line-height: 1;
    border-radius: 100%;
    text-decoration: none;
    font-weight: 700;
    border: 0;
}

.shopping-cart .shopping-cart-menu-wrapper a.remove.remove_from_cart_button:hover {
    background-color: var(--primary-color);
    color: #FFF;
}

.shopping-cart .shopping-cart-menu-wrapper .shopping-cart-subtotal-title {
    font-size: 14px;
    font-weight: 500;
}

.shopping-cart .shopping-cart-menu-wrapper .woocommerce-mini-cart__buttons a {
    color: #fff;
    margin-bottom: 10px;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 500;
    padding: 8px 10px;
    min-height: 0;
    line-height: 1.4;
    position: relative;
    display: block;
    text-align: center;
    transition: all 0.3s ease-out;
    background-color: green;
}

.shopping-cart .shopping-cart-menu-wrapper .woocommerce-mini-cart__buttons a.checkout {
    background-color: var(--primary-color);
}

.shopping-cart .shopping-cart-menu-wrapper .woocommerce-mini-cart__buttons a:hover {
    box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.2);
}

.woocommerce .woocommerce-cart-form a.remove {
	color: var(--primary-color)!important;
}
.woocommerce .woocommerce-cart-form a.remove:hover {
	background-color: var(--primary-color)!important;
	color: #fff!important;
}
/*--------------------------------------------------------------
# Category Product
--------------------------------------------------------------*/

.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
    border-color: #ef7d0a;
}

.woocommerce-message::before {
    color: #ef7d0a;
}

.woocommerce .woocommerce-result-count {
    padding: 5px 0;
}

.woocommerce-pagination {
    margin-top: 20px;
    margin-bottom: 20px;
}

.woocommerce nav.woocommerce-pagination ul {
    border: none;
}

.woocommerce nav.woocommerce-pagination ul li {
    background: #f5f5f5;
    margin: 0 5px;
    border: none;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
    padding: 10px 14px;
}

.woocommerce nav.woocommerce-pagination ul li a {
    color: #1e1e1e;
}

.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
    background: var(--primary-color);
    color: #FFF;
}

.switcher-wrap .woocommerce-message {
    flex: 0 0 100%;
}
.woocommerce .woocommerce-ordering {
	display: flex;
	align-items: center;
	color: #4c503d;
    font-size: 14px;
    line-height: 16px;
}
.woocommerce .woocommerce-ordering select {
    background-color: var(--secondary-color);
    border-radius: 5px;
    color: #fff;
    font-weight: 400;
    height: 34px;
    padding: 0 25px 0 10px;
    border: 1px solid #f4f4f4;
    font-size: 16px;
	width: 168px;
}

.switcher-wrap {
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-bottom: 10px;
}
.switcher-wrap>* {
    margin-bottom: 0;
}
.switcher-wrap .woocommerce-result-count {
    padding: 0;
    float: none;
    -webkit-order: 1;
    -moz-order: 1;
    -ms-flex-order: 1;
    order: 1;
}
.switcher-wrap .woocommerce-ordering {
    float: none;
    -webkit-flex: 1 1 auto;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
	padding:0;
	margin-bottom:0;
}
.switcher-wrap .woocommerce-ordering li{
	list-style:none;
	display:inline-block;
}
.view-mode-switcher {
    display: flex;
    -webkit-order: 2;
    -moz-order: 2;
    -ms-flex-order: 2;
    order: 2;
    margin-left: 20px;
}
.view-mode-switcher a {
    display: inline-block;
    width: 35px;
    height: 35px;
    text-align: center;
    font-size: 14px;
    line-height: 35px;
    color: #1e1e1e;
    background-color: #f5f5f5;
}

.view-mode-switcher a em {
    display: none;
}

.view-mode-switcher a:hover,
.view-mode-switcher a.active {
    color: #FFF;
    background-color: #ef7d0a;
}

.view-mode-switcher i:before,
.view-mode-switcher i {
    font-size: 1em;
    line-height: 1;
    height: 1em;
    width: 1em;
}


/*--------------------------------------------------------------
# Single Product
--------------------------------------------------------------*/

.woocommerce div.product .product_title {
	font-size: 27px;
    font-weight: 700;
    margin-bottom: 10px;
    line-height: 30px;
    text-transform: none;
}
.woocommerce .star-rating span {
	width: 100%!important;
}
.woocommerce .star-rating span,
.woocommerce p.stars a {
    color: #e67e22;
}
.woocommerce .star-rating+.rating{
	display: none;
}
.promotion {
    background-color: var(--primary-color);
    border-radius: 4px;
    padding: 15px;
    margin-bottom: 20px;
	color: #fff;
}
.promotion ul{
    padding: 0;
    margin: 0;
}
.promotion ul li {
    margin: 0;
    list-style: none;
    margin-left: 0;
	position: relative;
	padding-left: 25px;
}
.promotion ul li:before {
    content: "\f058";
    font-family: FontAwesome;
    position: absolute;
    left: 1px;
    top: -1px;
}
.row-contact-product{
    padding: 20px 0;
}
.row-contact-product a {
    display: block;
    text-align: center;
    font-weight: bold;
    line-height: 40px;
    color: #fff;
    transition: all ease-in-out 1s;
    border-radius: 5px;
}
.row-contact-product a.hotline {
    background: #71bf44 !important;
}
.row-contact-product a.zalo {
    background: #1664b2 !important;
}
.row-contact-product a i {
    display: none;
    margin-right: 5px;
}
.row-contact-product a:hover i {
    display: inline-block;
}
.woocommerce .social-icons{
    display: flex;
    align-items: center; 
}
.woocommerce .social-icons a{
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border-width: 2px;
    border-style: solid;
    border-color: silver;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 0.12em;
    margin-right: 0.12em;
    color: silver;
}
.woocommerce .social-icons a:hover {
     color: rgb(255, 255, 255);
}
.woocommerce .social-icons a.facebook:hover {
    border-color: rgb(58, 88, 157);
    background: rgb(58, 88, 157) !important;
}
.woocommerce .social-icons a.twitter:hover {
    border-color: rgb(36, 120, 186);
    background: rgb(36, 120, 186) !important;
}
.woocommerce .social-icons a.email:hover {
    border-color: rgb(17, 17, 17);
    background: rgb(17, 17, 17) !important;
}
.woocommerce .social-icons a.pinterest:hover {
    border-color: rgb(203, 35, 32);
    background: rgb(203, 35, 32) !important;
}
.woocommerce .social-icons a.linkedin:hover {
    border-color: rgb(0, 114, 183);
    background: rgb(0, 114, 183) !important;
}
.woocommerce div.product .woocommerce-tabs .panel{
    border: 1px solid rgb(223, 223, 223);
    padding: 30px;
}
.woocommerce div.product .woocommerce-tabs .panel p{
    margin-bottom: 16px;
}
.percent, .label-product{
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    border-radius: 5px 0px 5px 0;
    color: #fff;
    font-size: 13.5px;
    font-weight: 500;
    padding: 2px 10px;
    min-width: 56px;
    min-height: 25px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
.percent{
    background: #e67e22;	
}
.label-product {
    top: 30px;
    background: #738136;
	border-radius: 0 5px 5px 0;
}
.woocommerce span.onsale {
    display: none;
}

.product_meta .sku_wrapper,
.product_meta .posted_in {
    display: block;
    margin-bottom: 5px;
}

html .woocommerce .quantity .qty {
    padding: 4px 0px;
}

.form-cart-wrap {
    align-items: center;
    background-color: #626c13;
    border-radius: 100px;
    display: flex;
    margin-right: 10px;
    padding: 0 10px;
    transition: all .3s;
	width: max-content;
}
.form-cart-wrap:hover{
	background-color: var(--primary-color);
}
html .woocommerce #quantity input::-webkit-outer-spin-button,
html .woocommerce #quantity input::-webkit-inner-spin-button,
html .woocommerce #content .quantity input::-webkit-outer-spin-button,
html .woocommerce #content .quantity input::-webkit-inner-spin-button,
html .woocommerce-page #quantity input::-webkit-outer-spin-button,
html .woocommerce-page #quantity input::-webkit-inner-spin-button,
html .woocommerce-page #content .quantity input::-webkit-outer-spin-button,
html .woocommerce-page #content .quantity input::-webkit-inner-spin-button {
    display: none;
}

html .woocommerce div.product form.cart div.quantity,
html .woocommerce table.shop_table .quantity.buttons_added {
    display: flex;
    align-items: center;
	float: none;
    background-color: #fff;
    border-radius: 100px;
    color: #4c503d;
    font-size: 16px;
    height: 32px;
    line-height: 19px;
    width: 70px;
}

html .woocommerce .quantity input.qty,
html .woocommerce-page .quantity input.qty {
    background: hsla(0,0%,100%,0);
    border: 0;
    text-align: center;
    width: 25px;
	-moz-appearance: textfield;
}
html .woocommerce .quantity input.qty::-webkit-outer-spin-button,
html .woocommerce .quantity input.qty::-webkit-inner-spin-button {
  -webkit-appearance: none;
  	margin: 0;
}
html .woocommerce .quantity noindex:-o-prefocus,
html .woocommerce .quantity input[type=number],
html .woocommerce-page .quantity noindex:-o-prefocus,
html .woocommerce-page .quantity input[type=number] {
    padding-right: 1.2em;
}
/* html .woocommerce .quantity .minus,
html .woocommerce-page .quantity .minus {
    border-radius: 4px 0 0 4px;	
}
html .woocommerce .quantity .plus,
html .woocommerce-page .quantity .plus{
    border-radius: 0 4px 4px 0;
} */

html .woocommerce .quantity .plus,
html .woocommerce .quantity .minus,
html .woocommerce-page .quantity .plus,
html .woocommerce-page .quantity .minus {
    padding: 0;
    border: none;
    background-color: transparent;
    align-items: center;
    display: flex;
    height: 20px;
    justify-content: center;
    width: 20px;
}


.woocommerce div.product .summary  p.price {
    justify-content: flex-start;
}

.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images{
    width: 33.33333333%;
}

.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary{
    width: 66.66666667%;
    padding-left: 30px;
}

.product_meta {
    margin-bottom: 10px;
}

.woocommerce table.shop_attributes {
    display: block;
    border: none;
    margin-bottom: 10px;
}

.woocommerce table.shop_attributes tbody {
    display: block;
}

.woocommerce table.shop_attributes tbody * {
    display: inline-block;
}

.woocommerce table.shop_attributes tr {
    display: block;
    margin-bottom: 5px;
}

.woocommerce table.shop_attributes th {
    padding: 0;
    width: auto;
    border: none;
}

.woocommerce table.shop_attributes th:before {
    color: #ed1c24;
    content: "\f058";
    font-family: Font Awesome\ 5 Free;
    font-weight: 900;
    margin-right: 5px;
    font-size: 10px;
}

.woocommerce table.shop_attributes th:after {
    content: ": ";
}

.woocommerce table.shop_attributes td {
    border: none;
}

.woocommerce table.shop_attributes tr:nth-child(even) td,
.woocommerce table.shop_attributes tr:nth-child(even) th {
    background: none;
}

.woocommerce table.shop_attributes td p {
    padding: 0;
}

.woocommerce-product-details__short-description {
    margin: 10px 0px;
    line-height: 22px;
}

.woocommerce div.product .stock {
    font-style: italic;
    color: #000;
}

.woocommerce div.product form.cart label {
    margin-bottom: 0;
}

.woocommerce div.product form.cart .variations select {
    padding: 5px 10px;
    background-color: #f5f5f5;
    border: none;
}

.woocommerce div.product form.cart .group_table td {
    vertical-align: middle;
}

.woocommerce div.product div.images .flex-control-thumbs {
    margin-top: 10px;
    margin-left: -5px;
    margin-right: -5px;
}

.woocommerce div.product div.images .flex-control-thumbs li {
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 10px;
}

.woocommerce div.product div.images .flex-control-thumbs li img {
    border: 1px solid #ddd;
}

@media (min-width: 992px) {
    .no-sidebar.single-product div.product .woocommerce-product-gallery .flex-viewport {
        width: 80%;
        float: right;
    }
    .no-sidebar.single-product div.product .woocommerce-product-gallery .flex-control-thumbs {
        width: 18%;
        float: left;
    }
    .no-sidebar.woocommerce div.product div.images .flex-control-thumbs {
        margin: -5px 0;
    }
    .no-sidebar.woocommerce div.product div.images .flex-control-thumbs li {
        width: 100%;
        padding: 5px 0;
    }
}

.woocommerce #reviews #comments ol.commentlist {
    padding: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
    padding: 0;
    margin-bottom:0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
    border-bottom: none;
}
.woocommerce #content div.product .woocommerce-tabs ul.tabs li,
.woocommerce div.product .woocommerce-tabs ul.tabs li,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li {
    background-color: transparent;
    margin: 0;
    padding: 0;
    border: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
	background-color: var(--secondary-color);
    color: #fff!important;
    font-size: 18px;
    font-weight: 700;
    position: relative;
    padding: 7px 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{
    background-color: var(--primary-color);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after {
    display: none;
}
.woocommerce .wc-tab h2.woocommerce-Reviews-title,
.woocommerce .wc-tab h2.woocommerce-description-title {
    display: none;
    font-size: 16px;
    margin-top: 8px;
}

.heading-related {
	margin-top: 30px;
	color: var(--primary-color);
}

/*--------------------------------------------------------------
# Theo dõi đơn hàng
--------------------------------------------------------------*/

pre .woocommerce {
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 14px;
    white-space: normal;
}


/*--------------------------------------------------------------
# Tài khoản
--------------------------------------------------------------*/

@media (min-width: 768px) {
    .woocommerce-account .woocommerce-MyAccount-navigation {
        width: 22%;
    }
    .woocommerce-account .woocommerce-MyAccount-content {
        width: 75%;
    }
}

.u-column1.col-1.woocommerce-Address {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 0;
}

.woocommerce-MyAccount-navigation ul {
    list-style: none;
    padding-left: 0;
    border: 1px solid #ddd;
}

.woocommerce-MyAccount-navigation ul li {
    background-color: #f8f8f8;
    border-bottom: 1px solid #e2e2e2;
}

.woocommerce-MyAccount-navigation ul li:last-child {
    border-bottom: none;
}

.woocommerce-MyAccount-navigation ul li a {
    display: block;
    padding: 0;
    font-weight: bold;
    font-size: 14px;
    color: #555;
    background-color: #f8f8f8;
    box-shadow: -2px 0 4px -4px #888 inset, 0 1px 0 #fff inset;
    padding: 15px 10px;
    transition: background-color 0.3s ease 0s;
}

.woocommerce-MyAccount-navigation ul li:hover a,
.woocommerce-MyAccount-navigation ul li.is-active a {
    background: #FFF;
}

.woocommerce-MyAccount-navigation ul li a:before {
    position: relative;
    top: -2px;
    content: "\f192";
    font-family: FontAwesome;
    font-weight: 900;
    margin-right: 10px;
    font-size: 10px;
    color: #ef7d0a;
}

.woocommerce-MyAccount-navigation ul li.is-active a {
    color: rgba(0, 0, 0, 0.8);
}

.woocommerce-MyAccount-navigation ul li:not(.is-active):hover {
    background-color: rgba(0, 0, 0, 0.07);
}

#customer_login {
    width: auto;
    float: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -30px;
    margin-left: -30px;
}

#customer_login h2 {
    text-transform: uppercase;
}

.woocommerce #customer_login form.checkout_coupon,
.woocommerce #customer_login form.login,
.woocommerce #customer_login form.register {
    margin: 15px 0;
}

.woocommerce #customer_login .col-1,
.woocommerce-page #customer_login .col-1,
.woocommerce #customer_login .col-2,
.woocommerce-page #customer_login .col-2 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 30px;
    padding-left: 30px;
}

@media (min-width: 768px) {
    #customer_login .col-2 {
        border-left: 1px solid #ececec;
    }
    .woocommerce #customer_login .col-1,
    .woocommerce-page #customer_login .col-1,
    .woocommerce #customer_login .col-2,
    .woocommerce-page #customer_login .col-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}
@media (max-width: 768px) {
    .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary,
    .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
        width: 100%;
        padding-left: 0;
    }
}
/*--------------------------------------------------------------
# Giỏ hàng
--------------------------------------------------------------*/

.calculated_shipping h2 {
    text-transform: uppercase;
}


/*--------------------------------------------------------------
# Thanh toán
--------------------------------------------------------------*/

.woocommerce .woocommerce-form-login .button {
    margin-right: 1em;
}

.woocommerce .woocommerce-form-login .woocommerce-form__label-for-checkbox {
    margin-top: 5px;
}

.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
    padding: 30px;
    background-color: rgba(0, 0, 0, 0.03);
    border: none;
    border-radius: 0;
}

@media (min-width: 568px) {
    .woocommerce form.checkout_coupon,
    .woocommerce form.login,
    .woocommerce form.register {
        padding: 15px;
    }
}

.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: 20px;
}

@media screen and (min-width: 768px) {
    .woocommerce .col2-set,
    .woocommerce-page .col2-set {
        width: 48%;
        float: left;
        margin-right: 2%;
    }
    .woocommerce .col2-set .col-1,
    .woocommerce-page .col2-set .col-1,
    .woocommerce .col2-set .col-2,
    .woocommerce-page .col2-set .col-2 {
        width: 100%;
        float: none;
    }
    #order_review,
    #order_review_heading {
        width: 49%;
        float: right;
    }
}

html #order_review,
html #order_review_heading {
    margin-right: 0;
    border: 3px solid #e3e3e3;
    clear: right;
    padding: 0 15px 30px 15px;
}

html #order_review_heading {
    margin-bottom: 0;
    padding-bottom: 20px;
    padding-top: 26px;
    border-width: 3px 3px 0;
    text-transform: uppercase;
}

html #order_review {
    border-width: 0 3px 3px;
}

.woocommerce table.shop_table {
    border: none;
}

.woocommerce table.shop_table td,
.woocommerce table.shop_table th {
    padding: 10px 0;
}

td.product-total,
.shop_table tfoot tr td,
.cart_totals tbody tr td,
.shop_table thead tr th:last-of-type,
.shop_table tr td:last-of-type {
    text-align: right;
}

.woocommerce-Price-currencySymbol {
	font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
    top: -0.5em;
}

#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
    background: none;
    border-radius: 0;
}

#add_payment_method #payment ul.payment_methods,
.woocommerce-cart #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods {
    padding: 0;
}

#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
    padding: 12px 18px;
    background-color: #edf7ff;
    border: 1px solid #49aff5;
    margin: 0 0 16px;
}

#add_payment_method #payment div.payment_box::before,
.woocommerce-cart #payment div.payment_box::before,
.woocommerce-checkout #payment div.payment_box::before {
    display: none;
}

#add_payment_method #payment div.form-row,
.woocommerce-cart #payment div.form-row,
.woocommerce-checkout #payment div.form-row {
    padding: 1em 0 0 0;
}

.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
    line-height: 2.4em;
    min-height: 2.5em;
    padding: 0 1.2em;
}

.woocommerce-billing-fields h3 {
    text-transform: uppercase;
}

.woocommerce-input-wrapper {
    display: block;
    width: 100%;
}

.woocommerce form .form-row {
    padding: 0;
    margin-bottom: 15px;
}

.woocommerce form .form-row label {
    font-weight: 600;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
    height: 34px;
    font-size: 14px;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    padding: .375rem .75rem;
}

.woocommerce form .form-row textarea {
    height: 124px;
}

.woocommerce form .form-row.notes label {
    font-weight: normal;
}

.woocommerce ul.order_details {
    margin: 0 0 2em;
    padding: 0;
}

.woocommerce ul.order_details li {
    font-size: 0.9em;
}

.woocommerce-order-details .woocommerce-order-details__title,
.woocommerce-customer-details .woocommerce-column__title {
    text-transform: uppercase;
    margin-bottom: 10px;
}

.woocommerce table.shop_table.order_details {
    border: 1px solid #ddd;
}

.woocommerce table.shop_table.order_details td,
.woocommerce table.shop_table.order_details th {
    padding: 10px 12px;
}

.woocommerce .woocommerce-customer-details address {
    border-color: #ddd;
}

#add_payment_method #payment .payment_method_paypal .about_paypal,
.woocommerce-cart #payment .payment_method_paypal .about_paypal,
.woocommerce-checkout #payment .payment_method_paypal .about_paypal {
    float: none;
    line-height: 1.4;
    font-size: 13px;
    margin-left: 5px;
}

.list-categories__item {
    margin-bottom: 30px;
}

.list-categories__item h2 {
    text-align: center;
    font-size: 16px;
}

.list-categories__item h2 a {
    color: #333333;
    transition: all .5s ease-in-out;
}

.list-categories__item h2 a:hover {
    color: #ef7d0a;
}

.list-categories__item .img {
    display: block;
    margin-bottom: 10px;
}

.list-categories__item img {
    width: 100%;
    transition: all .5s ease-in-out;
}

.list-categories__item:hover img {
    opacity: .7;
}


/*--------------------------------------------------------------
# Custom Css
--------------------------------------------------------------*/
/** Comment **/

.woocommerce-Reviews-title,
.title-single-product {
	color: var(--primary-color);
	font-size: 22px;
    padding-bottom: 15px;
    border-bottom: 2px solid #ececec;
    margin-bottom: 25px;
	position: relative;
}

.woocommerce-Reviews-title:before,
.title-single-product:before {
	content: "";
	background: var(--primary-color);
	width: 100px;
	height: 2px;
	position: absolute;
	bottom: -2px;
	left: 0;
}

.box-statistic-rate {
    margin-bottom: 20px;
    border-radius: 4px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #f5f5f5;
}

.box-statistic-rate .rate-ratio {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.box-statistic-rate .rate-detail {
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.box-statistic-rate .rate-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
}

.box-statistic-rate .rate-detail,
.box-statistic-rate .rate-ratio {
    border-right: 1px solid #f5f5f5;
}

.box-statistic-rate .rate-detail,
.box-statistic-rate .rate-ratio,
.box-statistic-rate .rate-right {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
	padding: 16px;
}

.more-single-pro {
    font-weight: 600;
    color: #626c13;
    background: #fff;
    padding: 8px 20px;
    border-radius: 30px;
    border: 2px solid #626c13;
}

.more-single-pro:hover {
	color: #626c13;
}

.box-statistic-rate .rate-ratio p:first-child {
    font-weight: 700;
    font-size: 15px;
    margin-bottom: 0px;
}

.box-statistic-rate .rate-ratio p:nth-child(2) {
    font-size: 40px;
    color: var(--primary-color);
    font-weight: 700;
}

.box-statistic-rate .rate-ratio p:last-child {
    margin-top: 8px;
    font-size: 14px;
    color: #6B778C;
}

.box-statistic-rate .rate-right .title {
    font-size: 14px;
    margin-bottom: 8px;
}

#review_form_wrapper .comment-respond .comment-reply-title {
    font-size: 20px;
    padding-bottom: 10px;
    font-weight: 500;
    display: block;
}

.woocommerce-Reviews .comment-respond .comment-form .comment-form-author {
    width: 50%;
    float: left;
    padding-right: 5px;
}

.woocommerce-Reviews .comment-respond .comment-form .comment-form-email {
    width: 50%;
    float: left;
    padding-left: 5px;
}

.woocommerce-Reviews .comment-respond .comment-form .comment-form-cookies-consent {
    width: 100%;
    float: left;
}

.product-detail__review .box-statistic-rate .rate-detail__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 4px;
}

.product-detail__review .box-statistic-rate .rate-detail__item .number-star span {
    font-size: 15px;
    color: #6B778C;
}

.product-detail__review .box-statistic-rate .rate-detail__item .number-star img {
    position: relative;
    top: -2px;
}

.product-detail__review .box-statistic-rate .rate-detail__item .progress-bar-rate {
    margin-left: 9px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 12px;
    width: 107px;
}

.product-detail__review .box-statistic-rate .rate-detail__item .progress-bar-rate .progress-bar-default {
    width: 100%;
    height: 6px;
    position: relative;
    background: #626c13;
    border-radius: 4px;
    overflow: hidden;
}

.product-detail__review .box-statistic-rate .rate-detail__item .progress-bar-rate .progress-bar-active {
    height: 6px;
    border-radius: 4px;
    overflow: hidden;
    background-color: var(--primary-color);
    position: absolute;
}

.product-detail__review .box-statistic-rate .rate-detail__item .number-rate {
    font-size: 11px;
    font-weight: 600;
    color: #626c13;
    margin-bottom: 0px;
}
.box-statistic-rate .rating{
	display: none;
}