/*!
Theme Name: VinaBien
Theme URI: https://vinabien.com
Author: ipro team
Author URI: http://ipro.vn
Description: Giao diện website wordpress chuẩn seo
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: iprovn
Tags: bien so dep, bien so, ban bien so dep, bien so vip

!*/


@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

html {
    line-height: 1.15;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}

:root {
    --vinavang: #ff6d25;
    --atgrey: #909090;
    --atborder: #ECF2F6;
    --atblack: #292930;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
    margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
    background-color: transparent;
    color: #ed831f;
    text-decoration: none;
    font-weight: 700;
}

a:hover {
    color: var(--vinavang);
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
    border-bottom: none;
    /* 1 */
    text-decoration: underline;
    /* 2 */
    text-decoration: underline dotted;
    /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
    font-weight: bolder;
    font-weight: 700;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
    font-size: 80%;
    margin: 8px 0;
    display: block;
    color: #818181;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
    border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    /* 1 */
    font-size: 100%;
    /* 1 */
    line-height: 1.15;
    /* 1 */
    margin: 0;
    /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input {
    /* 1 */
    overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select {
    /* 1 */
    text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */

legend {
    box-sizing: border-box;
    /* 1 */
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    white-space: normal;
    /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
    vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
    overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
    display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
    display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
    display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
    display: none;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
    color: #666666;
    font-family: "Roboto", sans-serif;
    font-size: 17px;
    line-height: 1.6;
    background: #fff;
    font-weight: 300;
    border-radius: 0;
}

h2 {
    clear: both;
    font-size: 24px;
    line-height: 30px;
}

h3 {
    font-size: 21px;
    line-height: 28px;
}

h4 {
    font-size: 18px;
    line-height: 24px;
}

p {
    margin-bottom: 1em;

}

dfn,
cite,
em,
i {
    font-style: italic;
}

blockquote {
    color: #333;
    font-size: 15px;
    padding: 0 20px;
    margin-left: 35px;
    border-left: 2px solid #ccc;
    margin-bottom: 0;
}

address {
    margin: 0 0 1.5em;
}

pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

code,
kbd,
tt,
var {
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    font-size: 15px;
    font-size: 0.9375rem;
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}

big {
    font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
    box-sizing: border-box;
}

*,
*:before,
*:after {
    /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    box-sizing: inherit;
}

body {
    background: #fff;
    /* Fallback for when there is no custom background color defined. */
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}

ul,
ol {
    margin: 0;
    padding: 0;
}

ul {
    list-style: none;
	margin-left: 20px;
	padding-bottom: 20px;
}

ol {
    list-style: decimal;
	margin-left: 20px;
}

li>ul,
li>ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}

dt {
    font-weight: bold;
}

dd {
    margin: 0 1.5em 1.5em;
}

img {
    height: auto;
    /* Make sure images are scaled correctly. */
    max-width: 100%;
    /* Adhere to container width. */
}

figure {
    margin: 5px 0;
    /* Extra wide images within figure tags don't overflow the content area. */
}

.wp-caption {

    width: 100% !important;
    overflow: hidden;

}

.wp-caption img {
    width: 100%;
}

.wp-caption-text {

    font-style: italic;
    text-align: center;
    padding: 10px 0;

}

table {
    margin: 0 0 1.5em;
    width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    border: 1px solid;
    border-color: #ccc #ccc #bbb;
    border-radius: 3px;
    background: #e6e6e6;
    color: rgba(0, 0, 0, 0.8);
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1;
    padding: .6em 1em .4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
    border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
    color: #666;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
    color: #111;
}

select {
    border: 1px solid #ccc;
}

textarea {
    width: 100%;
}


/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
    /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
    outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
    content: "";
    display: table;
    table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
    clear: both;
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 996;
    transition: all .3s ease-in-out;
    box-shadow: 0 5px 10px 0.5px rgba(0, 0, 0, 0.1);
}

.ipro-connect-content ul li {
    display: inline-block;
    background: var(--vinavang);
    border-radius: 100%;
    width: 38px;
    height: 38px;
    text-align: center;
    line-height: 38px;
}

.ipro-connect-content ul li a i {
    color: #fff;
}

.btn-white {
    border: 1px solid #fff;
    border-radius: 21px;
    padding: 8px 25px;
    display: inline-table;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 15px;
    margin-top: 10px;
}

.btn-white:hover {
    border: 1px solid #94887A;
    color: #94887A;
}

.read-more {
    border: 1px solid #94887A;
    font-size: 12px;
    text-transform: uppercase;
    padding: 10px 25px;
}

.read-more:hover {
    border: 1px solid #94887A;
    color: #94887A;
}

/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/

.menu-item {
    position: relative; /* Để mega menu được căn theo vị trí của menu-item */
}

#mega-menu {
    
    min-width: 760px;
	max-width: 1200px;
    display: none;
}

#mega-menu ul {
    display: block;
    position: static;
}

#mega-menu a {
	padding: 0;
}

#mega-menu a:hover {
    color: #ED831F;
}

ul#mobile-menu {
    z-index: 999;
}

div#menu-wrap:before {
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(255, 109, 37, 0.5);
    overflow: hidden;
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
}

.stellarnav.light.mobile.active ul#mobile-menu {
    overflow-y: auto;
    height: 100%;
}

a#btn-menu {
    position: absolute;
    left: 78%;
    top: 6px;
    z-index: 99999999;
    display: none;
    font-size: 25px;
    padding: 5px;
    margin: 0;
}

body.overlay:before {
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    z-index: 999;
}

.site-logo a {
    margin: 0;
    padding: 0;
    line-height: 0;
    display: block;
}

.site-header {
    background: var(--vinavang);
}

.site-icon ul li i {
    padding: 5px;
}

.header-menu ul li {
    display: inline-block;
    padding: 0 10px;
}

.header-menu ul li a {
    color: #fff;
}

.hotline a {
    color: #fff;
}

.top-search label {
    width: 100%;
}

.top-search .search-field {
    width: 100%;
    position: relative;
}

.top-search .search-submit {
    position: absolute;
    right: 0;
}

.site-logo h1 {
    margin: 0;
}

.site-icon ul {
    display: flex;
    justify-content: end;
}

.site-icon ul li {
    padding: 0;
}

.site-icon a {
    color: #fff;
}

.site-icon-mobile ul {
    text-align: center;
    justify-content: center;
}

.cart-totals {
    position: relative;
    padding-right: 15px;
    overflow: hidden;
}

.cart-totals span {
    position: absolute;
    font-size: 10px;
    color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    text-align: center;
    line-height: 12px;
    right: 0;
    top: 0;
}

.search-pop .search-submit {
    position: absolute;
    right: 0;
    background: transparent;
    font-size: 20px;
    padding: 0;
    top: 10px;
}

.search-pop .search-submit i {
    color: #414141;
}

.title-heading h2 {
    background: url(assets/img/bg-title-heading.png);
    background-repeat: no-repeat;
    background-position: center right;
    display: table;
    margin: 0 auto;
    padding: 25px 66px;
}

.elementor-accordion-item {
    background: #fff;
    border: 1px solid #ECE8E8;
    margin-bottom: 10px;
}

.elementor-tab-title.elementor-active {
    background: #F54F30;
}

.elementor-tab-title {
    padding: 23px !important;
}

.elementor-tab-content.elementor-active {
    padding: 12px 18px !important;
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
    box-shadow: 0 5px 10px 0.5px rgba(0, 0, 0, 0.1);
    background: var(--vinavang);
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.elementor-text-editor strong,
.elementor-text-editor b {
    font-weight: 700;
}

.site-icon-mobile ul li a {
    padding: 0 5px;
}


.related-cat strong {
    text-transform: uppercase;
    padding: 20px 0;
    display: block;
    font-weight: 300;
    font-size: 23px;
}

.tags {
    border-bottom: 1px solid #ebebeb;
    padding: 10px 0;
}

.videos {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;

}

.videos iframe,
.videos object,
.videos embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-icon img {
    position: absolute;
    z-index: 9;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    opacity: 1 !important;
}

.video-thumb img {
    opacity: 1;
    width: 100%;
}

.video-thumb:hover img {
    opacity: 0.6;
}

.blog-bottom {
    margin: 20px 0;
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 15px;
}

.tags-blog a {
    font-size: 13px;
    color: #af0000;
}

.share-blog {
    text-align: right;
}

.entry-content ul {
    padding: 0;
    list-style: none;
    display: block;
    width: 100%;
    margin-top: 18px;
    margin-left: 20px;

}

.term-description ul {
    padding: 0;
    list-style: none;
    display: block;
    width: 100%;
    margin-top: 18px;
    margin-left: 0px;
}

.term-description ul li {
    padding-left: 1.3em;
}

.term-description ul li:before {
    content: "\f111";
    font-family: "Font Awesome 5 Pro";
    display: inline-block;
    margin-left: -2em;
    width: 2em;
    color: #ee5520;
    font-weight: 900;
    font-size: 10px;
    vertical-align: middle;
    padding-bottom: 5px;
}

.entry-content ul li:before {
    content: "\f111";
    font-family: "Font Awesome 5 Pro";
    display: inline-block;
    margin-left: -2em;
    width: 2em;
    color: #ee5520;
    font-weight: 900;
    font-size: 10px;
    vertical-align: middle;
}


.entry-content ul li {
    padding-left: 2em;
    padding-bottom: 5px;

}

article h2 {
    color: #191919;
    font-weight: 600;
}

/*--------------------------------------------------------------
## Archive
--------------------------------------------------------------*/

.archive-ct {
    padding: 5px 30px;
}

.blog-arcontent {
    padding: 16px 16px 0px 16px;
}

.author-info {
    width: 70%;
}

.author-info img {
    width: 32px;
    height: 32px;
    border-radius: 100%;
}

.author-info span {
    color: var(--tlgrey);
    font-size: 15px;
    vertical-align: top;
    padding-left: 5px;
}

.blog-armeta {
    display: flex;
    padding: 0;
}

span.post-date {
    color: var(--tlgrey);
    font-size: 15px;
    vertical-align: middle;
    width: 30%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: end;
}

h2.blog-title a,
h3.blog-title a,
strong.blog-title a {
    color: #000;
}

h2.blog-title,
h3.blog-title,
strong.blog-title  {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
    padding: 0;
}

h2.blog-title a:hover,
h3.blog-title a:hover,
strong.blog-title a:hover {
    color: var(--vinavang);
}

.blog-title {
    margin: 15px 0 0 0;
}

.blog-excerpt {
    padding: 0;
}

.blog-item {
    margin-bottom: 30px;
}

.blog-list {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 0px 5px rgb(0 0 0 / 14%);
    padding-bottom: 20px;
    height: 100%;
}

a.btn-readmore {
    color: var(--vinavang);
    font-size: 15px;
    border: 1px solid var(--vinavang);
    border-radius: 5px;
    padding: 10px 30px;
    display: table;
    margin-top: 30px;
}

.pagination {
    text-align: center;
    padding: 60px 0;
}

.pagination span {
    border: 1px solid var(--tlgrey);
    border-radius: 5px;
    padding: 5px 11px;
    font-size: 15px;
    font-weight: 500;
    color: var(--tlgrey);
}

.pagination a {
    border: 1px solid var(--vinavang);
    border-radius: 5px;
    padding: 5px 11px;
    font-size: 15px;
    font-weight: 500;
    color: var(--vinavang);
}

/*--------------------------------------------------------------
## Single blog
--------------------------------------------------------------*/

h1.title-post {
    margin: 5px 0;
}

.wrap-border article .entry-content {
    background: #fff;
    box-shadow: 0px 0px 5px rgb(0 0 0 / 14%);
    border-radius: 6px;
    padding: 30px;
    margin-bottom: 30px;
}

.wrap-border article .entry-content .woocommerce {
    background: rgba(249, 110, 91, 0.12);
    border: 1px solid rgba(249, 110, 91, 0.26);
    border-radius: 10px;
    padding: 35px 24px;
    margin-bottom: 15px;
}

article .entry-content .woocommerce ul,
article .entry-content .woocommerce li {
    margin: 0;
    padding: 0;
    list-style: none;
}

article .entry-content .woocommerce li:before {
    content: none;
}

.wp-block-search__inside-wrapper button {
    text-indent: -9999px;
    color: #fff;
    background: transparent;
    border: 0;
    position: relative;
}

.wp-block-search__inside-wrapper button:before {
    content: '\f002';
    position: absolute;
    top: 0;
    right: 3px;
    text-indent: 22px;
    font-family: 'Font Awesome 5 Pro';
    color: #000;
    font-size: 20px;
}

.wp-block-search__inside-wrapper input {
    width: 85%;
    border-right: 1px solid var(--tlborder);
    border-radius: 0;
    border-left: 0;
    border-top: 0;
    border-bottom: 0;
}

.wp-block-search__inside-wrapper {
    border: 1px solid var(--tlborder);
    max-width: 100%;
    border-radius: 16px;
    overflow: hidden;
    padding: 10px;
}

.wp-block-search__inside-wrapper input {
    width: 85%;
}

.wp-block-search__inside-wrapper button {
    width: 15%;
}

.post-meta small {
    margin-right: 10px;
}

.form-submit input {
    background: #90dd40;
    color: #ffffff;
    padding: 15px 30px;
    border: 0;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
}

span#reply-title {
    border-top: 1px solid #e1e1e1;
    display: block;
    margin-top: 20px;
    padding-top: 20px;
    font-size: 20px;
    font-weight: 700;
    color: #111;
    text-transform: uppercase;
}

/*--------------------------------------------------------------
## Video 
--------------------------------------------------------------*/

.video-list {
    background: #F5F5F5;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 0px 5px rgb(0 0 0 / 14%);
    position: relative;
    margin-bottom: 15px;
}

h3.video-title a {
    color: #000;
    font-size: 16px;
    line-height: 23px;
    padding: 20px 20px 0 20px;
    margin-bottom: 20px;
    display: block;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

h3.video-title {
    margin: 0;

}

.video-thumb {
    position: relative;
    overflow: hidden;
}

.video-thumb i {
    font-size: 42px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 42px;
    height: 41px;
    color: #CE1919;
    border-radius: 100%;
}

/*--------------------------------------------------------------
## Breadcrumb
--------------------------------------------------------------*/


.title-cat {
    color: #ED831F;
    font-weight: 700;
    margin: 0;
}

.rank-math-breadcrumb {
    text-align: left;
    font-size: 13px;
    color: #5E2E86;
    margin: 0;
}

.rank-math-breadcrumb a {
    color: #ED831F;
}

/*--------------------------------------------------------------
## sidebar
--------------------------------------------------------------*/
.sidebar-right {
    overflow: hidden;
}

.sidebar-title {

    display: block;
    margin-bottom: 12px;
    position: relative;
    color: #000;
    font-size: 18px;
    font-weight: 600;
    line-height: 25px;
}


.sidebar-shop .menu li a,
.sidebar-right .menu li a {

    background: rgba(249, 110, 91, 0.2);
    border-radius: 6px;
    padding: 12px;
    margin-bottom: 6px;
}

.sidebar-right .menu li a,
.sidebar-shop .menu li a {

    color: #000;
    display: block;
    font-size: 16px;
    font-weight: 400;
    ;

}

.sidebar-right .menu li a:hover,
.sidebar-shop .menu li a:hover {
    color: #ff9000;
}

.sidebar-shop .widget,
.sidebar-right .widget {

    margin-bottom: 20px;

}

.sidebar-right .menu li ul.sub-menu li a,
.sidebar-shop .menu li ul.sub-menu li a {
    background: transparent;
    position: relative;
    font-size: 16px;
    padding: 5px;
}

.sidebar-right .menu li ul.sub-menu li a:before,
.sidebar-shop .menu li ul.sub-menu li a:before {
    content: '\f111';
    font-family: "Font Awesome 5 Pro";
    position: absolute;
    left: -10px;
    top: 6px;
    color: var(--vinavang);
    font-weight: 700;
    font-size: 9px;
}

ul.woocommerce-widget-layered-nav-list li a {
    color: #000;
}

.prdctfltr_checkboxes label {
    border-radius: 6px;
    padding: 1px;
    margin-bottom: 6px;
    font-weight: 400;
}

/*--------------------------------------------------------------
## Category blog
--------------------------------------------------------------*/

h2.title-category-blog {
    font-size: 19px;
    text-transform: uppercase;
    border-bottom: 1px solid var(--tlborder);
    position: relative;
    padding-left: 20px;
    margin-top: 0;
}

h2.title-category-blog:before {
    width: 7px;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: var(--vinavang);
    height: 28px;
}

h2.title-category-blog a {
    color: #000;
}

#primary {

    margin-bottom: 20px;

}

/*------- 404 page -------*/

.error-404 .search-form {

    position: relative;
    width: 260px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;

}

.error-404 label {

    width: 100%;

}

label {

    display: inline-block;
    margin-bottom: 7px;
    font-weight: 700;
    color: #000;
    position: relative;

}

.error-404 .search-submit {

    background: #ffc928;

}

.error-404 .search-field {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #e0e5eb;
    font-size: 14px;
    height: 40px;
    padding: 0 15px 0 15px;
    width: 100%;

}

.error-buttonhome a {

    background: #ffc928;
    padding: 8px;
    display: block;
    width: 138px;
    text-align: center;
    font-weight: 500;
    color: #414141;
    font-size: 13px;

}

.title-error-post {

    text-align: center;
    margin: 53px 0;

}

.posterror-title {

    margin: 5px 0;

}

iframe {
    max-width: 100%;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/
@media only screen and (min-width:320px) {
    .site-logo {
        float: none;
        padding: 15px 0;
        width: 35%;
        margin: 0;
    }

    .menu-toggle.full {
        float: none;
        width: 25%;
        height: 46px;
        position: absolute;
        right: 0px;
        top: 15px;
        cursor: pointer;
        z-index: 998;
        text-align: right;
        padding: 0 !important;
    }

    .mobile-search {
        position: absolute;
        top: 28px;
        right: 5px;
    }

    #menu-wrap {
        position: fixed;
        top: 0;
        height: 100%;
        max-width: 300px;
        width: calc(100% - 64px);
        z-index: 9999999;
        left: 0;
        overflow: hidden;
        background: #ff6d25;
        display: none;
        padding: 20px 0px;
    }

    ul#mobile-menu li {
        display: block;
    }

    .footer-widget-top1 img {
        max-width: 160px !important;
    }

    .site-logo img {
        margin: 0;
    }

    .comment-form-author {
        width: 100%;
        float: none;
        padding-right: 0;
    }

    .comment-form-email {
        width: 100%;
        float: none;
        padding-left: 0;
    }

    .single-product div.product form.cart .quantity,
    .iprovn-qty .quantity {
        float: none;
        margin: 0;
        display: block;
    }

    button.button.buy_now_button {
        margin-left: 0;
        margin-top: 15px;
    }

    form.cart {
        display: block;
    }

    .related.products ul li.col-lg-3.col-md-3.col-sm-6.col-xs-6.product-cat:nth-child(odd),
    .elementor-shortcode ul li.col-lg-3.col-md-3.col-sm-6.col-xs-6.product-cat:nth-child(odd),
    .content-product-archive ul li.col-lg-3.col-md-3.col-sm-6.col-xs-6.product-cat:nth-child(odd) {
        padding-left: 0px;
        padding-right: 5px;
        margin-bottom: 10px;
    }

    .related.products ul li.col-lg-3.col-md-3.col-sm-6.col-xs-6.product-cat:nth-child(even),
    .elementor-shortcode ul li.col-lg-3.col-md-3.col-sm-6.col-xs-6.product-cat:nth-child(even),
    .content-product-archive ul li.col-lg-3.col-md-3.col-sm-6.col-xs-6.product-cat:nth-child(even) {
        padding-left: 5px;
        padding-right: 0px;
        margin-bottom: 10px;
    }

    .content-product-cat .price bdi,
    .content-product-cat .price .highlight bdi {
        font-size: 15px;
        line-height: 22px;
        font-weight: 400;
    }

    .content-product-cat .price del bdi {
        font-size: 12px;
    }

    .content-product-cat .product-star span {
        display: block;
    }

    .onsale {
        left: 10px;
    }

    .header-single-product,
    .header-static {
        padding: 15px 0 15px 0;
    }

    div#reviews {
        width: 100%;
        margin: 0 auto;
    }

    #section-absolute {
        position: static;
        width: 100%;
        top: 0;
        left: 0;
    }

    .footer-menu-bottom ul li {
        display: inline-block;
        font-size: 12px;
        padding: 0 5px 0 0;
    }

    .footer-menu-bottom ul {
        text-align: left;
        padding-bottom: 55px;
    }

    .footer-widget1,
    .footer-widget2,
    .footer-widget3 {
        margin-bottom: 25px;
    }

    .related.products ul li {
        width: 100%;
        float: none;
    }

    .related.products ul li:first-child {
        margin-right: 3%;
        margin-left: 3%;
    }

    .related.products ul li:last-child {
        margin-left: 3%;
        margin-right: 3%;
    }

    .tabset>label {
        padding: 10px 7px;
        font-size: 13px;
    }

    nav.woocommerce-MyAccount-navigation ul {
        display: block;
        justify-content: center;
        text-align: center;
    }

    .woocommerce-account nav.woocommerce-MyAccount-navigation ul li {
        background: var(--vinavang);
        margin-bottom: 3px;
        padding: 8px;
    }

    .woocommerce-account nav.woocommerce-MyAccount-navigation ul li a {
        color: #fff;
    }

    .woocommerce-account nav.woocommerce-MyAccount-navigation ul li.is-active a {
        color: #000;
    }

    .iprovn-qty {
        width: 30%;
    }

    .tabset>label:hover::after,
    .tabset>input:focus+label::after,
    .tabset>input:checked+label::after {
        left: 8px;
    }
    .title-cat {font-size: 26px; line-height: 30px;}
    .header-page.header-cat { padding: 15px 0 15px 0; margin-bottom: 15px;}
    #product-meta span {font-size: 11px;}
    .footer-widget {padding: 30px 0 0px 0;}
    .content-product-archive .star-rating span:before,
    .woocommerce-product-rating .star-rating span:before,
    .product .star-rating span:before, .content-product-archive .star-rating:before,
    .woocommerce-product-rating .star-rating:before,
    .product .star-rating:before {font-size: 13px;}
    .content-product-archive .star-rating,
    .woocommerce-product-rating .star-rating,
    .product .star-rating {width: 4.4em;}
    h1.title-post { font-size: 20px;line-height: 28px;}
    ul.products.columns-4 li { width: 50%;float: left;}
}

@media only screen and (min-width:1024px) {
    .site-logo {
        float: none;
        padding: 10px 0;
        width: 50%;
    }

    .menu-toggle.full {
        float: none;
        width: 25%;
        height: 46px;
        position: absolute;
        right: 0px;
        top: 18px;
        cursor: pointer;
        z-index: 12399994;
        text-align: right;
        padding: 0 !important;
        margin-top: 10px !important;
    }
    .mobile-search {
        position: absolute;
        top: 28px;
        right: 5px;
    }

    #primary-menu {
        width: 100%;
        float: none;
        text-align: left;
        margin: 15px 0 15px 0;
    }

    .site-logo img {
        margin: 0;
        display: block;
    }

    .comment-form-author {
        width: 50%;
        float: left;
        padding-right: 10px;
    }

    .comment-form-email {
        width: 50%;
        float: left;
        padding-left: 10px;
    }

    .single-product div.product form.cart .quantity,
    .iprovn-qty .quantity {
        float: none;
        margin: 0;
        display: inline-block;
    }

    .iprovn-qty {
        margin-bottom: 0px;
    }

    form.cart {
        display: block;
    }

    .related.products ul li.col-lg-3.col-md-3.col-sm-6.col-xs-6.product-cat:nth-child(odd),
    .elementor-shortcode ul li.col-lg-3.col-md-3.col-sm-6.col-xs-6.product-cat:nth-child(odd),
    .content-product-archive ul li.col-lg-3.col-md-3.col-sm-6.col-xs-6.product-cat:nth-child(odd) {
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 30px;
    }

    .related.products ul li.col-lg-3.col-md-3.col-sm-6.col-xs-6.product-cat:nth-child(even),
    .elementor-shortcode ul li.col-lg-3.col-md-3.col-sm-6.col-xs-6.product-cat:nth-child(even),
    .content-product-archive ul li.col-lg-3.col-md-3.col-sm-6.col-xs-6.product-cat:nth-child(even) {
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 30px;
    }

    .content-product-cat .price bdi,
    .content-product-cat .price .highlight bdi {
        font-size: 15px;
        line-height: 22px;
        font-weight: 400;
    }

    .content-product-cat .price del bdi {
        font-size: 18px;
    }

    .content-product-cat .product-star span {
        display: inline;
    }

    .onsale {
        left: 9px;
    }

    .header-single-product,
    .header-static {
        padding: 60px 0 60px 0;
    }

    div#reviews {
        width: 100%;
        margin: 0 auto;
    }

    #section-absolute {
        position: static;
        width: 100%;
        top: 0;
        left: 0;
    }

    .related.products ul li {
        width: 23.3%;
        float: left;
        margin-left: 1%;
        margin-right: 1%;
    }

    .related.products ul li:first-child {
        margin-right: 1%;
        margin-left: 0;
    }

    .related.products ul li:last-child {
        margin-left: 1%;
        margin-right: 0;
    }

    .tabset>label {
        padding: 15px;
        font-size: 16px;
    }

    nav.woocommerce-MyAccount-navigation ul {
        display: flex;
        justify-content: center;
        text-align: center;
    }

    h2.title-course-category {
        font-size: 24px;
    }

    .woocommerce-account nav.woocommerce-MyAccount-navigation ul li {
        background: transparent;
        margin-bottom: 0px;
        padding: 0px;
    }

    .woocommerce-account nav.woocommerce-MyAccount-navigation ul li a {
        color: #000;
    }

    .woocommerce-account nav.woocommerce-MyAccount-navigation ul li.is-active a {
        color: #000;
    }

    .iprovn-qty {
        width: 30%;
    }

    .tabset>label:hover::after,
    .tabset>input:focus+label::after,
    .tabset>input:checked+label::after {
        left: 15px;
    }
    .title-cat {font-size: 37px; line-height: 50px;}
    .header-page.header-cat {    padding: 48px 0 48px 0; margin-bottom: 45px;}
    #product-meta span {font-size: 14px;}
    .footer-widget {padding: 72px 0 64px 0;}
    .content-product-archive .star-rating span:before,
    .woocommerce-product-rating .star-rating span:before,
    .product .star-rating span:before, .content-product-archive .star-rating:before,
    .woocommerce-product-rating .star-rating:before,
    .product .star-rating:before {font-size: 16px;}
    .content-product-archive .star-rating,
    .woocommerce-product-rating .star-rating,
    .product .star-rating {width: 5.4em;}
    .post-meta {display: flex; align-items: center;}
    h1.title-post { font-size: 28px;line-height: 38px;}
    ul.products.columns-4 li { width: 25%;float: left;}

}

@media only screen and (min-width:1280px) {
    .site-logo {
        float: left;
        padding: 20px 0;
        width: 15%;
    }

    #primary-menu {
        width: 85%;
        float: right;
        text-align: right;
        margin: 22px 0 22px 0;
    }

    #mega-menu {
        position: fixed;
        left: 50%;
        transform: translate(-50%);
        top: 90px;
    }

    #vertical-mega-menu #mega-menu {
        position: absolute;
        left: 100%;
        top: 0;
        transform: translateX(0px);
    }
    #vertical-mega-menu .elementor-nav-menu--layout-horizontal .elementor-nav-menu>li {
        display: block;
        width: 100%;
    }

    #vertical-mega-menu .elementor-nav-menu a, #vertical-mega-menu .elementor-nav-menu li {
        position: static !important;
    }

    .site-logo img {
        margin: 0;
    }

    .comment-form-author {
        width: 50%;
        float: left;
        padding-right: 10px;
    }

    .comment-form-email {
        width: 50%;
        float: left;
        padding-left: 10px;
    }

    .single-product div.product form.cart .quantity,
    .iprovn-qty .quantity {
        float: none;
        margin: 0;
        display: inline-block;
    }

    button.button.buy_now_button {
        margin-left: 10px;
        margin-top: 0;
    }

    .iprovn-qty {
        margin-bottom: 0px;
    }

    form.cart {
        display: block;
    }

    .related.products ul li.col-lg-3.col-md-3.col-sm-6.col-xs-6.product-cat:nth-child(odd),
    .elementor-shortcode ul li.col-lg-3.col-md-3.col-sm-6.col-xs-6.product-cat:nth-child(odd),
    .content-product-archive ul li.col-lg-3.col-md-3.col-sm-6.col-xs-6.product-cat:nth-child(odd) {
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 30px;
    }

    .related.products ul li.col-lg-3.col-md-3.col-sm-6.col-xs-6.product-cat:nth-child(even),
    .elementor-shortcode ul li.col-lg-3.col-md-3.col-sm-6.col-xs-6.product-cat:nth-child(even),
    .content-product-archive ul li.col-lg-3.col-md-3.col-sm-6.col-xs-6.product-cat:nth-child(even) {
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 30px;
    }

    .content-product-cat .price bdi,
    .content-product-cat .price .highlight bdi {
        font-size: 15px;
        line-height: 22px;
        font-weight: 400;
    }

    .content-product-cat .price del bdi {
        font-size: 18px;
    }

    .content-product-cat .product-star span {
        display: inline;
    }

    .onsale {
        left: 10px;
    }

    .header-single-product,
    .header-static {
        padding: 60px 0 60px 0;
    }

    div#reviews {
        width: 100%;
        margin: 0 auto;
    }

    #section-absolute {
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
    }

    .footer-menu-bottom ul li {
        display: inline-block;
        font-size: 13px;
        padding: 0 0 0 10px;
    }

    .footer-menu-bottom ul {
        text-align: right;
        padding-bottom: 0px;
    }

    .footer-widget1,
    .footer-widget2,
    .footer-widget3 {
        margin-bottom: 0px;
    }

    .related.products ul li {
        width: 23.3%;
        float: left;
        margin-left: 1%;
        margin-right: 1%;
    }

    .related.products ul li:first-child {
        margin-right: 1%;
        margin-left: 0;
    }

    .related.products ul li:last-child {
        margin-left: 1%;
        margin-right: 0;
    }


    .tabset>label {
        padding: 15px;
        font-size: 16px;
    }

    nav.woocommerce-MyAccount-navigation ul {
        display: flex;
        justify-content: center;
        text-align: center;
    }

    h2.title-course-category {
        font-size: 24px;
    }

    .woocommerce-account nav.woocommerce-MyAccount-navigation ul li {
        background: transparent;
        margin-bottom: 0px;
        padding: 0px;
    }

    .woocommerce-account nav.woocommerce-MyAccount-navigation ul li a {
        color: #000;
    }

    .woocommerce-account nav.woocommerce-MyAccount-navigation ul li.is-active a {
        color: #000;
    }

    .iprovn-qty {
        width: 25%;
    }

    .tabset>label:hover::after,
    .tabset>input:focus+label::after,
    .tabset>input:checked+label::after {
        left: 15px;
    }
    .title-cat {font-size: 37px; line-height: 50px;}
    .header-page.header-cat {    padding: 48px 0 48px 0; margin-bottom: 45px;}
    #product-meta span {font-size: 14px;}
    .footer-widget {padding: 72px 0 64px 0;}
    .content-product-archive .star-rating span:before,
    .woocommerce-product-rating .star-rating span:before,
    .product .star-rating span:before, .content-product-archive .star-rating:before,
    .woocommerce-product-rating .star-rating:before,
    .product .star-rating:before {font-size: 16px;}

    .content-product-archive .star-rating,
    .woocommerce-product-rating .star-rating,
    .product .star-rating {width: 5.4em;}
    .post-meta {display: flex; align-items: center;}
    h1.title-post { font-size: 28px;line-height: 38px;}
    ul.products.columns-4 li { width: 25%;float: left;}
}



@media only screen and (min-width:1600px) {
    .site-logo {
        float: left;
        padding: 20px 0;
        width: 15%;
    }
    .hotline-menu {width: 20%; float: left;}
    #primary-menu {
        width: 65%;
        float: right;
        text-align: right;
        margin: 23px 0 24px 0;
    }
    #mega-menu {
        position: absolute;
        left: 50%; /* Đặt mega menu căn giữa theo chiều ngang */
        transform: translateX(-50%); /* Căn giữa chính xác theo chiều ngang */
        top: 100%;
    }

    #vertical-mega-menu #mega-menu {
        left: 100%;
        top: 0;
        transform: translateX(0px);
    }
    #vertical-mega-menu .elementor-nav-menu--layout-horizontal .elementor-nav-menu>li {
        display: block;
        width: 100%;
    }

    #vertical-mega-menu .elementor-nav-menu a, #vertical-mega-menu .elementor-nav-menu li {
        position: static !important;
    }

    .site-logo img {
        margin: 0;
    }

    .comment-form-author {
        width: 50%;
        float: left;
        padding-right: 10px;
    }

    .comment-form-email {
        width: 50%;
        float: left;
        padding-left: 10px;
    }

    .single-product div.product form.cart .quantity,
    .iprovn-qty .quantity {
        float: none;
        margin: 0;
        display: inline-block;
    }

    .iprovn-qty {
        margin-bottom: 0px;
    }

    form.cart {
        display: block;
    }

    .related.products ul li.col-lg-3.col-md-3.col-sm-6.col-xs-6.product-cat:nth-child(odd),
    .elementor-shortcode ul li.col-lg-3.col-md-3.col-sm-6.col-xs-6.product-cat:nth-child(odd),
    .content-product-archive ul li.col-lg-3.col-md-3.col-sm-6.col-xs-6.product-cat:nth-child(odd) {
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 30px;
    }

    .related.products ul li.col-lg-3.col-md-3.col-sm-6.col-xs-6.product-cat:nth-child(even),
    .elementor-shortcode ul li.col-lg-3.col-md-3.col-sm-6.col-xs-6.product-cat:nth-child(even),
    .content-product-archive ul li.col-lg-3.col-md-3.col-sm-6.col-xs-6.product-cat:nth-child(even) {
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 30px;
    }

    .content-product-cat .price bdi,
    .content-product-cat .price .highlight bdi {
        font-size: 15px;
        line-height: 22px;
        font-weight: 400;
    }

    .content-product-cat .price del bdi {
        font-size: 18px;
    }

    .content-product-cat .product-star span {
        display: inline;
    }

    .onsale {
        left: 10px;
    }

    .header-single-product,
    .header-static {
        padding: 60px 0 60px 0;
    }

    div#reviews {
        width: 100%;
        margin: 0 auto;
    }

    #section-absolute {
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
    }

    .footer-menu-bottom ul li {
        display: inline-block;
        font-size: 13px;
        padding: 0 0 0 10px;
    }

    .footer-menu-bottom ul {
        text-align: right;
        padding-bottom: 0px;
    }

    .footer-widget1,
    .footer-widget2,
    .footer-widget3 {
        margin-bottom: 0px;
    }

    .related.products ul li {
        width: 23.3%;
        float: left;
        margin-left: 1%;
        margin-right: 1%;
    }

    .related.products ul li:first-child {
        margin-right: 1%;
        margin-left: 0;
    }

    .related.products ul li:last-child {
        margin-left: 1%;
        margin-right: 0;
    }


    .tabset>label {
        padding: 15px;
        font-size: 16px;
    }

    nav.woocommerce-MyAccount-navigation ul {
        display: flex;
        justify-content: center;
        text-align: center;
    }

    .woocommerce-account nav.woocommerce-MyAccount-navigation ul li {
        background: transparent;
        margin-bottom: 0px;
        padding: 0px;
    }

    .woocommerce-account nav.woocommerce-MyAccount-navigation ul li a {
        color: #000;
    }

    .woocommerce-account nav.woocommerce-MyAccount-navigation ul li.is-active a {
        color: #000;
    }

    .iprovn-qty {
        width: 25%;
    }

    .tabset>label:hover::after,
    .tabset>input:focus+label::after,
    .tabset>input:checked+label::after {
        left: 15px;
    }
    .title-cat {font-size: 37px; line-height: 50px;}
    .header-page.header-cat {    padding: 48px 0 48px 0; margin-bottom: 45px;}
    #product-meta span {font-size: 14px;}
    .footer-widget {padding: 72px 0 64px 0;}
    .content-product-archive .star-rating span:before,
    .woocommerce-product-rating .star-rating span:before,
    .product .star-rating span:before, .content-product-archive .star-rating:before,
    .woocommerce-product-rating .star-rating:before,
    .product .star-rating:before {font-size: 16px;}

    .content-product-archive .star-rating,
    .woocommerce-product-rating .star-rating,
    .product .star-rating {width: 5.4em;}
	.post-meta {display: flex; align-items: center;}
    h1.title-post { font-size: 28px;line-height: 38px;}
    ul.products.columns-4 li { width: 25%;float: left;}
}

form.cart {
    margin-top: 20px;
    display: flex;
}

.woocommerce-variation-add-to-cart {
    display: flex;
}

li.product {
    background: #FFFFFF;
    padding: 15px !important;
}

h2.woocommerce-loop-category__title {
    text-transform: uppercase;
    font-size: 16px;
    color: #222;
    text-align: center;
}

h2.woocommerce-loop-category__title mark {
    color: #888;
    display: block;
    text-align: center;
}

.single_add_to_cart_button.button.alt, .wpcsb-atc button {
    background: #90dd40;
    color: #fff;
    border-radius: 43px;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    border: 0;
    box-shadow: none;
    padding: 10px 30px;
    cursor: pointer;
}

.single_add_to_cart_button.button.alt:hover, .wpcsb-atc button:hover {
    background: var(--vinavang);
}

@media screen and (min-device-width: 1400px) {
    .elementor-section.elementor-section-boxed>.elementor-container {
        max-width: 1320px !important;
    }
	.page-id-6333 .elementor-section.elementor-section-boxed>.elementor-container {
        max-width: 900px !important;
    }
}

/* Menu Setup */
.stellarnav.light.mobile {
    position: relative
}

.stellarnav,
.stellarnav li {
    position: relative;
    line-height: normal;
    text-wrap: wrap;
}

.stellarnav {
    width: 100%;
}

.stellarnav ul {
    margin: 0;
    padding: 0;
    text-align: left
}

.stellarnav li {
    list-style: none;
    display: block;
    margin: 0;
    padding: 0;
    vertical-align: middle
}

.stellarnav li a {
    padding: 15px;
    display: block;
    text-decoration: none;
    font-weight: 600;
    font-size: 17px;
    box-sizing: border-box;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.stellarnav ul li {
    display: inline-block
}

.stellarnav ul li a {
    padding: 14px
}

.stellarnav ul ul {
    top: auto;
    min-width: 230px;
    position: absolute;
    z-index: 9900;
    text-align: left;
    display: none;
    background: var(--vinavang);
    white-space: nowrap;
    border-radius: 0;
    border-left: 1px solid #e1e1e1;
}

.stellarnav li li {
    display: block;
}

.stellarnav li li:last-child {
    display: block;
    border-bottom: 0;
}

.stellarnav li li a {
    color: #666666;
    padding: 7px 25px 7px 22px;
    clear: both;
    -o-transition: padding .2s linear;
    -moz-transition: padding .2s linear;
    -webkit-transition: padding .2s linear;
    transition: padding .2s linear;
}

.stellarnav li li a:hover {
    padding: 7px 17px 7px 30px;
    -o-transition: padding .2s linear;
    -moz-transition: padding .2s linear;
    -webkit-transition: padding .2s linear;
    transition: padding .2s linear;
}

.stellarnav ul ul ul {
    top: 0;
    left: 220px
}

.stellarnav ul li:hover ul li:hover ul {
    opacity: 1;
    visibility: visible;
    top: 0
}

.stellarnav ul li.drop-left ul {
    right: 0
}

.stellarnav li.drop-left ul ul {
    left: auto;
    right: 220px
}

.stellarnav.light,
.stellarnav.light ul ul {}

.stellarnav.light li a {
    color: #fff;
}

.stellarnav.light .call-btn-mobile,
.stellarnav.light .close-menu,
.stellarnav.light .location-btn-mobile,
.stellarnav.light .menu-toggle {
    color: #fff;
}

.stellarnav.dark,
.stellarnav.dark ul ul {
    background: rgba(0, 0, 0, 1)
}

.stellarnav.dark li a {
    color: var(--vinavang)
}

.stellarnav.light li.active ul li a {
    color: #000;
}

.stellarnav.light li.active ul li a:hover {
    color: #E0CEB8;
}

.stellarnav.dark .call-btn-mobile,
.stellarnav.dark .close-menu,
.stellarnav.dark .location-btn-mobile,
.stellarnav.dark .menu-toggle {
    color: rgba(119, 119, 119, 1)
}

.stellarnav.fixed {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9999
}

body.stellarnav-noscroll-x {
    overflow-x: hidden
}

.stellarnav li.has-sub>a:after {
    content: '\f107';
    font-family: "Font Awesome 5 Pro";
    margin-left: 5px;
    font-weight: 300;
}

.stellarnav li li.has-sub>a:after {
    content: '\f105';
    font-family: "Font Awesome 5 Pro";
    margin-left: 5px
}

.stellarnav li.drop-left li.has-sub>a:after {
    float: left;
    content: '\f107';
    font-family: "Font Awesome 5 Pro";
    margin-right: 5px
}

.stellarnav.hide-arrows li li.has-sub>a:after,
.stellarnav.hide-arrows li.drop-left li.has-sub>a:after,
.stellarnav.hide-arrows li.has-sub>a:after {
    display: none
}

.stellarnav .dd-toggle {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    width: 48px;
    height: 48px;
    text-align: center;
    z-index: 9999;
    border: 0
}

.stellarnav .dd-toggle i {
    position: absolute;
    margin: auto;
    top: 33%;
    left: 0;
    right: 0;
    -webkit-transition: transform .3s ease-out;
    -moz-transition: transform .3s ease-out;
    transition: transform .3s ease-out
}

.stellarnav.mobile>ul>li>a.dd-toggle {
    padding: 0
}

.stellarnav li.call-btn-mobile,
.stellarnav li.location-btn-mobile {
    display: none
}

.stellarnav .call-btn-mobile,
.stellarnav .close-menu,
.stellarnav .location-btn-mobile,
.stellarnav .menu-toggle {
    display: none;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    padding: 15px;
    box-sizing: border-box;
    margin-top: 10px;
}

.stellarnav .half {
    width: 50%
}

.stellarnav .third {
    width: 33%;
    text-align: center
}

.stellarnav .location-btn-mobile.third {
    text-align: center
}

.stellarnav .location-btn-mobile.half {
    text-align: right
}

.stellarnav.light .half,
.stellarnav.light .third {
    border-left: 1px solid rgba(0, 0, 0, .15)
}

.stellarnav.light.left .half,
.stellarnav.light.left .third,
.stellarnav.light.right .half,
.stellarnav.light.right .third {
    border-bottom: 1px solid rgba(0, 0, 0, .15)
}

.stellarnav.light .half:first-child,
.stellarnav.light .third:first-child {
    border-left: 0
}

.stellarnav.dark .half,
.stellarnav.dark .third {
    border-left: 1px solid rgba(255, 255, 255, .15)
}

.stellarnav.dark.left .half,
.stellarnav.dark.left .third,
.stellarnav.dark.right .half,
.stellarnav.dark.right .third {
    border-bottom: 1px solid rgba(255, 255, 255, .15)
}

.stellarnav.dark.left .menu-toggle,
.stellarnav.dark.right .menu-toggle,
.stellarnav.light.left .menu-toggle,
.stellarnav.light.right .menu-toggle {
    border-bottom: 0
}

.stellarnav.dark .half:first-child,
.stellarnav.dark .third:first-child {
    border-left: 0
}

.stellarnav.mobile,
.stellarnav.mobile.fixed {
    position: static
}

.stellarnav.mobile ul {
    position: relative;
    display: block;
    text-align: left;
    background: rgba(221, 221, 221, 1)
}

.stellarnav.mobile.active>ul,
.stellarnav.mobile>ul>li {
    display: block
}

.stellarnav.mobile.active {
    padding-bottom: 0
}

.stellarnav.mobile>ul>li>a {
    padding: 15px
}

.stellarnav.mobile ul ul li a, .stellarnav.mobile ul ul ul li a {
    padding-left: 10px;
}

.stellarnav.mobile ul ul {
    position: relative;
    opacity: 1;
    visibility: visible;
    width: auto;
    display: none;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: color 0 ease-in;
    transition: none;
    margin-left: 15px;
}

.stellarnav.mobile ul ul ul {
    left: auto;
    top: auto;
    margin-left: 15px;
}

.stellarnav.mobile li.drop-left ul ul {
    right: auto
}

.stellarnav.mobile li.has-sub a {
    padding-right: 36px
}

.stellarnav.mobile>ul {
    border-top: 1px solid rgba(255, 255, 255, .15)
}

.stellarnav.mobile.light>ul {
    border-top: 1px solid rgba(0, 0, 0, .15)
}

.stellarnav.mobile li a.dd-toggle,
.stellarnav.mobile.light li a.dd-toggle {
    border: 0
}

.stellarnav.mobile .call-btn-mobile,
.stellarnav.mobile .close-menu,
.stellarnav.mobile .dd-toggle,
.stellarnav.mobile .location-btn-mobile,
.stellarnav.mobile .menu-toggle {
    display: inline-block
}

.stellarnav.mobile li.call-btn-mobile {
    border-right: 1px solid rgba(255, 255, 255, .1);
    box-sizing: border-box
}

.stellarnav.mobile li.call-btn-mobile,
.stellarnav.mobile li.location-btn-mobile {
    display: inline-block;
    width: 50%;
    text-transform: uppercase;
    text-align: center
}

.stellarnav.mobile li.call-btn-mobile.full,
.stellarnav.mobile li.location-btn-mobile.full {
    display: block;
    width: 100%;
    text-transform: uppercase;
    border-right: 0;
    text-align: left
}

.stellarnav.mobile li.call-btn-mobile i,
.stellarnav.mobile li.location-btn-mobile i {
    margin-right: 5px
}

.stellarnav.mobile.light ul {
    background: #ff6d25;
}

.stellarnav.mobile.dark ul {
    background: rgba(0, 0, 0, 1)
}

.stellarnav.mobile.dark ul ul {
    background: rgba(255, 255, 255, .08)
}

.stellarnav.mobile.light li.call-btn-mobile {
    border-right: 1px solid rgba(0, 0, 0, .1)
}

.stellarnav.mobile.top {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9999
}

.stellarnav.mobile li li.has-sub>a:after,
.stellarnav.mobile li.drop-left li.has-sub>a:after,
.stellarnav.mobile li.has-sub>a:after {
    display: none
}

.stellarnav.mobile.left>ul,
.stellarnav.mobile.right>ul {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    max-width: 280px;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.stellarnav.mobile.right>ul {
    right: 0
}

.stellarnav.mobile.left .close-menu,
.stellarnav.mobile.right .close-menu {
    display: inline-block;
    text-align: right
}

.stellarnav.mobile.left>ul {
    left: 0
}

.stellarnav.mobile.left .call-btn-mobile.half,
.stellarnav.mobile.left .call-btn-mobile.third,
.stellarnav.mobile.left .close-menu.half,
.stellarnav.mobile.left .close-menu.third,
.stellarnav.mobile.left .location-btn-mobile.half,
.stellarnav.mobile.left .location-btn-mobile.third,
.stellarnav.mobile.right .call-btn-mobile.half,
.stellarnav.mobile.right .call-btn-mobile.third,
.stellarnav.mobile.right .close-menu.half,
.stellarnav.mobile.right .close-menu.third,
.stellarnav.mobile.right .location-btn-mobile.half,
.stellarnav.mobile.right .location-btn-mobile.third {
    text-align: center
}

.stellarnav.mobile.left .menu-toggle.half,
.stellarnav.mobile.left .menu-toggle.third,
.stellarnav.mobile.right .menu-toggle.half,
.stellarnav.mobile.right .menu-toggle.third {
    text-align: left
}

.stellarnav.mobile.left .close-menu.third span,
.stellarnav.mobile.right .close-menu.third span {
    display: none
}

.stellarnav.desktop li.mega li {
    display: inline-block;
    vertical-align: top;
    margin-left: -4px
}

.stellarnav.desktop li.mega li li {
    display: block;
    margin-left: 0
}

.stellarnav.desktop li.mega ul ul {
    width: auto
}

.stellarnav.desktop>ul>li.mega {
    position: inherit
}

.stellarnav.desktop>ul>li.mega>ul {
    width: 100%
}

.stellarnav.desktop>ul>li.mega>ul li.has-sub ul {
    display: block;
    position: relative;
    left: auto
}

.stellarnav.desktop>ul>li.mega>ul>li {
    padding-bottom: 15px;
    box-sizing: border-box
}

.stellarnav.desktop li.mega li li a {
    padding: 5px 15px
}

.stellarnav.desktop li.mega li.has-sub a:after {
    display: none
}

.stellarnav.desktop>ul>li.mega>ul>li>a {
    color: #ff0
}

@media only screen and (max-width :768px) {
    .stellarnav {
        overflow: hidden;
        display: block
    }

    .stellarnav ul {
        position: relative;
        display: none
    }

}

@media only screen and (max-width :420px) {

    .stellarnav.mobile .call-btn-mobile.third span,
    .stellarnav.mobile .location-btn-mobile.third span {
        display: none
    }
}


/*---------- Woocommerce -------*/

i.fas.fa-list.css-spinner-full {
    font-size: 21px;
}

.prdctfltr_wc .prdctfltr_filter_title {
    margin-bottom: 0 !important;
}

.product-full .col-12 {
    padding-left: 0;
    padding-right: 0;
}

.woocommerce-product-gallery__image.wpgs_image {
    border-radius: 16px;
    overflow: hidden;
}

.information .cart {
    display: flex;
    border-top: 2px dotted #E3E3E3;
    border-bottom: 2px dotted #E3E3E3;
    padding: 10px 0;
    margin-bottom: 20px;
}

form.variations_form.cart {
    display: block;
}

/*------- Product Archive ---------*/

.filter-dropdown span.select2-selection.select2-selection--single {
    background: transparent;
    border: 1px solid #F54F30;
    border-radius: 0;
}

.filter-dropdown .select2-container--default .select2-selection--single .select2-selection__rendered, .filter-dropdown .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    padding: 8px 11px;
}

.filter-dropdown .select2-container .select2-selection--single {
    height: 45px;
}

.filter-dropdown .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 45px;
    position: absolute;
    top: 1px;
    right: 11px;
    width: 20px;
}

.filter-dropdown .select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    z-index: 9999;
    background: #F54F30;
    width: 20px;
    text-align: center;
    height: 20px;
    line-height: 20px;
    border-radius: 100%;
    top: 4px;
}

.term-description {
    background: rgba(249, 110, 91, 0.12);
    border: 1px solid rgba(249, 110, 91, 0.26);
    border-radius: 10px;
    padding: 15px 22px;
    margin-bottom: 41px;
}

.site-content strong {
    font-weight: 700;
}

.content-product-cat {
    border-radius: 10px;
    box-shadow: 0px 0px 5px rgb(0 0 0 / 14%);
    overflow: hidden;
    padding: 15px;
    background: #fff;
    position: relative;
}

.content-product-cat .onsale {
    left: 80%;
}

#main-shop {
    background: #fff;
    padding-bottom: 30px;
}


.content-product-cat {
    padding-bottom: 40px;
    border: 1px solid #ebebeb;
}

.woocommerce.product.compare-button:before {
    content: '\f080';
    font-family: 'FontAwesome';
    padding-right: 10px;
}

.content-product-cat .price bdi {
    text-align: center;
    display: block;
    color: #ce0808;

}

.content-product-cat .price del bdi {
    text-align: center;
    display: block;
    color: #9e9e9e;
    padding-right: 5px;
    font-size: 14px;
    font-weight: 300;
}

.content-product-cat .price .highlight bdi,
.product-full span.woocommerce-Price-amount.amount {
    color: var(--vinavang);
}

/*------ Woocommerce cart form --------*/

.woocommerce-cart-form table tr th {
    color: #60646c;
    padding-left: 0;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    border-bottom: 2px solid #E3E3E3;
    padding-bottom: 10px;
    text-align: left;
}

.woocommerce-cart-form tbody tr td.product-thumbnail {
    max-width: 100px;
}

.cart-collaterals h2 {
    color: #60646c;
    padding: 0 0 10px 0;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    border-bottom: 2px solid #E3E3E3;
    line-height: 22px;
}

.cart-collaterals tr th {
    padding-left: 0 !important;
}

.cart-collaterals tbody tr th {
    font-size: 14px;
    border-bottom: 1px solid #E3E3E3;
}

.cart-collaterals tbody tr td {
    padding: 18px 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;
    padding-right: 0;

}


table.cart .product-thumbnail img {
    margin: 0 auto;
    max-width: 100%;
    height: auto;
}

.woocommerce .product-remove a {
    background: #ED831F;
    color: #fff;
    width: 20px;
    height: 20px;
    display: block;
    text-align: center;
    line-height: 18px;
    border-radius: 100%;
    margin: 0 auto;
}

.woocommerce-billing-fields h3,
h3#ship-to-different-address {
    text-transform: uppercase;
    padding: 0 0 15px 0;
    font-size: 18px;
    font-weight: 500;
}

.woocommerce-table.woocommerce-table--order-details.shop_table.order_details tfoot th {
    text-align: left;
    padding-bottom: 1px solid #E3E3E3;
}

.woocommerce-table.woocommerce-table--order-details.shop_table.order_details tfoot td {
    text-align: right;
    padding: 10px 0 10px 0;
    padding-bottom: 1px solid #E3E3E3;
}

.woocommerce-table.woocommerce-table--order-details.shop_table.order_details .woocommerce-table__product-name.product-name {
    padding-left: 0;
}

.woocommerce-table.woocommerce-table--order-details.shop_table.order_details .woocommerce-table__product-name.product-name {
    padding-left: 0;
    text-align: left;
    border-bottom: 1px solid #E3E3E3;
    padding-bottom: 10px;
    text-transform: uppercase;
}

.woocommerce-table.woocommerce-table--order-details.shop_table.order_details .woocommerce-table__product-table.product-total {
    border-bottom: 1px solid #E3E3E3;
    text-transform: uppercase;
}

.woocommerce-table.woocommerce-table--order-details.shop_table.order_details tfoot tr td {
    padding: 10px 0;
}

.woocommerce-cart-form__cart-item.cart_item .product-quantity input {
    width: 40px;
    height: 32px;
    border-radius: 0;
}

@media screen and (max-width: 600px) {
    .shop_table .product-remove a {
        position: absolute;
        top: 10px;
        left: 0px;
        width: 24px;
        height: 24px;
        line-height: 18px !important;
        font-size: 18px !important;
    }

    .shop_table .product-remove {
        position: relative;
        width: 0;
        padding: 0;
    }

    td.product-thumbnail {
        min-width: 60px;
        max-width: 90px;
        width: 90px;
    }

    .shop_table .product-price {
        display: none;
    }

    .cart-collaterals tbody td {
        font-size: 14px;
    }

    .coupon-mobile input {
        width: 100%;
        border: 1px solid #ED831F;
        border-radius: 0;
        margin: 10px 0;
        padding: 5px 10px;
    }

    .coupon-mobile .button,
    .button-updatemb {
        width: 100%;
        background: #ED831F;
        border-radius: 0;
        border: 0;
        color: #fff;
        padding: 14px 0;
        margin: 9px 0;
    }

    .coupon-mobile label {
        padding: 10px 0 0 0;
    }

    .checkout_coupon.woocommerce-form-coupon .form-row.form-row-first {
        width: 100%;
    }

    .checkout_coupon.woocommerce-form-coupon .form-row.form-row-last {
        width: 100%;
        margin: 0 0 30px 0;
    }

    .woocommerce-cart-form__cart-item.cart_item .quantity {
        display: block;
    }
}

table tbody td {
    padding: 23px 10px;
    border-bottom: 1px solid #ebebeb;
}

table.cart td.actions .coupon {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
    display: inline-block;
    float: left;
}

table.cart td.actions input {
    display: inline-block;
    width: auto;
    margin: 0;
}

.woocommerce .actions .button {
    background: var(--vinavang);
    border: none;
    float: right;
    font-weight: 600;
    padding: 10px;
    color: #fff;
    cursor: pointer;
    border-radius: 6px;
}

.woocommerce .actions .coupon .button {
    background: #ED831F;
    border: none;
    border-radius: 0;
    float: right;
    font-weight: 700;
    padding: 10px;
    color: #fff;
    cursor: pointer;
}

.woocommerce .actions .coupon #coupon_code {
    border-radius: 0;
}

.woocommerce .actions .coupon label {
    display: none;
}


.checkout-button.button.alt.wc-forward,
#place_order {
    background: var(--vinavang);
    color: #fff;
    width: 100%;
    display: block;
    text-align: center;
    padding: 15px 0;
    border: 0;
    border-radius: 6px;
    font-weight: 600;
    font-size: 16px;
    line-height: 27px;
    cursor: pointer;
}

tr.cart-subtotal th,
tr.cart-subtotal td,
.order-total td,
.order-total th {
    padding-left: 10px;
}

.woocommerce-billing-fields input,
.woocommerce-additional-fields__field-wrapper textarea {

    background: #f2f2f2;
    border: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .125);
    border-radius: 0;
    width: 100%;
    box-sizing: border-box;
    color: #43454b;
    padding: 5px 10px;

}

#order_review {

    text-align: left;

}

#order_review th,
#order_review td {

    padding-left: 0;

}

.shop_table.woocommerce-checkout-review-order-table tfoot tr th {
    padding: 8px 0;
    border-bottom: 1px solid #E3E3E3;
    font-size: 14px;
}

.shop_table.woocommerce-checkout-review-order-table tfoot tr td {
    border-bottom: 1px solid #E3E3E3;
}

.shop_table.woocommerce-checkout-review-order-table thead tr th {
    border-bottom: 1px solid #E3E3E3;
    padding-bottom: 9px;
    text-transform: uppercase;
    font-size: 14px;
    padding-top: 15px;
}

.wc_payment_methods.payment_methods.methods {
    background: rgba(249, 110, 91, 0.15);
    padding: 15px;
    border-radius: 6px;
    margin-bottom: 25px;
    margin-left: 0;
    border: 1px solid #F96E5B;
}

.woocommerce-billing-fields .select2-container--default .select2-selection--single {
    margin: 3px 0px;
    border: 0;
    border-radius: 0;
}

.woocommerce-billing-fields .select2-container--default .select2-selection--single .select2-selection__rendered {
    background: #fff;
    border: 1px solid #ebebeb;
    border-radius: 0;
    width: 100%;
    box-sizing: border-box;
    color: #43454b;
    padding: 5px 10px;
}

.woocommerce-billing-fields .select2-container--default .select2-selection--single .select2-selection__placeholder,
#billing_address_1::placeholder,
#billing_first_name::placeholder {
    color: #414141;
}

.woocommerce-tabs.wc-tabs-wrapper {

    margin-top: 20px;

}

.single-product-top {

    padding-bottom: 30px;

}

.short-pdes-button {
    margin-bottom: 20px;
}

a.btn-normal {
    background: var(--vinavang);
    padding: 10px 30px;
    display: inline-block;
    border-radius: 6px;
    color: #fff;
    border: 1px solid var(--vinavang);
}

a.btn-border {
    border: 1px solid var(--vinavang);
    color: var(--vinavang);
    padding: 10px 30px;
    display: inline-block;
    border-radius: 6px;

}

.woo-promo-info {
    background: rgba(249, 110, 91, 0.15);
    padding: 15px;
    margin: 0 !important;
    border-radius: 5px;
    border: 1px solid rgba(249, 110, 91, 0.6);
}

.variations tr th label {
    text-align: left;
    display: block !important;
    margin: 15px 0 10px 0 !important;
}

a.reset_variations {
    display: none;
}

.woocommerce-variation-description p {
    margin: 0 0 20px 0;
}

table.variations {
    margin-bottom: 10px;
}

td.value.woo-variation-items-wrapper ul {
    margin: 0;
}

#product-meta span strong {
    color: #F54F30;
    font-weight: 400;
}

.summary.entry-summary a.woocommerce-review-link {
    color: #424242;
    font-size: 13px;
}

.summary.entry-summary .review-wrap small {
    padding: 0;
}

.summary.entry-summary .price span {
    color: var(--vinavang);
    font-size: 30px;
    line-height: 38px;
    font-weight: 600;
}

.product a.button {
    margin-top: 10px;
    padding: 5px 10px;
    background: #f2f2f2;
    color: #222;
    border-radius: 30px;
    font-size: 12px;
    text-transform: uppercase;
    display: table;
    margin: 0 auto;
}

a.devvn_buy_now.devvn_buy_now_ajax {
    margin: 0 auto;
    display: table;
    text-align: center;
    font-size: 13px;
    text-transform: uppercase;
    margin-top: 8px;
}

.wc-tab {
    background: #fff;
    border: 1px solid #E9E9E9;
    border-radius: 0px;
    padding: 34px;
}

.summary.entry-summary .price .strike bdi {
    font-size: 31px;
    color: #797979;
    padding-right: 10px;
}

.price del span {
    font-weight: 300;
    font-size: 15px !important;
    color: #C2C2C2 !important;
}

.summary.entry-summary .star-rating {
    text-align: left;
    width: 110px !important;
}

.woocommerce-product-rating {
    display: flex;
    justify-content: left;
    align-items: center;
}

ul.products.columns-4 {
    overflow: hidden;
}

.title-tab-product {
    color: #61594F;
    text-transform: uppercase;
    font-style: italic;
    font-weight: 900;
    margin: 20px 0;
    display: block;
}

.comment-text {
    background: #FAFAFB;
    border: 1px solid var(--tlborder) !important;
    border-radius: 6px;
    overflow: hidden;
    padding: 20px !important;
    box-shadow: none;
}

button.cr-ajax-reviews-add-review {
    background: var(--vinavang) !important;
    border: 0 !important;
    padding: 15px 30px !important;
    font-weight: 400 !important;
    color: #fff !important;
    border-radius: 6px !important;
    cursor: pointer;
}

.comment_container img {
    border-radius: 6px !important;
}

@media screen and (min-width: 48em) {
    table.shop_table_responsive thead {
        display: table-header-group;
    }

    table.shop_table_responsive tbody th {
        display: table-cell;
    }

    table.shop_table_responsive tr th,
    table.shop_table_responsive tr td {
        text-align: left;
    }

    table.shop_table_responsive tr td {
        display: table-cell;
    }

    table.shop_table_responsive tr td:before {
        display: none;
    }
}

/*----- Checkout page ---*/

#order_review h3,
.customer_billing h3 {
    font-size: 25px;
    padding: 0;
    margin: 20px 0;
    font-weight: 600;
    text-transform: uppercase;
}

.woocommerce-billing-fields__field-wrapper input,
.woocommerce-input-wrapper.password-input input {
    border: 1px solid var(--tlborder);
    background: #fff;
    box-shadow: none;
    border-radius: 5px;
    padding: 10px 15px;
}

abbr.required {
    color: var(--vinavang);
    font-size: 14px;
    border: 0;
    text-decoration: none;
}

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

/**
 * Single product
 */
/**
 * Single Product
 */

.summary.entry-summary .woocommerce-product-rating {
    display: flex;
}

#product-meta {
    line-height: 15px;
}

 .wpgs-nav.slick-initialized.slick-slider .slick-slide {
    border: 1px solid #dadada;
}

.wpgs-for.slick-initialized.slick-slider .slick-active img {
    border: 1px solid #dadada;
}

.wpgs-nav.slick-initialized.slick-slider .slick-slide img {
    margin: 0 auto;
}

.wpgs-nav.slick-initialized.slick-slider .slick-slide.slick-current.slick-active {
    border: 1px solid #F54F30;
}

.single-product #navbar-pc {
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 30px;
    padding-bottom: 10px;
}

.single-product .site-main-shop .breadcrumbs {

    margin-bottom: 30px;

}

.single-product div.product .woocommerce-product-gallery {
    position: relative;
}

.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
    position: absolute;
    top: 1em;
    right: 1em;
    display: block;
    z-index: 99;
}

.single-product div.product .woocommerce-product-gallery .flex-viewport {
    margin-bottom: 1em;
    border: 1px solid #ebebeb;
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs {
    content: "";
    display: table;
    table-layout: fixed;
    margin: 0;
    padding: 0;
    width: 100%;
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li {
    list-style: none;
    cursor: pointer;
    float: left;
    margin-right: 5px;
    border: 1px solid #ebebeb;
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img {
    opacity: .5;
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img.flex-active {
    opacity: 1;
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li:hover img {
    opacity: 1;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li {
    width: 48.1%;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li:nth-child(2n) {
    margin-right: 0;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li:nth-child(2n+1) {
    clear: both;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li {
    width: 30.7966666667%;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n) {
    margin-right: 0;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n+1) {
    clear: both;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
    width: 22.15%;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n) {
    margin-right: 0;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1) {
    clear: both;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li {
    width: 16.96%;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n) {
    margin-right: 0;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n+1) {
    clear: both;
}

.woocommerce-product-details__short-description {
    margin: 20px 0;
}

.stock:empty:before {
    display: none;
}

.stock.in-stock {
    color: #0f834d;
}

.stock.out-of-stock {
    color: #e2401c;
}

/**
 * Checkout
 */
/**
 * Checkout
 */
@media screen and (min-width: 768px) {
    .col2-set .form-row-first {
        float: left;
        margin-right: 3.8%;
    }

    .col2-set .form-row-last {
        float: right;
        margin-right: 0;
    }

    .col2-set .form-row-first,
    .col2-set .form-row-last {
        width: 48.1%;
    }
}

/**
 * General WooCommerce components
 */

/**
 * Tabs
 */
 .woocommerce-tabs ul.tabs {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
    position: relative;
    background: #E9E9E9;
}

.woocommerce-tabs ul.tabs li {
    display: inline-block;
    margin: 0;
    position: relative;
}

.woocommerce-tabs ul.tabs li a {
    display: block;
    padding: 24px 29px;
    font-weight: 400;
    font-size: 17px;
    color: #424242;
}

.woocommerce-tabs .tabs.wc-tabs .active a {
    color: #fff;
    background: #F54F30;
}

.woocommerce-tabs .panel h2:first-of-type {
    margin-bottom: 1em;
}

.woocommerce-MyAccount-content .col-1 {
    width: 100%;
}

/**
 * Password strength meter
 */
.woocommerce-password-strength {
    text-align: right;
}

.woocommerce-password-strength.strong {
    color: #0f834d;
}

.woocommerce-password-strength.short {
    color: #e2401c;
}

.woocommerce-password-strength.bad {
    color: #e2401c;
}

.woocommerce-password-strength.good {
    color: #3D9CD2;
}

/**
 * Forms
 */
.form-row.woocommerce-validated input.input-text {
    box-shadow: inset 2px 0 0 #fdeda5;
}

.form-row.woocommerce-invalid input.input-text {
    box-shadow: inset 2px 0 0 #e2401c;
}

.required {
    color: red;
}

/*--- Tab des single product -----*/
.dds-content {
    background: rgba(249, 110, 91, 0.1);
    border: 1px solid rgba(249, 110, 91, 0.4);
    border-radius: 16px;
    padding: 30px;
    margin-bottom: 20px;
    height: 100%;
}

.dds-content strong {
    color: var(--tlblack);
    font-weight: 700;
}

#tab-description h2 {
    font-size: 27px;
    color: var(--tlblack);
    font-weight: 700;
    display: table;
    position: relative;
    z-index: 1;
}

#tab-description h2:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 5px;
    background: var(--vinavang);
    bottom: 0;
    left: 0;
    z-index: -1;
}

.entry-content ol {
    margin: 0;
    margin-top: 0px;
    padding: 0;
    list-style: none;
    display: block;
    width: 100%;
    margin-top: 18px;
    margin-left: 8px;
}

.entry-content ol li {
    padding-left: 2em;
    padding-bottom: 5px;
}

.entry-content ol li:before {
    content: "\f058";
    font-family: "Font Awesome 5 Pro";
    display: inline-block;
    margin-left: -2em;
    width: 2em;
    color: #ee5520;
    font-weight: 400;
    font-size: 16px;
    vertical-align: middle;
}

.woocommerce-Tabs-panel--description ul {
    margin: 0;
}

/**
 * Notices
 */

.woocommerce-error,
.woocommerce-info,
.woocommerce-message,
.woocommerce-noreviews,
p.no-comments {
    padding: 1em 1.618em;
    margin-bottom: 2.617924em;
    background-color: #E3E3E3;
    margin-left: 0;
    border-radius: 2px;
    color: #414141;
    clear: both;
    border-left: .6180469716em solid #ED831F;
}

p#billing_first_name_field,
p#billing_last_name_field {
    margin-top: 0;
}


/**
 * WooCommerce widgets
 */
/**
 * WooCommerce Price Filter
 */

.widget_price_filter {
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 20px;
}

.widget_price_filter .price_slider {
    margin-bottom: 1.5em;
}

.widget_price_filter .price_slider_amount {
    text-align: right;
    overflow: hidden;
}

.widget_price_filter .price_slider_amount .button {
    float: left;
    width: 20%;
    background: #E0CEB8;
    border: none;
    border-radius: 0;
    color: #fff;
    font-weight: 700;
}

.widget_price_filter .price_slider_amount .button:hover {
    background: #61594F;
}

.widget_price_filter .price_slider_amount .price_label {
    width: 80%;
    float: right;
    font-size: 12px;
}

.widget_price_filter .price_slider_amount .price_label span {
    font-size: 13px;
}

.widget_price_filter .ui-slider {
    position: relative;
    text-align: left;
}

.widget_price_filter .ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1em;
    height: 1em;
    cursor: ew-resize;
    outline: none;
    background: #ED831F;
    box-sizing: border-box;
    margin-top: -.25em;
    opacity: 1;
}

.widget_price_filter .ui-slider .ui-slider-handle:last-child {
    margin-left: -1em;
}

.widget_price_filter .ui-slider .ui-slider-handle:hover,
.widget_price_filter .ui-slider .ui-slider-handle.ui-state-active {
    box-shadow: 0 0 0 0.25em rgba(0, 0, 0, 0.1);
}

.widget_price_filter .ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    display: block;
    border: 0;
    background: #E0CEB8;
}

.widget_price_filter .price_slider_wrapper .ui-widget-content {
    background: rgba(0, 0, 0, 0.1);
}

.widget_price_filter .ui-slider-horizontal {
    height: .5em;
}

.widget_price_filter .ui-slider-horizontal .ui-slider-range {
    height: 100%;
}

.product-cat a h2,
.woocommerce-loop-product__title {
    font-size: 16px;
    padding: 0;
    margin: 10px 0;
    line-height: 23px;
    text-align: center;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

ul.products li.product .price {
    color: #5E2E86;
    text-align: center;
    display: block;
}

.price {
    font-weight: 700;
    font-size: 15px;
}

.single-product-gallery {
    position: relative;
}

.onsale {

    position: absolute;
    background: #ED831F;
    color: #fff;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    text-align: center;
    line-height: 50px;
    font-size: 15px;
    font-weight: 700;
    z-index: 90;
    top: 10px;
}

.product_meta {

    border-top: 1px solid #ebebeb;
    margin-top: 20px;
    padding-top: 5px;

}

.product_meta span,
.product_meta a {

    font-size: 13px;

}

.summary.entry-summary .price {
    padding: 0;
    margin: 5px 0;
    font-size: 26px;
}

.price ins {
    background: transparent;
    color: #B90A0A;
    font-size: 15px;
}

.related.products h4 {

    text-transform: uppercase;
    font-size: 23px;
    font-weight: 700;
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 18px;

}

.related.products .row {

    padding: 10px;

}

.woocommerce-products-header {

    background: #f1f1f1;
    margin-bottom: 35px;

}

.woocommerce-pagination .page-numbers li {
    display: inline-block;
}

ul.page-numbers li span, ul.page-numbers li a {
    padding: 8px 14px;
    border: 1px solid #F54F30;
    color: #F54F30;
    font-size: 16px;
    font-weight: 700;
}

ul.page-numbers span.page-numbers.current {
    color: #fff;
    background: #F54F30;
}

.woocommerce-pagination .page-numbers {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
}

.content-product-archive .col-lg-9.col-md-9.col-sm-12.col-xs-12 {
    margin-bottom: 30px;
}

.product-cat {
    margin-bottom: 30px;
}

.related-title {
    margin: 30px 0;
    display: block;
    font-size: 21px;
    font-weight: 400;
    text-align: left;
    color: var(--tlblack);
}

.hover-area {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -30px;
    opacity: 0;
    visibility: hidden;
    -moz-transition: 0.4s all ease;
    -o-transition: 0.4s all ease;
    -webkit-transition: 0.4s all ease;
    transition: 0.4s all ease;

}


.woocommerce-table.woocommerce-table--order-details.shop_table.order_details tfoot td {
    padding: 20px;
}

.checkout_coupon.woocommerce-form-coupon .form-row.form-row-first {
    width: 270px;
}

.checkout_coupon.woocommerce-form-coupon .form-row.form-row-first input {
    width: 100%;
    border: 1px solid #ED831F;
    padding: 9px 10px;
    border-radius: 0;
}

.checkout_coupon.woocommerce-form-coupon .form-row.form-row-last {
    float: left !important;
    margin-left: 5px;
}

.checkout_coupon.woocommerce-form-coupon .form-row.form-row-last button {
    background: #ED831F;
    border: none;
    color: #fff;
    border-radius: 0;
    height: 43px;
    padding: 20px;
    line-height: 0px;
}

/* END Make the cart table responsive */



/*---- Fix product slider ---------*/

#wpgis-gallery .slick-slide {
    margin: 0;
    width: 100% !important;
}

.images {
    width: 100%;
    overflow: hidden;
}

.carousel-wrap {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    position: relative;
    overflow: hidden;
}

/* fix blank or flashing items on carousel */
.owl-carousel .item {
    position: relative;
    z-index: 100;
    -webkit-backface-visibility: hidden;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
#collection-owl.owl-carousel .owl-nav .owl-prev,
#collection-owl.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next {
    -moz-transition: all 0.45s ease;
    -webkit-transition: all 0.45s ease;
    -o-transition: all 0.45s ease;
    -ms-transition: all 0.45s ease;
    transition: all 0.45s ease;
    opacity: 0;
    visibility: hidden
}

.owl-carousel .owl-nav .owl-prev:hover,
.owl-carousel .owl-nav .owl-prev:focus,
.owl-carousel .owl-nav .owl-next:hover,
.owl-carousel .owl-nav .owl-next:focus,
#collection-owl.owl-carousel .owl-nav .owl-prev:hover,
#collection-owl.owl-carousel .owl-nav .owl-prev:focus,
#collection-owl.owl-carousel .owl-nav .owl-next:hover,
#collection-owl.owl-carousel .owl-nav .owl-next:focus,
.owl-carousel .owl-nav .owl-prev:hover,
.owl-carousel .owl-nav .owl-prev:focus,
.owl-carousel .owl-nav .owl-next:hover,
.owl-carousel .owl-nav .owl-next:focus {
    border-color: #333
}

.owl-carousel .owl-nav .owl-prev:hover:before,
.owl-carousel .owl-nav .owl-prev:focus:before,
.owl-carousel .owl-nav .owl-next:hover:before,
.owl-carousel .owl-nav .owl-next:focus:before,
#collection-owl.owl-carousel .owl-nav .owl-prev:hover:before,
#collection-owl.owl-carousel .owl-nav .owl-prev:focus:before,
#collection-owl.owl-carousel .owl-nav .owl-next:hover:before,
#collection-owl.owl-carousel .owl-nav .owl-next:focus:before,
.owl-carousel .owl-nav .owl-prev:hover:before,
.owl-carousel .owl-nav .owl-prev:focus:before,
.owl-carousel .owl-nav .owl-next:hover:before,
.owl-carousel .owl-nav .owl-next:focus:before {
    background-color: #fdc236;
    color: #333
}

.owl-carousel .owl-nav .owl-next,
#collection-owl.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-next {
    height: 44px;
    width: 44px;
    border: 2px solid #000;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: absolute;
    right: 0;
    text-align: center;
    line-height: 44px;
    top: 50%;
    transform: translate(0, -50%);
    font-size: 20px;
    margin: 0;
    right: -50px
}

.owl-carousel .owl-nav .owl-next:before,
#collection-owl.owl-carousel .owl-nav .owl-next:before,
.owl-carousel .owl-nav .owl-next:before {
    height: 36px;
    width: 36px;
    background-color: #000;
    color: #fff;
    display: inline-block;
    float: none;
    font-family: "FontAwesome";
    font-size: 22px;
    line-height: 28px;
    margin: 2px;
    vertical-align: top;
    border-radius: 50%;
    padding: 3px 14px;
    content: "\f105"
}

.owl-carousel .owl-nav .owl-next.disabled,
#collection-owl.owl-carousel .owl-nav .owl-next.disabled,
.owl-carousel .owl-nav .owl-next.disabled {
    opacity: 0.2 !important
}

.owl-carousel .owl-nav .owl-prev,
#collection-owl.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-prev {
    height: 44px;
    width: 44px;
    border: 2px solid #000;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: absolute;
    left: 0;
    text-align: center;
    line-height: 51px;
    top: 50%;
    transform: translate(0, -50%);
    color: #878fa0;
    font-size: 20px;
    margin: 0;
    left: -50px
}

.owl-carousel .owl-nav .owl-prev:before,
#collection-owl.owl-carousel .owl-nav .owl-prev:before,
.owl-carousel .owl-nav .owl-prev:before {
    height: 36px;
    width: 36px;
    background-color: #000;
    color: #fff;
    display: inline-block;
    float: none;
    font-family: "FontAwesome";
    font-size: 22px;
    line-height: 28px;
    margin: 2px;
    vertical-align: top;
    border-radius: 50%;
    padding: 3px 14px;
    content: "\f104"
}

.owl-carousel .owl-nav .owl-prev.disabled,
#collection-owl.owl-carousel .owl-nav .owl-prev.disabled,
.owl-carousel .owl-nav .owl-prev.disabled {
    opacity: 0.2 !important
}

.owl-carousel:hover .owl-nav .owl-prev,
#collection-owl.owl-carousel:hover .owl-nav .owl-prev,
.owl-carousel:hover .owl-nav .owl-prev {
    left: 0;
    opacity: 1;
    visibility: inherit
}

.owl-carousel:hover .owl-nav .owl-next,
#collection-owl.owl-carousel:hover .owl-nav .owl-next,
.owl-carousel:hover .owl-nav .owl-next {
    right: 0;
    opacity: 1;
    visibility: inherit
}

.owl-item .item {
    position: relative
}

.owl-nav span {

    display: none;

}

.select2.select2-container.select2-container--default {
    width: 100% !important;
}

.coupon {
    display: none !important;
}

.variations_form table tbody td {
    padding: 0;
}

.shop_attributes .attributes-item-label {
    margin: 0;
    padding: 0;
    text-align: left;
    color: #000;
    font-size: 15px;
    border-bottom: 1px dotted #E6E6E6;
    padding: 10px 0;
}

.shop_attributes .attributes-item-value {
    text-align: right;
    margin: 0;
    padding: 0;
    padding: 10px 0;
    border-bottom: 1px dotted #E6E6E6;
}

.summary.entry-summary ul {
    list-style: disc;
    margin-left: 16px;
}

.summary.entry-summary ul li {
    padding-bottom: 9px;
}

.iprovn-qty {
    padding: 10px 0;
    margin-right: 10px;
    text-align: center;
    border-radius: 5px;
    display: inline-flex;
    -webkit-box-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    justify-content: space-between;
    max-width: var(--et_quantity-max-width, 130px);
}

.iprovn-qty input {
    background: transparent;
    text-align: center;
    border-radius: 0;
    border: none;
    font-weight: 700;
    color: #000;
    width: var(--et_quantity-height, 38px);
    padding: 0;
    -webkit-appearance: none !important;
    line-height: 2rem;
    outline: none;
    margin: 0;
    appearance: textfield;
}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.iprovn-qty button {
    font-weight: 900;
    color: #cdcdcd;
    cursor: pointer;
    border: 1px solid #cdcdcd;
    padding: 0;
    background: transparent;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 2em;
    height: 2em;
    padding-right: 6px;
    padding-left: 6px;
    border-radius: 50%;
    margin: 0 !important;
}

.iprovn-qty button:hover {
    color: #61594F;
}

/*----------- My account -------------*/

nav.woocommerce-MyAccount-navigation ul {

    margin: 0px 0 20px 0 !important;
    border-bottom: 1px solid var(--tlborder);
    padding-bottom: 15px !important;
}

.woocommerce-MyAccount-content {
    text-align: center;
    overflow-x: auto;
}

.woocommerce-MyAccount-content strong {
    font-weight: 700;
}

.woocommerce-MyAccount-content a {
    color: var(--vinavang);
}

nav.woocommerce-MyAccount-navigation ul li.is-active a {
    color: var(--vinavang);
}

nav.woocommerce-MyAccount-navigation ul li a {
    padding: 0 12.5px;
    color: #000;
}

.woocommerce-MyAccount-content a.woocommerce-Button.button {
    color: #fff;
    margin: 10px auto;
}

.woocommerce-MyAccount-content form {
    text-align: left;
}

.woocommerce-MyAccount-content form input {
    width: 100%;
}

.woocommerce-MyAccount-content form p {
    margin: 6px 0;
}

.woocommerce-MyAccount-content form button.woocommerce-Button.button.wp-element-button {
    background: var(-vinavang);
    color: #fff;
}

.woocommerce-MyAccount-content form button.woocommerce-Button.button.wp-element-button {
    background: var(--vinavang);
    color: #fff;
    border: 0;
    padding: 15px 30px;
    font-size: 16px;
    font-weight: 700;
    border-radius: 11px;
    margin-top: 20px;
}

/*------ Spec tab ----*/

.dwspecs-product-table-group .group-title {
    color: #414141 !important;
    font-weight: 500 !important;
    position: relative;
    padding-bottom: 30px;
}

.dwspecs-product-table-group .group-title:after {
    content: '';
    width: 32px;
    background: rgb(236, 86, 32);
    background: linear-gradient(90deg, rgb(236, 86, 32) 0%, rgb(233, 128, 59) 76%);
    height: 13px;
    display: block;
    border-radius: 60px;
    bottom: 5px;
    position: absolute;
}

.dwspecs-product-table {
    margin-bottom: 50px;
}

.woocommerce-Reviews-title {
    font-size: 22px;
    font-weight: 500;
}

/*-------- Review Woocommerce -------------*/

.woocommerce #reviews #comments ol.commentlist {
    margin: 0;
    width: 100%;
    background: 0 0;
    list-style: none;
}

.woocommerce #reviews #comments ol.commentlist li img.avatar {
    background: transparent;
    border: 0;
    margin: 0 16px 24px 0;
    padding: 0;
    position: relative;
    width: 60px;
}

.woocommerce #reviews #comments ol.commentlist li img.avatar {
    float: left;
    position: absolute;
    top: 0;
    left: 0;
    padding: 3px;
    width: 32px;
    height: auto;
    background: #ebe9eb;
    border: 1px solid #e4e1e3;
    margin: 0;
    box-shadow: none;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text {
    border-color: #eee;
    border-radius: 0;
    margin-left: 80px;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text {
    margin: 0 0 0 50px;
    border: 1px solid #e4e1e3;
    border-radius: 4px;
    padding: 1em 1em 0;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text::after,
.woocommerce #reviews #comments ol.commentlist li .comment-text::before {
    content: " ";
    display: table;
}

.woocommerce #reviews #comments ol.commentlist li {
    padding: 0;
    margin: 0 0 20px;
    border: 0;
    position: relative;
    background: 0;
    border: 0;
}


.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
    font-size: .83em;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text p {
    margin: 0 0 1em;
}

.woocommerce #reviews #comments ol.commentlist li .meta {
    color: #767676;
    font-size: .75em;
}

.woocommerce .star-rating,
.woocommerce .crstar-rating,
.product .star-rating {
    float: right;
    overflow: hidden;
    position: relative;
    height: 1em;
    line-height: 1;
    font-size: 1em;
    font-family: star;
}

.woocommerce .star-rating::before,
.woocommerce .crstar-rating::before,
.product .star-rating::before {
    content: "\73\73\73\73\73";
    color: #d3ced2;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
}

.woocommerce .star-rating span,
.woocommerce .crstar-rating span,
.product .star-rating span {
    overflow: hidden;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
    padding-top: 1.5em;
}

.woocommerce .star-rating span::before,
.woocommerce .crstar-rating span::before,
.product .star-rating span::before {
    content: "\53\53\53\53\53";
    top: 0;
    position: absolute;
    left: 0;
}

/*--- Buy now -------*/


#sbw_wc-adding-button {
    margin-right: 10px;
    margin-left: 10px;
}

#sbw_wc-adding-button-archive {
    margin-right: 10px;
    margin-left: 10px;
}

#mega-menu-wrap-main-menu {
    width: 70%;
    float: left;
    clear: inherit;

}

.related.products {
    clear: both
}

span.mega-indicator:after {
    content: none !important;
}

div#reviews {
    display: block;
}

.product-star {
    margin-bottom: 10px;
}

form.variations_form.cart.vi_wpvs_variation_form.vi_wpvs_variation_form_init {
    display: block;
}

.variations tr th label {
    text-align: left;
    display: block;
}

.content-product-cat .price {
    display: flex;
    justify-content: left;
}

#shipping_method {
    margin: 0;
}

/*----- Contact bar -----------*/

#contact-bar {
    position: fixed;
    text-align: center;
    width: 45px;
    bottom: 60px;
    left: 20px;
    z-index: 99999;
}

#contact-bar ul li {
    margin: 14px 0;

}

#contact-bar ul li img {
    padding: 10px;
    border-radius: 100%;
    box-shadow: 0 3px 10px #888;
}

.ctb-fbm img {
    background: #0080f7;
}

.ctb-fbm img:hover {
    background: #0572d8;
}

.ctb-zalo img {
    background: #0065f7;
}

.ctb-zalo img:hover {
    background: #055cda;
}

.ctb-phone img {
    background: #4bd963;
}

.ctb-phone img :hover {
    background: #36c14e;
}

.ctb-mail img {
    background: #d32d2c;
}

.ctb-mail img:hover {
    background: #b31918;
}

#contact-bar-mobile {
    position: fixed;
    text-align: center;
    width: 100%;
    bottom: 0;
    right: 0;
    z-index: 99999;
    background: #fff;
    padding: 5px 0;
}

#contact-bar-mobile ul {
    display: flex;
    align-content: center;
    justify-content: center;
    margin: 0;
    padding: 0;
}

#contact-bar-mobile ul li {
    margin: 0 21px;
    border-radius: 100%;

}

#contact-bar-mobile ul li img {
    padding: 5px;
    max-width: 30px;
    border-radius: 100%;
    box-shadow: 0 3px 10px #888;
}

#contact-bar-mobile span {
    color: #000;
    font-size: 11px;
    display: block;
    text-align: center;
    padding-top: 1px;
}

.content-product-archive .star-rating,
.related.products .star-rating {
    display: block;
    width: 102px !important;
}

.review-wrap {
    display: flex;
}

h2.woocommerce-loop-product__title, h3.woocommerce-loop-product__title {
    min-height: 48px;
    border: 3px solid #000;
    border-radius: 10px;
    display: table;
    margin: 5px auto;
    padding: 15px;
    font-size: 33px;
    font-weight: 700;
    background: #fff6f6;
    color: #000;
}

.review-wrap small {
    color: #424242;
    font-size: 11px;
}

.content-product-archive .star-rating,
.woocommerce-product-rating .star-rating,
.product .star-rating {
    overflow: hidden;
    position: relative;
    height: 20px;
    line-height: 18px;
    font-size: 18px;
    font-family: "Font Awesome 5 Pro";
    color: #ffbc00;
    margin: 10px 0;
}

.content-product-archive .star-rating:before,
.woocommerce-product-rating .star-rating:before,
.product .star-rating:before {
    content: "\f005\f005\f005\f005\f005";
    color: #d3ced2;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
}

.content-product-archive .star-rating span,
.woocommerce-product-rating .star-rating span,
.product .star-rating span {
    overflow: hidden;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
    padding-top: 1.5em;
    font-size: 20px;
}

.content-product-archive .star-rating span:before,
.woocommerce-product-rating .star-rating span:before,
.product .star-rating span:before {
    content: "\f005\f005\f005\f005\f005";
    top: 0;
    position: absolute;
    left: 0;
    font-weight: 700;
}

.related.products ul li .price {
    color: #F96E5B;
    font-size: 15px;
    font-weight: 400;
}

a.added_to_cart.wc-forward,
a.reset_variations,
ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details,
section.woocommerce-order-details,
section.woocommerce-customer-details {
    display: none !important;
}

p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
    text-align: center;
    color: var(--vinavang);
}

.prdctfltr_wc .prdctfltr_filter label.prdctfltr_active>span {
    font-weight: 700 !important;
}

#menu-danh-muc-san-pham li.active a {
    font-weight: 700;
}

.wpgs-wrapper .slick-prev:before,
.fancybox-button--arrow .arrow-prev:before,
.fancybox-button--arrow .arrow-next:before,
.wpgs-wrapper .slick-next:before {
    font-family: "Font Awesome 5 Pro" !important;
}

.woocommerce-variation-price {
    margin-bottom: 20px;
}

.product {
    position: relative;
}

.xoo-el-form-container button.btn.button.xoo-el-action-btn {
    border: 0;
}

.sidebar-course .add_to_cart_button {
    width: 100%;
    text-align: center;
}

.sidebar-course p {
    margin: 0 0 20px 0;
}

.dinh-dang-sach .col-lg-6.col-md-12.col-sm-12.col-12 {
    margin-bottom: 20px;
}

.woocommerce-account .woocommerce {
    box-shadow: 0px 4px 20px rgb(0 0 0 / 5%);
    border-radius: 20px;
    padding: 20px;
    margin-bottom: 30px;
}

#course-bcategory .btn-border {
    margin-bottom: 20px;
}

.woocommerce-EditAccountForm .woocommerce-form-row--last {
    display: none;
}

.woocommerce-MyAccount-content a.woocommerce-button {
    color: #fff;
    font-size: 16px;
    text-align: center;
    padding: 6px 30px;
}

.woocommerce-MyAccount-content a.woocommerce-button {
    color: #fff;
    font-size: 16px;
    text-align: center;
    padding: 6px 30px;
    margin: 0;
    display: inline-block;
}

.price del {
    text-decoration: none !important;
}

.price del span {
    text-decoration: line-through;
}

/* mona-css */
.wrap {
    margin: 30px auto;
    position: relative;
    width: 100%;
    border: 1px solid #cfcfcf;
}

.wrap .accd-title {
    color: #333745;
    cursor: pointer;
    display: block;
    font-size: 1.25em;
    line-height: 1;
    padding: 1em;
}

.wrap .accd-wrap {
    padding: 1em;
}

.wrap .accd-wrap .accd-cont p {
    margin: 0;
}

.wrap input {
    display: none;
}

.wrap .accd-wrap {
    max-height: 400px;
    overflow: hidden;
    -webkit-transition: max-height 1s linear;
    -moz-transition: max-height 1s linear;
    -ms-transition: max-height 1s linear;
    -o-transition: max-height 1s linear;
    transition: max-height 1s linear;
}


.wrap .accd-title .less {
    display: none;
}

.wrap .accd-title .more {
    display: block;
}

/* For IE compatibility */
.wrap.checked .accd-wrap {
    max-height: 100%;
}

.wrap.checked .accd-title .less {
    display: block;
}

.wrap.checked .accd-title .more {
    display: none;
}

/* ==========================================================================
	Snippet Name: WooCommerce Review Star Ratings
	Description:  This css snippet blends all woocommerce star rating for a consistant look sitewide. Consolidates code and makes uses of WooCommerce.eot font. If you disabled the woocommerce.css and built your own styles then this will work great. If you are overriding woocommerce.css by adding styles to another styesheet that loads afterwards, this will still work fine, but you may need to target specific elements or create a master reset targeting all elements listed below in order to remove some of woocommerce default margins and padding.
	Author:       GL Walker
	Author URI:   http://wsfive.com
   ========================================================================== */
.woocommerce .star-rating, .woocommerce p.stars [class^="star-"], .woocommerce p.stars [class*=" star-"] {
	font-family: WooCommerce;
	speak: none;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	font-size: 1em;
}
.woocommerce .star-rating {
	overflow: hidden;
	position: relative;
	height: 1em;
	width: 6em;
}
.woocommerce .star-rating:before {
	content: "\f005\f005\f005\f005\f005";
	font-family: "Font Awesome 5 Pro";
	font-weight: 300;
	float: left;
	top: 0;
	left: 0;
	position: absolute;
	color: #999;
}
.woocommerce .star-rating span {
	overflow: hidden;
	float: left;
	top: 0;
	left: 0;
	position: absolute;
	padding-top: 1.5em
}
.woocommerce .star-rating span:before {
	content: "\f005\f005\f005\f005\f005";
	font-family: "Font Awesome 5 Pro";
	font-weight: 700;
	top: 0;
	position: absolute;
	left: 0;
	color: #F90;
}
/* rating block specific to single product summary area */
.woocommerce .woocommerce-product-rating {
	display: block;
	width: 100%;
}
.woocommerce .woocommerce-product-rating .star-rating {
	margin: 0 auto;
	float: left;
	font-size: 1em;
}
.woocommerce .woocommerce-product-rating .woocommerce-review-link {
	font-size: 85%;
	width: 100%;
	margin: 0.5em 0;
	float: left;
}
/* rating block specific to review submit form */
.woocommerce p.stars {
	position: relative;
	padding: 0.75em;
}
.woocommerce p.stars a {
	display: inline-block;
	margin-right: 1em;
	text-indent: -9999px;
	position: relative;
	border-bottom: 0!important;
	outline: 0;
	color: #999;
}
.woocommerce p.stars a:hover, .woocommerce p.stars a.active {
	color: #F90;
}
.woocommerce p.stars a:last-child {
	border-right: 0
}
.woocommerce p.stars [class^="star-"], .woocommerce p.stars [class*=" star-"] {
	border-right: 1px solid #ccc
}
.woocommerce p.stars [class^="star-"]:after, .woocommerce p.stars [class*=" star-"]:after {
	text-indent: 0;
	position: absolute;
	top: 0;
	left: 0
}
.woocommerce p.stars a.star-1 {
	width: 2em
}
.woocommerce p.stars a.star-1:after {
	content: "\f005";
	font-family: "Font Awesome 5 Pro";
	font-weight: 300;
}
.woocommerce p.stars a.star-1.active:after, .woocommerce p.stars a.star-1:hover:after {
	content: "\f005";
	font-family: "Font Awesome 5 Pro";
	font-weight: 700;
}
.woocommerce p.stars a.star-2 {
	width: 3em
}
.woocommerce p.stars a.star-2:after {
	content: "\f005\f005";
	font-family: "Font Awesome 5 Pro";
	font-weight: 300;
}
.woocommerce p.stars a.star-2.active:after, .woocommerce p.stars a.star-2:hover:after {
	content: "\f005\f005";
	font-family: "Font Awesome 5 Pro";
	font-weight: 700;
}
.woocommerce p.stars a.star-3 {
	width: 4em
}
.woocommerce p.stars a.star-3:after {
	content: "\f005\f005\f005";
	font-family: "Font Awesome 5 Pro";
	font-weight: 300;
}
.woocommerce p.stars a.star-3.active:after, .woocommerce p.stars a.star-3:hover:after {
	content: "\f005\f005\f005";
	font-family: "Font Awesome 5 Pro";
	font-weight: 700;
}
.woocommerce p.stars a.star-4 {
	width: 5em
}
.woocommerce p.stars a.star-4:after {
	content: "\f005\f005\f005\f005";
	font-family: "Font Awesome 5 Pro";
	font-weight: 300;
}
.woocommerce p.stars a.star-4.active:after, .woocommerce p.stars a.star-4:hover:after {
	content: "\f005\f005\f005\f005";
	font-family: "Font Awesome 5 Pro";
	font-weight: 700;
}
.woocommerce p.stars a.star-5 {
	width: 6em;
}
.woocommerce p.stars a.star-5:after {
	content: "\f005\f005\f005\f005\f005";
	font-family: "Font Awesome 5 Pro";
	font-weight: 300;
}
.woocommerce p.stars a.star-5.active:after, .woocommerce p.stars a.star-5:hover:after {
	content: "\f005\f005\f005\f005\f005";
	font-family: "Font Awesome 5 Pro";
	font-weight: 700;
}
/* rating block specific to product listing */
.woocommerce ul.products li.product .star-rating {
	display: block;
	text-align: center;
	margin: 0 auto;
}
/* rating block specific to sidebar widgets */
.woocommerce ul.cart_list li .star-rating, .woocommerce ul.product_list_widget li .star-rating {
	display: block;
	text-align: center;
	margin: 0 auto;
}
/* end of review stars */

div#review_form input#submit {
   background: #90dd40;
    color: #ffffff;
    padding: 15px 30px;
    border: 0;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
}
.wpcsb-quantity input {
    width: 36px;
    text-align: center;
    border-radius: 100%;
}

.in-stock {
    color: #2e7d32;
    font-weight: 400;
    display: block;
    border-top: 1px solid rgba(0, 0, 0, .1);
    padding-top: 15px;
}

.woocommerce-product-details__short-description ul {
    list-style: disc;
    margin-left: 20px;
}

ul.product-subcategories::-webkit-scrollbar-thumb {
    background-image: linear-gradient(-45deg, #6a5af9, #d66efd);
    border-radius: 50px;
}
ul.product-subcategories {
    display: flex;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow-x: scroll;
    overflow: scroll;
    padding-bottom: 10px;
	list-style: none;
	margin-left: 0;
}

ul.product-subcategories li a {
    background: #ED831F;
    color: #fff;
    font-size: 15px;
    padding: 12px;
    margin-right: 10px;
    display: block;
}

ul.product-subcategories::-webkit-scrollbar-track{
    background-color: #fafafa;
}

ul.product-subcategories::-webkit-scrollbar{
    width: 0px;
    height: 5px;
}
 
.wpcsb-product .price {
    color: #ED831F;
}  

.wpcsb-price-ori ins {
    background: transparent;
    color: #ED831F;
    font-weight: 700;
}

.woocommerce-billing-fields input {
    border: 1px solid #ebebeb;
    border-radius: 0;
}

ul.products {
    margin: 0;
    list-style: none;
}

.filter-widget ul {
    margin: 0;
}

.type-checkbox li a:before, .type-radio li:before {
    font-size: 15px;
    top: 3px;
}

.prdctfltr_wc_widget.prdctfltr_wc .prdctfltr_filter {
    margin-bottom: 1px !important;
}

.wc-block-cart-item__wrap a.wc-block-components-product-name {
    border: 2px solid #000;
    padding: 5px 15px;
    border-radius: 6px;
    text-align: center;
}

a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained {
    background: var(--vinavang);
    color: #fff;
    border-radius: 2px;
}

.dgwt-wcas-suggestions-wrapp.woocommerce.dgwt-wcas-has-img.dgwt-wcas-has-headings.js-dgwt-wcas-initialized {
    border: 1px solid #000;
    border-radius: 28px;
}

.dgwt-wcas-suggestion-selected {
    background: #F55D003D !important;
}

.prdctfltr_active span {
    color: #FF6D25;
}

a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
    display: none;
}

@media screen and (max-width: 768px) {
    .prdctfltr_wc.prdctfltr_woocommerce.prdctfltr_wc_widget.pf_sidebar.prdctfltr_slide.prdctfltr_click_filter.prdctfltr_checkbox.prdctfltr_search_fields.prdctfltr_hierarchy_lined.pf_remove_clearall.prdctfltr_mobile.pf_mod_multirow.prdctfltr_scroll_default {
        display: table !important;
    }

    span.prdctfltr_filter_title {
        border: 1px solid #ff6d25;
        padding: 10px 16px;
        border-radius: 10px;
    }
}

div#notification-area {
    display: none;
}