/*GENERAL STYLING */

@font-face {
    font-family: 'Expro';
    src: url(fonts/SFUI/SFUIText-LightItalic.eot);
    src: url(fonts/SFUI/SFUIText-LightItalic.eot?#iefix) format('embedded-opentype'), url(fonts/SFUI/SFUIText-LightItalic.woff) format('woff'), url(fonts/SFUI/SFUIText-LightItalic.ttf) format('truetype');
    font-weight: 200;
    font-style: italic
}

@font-face {
    font-family: 'Expro';
    src: url(fonts/SFUI/SFUIText-UltralightItalic.eot);
    src: url(fonts/SFUI/SFUIText-UltralightItalic.eot?#iefix) format('embedded-opentype'), url(fonts/SFUI/SFUIText-UltralightItalic.woff) format('woff'), url(fonts/SFUI/SFUIText-UltralightItalic.ttf) format('truetype');
    font-weight: 200;
    font-style: italic
}

@font-face {
    font-family: 'Expro';
    src: url(fonts/SFUI/SFUIText-HeavyItalic.eot);
    src: url(fonts/SFUI/SFUIText-HeavyItalic.eot?#iefix) format('embedded-opentype'), url(fonts/SFUI/SFUIText-HeavyItalic.woff) format('woff'), url(fonts/SFUI/SFUIText-HeavyItalic.ttf) format('truetype');
    font-weight: 900;
    font-style: italic
}

@font-face {
    font-family: 'Expro';
    src: url(fonts/SFUI/SFUIText-MediumItalic.eot);
    src: url(fonts/SFUI/SFUIText-MediumItalic.eot?#iefix) format('embedded-opentype'), url(fonts/SFUI/SFUIText-MediumItalic.woff) format('woff'), url(fonts/SFUI/SFUIText-MediumItalic.ttf) format('truetype');
    font-weight: 500;
    font-style: italic
}

@font-face {
    font-family: 'Expro';
    src: url(fonts/SFUI/SFUIText-Ultralight.eot);
    src: url(fonts/SFUI/SFUIText-Ultralight.eot?#iefix) format('embedded-opentype'), url(fonts/SFUI/SFUIText-Ultralight.woff) format('woff'), url(fonts/SFUI/SFUIText-Ultralight.ttf) format('truetype');
    font-weight: 200;
    font-style: normal
}

@font-face {
    font-family: 'Expro';
    src: url(fonts/SFUI/SFUIText-Medium.eot);
    src: url(fonts/SFUI/SFUIText-Medium.eot?#iefix) format('embedded-opentype'), url(fonts/SFUI/SFUIText-Medium.woff) format('woff'), url(fonts/SFUI/SFUIText-Medium.ttf) format('truetype');
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: 'Expro';
    src: url(fonts/SFUI/SFUIText-Light.eot);
    src: url(fonts/SFUI/SFUIText-Light.eot?#iefix) format('embedded-opentype'), url(fonts/SFUI/SFUIText-Light.woff) format('woff'), url(fonts/SFUI/SFUIText-Light.ttf) format('truetype');
    font-weight: 200;
    font-style: normal
}

@font-face {
    font-family: 'Expro';
    src: url(fonts/SFUI/SFUIText-SemiboldItalic.eot);
    src: url(fonts/SFUI/SFUIText-SemiboldItalic.eot?#iefix) format('embedded-opentype'), url(fonts/SFUI/SFUIText-SemiboldItalic.woff) format('woff'), url(fonts/SFUI/SFUIText-SemiboldItalic.ttf) format('truetype');
    font-weight: 600;
    font-style: italic
}

@font-face {
    font-family: 'Expro';
    src: url(fonts/SFUI/SFUIText-Semibold.eot);
    src: url(fonts/SFUI/SFUIText-Semibold.eot?#iefix) format('embedded-opentype'), url(fonts/SFUI/SFUIText-Semibold.woff) format('woff'), url(fonts/SFUI/SFUIText-Semibold.ttf) format('truetype');
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: 'Expro';
    src: url(fonts/SFUI/SFUIText-Heavy.eot);
    src: url(fonts/SFUI/SFUIText-Heavy.eot?#iefix) format('embedded-opentype'), url(fonts/SFUI/SFUIText-Heavy.woff) format('woff'), url(fonts/SFUI/SFUIText-Heavy.ttf) format('truetype');
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: 'Expro';
    src: url(fonts/SFUI/SFUIText-Bold.eot);
    src: url(fonts/SFUI/SFUIText-Bold.eot?#iefix) format('embedded-opentype'), url(fonts/SFUI/SFUIText-Bold.woff) format('woff'), url(fonts/SFUI/SFUIText-Bold.ttf) format('truetype');
    font-weight: bold;
    font-style: normal
}

@font-face {
    font-family: 'Expro';
    src: url(fonts/SFUI/SFUIText-Regular.eot);
    src: url(fonts/SFUI/SFUIText-Regular.eot?#iefix) format('embedded-opentype'), url(fonts/SFUI/SFUIText-Regular.woff) format('woff'), url(fonts/SFUI/SFUIText-Regular.ttf) format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Expro';
    src: url(fonts/SFUI/SFUIText-RegularItalic.eot);
    src: url(fonts/SFUI/SFUIText-RegularItalic.eot?#iefix) format('embedded-opentype'), url(fonts/SFUI/SFUIText-RegularItalic.woff) format('woff'), url(fonts/SFUI/SFUIText-RegularItalic.ttf) format('truetype');
    font-weight: normal;
    font-style: italic
}

@font-face {
    font-family: 'Expro';
    src: url(fonts/SFUI/SFUIText-BoldItalic.eot);
    src: url(fonts/SFUI/SFUIText-BoldItalic.eot?#iefix) format('embedded-opentype'), url(fonts/SFUI/SFUIText-BoldItalic.woff) format('woff'), url(fonts/SFUI/SFUIText-BoldItalic.ttf) format('truetype');
    font-weight: bold;
    font-style: italic
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

:focus {
    outline: 0 !important;
    text-decoration: none !important;
}

html,
body {
    margin: 0 !important;
    padding: 0;
}

button {
    cursor: pointer;
}

body {
    line-height: 1;
}

ol,
ul {
    list-style: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

caption,
th,
td {
    text-align: left;
    padding: 5px 10px;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
}

blockquote,
q {
    quotes: "" "";
}

a img {
    border: none;
}

img {
    border: none;
    max-width: 100%;
    height: auto;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
main,
time {
    display: block;
}

li {
    list-style-type: none;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden],
template {
    display: none;
}

a {
    background: transparent;
}

a:active,
a:hover {
    outline: 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

mark {
    background: #ff0;
    color: #666666;
}

small {
    font-size: 80%;
}

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

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

button[disabled],
html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input {
    line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

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

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}

a {
    color: #666666;
    text-decoration: none;
    cursor: pointer;
}

a:hover,
a:active,
a:focus {
    color: #666666;
    text-decoration: none;
}

a:active,
a:hover {
    outline: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
span {
    margin: 0px;
    padding: 0px;
}

figure {
    max-width: 100%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
main,
time {
    display: block;
}

b,
strong {
    font-weight: 700;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6,
span {
    margin: 0px;
    padding: 0px;
}

p {
    margin: 0;
}

i {
    font-style: italic;
}

b,
strong {
    font-weight: bold;
}

html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*,
*:before,
*:after {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased !important;
    overflow-wrap: break-word;
    word-wrap: break-word;
    line-height: 1.5;
    overflow-x: hidden;
    color: #666666 !important;
    font-size: 14px;
}

p {
    font-size: 14px;
    color: #555;
}

body.push {
    left: -280px;
    overflow: hidden;
}

body.fixed {
    overflow: hidden;
}

.fl,
.l {
    float: left;
}

.fr,
.r {
    float: right;
}

h1 {
    font-size: 45px;
    color: #373895;
    margin-top: 0px;
}

h2 {
    font-size: 30px;
}

h2,
h3,
h4,
h5 {
    margin: 0;
}

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

h4 {
    font-size: 19px;
}

h5 {
    font-size: 17px;
    line-height: 24px;
}

img {
    max-width: 100%;
    border: none;
    margin: 0;
    padding: 0;
}

.img-responsive {
    max-width: 100%;
    height: auto;;
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.p-0 {
    padding-left: 0;
    padding-right: 0;
}

a,
a:hover,
a:focus {
    text-decoration: none;
    outline: none;
    transition: all .3s ease-in-out;
}

ol,
ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.mobile {
    display: none !important;
}

.hide {
    display: none !important;
}

table {
    width: 100%;
}

table th,
table td {
    border: 1px solid #d1d1d1;
    border-collapse: collapse;
    line-height: 2 !important;
    padding: 5px 10px !important;
}

table th {
    background: #efefef;
    font-size: 14px;
    vertical-align: middle !important;
    /*min-width: 145px;*/
    color: #4f4f4f;
}

table th.strong {
    font-weight: bold;
}

.white {
    color: #fff;
}

.no-padding-bottom {
    padding-bottom: 0 !important;
}

.no-padding-top {
    padding-top: 0 !important;
}

.r_text {
    text-align: right;
}

.center,
.center_text {
    text-align: center;
    margin: 0 auto;
}

.b,
b {
    font-weight: bold !important;
}

.rq {
    color: red;
}

.white {
    color: #fff !important;
}

.dark-bg {
    background-color: #101a28;
}

.w100 {
    width: 100% !important;
}

.no-pad {
    padding: 0 !important
}

.no-mar {
    margin: 0 !important
}

section {
    display: block;
    position: relative;
}

input[type="text"],
input[type="password"],
input[type="number"],
.select {
    border: solid 1px #ccc;
    padding: 2px 8px;
}

body.modal-open {
    transition: none !important;
}

body.cbp-spmenu,
body.cbp-spmenu-push {
    transition: none !important;
}

.product-list-slider {
    margin: 0 8px;
}

.wrap-product-item {
    height: 100%;
    background: #fff;
    transition: .3s;
    position: relative;
    border-radius: 5px;
    border: 1px solid #e3e8eb;
    overflow: hidden;
    box-shadow: 0 1px 8px 0 rgb(35 35 35 / 5%);
}

.list-pro-search .wrap-product-item:hover {
    box-shadow: 0px -1px 3px 2px #0000ff0f;
}
.wrap-product-item a{
    display: block;
}
.wrap-product-item a img{
    display: block;
    max-height: auto;
    width: 100%;
    height: 230px;
    object-fit: cover;
}
.list-pro-search .box {
    background: #f2f2fc !important;
    box-shadow: none !important;
}

.wrap-product-item .promotion {
    content: "";
    position: absolute;
    width: 46px;
    height: 61px;
    top: 0;
    left: 0;
    z-index: 99;
    background: linear-gradient(167deg, #222, #222 70%, #ffffff00 72%, #fff8f800);
}

.wrap-product-item .new-product {
    content: "";
    position: absolute;
    width: 46px;
    height: 25px;
    top: 0;
    right: 0;
    z-index: 99;
    background: #222;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    line-height: 25px;
}

.name-product {
    text-align: center;
    font-size: 16px;
    color: #222;
    display: block;
}
.price-product{
    font-weight: 600;
    text-align: center;
}
.name-product:hover {
    text-decoration: underline;
}

.cont-pro-item {
    padding: 10px;
    position: relative;
}

.padding-col {
    padding: 0 15px !important;
}

.padding-col-cate {
    padding: 0 8px !important;
    margin-top: 16px;
}
.padding-col-service{
    padding: 0 25px !important;
    margin-bottom: 16px;
}

.row-product-cate {
    margin: 0 -8px;
}

.pot-random {
    padding-top: 70px;
}

.item-breadcrumb {
    display: flex;
    padding: 10px 0 15px 0;
    border-bottom: 1px solid #bdbdbd;
    margin-bottom: 15px;
}

.item-breadcrumb > li {
    padding-right: 20px;
    position: relative;
}

.item-breadcrumb > li:before {
    position: absolute;
    content: '/';
    top: 0;
    right: 6px;
}

.item-breadcrumb > li:last-child:before {
    position: absolute;
    content: '';
}

.item-breadcrumb > li a:hover {
    text-decoration: underline;
}

/*custom css*/
.wrap-menu-primary {

}

.wrap-cont-top .product-item-title {
    color: #333;
    display: block;
    padding: 5px 0;
    position: relative;
    display: -webkit-box;
    height: 48px;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 2;
    line-height: 22px;
    text-align: left;
    text-transform: capitalize;
    font-family: Roboto, Arial, sans-serif;
    font-size: 16px;
    letter-spacing: 1px;
}
.wrap-cont-top .product-item-title a{
    /*font-family: 'Montserrat';*/
    font-family: Expro;
    font-size: 15px;
    color: #333;
    letter-spacing: -0.3px;
    font-weight: 500;
}
.wrap-cont-top .product-item-title a:hover{
    color: #4ac1f7;
    text-decoration: underline;
}
.normal-price {
    font-size: 18px;
    font-weight: 700;
    color: #222;
    margin-right: 10px;
}

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

.underline {
    text-decoration: underline;
}

p.view-product {
    display: flex;
    justify-content: space-between;
    margin-top: 5px;
}

.row-product {
    margin: 0 -15px;
}

.start-icon {
    cursor: pointer;
}

.padding-col {
    margin-bottom: 30px;
}

/*page category*/
.tit-cate-page {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.tit-cate-page .tit-main {
    font-size: 30px;
    color: #4ac1f7;
    font-weight: 500;
}

.tit-cate-page .show-all-product {
    font-size: 16px;
}

.tit-cate-page .show-all-product a {
    color: #000;
    text-decoration: underline;
    font-weight: bold;
    margin-left: 10px;
}

.filter-product {
    display: flex;
    align-items: center;
    padding: 12px 0 0px 0;
    justify-content: space-between;
}

.by-sort-pro {
    width: 18%;
}

.by-price-range {
    width: 82%;
}

.item-range-price {
    display: flex;
}

.item-range-price > li {
    margin-right: 30px;
    font-size: 16px;
}

.item-range-price > li a {
    color: #000;
}

.item-range-price > li a:hover {
    text-decoration: underline !important;
}

select#sorter_option {
    padding: 6px 15px;
}

.list-pro-cate {
    margin: 15px 0;
}
.list-pro-cate .padding-col-cate{
    margin-bottom: 0px;
}
.tit-filter-item {
    font-size: 16px;
    font-weight: 600;
    color: #010101;
    margin-bottom: 10px;
}

.list-filter-item > li {
    margin: 10px 0;
    position: relative;
    padding: 0 20px;
}

.list-filter-item > li:before {
    position: absolute;
    content: "";
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 1px solid #010101;
    left: 0;
    top: 4px;
}

.list-filter-item > li a {
    font-size: 16px;
    color: #010101;
}

.list-filter-item > li a:hover {
    text-decoration: underline;
}

.filter-sidebar .filter-sidebar-item:last-child {
    padding-top: 15px;
    border-top: 1px solid #bdbdbd;
}

.start-view-pro {
    font-size: 13px;
}
.list_page_all_product{
    margin: 0px;
}
.num-promotion,
.text-promotion {
    display: block;
    text-align: center;
    font-weight: bold;
}

.text-promotion {
    color: #fff;
}

.num-promotion {
    color: #fddc00;
}

.box-info-gift {
    background: #f2f2f2;
    padding: 20px 41px;
    position: relative;
    margin: 20px 0 10px 0;
}

.tit-gift {
    position: absolute;
    left: 25px;
    top: -17px;
    font-size: 15px;
    color: #fff;
    padding: 4px 15px;
    background: #010101;
}

.box-info-gift ul li {
    position: relative;
    margin-bottom: 10px;
    list-style-type: disc;
}

/*end custom css =====================================*/
.page-site {
    display: block;
    position: relative;
    z-index: 1;
    margin: 0;
    padding: 0;
    background: #FFF;
}

#toc_container {
    display: block;
    width: 100%;
    background: #e1edcf;
    padding: 10px;
    border-radius: 3px;
    margin: 0px 0 20px 0;
}

#toc_container .toc_title {
    font-size: 17px;
    font-family: Roboto;
    color: #4ac1f7;
    font-weight: 600;
    margin: 0px 0px 10px 0;
}

.toc_toggle a {
    color: #F00;
}

#toc_container ul {
    display: block;
    padding-top: 3px;
    padding-left: 0px;
    margin: 0px;
    font-family: Arial;
}

#toc_container ul.toc_list li {
    display: block;
    padding-left: 10px;
}

#toc_container ul.toc_list li ul li {
    display: block;
    padding-left: 15px;
}

#toc_container ul.toc_list li a {
    display: block;
    line-height: 20px;
    color: #676767;
}

#toc_container ul.toc_list li a:hover {
    color: #ff6600;
}

.toc_toggle {
    display: none;
}

.details-sumary {
    display: block;
    font-size: 14px;
    text-align: justify;
    font-family: Arial;
    color: #333;
}

.details-sumary h2,
.details-sumary h3,
.details-sumary h4,
.details-sumary h5,
.details-sumary h6 {
    font-family: Roboto;
    font-size: 16px;
    margin: 10px 0 8px;
    text-align: left;
    font-weight: 700;
    display: block;
}

.details-sumary h2 {
    font-size: 27px;
    line-height: 30px;
}

.details-sumary h3 {
    font-size: 23px;
    line-height: 27px;
}

.details-sumary h4 {
    font-size: 20px;
    line-height: 25px;
}

.details-sumary h5 {
    font-size: 17px;
    line-height: 25px;
}

.details-sumary h6 {
    font-size: 17px;
    line-height: 25px;
}

.details-sumary a {
    color: #1276ac;
}

.details-sumary a:hover {
    color: #56b952;
}

.details-sumary p {
    display: block;
    margin-bottom: 10px;
    font-weight: 300;
    line-height: 20px;
    margin-top: 4px;
    color: #333;
}

.details-sumary blockquote {
    background: #f2f2f2 none repeat scroll 0 0;
    border-left: 3px solid #0155eb;
    margin: 10px 0;
    padding: 10px;
    border-radius: 3px;
}

figcaption {
    border-bottom: medium none;
    display: block;
    float: none;
    font-family: "Courier New", Courier, monospace;
    font-size: 14px;
    font-style: italic;
    margin: 0 auto;
    padding: 3px 10px 5px;
    text-align: center;
}

.details-sumary ul,
.details-sumary ol {
    display: block;
    list-style-type: disc;
    margin: 15px 0;
    padding-left: 30px;
}

.details-sumary ol {
    list-style-type: decimal;
}

.details-sumary .more-articles ul {
    list-style-type: none;
    margin: auto -7.5px 10px;
    padding-left: 0;
}

.details-sumary .more-articles ul li {
    padding-left: 7.5px;
    padding-right: 7.5px;
}

.details-sumary table {
    display: block;
    margin: 0 auto;
}

.details-sumary img {
    max-width: 100% !important;
    margin: 5px auto !important;
    display: block;
    height: auto !important;
}

.autocomplete-suggestions {
    border: 1px solid #F2F2F2;
    border-radius: 0px 0px 5px 5px;
    background: #FFF;
    overflow: auto;
}

.autocomplete-suggestion {
    padding: 2px 5px;
    white-space: nowrap;
    overflow: hidden;
}

.autocomplete-selected {
    background: #F0F0F0;
}

.autocomplete-suggestions strong {
    font-weight: normal;
    color: #3399FF;
}

.autocomplete-group {
    padding: 2px 5px;
}

.autocomplete-group strong {
    display: block;
    border-bottom: 1px solid #666666;
}

.autocomplete-suggestion:hover {
    background: #f1f1f1;
    color: #72C02C;
    cursor: pointer;
}

#sidr-right-menu,
.menu_mobile_resposive {
    position: absolute;
    right: 0;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.wprs_magic {
    left: -9999px;
    position: absolute;
}

.editorrating_average {
    background: #f89406 none repeat scroll 0 0;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 20px;
    padding: 10px 18px;
}

.review_content_post .row {
    border: none;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.review_content_post .bor-tt {
    padding: 0px 0;
    color: #060;
    font-weight: bold;
}

.comment-facebook {
    display: block;
    padding: 10px 0;
}

.review_content_post {
    display: block;
    padding: 10px 0;
}

#Nguoi_viet_danh_gia span {
    font-size: 15px;
    font-weight: bold;
    font-style: italic;
}

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

#breadcrumb .breadcrumb > li + li:before {
    content: "\f105";
    padding: 0 5px;
    color: #666666;
    font-family: FontAwesome;
}

#breadcrumb .breadcrumb > .active,
#breadcrumb .breadcrumb > .active a {
    color: #579409;
}

body {
    padding: 0px;
    font-size: 14px;
    font-weight: normal;
    color: #666666;
    text-decoration: none;
    font-family: Roboto, Arial, sans-serif;
}

html {
    scroll-behavior: smooth;
}

.flex {
    display: flex;
    display: -ms-flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.flex.wrap {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.flex.middle {
    align-items: center;
    -webkit-align-items: center;
}

.center_txt {
    text-align: center;
}

.bold {
    font-weight: bold;
}

.fr {
    float: right;
}

.fl {
    float: left;
}

.fs20 {
    font-size: 20px;
}

.mobile {
    display: none;
}

#the_header {
    padding: 15px 20px;
}

header.header_site {
    display: block;
    position: fixed;
    z-index: 10;
    width: 100%;
    background: #0000007a !important;
    background-position: 50% 0;
    background-size: cover;
    position: relative;
    transition: background-color .3s, opacity .3s;
}
header.header_site.header_sub_home{
    background: #000 !important;
}
header.header_site .top_bar {
    display: block;
    position: relative;
}

header.header_site .top_bar img {
    width: 100%;
}

header.header_site .top_menu {
    display: block;
    position: relative;
    background: #56b853;
}

nav.nav_top_bar ul#topbar_menu_top {
    display: block;
    position: relative;
    display: flex;
    height: 28px;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: end;
    justify-content: flex-end;
}
#top-bar  ul.nav_top_bar {
    align-items: center;
    display: inline-block;
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    justify-content: flex-end;
}
#top-bar ul.nav_top_bar li {
    display: inline-block;
    list-style: none;
    margin: 5px 0;
    padding: 0;
    transition: background-color .3s;
    font-size: 12px !important;
    border-right: 1px solid #FFF;
}
#top-bar ul.nav_top_bar li:last-child{
    border-right: none;
}
#top-bar ul.nav_top_bar li a {
    font-weight: 400;
    padding: 0 10px;
    vertical-align: top;
    color: #FFF;
}
nav.nav_top_bar ul#topbar_menu_top li {
    display: block;
    position: relative;
    float: right;
    margin-left: 20px;
}

nav.nav_top_bar ul#topbar_menu_top li:first-child {
    padding-left: 0px;
}

nav.nav_top_bar ul#topbar_menu_top li a {
    display: block;
    color: #FFF;
    font-size: 12px;
    font-family: Expro;
}

nav.nav_top_bar ul#topbar_menu_top li a:hover {
    color: #fff110;
}

.avatar_user_header {
    border-radius: 50%;
    width: 32px
}

.flex-container {
    display: flex;
    align-items: stretch;
}

.header_head_group .menu-top-left {
    display: flex;
    flex: 1 1 0%;
}

.header_head_group .menu-top-right {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: end;
    justify-content: flex-end;
}

.header_head_group .logo-page {
    display: flex;
    align-items: flex-start;
}

.header_head_group .logo-page img {
    display: block;
    max-width: 200px;
}

.header_head_group .box_search_header {
    margin-left: 40px;
    flex: 1 1 0%;
    position: relative;
}

.header_head_group .box_search_header .form-search {
    width: 90%;
    display: flex;
    position: relative;
    border-radius: 5px;
    border: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.customer-action-hover {
    display: none;
    background: #FFF;
    border-top: 2px solid #56b853;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
}

.customer-action-hover a {
    display: block;
    font-size: 14px;
    font-weight: normal;
    padding: 8px;
}

ul.nav_login_resign_group_header li {
    position: relative;
}

ul.nav_login_resign_group_header li:hover .customer-action-hover {
    display: block;
    position: absolute;
    min-width: 140px;
    left: 50%;
    transform: translateX(-50%);
    top: 35px;
    text-align: left;
}

.customer-action-hover:after {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    top: -11px;
    left: 50%;
    transform: translateX(-50%);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #ea72a7;
}

.form-search input#search,
.form-search input#search_input {
    border: 1px solid #CCC;
    text-rendering: auto;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    background: #F1F1F1;
    cursor: text;
    margin: 0px;
    font: 400 13.3333px Arial;
    padding: 1px 0px;
    font-size: 13px;
    padding: 0px 8px;
    border-radius: 4px 0px 0px 4px;
    flex: 1 1 0%;
    outline: none;
    line-height: 1.15;
    margin: 0px;
}

button {
    -webkit-appearance: button;
    -webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
    color: buttontext;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: center;
    align-items: flex-start;
    cursor: pointer;
    background-color: buttonface;
    box-sizing: border-box;
    margin: 0em;
    font: 400 13.3333px Arial;
    padding: 1px 6px;
    border-width: 2px;
    border-style: outset;
    border-color: buttonface;
    border-image: initial;
}

.box_search_header button {
    cursor: pointer;
    height: 40px;
    font-size: 14px;
    font-weight: 400;
    padding: 0px 11px 0px 15px;
    border-radius: 0px 4px 4px 0px;
    outline: none;
    background: #57b952;
    color: #FFF;
    border: none;
    margin: 0px;
}

.nav_login_resign_group_header {
    /*margin-left: 20px;*/
    flex: 1 1 0%;
    position: relative;
}

.nav_login_resign_group_header li.customer-icon {
    position: relative;
    padding: 5px 20px 5px 0;
    font-weight: 500;
}

.nav_login_resign_group_header li.customer-icon a {
    display: flex;
    align-items: center;
}

/* .nav_login_resign_group_header li.customer-icon a img,
.nav_login_resign_group_header li.customer-icon a i {
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    margin-top: 3px;
} */

.nav_login_resign_group_header li.customer-icon a i {
    font-size: 28px;
}

.nav_login_resign_group_header li.customer-icon .user_text {
    position: relative;
    display: block;
    /*  padding-left: 40px;*/
    margin-top: 4px;
    margin-left: 5px;
}

.nav_login_resign_group_header {
    display: flex;
    align-items: center;
}

.required {
    color: red;
}

.nav_login_resign_group_header li.customer-icon .user_text span {
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    text-align: left;
    color: #8c8b8b;
}

.nav_login_resign_group_header li.customer-icon small {
    font-size: 11px;
    font-weight: 300;
    display: block;
    text-align: left;
    color: #333;
}

.nav_login_resign_group_header li.customer-icon a:hover .user_text small {
    color: #57bd57;
}

.nav_login_resign_group_header li.customer-icon .user_text br {
    line-height: 1px;
    height: 0px;
}

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

.nav_login_resign_group_header .shopping-cart a.icon_cart_tbn_a img {
    position: relative;
    top: 0px;
}

.nav_login_resign_group_header .shopping-cart a.icon_cart_tbn_a .basel-cart-totals {
    position: absolute;
    right: 3px;
    top: -7px;
}

.releted {
    position: relative;
}

.free_delivery {
    background: #fddc00;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4px;
}

.out-stock {
    position: absolute;
    top: 50%;
    text-align: center;
    width: 100%;
    background: #80808063;
    padding: 8px 0px;
    transform: translateY(-50%);
    font-size: 20px;
    font-weight: bold;
    color: #222;
}

.free_delivery .wrap-cont-fd {
    display: flex;
    align-items: center;
}

.free_delivery p {
    font-size: 14px;
    margin: 0 0 0 5px;
    font-style: italic;
}

.free_delivery p a:hover {
    text-decoration: underline;
}

.submenu-item {
    display: none;
    min-width: 199px;
    position: absolute;
    top: 68px;
    left: -44px;
    max-width: 1180px;
    background-color: #020202;
    webkit-box-shadow: 0px 1px 36px 0px rgba(237,237,237,1);
    -moz-box-shadow: 0px 1px 36px 0px rgba(237,237,237,1);
    box-shadow: 0px 10px 36px 0px rgb(212 211 211);
    z-index: 99999;
    border-radius: 0px 0px 3px 3px;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transition: transform 0.5s ease 0s,opacity 0.6s ease 0s,max-height 0.6s step-end 0s,max-width 0.6s step-end 0s,padding 0.6s step-end 0s;
    -webkit-transition: transform 0.5s ease 0s,opacity 0.6s ease 0s,max-height 0.6s step-end 0s,max-width 0.6s step-end 0s,padding 0.6s step-end 0s;
    transform-origin: 0 0 0;
    visibility: visible;
    animation-duration: 0.8s;
    animation-fill-mode: both;
    animation-name: fadeInUp;
    border: 1px solid #1f1a1a;
}
ul#primary_menu_top>li.has_level1 .submenu-item:after, ul#primary_menu_top>li.has_level1 .submenu-item:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    z-index: 10;
}
ul#primary_menu_top>li.has_level1 .submenu-item:before {
    border-color: rgba(172,141,84,0);
    border-bottom-color: #010101;
    border-width: 5px;
    margin-left: -2px;
}
ul#primary_menu_top>li:hover .submenu-item {
    display: block;
    border-radius: 5px;
}
.wrap-submenu-item {
    padding: 15px 30px;
}
.li-sub{
    padding: 10px 0px;
}

.submenu-item {
    display: none;
}

.menu-item:hover {
    z-index: 100;
}

.menu-item:hover .submenu-item {
    display: block;
}

.mt-20 {
    margin-top: 20px;
}

.flex-center {
    display: flex;
    align-items: center;
}

.container_left {
    width: 240px;
    display: block;
    float: left;
}

.container_right {
    width: calc(100% - 240px);
    display: block;
    float: left;
}

ul.nav_categories_container > li {
    display: block;
    background: #56b952;
    position: relative;
    z-index: 11;
    border-radius: 5px 5px 0px 0px;
}

ul.nav_categories_container > li > a {
    display: block;
    padding: 10px 20px 10px 50px;
    text-transform: uppercase;
    color: #FFF;
    font-family: Expro;
    position: relative;
}

ul.nav_categories_container > li > a:before {
    position: absolute;
    font-family: iconfont;
    content: "\e120";
    top: 3px;
    left: 15px;
    font-size: 24px;
}

ul#primary_menu_top {
    display: inline-block;
    white-space: nowrap;
    max-width: 100%;
    width: 100%;
}

ul#primary_menu_top > li {
    display: inline-block;
    /*position: relative;*/
}

ul#primary_menu_top > li > a {
    padding: 7.5px 10px;
    color: #fff;
    text-transform: capitalize;
    font-size: 13px;
    font-family: 'Montserrat';
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
}

.home-about-hoangphuc {
    position: relative;
    min-height: 349px;
    color: #fff;
    display: none;
    align-items: center;
    background: url(../images/background_about.jpg);
    background-size: cover;
    background-position: center 80%;
}

.home-about-hoangphuc img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    z-index: -1;
}

.home-about-hoangphuc .content {
    width: 100%;
    padding: 50px 16px;
    text-align: center;
    max-width: 510px;
    margin: auto;
}

.home-about-hoangphuc .title {
    font-weight: 700;
    font-size: 36px;
    line-height: 48px;
    margin-bottom: 16px;
}

.home-about-hoangphuc p {
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
    color: #f2f2f2;
    opacity: .8;
    margin-bottom: 20px;
    letter-spacing: .0015em;
}

.home-about-hoangphuc .view-detail {
    height: 40px;
    font-weight: 600;
    background: #010101;
    color: #fff;
    font-size: 12px;
    line-height: 40px;
    letter-spacing: .02em;
    max-width: 160px;
    margin: auto;
    display: flex;
    justify-content: center;
}

.home-about-hoangphuc .view-detail:after {
    /* .home-about-hoangphuc .view-detail:aftercontent: '\f061';
    font-family: 'Line Awesome Free';
    font-weight: 900;
    font-size: 20px;
    margin-left: 15px; */
}

.flex-view {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

ul#primary_menu_top > li > a:hover {
    /*background: #56b952;*/
    color: #FFF;
}

ul#primary_menu_top > li.featured {
    z-index: 11;
}

ul#primary_menu_top > li.featured > a {
    background: #f42c2c;
    color: #FFF;
}

.main-container {
    position: relative;
    z-index: 5;
    width: 100%;
    overflow: hidden;
}

.main-body {
    background: #fafafa;
}

.main-body:before {
    /*background: rgba(250,250,250,1);
    background: -moz-linear-gradient(bottom, rgba(250,250,250,1) 0%, rgba(234,234,234,1) 100%);
    background: -webkit-gradient(left bottom, left top, color-stop(0%, rgba(250,250,250,1)), color-stop(100%, rgba(234,234,234,1)));
    background: -webkit-linear-gradient(bottom, rgba(250,250,250,1) 0%, rgba(234,234,234,1) 100%);
    background: -o-linear-gradient(bottom, rgba(250,250,250,1) 0%, rgba(234,234,234,1) 100%);
    background: -ms-linear-gradient(bottom, rgba(250,250,250,1) 0%, rgba(234,234,234,1) 100%);
    background: linear-gradient(to top, rgba(250,250,250,1) 0%, rgba(234,234,234,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#ffffff', GradientType=0 );
    height: 50px;
    content: " ";
    position: absolute;
    top: 0px;
    display: block;
    width: 100%;*/
}

.menu_nav_header {
    position: relative;
    display: block;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100 */
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f3f3f3', GradientType=0);
    /* IE6-9 */
}

.menu_nav_header:before {
    display: none;
    box-shadow: 30px 0 30px 0px rgb(222, 219, 219);
    content: " ";
    height: 42px;
    left: 0px;
    position: absolute;
    bottom: -100%;
    width: 100%;
    z-index: 10;
}

ul.category_menu_product_home_read {
    display: block;
    background: #FFF;
    -webkit-box-shadow: 0px 1px 36px 0px rgba(237, 237, 237, 1);
    -moz-box-shadow: 0px 1px 36px 0px rgba(237, 237, 237, 1);
    box-shadow: 0px 10px 36px 0px rgba(212, 211, 211, 1);
    position: relative;
    padding-top: 10px;
    border-radius: 0px 0px 5px 5px;
}

ul.category_menu_product_home_read:before {
    background: rgba(255, 255, 255, 1);
    background: -moz-linear-gradient(bottom, rgba(255, 255, 255, 1) 0%, rgba(241, 241, 241, 1) 100%);
    background: -webkit-gradient(left bottom, left top, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(241, 241, 241, 1)));
    background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 1) 0%, rgba(241, 241, 241, 1) 100%);
    background: -o-linear-gradient(bottom, rgba(255, 255, 255, 1) 0%, rgba(241, 241, 241, 1) 100%);
    background: -ms-linear-gradient(bottom, rgba(255, 255, 255, 1) 0%, rgba(241, 241, 241, 1) 100%);
    background: linear-gradient(to top, rgba(255, 255, 255, 1) 0%, rgba(241, 241, 241, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#ffffff', GradientType=0);
    height: 50px;
    content: " ";
    position: absolute;
    top: 0px;
    display: block;
    width: 100%;
}

ul.category_menu_product_home_read > li {
    display: block;
    height: 40px;
}

ul.category_menu_product_home_read > li > a {
    display: block;
    position: relative;
    padding: 7.5px 10px 7.5px 0px;
    color: #333;
    text-transform: capitalize;
    z-index: 2;
    border-bottom: 1px solid #f1f1f1;
    transition: none;
    position: relative;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    z-index: 2;
    color: rgb(68, 68, 68);
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0px;
    height: 100%;
    text-decoration: none;
}

ul.category_menu_product_home_read > li:last-child > a {
    border-bottom: none;
}

ul.category_menu_product_home_read > li > a .icon-wrap {
    width: 39px;
    text-align: center;
}

ul.category_menu_product_home_read > li > a:hover {
    background: #fafafa;
    color: #56b952;
}

ul.category_menu_product_home_read > li > a.sub:after {
    position: absolute;
    right: 6px;
    content: "\e838";
    font-family: "iconfont";
    top: 50%;
    transform: translateY(-50%);
}

ul.category_menu_product_home_read > li > a.sub:hover:after {
    content: "";
}

ul.category_menu_product_home_read > li > a.sub:hover {
    background: #2d7cb3;
    color: #FFF;
}

ul.category_menu_product_home_read > li > a.sub:hover:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    top: 0;
    right: -10px;
    border-top: 20px solid transparent;
    border-left: 10px solid #2d7cb3;
    border-bottom: 19px solid transparent;
}

ul.category_menu_product_home_read > li > ul {
    display: none;
    width: 1001px;
    height: 100%;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 100%;
    margin-left: 0px;
    box-shadow: rgba(0, 0, 0, 0.06) -2px 0px 8px 0px;
    z-index: 1;
    padding: 15px 15px;
    border-width: 1px 1px 1px 0px;
    border-style: solid;
    border-color: rgb(221, 221, 221) rgb(221, 221, 221) rgb(221, 221, 221) rgb(225, 225, 225);
    background: rgb(255, 255, 255);
    border-radius: 0px 4px 4px 0px;
    overflow: hidden;
    column-count: 3;
    margin-right: -0px;
    margin-left: -1px;
}

ul.category_menu_product_home_read > li:hover > ul {
    display: block;
    background: #FFF;
}

ul.category_menu_product_home_read > li > ul > li {
    width: 100%;
    padding-left: 7.5px;
    padding-right: 7.5px;
    margin-bottom: 5px;
}

ul.category_menu_product_home_read > li > ul > li > a {
    font-weight: bold;
    color: #333;
    font-size: 14px;
    font-family: Roboto;
    text-transform: capitalize;
}

ul.category_menu_product_home_read > li > ul > li > ul > li {
    display: block;
}

ul.category_menu_product_home_read > li > ul > li > ul > li > a {
    font-weight: 400;
    color: #666;
    font-size: 13px;
    font-family: Roboto;
    text-transform: capitalize;
}

ul.category_menu_product_home_read > li > ul > li a:hover {
    color: #57b952;
}

#top_home_slider .container_left {
    position: relative;
    z-index: 2;
}

#top_home_slider .container_right {
    position: relative;
    z-index: 1;
}

.content_slider_group_home {
    display: block;
    position: relative;
    padding: 15px 0px 0px 15px;
}

.content_slider_group_home .content_slider_item_home {
    display: block;
    background: transparent;
}

.page_home_top_hor .slider_home {
    display: block;
    position: relative;
    overflow: hidden;
    padding: 0px 15px 15px 0;
}

.load_ads_top_ver a {
    display: block;
    margin-bottom: 15px;
}

.load_ads_top_ver a:last-child {
    margin-bottom: 0px;
}

.load_ads_top_ver a img,
.load_ads_top_hor a img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

#Offer_Home [class*="col-"] {
    padding-left: 7.5px;
    padding-right: 7.5px;
}

.page_home_top_hor .load_ads_top_hor {
    padding-right: 15px;
}

.load_ads_top_hor .row {
    margin-left: -7.5px;
    margin-right: -7.5px;
}

.load_ads_top_hor a {
    display: block;
}

#flash_sale_home h2 {
    text-align: center;
    display: block;
    font-family: "Roboto Condensed", Arial;
    font-weight: bold;
    padding: 30px 0;
    text-transform: uppercase;
    color: #57b954;
    letter-spacing: 2px;
    font-size: 38px;
    line-height: 40px;
}

#flash_sale_home {
    display: block;
    position: relative;
    margin-bottom: 15px;
}

#flash_sale_home .home_sale_content {
    display: block;
    position: relative;
    border: 2px solid #f42828;
    border-radius: 10px;
    overflow: hidden;
}

.header_sale {
    background: url('../img/nav_flat.png') no-repeat left top;
    background-size: cover;
    width: 100%;
    height: 50px;
    position: relative;
}

.header_sale h4,
.header_sale h3 {
    display: block;
    text-align: left;
    padding-left: 60px;
    position: relative;
    line-height: 50px;
    color: #FFF;
    font-weight: bold;
}

.header_sale h4:before,
.header_sale h3:before {
    display: block;
    content: "";
    background: url('../img/flast.png') no-repeat left top;
    background-size: 30px 30px;
    top: 10px;
    left: 20px;
    position: absolute;
    width: 30px;
    height: 30px;
    overflow: hidden;
}

.bg_white {
    background: #FFF;
}

.product_item_flash_group {
    display: block;
    padding: 15px;
    overflow: hidden;
    position: relative;
}

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}

.product_item_list .item-thumb {
    position: relative;
    display: block;
}

.product-item .product_item_list {
    position: relative;
    display: block;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.product_item_list .item-thumb,
.product_item_list .item-thumb a {
    display: block;
}

.product_item_list .item-thumb a img {
    display: block;
    height: auto;
    margin: 0 auto;
    position: relative;
    border-radius: 5px;
}

.product-item .item-thumb .productlabels_icons {
    display: none;
}

.product-item .pro-info {
    display: block;
    padding: 5px 8px;
}

.product-item .pro-info .product-name {
    display: block;
    margin: 0px;
}

.product-item .pro-info .product-name a {
    color: #616161;
    display: block;
    padding: 5px 0;
    position: relative;
    display: -webkit-box;
    height: 25px;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 1;
    line-height: 22px;
    text-align: left;
    text-transform: capitalize;
    font-family: Roboto, Arial, sans-serif;
    font-size: 14px;
}

.product-item .pro-info .product-name a:hover {
    color: #57b952;
}

.price-box .price-label {
    display: none;
}

.item-thumb .circle-sale {
    position: absolute;
    top: 0px;
    right: 0px;
    display: block;
    background: #f22222;
    color: #FFF;
    padding: 3px 7px;
    border-radius: 5px;
    font-size: 13px;
    font-family: Roboto, Arial;
}

#flash_sale_home .price-box {
    display: block;
    position: relative;
    margin-top: 10px;
}

#flash_sale_home .price-box .box_price_item {
    display: block;
    position: relative;
    padding-right: 100px;
}

#flash_sale_home .price-box .tbl_add_cart {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0px;
}

#flash_sale_home .price-box .box_price_item .old-price {
    display: block;
    text-align: left;
}

#flash_sale_home .price-box .box_price_item .special-price {
    display: block;
    text-align: left;
}

#flash_sale_home .price-box .tbl_add_cart {
    border: 1px solid #777;
    border-radius: 5px;
}

#flash_sale_home .price-box .tbl_add_cart a {
    display: block;
    padding: 4px 10px;
    color: #777;
    font-size: 13px;
}

#flash_sale_home .price-box .tbl_add_cart:hover {
    border: 1px solid #57b952;
    background: #57b952;
}

#flash_sale_home .price-box .tbl_add_cart:hover a {
    color: #FFF;
}

.old-price .price {
    font: 300 12px/1.35 Expro, sans-serif !important;
    text-decoration: line-through;
    color: #999999;
}

.special-price .price {
    color: #ff3e41;
    font: 500 15px/1.35 Expro, sans-serif !important;
    font-weight: 500;
}

.content_group_selling_view,
.content_group_offer_view {
    display: block;
    background: #FFF;
    padding: 15px 15px 0px 15px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 23px -13px rgba(0, 0, 0, 0.72);
    -moz-box-shadow: 0px 0px 23px -13px rgba(0, 0, 0, 0.72);
    box-shadow: 0px 0px 23px -13px rgba(0, 0, 0, 0.72);
}

.content_group_selling_view h2.title {
    display: block;
    text-align: center;
    color: #666;
    position: relative;
    padding: 20px 0;
    text-transform: uppercase;
    font-size: 25px;
    font-family: "Roboto Condensed", Arial;
    font-weight: bold;
    margin-bottom: 10px;
}

.content_group_selling_view h2.title:before,
.content_group_selling_view h2.title:after {
    display: inline-block;
    content: "";
    border-top: 1px solid #57b952;
    width: 80px;
    margin: 0 5px;
    top: 50%;
    transform: translateY(-50%);
    text-decoration: line-through;
}

.content_group_offer_view h2.title {
    display: block;
    text-align: left;
    color: #666;
    position: relative;
    padding: 20px 0;
    text-transform: uppercase;
    font-size: 25px;
    font-family: "Roboto Condensed", Arial;
    font-weight: bold;
}

.content_group_offer_view h2.title span {
    z-index: 5;
    position: relative;
    background: #FFF;
    padding-right: 10px;
}

.content_group_offer_view h2.title:before {
    border-bottom: 1px solid #F3F3F3;
    content: "";
    margin: 0 auto;
    /* this centers the line to the full width specified */
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    width: 100%;
    z-index: 1;
}

#flash_sale_home .product_list_flash_sale .product-item .product_item_list:hover {
}

#selling_sale_home,
#offer_sale_home {
    display: block;
    position: relative;
    margin-bottom: 15px;
}

#selling_sale_home .product-item {
    display: block;
    margin-bottom: 15px;
}

#selling_sale_home .item-thumb .circle-sale {
    right: 7.5px;
}

#selling_sale_home .product-item .pro-info .product-name a {
    padding: 0px;
    margin-top: -5.5px;
}

#selling_sale_home .price-box .tbl_add_cart a {
    background: #57b952;
    color: #FFF;
    padding: 3px 10px;
    font-size: 13px;
    border: 1px solid #57b952;
}

#selling_sale_home .price-box .tbl_add_cart a:hover {
    background: transparent;
    color: #666;
    border: 1px solid #666;
}

#selling_sale_home .price-box .box_price_item {
    display: block;
    padding: 5px 0;
}

#offer_sale_home .pro-info .price-box {
    display: block;
    padding: 10px 0 15px;
}

.register_for_email_footer {
    background: url('../img/footer_resgisemail.png') no-repeat left top;
    background-size: cover;
    height: 120px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.form_content_regis_email {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80%;
    margin: 0 auto;
    position: relative;
    padding-right: 287px;
}

.form_content_regis_email:before {
    display: block;
    position: absolute;
    content: "";
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: url('../img/img_regisemail_right.png') no-repeat center center;
    width: 287px;
    height: 150px;
}

.input_form_regis {
    position: relative;
    display: block;
    width: 100%;
}

.form_content_regis_email #email_register {
    width: 100%;
    height: 40px;
    background: #FFF;
    color: #333;
    border-radius: 15px;
    padding-right: 80px;
}

.form_content_regis_email #tbn_register_email {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    border: none;
    background: transparent;
    color: #56bb55;
    font-family: Nunito, Arial;
}

.footer_group_container .middleFooter {
    display: block;
    background: #f2f8f2;
    padding: 40px 0 30px 0;
}

.col_menu_footer h5 {
    display: block;
    text-align: left;
    position: relative;
    color: #333;
    text-transform: uppercase;
    font-size: 16px;
    font-family: "Nunito", Arial;
    padding-bottom: 20px;
    font-weight: 500;
    margin-bottom: 10px;
}

.col_menu_footer h5:before {
    border-bottom: 2px solid #57b952;
    content: "";
    position: absolute;
    left: 0;
    bottom: 15px;
    width: 50px;
    z-index: 1;
}

.content_middle_item > ul.mn-foot {
    margin-left: -7.5px;
    margin-right: -7.5px;
}

.content_middle_item > ul > li {
    display: block;
    padding: 0 7.5px;
    width: 50%;
    float: left;
}

.content_middle_item > ul > li a:hover {
    color: #5dbf58;
    text-decoration: underline;
}

.info_company_footer .content_middle_item {
    margin-left: -7.5px;
    margin-right: -7.5px;
    display: block;
    position: relative;
}

.info_company_footer .content_middle_item .info-company {
    display: block;
    padding: 0 7.5px;
    width: 50%;
    float: left;
}

.info_company_footer .content_middle_item .address_end {
    width: 60%;
}

.info_company_footer .content_middle_item .hotline_end {
    width: 40%;
}

.info_company_footer .content_middle_item .info-company li {
    display: block;
    width: 100%;
}

.info_company_footer .content_middle_item .info-company i {
    color: #5dbf58;
}

.info_company_footer h4.title_cpn {
    display: block;
    padding: 30px 0;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    color: #5dbf58;
    font-weight: 500;
    font-family: Nunito, Arial;
    font-size: 21px;
}

.info_company_footer h4.title_cpn:before {
    display: block;
    content: "";
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    left: 0px;
    height: 2px;
    background: #edf2ec;
    position: absolute;
    z-index: 1;
}

.info_company_footer h4.title_cpn span {
    background: #f2f8f2;
    padding: 0 10px;
    position: relative;
    overflow: hidden;
    z-index: 2;
}

.copyrights_end {
    display: block;
    text-align: center;
    background: #9b9b9b;
    padding: 10px 0;
}

.copyrights_end,
.copyrights_end a {
    color: #FFF;
    font-size: 13 spx;
    font-family: Expro;
}

.container_category_top_page {
    display: flex;
    flex-wrap: wrap;
}

.container_category_top_page .container_left {
    flex: 1 0 240px;
}

.container_category_top_page .container_right {
    flex: 1 0 calc(100% - 240px);
}

.container_category_top_page .content_slider_group_home {
    height: 100%;
    overflow: hidden;
}

.container_category_top_page .content_slider_group_home .category_thumbnail_feature {
    height: 100%;
}

.container_category_top_page .thumbnail_cate {
    position: relative;
    display: block;
    height: 100%;
}

.container_category_top_page .thumbnail_cate img {
    position: absolute;
    display: block;
    width: 100%;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

section.template_category_products {
    display: block;
    margin-bottom: 15px;
}

.box {
    display: block;
    background: #FFF;
    padding: 15px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 6px -5px rgba(0, 0, 0, 0.72);
    -moz-box-shadow: 0px 0px 6px -5px rgba(0, 0, 0, 0.72);
    box-shadow: 0px 0px 6px -5px rgba(0, 0, 0, 0.72)
}

.row-content-category .listProduct {
    display: block;
}

.container_theme_category {
    position: relative;
    margin-bottom: 15px;
}

.container_theme_category h1 {
    position: relative;
    display: block;
    text-align: left;
    font-size: 25px;
    font-family: Nunito, Arial;
    font-weight: 500;
    color: #333;
    text-transform: uppercase;
}

.container_theme_category h1 span {
    position: relative;
    z-index: 2;
    padding-right: 10px;
    background: #56b853;
    color: #FFF;
    padding: 3px 8px;
    border-radius: 4px;
}

.container_theme_category h1:before {
    position: absolute;
    bottom: 7px;
    right: 0px;
    height: 2px;
    background: #f3f3f3;
    content: "";
    width: 100%;
    z-index: 1;
}

.container_theme_category ul.list_child {
    position: absolute;
    right: 0;
    top: 10px;
    display: block;
}

.container_theme_category ul.list_child li {
    display: block;
    float: left;
}

.container_theme_category ul.list_child li a {
    display: block;
    padding: 0px 15px;
    border-left: 1px solid #CCC;
    line-height: 18px;
    font-family: Expro;
    font-size: 14px;
}

.container_theme_category ul.list_child li:first-child a {
    border-left: none;
    padding-left: 0px;
}

.container_theme_category ul.list_child li:last-child a {
    padding-right: 0px;
}

.container_theme_category ul.list_child li a:hover {
    color: #57b952;
}

.item_product_list .product-item {
    display: block;
    margin-bottom: 15px;
    /*border: 1px solid #ccc;*/
    border-radius: 5px;
}
.page_container_single{
    box-shadow: none;
    background: #FFF;
    border: 1px solid #e3e8eb;
    overflow: hidden;
    border-radius: 5px;
    box-shadow: 0 1px 8px 0 rgb(35 35 35 / 5%);
    padding: 15px;
}
.releated_product_details,
#details-tab-container-single .tab-content {
    box-shadow: none;
    background: #FFF;
    border: 1px solid #e3e8eb;
    overflow: hidden;
    box-shadow: 0 1px 8px 0 rgb(35 35 35 / 5%);
}
.fullpage{
    display: block;
    width: 100%;
    position: relative;
}
.item_product_list .product-item .pro_info {
    padding: 5px;
}

.item_product_list h3.titleProduct {
    display: block;
    margin: 0px;
}

.item_product_list h3.titleProduct a {
    color: #616161;
    display: block;
    padding: 5px 0;
    position: relative;
    display: -webkit-box;
    height: 24px;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 1;
    line-height: 22px;
    text-align: left;
    text-transform: capitalize;
    font-family: Expro;
    font-size: 14px;
}

.item_product_list .product_price {
    display: block;
    position: relative;
    margin-top: 10px;
}

section.read_product_home {
    margin-top: 25px;
    display: block;
    background: #FFF;
    padding: 15px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 6px -5px rgba(0, 0, 0, 0.72);
    -moz-box-shadow: 0px 0px 6px -5px rgba(0, 0, 0, 0.72);
    box-shadow: 0px 0px 6px -5px rgba(0, 0, 0, 0.72)
}

section.read_product_home .section_home_list {
    overflow: hidden;
}

.container_releated_single h3.title,
.history_container_read_product h3.top_title {
    position: relative;
    display: block;
    text-align: left;
    font-size: 22px;
    font-family: Montserrat, Arial;
    font-weight: 500;
    margin: 10px 0 15px;
    color: #4ac1f7;
    font-weight: bold;
    text-transform: uppercase;
}

.history_container_read_product h3.top_title:before,
.container_releated_single h3.title:before {
    position: absolute;
    bottom: 10px;
    right: 0px;
    height: 2px;
    background: #f3f3f3;
    content: "";
    width: 100%;
    z-index: 1;
}

.history_container_read_product h3.top_title span,
.container_releated_single h3.title span {
    position: relative;
    z-index: 2;
    padding-right: 10px;
    background: #FFF;
}

h3.titleProduct a:hover {
    color: #57b952;
    text-decoration: underline;
}

.single_theme_content #details-tab-container-single {
    display: block;
    margin-bottom: 25px;
    position: relative;
}

.detail_product_tab_view {
    display: block;
}

.detail_product_tab_view h5.ingredients_title {
    position: relative;
    display: block;
    text-align: left;
    font-size: 18px;
    font-family: Roboto;
    font-weight: 500;
    margin: 20px 0 10px;
    color: #333;
    text-transform: uppercase;
}

.detail_product_tab_view .table_view_details_pr {
    display: block;
    margin-bottom: 15px;
    background: #FFF;
    padding: 15px;
    border-radius: 5px;
}

.home_slider_products .slick-arrow,
.home_read_products_session .slick-arrow {
    position: absolute;
    top: 50%;
    width: 50px;
    height: 50px;
    transform: translateY(-50%);
    margin-top: -25px;
    left: 7.5px;
    z-index: 9999;
    cursor: pointer;
    border-radius: 50%;
}

.home_slider_products .slick-arrow span,
.home_read_products_session .slick-arrow span {
    font-size: 0px;
}

.home_slider_products .slick-list,
.home_read_products_session .slick-list {
    position: relative;
    z-index: 1;
}

.home_slider_products .owl-prev,
.home_read_products_session .owl-prev {
    left: 7.5px;
    right: auto;
}

.home_slider_products .owl-prev:before,
.home_read_products_session .owl-prev:before {
    /* content: "\f177";
    font-family: FontAwesome;
    font-size: 18px;
    color: #FFF; */
}

.home_slider_products .owl-next,
.home_read_products_session .owl-next {
    right: 7.5px;
    left: auto;
}

.home_slider_products .owl-next:before,
.home_read_products_session .owl-next:before {
    /* content: "\f178";
    font-family: FontAwesome;
    font-size: 18px;
    color: #FFF; */
}

button.owl-prev,
button.owl-next {
    background: rgba(86, 185, 82, 0.5);
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit;
}

.brand-block-row {
    width: 100%;
    display: table;
}

.brand-block-row meta {
    display: none;
}

.brand-block-row .item-brand {
    margin-bottom: 0;
    font-size: 13px;
    display: inline-block;
    font-weight: 400;
    margin-right: 20px;
}

.item-brand {
    margin-bottom: 0;
    font-size: 13px;
    display: inline-block;
    font-weight: 400;
    margin-right: 20px;
}

.item-brand h6 {
    margin: 0;
    line-height: 20px;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    color: #9b9b9b;
}

.item-brand p {
    line-height: 20px;
    margin-bottom: 0;
    display: inline-block;
    color: #9b9b9b;
    font-weight: 300;
}

.addmorecart_content .green_addtocart_btn {
    background: #ff3945;
    border-radius: 5px;
    padding: 7px 15px;
}

#fixed_content_detail_parent .addmorecart_content,
#fixed_content_detail_parent .pro_view_name3 {
    margin-top: -2px;
}

.ul_quantity .btn-quantity,
.custom_item_detail .quantityProduct input {
    border-radius: 0px;
}

.excerpt_detail_product {
    font-size: 13px !important;
    display: block;
    padding: 0px 0;
    margin: 10px 0;
    border-bottom: 1px solid #ececec;
    border-top: 1px solid #ececec;
}

.details-sumary ul li,
.details-sumary ol li {
    list-style-type: disc;
}

.excerpt_detail_product ul,
.excerpt_detail_product ol {
    margin: 10px 0;
}

.discount-input input.form-control {
    display: block;
    width: calc(100% - 80px);
    float: left;
    height: 34px;
    line-height: 34px;
}

.discount-input input[type="button"] {
    width: 80px;
    float: left;
    height: 34px;
    background: #007fff;
    color: #FFF;
    border: none;
    line-height: 34px;
    cursor: pointer;
    text-transform: capitalize;
}

.discount-input input[type="button"]:hover {
    background: #0C7FCC;
}

#fixed_content_detail_parent .social_like_single {
    text-align: left;
}

#fixed_content_detail_parent ul.social_like_single li {
    display: block;
    float: left;
    margin-right: 10px;
}

#fixed_content_detail_parent ul.social_like_single li.linkin {
    top: 0px;
    margin: 0px 10px 0px 0px;
}

.single_theme_content {
    margin-top: 10px;
}

.nav_categories_container > li {
    position: relative;
}

.nav_categories_container > li > ul {
    display: none;
    position: absolute;
    top: 42px;
    left: 0px;
    z-index: 1000;
    width: 100%;
}

.nav_categories_container > li:hover > ul {
    display: block;
}

.hotdeal_category_page h1.title {
    position: relative;
    display: block;
    text-align: left;
    font-size: 27px;
    font-family: "Roboto Condensed";
    font-weight: 500;
    margin: 15px 0 15px;
    color: #56b952;
    font-weight: bold;
    text-transform: uppercase;
}

.hotdeal_category_page h1.title:before {
    position: absolute;
    bottom: 18px;
    right: 0px;
    height: 2px;
    background: #fff212;
    content: "";
    width: 100%;
    z-index: 1;
}

.hotdeal_category_page h1.title span {
    position: relative;
    z-index: 2;
    padding-right: 10px;
    background: #fafafa;
}

.icon-wrap {
    width: 39px;
    text-align: center;
}

.anhduongicon {
    background-image: url(../img/icon/sprite@2x.png?v=100000000);
    background-size: 404px 383px;
    width: 19px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin: auto;
}

.icon_mypham {
    background-position: -333px -85px;
}

.icon_dientu {
    background-position: -229px -181px;
    width: 18px;
    height: 14px;
}

.icon_mebe {
    background-position: -392px -26px;
    width: 10px;
    height: 21px;
}

.icon_dungculamdep {
    background-position: -392px 0px;
    width: 12px;
    height: 21px;
}

.icon_dogiadung {
    background-position: -333px -275px;
    width: 24px;
    height: 14px;
}

.icon_phukiendienthoai {
    background-position: -392px -52px;
    width: 11px;
    height: 18px;
}

.icon_thoitrang {
    background-position: -333px -110px;
    width: 21px;
    height: 18px;
}

.icon_thethao {
    background-position: -287px -317px;
    width: 17px;
    height: 17px;
}

.icon_spkhac {
    background-position: -242px -317px;
    width: 18px;
    height: 18px;
}

.icon_10k {
    background: url("../img/icon/10k.png") no-repeat center center;
    background-size: 23px 23px;
    width: 23px;
    height: 23px;
    display: block;
    text-align: center;
    margin: 0 auto;
    vertical-align: middle;
}

.icon_39k {
    background: url("../img/icon/39k.png") no-repeat center center;
    background-size: 23px 23px;
    width: 23px;
    height: 24px;
    display: block;
    margin: 0 auto;
    vertical-align: middle;
}

.news_page_gs .newslist_page_item {
    margin-bottom: 15px;
}

.newslist_page_item .news-item {
    border: 1px solid #f2f2f2;
    border-radius: 5px;
    padding: 10px;
}

.newslist_page_item .newslist_img {
    width: 30%;
    display: block;
}

.newslist_title {
    padding: 0 15px;
}

.newslist_page_item .newslist_title {
    width: 70%;
}

.listNews .newslist_title h3 {
    color: #777;
    display: block;
    padding: 5px 0;
    position: relative;
    display: -webkit-box;
    height: 28px;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 1;
    line-height: 22px;
    text-align: left;
    text-transform: capitalize;
    font-family: Roboto;
    font-size: 14px;
}
.single_news_releated .newslist_title h3{
    display: block !important;
    height: auto !important;
    line-height: inherit !important;
}
.listNews .newslist_title h3 a {
    color: #019a4b;
    text-transform: inherit;
    font-size: 15px;
    font-family: Roboto;
    font-weight: 500;
}

.listNews .newslist_title h3 a:hover {
    text-decoration: underline;
    color: #b14c84;
}

.newslist_title .excerpt-news {
    font-style: italic;
    color: #333;
    display: block;
    padding: 5px 0;
    position: relative;
    display: -webkit-box;
    height: 73px;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 3;
    line-height: 22px;
    text-align: left;
    text-transform: capitalize;
    font-family: Expro;
    font-size: 14px;
}

p.icon_news {
    overflow: auto;
    line-height: 25px;
    font-size: 12px;
    color: #999;
    font-style: oblique;
}

h1.title_new_post {
    display: block;
    text-align: left;
    color: #b44984;
    position: relative;
    padding: 15px 0;
    text-transform: uppercase;
    font-size: 25px;
    font-family: "Roboto Condensed", Arial;
    font-weight: bold;
}

h1.title_new_post span {
    z-index: 5;
    position: relative;
}

.single_detais_news_view .single_news_releated {
    margin-left: 0px;
}

.single_news_releated h2.other,.single_news_releated .title_siderbar_news,.filter_category_sidebar .title{
    background: #4ac1f7;
    display: block;
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 15px;
    color: #FFF;
    text-transform: uppercase;
    border-radius: 5px 5px 0 0;
    padding: 7.5px 10px;
}

.list_item_news_releated {
    padding: 8px;
    border: 1px solid #ccc;
}

.newslist_page {
    overflow: hidden;
    display: block;
    padding: 6px 0;
    border-bottom: 1px solid #ccc;
}

.newslist_page .newslist_img {
    width: 30%;
    float: left;
    background-color: #f8f8f8;
    text-align: center;
    overflow: hidden;
    display: block;
}

.newslist_page .newslist_title {
    width: 70%;
    float: left;
}

.newslist_page h3 {
    font-size: 15px;
    margin: 0;
    min-height: 35px;
}

.list_item_news_releated .newslist_page h3 a {
    position: relative;
    display: -webkit-box;
    height: 40px;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 2;
    text-align: left;
    text-transform: inherit;
    font-size: 14px;
    line-height: 20px;
    font-family: Roboto;
    font-weight: 400;
}
.list_item_news_releated .newslist_page h3 a:hover {
    text-decoration: underline;
    color: #3a7bfb;
}
.list_item_news_releated p.icon_news {
    font-size: 11px;
}

h1.titleView2 {
    font-family: "Roboto Condensed", "Arial", "Times New Roman", Times, serif;
    font-size: 16px;
    padding-bottom: 10px;
    color: #4ac1f7;
    font-weight: bold;
}

.group-top-single-new time {
    display: block;
    font-size: 12px;
    color: #DDD;
}

.group-top-single-new h2 {
    display: block;
    font-size: 13px;
    padding-left: 10px;
}

ul.social_like_single {
    display: block;
    position: relative;
    margin-top: 15px;
}

ul.social_like_single li {
    display: inline-block;
}

ul.social_like_single li.fb-like-tbn {
    width: 80px;
}

ul.social_like_single li.fb_btn:first-child {
    margin-top: 1px;
}

ul.social_like_single li.fb_btn {
    position: relative;
    top: 0px;
    vertical-align: top;
    margin-right: 20px;
}

ul.social_like_single li.social_addthis {
    position: relative;
    top: 0px;
}

.breadcrumb {
    padding: 8px 0px;
    list-style: none;
    border-radius: none;
    margin-bottom: 0px;
    background-color: transparent !important;
}

.breadcrumbs-group-container {
    border-bottom: 1px solid #CCC;
    margin-bottom: 10px;
    display: block;
}

.nav-main ul.main-menu > li.has_level1 {
    padding-right: 20px;
}

.nav-main ul.main-menu > li.has_level1 > a:before {
    content: "\e82e";
    font-family: iconfont;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #FFF;
    font-size: 14px;
    position: absolute;
    top: 10px;
    right: -3px;
}

.nav-main ul.main-menu > li.has_level1 > a:hover:before {
    text-decoration: none;
}

ul#primary_menu_top > li > ul {
    display: none;
    min-width: 500px;
    position: absolute;
    top: 40px;
    left: 0;
    opacity: 0;
    display: none;
    background-color: #000;
    webkit-box-shadow: 0px 1px 36px 0px rgba(237, 237, 237, 1);
    -moz-box-shadow: 0px 1px 36px 0px rgba(237, 237, 237, 1);
    box-shadow: 0px 10px 36px 0px rgba(212, 211, 211, 1);
    z-index: 99999;
    border-radius: 0px 0px 3px 3px;
    /* transform: translateY(0px); */
    /* -webkit-transform: translateY(0px); */
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transition: transform 0.5s ease 0s, opacity 0.6s ease 0s, max-height 0.6s step-end 0s, max-width 0.6s step-end 0s, padding 0.6s step-end 0s;
    -webkit-transition: transform 0.5s ease 0s, opacity 0.6s ease 0s, max-height 0.6s step-end 0s, max-width 0.6s step-end 0s, padding 0.6s step-end 0s;
    /* transform-origin: 0 0 0; */
    /* visibility: visible; */
    animation-duration: 0.8s;
    animation-fill-mode: both;
    animation-name: fadeInUp;
    border: 1px solid #fafafa;
}

ul#primary_menu_top > li:hover > ul {
    display: block;
    border-radius: 5px;
}

ul#primary_menu_top > li > ul > li:last-child {
    border-bottom: none;
}

.nav-main ul.main-menu > li.has_level1 > ul:after,
.nav-main ul.main-menu > li.has_level1 > ul:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    z-index: 10;
}

.nav-main ul.main-menu > li.has_level1 > ul:before {
    border-color: rgba(172, 141, 84, 0);
    border-bottom-color: #FFF;
    border-width: 5px;
    margin-left: -2px;
}

.nav-main ul li ul li {
    padding: 6px 0;
    /*border-bottom: 1px solid #ccc;*/
    border: unset;
}

.tit-submenu {
    font-size: 16px;
    font-weight: bold;
    color: #fddc00;
    text-transform: uppercase;
}

.submenu-item li a {
    color: #fff !important;
}

.submenu-item li a:hover {
    text-decoration: underline;
}

.nav-main ul.main-menu > li.has_level1 > ul > li {
    display: block;
    padding-top: 7.5px;
    padding-bottom: 7.5px;
}

.nav-main ul.main-menu > li.has_level1 > ul > li:hover {
    background: #fafafa;
}

ul#primary_menu_top > li > ul > li > a {
    padding-right: 15px;
    font-size: 14px;
    font-family: "Roboto Condensed";
    display: block;
}

ul#primary_menu_top > li > ul > li:hover > a {
    color: #56b952;
}

.table_view_details_pr table th {
    width: 80px;
    text-align: center;
}

.variable_txt_prent {
    font-weight: bold;
}

.variable_txt_child {
    font-style: italic;
    color: #f42c2c;
}

.payment-form .cart_totals {
    border-right: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

.cart_totals .discount-input {
    display: block;
    width: 80%;
    margin: 0 auto;
    padding: 10px 0;
}

.span_td_cart_total {
    font-size: 15px;
    color: #000;
}

#td-cart_total {
    color: #f1592a;
    font-weight: bold;
}

.pagination_views {
    display: block;
    text-align: center;
    margin: 0 auto;
}

#search_autocomplete {
    display: none;
}

.ui-autocomplete {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
}

.ui-autocomplete > li > div {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333333;
    white-space: nowrap;
}

.ui-autocomplete > li {
    padding: 3px 5px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333333;
    white-space: nowrap;
    cursor: pointer;
    border-bottom: 1px solid #f1f1f1;
}

.ui-autocomplete > li:last-child {
    border-bottom: 0px;
}

.ui-autocomplete > li:hover {
    color: #57b952;
}

.title_search_box {
    display: block;
}

.title_search_box h1 {
    display: block;
    font-size: 21px;
    font-family: Arial;
}

.list-pro-search .title_search_box h1 {
    margin: -10px 0 30px -10px;
    border-bottom: 1px solid #bdbdbd;
    padding: 12px 0;
}

.title_search_box h1:before {
    display: none !important;
    content: "";
}

.load_more_offer {
    text-align: center;
    margin: 10px 0px 15px 0;
}

.load_more_offer .tbl_load_more,
.load_more_offer .tbl_load_more.focus,
.load_more_offer .tbl_load_more.active:focus,
.load_more_offer .tbl_load_more:active:focus,
.load_more_offer .tbl_load_more:active {
    background-color: #56b952;
    border-color: #5fbf5b;
}

.load_more_offer .tbl_load_more:hover {
    background-color: #337ab7;
    border-color: #2e6da4;
}

.container_selling_sale .product-item {
    margin-bottom: 15px;
    display: block;
}


/******************************************minhnn************************************************/

footer.footer_site {
    position: relative;
    z-index: 8;
}

.note-dadanhgia {
    color: #d64545;
    margin-top: 10px;
    display: none;
}

.sidr ul li ul {
    padding-left: 15px;
}

.sidr ul li ul.col-sm-3 {
    max-width: 100%;
    float: none;
}

.sidr ul li ul.col-sm-3 li span.fr {
    display: none;
}

.sidr-open #right-menu span:nth-child(1) {
    transform: rotate(45deg) translate(5px, 10px);
    -ms-transform: rotate(45deg) translate(5px, 10px);
    -webkit-transform: rotate(45deg) translate(5px, 5px);
}

.sidr-open #right-menu span:nth-child(2) {
    opacity: 0;
    filter: alpha(opacity=0);
}

.sidr-open #right-menu span:nth-child(3) {
    transform: rotate(135deg) translate(-5px, 10px);
    -ms-transform: rotate(135deg) translate(-5px, 10px);
    -webkit-transform: rotate(135deg) translate(-5px, 7px);
}

.header_top,
.top_header {
    position: relative;
    display: block;
    z-index: 10;
}

.top_header_mobile {
    display: none;
}

.top_header .logo-page {
    display: block;
    position: relative;
    padding: 10px 0 10px;
}

.top_header .menu-top-right {
    position: relative;
}

#right-menu span {
    background: #666666;
    border-radius: 5px;
    display: block;
    height: 4px;
    margin: 4px 0;
    transition: all 1s;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    width: 25px;
}

.menu-top-right {
    font-size: 14px;
    display: none;
}

.payment-form {
    font-size: 13px;
}

.payment-form.confrim-card .control-label {
    padding-top: 0 !important;
}

.menu-top-right li {
    display: inline-block;
    /*padding: 0 10px;*/
    text-align: center;
}

.hidden {
    display: none;
}

#submit.active {
    display: none;
}

p.tai {
    display: block;
    text-align: center;
    font-weight: 500;
    font-size: 15px;
    font-family: Arial;
    margin-top: 20px;
    color: #666;
}

.loader,
#loader {
    zoom: 1;
    /* Increase this for a bigger symbole*/
    display: block;
    width: 16px;
    height: 16px;
    margin: 20px auto;
    animation: wait .80s steps(1, start) infinite;
    background: linear-gradient(0deg, #f4f5fa 1px, transparent 0, transparent 8px, #f4f5fa 8px), /* 6  */ linear-gradient(90deg, #f4f5fa 1px, #f6f9fb 0, #f6f9fb 3px, #f4f5fa 3px), linear-gradient(0deg, #ececf5 1px, transparent 0, transparent 8px, #ececf5 8px), /* 5  */ linear-gradient(90deg, #ececf5 1px, #f2f3f9 0, #f2f3f9 3px, #ececf5 3px), linear-gradient(0deg, #e7eaf4 1px, transparent 0, transparent 8px, #e7eaf4 8px), /* 4  */ linear-gradient(90deg, #e7eaf4 1px, #eef1f8 0, #eef1f8 3px, #e7eaf4 3px), linear-gradient(0deg, #b9bedd 1px, transparent 0, transparent 10px, #b9bedd 10px), /* 3  */ linear-gradient(90deg, #b9bedd 1px, #d0d5e8 0, #d0d5e8 3px, #b9bedd 3px), linear-gradient(0deg, #9fa6d2 1px, transparent 0, transparent 15px, #9fa6d2 15px), /* 2  */ linear-gradient(90deg, #9fa6d2 1px, #c0c5e1 0, #c0c5e1 3px, #9fa6d2 3px), linear-gradient(0deg, #8490c6 1px, transparent 0, transparent 15px, #8490c6 15px), /* 1  */ linear-gradient(90deg, #8490c6 1px, #aeb5da 0, #aeb5da 3px, #8490c6 3px);
    background-repeat: no-repeat;
    background-size: 4px 9px, /* 6 */ 4px 9px, 4px 9px, /* 5 */ 4px 9px, 4px 9px, /* 4 */ 4px 9px, 4px 11px, /* 3 */ 4px 11px, 4px 16px, /* 2 */ 4px 16px, 4px 16px, /* 1 */ 4px 16px;
    background-position: -4px 3px, -4px 3px, -4px 3px, -4px 3px, -4px 3px, -4px 3px, -4px 2px, -4px 2px, -4px 0, -4px 0, -4px 0, -4px 0;
}

@keyframes wait {
    12.5% {
        background-position: -4px, /* 6 */ -4px, -4px, /* 5 */ -4px, -4px, /* 4 */ -4px, -4px, /* 3 */ -4px, -4px, /* 2 */ -4px, 0, /* 1 */ 0;
    }
    25% {
        background-position: -4px, /* 6 */ -4px, -4px, /* 5 */ -4px, -4px, /* 4 */ -4px, -4px, /* 3 */ -4px, 0, /* 2 */ 0, 6px, /* 1 */ 6px;
    }
    37.5% {
        background-position: -4px, /* 6 */ -4px, -4px, /* 5 */ -4px, -4px, /* 4 */ -4px, 0, /* 3 */ 0, 6px, /* 2 */ 6px, 12px, /* 1 */ 12px;
    }
    50% {
        background-position: -4px, /* 6 */ -4px, -4px, /* 5 */ -4px, 0, /* 4 */ 0, 6px, /* 3 */ 6px, 12px, /* 2 */ 12px, -4px, /* 1 */ -4px;
    }
    62.5% {
        background-position: -4px, /* 6 */ -4px, 0, /* 5 */ 0, 6px, /* 4 */ 6px, 12px, /* 3 */ 12px, -4px, /* 2 */ -4px, -4px, /* 1 */ -4px;
    }
    75% {
        background-position: 0, /* 6 */ 0, 6px, /* 5 */ 6px, 12px, /* 4 */ 12px, -4px, /* 3 */ -4px, -4px, /* 2 */ -4px, -4px, /* 1 */ -4px;
    }
    87.5% {
        background-position: 6px, /* 6 */ 6px, 12px, /* 5 */ 12px, -4px, /* 4 */ -4px, -4px, /* 3 */ -4px, -4px, /* 2 */ -4px, -4px, /* 1 */ -4px;
    }
    100% {
        background-position: 12px, /* 6 */ 12px, -4px, /* 5 */ -4px, -4px, /* 4 */ -4px, -4px, /* 3 */ -4px, -4px, /* 2 */ -4px, -4px, /* 1 */ -4px;
    }
}

.slide-page .slick-dots {
    position: absolute;
    bottom: 0;
    left: 0px;
    right: 0px;
}

.slide-page .slick-dots li {
    width: 15px;
    height: 15px;
    color: transparent;
}

.slide-page .slick-active {
    opacity: 1 !important;
}

.slide-page .slick-dots li button {
    width: 15px;
    height: 15px;
    padding: 4px;
    border: 1px solid #FFF;
    border-radius: 50%;
}

.slide-page .slick-dots li button:before {
    color: transparent;
}

.slide-page .slick-dots li.slick-active button:before {
    background: #FFF;
    border-radius: 50%;
    opacity: 1;
    color: transparent;
    width: 10px;
    height: 10px;
    color: transparent;
}

.slick-prev:before,
.slick-next:before {
    font-family: FontAwesome;
    font-size: 28px;
    line-height: 1;
    color: #333;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    top: 12px;
    right: 14px;
    position: absolute;
}

.slick-prev:before {
    content: "\f053";
}

.slick-slide img{
    width: 100%;
}

[dir="rtl"] .slick-prev:before {
    content: "\f054";
}

[dir="rtl"] .slick-next {
    left: -10px;
    top: 70px;
    right: auto;
}

.slick-next:before {
    content: "\f054";
}

[dir="rtl"] .slick-next:before {
    content: "\f053";
}

.slide-page .slick-arrow {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    transform: translateY(-50%);
    top: 50%;
    position: absolute;
    z-index: 9999;
}

.slide-page .slick-prev {
    left: 10px;
}

.slide-page .slick-next {
    right: 16px;
}

.slick-dots {
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 1rem 0;
    list-style-type: none;
}

.slick-dots li {
    margin: 0 0.25rem;
}

.slick-dots button {
    display: block;
    width: 1rem;
    height: 1rem;
    padding: 0;
    border: none;
    border-radius: 100%;
    background-color: transparent;
    text-indent: -9999px;
    border: 1px solid #FFF;
}

.slick-dots li.slick-active button {
    background-color: #ec1c21;
    border: 1px solid #ec1c21;
}

.stuck {
    bottom: 15px;
    position: fixed;
    right: 20px;
    z-index: 996;
    border-radius: 50%;
}

#back-top a {
    display: block;
    height: 45px;
    width: 45px;
    text-align: center;
    background: #3a7bfb;
    border-radius: 50%;
}

#back-top a img {
    width: 20px;
    margin: 11px 0px;
}

.price_sale {
    color: #000;
    font-weight: bold;
    font-size: 14px;
}

.current_price {
    font-size: 14px;
    text-decoration: line-through;
    color: #777575;
    margin-left: 3px;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    color: #666666 !important;
    cursor: pointer;
}

.slick-prev:before,
.slick-next:before {
    color: #463939 !important;
}

.hidden {
    display: none;
}

table.price {
    margin-bottom: 5px;
}

.price td {
    vertical-align: middle;
}

.newPrice {
    padding-right: 10px;
}

.newPrice_content {
    font-size: 18px;
    color: #f90204;
    font-weight: bold;
}

.oldPrice_content {
    color: #AFA39C;
    font-size: 14px;
    text-align: left;
    margin-left: 30px;
}

.price1 {
    text-decoration: line-through;
    color: #000;
}

.lb_size_gs {
    text-align: center;
    display: block;
    float: left;
    cursor: pointer;
    position: relative;
    font-size: 13px;
    margin-right: 10px;
    padding: 1px;
}

.name_color {
    color: #666666;
    font-weight: initial;
    text-transform: uppercase;
}

.choose_color img.imgDetailColor {
    height: 35px;
}

.classlist label > input[type='radio'] {
    position: absolute;
    opacity: 0;
}

.color_list,
.variabe_list_choise {
    border: 1px solid #dedede;
    cursor: pointer;
    line-height: 20px;
    display: block;
}

.variabe_list_choise {
    padding: 3px;
}

.classlist label.lb_size_gs > input[type='radio']:checked + span.color_list,
.classlist label.lb_size_gs > input[type='radio']:checked + span.variabe_list_choise {
    border: 2px solid #e42127 !important;
}

.container_list_products {
    /* background: #fff;
     box-shadow: 0px 0px 6px -5px rgb(242 242 252);
     padding: 10px;
 */
}

.choose_color,
.choose_variable {
    padding-bottom: 10px;
}

.form_quantity {
    text-align: left;
}

.btn-quantity {
    border: 1px solid #ccc;
    border-radius: 0;
    color: #666666;
}

.ul_quantity {
    display: block;
    padding-top: 10px;
}

.ul_quantity li {
    display: block;
    float: left;
}

.ul_quantity li:nth-child(3) {
    padding: 0px;
}

.ul_quantity li:first-child {
    margin-right: 10px;
    line-height: 30px;
}

.ul_quantity li:last-child {
    margin-left: 15px;
    line-height: 30px;
    font-style: italic;
    color: #010101;
}

.quantityProduct {
    margin-bottom: 0px;
    padding: 6px 0;
}

.quantityProduct input {
    width: 35px;
    height: 30px;
    font-weight: bold;
    border-radius: 0px;
}

.ul_quantity li:nth-child(3) input {
    border-left: 0px;
    border-right: 0px;
}

.quantityProduct form {
    text-align: left;
}

.quantityProduct form label.sl {
    display: block;
    text-transform: uppercase;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
}

.quantityProduct form ul.ul_quantity {
    padding-top: 0px;
}

.classlist .custom_title_detail {
    margin-bottom: 0px;
}

.add-to-card img {
    width: 35px;
}

.number_quantity {
    text-align: center;
}

.order_product {
    margin-top: 20px;
}

.buy-now,
.add-to-card {
    padding: 5px 0;
}

.btn-order {
    text-align: center;
    padding: 8px 20px;
    display: block;
    font-size: 20px;
    font-weight: bold;
}

.btn-buy-now {
    background: #ed1b24;
    color: #FFF;
}

.btn-add-card {
    background: #406618;
    color: #FFF;
}

.img_detail_item_nav img {
    width: 90%;
}

.product_collateral {
    margin-top: 25px;
}

ul.nav.nav-tabs.txtUpper.clearfix.js-productInfoTab {
    white-space: nowrap;
}

.nav-tabs {
    border-bottom: 1px solid #ddd;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}

.product_collateral .nav-tabs a {
    border-radius: 0 0;
    line-height: 2;
    margin-right: 0px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    border-top: 3px solid transparent;
    display: block;
    padding: 10px 15px;
}

.product_collateral .nav-tabs a.active,
.product_collateral .nav-tabs li.active a {
    cursor: pointer;
    background-color: #3a7bfb;
    border-bottom: 2px solid #46bcfd;
    color: #ffffff;
}

.product_collateral .nav-tabs li {
    display: inline-block;
    text-align: center;
}

.product_collateral .nav-tabs li a {
    border: none;
    border-radius: 0 0;
    line-height: 1.42857143;
    padding: 8px 15px;
    color: #666666;
    text-transform: uppercase;
    font-weight: bold;
    font-family: Roboto, Arial;
}

.cbp-spmenu {
    background: #FFF !important;
    border-right: 1px solid #dedede;
    overflow: scroll;
}

.box {
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#returnPolicy ol li {
    list-style-type: decimal;
    padding: 5px 0;
}

.tab-content {
    padding: 0 15px;
    background: #f2f2fc;
}

.detailTab {
    padding: 20px 30px;
}

.news-list {
    padding-top: 30px;
}

.news-list > .clear {
    border-bottom: 2px solid red;
}

.news-tit {
    border-bottom: 2px solid red;
    font-weight: bold;
    color: red;
    font-size: 16px;
    text-transform: uppercase;
    padding-bottom: 2px;
}

.news-list .clear a.more-news {
    color: red;
}

.content-blog {
    padding: 0 10px;
}

.content-blog,
.content-img {
    float: left;
}

.list-news-item {
    padding: 15px 0 0 0;
}

.news-list .clear a.more-news:hover {
    text-decoration: underline;
    color: #666666;
}

.tit-type {
    margin-right: 10px;
    font-weight: bold;
}

.color_by_product_id {
    justify-content: inherit;
}

.color_by_product_id .choose_color {
    padding-bottom: 0;
}

.row-listpro {
    justify-content: inherit;
}

.blog-right {
    border-left: 1px solid #666666;
}

.blog_cate_item {
    margin: 10px 0;
}

.content-blog {
    text-align: justify;
}

.content-blog a {
    font-weight: bold;
}

.content-blog a:hover {
    color: #FF6666660;
}

.content-blog .news-tit-item {
    margin: 10px 0;
}

.content-blog .excerpt_news {
    font-size: 14px;
    color: #7d7d7d;
}

a.zoom {
    display: block;
    position: relative;
    overflow: hidden;
}

a.zoom img {
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: all .7s ease-in-out;
    -webkit-transition: all .7s ease-in-out;
}

a.zoom:hover img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
}

.title_landing {
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-weight: bold;
    color: #333333;
    font-size: 23px;
    line-height: 23px;
}

.title_landing span {
    color: #6cab4d;
}

.variabe_list_choise .name_variable {
    text-indent: -99999px;
    font-size: 0px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: block;
}

.ariable_detail_product_container {
    margin-bottom: 12px;
    padding-bottom: 0px;
    border-bottom: 1px dashed #ededed;
    border-top: 1px dashed #ededed;
    margin-top: 5px;
}

.variable_option .custom_title_detail h6 {
    text-transform: capitalize;
    font-family: "Roboto Condensed";
    font-weight: 600;
    font-size: 15px;
    color: #333;
}

.option_trang {
    background-color: white;
    border: 1px dashed #CCC;
}

.option_do {
    background-color: red;
}

.option_den {
    background-color: black;
}

.option_hong {
    background-color: #FF69B4;
}

.option_vang {
    background-color: yellow;
}

.option_cam {
    background-color: orange;
}

.option_tim {
    background-color: purple;
}

.option_nau {
    background-color: brown;
}

.option_xanh-la {
    background-color: #7CFC00;
}

.option_xanh-duong,
.option_xanh {
    background-color: blue;
}

.option_xam {
    background-color: gray;
}

.option_kem {
    background-color: #FFEBCD;
}

.option_xanh-nuoc-bien {
    background-color: #00BFFF;
}

section.new_post {
    padding-top: 10px;
    display: block;
}

figure.photo {
    display: block;
    text-align: center;
}

.col-lag-new_index figure.photo a {
    display: block;
    padding: 0px;
}

figure.photo img {
    display: block;
    text-align: center;
    margin: 0 auto;
}

.page_navi {
    display: block;
    text-align: center;
}

.pagination > li > a,
.pagination > li > span {
    border: none;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: #FFF !important;
    border-color: #FFF !important;
    color: #57b952;
}

.pagination > li > a,
.pagination > li > span {
    color: #666666;
}

.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
    color: #57b952;
    background-color: #FFF;
    border-color: #FFF;
    text-decoration: underline;
}

#error-form-email,
#error-form-phone {
    color: red;
    text-transform: uppercase;
    font-weight: bold;
    padding-top: 5px;
    font-size: 14px;
}

.sort_name span.title {
    font-weight: bold;
    display: block;
    padding: 10px 0;
    font-size: 17px;
    font-family: Roboto;
    color: #B01F24;
    text-transform: uppercase;
}

.view_order {
    background: #f2f2f2 none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    display: block;
    margin: 0px 0 10px 0px;
    padding: 10px;
    position: relative;
}

.lien-he-container {
    display: block;
    padding: 0px 10px 0 10px;
}

.lien-he-container .row {
    margin-left: -5px;
    margin-right: -5px;
}

.lien-he-container .row [class*=' col-'] {
    padding-left: 5px;
    padding-right: 5px;
}

.view_order p {
    display: block;
    margin-bottom: 5px;
}

.container_contact {
    background-color: #E5E5E5;
    margin-bottom: 15px;
}

#map_canvas {
    width: 100%;
    height: 450px;
}

.wrapper-contact-form {
    display: block;
    margin-top: 15px;
}

ul.social_like_single {
    display: block;
    text-align: right;
    position: relative;
}

ul.social_like_single li {
    display: block;
    float: left;
}

ul.social_like_single li.linkhay a {
    display: block;
    text-decoration: none;
}

ul.social_like_single li.linkin {
    margin: 0 5px;
    height: 20px;
    position: relative;
    top: 0px;
}

ul.social_like_single li.twitter_btn {
    margin-left: 5px;
    margin-right: 0px;
}

ul.social_like_single li.fb_btn {
    position: relative;
    top: -1px;
    vertical-align: top;
}

ul.social_like_single li.fb-share-tbn {
    margin-left: 5px;
}

ul.social_like_single li.linkhay a img,
ul.social_like_single li.pinterest a img {
    border: 0px none;
    height: 20px;
    display: block;
}

.likeButton {
    display: block;
    padding: 10px 0;
}

.wishlist_detais_note {
    display: block;
    float: right;
}

.wishlist_detais_note .add-to-links-wishlist a {
    display: inline-block;
    margin-right: 5px;
}

.wishlist_detais_note .add-to-links-wishlist a i {
    color: #ff424f;
    font-size: 20px;
}

.wishlist_detais_note .add-to-links-wishlist .txt {
    font-style: italic;
}

.wishlist_detais_note .add-to-links-wishlist .ft {
    color: #F00;
}

.group-top-single-new {
    display: block;
}

.group-top-single-new time {
    display: block;
    font-size: 12px;
    color: #DDD;
}

.group-top-single-new h2 {
    display: block;
    font-size: 13px;
    padding-left: 10px;
}

.group-top-single-new h2 a {
    display: block;
    color: #3a7bfb;
    cursor: pointer;
}

h1.titleView2 {
    font-family: Expro, "Arial", "Roboto Condensed", Times, serif;
    font-size: 25px;
    padding-bottom: 10px;
}
.single_news_releated{
    margin-bottom: 15px;
}
.single_news_releated h2.other {
    display: block;
    font-family: "Roboto", Times, serif;
    font-size: 15px;
    font-weight: bold;
}

.single-product-box-content {
    display: block;
    padding: 15px 0px;
}
.filter_category_sidebar ul.list_cate {
    display: block;
    border: 1px solid #F2F2F2;
}
.filter_category_sidebar ul.list_cate>li {
    background: #f1f1f1;
    color: #333333;
    cursor: pointer;
    font-size: 16px;
    margin: 0 0 1px 0;
    padding: 10px 40px 0px 11px;
    font-weight: bold;
    border-bottom: 1px solid #F2f2f2;
    position: relative;
    display: block;
}
.filter_category_sidebar ul.list_cate li a {
    display: block;
    padding-left: 10px;
    padding-bottom: 10px;
    position: relative;
    font-family: Roboto, Arial;
    font-size: 15px;
    text-transform: capitalize;
    z-index: 1;
}
.filter_category_sidebar ul.list_cate li a:hover{
    color: #4ac1f7;
    text-decoration: underline;
}
.filter_category_sidebar ul.list_cate li a:before {
    content: "\e830";
    font-family: "iconfont";
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #333;
    font-size: 13px;
    position: absolute;
    top: 2px;
    left: -3px;
}
.filter_category_sidebar ul.list_cate li a:hover:before{
    text-decoration: none !important;
    color: #4ac1f7 !important;
}
.single-product-box-content iframe {
    max-width: 800px;
    margin: 0 auto;
    display: block;
}

.releated_product_details {
    display: block;
}

.releated_product_details h2 {
    display: block;
    font-family: Expro, "Arial", "Roboto Condensed", Times, serif;
    font-size: 16px;
}

.releated_product_details h2 span {
    color: #3BA1A2;
}

.content_detail-show .ratings {
    margin: 5px 0;
}
.page_navi {
    display: flex;
    text-align: center;
    justify-content: center;
    margin: 15px 0;
}
.pagination {
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: 0.25rem;
}
.page_navi ul.pagination li {
    margin-left: 5px;
    padding: 1px;
    border-radius: 5px;
    border: 1px solid #f2f2f2;
}
.page_navi ul.pagination li a, .page_navi ul.pagination li {
    color: #000;
    font-size: 15px;
    font-family: Montserrat;
}
.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}
.page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6;
}
.page_navi ul.pagination li a, .page_navi ul.pagination li {
    color: #000;
    font-size: 15px;
    font-family: Montserrat;
}
.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6;
}
.page_navi .page-item.active .page-link {
    font-weight: bold;
    color: #4797b8;
}
.no-rating,
.ratings,
.tags,
.ratings .rating-links {
    color: #646464;
    text-align: left;
}

.ratings .rating-links {
    margin-left: 8px;
}

.ratings .rating-box {
    display: inline-block;
    text-align: right;
    float: none;
    padding-bottom: 3px;
    margin-right: 5px;
}

.rating-box {
    background: url(../img/bkg_rating.png) repeat-x scroll 0 -19px transparent;
    font-size: 0;
    height: 14px;
    line-height: 0;
    overflow: hidden;
    text-indent: -999em;
    width: 90px;
}

.rating-box .rating {
    float: left;
    height: 14px;
    background: url(../img/bkg_rating.png) 0 0 repeat-x;
}

.rating-links {
    display: inline-block;
    margin-top: 2px;
    vertical-align: top;
}

.no-rating a,
.ratings a,
.tags a,
.ratings .rating-links a {
    color: #2a7db1;
    font: 300 12px/1.35 Roboto, sans-serif;
    font-style: italic;
    text-decoration: underline;
}

.buy_content_bottom {
    background: #fff;
    border: 1px solid #ccc;
    overflow: auto;
    margin-bottom: 15px;
    padding: 10px;
    text-align: center;
}

.money_bottom {
    display: block;
    font-size: 20px;
    color: #ed1c25;
    font-weight: bold;
}

.addToCart_btn_bottom {
    background: #fddc00;
    color: #FFF !important;
    padding: 8px 10px;
    cursor: pointer;
    display: block;
    text-align: center;
    font-size: 19px;
    text-transform: uppercase;
    width: 80% !important;
    float: left;
    border: 1px solid #fddc00;
}

.green_addtocart_btn_bottom img {
    padding: 9px 0;
    width: 25px;
}

.classlist {
    margin-bottom: 5px;
    padding: 5px 0px 0px 0px;
}

.green_addtocart_btn img {
    float: left;
    padding: 8px;
    background: #fb666666c;
}

.green_addtocart_btn {
    background: #F04F32;
    display: block;
    overflow: auto;
    color: #fff;
    padding: 5px 15px;
    text-transform: uppercase;
    font: 500 15px/1.35 Roboto, sans-serif;
    cursor: pointer;
}

.green_addtocart_btn:hover {
    background: #dc2a0a;
    color: #FFF;
}

.add-to-links li {
    float: left;
}

.pro_view_name3 {
    margin-left: 15px;
}

.add-to-links li a {
    list-style: none;
    display: block;
    width: 35px;
    height: 35px;
    border: 1px solid #aaaaaa;
    border-radius: 20px;
    color: #aaaaaa;
    background: #ffffff;
    font-size: 18px;
    position: relative;
}

.add-to-links li a i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.like-enable {
    position: absolute;
    right: -5px;
    bottom: -3px;
    cursor: pointer;
    width: 15px;
    height: 15px;
    line-height: 1;
    text-align: center;
    font-size: 11px;
    padding: 2px;
    font-family: Roboto, sans-serif;
    background-color: rgb(240, 79, 50);
    color: rgba(255, 255, 255, 1);
    border-radius: 50%;
    text-indent: 0 !important;
}

.addmorecart_content {
    text-align: center;
    margin-left: 10px;
}

.addToCart_btn {
    background: #ed1b24;
    color: #FFF !important;
    padding: 8px 10px;
    cursor: pointer;
    display: block;
    text-align: center;
    font-size: 22px;
    margin: 10px 0 0 0;
    text-transform: uppercase;
    width: 100% !important;
    border: 1px solid #ed1b24;
    line-height: 18px;
}

.img_singleProduct {
    padding: 0;
}

.img_singleProduct .boxImg img {
    margin: 0 auto;
    text-align: center;
    display: block;
}

.xzoom-thumbs {
    text-align: center;
    margin-bottom: 10px;
    position: relative;
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
}

.img_singleProduct .xzoom-thumbs img {
    width: 100%;
    max-width: 75px;
}

#xzoom-default {
    user-select: auto !important;
    -webkit-user-drag: auto !important;
    touch-action: auto !important;
}

.thumb-nav-xzoom {
    max-width: 560px;
}

.thumb-nav-xzoom li {
    padding: 0 5px;
}

.thumb-nav-xzoom .slick-prev:before {
    display: none;
}

.thumb-nav-xzoom .slick-next:before {
    font-family: FontAwesome;
    font-size: 22px;
    line-height: 40px;
    border-radius: 50%;
    color: #333;
    opacity: 1;
    border: 1px solid #ccc;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    top: 50%;
    transform: translateY(-70%);
    right: 4px;
    background: #FFF;
    width: 40px;
    position: absolute;
    height: 40px;
}

#xzoom-thumbs {
    max-width: 100% !important;
}

#xzoom-thumbs ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5 !important;
}

#xzoom-thumbs::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5 !important;
}

#xzoom-thumbs::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #56b952;
}

.xzoom-thumbs a {
    display: inline-block;
}

.detail_singleProduct {
    margin-top: 20px;
}

#fixed_content_detail {
    position: relative;
    width: 100%;
    top: 0;
}

#public-main {
    display: block;
    position: relative;
    margin-bottom: 30px;
}

.header_head_group {
    position: relative;
}

.call_support {
    font-weight: bold;
    font-size: 21px;
    text-transform: uppercase;
    margin: 20px 0 10px;
}

.help_dt p {
    margin: 0 0 10px;
}

.tel_support a {
    font-weight: bold;
    font-size: 18px;
    color: #666666;
}

.details_product_bg {
    display: block;
    background: transparent;
}

.details_product_bg .container {
    background: transparent;
}

.modal {
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
}

.modal-reviews {
    margin: 150px auto 0 auto;
}

table#product-review-table th,
table#product-review-table td {
    min-width: 80px;
    padding: 8px 10px !important;
}

table#product-review-table td input {
    display: block;
    margin: 0 auto;
    text-align: center;
}

.btn_submit_rating {
    padding: 8px;
    background: #F04F32;
    margin: 0;
}

.btn_submit_rating:hover {
    background: #F04F32;
    opacity: 0.8;
}

.submit_rating {
    margin-top: 15px;
    text-align: center;
}

.modal-header {
    min-height: 16.43px;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}

.modal-backdrop {
    background-color: rgba(19, 16, 20, 0.8);
    background: rgba(19, 16, 20, 0.8);
    color: rgba(19, 16, 20, 0.8);
}

.fade.show {
    opacity: 1;
}

#size-guide-modal .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}

#size-guide-modal .modal-dialog {
    width: 950px;
    margin: 30px auto;
}

.content_detail-show .status {
    padding: 10px 0;
}

.content_detail-show .km {
    padding: 10px;
    margin: 10px 0;
    background: #fae2ec;
    font-style: italic;
}

.content_detail-show .km i {
    color: #02841e;
}

.content_detail-show .km span {
    color: #F00;
}

.content_detail-show .help_dt {
    display: block;
    padding: 10px;
    margin: 10px 0;
    background: #fdf7fa;
    border: 1px dashed #FF6666660;
}

.content_detail-show .help_dt .call_support {
    margin-top: 10px;
}

.content_detail-show .order_product {
    margin-top: 0px;
}

.content_detail-show .order_product .addToCart_btn {
    margin-top: 0px;
    background: #012d5f;
    border-color: #012d5f;
}

.content_detail-show .order_product .green_addtocart_btn {
    background: #012d5f;
    border-color: #012d5f;
}

.content_detail-show .order_product .addToCart_btn:hover,
.content_detail-show .order_product .green_addtocart_btn:hover {
    color: #FFF;
    background: #013573;
    border: 1px dashed #FF6666660;
}

.variable_option .custom_title_detail {
    text-transform: uppercase;
    display: block;
    padding: 5px 0;
    font-weight: bold;
}

p.color_variable_name {
    color: #666666;
    display: block;
    font-size: 14px;
    padding: 5px 0;
}

.shopping-cart > a > span {
    display: inline-block;
    font-size: 13px;
    vertical-align: middle;
    line-height: 30px;
}

.title_page_thank {
    text-transform: uppercase;
    padding: 15px 0;
    color: #f1592a;
    font-size: 35px;
}

.tks_page_cnt p {
    font-size: 18px !important;
    padding: 4px;
}

.thank_container {
    margin: 30px 0;
}

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #777;
    border-radius: 10px;
}

.categories_list,
.block_size {
    padding-top: 15px;
}

.list_size input[type="checkbox"] {
    display: none;
}

.list_size label {
    width: 35px;
    height: 35px;
    line-height: 35px;
    border: 1px solid #dedede;
    text-align: center;
}

.group-section-wrap {
    margin-top: 0px;
    padding-bottom: 40px;
}

.list_size li input[type="checkbox"]:checked + label,
.list_size li:hover label {
    background-color: #111;
    color: #fff;
    border: 1px solid #111;
}

.basel-cart-design-2 > a .subtotal-divider,
.basel-cart-design-3 > a .subtotal-divider {
    display: none;
}

.basel-cart-design-2 > a .basel-cart-number,
.basel-cart-design-3 > a .basel-cart-number {
    padding: 0;
    margin-left: 0;
    font-size: 10px;
    color: #fff;
    width: 17px;
    height: 17px;
    line-height: 15px;
    text-align: center;
    border-radius: 50%;
    background-color: #fd120f;
    position: absolute;
    top: 0px;
    left: -10px;
    font-family: Arial;
}

.basel-cart-design-2 > a .basel-cart-subtotal,
.basel-cart-design-3 > a .basel-cart-subtotal {
    margin-left: 2px;
    font-size: 12px;
    display: none;
}

.shopping-cart > a .amount {
    font-weight: 700;
}

.shopping-cart {
    cursor: pointer;
    position: relative;
}

.shopping-cart .dropdown-wrap-cat {
    padding-top: 15px;
    position: absolute;
    top: 50%;
    right: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

.shopping-cart .dropdown-cat {
    background-color: #fff;
    z-index: 1;
    padding: 20px;
    width: 320px;
    color: #3c3c3c;
    box-shadow: 0 0 2px rgba(0, 0, 0, .1);
}

.widget_shopping_cart .product_list_widget {
    position: relative;
    margin-bottom: 0;
    text-align: left;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
}

.widget_shopping_cart .total {
    border-top: 1px solid rgba(124, 124, 124, .2);
    border-bottom: 1px solid rgba(124, 124, 124, .2);
    margin-bottom: 10px;
    margin-top: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    overflow: hidden;
    line-height: 24px;
}

.woocommerce-mini-cart__buttons {
    display: table !important;
    margin-top: 15px !important;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}

.widget_shopping_cart .buttons {
    display: block;
    margin-bottom: 0;
    text-align: center;
}

.widget_shopping_cart .total strong {
    float: left;
    font-size: 14px;
    color: #1B1919;
    text-transform: uppercase;
}

.widget_shopping_cart .total .amount {
    float: right;
    font-family: Karla, Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 15px;
    color: #f90204;
    text-transform: uppercase;
}

.woocommerce-mini-cart__buttons a {
    color: #fff !important;
    display: table-cell;
    height: 40px;
    line-height: 40px;
    position: relative;
    overflow: hidden;
    padding: 0 10px;
    background: #F04F32 !important;
    border-color: #F04F32 !important;
}

.woocommerce-mini-cart__buttons a:hover {
    background: #F04F32 !important;
    border-color: #F04F32 !important;
    color: #FFF;
}

.widget_shopping_cart .buttons a {
    width: 100%;
    color: #2D2D2D;
}

.widget_shopping_cart .buttons a:first-child {
    margin-bottom: 10px;
}

.widget_shopping_cart .product_list_widget li {
    position: relative;
    display: block;
    padding-bottom: 5px;
    margin-top: 5px;
    border-bottom: 1px solid #F2F2F2;
}

.widget_shopping_cart .product_list_widget li:first-child {
    margin-top: 0px;
}

.widget_shopping_cart .product_list_widget li > a {
    padding-right: 25px;
    color: #333;
    text-decoration: none;
}

.woocommerce ul.cart_list li a,
.woocommerce ul.product_list_widget li a {
    display: block;
    font-weight: 700;
}

.widget_shopping_cart .product_list_widget li .remove {
    position: absolute;
    top: 0;
    right: 0;
    padding-right: 0;
    line-height: 14px;
    font-size: 23px;
    z-index: 1;
    margin-bottom: 0;
    color: rgba(0, 0, 0, .6);
}

.widget_shopping_cart .product_list_widget li .quantity {
    color: #bbb;
    font-size: 12px;
    display: block;
    margin-top: 0px;
}

.woocommerce ul.cart_list li img,
.woocommerce ul.product_list_widget li img {
    float: right;
    margin-left: 4px;
    width: 32px;
    height: auto;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.shopping-cart:hover > .dropdown-wrap-cat,
.shopping-cart.cart_show > .dropdown-wrap-cat {
    visibility: visible;
    opacity: 1;
    z-index: 9999;
    top: 100%;
}

.woocommerce table,
.woocommerce th,
.woocommerce td {
    border: 1px solid #e5e5e5 !important;
    color: #555;
    margin: 0;
    padding: 15px 20px !important;
    vertical-align: middle;
    border-collapse: collapse !important;
    text-align: center;

}

.woocommerce td {
    background: #fff;
}

.panel.panel-default {
    background: #fff;
    padding: 15px;
}

.woocommerce table.shop_table th {
    font-weight: 700;
    padding: 9px 12px;
    text-transform: uppercase;
    color: #666666;
}

.woocommerce table.shop_table thead th {
    border-color: #e5e5e5;
    color: #333;
}

.info-qty {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e8e8e8;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    max-width: 240px;
    padding: 0 35px;
    position: relative;
    text-align: center;
    width: 100%;
}

.info-qty .qty-down {
    border-right: 1px solid #e8e8e8;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 35px;
    color: #333;
}

.info-qty .qty-val {
    height: 28px;
    background: #fff;
    border: 0;
    text-align: center;
    display: block;
    padding: 0 15px;
    width: 100%;
}

#add_payment_method table.cart input,
.woocommerce-cart table.cart input,
.woocommerce-checkout table.cart input {
    margin: 0;
    vertical-align: middle;
    line-height: 1;
}

.info-qty .qty-up {
    border-left: 1px solid #e8e8e8;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 35px;
}

.product-price .woocommerce-Price-amount,
.product-subtotal .woocommerce-Price-amount {
    color: #f1592a;
    font-weight: bold;
}

.product-price .woocommerce-Price-amount .woocommerce-Price-currencySymbol,
.product-subtotal .woocommerce-Price-amount .woocommerce-Price-currencySymbol {
    color: #666;
    margin-left: 3px;
    font-weight: 400;
}

.woocommerce a.remove {
    display: block;
    font-size: 1.5em;
    height: 1em;
    width: 1em;
    text-align: center;
    line-height: 1;
    border-radius: 100%;
    color: red !important;
    text-decoration: none;
    font-weight: 700;
    border: 0;
}

#add_payment_method table.cart img,
.woocommerce-cart table.cart img,
.woocommerce-checkout table.cart img {
    width: 32px;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}

.container_checkout {
    margin: 15px 0;
}

.woocommerce table.shop_table td.actions {
    text-align: right;
}

.woocommerce table.shop_table button.button,
.woocommerce table.shop_table input.button {
    font-size: 100%;
    margin: 0;
    line-height: 1;
    cursor: pointer;
    position: relative;
    text-decoration: none;
    overflow: visible;
    padding: .618em 1em;
    font-weight: 700;
    border-radius: 3px;
    left: auto;
    color: #515151;
    background-color: #ebe9eb;
    border: 0;
    display: inline-block;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
}

.woocommerce table.shop_table input.button,
.woocommerce table.shop_table a.button,
.woocommerce table.shop_table button.button {
    background: #fe9c00 none repeat scroll 0 0;
    color: #fff;
    text-transform: uppercase;
    transition: all 0.3s ease-out 0s;
    font-size: 14px;
    font-weight: 400;
}

.form_user_cart label {
    font-weight: 700;
    padding: 0;
    text-align: right;
}

.hitsu {
    color: #FF6666660;
}

.cart-collaterals .cart_totals > h2 {
    background: #f1f1f1 none repeat scroll 0 0;
    border: 1px solid #e5e5e5;
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 -0px;
    padding: 8px 15px;
    text-transform: capitalize;
    font-family: "Roboto Condensed";
}

.cart_totals table.shop_table tr th {
    background: transparent;
}

.cart_totals table.shop_table tr td {
    text-align: left;
}

.cart_totals .woocommerce-Price-amount {
    color: #f1592a;
    font-weight: bold;
}

.checkout_submit_form_order {
    display: block;
    margin: 15px 0;
}

.checkout_submit_form_order .wc-proceed-to-checkout {
    display: block;
    text-align: center;
}

.wc-proceed-to-checkout button {
    text-transform: uppercase;
    min-width: 50px;
    font-weight: bold;
    font-family: Expro;
}

td.product-remove a.remove {
    width: inherit;
}

header.fixed-header {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1040 !important;
    width: 100%;
    -webkit-transition: top .8s ease;
    -moz-transition: top .8s ease;
    -o-transition: top .8s ease;
    transition: top .8s ease;
    -webkit-box-shadow: 0px 7px 10px -10px rgba(0, 0, 0, 0.9);
    -moz-box-shadow: 0px 7px 10px -10px rgba(0, 0, 0, 0.9);
    box-shadow: 0px 7px 10px -10px rgba(0, 0, 0, 0.9);
    background: #FFF;
}

#back-top {
    animation: 2s ease 0s normal none infinite running float;
    cursor: pointer;
}

@keyframes float {
    0% {
        transform: translateY(0px);
        -ms-transform: translateY(0px);
        -webkit-transform: translateY(0px);
    }
    50% {
        transform: translateY(-6px);
        -ms-transform: translateY(-6px);
        -webkit-transform: translateY(-6px);
    }
    100% {
        transform: translateY(0px);
        -ms-transform: translateY(0px);
        -webkit-transform: translateY(0px);
    }
}

.mh-alo-phone {
    background-color: transparent;
    bottom: 0;
    cursor: pointer;
    height: 110px;
    left: 0;
    position: fixed;
    visibility: visible;
    width: 110px;
    z-index: 266666600 !important;
}

.mh-alo-ph-circle {
    background-color: transparent;
    border: 2px solid #46a0cb;
    border-radius: 100%;
    height: 90px;
    left: 12px;
    opacity: 0.5;
    position: absolute;
    top: 12px;
    width: 90px;
}

.mh-alo-ph-circle-fill {
    background-color: rgb(42 165 221 / 72%);
    border: 2px solid transparent;
    border-radius: 100%;
    height: 60px;
    left: 28px;
    opacity: 0.75 !important;
    position: absolute;
    top: 28px;
    transition: all 0.5s ease 0s;
    width: 60px;
}

.mh-alo-ph-img-circle {
    background: #4ac1f7 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAB/ElEQVR42uya7W3CMBCG31QM4A1aNggTlG6QbpBMkHYC1AloJ4BOABuEDcgGtBOETnD9c1ERCH/lwxeaV8oPFGP86Hy+DxMREW5Bd7gRjSDSNGn4/RiAOvm8C0ZCRD5PSkQVXSr1nK/xE3mcWimA1ZV3JYBZCIO4giQANoYxMwYS6+xKY4lT5dJPreWZY+uspqSCKPYN27GJVBDXheVSQe494ksiEWTuMXcu1dld9SARxDX1OAJ4lgjy4zDnFsC076A4adEiRwAZg4hOUSpNoCsBPDGM+HqkNGynYBCuILuWj+dgWysGsNe8nwL4GsrW0m2fxZBq9rW0rNcX5MOQ9eZD8JFahcG5g/iKT671alGAYQggpYWvpEPYWrU/HDTOfeRIX0q2SL3QN4tGhZJukVobQyXYWw7WtLDKDIuM+ZSzscyCE9PCy5IttCvnZNaeiGLNHKuz8ZVh/MXTVu/1xQKmIqLEAuJ0fNo3iG5B51oSkeKnsBi/4bG9gYB/lCytU5G9DryFW+3Gm+JLwU7ehbJrwTjq4DJU8bHcVbEV9dXXqqP6uqO5e2/QZRYJpqu2IUAA4B3tXvx8hgKp05QZW6dJqrLTNkB6vrRURLRwPHqtYgkC3cLWQAcDQGGKH13FER/NATzi786+BPDNjm1dMkfjn2pGkBHkf4D8DgBJDuDHx9BN+gAAAABJRU5ErkJggg==") no-repeat scroll center center / 70% auto;
    border: 2px solid transparent;
    border-radius: 100%;
    height: 30px;
    left: 43px;
    opacity: 0.7;
    position: absolute;
    top: 43px;
    transform-origin: 50% 50% 0;
    transition: all 0.2s ease-in-out 0s;
    width: 30px;
}

#fixed_content_detail_parent {
    position: relative;
    padding-left: 30px;
    display: flex;
    align-items: center;
}

.header3 {
    width: 100%;
    top: 25px;
    z-index: 50;
}

.details_product_bg section#section {
    padding-top: 0px;
}

.container_bienthe_group_combo {
    height: 200px;
    overflow-y: scroll;
}

ul.price_single {
    display: block;
    padding: 6px 0;
}

ul.price_single li {
    display: inline-block;
}

#fixed_content_detail ul.price_single li {
    display: block;
    position: relative;
    padding-left: 0px;
}

#fixed_content_detail ul.price_single li:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #000;
    display: none;
}

#fixed_content_detail ul.price_single li .oldPrice_content {
    margin-left: 0px;
    font-size: 18px;
    color: #9b9b9b;
    font-weight: 300;
    line-height: 18px;
    margin: 0;
}
.price_contact{
    color: #666 !important;
    padding: 10px 0;
}
.price_contact .hotline{
    color: #ed1c25;
    font-weight: bold;
}
#fixed_content_detail ul.price_single li .money_bottom,
#fixed_content_detail ul.price_single li .newPrice_content {
    line-height: 18px;
    font-size: 18px;
    color: #ed1c25;
    padding-top: 8px;
    font-weight: bold;
    margin: 0;
}

#fixed_content_detail ul.price_single li .price2 {
    font-size: 18px;
    font-weight: bold;
    color: #ee4d2d;
    font-family: Arial;
}

.container_tbl_add_cart_view {
    display: flex;
    justify-content: left;
    margin-top: 15px;
}

#fixed_content_detail .container_tbl_add_cart_view .addmorecart_content {
    margin: 0px 15px 0px 0px;
}

.container_tbl_add_cart_view .cartbtn_bottom {
}

.container_tbl_add_cart_view .addmorecart_content .green_addtocart_btn {
    color: #fff;
    background: #000;
    border: 1px solid #fddc00;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .03);
    text-transform: inherit;
    border-radius: 2px;
}

.container_tbl_add_cart_view .addmorecart_content .green_addtocart_btn:hover {
    background: #57c153;
    border: 1px solid #6dc369;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .03);
    color: #FFF;
}

.container_tbl_add_cart_view .cartbtn_bottom .addToCart_btn_bottom {
    color: #fff;
    background: #fddc00;
    width: inherit !important;
    font-size: 15px;
    padding: 5px 15px;
    text-transform: inherit;
    border-radius: 2px;
}

.container_tbl_add_cart_view .cartbtn_bottom .addToCart_btn_bottom:hover {
    background: #ffeee8;
    color: #ee4d2d !important;
    border: 1px solid #ee4d2d;
}

.xzoom-source,
.xzoom-preview {
    z-index: 3;
    /*top: 280px !important;*/
}

#fixed_content_detail .order_product {
    margin-top: 0px;
}

#fixed_content_detail h1 {
    line-height: 30px;
    font-weight: bold;
    color: #4ac1f7;
    font-family: 'Montserrat';
    font-size: 28px;
    margin-bottom: 5px;
}

#cfacebook {
    position: fixed;
    bottom: 0px;
    right: 50px;
    z-index: 999999999999999;
    width: 250px;
    height: auto;
    box-shadow: 6px 6px 6px 10px rgba(0, 0, 0, 0.2);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    overflow: hidden;
}

#cfacebook a.chat_fb {
    font-style: normal;
    float: left;
    padding: 0 15px;
    width: 250px;
    color: #fff;
    text-decoration: none;
    height: 33px;
    line-height: 33px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    background-color: #3a5795;
    border: 0;
    border-bottom: 1px solid #133783;
    z-index: 9999999;
    margin-right: 12px;
    font-family: Roboto;
    font-size: 16px;
}

#cfacebook .fchat {
    float: left;
    width: 100%;
    height: 220px;
    overflow: hidden;
    display: none;
    background-color: #fff;
}

#cfacebook .fchat .fb-page {
    margin-top: -130px;
    float: left;
}

.container {
    display: block;
    width: 100%;
    position: relative;
    max-width: 1230px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
}

.color_by_product_id ul {
    display: block;
    margin: 0 auto;
    text-align: center;
}

.color_by_product_id ul li {
    display: inline-block;
    margin: 0 3px 0 3px;
}

.color_by_product_id ul li:first-child {
    margin-left: 0px;
}

.color_by_product_id ul li:last-child {
    margin-right: 0px;
}

.color_by_product_id .name_color {
    width: 20px;
    height: 20px;
}

.categories_list .filter {
    overflow-y: auto;
    overflow-x: hidden;
}

.custom_item_detail ul.choose_size {
    display: inline-block;
    list-style: none;
}

.custom_item_detail ul.choose_size li {
    display: block;
    float: left;
    margin-right: 0px;
}

.mg-bt-20 {
    margin-bottom: 20px;
}

.seperate-icon,
.block-pding {
    display: block;
    text-align: center;
}

a.effect {
    display: block;
    position: relative;
    overflow: hidden;
}

a.effect:before {
    position: absolute;
    top: 0;
    left: -100%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}

a.effect:hover:before {
    -webkit-animation: shine 1.1s;
    animation: shine 1.1s;
}

.img_item img {
    height: auto !important;
    max-width: 100%;
    width: 100%;
    display: block;
}

@-webkit-keyframes shine {
    100% {
        left: 125%
    }
}

@keyframes shine {
    100% {
        left: 125%
    }
}

#chat-facebook {
    z-index: 2147483666666;
    position: fixed;
    bottom: 30px;
    right: 80px;
    width: 60px;
    height: 60px;
}

#chat-facebook .button-chat {
    width: 100%;
    height: 100%;
    background: #0b406f;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 5px 30px rgba(0, 0, 0, .26);
    text-align: center;
}

#chat-facebook .button-chat-icon {
    position: absolute;
    max-width: 36px;
    top: 50%;
    margin-top: -13px;
    left: 50%;
    margin-left: -18px;
}

#chat-facebook .button-chat-icon {
    width: 36px;
    height: 29px;
    color: #666666;
}

#chat-facebook .button-chat-icon img {
    max-width: 36px;
}

.fb-livechat,
.fb-widget {
    display: none;
}

.ctrlq.fb-overlay {
    z-index: 0;
    position: fixed;
    height: 100vh;
    width: 100vw;
    -webkit-transition: opacity .4s, visibility .4s;
    transition: opacity .4s, visibility .4s;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .05);
    display: none;
}

.fb-widget {
    background: #fff;
    z-index: 999999;
    position: fixed;
    width: 320px;
    height: 435px;
    overflow: hidden;
    opacity: 1;
    bottom: 0;
    right: 24px;
    border-radius: 6px;
    -o-border-radius: 6px;
    -webkit-border-radius: 6px;
    box-shadow: 0 5px 40px rgba(0, 0, 0, .16);
    -webkit-box-shadow: 0 5px 40px rgba(0, 0, 0, .16);
    -moz-box-shadow: 0 5px 40px rgba(0, 0, 0, .16);
    -o-box-shadow: 0 5px 40px rgba(0, 0, 0, .16);
}

.ctrlq.fb-close {
    z-index: 4;
    padding: 0 6px;
    background: #365899;
    font-weight: 700;
    font-size: 11px;
    color: #fff;
    margin: 8px;
    border-radius: 3px;
}

.ctrlq.fb-button,
.ctrlq.fb-close {
    position: fixed;
    right: 24px;
    cursor: pointer;
}

.ctrlq.fb-button,
.ctrlq.fb-close {
    position: fixed;
    right: 24px;
    cursor: pointer;
}

.ctrlq.fb-close::after {
    content: 'x';
    font-family: sans-serif;
}

.ul-social {
    display: inline-block;
    width: 89%;
    text-align: right;
    font-size: 30px;
    vertical-align: bottom;
}

.ul-social li {
    display: inline-block;
}

.social-share > li {
    position: relative;
    max-width: 120px;
}

.social-share > li > a {
    text-align: center;
    padding: 5px 8px;
    background: #F04F32;
    color: #FFF;
    max-width: 70px;
    font-size: 14px;
}

.social-share li ul.sub_list_share {
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    max-width: 100px;
    text-align: left;
}

.social-share li ul.sub_list_share li {
    padding: 0px 5px 2px 10px;
    text-align: left;
}

.social-share li ul.sub_list_share li a {
    display: block;
}

.social-share li:hover ul.sub_list_share {
    border: 1px solid #ccc;
    background: #FFF;
}

.uppercase {
    text-transform: uppercase;
}

.modal-login {
    width: 385px;
}

.login-form form {
    background: #f7f7f7;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    padding: 15px;
}

.login-form h2 {
    margin: 0 0 15px;
}

.form-control,
.login-btn {
    min-height: 34px;
    border-radius: 2px;
}

.input-group-addon .fa {
    font-size: 18px;
}

.login-btn {
    font-size: 15px;
    font-weight: bold;
}

.social-btn .btn {
    border: none;
    margin: 10px 3px 0;
    opacity: 1;
}

.social-btn .btn:hover {
    opacity: 0.9;
}

.social-btn .btn-primary {
    background: #507cc0;
}

.social-btn .btn-info {
    background: #64ccf1;
}

.social-btn .btn-danger {
    background: #df4930;
}

.or-seperator {
    margin-top: 20px;
    text-align: center;
    border-top: 1px solid #ccc;
}

.or-seperator i {
    padding: 0 10px;
    background: #f7f7f7;
    position: relative;
    top: -11px;
    z-index: 1;
}

.register_here {
    margin-top: 15px;
    font-size: 14px;
}

.register_here a {
    color: #337ab7;
    text-decoration: underline;
}

.modal-login .close {
    position: absolute;
    top: 15px;
    right: 15px;
}

.modal-login .title-modal {
    padding: 15px 0;
    text-transform: uppercase;
}

h2.legend {
    text-transform: uppercase;
    font-size: 18px;
    padding: 15px 0;
}

.infor-login {
    border-top: 1px dashed #f2f2f2;
    margin-top: 15px;
}

#customer-register input[type="text"].form-control,
#customer-register input[type="password"].form-control {
    padding: 6px 10px;
}

.modal-backdrop {
    display: none !important;
}

input#birthday_day,
input#birthday_month {
    display: inline-block;
    max-width: 95px;
}

input#birthday_year {
    max-width: 110px;
    display: inline-block;
}

.error {
    display: block;
    color: red;
}

#check_out_frm .error {
    text-align: left !important;
}

.discount-error {
    color: red;
    line-height: 30px;
    margin-top: 35px;
}

.discount-success {
    color: #56b853;
    margin-top: 40px;
}

.price_discount {
    display: block;
    color: #56b853;
    font-weight: 500;
}

.login-form input[type="text"],
.login-form input[type="password"],
.login-form input[type="number"],
.login-form .select {
    padding: 2px 8px;
}

.avatar-upload .avatar-edit {
    display: none;
    position: absolute;
    right: 12px;
    z-index: 1;
    top: 10px;
}

.avatar-upload .avatar-edit.active {
    display: block;
}

.avatar-upload .avatar-edit input {
    display: none;
}

.avatar-upload .avatar-edit input + label {
    display: inline-block;
    width: 34px;
    height: 34px;
    margin-bottom: 0;
    border-radius: 100%;
    background: #FFFFFF;
    border: 1px solid transparent;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
    cursor: pointer;
    font-weight: normal;
    transition: all 0.2s ease-in-out;
}

.avatar-upload .avatar-edit input + label:after {
    content: "\f040";
    font-family: 'FontAwesome';
    color: #757575;
    position: absolute;
    top: 7px;
    left: 0;
    right: 0;
    text-align: center;
    margin: auto;
}

.avatar-upload .avatar-edit input + label:hover {
    background: #f1f1f1;
    border-color: #d6d6d6;
}

.avatar-upload {
    position: relative;
    max-width: 205px;
    margin: 15px 0;
}

.avatar-upload .avatar-preview {
    width: 192px;
    height: 192px;
    position: relative;
    border-radius: 100%;
    border: 6px solid #F8F8F8;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}

.avatar-upload .avatar-preview > div {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.icon_cart_mobi a {
    display: block;
    position: relative;
}

.icon_cart_mobi {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
}

.icon_cart_mobi a.icon_cart_tbn_a img {
    position: relative;
    top: 0px;
}

.icon_cart_mobi a.icon_cart_tbn_a .basel-cart-totals {
    position: absolute;
    right: 3px;
    top: 0px;
}

.icon_cart_mobi > a > span {
    display: inline-block;
    font-size: 13px;
    vertical-align: middle;
    line-height: 30px;
}

.icon_cart_mobi > a .basel-cart-number,
.icon_cart_mobi > a .basel-cart-number {
    padding: 0;
    margin-left: 0;
    font-size: 10px;
    color: #fff;
    width: 17px;
    height: 17px;
    line-height: 15px;
    text-align: center;
    border-radius: 50%;
    background-color: #fd120f;
    position: absolute;
    top: 0px;
    left: -10px;
    font-family: Arial;
}

.icon_cart_mobi > a .subtotal-divider {
    display: none;
}

.icon_cart_mobi > a .basel-cart-subtotal {
    margin-left: 2px;
    font-size: 12px;
    display: none;
}

.flash_sale_home .product-item {
    margin-bottom: 15px;
}

ul.category_menu_product_home_read_moblie > li {
    display: block;
    min-height: 40px;
    position: relative;
}

ul.category_menu_product_home_read_moblie > li > a {
    display: block;
    position: relative;
    padding: 7.5px 10px 7.5px 0px;
    color: #333;
    text-transform: capitalize;
    z-index: 2;
    border-bottom: 1px solid #f1f1f1;
    transition: none;
    position: relative;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    z-index: 2;
    color: rgb(68, 68, 68);
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0px;
    height: 100%;
    text-decoration: none;
}

ul.category_menu_product_home_read_moblie > li > a .icon-wrap {
    width: 29px;
    text-align: center;
}

ul.category_menu_product_home_read_moblie > li > ul {
    display: none;
}

ul.category_menu_product_home_read_moblie > li > a.sub:hover:after {
    content: "";
}

ul.category_menu_product_home_read_moblie > li > a.sub:after {
    position: absolute;
    right: 6px;
    content: "\e838";
    font-family: "iconfont";
    top: 50%;
    transform: translateY(-50%);
}

ul.category_menu_product_home_read_moblie > li > ul > li {
    padding-left: 8px;
}

ul.category_menu_product_home_read_moblie li ul li a {
    color: #444444;
    font-size: 14px;
    font-family: Roboto;
    border-bottom: 1px solid #ccc;
    text-transform: capitalize;
}

ul.category_menu_product_home_read_moblie > li.active > ul {
    display: block;
}

.arr-mn-mobi {
    position: absolute;
    right: 3px;
    top: 5px;
    font-size: 12px;
    z-index: 99999;
    width: 30px;
    height: 30px;
    text-align: center;
}

#modal_addtocart .modal-header {
    padding: 10px;
    position: relative;
}

#modal_addtocart .modal-header .close {
    margin: 0;
    position: absolute;
    top: 5px;
    right: 5px;
}

#modal_addtocart .modal-dialog {
    margin-top: 130px;
}

.cls_birthday {
    max-width: 120px;
    display: inline-block;
}

.errorTxt {
    color: red;
    font-weight: bold;
}

#menu_user_mobile {
    margin-top: 10px;
}

#menu_user_mobile li a {
    color: #FFF;
    text-align: left;
    padding: 8px 6px;
}

.container_checkout .alert-dismissable .close,
.container_checkout .alert-dismissible .close {
    position: relative;
    top: -8px;
    right: 0px;
    color: #000;
}

.data_detail_ingredients {
    margin: 0px 0px 0px 0px;
}

.items {
    margin: 0;
    padding: 0;
    list-style: none none;
}

#shopping-cart-table thead tr th.col {
    color: #000;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    font-size: 1.2rem;
    letter-spacing: 1px;
    vertical-align: baseline;
    border-bottom: 1px solid #f4f5f7;
    padding-top: 21px;
    padding-bottom: 15px;
}

.woocommerce #shopping-cart-table thead tr th.col.cart-item-count-and-messages {
    padding: 10px 8px 10px !important;
}

#shopping-cart-table .cart-item-count {
    color: #56b853;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: bold;
    line-height: normal;
    font-size: 18px;
    letter-spacing: .5600000000000001px;
    text-transform: uppercase;
}

#shopping-cart-table .cart-item-count .cart-item-count-label {
    font-family: 'Roboto';
    font-weight: normal;
}

#shopping-cart-table .mobile-page-messages .page.messages {
    margin: 10px 0 8px;
}

#shopping-cart-table .cart > .item {
    border-bottom: 1px solid #f4f5f7;
    position: relative;
}

#shopping-cart-table .item .col.item {
    padding: 31px 8px 0;
}

#shopping-cart-table .item .col.item .item-inner-wrapper {
    display: table;
    min-height: 75px;
    position: relative;
    width: 100%;
}

#shopping-cart-table .product-item-photo {
    display: table-cell;
    max-width: 100%;
    padding-right: 16px;
    position: static;
    vertical-align: top;
    width: 1%;
    font: 0/0 a;
}

#shopping-cart-table .product-item-photo .product-image-container {
    display: inline-block;
    max-width: 100%;
}

#shopping-cart-table .product-image-wrapper {
    display: block;
    overflow: hidden;
    position: relative;
    z-index: 1;
    height: auto;
}

#shopping-cart-table .product-item-details {
    display: table-cell;
    vertical-align: top;
    white-space: normal;
    width: 99%;
    text-align: left;
}

#shopping-cart-table .product-item-name {
    padding-right: 32px;
}

#shopping-cart-table .product-item-name {
    color: #000;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    font-size: 15px;
    letter-spacing: .7px;
    text-transform: capitalize;
    display: block;
    margin: 0 0 6px;
}

#shopping-cart-table .product-item-name a {
    color: #000;
    text-decoration: none;
}

#shopping-cart-table .product-item-name a:visited {
    color: #000;
    text-decoration: none;
}

#shopping-cart-table .product-item-subtotal {
    margin: 0 0 12px;
}

#shopping-cart-table .price-including-tax,
#shopping-cart-table .price-excluding-tax {
    display: block;
    font-size: 14px;
    line-height: 1;
}

#shopping-cart-table .product-item-subtotal .price-excluding-tax > .price {
    color: #000;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    font-size: 14px;
}

#shopping-cart-table .product-item-size-qty {
    max-width: 184px;
}

#shopping-cart-table .actions-toolbar a.action:visited {
    color: #000;
    text-decoration: underline;
}

#shopping-cart-table .actions-toolbar > .action-delete {
    display: inline-block;
    background-size: 28px;
    display: block;
    margin: 0;
}

#shopping-cart-table .action {
    color: #000;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    font-size: 12px;
    letter-spacing: .5px;
    margin: 20px 10px 0 0;
}

#shopping-cart-table .actions-toolbar > .action-delete:before {
    display: block;
    position: absolute;
    top: -6px;
    right: 1px;
    background-image: url(../img/close-circle.svg);
    background-position-x: center;
    background-position-y: center;
    background-size: 25px;
    line-height: 30px;
    vertical-align: middle;
    height: 25px;
    width: 25px;
    background-repeat: no-repeat;
    content: '';
}

#shopping-cart-table .actions-toolbar:after {
    clear: both;
    content: '';
    display: table;
}

.woocommerce #shopping-cart-table img {
    width: 120px;
}

.btn_contact_use {
    font-size: 18px;
    padding: 8px 15px;
    display: block;
    background: #56b853;
    text-align: center;
    margin-top: 8px;
    color: #FFF !important;
}

.category_filter {
    margin: 6px 0;
    text-align: right;
}

.customer-pagination > li > a,
.customer-pagination > li > span {
    border: 1px solid #ccc;
    border-radius: 50% !important;
    margin: 0 3px;
    display: block;
    background: #f2f2f2;
    width: 35px;
    height: 35px;
    font-size: 13px;
    line-height: 24px;
    padding: 5px;
}

.customer-pagination > li > a:hover,
.customer-pagination > li > a:focus,
.customer-pagination > li > span:hover,
.customer-pagination > li > span:focus {
    color: #FFF;
    background-color: #ccc !important;
    text-decoration: none;
}

.customer-pagination > li.active > span:hover,
.customer-pagination > li.active > span:focus,
.customer-pagination > li.active > a:hover,
.customer-pagination > li.active > a:focus {
    color: #FFF;
    background-color: #ccc !important;
    text-decoration: none;
}

.customer-pagination > .disabled > a,
.customer-pagination > .disabled > a:focus,
.customer-pagination > .disabled > a:hover,
.customer-pagination > .disabled > span,
.customer-pagination > .disabled > span:focus,
.customer-pagination > .disabled > span:hover {
    background-color: #f2f2f2;
}

.customer-pagination > li.active > span {
    background-color: #010101 !important;
    color: #FFF;
}

.ls-related-product .item_product_list {
    margin: 0 5px;
}

body .page-header {
    z-index: 10;
    /* background:#010101;*/
    border: none;
    margin-bottom: 0;
    position: relative;
    padding-bottom: 0px;
    margin: 0px 0 0px;
}

.wrap-header-fix.active-menu {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
    background: rgba(0,0,0,0.9);
}

.wrap-menu-primary.active-menu {
    width: 100%;
}

ul#primary_menu_top > li > a {
    display: flex;
    align-items: center;
    display: -webkit-flex;
    -webkit-align-items: center;
}
ul#primary_menu_top > li > a:hover{
    color: #4ac1f7;
}
.page-header .header.content {
    padding: 0 16px
}

.page-header .logo {
    width: 240px;
    /* margin: 0 auto 0 0 */
}
.page-header .logo a{
    display: block !important;
}
.page-header .logo img {
    max-height: 50px;
    display: block;

}

.header.content {
    display: flex;
    justify-content: space-between;
    background: transparent;
    padding: 0 15px;
    height: 72px;
    align-items: center;
    position: relative;
    /*max-width: 1348px;*/
    min-width: unset;
}

.header.content.is-sticky {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 9999
}

#search_mini_form {
}

.header.content.is-sticky:before {
    content: '';
    display: block;
    background: #010101;
    position: absolute;
    top: 0;
    right: -100%;
    bottom: 0;
    left: -100%
}

.header.content.is-sticky > div,
.header.content.is-sticky > nav,
.header.content.is-sticky .customer-welcome {
    position: relative
}

.header.content.is-sticky .magemenu-menu .menu-box {
    display: none !important
}

.top-container {
    position: relative
}

.top-container.is-sticky {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 99
}

.top-container.is-sticky .section-promobar.promobar-sticky {
    position: unset
}

.sections.nav-sections {
    display: none !important
}

.logo {
    /* margin: 0 auto 0 0; */
    max-width: unset;
    /* width: auto; */
    display: flex;
    align-items: center
}

.minicart-wrapper {
    background: #fff;
    padding: 0;
    /*  margin: 0 0 0 12px;*/
    border-radius: 4px;
    order: 2;
    height: 48px;
    width: 48px
}

.minicart-wrapper .action.showcart {
    line-height: 23px;
    padding: 12px 13px
}

.minicart-wrapper .action.showcart:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f07a";
    font-size: 20px;
    opacity: 1;
    color: #010101 !important;
    line-height: 25px
}

.minicart-wrapper .action.showcart.active:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f07a";
    font-size: 20px;
    opacity: 1;
    color: #010101 !important;
    line-height: 25px !important
}

.minicart-wrapper .action.showcart .counter.qty {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    min-width: auto;
    margin: 0;
    background: #fddc00;
    font-size: 10px;
    font-weight: 600;
    color: #010101;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: -9px;
    right: -9px
}

.minicart-wrapper .block-minicart {
    width: 486px;
    margin-top: 12px;
    padding: 0 16px 16px;
    right: 0
}

.minicart-wrapper .block-minicart:before,
.minicart-wrapper .block-minicart:after {
    display: none
}

.minicart-wrapper .block-minicart .minicart-items-wrapper {
    padding: 0;
    margin: 0;
    border: none;
    height: auto !important;
    max-height: 357px
}

.minicart-wrapper .block-minicart .product-item {
    padding: 16px 0
}

.minicart-wrapper .block-minicart .product-item .product {
    display: flex
}

.minicart-wrapper .block-minicart .product-item .product-item-photo {
    flex: 0 0 140px;
    max-width: 140px
}

.minicart-wrapper .block-minicart .product-item .product-item-details {
    flex: 1;
    padding-left: 16px
}

.minicart-wrapper .block-minicart .product-item .product-item-name {
    margin-bottom: 0;
    font-size: 18px;
    line-height: 24px
}

.minicart-wrapper .block-minicart .product-item .product-item-name a {
    color: #010101
}

.minicart-wrapper .block-minicart .product-item .product.options {
    display: block;
    width: 100%
}

.minicart-wrapper .block-minicart .product-item .product.options .item-option {
    display: block;
    width: 100%
}

.minicart-wrapper .block-minicart .product-item .product.options .item-option .label,
.minicart-wrapper .block-minicart .product-item .product.options .item-option .values {
    display: inline-block;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 24px;
    color: #010101;
    opacity: .8
}

.minicart-wrapper .block-minicart .product-item .product-item-group {
    display: flex
}

.minicart-wrapper .block-minicart .product-item .product-item-group .actions {
    margin: 0 0 0 auto;
    position: relative;
    top: 3px
}

.minicart-wrapper .block-minicart .block-content > .actions {
    margin-top: 0;
    padding-top: 16px;
    border-top: .5px solid #bdbdbd
}

.minicart-wrapper .block-minicart .block-content > .actions > .primary {
    margin: 0;
    text-align: right
}

.minicart-wrapper .block-minicart .block-content > .actions > .primary .action.primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 160px;
    min-height: 40px;
    width: auto;
    margin-bottom: 0;
    padding: 7px 20px;
    font-weight: 600;
    font-size: 12px;
    line-height: 24px;
    letter-spacing: .02em;
    text-transform: uppercase;
    color: #010101;
    background-color: #fddc00;
    border: none
}

.minicart-wrapper .block-minicart .block-content .content-total-price {
    display: flex;
    align-items: center;
    margin-bottom: 16px
}

.minicart-wrapper .block-minicart .block-content .content-total-price > div {
    flex: 1;
    line-height: 24px;
    color: #010101
}

.minicart-wrapper .block-minicart .block-content .content-total-price .label {
    text-align: left;
    font-size: 14px
}

.minicart-wrapper .block-minicart .block-content .content-total-price .value {
    text-align: right;
    font-size: 18px
}

.minicart-wrapper .block-minicart .action.edit,
.minicart-wrapper .block-minicart .action.delete {
    color: #828282;
    text-decoration: underline
}

.minicart-wrapper .block-minicart .action.edit:before,
.minicart-wrapper .block-minicart .action.delete:before {
    display: none
}

.minicart-wrapper .block-minicart .action.edit:hover,
.minicart-wrapper .block-minicart .action.delete:hover {
    color: #010101
}

.minicart-wrapper .block-minicart .action.edit > span,
.minicart-wrapper .block-minicart .action.delete > span {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    position: unset
}

.block-search {
    max-width: 390px;
    width: 390px;
    padding-left: 0;
    /* margin-right: auto;*/
    position: relative;
}

.minicart-wrapper .action.showcart:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f07a";
    font-size: 20px;
    opacity: 1;
    color: #010101 !important;
    line-height: 25px;
}

.block-search .nested {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.block-search #ajaxsearch_autocomplete {
    top: 58px !important
}

.block-search .block-content {
    position: relative
}

.block-search .block-content:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    content: "\f002";
    font-size: 16px;
    height: 100%;
    line-height: 44px;
    padding: 0 16px;
    z-index: 1
}

.block-search .control {
    padding: 0;
    border-top: none;
    margin: 0;
    display: flex
}

.block-search .control:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 14px;
    position: absolute;
    top: 23px;
    right: 108px
}

.block-search .control input {
    height: 43px;
    /*min-width:280px;*/
    padding: 10px 16px 10px 48px;
    margin-right: 90px;
    border: solid 1px #f2f2f2;
    border-radius: 0;
    background: #fff;
    width: 100%;
}

.abs-visually-hidden-desktop,
.modes-label,
.block-search .label,
.dashboard-welcome-toggler,
.block-collapsible-nav .title {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.block-search .control input::placeholder {
    color: #bdbdbd
}

@media (min-width: 1440px) {
    .block-search .control input {
        /* min-width:390px*/
    }
}

.block-search .actions .action.search {
    padding: 13.5px;
    height: 100%;
    min-width: 92px;
    width: auto;
    right: 0;
    background: #fddc00;
    opacity: 1 !important;
    border-radius: 0;
    border: none;
    -moz-box-sizing: border-box;
}

.block-search .actions .action.search:before {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.block-search .actions .action.search span {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
    font-weight: 700;
    line-height: 1;
    font-size: 14px;
    color: #010101
}

.block-search .actions .action.search:hover {
    opacity: .8
}

.header .nav-magemenu-menu.horizontal {
    height: 100%;
    width: calc(100% - 100px);
    overflow: visible;
    background: transparent;
    margin-left: 0;
    position: unset;
    display: flex;
    align-items: center;

    /*overflow-x:hidden*/
}

.header .nav-magemenu-menu.horizontal .magemenu-menu.horizontal-menu {
    height: 100%;
    position: unset !important
}

.header .nav-magemenu-menu.horizontal .megamenu-label.label-position-top-left {
    position: absolute;
    bottom: 41px;
    left: -10px
}

.header .nav-magemenu-menu.horizontal .explodedmenu {
    display: flex;
    flex-wrap: nowrap;
    height: 100%;
    position: unset !important;
    overflow: hidden
}

.header .nav-magemenu-menu.horizontal .explodedmenu li.menu {
    padding: 0 10px;
    margin-right: 0;
    height: 100%
}

.header .nav-magemenu-menu.horizontal .explodedmenu li.menu > a {
    padding: 0;
    margin: 0;
    height: 100%;
    line-height: 72px
}


.header .nav-magemenu-menu.horizontal .explodedmenu li.menu > a span {
    font-weight: 700 !important;
    font-size: 13.5px;
    width: max-content;
    text-transform: capitalize;
    color: #fff;
    height: 100%;
    vertical-align: text-bottom
}

.header .nav-magemenu-menu.horizontal .explodedmenu li.menu > a span:after {
    display: none
}

.header .nav-magemenu-menu.horizontal .explodedmenu li.menu:hover {
    border-bottom: 2px solid #fddc00
}

.header .nav-magemenu-menu.horizontal .explodedmenu li.menu:hover a {
    background: 0 0 !important;
    opacity: .8
}

.header .nav-magemenu-menu.horizontal .menu.parentMenu.has-content .menu-box {
    position: absolute !important;
    width: 100% !important;
    max-width: unset !important;
    background: #24272a !important;
    border: none !important;
    min-height: 380px;
    padding: 32px 0;
    top: 100%
}

.header .nav-magemenu-menu.horizontal .menu.parentMenu.has-content .menu-box:before {
    content: "";
    background: 0 0;
    width: 80px;
    height: 15px;
    position: absolute;
    top: -15px;
    left: calc(50% - 65px)
}

.header .nav-magemenu-menu.horizontal .menu.parentMenu.has-content .menu-box .block-main {
    max-width: 1248px;
    margin: auto;
    float: unset
}

.header .nav-magemenu-menu.horizontal .itemsubmenu .itemMenu.subparent {
    background: 0 0 !important;
    border: none
}

.header .nav-magemenu-menu.horizontal .itemsubmenu .itemMenu.subparent:hover a {
    background: 0 0 !important
}

.header .nav-magemenu-menu.horizontal .itemsubmenu .itemMenu.subparent span {
    color: #fddc00;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700
}

.header .nav-magemenu-menu.horizontal .itemsubmenu .itemMenu.subparent .submenu-container {
    display: inline-block !important;
    position: relative;
    left: 0
}

.header .nav-magemenu-menu.horizontal .itemsubmenu .itemMenu.subparent .submenu-container .itemsubmenu {
    box-shadow: none;
    background: 0 0
}

.header .nav-magemenu-menu.horizontal .itemsubmenu .itemMenu.subparent .submenu-container a:hover span {
    text-decoration: underline
}

.header .nav-magemenu-menu.horizontal .itemsubmenu .itemMenu.subparent .submenu-container span {
    text-transform: initial;
    font-size: 14px;
    color: #fff;
    font-weight: 400
}

.authorization-link {
    display: flex;
    width: 100%;
    padding: 16px 24px 0
}

.authorization-link a {
    font-size: 16px;
    line-height: 1.5;
    color: #010101;
    opacity: .4
}

.authorization-link a:hover,
.authorization-link a:focus {
    color: #010101;
    opacity: 1
}

.hp-header-top {
    background: #fafafa;
    height: 32px;
    line-height: 32px;
    display: none;
}

.hp-header-top .content {
    max-width: 1430px;
    /*min-width:1248px;*/
    min-width: unset;
    margin: auto;
    padding: 0 16px;
    font-size: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #010101
}

.hp-header-top .store-list {
    display: inline-block;
    margin: 0;
    opacity: .8;
    color: #010101;
    margin-right: 32px
}

.hp-header-top .store-list:hover {
    text-decoration: underline
}

.hp-header-top .brand-list {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-right: auto;
    align-items: center;
    height: 32px
}
.none{
    display: none !important;
}
.brand-list {
    top: -40px;
    position: absolute;
    left: 50%;
    width: 257px;
    transform: translateX(-50%);
}

.brand-list a {
    border-right: 1px solid;
    padding-right: 5px;;
}

.brand-list a:last-child {
    border: none;
}

.hp-header-top .brand-list a {
    margin-right: 24px
}

.hp-header-top .brand-list img {
    width: auto;
    max-height: 32px
}

.hp-header-top .brand-list p {
    margin: 0
}

.hp-header-top .header-hotline {
    text-align: center;
    margin: 0;
    opacity: .8;
    display: inline-block
}

.customer-welcome a {
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    color: #fff;
    letter-spacing: .4px
}

.customer-welcome a:focus,
.customer-welcome a:hover {
    color: #fddc00
}

.mgn-footer {
    overflow: hidden
}

.mgn-footer * {
    font-size: 14px;
    color: rgba(255, 255, 255, .8)
}

.mgn-footer input {
    color: #010101
}

.mgn-footer .title {
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    letter-spacing: normal;
    padding: 0;
    margin-bottom: 15px
}

.mgn-footer .btn {
    height: 40px;
    width: 40px;
    background: #fff;
    margin-right: 8px;
    position: relative;
    border-radius: 4px;
    padding: 8px
}

.mgn-footer .btn:before {
    top: 15px;
    font-family: "Font Awesome 5 Brands";
    font-weight: 400;
    font-size: 16px;
    color: #161616
}

.mgn-footer .btn a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.mgn-footer .phone-icon:before {
    content: "\f095";
    color: #010101;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 16px;
    line-height: 23px;
    margin-left: 4px
}

.mgn-footer .visa:before {
    content: "\f1f0"
}

.mgn-footer .master-card:before {
    content: "\f1f1"
}

.mgn-footer .jcb:before {
    content: "\f24b"
}

.mgn-footer .paypal:before {
    content: "\f1f4"
}

.mgn-footer .facebook:before {
    content: "\f39e"
}

.mgn-footer .instagram:before {
    content: "\f16d"
}

.mgn-footer .youtube:before {
    content: "\f167"
}

.footer-top {
    display: none;
    background: #191b1d;
    padding: 20px 0;
    line-height: 28px
}

.footer-top .row .container {
    display: flex;
    padding: 16px
}

.footer-top .row .container .col-6 {
    padding: 0
}

.footer-top .row .container:first-child .col-6 {
    position: relative
}

.footer-top .title,
.footer-top .time,
.footer-top .phone a {
    display: inline-block;
    color: #fff
}

.footer-top .title {
    margin: 0;
    line-height: 28px;
    font-weight: 700
}

.footer-top .time {
    font-size: 14px;
    margin: 0;
    line-height: 24px;
    opacity: .8
}

.footer-top .phone {
    float: left;
    line-height: 32px;
    font-size: 24px;
    margin-top: 0;
    margin-left: 10px;
    display: flex;
    align-items: center;
    height: 100%
}

.footer-top .phone a {
    font-size: 24px
}

.footer-top .phone .btn {
    background: #fff
}

.footer-mid {
    padding: 60px 0 20px;
    background: #24272a
}

.footer-mid .content.links {
    margin-bottom: 20px
}

.footer-mid .content.links a {
    display: block;
    line-height: 38px;
    padding: 0;
    vertical-align: top;
    color: #f2f2f2;
    opacity: .8
}

.footer-mid .content.links a:hover {
    text-decoration: underline
}

.footer-mid .content.icons {
    margin-bottom: 32px
}

.footer-mid .second-column .drop-menu,
.footer-mid .third-column .drop-menu {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -16px;
    margin-left: -16px;
    padding: 0 16px
}

.footer-mid .second-column .title,
.footer-mid .third-column .title {
    padding: 0 0 10px;
    margin-bottom: 0;
    position: relative;
    width: 100%;
    text-transform: uppercase;
}

.footer-mid .second-column .content,
.footer-mid .third-column .content {
    padding-top: 0;
    padding-bottom: 20px;
    margin-bottom: 0;
    width: 100%
}

.footer-mid .payment-method {
    margin-top: 6px
}

.footer-mid .payment-method .title {
    margin-bottom: 5px
}

.footer-mid .first-column {
    padding-right: 20px
}

.footer-mid .first-column .nav-toggle {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.footer-mid .first-column .logo {
    width: 100%;
    max-width: unset;
    margin-bottom: 15px;
    padding: 0
}

.footer-mid .first-column .logo img {
    max-height: unset;
    max-width: 145px !important;
}

.footer-mid .first-column p {
    line-height: 24px;
    margin-bottom: 12px
}

.footer-mid .first-column p b {
    color: #fff;
    font-weight: 500
}

.footer-mid .first-column .bo-cong-thuong {
    max-width: 135px;
    margin-top: 37px;
    margin-bottom: 10px
}

.footer-mid .fourth-column {
    display: flex;
    flex-direction: column
}

.footer-mid .fourth-column .newsletters {
    position: relative;
    border: 1px solid #f2f2f2;
    padding: 10px;
    margin-bottom: 20px;
}

#newsletter-validate-detail {
    position: relative;
}

.footer-mid .fourth-column .newsletters p,
.footer-mid .fourth-column .newsletters span {
    font-size: 14px;
    line-height: 24px;
    color: #f2f2f2;
    opacity: .8
}

.footer-mid .fourth-column .newsletters span {
    font-size: 13px;
    font-weight: 600;
    color: #f2f2f2;
    width: 100%;
}

.footer-mid .fourth-column .newsletters input + span {
    font-size: 12px;
    font-weight: 400
}

.footer-mid .fourth-column .newsletters .title:first-child {
    margin-bottom: 7px
}

.footer-mid .fourth-column .block.newsletter {
    width: 100%;
    max-width: unset;
    margin: 6px 0 0
}

.footer-mid .fourth-column .block.newsletter .form.subscribe .control:before {
    content: ""
}

.footer-mid .fourth-column .block.newsletter .form.subscribe label {
    display: block
}

.footer-mid .fourth-column .block.newsletter .form.subscribe input {
    padding: 10px;
    height: 40px;
    border-radius: 0;
    border: solid 1px #f2f2f2;
    background-color: #fff;
    max-width: unset;
    width: 100%
}

.footer-mid .fourth-column .block.newsletter .form.subscribe .action.subscribe {
    box-shadow: none;
    background: #fddc00;
    height: 40px;
    position: absolute;
    margin: 0;
    padding: 0 12px;
    border: none;
    bottom: 0px;
    right: 0px;
    border-radius: 0 !important
}

.footer-mid .fourth-column .block.newsletter .form.subscribe .action.subscribe span {
    color: #161616;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: normal
}

.footer-mid .fourth-column .block.newsletter .form.subscribe .mage-error[generated] {
    color: #5a0009
}

.footer-bottom {
    border: none;
    background: #161616;
    padding: 0
}

.footer-bottom .col-lg-12 {
    padding: 0
}

.footer-bottom #back-to-top {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 0;
    background: #ececec;
    font-weight: 700;
    color: #010101;
    display: flex;
    justify-content: center;
    position: fixed;
    bottom: 17%;
    right: 20px;
    z-index: 999;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .5);
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease-in-out 0s;
    cursor: pointer
}

.footer-bottom #back-to-top:before {
    font-weight: 900;
    font-family: 'Line Awesome Free';
    content: "\f062";
    color: #010101;
    font-size: 23px
}

.footer-bottom #back-to-top.active {
    bottom: 18%;
    opacity: 1;
    visibility: visible
}

.footer-bottom .block-copyright {
    min-height: 48px;
    padding: 10px 0;
    line-height: 30px
}

.footer-bottom .copyright{
    position: relative;
}

#expro-vn {
    /*
    position: absolute;
    top: 999%;
     */
}

.footer-bottom .copyright,
.footer-bottom span {
    color: #f2f2f2;
    font-weight: 600;
    line-height: 24px;
}

.single_description {
    padding: 8px;
}

.listCategoryNew li.item-cate-new {
    padding-bottom: 5px;
}

.listCategoryNew li.item-cate-new a {
    font-weight: 500;
    font-size: 15px;
}

#search_mini_form {
    position: relative;
}

#search_mini_form .actions {
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    height: 100%;
}

.autocomplete-center .block.block-title {
    display: none
}

.nav_login_resign_group_header li.customer-icon .user_text span {
    text-transform: capitalize;
    color: #fff;
    position: relative;
    top: -3px;
}

.message {
    position: fixed;
    bottom: 75px;
    right: 15px;
    z-index: 999;
}

.message a {
    display: flex;
    margin-right: 12px;
}

.message i {
    font-style: normal;
    background: 0 0;
    height: 48px;
    border-radius: 50%;
    text-align: center;
    line-height: 44px;
    border: 2px solid #339bef;
    position: relative;
    flex: 0 0 48px;
}

.message i img {
    -webkit-animation: ring 4s .7s ease-in-out infinite;
    -webkit-transform-origin: 50% 4px;
    -moz-animation: ring 4s .7s ease-in-out infinite;
    -moz-transform-origin: 50% 4px;
    animation: ring 4s .7s ease-in-out infinite;
    transform-origin: 50% 4px;
    display: block;
    margin-top: 8px;
    margin-left: 8px;
}

@keyframes ring {
    0% {
        transform: rotate(0);
    }
    1% {
        transform: rotate(30deg);
    }
    3% {
        transform: rotate(-28deg);
    }
    5% {
        transform: rotate(34deg);
    }
    7% {
        transform: rotate(-32deg);
    }
    9% {
        transform: rotate(30deg);
    }
    11% {
        transform: rotate(-28deg);
    }
    13% {
        transform: rotate(26deg);
    }
    15% {
        transform: rotate(-24deg);
    }
    17% {
        transform: rotate(22deg);
    }
    19% {
        transform: rotate(-20deg);
    }
    21% {
        transform: rotate(18deg);
    }
    23% {
        transform: rotate(-16deg);
    }
    25% {
        transform: rotate(14deg);
    }
    27% {
        transform: rotate(-12deg);
    }
    29% {
        transform: rotate(10deg);
    }
    31% {
        transform: rotate(-8deg);
    }
    33% {
        transform: rotate(6deg);
    }
    35% {
        transform: rotate(-4deg);
    }
    37% {
        transform: rotate(2deg);
    }
    39% {
        transform: rotate(-1deg);
    }
    41% {
        transform: rotate(1deg);
    }
    43% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(0);
    }
}

@keyframes spread {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 1);
    }
    1% {
        box-shadow: 0 0 0 2px rgba(255, 255, 255, .9);
    }
    3% {
        box-shadow: 0 0 0 4px rgba(255, 255, 255, .8);
    }
    5% {
        box-shadow: 0 0 0 6px rgba(255, 255, 255, .7);
    }
    7% {
        box-shadow: 0 0 0 8px rgba(255, 255, 255, .6);
    }
    9% {
        box-shadow: 0 0 0 10px rgba(255, 255, 255, .5), 0 0 0 0 rgba(255, 255, 255, 0);
    }
    11% {
        box-shadow: 0 0 0 12px rgba(255, 255, 255, .4), 0 0 0 4px rgba(255, 255, 255, .2);
    }
    13% {
        box-shadow: 0 0 0 14px rgba(255, 255, 255, .3), 0 0 0 6px rgba(255, 255, 255, .2);
    }
    15% {
        box-shadow: 0 0 0 16px rgba(255, 255, 255, .2), 0 0 0 8px rgba(255, 255, 255, .2);;
    }
    17% {
        box-shadow: 0 0 0 18px rgba(255, 255, 255, .1), 0 0 0 10px rgba(255, 255, 255, .2);;
    }
    19% {
        box-shadow: 0 0 0 20px rgba(255, 255, 255, 0), 0 0 0 18px rgba(255, 255, 255, 0);;
    }

    21% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 1);
    }
    23% {
        box-shadow: 0 0 0 2px rgba(255, 255, 255, .9);
    }
    25% {
        box-shadow: 0 0 0 4px rgba(255, 255, 255, .8);
    }
    27% {
        box-shadow: 0 0 0 6px rgba(255, 255, 255, .7);
    }
    29% {
        box-shadow: 0 0 0 8px rgba(255, 255, 255, .6);
    }
    31% {
        box-shadow: 0 0 0 10px rgba(255, 255, 255, .5), 0 0 0 0 rgba(255, 255, 255, 0);
    }
    33% {
        box-shadow: 0 0 0 12px rgba(255, 255, 255, .4), 0 0 0 4px rgba(255, 255, 255, .2);
    }
    35% {
        box-shadow: 0 0 0 14px rgba(255, 255, 255, .3), 0 0 0 6px rgba(255, 255, 255, .2);
    }
    37% {
        box-shadow: 0 0 0 16px rgba(255, 255, 255, .2), 0 0 0 8px rgba(255, 255, 255, .2);;
    }
    39% {
        box-shadow: 0 0 0 18px rgba(255, 255, 255, .1), 0 0 0 10px rgba(255, 255, 255, .2);;
    }
    41% {
        box-shadow: 0 0 0 20px rgba(255, 255, 255, 0), 0 0 0 18px rgba(255, 255, 255, 0);;
    }

    43% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}

@keyframes float {
    0% {
        transform: translateY(0px);
        -ms-transform: translateY(0px);
        -webkit-transform: translateY(0px);
    }
    50% {
        transform: translateY(-6px);
        -ms-transform: translateY(-6px);
        -webkit-transform: translateY(-6px);
    }
    100% {
        transform: translateY(0px);
        -ms-transform: translateY(0px);
        -webkit-transform: translateY(0px);
    }
}

.lar {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la,
.las {
    font-family: 'Line Awesome Free';
    font-weight: 900
}

.page-bottom {
    margin-bottom: -30px;
}

.banner-top {
    margin-bottom: 24px;
}

#home_about_us{
    padding: 30px 0;
    border-radius: 5px;
    display: block;
    position: relative;
    background: #FFF;
}
#home_about_us .about_home{
    background: #FFF;
    padding: 30px;
    border-radius: 5px;
    border: 1px solid #e3e8eb;
    overflow: hidden;
    box-shadow: 0 1px 8px 0 rgb(35 35 35 / 5%);
}
#home_about_us .about_home .title{
    text-align: center;
    margin-bottom: 5px;
}
.home-category-boxes .box-item {
    width: calc(33.3% - 0px);
    box-sizing: border-box;
    padding: 0 12px;
}

.home-category-boxes {
    margin: 0 -12px;
}
.element_about_image_view{
    position: relative;
    display: block;
    margin: 0px;
    padding: 10px 0px 80px 0px;
}
.element_about_image_view .first_img{
    position: absolute;
    top:80px;
    left: -100px;
    z-index: 5;
}
.element_about_image_view .last_img{
    position: relative;
    z-index: 6;
}
.section__heading {
    margin-bottom: 10px;
    font-size: 40px;
    letter-spacing: .5px;
    line-height: 1.4;
    font-family: 'Montserrat', serif;
    font-weight: 500;
}
.section__heading .highlight{
    display: inline-block;
    color: #46bcfd;
}
.section__aboutus--wrap .buttons{
    margin: 20px 0;
}
.section__aboutus--wrap .buttons a {
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 7px 25px;
    font-size: 18px;
    background-color: #3979f8 !important;
    box-shadow: 0 0 10px 0 #404258;
    color: #FFF;
    font-family: RR;
}
.section__aboutus--desc {
    font-size: 17px;
    display: block;
}
.text_home_about .section__heading .highlight {
    color: #4bc0f6;
}
.section__aboutus--desc p {
    display: block;
    margin-bottom: 10px;
    font-size: 16px;
    font-family: 'Expro', serif;
}
.row_about .element_about_content{
    display: flex;
    justify-content: center;
    align-items: center;
}
.home-category-boxes .box-item img {
    width: 100%;
}
.contact_home_secsion{
    background: url("../images/background_about.jpg") center center;
    width: 100%;
    display: block;
    position: relative;
    margin-top: 30px;
}
.elementor-background-overlay{
    position: absolute;
    inset: 0;
    background-color: #000000;
    opacity: 0.5;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
    z-index: 5;
}
.contact_home_secsion_content{
    position: relative;
    z-index: 10;
    color: #FFF;
}
.contact_home_secsion_content_view{
    padding: 100px 0;
    display: flow;
    justify-content: center;
    text-align: center;

}
.contact_home_secsion_content_view h4{
    font-family: 'Exo';
    font-size: 25px;
    padding: 10px 0;
    margin: 10px 0px 20px 0px;
}
.button_contact_home a{
    padding: 15px 25px;
    background-color: #3a7bfb;
    color: #FFF;
    font-family: 'Exo';
    font-size: 15px;
    box-shadow: 0 0 10px 0 #404258;
    cursor: pointer;
}
.button_contact_home a:hover,.section__aboutus--wrap .buttons a:hover{
    background-color: #46bcfd !important;
}
.product-tabs .list-title {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 20px
}

.product-tabs .list-title li {
    float: none;
    display: inline-block;
    text-transform: uppercase;
    vertical-align: middle;
    position: relative;
    margin: 0 12px 0 0;
    font-weight: 400;
    font-size: 14px
}

.product-tabs .list-title li:last-child {
    margin: 0 28px 0 0
}

.product-tabs .list-title li.is-active button,
.product-tabs .list-title li.is-active .cart.table-wrapper .actions-toolbar > .action,
.product-tabs .list-title li.is-active .action-gift {
    background: #e2e2e2;
    border-color: #e2e2e2
}

.product-tabs .list-title li button,
.product-tabs .list-title li .cart.table-wrapper .actions-toolbar > .action,
.product-tabs .list-title li .action-gift {
    border: 1px solid #e0e0e0;
    padding: 8px 10px
}

.product-tabs .list-title li .switch {
    color: #010101;
    font-weight: 400
}

.product-tabs .list-title li .switch,
.product-tabs .list-title li .switch:visited {
    border: none;
    background: 0 0
}

.product-tabs .list-title li[aria-selected=true] button,
.product-tabs .list-title li[aria-selected=true] .cart.table-wrapper .actions-toolbar > .action,
.product-tabs .list-title li[aria-selected=true] .action-gift {
    background: #e2e2e2
}

.product-tabs .list-title li:hover:before {
    left: 0;
    width: 100%
}

.product-tabs .list-title li:hover .switch {
    color: #000
}

.product-tabs .list-title li.active .switch {
    color: #000
}

.cms-index-index .view-other-products a {
    font-weight: 600;
    font-size: 12px;
    line-height: 24px;
    color: #010101;
    position: relative;
    text-transform: initial;
    letter-spacing: .02em;
}

.list-item-home-link a {
    padding: 0 15px;
    color: #222;
    font-size: 13px;
}

.list-item-home-link a:hover {
    text-decoration: underline;
}

.view-other-products {
    position: relative;
    font-size: 12px;
    font-weight: bold;
    color: #000;
    opacity: 1;
}

.view-other-products .view-all-item {
    color: #3a7bfb;
}

.view-other-products .view-all-item:after {
    content: "";
    width: 21px;
    height: 12px;
    background: url("https://hoang-phuc.com/static/version1602878525/frontend/Magenest/hp-desktop/vi_VN/images/icons/vector-small.png") no-repeat;
    position: absolute;
    right: -33px;
    top: 4px
}

.product-item * {
    transition: .3s all ease
}

.product-item .product-item-photo {
    display: block;
    width: 100%;
    padding: 0;
    position: relative
}

.product-item .product-item-info {
    width: 100%;
    position: relative;
    margin-right: 0
}

.product-item .product-item-info .product-image-photo {
    width: 100%;
    height: auto;
    object-fit: contain
}

.product-item .product-item-info .price-box {
    display: flex;
    margin: 5px 0 10px;
    align-items: flex-end;
    flex-wrap: wrap
}

.product-item .product-item-info .price {
    font-size: 18px;
    line-height: 1.33
}

.product-item .product-item-info .special-price,
.product-item .product-item-info .normal-price {
    margin-right: 10px
}

.product-item .product-item-info .old-price .price {
    color: #828282;
    font-size: 14px;
    line-height: 1.43;
    text-decoration: line-through
}

.product-item .product-item-info .price-label {
    display: none
}

.product-item .product-item-info .product-item-link {
    color: #000;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 5px
}

.product-item .product-item-info .product-item-details > .product-reviews-summary,
.product-item .product-item-info .product-item-details .product-item-inner {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.product-item .product-item-info .product-item-details .swatch-option {
    width: 32px;
    height: 24px
}

.products-grid .product-item {
    margin-bottom: 20px
}

.products-grid .product-item .product-item-details {
    position: relative !important
}

.products-grid .product-item .product-image-container {
    width: 100% !important
}

.products-grid .product-item .product-item-link {
    display: -webkit-box;
    display: -moz-box;
    -webkit-box-orient: vertical;
    -ms-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2
}

.products-grid .product-item .product-item-actions {
    margin: 0;
    display: flex;
    justify-content: space-between;
    transform: translateY(37px);
    background: #000;
    opacity: 0
}

.products-grid .product-item .product-item-actions .actions-primary,
.products-grid .product-item .product-item-actions .action.tocart.primary {
    width: 100%
}

.products-grid .product-item .product-item-actions .actions-secondary .action {
    height: 100%
}

.products-grid .product-item .product-item-actions .actions-secondary .action.towishlist:before {
    content: '\e601'
}

.products-grid .product-item .product-item-actions .actions-secondary .action:before {
    font-size: 38px;
    color: #fff
}

.products-grid .product-item .product-item-actions .actions-secondary .action:hover:before {
    color: #ff4850
}

.products-grid .product-item:hover .product-item-inner .product-item-actions {
    transform: translateY(0);
    opacity: 1
}

.product-tabs .list-content .product-list-slider .view-other-products {
    visibility: hidden;
    position: absolute;
    right: 0;
    top: -54px
}

.product-tabs .list-content .product-list-slider[aria-hidden=false] {
    visibility: visible
}

.product-tabs .list-content .product-list-slider[aria-hidden=false] .view-other-products {
    visibility: visible
}

.product-tabs .list-content .product-list-slider .product-item {
    width: 282px !important
}

.product-tabs .list-content .product-list-slider .product-item:not(:first-child) {
    margin-left: 24px !important
}

/* .home-slider-box {
    margin-top: 15px;
} */

.home-slider-box .col-slider {
    position: relative;

    width: 100%
}

.home-slider-box .col-banner {
    padding-left: 24px;
    width: 34%;
}

.home-slider-box .home-banner-right .banner-top,
.home-slider-box .home-banner-right .banner-bottom,
.home-slider-box .home-banner-right .banner-bottoms {
    position: relative;
}

.label-product-detail .sticker-preview-top-left {
    position: absolute;
    top: 0;
    max-width: 56px;
    width: 56px;
    left: 0;
}

.product-item-info .text-block.image-text {
    font-size: 13px;
    color: rgb(255, 255, 255);
    top: 42%;
    left: 52%;
    transform: translate(-52%, -42%);
    position: absolute;
}

.product-category.product-tabs .tab-content {
    padding: 0 0px;
}

.product-category-top .nav-item .nav-link {
    border-radius: 0px;
    position: relative;
    border: unset;
    margin-right: 10px;
    font-weight: bold;
    color: #222;
}

.product-category-top {
    align-items: center;
    -webkit-align-items: center;
    margin-top: 30px;
    border-top: 1px solid #8080802e;
    border-bottom: 1px solid #8080802e;
    border-right: 1px solid #8080802e;
    padding: 0px;
    border-radius: 5px 5px 0px 0px;
    overflow: hidden;
}
.item_post_new_home{

}
.home_group_news{
    background: #FFF;
    padding: 15px 20px;
    margin: 0px;
    border-radius: 0px 0px 5px 5px;
    border: 1px solid #8080802e;
    border-top:0px;
}

.product-category-top .nav-tabs {
    display: none;
    border-bottom: 0px;
}
.gt{
    margin-top: 50px;
    margin-bottom: 50px;
}
.gt .title {
    text-align: center;
    padding-bottom: 30px;
}
 .gt-til {
     font-size: 35px;
     text-transform: uppercase;
     color: #4ac1f7;
     font-family: 'Montserrat';
     font-weight: 600;
}
.widget-title {
    font-size: 18px;
    font-weight: unset;
    width: 100%;
    background: #46bcfd;
    display: flex;
    align-items: center;
    justify-content: left;
    margin-right: 16px;
    position: relative;
}
.product-category-top .widget-title::after {
    content: "";
    display: block;
    border-left: solid 40px #46bcfd;
    border-top: solid 40px #FFF;
    position: absolute;
    right: 0px;
    top: 0px;
    transform: translate(100%, 0%);
}
.widget-title a {
    color: #FFF;
    padding: 5px 5px 5px 15px;
    font-weight: 700;
    text-transform: capitalize;
}

.widget-title a:hover {
    color: #FFF;
    opacity: 0.8;
}
.product-category .tab-content-home{
    border:1px solid #8080802e;
    border-top:0px;
    padding: 15px;
    border-radius: 0px 0px 5px 5px;
    background: #FFF;
}
.nav-item .nav-item {
    position: relative;
}

.product-category-top .nav-item .nav-link.active {
    background: #e2e2e2;
}

.product-category-top .nav-item .nav-link.active:hover {
    background: #e2e2e2;
}

.product-category-top .nav-item .nav-link.active:before {
    content: "";
    position: absolute;
    top: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 10px;
    height: 6px;
    background: #000000;
    border-radius: 0px 0px 10px 10px;
}



.hp-uu-dai {
    position: relative;
    padding: 32px 0 10px;
    margin: 34px 0 16px;
    background: #f2f2f2;
}

.hp-uu-dai .title {
    position: absolute;
    top: -16px;
    left: 16px;
    padding: 4px 12px;
    border: 1px solid #010101;
    background: #010101;
    color: #fff;
}

.widget.block.block-static-block {
    margin-top: 20px;
}

.hp-uu-dai .content {
    margin: 0 16px;
}

.hp-uu-dai .content li {
    color: #010101;
    font-size: 14px;
    padding-left: 16px;
    margin-bottom: 12px;
    position: relative;
}

.box-tocart {
    margin: 20px 0;
}

.ul_quantity li:nth-child(2) .btn-quantity .fa,
.ul_quantity li:nth-child(4) .btn-quantity .fa {
    color: #fff;
}

.ul_quantity li:nth-child(2) .btn-quantity,
.ul_quantity li:nth-child(4) .btn-quantity {
    background: #000;
}

.breadcrumbs .items {
    font-size: 14px;
    color: #a3a3a3;
    margin: 0;
    display: flex;
    padding: 0;
    list-style: none none;
    align-items: center;
}

.breadcrumbs .items li.item.product {
    color: #000;
}

.product_detail.entry-single-content {
    box-shadow: none;
}

.catalog-product-view .breadcrumbs .items .item {
    display: unset;
}

.breadcrumbs.container {
    border-bottom: 1px solid;
    padding-bottom: 20px;
    margin-bottom: 25px;
}

.breadcrumbs .item:not(:last-child):after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 24px;
    line-height: 18px;
    content: '\e608';
    font-family: 'icons-blank-theme';
    margin: 0;
    vertical-align: top;
    display: inline-block;
    font-weight: 400;
    overflow: hidden;
    speak: none;
    text-align: center;
}

.hp-uu-dai .title .fas {
    margin-right: 10px;
}

.breadcrumbs .item:not(:last-child):after {
    margin: 0 5px;
    font-size: 14px;
    content: '/';
    font-family: inherit;
}

.nav_menu_mobile {
    display: none;
}

#primary_menu-mobile-id li {
    display: block;
    width: 100%;
    position: relative;
}

#primary_menu-mobile-id li .touch-button {
    position: absolute;
    top: 10px;
    right: 5px;
    width: 20px;
    height: 20px;
}

#primary_menu-mobile-id li .touch-button .navicon {
    font-size: 0;
    position: relative;
    width: 20px;
    height: 20px;
}

#primary_menu-mobile-id li .touch-button .navicon:before {
    content: "\f078";
    position: absolute;
    width: 20px;
    height: 20px;
    font-size: 17px;
    font-family: 'Font Awesome 5 Free';
    line-height: 20px;
    font-weight: bold;
    color: #000;
    text-align: center;
    font-style: normal;
}

#primary_menu-mobile-id li a {
    padding: 10px 25px 10px 8px;
}
#primary_menu-mobile-id>li>a{
    position: relative;
    display: block;
    padding-left: 15px;
    font-size: 14px;
    font-family: 'Expro';
    letter-spacing: -0.3px;
    font-weight: 400;
}
#primary_menu-mobile-id li .sub-menu li a {
    padding-left: 15px
}

#primary_menu-mobile-id li .sub-menu li .sub-menu li a {
    padding-left: 20px
}

#primary_menu-mobile-id li .sub-menu {
    background: #f2f2f2;
}

#primary_menu-mobile-id li .sub-menu li .sub-menu {
    background: #bebebe;
}

.rate {
    position: relative;
}

.rate-start i.fas.fa-star {
    color: #f7b003 !important;
    font-size: 20px;
}

.rate-progress-bar {
    background: #71747159;
    display: block;
    height: 10px;
    width: 258px;
    position: absolute;
    left: 33px;
    top: 4px;
    border-radius: 4px;
}

.rate-progress-bar .full {
    background: #00000070 !important;
    width: 50%;
    height: 10px;
    border-radius: 4px;
}

.rate-num {
    /* float: left; */
    position: absolute;
    left: 300px;
    top: -4px;
}

.avg-num {
    font-size: 71px;
    height: 91px;
    color: #00000070;
}

.avt-user-danhgia {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    object-fit: cover;
    float: left;
}

.name-user-danhgia {
    margin-left: 38px;
}

.row-formnhanxet-hienra {
    display: block !important;
}

.start02-hienra {
    color: #f7b003;
}

.wrap-rating-pro {
    background: #fff;
    margin-top: 50px;
    padding: 15px;
    border: 1px solid #e3e8eb;
    overflow: hidden;
    box-shadow: 0 1px 8px 0 rgb(35 35 35 / 5%);
}

.wrap-rate-form {
    padding: 50px 0;
}

.start02 {
    cursor: pointer;
}

.row-form-rate {
    padding: 50px 0;
}

.row-form-rate {
    display: none;
}

.row-form-rate-show {
    display: block;
}

.icon-show-rating {
    font-size: 20px;
    margin-right: 5px;
}

.cont-show-rating {
    padding-left: 20px;
}

.show-rating {
    margin-top: 50px;
}

.item-cont-rating {
    margin-bottom: 20px;
}

.page_maplist {
    padding: 50px 0;
}

.maplist_address {
    text-align: center;
    padding-bottom: 12px;
    font-size: 16px;
}

.maplist_iframe iframe {
    display: block;
    width: 100%;
}

h1.title_product {
    font-size: 34px;
}
h1.title_product span{
    color: #3a7bfb;
    font-family: 'Roboto';
    font-weight: 600;
}
#home-slider-sync1 .slick-dots {
    position: absolute;
    bottom: 10px;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
}

#home-slider-sync1 .slick-dots li {
    position: relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}



#home-slider-sync1 .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 15px;
    height: 15px;
    padding: 5px;
    cursor: pointer;
    border-radius: 50%;
    border: 0;
    outline: none;
    background: #FFF;
}
#home-slider-sync1 .slick-dots li.slick-active button {
    background: #bb4c88;
}
#home-slider-sync1 .slick-dots li button::before {
    font-size: 18px;
    color: #fff;
    opacity: 1;
}
.main_sub_home{
    padding-top: 0px;
}

.list-home-news-group .slick-list{
    position: relative;
    z-index: 1;
}
.list-home-news-group button.slick-arrow{
    position: absolute;
    z-index: 5;
    -webkit-appearance: button;
    cursor: pointer;
}
.list-home-news-group button.owl-prev{
    width: 15px;
    height: 15px;
    border-left: 1px solid #000!important;
    border-bottom: 1px solid #000!important;
    -webkit-transform: rotate(
        45deg
    );
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(
        45deg
    );
    position: absolute;
    top: 50%;
    margin-top: -15px;
    left: -15px;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    background: transparent;
}
.list-home-news-group button.owl-next{
    background: transparent;
    width: 15px;
    height: 15px;
    border-right: 1px solid #000!important;
    border-top: 1px solid #000!important;
    -webkit-transform: rotate(
        45deg
    );
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(
        45deg
    );
    position: absolute;
    top: 50%;
    margin-top: -15px;
    right: -15px;
}
.list-home-news-group button.owl-prev span,.list-home-news-group button.owl-next span{
    font-size: 0px;
    text-indent: -9999px;
}
ul#primary_menu_top>li>ul {
    display: none;
    min-width: 199px;
    position: absolute;
    top: 30px;
    left: -10px;
    max-width: 1180px;
    background-color: #020202;
    webkit-box-shadow: 0px 1px 36px 0px rgba(237,237,237,1);
    -moz-box-shadow: 0px 1px 36px 0px rgba(237,237,237,1);
    box-shadow: 0px 10px 36px 0px rgba(212, 211, 211,1);
    z-index: 99999;
    border-radius: 0px 0px 3px 3px;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transition: transform 0.5s ease 0s,opacity 0.6s ease 0s,max-height 0.6s step-end 0s,max-width 0.6s step-end 0s,padding 0.6s step-end 0s;
    -webkit-transition: transform 0.5s ease 0s,opacity 0.6s ease 0s,max-height 0.6s step-end 0s,max-width 0.6s step-end 0s,padding 0.6s step-end 0s;
    transform-origin: 0 0 0;
    visibility: visible;
    animation-duration: 0.8s;
    animation-fill-mode: both;
    animation-name: fadeInUp;
    border: 1px solid #1f1a1a;;
}
ul#primary_menu_top>li:hover>ul {
    display: block;
    border-radius: 5px;
}
ul#primary_menu_top>li>ul>li:last-child{
    border-bottom: none;
}
.nav-main ul.main-menu>li.has_level1>ul:after, .nav-main ul.main-menu>li.has_level1>ul:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    z-index: 10;
}
.nav-main ul.main-menu>li.has_level1>ul:before {
    border-color: rgba(172,141,84,0);
    border-bottom-color: #010101;
    border-width: 5px;
    margin-left: -2px;
}
.nav-main ul li ul li {
    padding: 6px 14px;
    border-bottom: 1px solid #1e1919;
}
.nav-main ul.main-menu>li.has_level1>ul>li {
    display: block;
    padding-top: 7.5px;
    padding-bottom: 7.5px;
}
.nav-main ul.main-menu>li.has_level1>ul>li:hover {
    background: transparent;
}
ul#primary_menu_top > li > ul > li >a {
    padding-right: 15px;
    font-size: 15px;
    font-family: "Roboto";
    display: block;
    text-align: left;
    color: #FFF;
}
ul#primary_menu_top > li > ul > li >a:hover{
    color: #4ac1f7;
}
ul#primary_menu_top > li > ul > li:hover >a {
    color: #4ac1f7;
}
.new_item_home_details{
    padding: 0px;
    margin-bottom: 15px;
    background: #fff;
    transition: .3s;
    position: relative;
    border-radius: 5px;
    border: 1px solid #e3e8eb;
    overflow: hidden;
    box-shadow: 0 1px 8px 0 rgb(35 35 35 / 5%);
}
.new_item_home_details .title{
    padding: 10px;
    position: relative;
}
.item_post_new_home .category-banner-item{
    margin-bottom: 15px;
    padding: 0 8px !important;
}
.list-home-news-group .slick-list{
    margin-left: -7.5px;
    margin-right: -7.5px;
}
figure.thumbnail_service a{
    display: block;
}
figure.thumbnail_service a img{
    display: block;
    height: 250px;
    object-fit: cover;
    overflow: hidden;
}
.new_item_home_details .title a{
    color: #333;
    display: block;
    position: relative;
    display: -webkit-box;
    height: 44px;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 2;
    line-height: 22px;
    text-align: center;
    text-transform: capitalize;
    font-family: Roboto,Arial,sans-serif;
    font-size: 15px;
}
.new_item_home_details .title a:hover{
    text-decoration: underline;
    color: #46bcfd;
}
figure.thumbnail_service{
    display: block;
    margin: 0px;
}
.item_solution {
    background: #FFF;
    padding: 20px;
    margin-bottom: 20px;
    transition: .3s;
    position: relative;
    border-radius: 5px;
    border: 1px solid #e3e8eb;
    overflow: hidden;
    box-shadow: 0 1px 8px 0 rgb(35 35 35 / 5%);
}
.item_solution .descript {
    color: #333;
    display: block;
    padding: 5px 0;
    position: relative;
    display: -webkit-box;
    height: 110px;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 5;
    line-height: 20px;
    text-align: left;
    text-transform: capitalize;
    font-family: Roboto;
    font-size: 14px;
    margin-bottom: 15px;
}
.title_service a{
    display: block;
    color: #08984f;
    font-size: 25px;
    font-family: Exo;
    line-height: 30px;
    font-weight: 500;
}
.title_service a:hover{
    color: #bb4685;
    text-decoration: underline;
}
.breadcrumbs-group-container{
    display: block;
    background: #FFF;
}
.container_tbl_add_cart_view{
    display: none;
}
.price-product .text-lh{
    font-size: 13px;
    font-family: Exo;
    color: #999;
    margin-right: 4px;
}
.price-product .text-hot{
    font-size: 15px;
    font-family: Montserrat;
    letter-spacing: -0.3px;
    color: #ed1c25;
}
.hiden{
    display: none !important;
}
.flex-right {
    margin-left: auto;
}
.flex-col {
    max-height: 100%;
}
.flex-left {
    margin-right: auto;
}
#top-bar {
    border-bottom: 1px solid #af9145;
}
#top-bar h4 {
    display: block;
    text-transform: uppercase;
    padding: 7.5px 0px 7.5px 0px;
    color: #FFF;
    font-weight: 700;
    font-size: 15px;
    font-family: 'Montserrat';
}
#top-bar .header.content{
    height: auto;
}
#top-bar .flex-row {
    align-items: center;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    width: 100%;
    font-family: Arial;
}
#top-bar .nav_top_bar ul {
    align-items: center;
    display: inline-block;
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    justify-content: flex-end
}


#top-bar ul .nav_top_bar li a:hover {
    color: #4bc0f6;
    background: transparent!important
}

.nav_bar_group_menu_logo .flex-row {
    align-items: center;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    width: 100%
}
.tab-content-home .tab-pane .row{
    margin: 0px -8px;
}
.tab-content-home .tab-pane .row .padding-col-cate{
    margin-top: 0px;
}
.contactBarPhone{
    display: none !important;
}
.add-this.contact-link {
    position: fixed;
    bottom: 20%;
    right: 15px;
    margin: 0;
    list-style: none;
    border-radius: 10px;
    padding: 15px 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    z-index: 999;
    box-shadow: 0 0 12px #161a4733;
    background-color: #fff9;
    -webkit-filter: drop-shadow(0 0 6px rgb(22 26 71 / .2));
    filter: drop-shadow(0 0 6px rgb(22 26 71 / .2));
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px)
}
.add-this.contact-link li a {
    transition: .3s;
    color: #161a47;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.add-this.contact-link li a>svg, .add-this.contact-link li a>i {
    background-color: #3a7bfb;
    color: #fff;
    border-radius: 50%;
    border: 2px solid #3a7bfb;
    padding: 3px;
    font-size: 22px;
    font-weight: 600;
}
.add-this.contact-link li a>svg, .add-this.contact-link li a>i {
    width: 40px;
    height: 40px;
}
.add-this.contact-link li a>svg, .add-this.contact-link li a>i {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.add-this.contact-link li a>span {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: -.1px;
}
/*===============================================*/
@media (min-width: 1500px) {
    .p-container {
        max-width: 1400px;
    }
}

@media (min-width: 1400px) {
    .p-container {
        max-width: 1300px;
    }
}

@media (min-width: 1300px) {
    .p-container {
        max-width: 1200px;
    }
}

@media screen and (max-width: 1199px) {
    .icon_cart_mobi{
        display: none !important;
    }
    .flash_sale_home .product-item {
        width: 20%;
        float: left;
    }

    #Offer_Home .product-item {
        width: 20%;
        float: left;
    }

    .list_theme_category .col-lg-5ths {
        width: 20%;
        float: left;
    }

    .block-search {
        max-width: 250px;
        margin: 0 15px;
    }

    .page-header .logo {
        width: 156px;
        margin: 0;
    }

    .page-header .logo img {
        max-width: 150px;
    }

    .nav_login_resign_group_header li.customer-icon .user_text {
        padding: 0;
    }

    .nav_login_resign_group_header {
        margin-left: 0;
    }

    .block-search .block-content:before {
        padding: 0 10px;
    }

    .block-search .actions .action.search {
        padding: 13.5px 8px;
        min-width: 80px;
    }

    .block-search .control input {
        margin-right: 80px;
        padding: 10px 10px 10px 35px;
    }

    .nav_login_resign_group_header li.customer-icon {
        position: relative;
        padding: 5px 0px 5px 0;
        font-weight: 500;
    }
}

@media screen and (max-width: 1100px) {
    .nav-main ul.main-menu > li.has_level1 {
        padding-right: 8px;
    }

    .nav-main ul.main-menu > li.has_level1 > a:before {
        right: 0;
    }
}

@media screen and (max-width: 991px) {
    .wrap-menu-primary.active-menu,.wrap-menu-primary{
        display: none !important;
    }
    .stuck {
        bottom: 70px;
    }
    .contactBarPhone{
        display: block !important;
        width: 100%;
        position: fixed;
        bottom: 0px;
        left: 0px;
        z-index: 999999;
        box-shadow: 0px -3px 9px -1px rgba(0,0,0,0.75);
        -webkit-box-shadow: 0px -3px 9px -1px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px -3px 9px -1px rgba(0,0,0,0.75);
    }
    .contactBarPhone .col-bt-01{
        color: #FFF;
        background: #2a4e9a;
    }
    .contactBarPhone .col-bt-02{
        color: #FFF;
        background: #e5451b;
    }
    .contactBarPhone .col-bt-03{
        color: #000;
        background: #FFF;
    }
    .contactBarPhone .phone {
        animation: phone-shake .5s;
        animation-iteration-count: infinite;
    }
    @keyframes phone-shake {
        0% {
            transform: translate(1px, 1px) rotate(325deg);
        }

        10% {
            transform: translate(-1px, -2px) rotate(324deg);
        }

        20% {
            transform: translate(-3px, 0) rotate(326deg);
        }

        30% {
            transform: translate(3px, 2px) rotate(325deg);
        }

        40% {
            transform: translate(1px, -1px) rotate(326deg);
        }

        50% {
            transform: translate(-1px, 2px) rotate(324deg);
        }

        60% {
            transform: translate(-3px, 1px) rotate(325deg);
        }

        70% {
            transform: translate(3px, 1px) rotate(324deg);
        }

        80% {
            transform: translate(-1px, -1px) rotate(326deg);
        }

        90% {
            transform: translate(1px, 2px) rotate(325deg);
        }

        100% {
            transform: translate(1px, -2px) rotate(324deg);
        }
    }
    .group_bar_footer .col-4 small{
        text-transform: uppercase;
        font-size: 14px;
        padding-left: 5px;
    }

    #top-bar{
            display: none !important;
        }
    .header_head_group .logo img{
        max-height: 50px !important;
    }
    .logo h1 img{
        max-height: 50px !important;
    }
    .icon_cart_tbn_a svg{
        width: 52px;
        height: 23px;
        color: #FFF;
    }
    .top_header_mobile {
        display: block;
        width: 100%;
    }

    header.header_site {
        position: fixed;
        width: 100%;
        height: 60px;
    }

    .main-container {
        padding-top: 60px;
    }

    .block-search {
        max-width: 100%;
        margin: 0;
        width: 100%;
        padding: 0px 15px 6px;
        background: #000;
        display: none;
    }

    .block-search .control input {
        padding: 5px 10px 5px 35px;
        height: 35px;
    }

    .block-search .block-content:before {
        line-height: 35px;
    }

    .block-search .actions .action.search {
        padding: 0 8px;
        height: 35px;
    }

    .free_delivery {
        padding: 3px 15px;
    }

    .free_delivery p {
        font-size: 13px;
    }

    .free_delivery .icon img {
        max-width: 18px;
    }

    .header3 .top_header {
        height: 100%;
        background: #000;
    }
    .top_header_mobile .header_head_group{
        height: 60px !important;
    }
    .header3 .top_header > .container,
    .header3 .top_header > .container > .header_head_group {
        height: 100%;
    }

    .header3 .header_bottom.page-header {
        display: none
    }

    .header_head_group .logo {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translateY(-50%) translateX(-50%);
    }

    .menu_mobile_header {
        margin: 0px !important;
        position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 15px;
        display: block;
        z-index: 10;
        padding: 0;
        background: transparent;
        border: none;
    }

    .top_header .logo-page {
        z-index: 8;
        margin: 0 auto;
        padding: 5px 0;
    }

    .bar1,
    .bar2,
    .bar3 {
        background-color: #fff;
        display: block;
        height: 3px;
        margin: 4px 0;
        transition: all 0.4s ease 0s;
        width: 23px;
    }

    .menu-active .bar2 {
        opacity: 0;
    }

    .menu-active .bar1 {
        -webkit-transform: rotate(-45deg) translate(-3px, 3px);
        transform: rotate(-45deg) translate(-3px, 3px);
    }

    .menu-active .bar3 {
        -webkit-transform: rotate(45deg) translate(-7px, -7px);
        transform: rotate(45deg) translate(-7px, -7px);
    }

    .nav_menu_mobile {
        display: block;
    }

    .logo_menu_mobile a {
        padding: 8px !important;
    }

    .mobile_menu .block-title {
        padding: 8px;
        background: #000 !important;
        text-align: center;
    }

    .mobile_menu .block-title span {
        color: #FFFFFF;
        font: 300 13px/1.35 Roboto, sans-serif;
    }

    .mobile_menu .block-title .nb_account {
        padding: 12px 0px 0px 0px;
        text-align: center;
    }

    .mobile_menu .block-title .nb_account a {
        padding: 3px 10px 3px 10px;
        border: 1px solid #ffffff;
        color: #ffffff;
    }

    .mobile_menu .block-title .nb_account .nb_account_space {
        padding: 0px 8px 0px 8px;
    }

    .logo_menu_mobile img {
        max-width: 100px;
        display: block;
        padding-left: 10px;
        margin-bottom: 10px;
    }

    .flash_sale_home .product-item {
        width: 50%;
        float: left;
    }

    ul#primary_menu_top > li > a {
        padding: 10px 12px;
    }

    #Selling_Home .product-item .pro-info {
        padding: 8px 15px;
    }

    .footer-top .tong-dai-ho-tro {
        padding-bottom: 25px;
    }

    .footer-mid {
        padding: 30px 0 20px;
    }

    .home-slider-box .home-banner-right .banner-top, .home-slider-box .home-banner-right .banner-bottoms {
        width: calc(50% - 5px);
        float: left;
        padding: 0 5px;
    }
}

@media screen and (max-width: 767px) {
    .padding-col-cate{
        margin-bottom: 15px;
    }
    .wrap-product-item a img{
        height: 100% !important;
    }
    .add-this.contact-link {
        flex-direction:row;
        width: 100%;
        left: 0;
        right: 0;
        border-radius: 0;
        bottom: 0;
        top: unset;
        justify-content: space-evenly;
        background-color: #ffffffb3;
        box-shadow: 0 -1px 6px #0000001a;
        padding: 5px 0
    }
    .section__heading{
        font-family: Expro;
        font-size: 25px;
        font-weight: bold;
        text-align: center;
        margin-top: 15px;
    }
    .section__aboutus--wrap .buttons{
        text-align: center;
    }
    #home_about_us{
        padding: 15px 0;
    }
    figure.thumbnail_service a img{
        width: 100%;
    }
    .logo h1 img{
        max-height: 60px !important;
    }
    .header_head_group .logo a{
        display: block !important;
    }
    .header_head_group .logo img {
        max-height: 60px;
        display: block;

    }
    .name-product {
        font-size: 15px;
    }

    .view-pro{
        display: none;
    }

    .normal-price {
        font-size: 16px;
    }

    h1.title_product {
        font-size: 18pt;
        font-weight: 500;
        margin: 0 15px;
    }

    .details-sumary table {
        width: 100% !important;
    }

    .col-maplist {
        margin-bottom: 15px;
    }

    .footer-mid .content.links a {
        line-height: 26px;
    }

    .home-slider-box .col-slider {
        width: 100%;
    }

    .home-slider-box .col-banner {
        width: 100%;
        display: block;
        padding-left: 0;
    }

    .product-category-top {
        margin-top: 30px;
    }

    .home-slider-box {
        margin-top: 15px;
        flex-wrap: wrap;
    }

    .view-other-products {
        display: none;
    }

    .product-tabs .list-content .product-list-slider .product-item:not(:first-child) {
        margin-left: 0px !important;
    }

    .product-tabs .list-content .product-list-slider .product-item {
        width: calc(50% - 10px) !important;
    }

    .widget-title {
        font-size: 15px;
        width: 100%;

    }

    .product-category-top .nav-item .nav-link {
        margin-right: 0;
        padding: 5px 5px;
        font-size: 13px;
    }

    .product-category-top {
        padding: 0;
    }

    .box {
        padding: 5px;
    }

    header.header_site .top_bar {
        display: none;
    }

    .container_theme_category ul.list_child {
        display: none;
    }

    .container_theme_category h1 {
        font-size: 20px;
    }

    body.cbp-spmenu,
    body.cbp-spmenu-push {
        -webkit-transition: all 0.3s ease !important;
        -moz-transition: all 0.3s ease !important;
        transition: all 0.3s ease !important;
    }

    .form_content_regis_email {
        width: 100%;
    }

    .data_detail_ingredients {
        height: auto;
    }

    .container_releated_single h3.title,
    .history_container_read_product h3.top_title {
        font-size: 18px;
    }

    #product-attribute-specs-table tbody {
        display: block;
    }

    .detail_product_tab_view .table_view_details_pr {
        padding: 0;
    }

    #flash_sale_home .price-box .box_price_item .old-price,
    #flash_sale_home .price-box .box_price_item .special-price {
        display: inline-block;
        text-align: left;
    }

    .product_item_flash_group {
        padding: 15px 7.5px;
    }

    .ctrlq.fb-button {
        width: 47px !important;
        height: 47px !important;
    }

    .list_theme_category .col-lg-5ths {
        width: 50%;
        float: left;
    }

    .content_group_offer_view h2.title {
        font-size: 20px;
        padding-left: 15px;
    }

    .content_group_selling_view,
    .content_group_offer_view {
        padding: 15px 5px;
    }

    #Offer_Home .product-item {
        width: 50%;
    }

    .info_company_footer .content_middle_item .address_end,
    .info_company_footer .content_middle_item .hotline_end {
        width: 100%;
    }

    .info_company_footer .content_middle_item .hotline_end {
        padding-top: 15px;
    }

    .icon_search_mobi {
        position: absolute;
        top: 50%;
        right: 45px;
        transform: translateY(-50%);
    }

    .btn-search-mobi {
        padding: 6px;
        background: #FFF;
        color: #000;
        font-size: 24px;
        cursor: pointer;
    }

    .header_head_group {
        margin: 0 -16px;
    }

    .header_head_group .box_search_header {
        display: block;
        margin-left: 0;
        position: absolute;
        width: 100%;
        bottom: -50px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 999;
        height: 50px;
        background: #FFF;
        padding: 0 10px;
        border-radius: 0px 0px 5px 5px;
    }

    .header_head_group .box_search_header .form-search {
        width: 100%;
        padding: 10px 0;
        position: inherit;
        top: inherit;
        transform: none;
    }

    .form-search input#search,
    .form-search input#search_input {
        height: 35px;
    }

    .box_search_header button {
        height: 35px;
        bottom: 0;
    }

    #top_home_slider .container {
        padding-left: 0;
        padding-right: 0;
    }

    .page_home_top_hor .slider_home {
        padding: 0 0 15px;
    }

    .page_home_top_hor .load_ads_top_hor {
        padding-right: 0;
    }

    .content_slider_group_home {
        padding: 0;
    }

    #flash_sale_home h2 {
        font-size: 26px;
        padding: 20px 0;
    }

    .product_list_flash_sale .product-item {
        width: 50%;
        margin-bottom: 20px;
    }

    #flash_sale_home .price-box .box_price_item {
        padding-right: 0;
    }

    #flash_sale_home .price-box .tbl_add_cart {
        position: relative;
        max-width: 100px;
        top: inherit;
        transform: none;
        right: inherit;
    }

    .container_selling_sale .product-item {
        display: inline-block;
        width: 50%;
    }

    #top_home_slider .container_left {
        display: none;
    }

    #top_home_slider .container_right {
        width: 100%;
    }

    .header_head_group .logo-page img {
        max-width: 130px;
    }

    .nav_login_resign_group_header li.customer-icon {
        display: none;
    }

    .top_header .menu-top-right {
        display: none;
    }

    .nav_top_bar {
        display: none;
    }

    .nav_login_resign_group_header li.customer-icon .user_text {
        display: none;
    }

    .nav_login_resign_group_header li.customer-icon a img,
    .nav_login_resign_group_header li.customer-icon a i {
        position: relative;
        left: inherit;
        top: inherit;
        transform: none;
    }

    .nav_login_resign_group_header li.customer-icon a img {
        width: 28px;
    }

    .menu_primary {
        display: none;
    }

    .search_on_mobi .input-group {
        width: 100%;
    }

    .search_on_mobi .form-search input#search_input {
        width: calc(100% - 105px);
        display: inline-block;
        padding: 12px;
    }

    .search_on_mobi {
        padding: 5px 0 10px;
    }

    .box_search_header button {
        display: inline-block;
        position: relative;
    }

    .choose_color,
    .choose_variable {
        display: flex;
        flex-wrap: wrap;
    }

    .slide-page .slick-dots {
        display: flex !important;
        bottom: -10px;
    }

    .form_customer {
        padding-top: 25px;
    }

    /* .home_slider_products .slick-arrow, .home_read_products_session .slick-arrow,  */
    #xzoom-img {
        float: inherit !important;
        padding: 0 10px !important;
    }

    #xzoom-thumbs {
        padding: 0 10px !important;
    }

    .col-lag-new_index .asolus_title {
        position: relative;
        left: inherit;
        right: inherit;
        bottom: inherit;
        margin: 5px 0;
    }

    .col-lag-new_index .asolus_title h2 {
        display: none;
    }

    .col-lag-new_index .asolus_title h3 a {
        color: #333;
    }

    .page-site {
        overflow: hidden;
        width: 100%;
    }

    .info-qty .qty-val {
        padding: 0px;
    }

    .info-qty .qty-down,
    .info-qty .qty-up {
        width: 30px;
    }

    .xzoom-thumbs {
        display: flex;
        display: -ms-flex;
        display: -ms-flexbox;
        display: -webkit-flex;
        justify-content: space-between;
        -webkit-justify-content: space-between;
    }

    .xzoom-thumbs a {
        padding: 0 3px;
    }

    .details-sumary ul,
    .details-sumary ol {
        padding-left: 10px;
    }

    #my-cart-table {
        font-size: 12px;
    }

    .modal-body {
        overflow-x: scroll;
    }

    table th {
        font-size: 12px;
    }

    table th,
    table td {
        padding: 5px 5px !important;
    }

    .table_view_details_pr table th,
    .table_view_details_pr table td {
        padding: 5px 5px !important;
        display: block;
        width: 100%;
        text-align: left;
    }

    .menu-top-right li.my-card {
        width: 100%;
        display: block;
        text-align: left;
        padding: 0px;
    }


    .product_detail_header #fixed_content_detail_parent {
        padding-top: 15px;
    }

    #fixed_content_detail_parent {
        padding-right: 7.5px;
        padding-left: 7.5px;
    }

    #fixed_content_detail .title_product_detail {
        margin-top: 0px;
        font-size: 16px;
    }

    #fixed_content_detail ul.price_single li .price2 {
        font-size: 15px;
    }

    .detail_product_tab_view h5.ingredients_title {
        font-size: 16px;
    }

    #fixed_content_detail {
        position: inherit !important;
        width: 100% !important;
        top: inherit !important;
        padding: 0 10px 15px;
    }

    .pc {
        display: none;
    }

    .mobile {
        display: block !important;
    }

    .details-sumary {
        font-size: 14px;
        padding: 5px 12px;
    }

    .details-sumary h3 {
        font-size: 18px;
    }
}

@media screen and (max-width: 575px) {
    .form_user_cart label {
        text-align: left;
        padding-left: 15px;
    }

}

@media screen and (max-width: 550px) {
    .home-slider-box .home-banner-right .banner-top, .home-slider-box .home-banner-right .banner-bottoms {
        width: 100%;
        float: inherit;
        padding: 6px 0 0 0;
    }

    .home-slider-box .home-banner-right .banner-top img, .home-slider-box .home-banner-right .banner-bottoms img {
        width: 100%;
        display: block;
    }

    .home-category-boxes .box-item {
        width: 100%;
        padding: 6px 0 0 0;
    }

    .home-category-boxes.flex-view {
        flex-wrap: wrap;
        margin: 0;
    }

    .content_group_selling_view h2.title {
        font-size: 20px;
    }

    .content_group_selling_view h2.title:before,
    .content_group_selling_view h2.title:after {
        width: 50px;
    }
}

@media screen and (max-width: 414px) {
}

@media screen and (max-width: 380px) {
    .price_sale {
        font-size: 12px;
    }

    .current_price {
        font-size: 12px;
    }

    .ul_quantity > li:last-child {
        display: block;
        padding-top: 10px
    }

    .nav-tabs {
        border-bottom: none;
    }

    .tab-content {
        padding: 10px 15px 0 15px;
    }

    .container_selling_sale .special-price .price {
        font: 500 13px/1.35 Expro, sans-serif !important;
    }
}

@media screen and (max-width: 360px) {
    .modal-popup-page {
        width: 18.75rem;
    }
}


/* Clearfix
-----------------------------------------*/


/*
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);


.container .row {
    margin-left: -7.5px;
    margin-right: -7.5px;
}
.container [class*="col-"] {
    padding-left: 7.5px;
    padding-right: 7.5px;
}
*/

.clearfix,
.clear {
    zoom: 1;
}

.clearfix:after,
.clear:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}