html {
    -webkit-font-smoothing: antialiased
}

:root {
    --color-primary: #63bd6a;
    --light-primary: #63bd6abf;
    --color-highlight: #298339;
    --color-secondary: #6c757d;
    --color-success: #63bd6a;
    --color-info: #0dcaf0;
    --color-warning: #ffc107;
    --color-danger: #dc3545;
    --color-light: #f8f9fa;
    --color-dark: #212121;
}

html,
body {
    -webkit-overflow-scrolling: touch;
    position: relative
}

body {
    background: #fff;
    color: var(--color-dark);
    font-family: "Roboto", -apple-system, BlinkMacSystemFont, Segoe UI, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 500;
    text-rendering: auto;
    line-height: 1.3;
}

h1 {
    font-size: 36px
}

h2 {
    font-size: 22px
}

h3 {
    font-size: 20px
}

h4 {
    font-size: 18px
}

h5 {
    font-size: 16px;
    font-weight: 700
}

h6 {
    font-size: 15px
}

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

a {
    text-decoration: none;
    transition: all 0.5s;
    color: #000;
}

a:hover,
a:focus {
    -webkit-transition: color .4s ease 0s;
    transition: color .4s ease 0s;
    text-decoration: none;
    color: var(--color-highlight);
}

a:focus {
    outline: 0
}

th,
td {
    text-align: left;
    padding: 15px;
    border: 1px solid #e1e1e1;
    color: #1c1c1c
}

img {
    border: 0;
    height: auto;
    max-width: 100%;
    vertical-align: middle
}

#box-11,
#box-23,
#box-32 {
    border-radius: 5px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

#box-11 img,
#box-23 img,
#box-32 img {
    object-fit: cover;
    width: 100% !important;
    height: 100% !important;
}

button,
input,
select,
textarea {
    border: 1px solid #d7d7d7;
    width: 100%;
}

.form-control-lg,
.form-select-lg {
    font-size: 16px;
}

.form-control:hover,
.form-control:focus,
.form-select:hover,
.form-select:focus {
    border: 1px solid var(--color-highlight);
    filter: drop-shadow(0px 0px 10px rgba(255, 150, 150, 0.6));
    outline: none;
}

.btn-primary {
    background-color: var(--color-highlight) !important;
    border-color: var(--color-highlight) !important;
}

.btn-primary:hover,
.btn-secondary:hover,
.btn-success:hover,
.btn-danger:hover,
.btn-warning:hover,
.btn-info:hover {
    filter: brightness(0.8);
}

.btn-outline-primary {
    color: var(--color-highlight);
    border-color: var(--color-highlight);
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: var(--color-highlight);
    border-color: var(--color-highlight);
}



.btn i {
    margin-right: 5px;
}

.btn-lg {
    font-size: 17px;
    padding: 10px 15px;
}

.btn-sm {
    font-size: 13px;
    padding: 5px 10px
}

.btn-link {
    text-decoration: none;
}

.socials-share {
    text-align: center;
    margin-bottom: 30px;
}

.socials-share a {
    padding: 4px 30px;
    color: #fff;
    line-height: 2em;
    text-decoration: none;
    border-radius: 2px;
    white-space: nowrap;
    display: inline-block;
    margin-bottom: 4px;
}

.socials-share span.fa {
    margin-right: 3px;
}

.bg-facebook {
    background: #3a5899;
}

.bg-facebook:hover,
.bg-facebook:focus {
    background: #1d418d;
}

.bg-twitter {
    background: #00acee;
}

.bg-twitter:hover,
.bg-twitter:focus {
    background: #0b93c7;
}

.bg-google-plus {
    background: #db4437;
}

.bg-google-plus:hover,
.bg-google-plus:focus {
    background: #bb2a1d;
}

.bg-pinterest {
    background: #cb1e26;
}

.bg-pinterest:hover,
.bg-pinterest:focus {
    background: #ae0e15;
}

.bg-email {
    background: #dd5348;
}

.bg-email:hover,
.bg-email:focus {
    background: #ce3f34;
}

.slick-arrow:before {
    font-family: FontAwesome;
    font-size: 24px;
}

.slick-next:before {
    content: '\f105';
}

.slick-prev:before {
    content: '\f104';
}

.slick-prev:hover,
.slick-next:hover {
    background: var(--color-highlight);
}

.slick-track {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.slick-item {
    margin: 0 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
}

.noti-info {
    background: #f8e279;
    padding: 10px;
    text-align: justify;
    color: #6f5c00
}

.noti-info i,
.noti-error i,
.noti-done i {
    padding-right: 5px;
    font-size: 15px !important;
    display: inline-block !important
}

.noti-info a {
    color: #6f5c00;
    text-decoration: underline
}

.noti-error {
    background: #ffc1c1;
    padding: 10px;
    text-align: justify;
    color: #ea3d3d
}

.noti-error a {
    color: #ea3d3d;
    text-decoration: underline
}

.noti-done {
    background: #a4f098;
    padding: 10px;
    text-align: justify;
    color: #189902
}

.noti-done a {
    color: #189902;
    text-decoration: underline
}

#topheader {
    background: #fff;
    border-bottom: 1px solid #f6f6f6
}

#topheader #topbar {
    color: #1f1f1f;
    font-size: 11px;
    transition: all 1s ease 0s
}

#topheader #topbar ul li a {
    color: #777;
    font-size: 11px;
    white-space: nowrap
}

#topheader #topbar ul li:before {
    color: #aaa
}

#topheader #topbar ul li:hover a {
    color: #000
}

#topheader #topbar li {
    line-height: 38px
}


#topheader #topbar .btn {
    background: 0 0;
    width: 100%;
    line-height: 38px;
    font-size: 11px;
    text-align: left;
    padding: 0;
    border: 0;
    box-shadow: none
}

#topheader #topbar .btn a,
#topheader #topbar .btn a span,
#topheader #topbar .btn a i {
    color: #777;
    font-size: 11px
}

#topheader #topbar .btn:hover a {
    color: #fb544e
}

#main-menu {
    display: block;
    transition: all .4s;
    z-index: 2;
    position: relative;
    background-color: var(--color-primary);
}

.box-main-menu {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

/*Main menu*/
.nav-main {
    float: left;
    width: auto;
}


ul.nav-menu {
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    font-weight: 700;
    letter-spacing: .5px;
}

ul.nav-menu>li {
    width: auto;
    height: auto;
    position: relative;
    float: left;
}

ul.nav-menu>li>a {
    color: #fff;
    float: left;
    text-align: center;
    text-transform: uppercase;
    line-height: 20px;
    padding: 13px 15px;
    position: relative;
    text-decoration: none;
    transform: translateZ(0px);
    transition: all .5s;
    width: auto;
}

ul.nav-menu>li>a:hover {
    color: var(--color-light);
}

ul.nav-menu li:active a::before,
ul.nav-menu li:focus a::before,
ul.nav-menu li:hover a::before {
    left: 0;
    right: 0;
}

ul.nav-menu>li:hover>a {
    color: var(--color-light);
}

ul.nav-menu li ul.sub-menu li {
    margin-left: 0px;
    list-style: none;
    border-bottom: 1px solid #f1f1f1;
}

ul.nav-menu li ul.sub-menu li:last-child {
    border-bottom: none;
}

ul.nav-menu li ul.sub-menu li a::before {
    background: none;
}

ul.nav-menu li ul.sub-menu li a:hover {
    color: var(--color-highlight) !important;
}

ul.nav-menu li ul.sub-menu {
    box-shadow: 1px 1px 15px rgb(0 0 0 / 15%);
    display: none;
    width: 230px;
    list-style: none;
    height: auto;
    position: absolute;
    background: #fff;
    top: 100%;
    left: 0px;
    border-radius: 0px;
    z-index: 9999;
    border-top: 0;
    float: left;
    padding: 0;
}

ul.nav-menu li:hover ul.sub-menu {
    display: block;
}

ul.nav-menu li:hover ul.sub-menu-pr {
    display: flex;
    flex-wrap: wrap;
}

ul.sub-menu li {
    width: 100%;
    height: auto;
    float: left
}

ul.sub-menu li a {
    width: 100% !important;
    height: auto !important;
    line-height: 18px !important;
    padding: 15px 20px !important;
    color: #333 !important;
    text-transform: inherit;
    float: left;
    text-align: left;
}

.sub-menu-2 {
    position: absolute;
    width: 230px;
    left: 100%;
    display: none;
    background-color: #fff;
    box-shadow: 1px 1px 15px rgb(0 0 0 / 15%);
}

.sub-menu-2 li {}

ul.sub-menu li:hover .sub-menu-2 {
    display: block;
}

ul.sub-menu-pr>li>a {
    font-weight: 600;
}

ul.nav-menu .menu-pr {
    position: inherit;
}

ul.nav-menu li ul.sub-menu-pr {
    width: 100%;
    flex-wrap: wrap;
    display: none;
    padding: 10px 0;
}

ul.nav-menu li ul.sub-menu-pr .sub-menu-pr-item {
    float: left;
    width: 20%;
    padding: 15px;
    position: relative;
}

ul.nav-menu li ul.sub-menu-pr li .hmega {
    position: relative;
    font-size: 16px;
    font-weight: 700;
    padding: 10px 0 !important;
    margin-bottom: 10px;
}

ul.nav-menu li ul.sub-menu-pr li .hmega:after {
    content: '';
    width: 54px;
    height: 2px;
    background: #0F3259;
    position: absolute;
    bottom: 0;
    left: 0;
}

ul.nav-menu li ul.sub-menu-pr li .hmega img {
    width: 100%;
    margin-bottom: 10px;
}


ul.nav-menu li ul.sub-menu-pr .sub-menu-2 {
    display: block;
    position: relative;
    left: 0;
    width: 100%;
}

ul.nav-menu li ul.sub-menu-pr li:hover .sub-menu-2 {
    display: block;
}

ul.nav-menu li ul.sub-menu-pr .sub-menu-2 a {
    font-size: 14px;
    padding: 10px 0 !important;
}

/*Main menu kết thúc*/
/*menu Bar*/
.nav-bar ul.nav-menu>li>a {
    color: var(--color-dark);
    padding: 6px 10px;
    text-transform: capitalize;
}

.nav-bar ul.nav-menu>li>a:hover {
    color: var(--color-primary);
}

/*Menu danh mục*/
.cate-menu {
    width: 240px;
}

.cate-menu:hover .ul-cate-menu {
    display: block;
}

.cate-menu .heading-cate-menu {
    background-color: var(--color-highlight);
    color: #fff;
    padding: 14px 15px;
    font-size: 15px;
    height: 46px;
    text-transform: uppercase;
    font-weight: 600;
    width: 100%;
}

.cate-menu .ul-cate-menu {
    display: none;
    position: absolute;
    background-color: #ffffff;
    width: inherit;
    border: 1px solid #e5e5e5;
}

.cate-menu .ul-cate-menu>li {
    position: relative;
    border-bottom: 1px solid #0000001a;
}

.cate-menu .ul-cate-menu li a {
    padding: 7px 10px;
    display: block;
    font-size: 15px;
}

.cate-menu .ul-cate-menu li a:hover {}

.cate-menu .ul-cate-menu li a img {
    margin-right: 10px;
    width: 20px;
    height: 20px;
    float: left;
}

.cate-menu .ul-cate-menu>li:hover>a {}


.cate-menu .ul-cate-menu>li a i {
    float: right;
    font-size: 8px;
    padding: 5px 0;
}

.cate-menu .ul-cate-menu>li .sub-cate-menu {
    display: none;
    position: absolute;
    z-index: 9;
    background-color: #ffffff;
    width: 100%;
    left: 100%;
    top: 0;
    box-shadow: 1px 1px 15px rgb(0 0 0 / 15%);
}

.cate-menu .ul-cate-menu>li:hover>.sub-cate-menu {
    display: block;
}

.cate-menu .ul-cate-menu>li>.sub-cate-menu ul li {
    position: relative;
    border-bottom: 1px solid #0000001a;
}

.cate-menu .ul-cate-menu>li>.sub-cate-menu ul li a {}

.cate-menu .ul-cate-menu>li>.sub-cate-menu>ul>li:hover>.sub-cate-menu-2 {
    display: block;
}

/*Menu danh mục kết thúc*/


.header-right {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#side-panel-trigger a {
    color: #333;
    display: block;
    font-size: 14px;
    height: 14px;
    position: relative;
    text-align: center;
    transition: color .3s ease-in-out 0s;
    width: 14px
}

.language {
    margin-right: 15px
}

.language img {
    cursor: pointer;
    margin-right: 5px;
    margin-left: 5px
}

.language li {
    width: 100%
}

.language li:hover .dropdown-menu {
    display: block
}

.language div.btn-group {
    width: 100%
}

.currency .dropdown-menu,
.language .dropdown-menu {
    z-index: 9999;
    margin-top: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    background: #fff;
    padding-top: 0;
    width: 100%
}

.currency .dropdown-menu a,
.language .dropdown-menu a {
    line-height: 25px
}

.currency .dropdown-menu a img,
.language .dropdown-menu a img {
    margin-top: 8px;
    float: left
}

.currency .dropdown-menu li,
.language .dropdown-menu li {
    border-right: none;
    border-top: 1px solid #f6f6f6;
    -webkit-transition: all .4s ease 0s;
    transition: all .4s ease 0s
}

.currency .dropdown-menu li:first-child,
.language .dropdown-menu li:first-child {
    border-top: none
}

.currency .dropdown-menu li:hover,
.language .dropdown-menu li:hover {
    padding-left: 6px;
    background: 0 0
}

ul.links {
    position: relative;
    margin: 0;
    padding: 0
}

ul.links li {
    display: inline-block;
    margin-right: 15px;
    line-height: 1.428571429
}

#topbar .show-mobile:before,
#topbar .show-mobile:after {
    content: " ";
    display: table
}

#topbar .show-mobile:after {
    clear: both
}

#topbar .show-mobile>div {
    margin: 0;
    padding: 0;
    position: relative
}

#topbar .show-mobile>div:hover .inner-toggle {
    opacity: 1;
    filter: alpha(opacity=100);
    top: 38px;
    visibility: visible
}

#topbar .show-mobile .quickaccess-toggle {
    width: 44px;
    height: 38px;
    color: #000;
    line-height: 36px;
    text-align: center;
    font-size: 17px;
    cursor: pointer;
    margin-left: 1px;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s
}

#topbar .show-mobile .quickaccess-toggle:hover {
    color: #fff;
    background-color: #000
}

#topbar .show-mobile .inner-toggle {
    display: block;
    position: absolute;
    background: #fff;
    right: 0;
    min-width: 200px;
    z-index: 99999;
    opacity: 0;
    filter: alpha(opacity=0);
    top: 28px;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    visibility: hidden
}

#topbar .show-mobile ul,
#topbar .show-mobile .links {
    float: none !important;
    padding: 0;
    margin: 0;
    text-align: left
}

#topbar .show-mobile ul li,
#topbar .show-mobile .links li {
    float: none;
    display: inline-block;
    width: 100%;
    line-height: 30px
}

#topbar .show-mobile ul li:last-child,
#topbar .show-mobile .links li:last-child {
    border-bottom: none
}

#topbar .show-mobile ul a,
#topbar .show-mobile .links a {
    float: none;
    margin: 0;
    padding: 0 10px;
    line-height: 33px;
    background-color: #000;
    border: 0;
    display: block;
    color: #fff !important
}

#topbar .show-mobile ul a:hover,
#topbar .show-mobile .links a:hover {
    color: #fff !important;
    background-color: #088057
}

#topbar .show-mobile .currency .dropdown-menu,
#topbar .show-mobile .language .dropdown-menu {
    left: -11px;
    padding: 5px
}

#topbar .show-mobile .currency .dropdown-menu li,
#topbar .show-mobile .language .dropdown-menu li {
    border: 0
}

#topbar .show-mobile .currency button,
#topbar .show-mobile .language button {
    height: 30px;
    padding: 0 10px
}

#topbar .show-mobile .language .dropdown-menu {
    left: -45px
}

#topbar .show-mobile .quick-user .inner-toggle {
    right: -136px
}

#topbar .show-mobile .search .inner-toggle {
    right: -44px
}

.main-wrapper {
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    /*    padding-left: 250px;*/
    width: 100%;
}

.main-sidebar {
    width: 250px;
    height: 100%;
    position: fixed;
    z-index: 3;
    left: 0;
    top: 0;
    bottom: 0;
    background: #fff;
    z-index: 1000;
    box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28);
}


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


.search {
    height: 40px;
    width: 100%;
}

.search:after {
    right: 0;
    top: -9px;
    border: solid transparent;
    border-right-color: #fff;
    border-width: 30px;
    margin-top: -1px;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    z-index: 0;
}

.search [type=text].search_query {
    color: #000;
    width: 100%;
    border-radius: 5px;
    margin: 0px;
    padding: 7px 15px;
    border: 1px solid #cacaca;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    font-style: italic;
    background: #ffffff;
    position: relative;
    z-index: 1;
}

.search span {
    position: relative;
    color: #147cd1;
    top: -30px;
    right: 9px;
    float: right;
    font-size: 19px;
    z-index: 2;
}

#search-box {
    padding: 8px;
    border: #147cd1 1px solid;
    border-radius: 4px;
    width: 100%;
    position: relative;
    z-index: 1;
}

#search-box:hover,
#search-box:focus {
    border-color: #147cd1;
    box-shadow: none;
    outline: none
}

#search_suggestion {
    padding: 0 0 10px 0;
    color: #555;
    position: absolute;
    top: 40px !important;
    z-index: 9999;
    width: 100%;
    max-width: 100%;
    width: 100% !important;
    background-color: #f8f8f8;
    display: none;
    box-shadow: 5px 10px 20px rgba(0, 0, 0, .15)
}

@media (max-width:992px) {
    #search_suggestion {
        width: 100% !important;
        min-width: 100% !important
    }
}

#search_suggestion h3 {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    background-color: #eee;
    padding: 7px;
    display: flex;
    justify-content: space-between
}

#search_suggestion ul {
    padding: 0
}

#search_suggestion ul li {
    background-color: #fff;
    padding: 10px;
    font-size: 14px
}

#search_suggestion ul li:hover {
    background-color: #eee
}

#search_suggestion ul li a {
    color: #787878;
    display: block;
    overflow: hidden
}

#search_suggestion ul li .item_image {
    text-align: center;
    float: left;
    width: 100px;
    margin-right: 10px
}

@media (max-width:480px) {
    #search_suggestion ul li .item_image {
        width: 60px
    }
}

#search_suggestion ul li .item_image img {
    max-width: 100%
}

#search_suggestion ul li .item_detail {
    overflow: hidden;
    text-align: left
}

@media (max-width:480px) {
    #search_suggestion ul li .item_title {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
}

#search_suggestion ul li .item_title h4 {
    text-transform: none;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 0;
    margin-top: 0
}

@media (max-width:480px) {
    #search_suggestion ul li .item_title h4 {
        font-size: 12px;
        display: initial
    }
}

#search_suggestion ul li .item_price ins {
    font-weight: 500;
    text-decoration: none;
    display: inline-block;
    margin-right: 5px;
    font-size: 13px;
    color: #d0021b
}

@media (max-width:480px) {
    #search_suggestion ul li .item_price ins {
        font-size: 12px
    }
}

#search_suggestion ul li .item_price del {
    color: #666;
    font-size: 12px
}

@media (max-width:480px) {
    #search_suggestion ul li .item_price del {
        font-size: 11px
    }
}

#search_top {
    max-height: 400px;
    overflow-y: auto
}

#search_top::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, .3);
    -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, .3);
    border-radius: 5px;
    background-color: #F6F7F9
}

#search_top::-webkit-scrollbar {
    width: 5px;
    background-color: #F6F7F9
}

#search_top::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, .3);
    -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, .3);
    background-color: #2fa8fc
}

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

.search-bar button {
    background-color: var(--color-highlight);
    color: #ffffff;
    border: 0;
    border-radius: 3px;
    position: absolute;
    right: 3px;
    top: 3px;
    padding: 0;
    height: 34px;
    width: 50px;
    z-index: 1;
}

.search-bar button:hover {
    color: #ffffff;
    opacity: .9;
}

.search-bar button svg {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%)
}

.search-bar button svg path {
    fill: var(--color-highlight)
}

.search_mobile {
    position: relative;
    display: block;
    width: 100%;
    padding: 5px 15px;
    max-width: 500px;
}

.search_mobile .search-text {
    padding: 10px 15px;
    width: 100%;
    height: 40px;
    color: #888;
    background-color: #fff;
}

.search_mobile .search-text:hover,
.search_mobile .search-text:active,
.search_mobile .search-text:focus,
    {
    border: 1px solid var(--color-highlight) !important;
}

.icon_search_mobile {
    margin-left: 20px;
    cursor: pointer;
}

.icon_search_mobile:hover .icon_search {
    color: var(--color-highlight);
}

.icon_search {
    font-size: 17px;
    color: #333;
    padding: 5px;
}

.icon_search_open_hidden {
    display: none;
}

.icon_search_close {
    display: none;
}

.icon_search_close_show {
    display: block;
}

.icon_search_close_show:before {}

.search_mobile_show {
    display: block !important;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 9999;
    padding: 10px 15px;
    max-width: 100%;
    width: 100%;
    background-color: #F6F7F9;
}

ul.social {
    text-align: center;
    margin: 20px 0 0;
    width: 100%
}

ul.social li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-right: 8px;
    margin-bottom: 10px
}

ul.social li:last-child {
    margin-right: 0
}

ul.social li a {
    display: block;
    color: #fff;
    width: 35px;
    height: 35px;
    text-align: center;
    font-size: 20px;
    line-height: 29px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    background: #fff
}

ul.social li a:hover {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

ul.social li a i {
    font-size: 15px
}

ul.social li a.fb {
    border: 2px solid #3b5998;
    color: #3b5998
}

ul.social li a.fb:hover {
    background: #3b5998;
    color: #fff
}

ul.social li a.tw {
    border: 2px solid #00aced;
    color: #00aced
}

ul.social li a.tw:hover {
    background: #00aced;
    color: #fff
}

ul.social li a.yt {
    border: 2px solid #b00;
    color: #b00
}

ul.social li a.yt:hover {
    background: #b00;
    color: #fff
}

ul.social li a.gg {
    border: 2px solid #dd4b39;
    color: #dd4b39
}

ul.social li a.gg:hover {
    background: #dd4b39;
    color: #fff
}

ul.social li a.rss {
    border: 2px solid #e67329;
    color: #e67329
}

ul.social li a.rss:hover {
    background: #e67329;
    color: #fff
}



.header-right {
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.top-left {
    display: flex;
    justify-content: flex-end;
}

.link-cate {
    padding: 10px 0 !important
}

.link-cate i {
    margin-right: 10px
}


.top-cart-block {
    position: relative;
    margin-left: 15px;
}

.top-cart-block i {
    margin-right: 5px;
}

.top-cart-block a {
    display: flex;
    align-items: center;
    width: max-content;
}

/*#top-cart a span.top_cart_qty {
    background-color: var(--color-highlight);
    border-radius: 50%;
    color: #fff;
    font-size: 12px;
    height: 16px;
    line-height: 16px;
    top: -10px;
    width: 16px;
    position: absolute;
    right: 0px;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}*/

.hotline-top {
    margin-right: 30px;
    display: flex;
    align-items: center
}

.hotline-top .icon-hotline i {
    color: var(--color-highlight);
    font-size: 20px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin-right: 10px;
    border: var(--color-highlight) 1px solid;
    border-radius: 40px;
}

.hotline-top .text-hotline p {
    margin: 0;
}

.hotline-top .text-hotline .hotline-number a {
    font-size: 19px;
    font-weight: 700;
    color: var(--color-highlight)
}

.hotline-user {
    font-weight: 500
}



html,
body,
.st-container,
.st-pusher,
.st-content {
    height: 100%
}

.st-content,
.st-content-inner {
    position: relative
}

.st-container {
    position: relative
}

.st-pusher {
    position: relative;
    left: 0;
    height: 100%;
    -webkit-transition: -webkit-transform .5s;
    transition: transform .5s
}

.st-pusher::after {
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    background: rgba(0, 0, 0, .2);
    content: "";
    opacity: 0;
    -webkit-transition: opacity .5s, width .1s .5s, height .1s .5s;
    transition: opacity .5s, width .1s .5s, height .1s .5s
}

.st-menu-open .st-pusher::after {
    width: 100%;
    height: 100%;
    opacity: 1;
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.st-menu .search {
    padding: 10px;
    position: relative
}

.st-menu .search input {
    width: 100%;
    margin: 0;
    padding: 8px
}

.st-menu .search span {
    position: absolute;
    color: #e1e1e1;
    top: 19px;
    right: 21px;
    float: right
}

.st-menu {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    visibility: hidden;
    width: 250px;
    height: 100%;
    background: #333;
    -webkit-transition: all .5s;
    transition: all .5s;
    overflow-y: auto
}

.st-menu::after {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .2);
    content: "";
    opacity: 1;
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.st-menu-open .st-menu::after {
    width: 0;
    height: 0;
    opacity: 0;
    -webkit-transition: opacity .5s, width .1s .5s, height .1s .5s;
    transition: opacity .5s, width .1s .5s, height .1s .5s
}

.st-menu ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.st-menu h2 {
    margin: 0;
    padding: 1em;
    color: rgba(0, 0, 0, .4);
    text-shadow: 0 0 1px rgba(0, 0, 0, .1);
    font-weight: 300;
    font-size: 2em
}

.st-menu ul li a {
    display: block;
    padding: 1em 1em 1em 1.2em;
    outline: 0;
    box-shadow: inset 0-1px rgba(0, 0, 0, .2);
    color: #f3efe0;
    text-transform: uppercase;
    text-shadow: 0 0 1px rgba(255, 255, 255, .1);
    letter-spacing: 1px;
    font-weight: 400;
    -webkit-transition: background .3s, box-shadow .3s;
    transition: background .3s, box-shadow .3s
}

.st-menu ul li:first-child a {
    box-shadow: inset 0-1px rgba(0, 0, 0, .2), inset 0 1px rgba(0, 0, 0, .2)
}

.st-menu ul li a:hover {
    background: rgba(0, 0, 0, .2);
    box-shadow: inset 0-1px transparent;
    color: #fff
}

.st-effect-3.st-menu-open .st-pusher {
    -webkit-transform: translate3d(250px, 0, 0);
    transform: translate3d(250px, 0, 0)
}

.st-effect-3.st-menu {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.st-effect-3.st-menu-open .st-effect-3.st-menu {
    visibility: visible;
    -webkit-transition: -webkit-transform .5s;
    transition: transform .5s
}

.st-effect-3.st-menu::after {
    display: none
}

#st-trigger-effects {
    left: 0;
    top: 0;
    float: right;
    display: block;
    z-index: 9
}

#st-trigger-effects button {
    outline: 0;
    display: block;
    font-size: 24px;
    padding: 17px 8px;
    background: 0 0;
    border: 0;
    border-radius: 5px;
    line-height: 0;
    color: #2aabe2
}

#st-trigger-effects button i {
    color: #000;
    font-size: 25px;
    padding: 10px
}

#st-trigger-effects button i:before {
    color: var(--color-highlight);
    font-size: 25px;
    padding: 16px 10px;
    font-size: 13px;
    font-weight: 700;
    content: "MENU"
}

.st-effect-3.st-menu-open #st-trigger-effects {
    display: none
}

#st-trigger-effects button i {
    padding: 5px
}

.no-csstransforms3d .st-pusher,
.no-js .st-pusher {
    padding-left: 300px
}

.panel {
    background: #333;
    border: 0;
    border-radius: 0;
    box-shadow: none
}

a.list-group-item-stmenu {
    position: relative;
    display: block;
    padding: 10px 15px 8px 15px;
    color: #fff;
    font-size: 17px
}

a.list-group-item-stmenu i {
    padding-right: 15px
}

a.list-group-item-stmenu.sub,
a.list-group-item-stmenu.subsub,
a.list-group-item-stmenu.subsubsub {
    background: #077a53;
    color: #fff;
    padding-left: 30px;
    border-bottom: none
}

a.list-group-item-stmenu.subsub {
    padding-left: 50px
}

a.list-group-item-stmenu.subsubsub {
    padding-left: 70px
}

a.arrow-sub {
    position: relative;
    z-index: 999;
    float: right
}

a.arrow-sub i {
    position: absolute;
    font-size: 23px;
    top: -32px;
    color: #fff;
    right: 15px
}

.carousel-fade .carousel-inner .item {
    opacity: 0;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.carousel-fade .carousel-inner .active {
    opacity: 1
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1
}

.carousel-fade .carousel-control {
    z-index: 2
}

.slider {
    clear: both;
    overflow: hidden
}

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

.carousel-control {
    width: auto;
    opacity: 1
}

.carousel-control.left,
.carousel-control.right {
    top: 42%
}

.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
    margin: 0 auto;
    text-align: center
}

.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
    line-height: 1;
    text-align: center;
    margin: 0 auto;
    width: 100%
}

.carousel-indicators li {
    border-radius: 0
}

.carousel-control.left img,
.carousel-control.right img {
    padding: 10px 10px
}

.slideshow_home {}

.slideshow_home .cate-menu {
    float: left;
}

.slideshow_home .cate-menu .ul-cate-menu {
    display: block;
    position: relative;
}

.slideshow-box {
    float: right;
    width: calc(100% - 240px);
    padding-left: 10px;
    padding-top: 10px;
}

.slideshow_home .slick-dotted.slick-slider {
    margin-bottom: 0;
}

.slideshow_home .slick-dots {
    bottom: 10px;
    left: 50%;
    transform: translate(-50%, 0);
}

.slideshow_home .slick-arrow {

    background: transparent;
    text-shadow: 0 0 3px #000000;
    color: #fff;
    opacity: .6;
}

.slideshow_home .slick-arrow:hover {
    opacity: 1;
}

.slideshow_home .slick-arrow:before {
    font-size: 42px;
}

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

.box-search {
    padding: 30px 0;
    background-color: #f6f6f6;
}

.box-search .input label {
    display: none;
}

.box-search input,
.box-search select {
    padding: 11px 16px;
}

.main-page {
    clear: both;
    overflow: hidden;
}

#owlslider {
    margin-bottom: 25px
}

.listitem h2 .titles::after {
    border-color: transparent transparent transparent #8dc643;
    border-style: solid;
    border-width: 22px 0 22px 22px;
    content: "";
    position: absolute;
    right: -22px;
    top: 0
}

.listitem {}

.catproduct-list {
    background-color: #fff;
}

.catproduct-list .sub_cat_home {}

.catproduct-list .sub_cat_home a {
    display: inline-block;
    padding: 5px 10px;
    border: 1px solid var(--color-highlight);
    float: left;
    color: #fff;
    background-color: var(--color-highlight);
    border-radius: 3px;
    margin-left: 10px;
}

.catproduct-list .sub_cat_home a:hover {
    border-color: var(--color-highlight);
    color: var(--color-highlight);
    background-color: #fff
}

.catproduct-box {
    background-color: #F6F7F9;
    padding: 20px 20px 0;
    border-radius: 5px;
}

.catproduct-list .titles-box {}

.home-box-bg {
    background-color: #F6F7F9;
    padding: 20px;
    border-radius: 5px;
}

/*
.catproduct-list .tintuc-home h2 {
    background-color: var(--color-highlight);
    justify-content: center
}

.catproduct-list .tintuc-home h2 .titles {
    color: #fff;
}

.catproduct-list .tintuc-home h2 .titles:after,
.catproduct-list .tintuc-home h2 .titles:before {
    content: "";
    background: url(/images/tit-bf.png)no-repeat;
    background-size: 30px;
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    left: -23px;
    top: 4px;
    display: none;
}

.catproduct-list .tintuc-home h2 .titles:after {
    content: "";
    background: url(/images/tit-af.png)no-repeat;
    background-size: 30px;
    left: auto;
    right: -30px
}*/

.catproduct-list .tintuc-home .product .image {
    height: 180px
}

.catproduct-list .tintuc-home .product .image img {
    object-fit: cover;
    width: 100% !important;
    height: 100% !important
}

.owl-carousel .owl-wrapper {
    display: flex !important;
    flex-wrap: wrap !important
}

.owl-carousel .owl-item {
    padding: 0 15px;
    display: flex;
    flex-direction: column;
}

.catproduct-list h2 a i {
    margin-left: 5px
}

#product-listitem {
    clear: both;
    width: 100%;
    display: inline-block;
}

#products-featured .itemfeatured {
    position: relative
}

#product-listitem .box-category {
    margin-bottom: 0
}

.lr {
    float: right;
    font-weight: 700;
    color: #ccc;
    height: 17px;
    line-height: 16px
}

.alls {
    color: #2a2a2a;
    font-size: 13px;
    padding: 0 5px;
    text-decoration: none;
    text-transform: none !important;
    line-height: 50px
}

.alls:hover {
    color: var(--color-highlight)
}

.titles-box {
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-bottom: none;
    margin-bottom: 20px;
    align-items: center;
}

.titles-box h2,
.titles-box h1 {
    margin: 0;
}

.titles {
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 700;
    float: left;
    line-height: 1.3;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/*.titles:after {
    display: block;
    content: "";
    width: 100px;
    height: 2px;
    background-color: var(--color-highlight);
    margin-top: 10px;
}*/

.titles-page {
    font-size: 24px;
    text-transform: capitalize;
    font-weight: 700;
    float: left;
    line-height: 1.3;
    position: relative;
}

.product-banchay .titles-box {
    text-align: center
}

.product-banchay .titles-box .titles-banchay {
    color: var(--color-highlight);
}

.product-banchay .product,
.product-khac .product {
    margin-left: 0;
    margin-right: 0
}

.product-khac {
    padding: 20px 0;
}

#home-new .product {
    margin-left: 0;
    margin-right: 0;
    border: 0
}

.catproduct-sub {
    height: 100%
}

.banner-cat {
    margin: 10px 0;
    display: inline-block
}

.viewallcat {
    float: left;
    line-height: 30px;
    padding: 10px 0
}

.viewallcat a {
    float: left;
    width: 100%;
    position: relative;
    font-size: 14px;
    font-weight: 500;
    color: #333
}

.viewallcat a:hover {
    color: var(--color-highlight)
}

.banner-big {
    margin-bottom: 25px
}

.banner .block {
    margin-bottom: 15px;
    border: 0
}

.banner img {
    width: 100%
}

.banner-custom img {
    text-align: center;
    margin: 0 auto;
    display: block;
    width: 100%
}

.banner_left {
    margin-bottom: 10px;
    display: block;
    text-align: center
}

.intro {
    margin-bottom: 15px;
    clear: both;
    overflow: hidden
}

.intro img {
    float: left;
    margin: 0 20px 10px 0
}

.intro p {
    text-align: justify;
    color: #505050;
    font-size: 13px
}

.bread-crumb {
    background-color: #F6F7F9;
}

.breadcrumb {
    margin: 0;
    list-style: none;
    background: 0 0;
    padding: 8px 0px;
}

.breadcrumb a i {
    margin-right: 5px;
}

.breadcrumbs {
    color: #676767;
    font-weight: 400;
    margin: 0 0 10px 0;
    padding: 15px
}

.breadcrumb>li>span {
    display: inline;
    color: #777;
    padding: 0 2px;
}

.breadcrumb>li+li:before {
    content: "";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 10px;
    color: #a7a7a7;
    margin-left: 8px;
}

.detail-products {
    background-color: #f6f7f9;
}

.detail {
    margin-bottom: 20px;
    padding-top: 15px;
}

.detail .detail-box-bg {
    background-color: #fff;
    padding: 20px;
}

.detail .product-label-special-right {
    height: 22px;
    font-size: 15px;
}

.detail .product-top {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 20px;
    padding-bottom: 10px;
    clear: both;
    display: none;
}

.detail .sku-social {
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: flex-start
}

div#at4-follow,
div#at4-share,
div#at4-thankyou,
div#at4-whatsnext {
    padding: 0;
    margin: 0;
    display: none !important
}

.detail .sku-social .sku-product {
    display: inline-block;
    float: left;
    margin-right: 10px;
    border-right: 1px solid var(--color-highlight);
    padding-right: 10px
}

.detail .tuychon,
.detail .des,
.detail .price-num,
.detail .quatang {
    float: left;
    width: 100%
}

.detail .tuychon {
    border-bottom: 1px solid #f0f0f0;
    border-top: 1px solid #f0f0f0;
    margin: 10px 0;
    padding: 10px 0
}

.detail .des {
    margin-bottom: 20px
}

.detail .title-n {
    width: 100%;
    float: left;
    font-size: 18px;
    font-weight: 500
}

.detail .tuychon a {
    width: calc(33.33333% - 6px);
    float: left;
    margin: 0 3px;
    margin-bottom: 6px;
    background: #fbfbfb;
    border: 1px solid #d1d1d1;
    border-radius: 5px;
    padding: 10px;
    position: relative
}

.detail .tuychon a:hover {
    border: 1px solid #278c56
}

.detail .tuychon a:hover .pdcg-name:before {
    color: #1fbf64;
    font-family: "FontAwesome";
    content: "";
    font-weight: 900;
    margin-right: 5px
}

.detail .tuychon .active {
    border: 1px solid #278c56
}

.detail .tuychon .active .pdcg-name:before {
    color: #1fbf64;
    font-family: "FontAwesome";
    content: "";
    font-weight: 900;
    margin-right: 5px
}

.detail .tuychon a .pdcg-name:before {
    color: #c5c5c5;
    font-family: "FontAwesome";
    content: "";
    font-weight: 300;
    margin-right: 5px
}

.detail .tuychon a .pdcg-name {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    color: #222;
    line-height: 1;
    margin-bottom: 5px
}

.detail .tuychon a .pdcg-price {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    color: var(--color-highlight)
}

.detail .helps {
    border: 1px solid var(--color-highlight)
}

.detail .quatang {
    border: 1px dashed var(--color-highlight);
    background: #fff;
    margin-bottom: 20px;
    margin-top: 10px;
    position: relative
}

.detail .quatang .title-n {
    float: left;
    font-size: 14px;
    color: #fff;
    width: 100%;
    background: var(--color-highlight);
    line-height: 24px;
    padding: 4px 12px
}

.detail .quatang .title-n i {
    margin-right: 6px;
    font-size: 17px
}

.detail .quatang .quatang-text {
    padding: 20px;
    clear: both;
    border-top: 1px dashed var(--color-highlight)
}

.detail .quatang .quatang-text p {
    margin: 10px 0
}

.detail .quatang .quatang-text ul li {
    padding-bottom: 5px;
    padding-left: 15px;
    position: relative;
    color: #000
}

.detail .quatang .quatang-text ul li:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 9px;
    left: 0;
    width: 6px;
    height: 6px;
    background: var(--color-highlight);
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%
}

.detail .form-mua-hang {
    float: left;
    width: 100%;
}

.detail .quantity-input {}

.detail .quantity-input .form-group .custom-btn-number {
    float: left;
    position: relative;
    padding: 0;
    border: 1px solid #d7d7d7;
    box-shadow: none;
    background-color: transparent;
    border-radius: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    width: auto;
    height: auto;
    border-right: none;
    display: none;
}

.detail .quantity-input .form-group .custom-btn-number input {
    margin: 0;
    display: block;
    float: left;
    height: 49px;
    border: 0;
    border-right: none;
    border-left: none;
    width: 55px;
    text-align: center;
    box-shadow: none;
    border-radius: 0;
    font-size: 15px;
    outline: 0
}

.detail .quantity-input .form-group .custom-btn-number button {
    font-size: 20px;
    line-height: 0;
    border: 0;
    display: inline-block;
    width: 40px;
    height: 49px;
    background: #fff;
    float: left;
    color: #333;
    text-align: center;
    padding: 0;
    border-radius: 5px
}






.detail .quantity-input .form-group .btn-mua button:hover {
    border: 1px solid var(--color-highlight);
    color: var(--color-highlight);
    background-color: #fff;
}


}

.detail .quantity-input .form-group .btn-add button:hover {
    border: 1px solid var(--color-info) !important;
    color: var(--color-info) !important;
    background-color: #fff;
}

.detail .quantity-input .form-group .btn-mua button i {
    margin-right: 10px
}

.box-pd {
    margin-top: 20px;
}


.pro-color-box .pro-color {
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    padding: 5px 15px;
    text-align: center;
    margin-bottom: 9px;
    margin-right: 5px;
    vertical-align: top;
    position: relative;
    cursor: pointer;
}

.pro-color-box .pro-color:hover {
    border: 1px solid #0d5cb6;
    color: #0d5cb6;
}

.pro-color-box .pro-color.check {
    border: 1px solid #0d5cb6;
    color: #0d5cb6;
}

.pro-color-box .pro-color.check:after {
    background: url(/images/selected-variant-indicator.svg) center no-repeat;
    background-size: cover;
    background-position: center;
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    color: var(--color-highlight);
    width: 15px;
    height: 15px;
}

.box-tuychon {
    float: left;
    width: 100%;
    margin-top: 10px;
}

.box-tuychon ul {}

.box-tuychon ul li {
    margin-right: 5px;
    margin-bottom: 5px;
}

.box-tuychon ul li a.nav-link {
    position: relative;
    border: 1px solid #d7d7d7;
    color: #222;
    cursor: pointer;
    border-radius: 0;
    font-weight: 400;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: var(--color-highlight);
    background-color: #fff;
    border: 1px solid var(--color-highlight);
}

.box-tuychon ul li a.nav-link:before {}

.box-tuychon ul li a.nav-link.active:before {
    font-family: FontAwesome;
    content: "\f058";
    left: 0;
}

.box-detail-info {
    float: left;
    border-bottom: 1px solid #dee2e6;
    margin-bottom: 10px;
    width: 100%;
    padding-bottom: 5px;
}

.titles-detail .sharethis-inline-share-buttons {
    float: right;
}

.detail .titles-detail {
    font-size: 25px;
    font-weight: 500;
    margin-bottom: 5px;
    margin-top: 0;
}

.detail p {
    border: 0 !important
}

.detail p:last-child {
    margin-bottom: 0 !important
}

.detail .price-num {
    margin-bottom: 10px;
    margin-top: 10px;
    clear: both;
}

.detail .price-num .price {
    display: flex;
    align-items: center;
}

.detail .price-num .price span {
    margin-left: 5px;
}

.detail .price-num .price-old {
    color: #696969;
}

.detail .price-num .price-old .old-price {
    margin-right: 20px
}

.detail .price-num .price-old .save-price {
    color: var(--color-highlight)
}

.detail .price-num .price-old .old-price .product-price-old,
.detail .price-num .price-old .save-price .product-price-save {
    font-weight: 700;
}

.detail .price .price-new,
.detail .price .text_call {
    display: inline-block;
    font-size: 25px;
    color: var(--color-highlight);
    vertical-align: middle;
    margin-right: 0;
    font-weight: 800;
    /* margin-bottom: 15px; */
    line-height: 1.3;
}

.inventory_quantity {
    color: #696969;
    float: left;
    margin-bottom: 3px;
    margin-right: 30px;
}

/*.inventory_quantity:after {
    content: " ";
    display: inline-block;
    width: 1px;
    height: 11px;
    background: #b5b5b5;
    margin: 0 10px;
}

.inventory_quantity:after:last-child {
    display: none;
}*/

.inventory_quantity span {
    font-weight: 500;
    color: #222
}

.inventory_quantity span.tinhtrang {
    color: #30a43b
}

.view-introduction {
    margin: 15px 0px;
    border-radius: 5px;
    width: 100%;
    float: left;
    padding: 12px;
    border: 1px solid #dee2e6;
}

.view-introduction ul {
    list-style: revert;
    padding-left: 20px;
}

.view-introduction ul li {
    padding-bottom: 5px;
    position: relative;
}

.bt-blue {
    background: #4267b2;
    color: #fff;
    padding: 2px 10px;
    border-radius: 40px;
    display: inline-block;
    margin-top: 15px
}

.pl {
    color: red !important;
    font-size: 25px !important;
    transform: skew(-8deg, 0deg) scale(1, 1.3)
}

.detail ul.thumbs {
    text-align: center
}

.detail ul.thumbs li {
    display: inline;
    margin: 0 4px
}

.detail ul.thumbs li img {
    border: 2px solid #e4e4e4;
    max-width: 70px;
    max-height: 90px;
    padding: 0
}

.detail ul.function {
    text-align: left;
    border-top: none;
    padding: 0
}

.detail ul.function li {
    float: left;
    margin-right: 10px
}

.detail ul.function input[type=submit] {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    width: auto;
    height: inherit;
    padding: 15px
}

.detail ul.function .btnitem {
    background: #000;
    color: #fff;
    border: 0;
    padding: 15px;
    border-radius: 0 !important;
    width: inherit;
    height: inherit;
    margin: 0
}

.detail ul.function .btnitem:hover,
.detail .btnitem:hover {
    color: #fff;
    background: #009864;
    border: 0
}

.detail .img-blog {
    text-align: left
}

.detail .img-blog .img-detail {
    margin-bottom: 15px;
    display: inline-block;
    width: 100%;
}

.share,
.detail .share {
    padding: 10px 0
}

.detail .img-blog #main_img {
    margin: 0 auto 10px auto;
    text-align: center;
    display: block
}

.detail .img-big {
    margin-bottom: 10px;
    border: 1px solid #e0e0e0;
    position: relative;
}

.detail p.des {
    border: 1px dotted #ccc;
    border-left: none;
    border-right: none;
    margin-bottom: 10px;
    padding: 10px 0
}



.login,
.input-contact {
    width: 100%
}

#product-tab .nav-tabs {
    background-color: #fff;
}

#product-tab .nav-tabs .nav-item.show .nav-link,
#product-tab .nav-tabs .nav-link.active {
    background: transparent;
    border: none;
}

#product-tab .box-content-des ul {
    list-style: inside;
    margin-left: 20px;
}

#product-tab .box-content-des img {
    width: 100% !important;
    height: auto !important;
}

#product-tab .box-content-des iframe {
    width: 100% !important;
    max-height: 450px !important
}

#product-tab .box-content-des {
    display: flow-root;
}

#product-tab .box-content-img {
    width: 100%;
}

#product-tab .box-content-img .gallery-img {
    width: 100%;
}

#product-tab .box-content-img .gallery-img .item {
    width: 33.333333%;
    float: left;
}

#product-tab .box-content-img .gallery-img .item a {
    width: 100%;
    height: 100%;
}

#product-tab .box-thongso {
    display: flow-root;
}

#product-tab .box-thongso button.btn-primary {
    cursor: pointer;
    display: block;
    height: 36px;
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    color: var(--color-highlight);
    border-radius: 2px;
    background: #fff;
    border: solid 1px var(--color-highlight);
    width: 100%;
    margin-top: 15px;
    text-transform: uppercase
}

#product-tab .box-thongso button.btn-primary:hover {
    color: #fff;
    background: var(--color-highlight);
    border: solid 1px var(--color-highlight)
}

#myTab-product .nav-link {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 17px;
    padding: 10px 15px;
    color: #777;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.tab-content {
    padding: 15px;
    margin-bottom: 20px;
    background-color: #fff;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

#myTab-product .nav-link.active {
    color: var(--color-highlight);
}

.box-content-des .content-des ul {
    padding: revert;
    list-style: disc;
    margin: 5px 0;
}

.box-content-des .content-des table img {
    width: 100%
}

.box-content-des .content-des.showall:after {
    display: none
}

.box-content-des .content-des.showall {
    max-height: initial;
    height: auto !important
}

.box-content-des .content-des .show-bpd-vm {
    width: 100%;
    float: left;
    text-align: center;
    display: none;
    position: absolute;
    z-index: 11;
    bottom: 0;
    left: 0
}

.box-content-des .content-des .show-bpd-vm.active {
    position: relative;
    margin-top: 10px
}

.box-content-des .content-des .show-bpd-vm a {
    display: inline-block;
    padding: 5px 15px;
    background: var(--color-highlight);
    border-radius: 20px;
    font-size: 16px;
    color: #fff;
    text-align: center
}

.box-content-des .content-des .show-bpd-vm a:hover {
    background: #f89520
}

.box-thongso .content-thongso ul {
    margin-bottom: 10px
}

.box-thongso .content-thongso ul li {
    border-bottom: 1px solid #ebebeb;
    padding: 5px 0
}

.box-thongso table {
    border: 0;
    width: 100% !important
}

.box-thongso table thead {
    background: #ebebeb;
}

.box-thongso table thead th span {
    font-size: 14px !important
}

.box-thongso table td,
.box-thongso table th {
    padding: 5px;
    font-weight: 400
}

.box-thongso table tbody tr:nth-child(even) {
    background: #F6F7F9
}

#product-tab .title {
    width: 100%;
    float: left;
    padding: 0 0 10px;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 27px;
    border-bottom: solid 1px var(--color-highlight);
    margin-bottom: 15px;
    margin-top: 0
}

#product-tab .tabs {
    list-style: none;
    clear: both;
    padding: 0;
    border-bottom: 2px solid var(--color-highlight);
    display: flow-root
}


#product-tab .box-content-des .content-des img {
    max-width: 800px !important;
    width: 100% !important;
    height: auto !important;
    display: block;
    margin: 10px auto;
    padding: 5px
}

.product a {
    text-decoration: none
}

.product {
    transition: all 0.5s;
    display: inline-block;
    height: 100%;
    position: relative;
    margin-bottom: 24px;
    background-color: #fff;
    border-radius: 4px;
    overflow: hidden;
}

.product:hover {
    -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12);
    z-index: 1
}

.product .image {
    overflow: hidden;
    text-align: center;
    display: block;
    position: relative;
    width: 100%
}

.product .image img {
    transition: all 0.5s;
    object-fit: cover;
    width: 100% !important;
    height: 100% !important
}

.product:hover .image img {
    transform: scale(1.3);
}

.product .des-product {
    padding: 10px;
    text-align: center;
}

.product .des-product h3 {
    border-bottom: medium none !important;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3;
    margin-top: 5px;
    margin-bottom: 10px !important;
    overflow: hidden;
}

.product .des-product h3:hover {
    color: var(--color-highlight)
}

.product .pro-des {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 5px;
    color: #777;
    display: none;
}

.product .pro-link {
    margin-top: 2px;
    display: none;
}

.product .pro-link a {
    color: var(--color-highlight);
    font-weight: 700;
    font-style: italic;
    font-size: 13px
}

.product .pro-link a:hover {
    color: var(--color-highlight);
}

.product-label-special-right {
    background-image: linear-gradient(-90deg, #ec1f1f 0%, #ff9c00 100%);
    border-radius: 10px;
    padding: 1px 7px;
    padding-left: 0;
    padding-right: 10px;
    height: 20px;
    color: #fff;
    font-weight: 600;
    position: absolute;
    right: 10px;
    z-index: 1;
    top: 10px;
    font-size: 11px;
}

.product-label-special-right:before {
    content: " ";
    display: inline-block;
    background: url(/images/flash.png);
    background-size: 50% 50%;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #f13500;
    border-radius: 50%;
    vertical-align: middle;
    position: relative;
    top: -1px;
    margin-right: 5px
}

.product-label-special-right small {
    color: #fff !important
}

.product .price {
    color: var(--color-highlight);
    display: flex;
    font-size: 16px;
    font-weight: 400;
    vertical-align: middle;
    white-space: nowrap;
    width: 100%;
    justify-content: center;
    flex-direction: column;
}

.product-big .image {
    width: 60%;
    float: left
}

.product-big .des-product {
    width: 40%;
    padding: 0 0 0 15px;
    float: left
}

.product-big .des-product h3 {
    text-align: left;
    font-size: 16px
}

.product-big .des-product .price {
    align-items: center;
    justify-content: flex-start;
    margin-left: -5px
}

.product-big .des-product .des-text {
    display: -webkit-box;
    -webkit-line-clamp: 9;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 10px
}

.product .price .price-new,
.product .price .price-old {
    margin: 0 5px;
}

.product .price .price-new,
.product .price .text_call {
    display: block;
    font-weight: 700
}

.product .price .price-old {
    text-decoration: line-through;
    font-size: 14px;
    color: #a2a2a2
}

.catalist {
    margin-bottom: 30px
}

.catalist .product {
    border: 0
}

.catalist p {
    margin-bottom: 10px;
    padding: 10px 0;
    clear: both;
    border: 1px dashed #dbdbdb;
    border-left: none;
    border-right: none
}

.catalist h3 {
    font-size: 25px;
    text-decoration: none;
    color: #000;
    border: 0 !important;
    margin: 0 0 5px 0 !important
}

.catalist .product-label-special-right {
    background: #00a0fc;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 15px;
    display: block;
    padding: 10px;
    position: absolute;
    z-index: 9;
    top: 12px;
    right: 18px;
    border-radius: 0
}

.catalist .price {
    margin: 10px 0
}

.detail .price .pricett {
    color: #111;
    margin-right: 20px
}

.catalist .price .price-old,
.detail .price .price-old {
    font-size: 15px;
    text-decoration: line-through;
    color: gray;
    font-weight: 500;
    padding-right: 15px
}

.catalist .price .price-new,
.catalist .price .text_call {
    font-size: 17px;
    padding-right: 10px;
    color: var(--color-highlight);
    margin-right: 10px;
    font-weight: 700
}

.catalist ul.function {
    border: 0;
    text-align: right;
    clear: both
}

.catalist ul.function .btnitem,
.catalist .btnitem {
    margin-top: 0
}


ul.function {
    width: 100%;
    overflow: hidden;
    text-align: center
}

ul.function li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-right: 5px;
    float: none;
    width: auto !important
}

ul.function li .out_of_stock {
    background: #000;
    color: #fff !important;
    padding: 15px
}

ul.function .btnitem i {
    margin-right: 3px
}

ul.function .btnitem {
    background: 0 0;
    color: #2a2a2a;
    margin-top: 15px;
    font-weight: 500;
    border-bottom: 2px solid var(--color-highlight)
}

ul.function .btnitem:hover {
    background: var(--color-highlight);
    color: #fff;
    outline: 0
}

ul.function li:last-child {
    margin-right: 0
}

.news {
    overflow: hidden;
    background: #fff;
    margin-bottom: 25px
}

.news ul {
    padding: 10px
}

.news ul li {
    overflow: hidden;
    margin-bottom: 10px;
    border-bottom: 1px dashed #efefef;
    padding-bottom: 10px
}

.news ul li:last-child {
    border-bottom: none
}

.news ul li img {
    float: left;
    width: 110px;
    margin-right: 10px;
    border: 3px solid #eaeaea
}

.news ul li h4 {
    text-align: justify;
    font-weight: 400
}

.news ul li i {
    padding-right: 2px;
    font-size: 12px
}

.news ul li a.first h4 {
    color: #eb6714
}

.news ul li a h4 {
    color: #676767;
    font-size: 16px;
    overflow: hidden
}

.news ul li a h4:hover {
    color: #ed2027
}

.news ul li .date {
    color: #a1a1a1;
    font-size: 12px
}

.news .all {
    background: #000;
    color: #fff;
    padding: 5px 15px;
    margin: 0 auto;
    text-align: center;
    display: table;
    float: none
}

.news .all:hover {
    background: var(--color-highlight);
    color: #fff
}

.helps .item img {
    width: 60px;
    height: 60px;
    border-radius: 100%
}

.helps .item .name {
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 5px
}

.helps .item .phone {
    font-size: 15px;
    color: var(--color-highlight)
}

.page-list_news .tt-page-new {
    background: var(--color-highlight);
    color: #fff;
    padding: 8px 15px;
    margin-bottom: 20px
}

.page-list_news .tt-page-new h1 {
    font-size: 16px;
    font-weight: 600
}

.page-list_news .listnews-box {}

.hot-news-big {
    margin-bottom: 20px
}

.hot-news-big .hot-news-big-img {
    position: relative
}

.hot-news-big .hot-news-big-img img {
    width: 100%;
    height: auto
}

.hot-news-big .hot-news-big-img .hot-news-big-text {
    position: absolute;
    display: block;
    width: 100%;
    bottom: 0;
    padding: 20px;
    color: #fff;
    left: 0;
    content: "";
    background: rgba(0, 0, 0, .1);
    background: linear-gradient(to bottom, rgba(0, 0, 0, .01)0, rgba(0, 0, 0, .9) 100%);
    opacity: .95;
    text-align: left;
    box-sizing: border-box;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    z-index: 1
}

.hot-news-big .hot-news-big-img .hot-news-big-text h3 {
    margin-bottom: 10px
}

.hot-news-big .hot-news-big-img .hot-news-big-text h3 a {
    margin: 0;
    font-size: 22px;
    color: #fff
}

.hot-news-list {
    margin-bottom: 20px
}

.hot-news-list .hot-news-list-item {
    padding: 0 10px
}

.hot-news-list .hot-news-list-item .hot-news-list-img {
    height: 160px;
    position: relative
}

.hot-news-list .hot-news-list-item .hot-news-list-img img {
    width: auto;
    max-height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.hot-news-list .hot-news-list-item .hot-news-list-desc a {
    font-weight: 700;
    color: #333;
    position: relative;
    font-size: 14px;
    margin: 0
}

.owl-theme .owl-controls .owl-buttons div {
    position: absolute;
    top: 40%;
    font-size: 15px;
    color: #000;
    border-radius: 3px;
    margin: 0;
    padding: 15px 10px;
    background: #fff;
    opacity: .9;
    box-shadow: 0 7px 10px 0 rgb(72 139 216/20%)
}

.owl-theme .owl-controls .owl-buttons div:before {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.owl-theme .owl-controls .owl-buttons div.owl-prev {
    left: 0
}

.owl-theme .owl-controls .owl-buttons div.owl-prev:before {
    content: ""
}

.owl-theme .owl-controls .owl-buttons div.owl-next {
    right: 0
}

.owl-theme .owl-controls .owl-buttons div.owl-next:before {
    content: ""
}

.itemblog {
    margin-bottom: 20px
}

.itemblog .img-blog img {
    width: 100%;
    margin-bottom: 10px
}

.itemblog .date,
.postitem .date {
    color: #898989;
    font-size: 12px;
    display: inline-block;
    width: 100%;
    margin: 5px 0;
    padding: 0 0
}

.itemblog a.read-more {
    color: #d50133;
    display: inline-block;
    margin-top: 5px;
    font-size: 13px;
    font-style: italic
}

.itemblog .img-blog {
    text-align: center
}

.itemblog h2 {
    font-size: 18px;
    font-weight: 500;
    text-decoration: none;
    color: #000
}

.itemblog a,
.catalist a {
    text-decoration: none
}

.all {
    color: #000;
    float: right;
    font-size: 13px;
    padding: 2px 5px;
    text-decoration: none;
    text-transform: none !important
}

.all i {
    padding-right: 10px
}

.all:hover {
    color: var(--color-highlight)
}

.green {
    background: #5ebc5e;
    border: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 7px 11px
}

.red {
    border: 1px solid #d90b00;
    color: #d90b00 !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 7px 11px
}

.red:hover {
    background: #d90b00;
    color: #fff !important
}

table.list-price {
    width: 100%;
    background: #fff;
    margin-bottom: 15px
}

table.list-price .total {
    background: #e8e8e8
}

table.list-price thead {
    background: #36414b
}

table.list-price thead tr {
    border-bottom: none
}

table.list-price thead tr th {
    color: #fff;
    font-weight: 400;
    vertical-align: middle
}

table.list-price.backorder thead tr th:hover {
    background: #2a71ab
}

table.list-price.backorder thead tr th i {
    float: right;
    line-height: 18px
}

table.list-price th,
table.list-price td {
    padding: 10px 20px;
    border-top: none !important
}

table.list-price tr {
    border-bottom: 1px dashed #ccc
}

table.list-price tr td.note {
    background: #ffe4cc;
    color: #ff7800;
    text-align: center
}

table.list-price tr td a {
    font-weight: 700
}

table.list-price tr.last table.list-price tr td.last {
    border-bottom: none
}

table.list-price .product_attr.cart_attr {
    background: #e2e2e2;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 10px;
    margin-top: 10px
}

table.list-price .product_attr.cart_attr p {
    margin-left: 10px
}

table.list-price .product_attr.cart_attr .name_group {
    font-weight: 700;
    margin: 0
}

.fb_iframe_widget {}

.addthis_button_facebook_like {
    width: 110px
}

.at-share-tbx-element a.at300b,
.at-share-tbx-element a.at300b {
    width: 100px !important
}



.contact-map {
    margin-bottom: 20px
}

.contact-form,
.contact-info {
    padding: 10px 20px 15px 20px;
    background: #fff;
    margin-bottom: 25px
}

.contact-info ul li:first-child {
    border-bottom: none;
    padding: 2px 0
}

.contact-info ul li {
    padding: 5px 0;
    color: #878787
}

.contact-info ul li i {
    padding-right: 10px
}

.contact-form label.error {
    background: #ffc1c1;
    padding: 5px 10px;
    text-align: justify;
    color: #ea3d3d;
    font-weight: 400 !important;
    width: 100%;
    font-size: 13px
}

#post {
    margin-bottom: 20px;
    background-color: #fff;
}

#post .image img {
    width: 100%;
}

#post .post-tt {
    font-size: 24px
}

#post ul {
    list-style: inside;
    margin-left: 20px;
}

#post h1 {
    font-size: 25px;
    text-align: left;
    color: #000;
    margin-bottom: 0
}

#post .view-img {
    position: relative;
    max-height: 500px;
    overflow: hidden;
    margin-bottom: 30px;
    margin-top: 15px;
    display: flex;
    align-items: center;
}

#post .view-img img {
    transition: all .5s;
    object-fit: cover;
    width: 100% !important;
    height: 100% !important;
    margin: 0;
    padding: 0;
}

#post img {
    display: block;
    border: 1px solid #ededed;
    height: auto !important;
    margin: 15px auto;
    padding: 5px
}

.sub-page-banner {
    max-height: 250px;
    width: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.sub-page-banner img {
    transition: all .5s;
    object-fit: cover;
    width: 100% !important;
    height: 100% !important;
}

.content-cat {
    margin-top: 15px;
}

.sub-page {
    padding: 20px 0;
}

.sub-page-lienhe .maps {
    margin-top: 40px;
}

.sub-page-lienhe .maps iframe {
    width: 100% !important;
}

.sub-page-lienhe .place {
    float: left;
    height: 100%;
    border: 1px solid #d7d7d7;
    background-color: #fbfbfb;
    padding: 10px 20px 20px;
}

.sub-page-lienhe .place ul li {
    list-style: none;
    padding: 5px 0;
    position: relative;
    font-size: 15px;
}

.sub-page-lienhe .place ul li i {
    margin-right: 10px;
    color: var(--color-highlight);
}

/*Đăng ký tài khoản*/

.sub-page-register {}

.sub-page-register .main-register,
.main-profile {
    max-width: 600px;
    margin-right: auto;
    margin-left: auto;
    background-color: #f6f6f6;
    padding: 40px;
}

.sub-page-register .main-register .form-label,
.sub-page-signup .form-label,
.main-profile label {
    font-size: 15px;
    font-weight: 500;
}

.sub-page-signup .main-signup {
    max-width: 400px;
    margin-right: auto;
    margin-left: auto;
    background-color: #f6f6f6;
    padding: 40px;
}

ul.payment {
    text-align: center;
    margin-top: 5px;
    float: right
}

ul.payment li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-right: 8px;
    float: left
}

ul.payment li:last-child {
    margin-right: 0
}

.news-footer {
    font-size: 13px
}

.news-footer li {
    padding: 3px 0
}

.news-footer li:first-child {
    border-top: none;
    padding-top: 0
}

.news-footer li:last-child {
    border-bottom: none
}

.news-footer li a {
    text-align: justify;
    color: #222;
    text-decoration: none;
    font-size: 15px
}

.news-footer li a:hover {
    color: #fc7700
}



.box_category {
    width: 250px;
    float: left;
    height: 325px;
    display: inline-block;
    background: #fb0000;
    position: relative
}

ul.list_category li span.des {
    color: #fff;
    font-size: 11px;
    display: block;
    line-height: 12px
}

.block_menu>span {
    display: block;
    height: 30px;
    color: red;
    font-size: 16px
}

ul.list_category {
    background: #fff;
    position: absolute;
    z-index: 99
}

ul.list_category li {
    display: block;
    border-bottom: 1px solid #375c93;
    position: relative
}

ul.list_category>li:last-child {
    border-bottom: none
}

ul.list_category>li a {
    padding: 8px;
    color: #fff;
    background: var(--color-highlight);
    font-size: 14px;
    font-weight: 500;
    -webkit-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
    display: block;
    overflow: hidden
}

ul.list_category>li a span {
    float: left
}

ul.list_category>li a i {
    float: right;
    font-size: 15px
}

ul.list_category>li a:hover {
    color: #fff;
    background: var(--color-highlight)
}

ul.list_category>li>.box_megam {
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    width: 250px;
    z-index: 99;
    border-left: 1px solid #eee
}

ul.list_category>li>.box_megam li {
    list-style: none
}

ul.list_category.right>li>.box_megam {
    right: 100%;
    left: inherit
}

ul.list_category>li:hover>.box_megam {
    display: block
}

ul.list_category>li>.box_megam .block_menu {
    display: block
}

ul.list_category>li>.box_megam .block_menu .list_mega_menu {
    list-style: none
}

ul.list_category>li>.box_megam .block_menu .list_mega_menu a:hover,
.box_megam_level2 .block_menu_level2 .list_mega_menu_level2 a:hover {
    padding-left: 10px
}

ul.list_category>li>.box_megam .block_menu .list_mega_menu a i {
    float: none;
    padding-left: 10px;
    margin-right: 4px;
}

ul.list_category>li>.box_megam>.block_menu>ul.list_mega_menu>li>.box_megam_level2 {
    display: block;
    position: absolute;
    top: 0;
    left: 100%;
    background: #fff url(../assests/bgmega.gif)repeat-y;
    width: 100%;
    z-index: 99
}

ul.list_category.right>li>.box_megam>.block_menu>ul.list_mega_menu>li>.box_megam_level2 {
    right: 100%;
    left: inherit
}

ul.list_category>li>.box_megam>.block_menu>ul.list_mega_menu>li>.box_megam_level2 .block_menu_level2 .list_mega_menu_level2 a {
    background: 0 0;
    padding: 20px 10px 0 10px;
    color: #fff;
    -webkit-transition: all .4s ease 0s;
    transition: all .4s ease 0s
}

ul.list_category>li>.box_megam>.block_menu>ul.list_mega_menu>li:hover>.box_megam_level2 {
    display: block
}

.box-category {
    padding-bottom: 4px;
    background: #fff
}

.box-category-menu {
    float: left;
    width: 100%
}

.box-category-menu .heading {
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    background: var(--color-highlight);
    border: 1px solid var(--color-highlight);
    border-radius: 5px;
    padding: 7px 17px;
    text-decoration: none;
    transform: translateZ(0);
    text-transform: uppercase
}

.box-category-menu:hover .heading {
    color: #fff;
    background: #f89520;
    border: 1px solid #f89520
}

.box-category-menu .u2 {
    display: none;
    top: 36px;
    width: 221.4px
}

.icon-plus-submenu {
    cursor: pointer;
    position: absolute;
    background: 0 0;
    padding: 10px 14px;
    right: 0;
    top: 0;
    margin: auto;
    border: 1px solid transparent;
    color: #fff;
}

.box-category-menu:hover .u2 {
    display: block !important;
    z-index: 100
}

.box-sidebar {
    background-color: #fff;
    margin-bottom: 15px;
    width: 100%;
    display: inline-block;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    overflow: hidden;
}

.box-sidebar:last-child {
    margin-bottom: 0;
}

.policy_intuitive {
    padding: 20px;
}

.policy_intuitive p {
    color: #e51e21;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
    display: block;
    margin-bottom: 5px
}

.policy_intuitive ul {
    margin-bottom: 0;
    padding: 0;
    list-style: none
}

.policy_intuitive ul li {
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e0e0e0;
    position: relative
}

.policy_intuitive ul li img {
    margin-right: 5px;
}

.policy_intuitive ul li:first-child {
    padding-left: 0;
    padding-top: 0
}

.policy_intuitive ul li .img-icon {
    position: absolute;
    left: 0;
    top: 10px;
    display: block;
    max-width: 33px
}

.policy_intuitive ul li .img-icon img {
    max-width: 100%
}

.policy_intuitive ul li:last-child {
    border-bottom: none;
    padding-bottom: 0
}

.box-sidebar .sidebar-heading {
    padding: 12px;
    font-weight: 600;
    font-size: 16px;
    background-color: #F6F7F9;
}

.box-sidebar .sidebar-heading i {
    padding-right: 10px
}

.sidebar-support .sidebar-heading {
    text-align: center;
    font-size: 19px;
    border-bottom: 1px solid #dee2e6;
}

/*.sidebar-support {
    background-color: #F7FFFC;
    border: 1px solid var(--color-highlight);
    border-radius: 5px;
    background-color: #F7FFFC;
}*/
.sidebar-support-box {
    padding: 20px;
}

.footer-center .sidebar-support-box {
    padding: 0;
}

.sidebar-support-box ul {
    margin-top: 20px;
}

.footer-center .sidebar-support-box ul {
    margin-top: 0;
}

.sidebar-support-box ul li {
    overflow: hidden;
    margin-bottom: 10px;
    border-bottom: 1px dashed #efefef;
    padding-bottom: 10px
}

.footer-center .sidebar-support-box ul li {
    padding-left: 0;
}

footer .footer-center .sidebar-support-box ul li:before {
    display: none;
}

.sidebar-support-box ul li:last-child {
    border-bottom: none;
    margin: 0;
    padding: 0;
}

.sidebar-support-box ul li .img-name {
    width: 100%;
    display: flex;
    align-items: center;
}

.sidebar-support-box ul li .img-name img {
    float: left;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-right: 10px;
    border: 1px solid #eaeaea;
}

.sidebar-support-box ul li .img-name h4 {
    width: calc(100% - 40px);
    text-align: justify;
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 0;
}

.sidebar-support-box ul li .img-name h4 span {
    font-size: 13px;
}

.sidebar-support-box ul li a {
    display: inline-block;
    font-size: 13px;
    margin-top: 5px;
    margin-right: 5px;
    float: left;
    padding: 3px 8px;
    border: 1px solid var(--color-danger);
    border-radius: 5px;
}

.sidebar-support-box ul li a:hover {
    border: 1px solid var(--color-danger);
    color: #fff;
    background-color: var(--color-danger);
}

.footer-center .sidebar-support-box ul li a:hover {
    border: 1px solid var(--color-danger);
    color: #fff;
    background-color: var(--color-danger);
}

.sidebar-support-box ul li a i {
    font-size: 12px;
    margin-right: 5px;
    width: 14px;
    display: inline-block;
}

.ant_onlineSupport {
    width: 100%;

}

.ant_onlineSupport .supportTitle {
    width: 100%;
    text-align: center;
    font-size: 16px;
    line-height: 23px;
    font-weight: 500;
    margin: 0;
    text-transform: uppercase;
}

@media (max-width:1024px) {
    .ant_onlineSupport .supportTitle {
        font-size: 14px
    }
}

.ant_onlineSupport h4 {
    font-size: 14px;
}

.ant_onlineSupport .diac {
    border-bottom: 1px solid #ededed;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.ant_onlineSupport .diac i {
    margin-right: 5px;
    color: var(--color-danger);
}

.ant_onlineSupport .supportTitle3 {
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 23px;
    margin: 0;
    font-weight: 400
}

.ant_onlineSupport .supportImage {
    display: block;
    margin: 10px auto
}

.ant_onlineSupport .phoneNumber {
    width: 100%;
    margin-top: 10px;
    display: block;
    text-align: center;
    line-height: 1.1
}

.ant_onlineSupport .phoneNumber a {
    font-size: 26px;
    font-weight: 600;
    color: var(--color-highlight);
    text-decoration: none
}

@media (max-width:1024px) {
    .ant_onlineSupport .phoneNumber a {
        font-size: 30px
    }
}

.ant_onlineSupport .phoneNumber a:hover,
.ant_onlineSupport .phoneNumber a:focus {
    color: var(--color-highlight)
}

.ant_onlineSupport .or {
    width: 100%;
    margin: 10px 0;
    color: #7a7d8d;
    text-align: center;
    line-height: 1.1
}

.ant_onlineSupport .or span {
    display: inline-block;
    background: #fff;
    padding: 0 10px;
    transform: translateY(50%);
    font-size: 13px
}

.ant_onlineSupport .or:after {
    display: block;
    content: "";
    width: 100%;
    height: 1px;
    background: #ededed
}

.ant_onlineSupport .chatNow {
    display: block;
    width: 100%;
    margin-top: 10px;
    padding: 10px;
    text-align: center;
    font-size: 16px;
    color: var(--color-highlight);
    border: 1px solid var(--color-highlight);
    border-radius: 2px;
    cursor: pointer;
    line-height: 1.1;
    min-height: 1
}

.ant_onlineSupport .chatNow:hover,
.ant_onlineSupport .chatNow:focus {
    color: #fff;
    background: var(--color-highlight);
    border-color: var(--color-highlight)
}

.detail .helps .heading {
    background: var(--color-highlight);
    color: #fff
}

.nav-side-menu {
    overflow: auto;
    font-size: 14px;
    font-weight: 400;
    background-color: #fff;
    top: 0;
    width: 100%;
    height: 100%;
    color: #363f4d;
    border: 1px solid #f0f0f0;
}

.nav-side-menu li {
    list-style: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
    position: relative;
}


.nav-side-menu li {
    border-top: 1px solid #f0f0f0;
}

.nav-side-menu li i {
    float: right;
    justify-content: center;
    padding: 10px;
    width: auto;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

.nav-side-menu li i:not(.collapsed) {
    background: none;
    box-shadow: none;
}

.nav-side-menu li i:after {
    width: 15px;
    height: 15px;
    background-size: auto;
}

.nav-side-menu li a {
    text-decoration: none;
    color: #363f4d;
    padding: 8px 10px;
    display: block;
    font-weight: 500;
    width: 100%;
}

.nav-side-menu li a:hover {
    color: #c9252c
}

.nav-side-menu li:hover {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease
}

.nav-side-menu li .sub-menu-side li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.nav-side-menu li .sub-menu-side li a {
    font-weight: 400;
    padding-left: 15px;
}

.nav-side-menu li .sub-menu-side li a:before {
    font-family: FontAwesome;
    content: "";
    display: inline-block;
    padding-right: 5px;
    vertical-align: middle;
}

.sidebar-product .product {
    float: left;
    padding: 10px;
    margin: 0;
    width: 100%;
    background-color: #fff;
    border-left: 1px solid #f0f0f0
}

.sidebar-product .product .image {
    float: left;
    width: 80px
}

.sidebar-product .product .des-product {
    padding: 0 0 0 10px;
    float: left;
    width: calc(100% - 80px);
    text-align: left
}

.sidebar-product .product .des-product h3 {
    height: auto
}

.sidebar-product .product .des-product .price {
    display: block;
    align-items: center;
    justify-content: flex-start;
    text-align: left
}

.box-category .main {
    position: relative;
    padding: 15px
}

.typical-products .product {
    margin: 0;
    box-shadow: none;
    padding: 0 5px
}

.typical-products .product p {
    text-align: justify;
    color: #6a6a6a;
    font-size: 14px;
    margin-bottom: 15px
}

.typical-products .owl-controls {
    height: inherit !important
}

.typical-products .owl-controls .owl-pagination {
    top: 10px !important
}

.phantrang {
    text-align: center
}

ul.pagination {
    display: block;
    width: 100%;
    text-align: center;
    border-radius: 0;
    align-items: center;
    justify-content: center
}

ul.pagination li {
    display: inline-block
}

ul.pagination li a {}

ul.pagination>li:first-child {
    margin-right: 10px
}

ul.pagination>li:first-child>a,
ul.pagination>li:last-child>a {
    border-radius: 0
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus,
.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
    background: #fff;
    color: #fff;
    border: 1px solid var(--color-highlight);
    color: var(--color-highlight)
}

.collections_des_and_menu {
    display: flex;
    justify-content: center;
}

.collections_des_and_menu a {
    display: inline-block;
    padding: 5px 10px;
    border: 1px solid var(--color-highlight);
    float: left;
    color: #fff;
    background-color: var(--color-highlight);
    border-radius: 3px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.collections_des_and_menu a:hover,
.collections_des_and_menu a:focus {
    border-color: var(--color-highlight);
    color: var(--color-highlight);
    background-color: #fff
}

.collections_description h2 {
    border-bottom: #6f6f6f 1px dotted;
    padding-bottom: 5px;
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 22px
}

.collections_description a {
    color: var(--color-highlight)
}

ul.support-html li {
    border-bottom: 1px dotted #e5e5e5;
    padding: 10px 0
}

ul.support-html li:last-child {
    border-bottom: none
}

ul.support-html li p {
    color: #eb6714;
    text-transform: uppercase;
    font-weight: 700
}

ul.support-html li p i {
    color: #eb6714;
    padding-right: 10px
}

ul.support-html li span {
    color: #676767;
    display: block;
    font-size: 13px
}

ul.support-html li span i {
    color: #676767;
    padding-right: 10px
}

ul.dv-html {
    color: #676767
}

ul.dv-html li {
    padding: 10px 0
}

.hotline img {
    float: left;
    margin-right: 15px;
    text-align: center
}

.hotline span {
    display: block;
    text-align: left;
    color: #5b6572;
    text-transform: uppercase
}

.hotline .number {
    color: var(--color-highlight);
    font-size: 22px;
    font-weight: 700
}

#gallery-pic {
    padding: 10px 20px 0 20px;
    background: #fff;
    margin-bottom: 25px
}

#gallery-pic.footer {
    margin-left: -15px;
    margin-right: -15px;
    background: 0 0;
    padding: 0;
    border: 0
}

.box-category .main #gallery-pic {
    padding: 0;
    margin-bottom: 0
}

#box_search {
    padding: 10px 20px 0 20px;
    background: #fff;
    margin-bottom: 25px
}

#box_search .box_search_detail {
    margin-bottom: 20px;
    overflow: hidden
}

#box_search #search-detail {
    clear: both;
    margin: 0 0 10px 0
}

#box_search .all {
    top: 0
}

#box_search .box_search_detail .img-blog img {
    margin-bottom: 10px
}

#box_search .box_search_detail h3 {
    font-size: 22px;
    text-decoration: none;
    color: #000;
    border: 0 !important;
    margin: 0 0 5px 0 !important
}

#box_search .box_search_detail p {
    text-align: justify;
    font-size: 14px;
    color: gray;
    margin: 0;
    margin-bottom: 10px;
    padding: 10px 0;
    clear: both;
    border: 1px dashed #dbdbdb;
    border-left: none;
    border-right: none
}

#box_search .box_search_detail .price {
    color: var(--color-highlight);
    vertical-align: middle;
    font-weight: 400;
    float: left
}

#box_search .box_search_detail .price .price-new {
    font-size: 17px;
    padding-right: 10px;
    color: var(--color-highlight);
    margin-right: 10px;
    font-weight: 700
}

#box_search .box_search_detail .price .price-old {
    font-size: 17px;
    text-decoration: line-through;
    color: #a2a2a2;
    padding-right: 15px
}

.address {
    font-size: 13px;
    overflow: hidden
}

.address li {
    line-height: 25px
}

.address li a {
    color: #fff;
    text-decoration: none
}

.address li a:hover {
    text-decoration: underline
}

footer {
    clear: both;
    background-color: var(--color-primary);
    font-size: 15px;
    color: #fff;
}

footer .footer-center {
    padding: 30px 0;
}

footer .footer-center ul li {
    padding-left: 15px;
    margin-bottom: 5px
}

footer .footer-center ul li,
footer .footer-center ul li a {
    line-height: 24px;
    font-size: 15px;
    color: #fff;
    display: block;
    position: relative
}

footer .footer-center ul li:before {
    font-family: FontAwesome;
    content: "\f105";
    position: absolute;
    left: 0
}

footer .footer-center ul li a:hover {
    color: var(--color-highlight)
}

footer .footer-center p {
    padding: 2px 0
}

footer h3 {
    font-size: 16px;
    font-weight: 800;
    margin-bottom: 15px;
    color: #fff;
    position: relative;
    text-transform: uppercase;
    padding-bottom: 10px;
}

footer h3:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 54px;
    border-bottom: 2px solid var(--color-highlight);
}

.footer-top {
    display: none;
    padding: 20px 0px;
    border-bottom: 1px solid #ffffff61;
}

.footer-top .footFeature {
    display: flex;
    align-items: center;
    color: #ffffff;
}

.footer-top .footFeature h2 {
    font-size: 22px;
    text-transform: uppercase;
    margin: 0;
    font-weight: 900;
}

.footer-top .footFeature h4 {
    font-size: 14px;
    letter-spacing: 1px;
    margin: 0;
    margin-bottom: 5px;
}

.footer-top .footFeature .icon {
    width: 70px;
    margin-right: 15px;
}

.footer-top .footFeature .icon img {
    width: 100%;
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

.footer-top .texts {
    width: calc(100% - 85px);
}

.footer-top .footFeature .box-footer {
    margin-bottom: 20px;
}

.footer-top .header {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 10px;
    border-bottom: 1px solid #e73c38;
    padding-bottom: 5px;
}

.footer-bottom {
    padding: 0 0 20px
}

.footer-bottom .col-inner {
    padding: 15px 20px;
    background-color: #363636;
    border-radius: 8px;
    margin-bottom: 20px
}

.footer-bottom .col-inner p {
    padding: 3px 0
}

.footer-bottom .col-inner img {
    width: 12px;
    margin-right: 10px;
    margin-top: -3px;
    filter: invert(1);
    filter: brightness(10)
}

.footer-bottom ul li {
    float: left;
    margin-right: 5px
}

.footer-bottom ul li a i {
    background: #e5e5e5;
    display: block;
    height: 40px;
    width: 40px;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    font-size: 19px;
    position: relative
}

.footer-bottom ul li a i.fa-facebook-f {
    background: #3b5998
}

.footer-bottom ul li a i.fa-youtube {
    background: #eb1a00
}

.footer-bottom ul li a i.fa-instagram {
    background: linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%)
}

footer .footer-bottom form {
    margin-top: 10px
}

footer .footer-bottom form .input-group button {
    color: #fff;
    background-color: var(--color-highlight);
    border-color: var(--color-highlight);
    height: 40px;
    padding: 9px 20px
}

footer .footer-bottom form .input-group button:hover {
    background-color: #739f38;
    border-color: #739f38
}

footer .footer-bottom form .input-group input {
    height: 40px;
    border: 1px solid #e5e5e5
}

footer .footer-bottom form .input-group input:hover,
footer .footer-bottom form .input-group input:focus {
    border-color: var(--color-highlight);
    box-shadow: none;
    outline: 0
}

footer .footer-copyright {
    background: #0000001a;
    padding: 10px 0;
    font-size: 13px;
    text-align: center;
}

footer .footer-copyright .copyright-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

footer .footer-copyright a {
    color: #076c4a
}

footer .footer-copyright select {
    width: 100%
}


.box-sosanh {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 9;
}

.box-sosanh #comparePopup {
    background-color: #fff;
    position: relative;
    border: 1px solid #cfcfcf;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, .12);

}

.box-sosanh #comparePopup.close-popup-sosanh {
    display: none;
}

.box-sosanh #comparePopup .nut-sosanh {
    position: absolute;
    right: -1px;
    top: -41px;
    padding: 10px 15px;
    border-radius: 8px 8px 0 0;
    color: #000;
    background: #fff;
    box-shadow: 0 -2px 10px #0000001f;
    border: 1px solid #cfcfcf;
    cursor: pointer;
}

.box-sosanh .product-info {
    text-align: center;
    width: 100%;
    border-right: 1px solid #cfcfcf;
    padding: 20px;
    position: relative;
    height: 100%;
}

.box-sosanh .product-info .images {
    width: 100px;
    height: auto;
    margin: auto;
}

.box-sosanh .product-info .deletecompare {
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px;
}

.box-sosanh .sosanh-nut {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: 1px solid #cfcfcf;
}

.search-adv-product {
    clear: both;
    overflow: hidden
}

.search-adv-product input[type=text] {
    width: 100%;
    padding: 8px 5px
}

.search-adv-product select {
    width: 100%
}

.search-adv-product [type=submit].button {
    width: auto;
    height: auto;
    float: none;
    text-align: center;
    margin: 5px auto 0 auto;
    display: block
}

.page_error_01 {
    background: url(../../../public/error_page/01.jpg)no-repeat 50% 50%;
    height: 600px;
    position: relative;
    margin-top: 25px
}

.page_error_01 a {
    display: table;
    background: var(--color-highlight);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 10px 25px;
    color: #fff;
    position: absolute;
    left: 50%;
    top: 55%;
    margin-left: -70px
}

.page_error_02 {
    background: url(../../../public/error_page/02.jpg)no-repeat 50% 50%;
    height: 600px;
    position: relative;
    margin-top: 25px
}

.page_error_02 a {
    display: table;
    background: var(--color-highlight);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 10px 25px;
    color: #fff;
    position: absolute;
    left: 59%;
    top: 60%;
    margin-left: -70px;
    text-transform: uppercase;
    font-weight: 700
}

.page_error_03 {
    background: url(../../../public/error_page/03.jpg)no-repeat 50% 50%;
    height: 600px;
    position: relative;
    margin-top: 25px
}

.page_error_03 a {
    display: table;
    background: var(--color-highlight);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 10px 25px;
    color: #fff;
    position: absolute;
    left: 48%;
    top: 65%;
    margin-left: -70px;
    text-transform: uppercase
}

.page_error_04 {
    background: url(../../../public/error_page/04.jpg)no-repeat 50% 50%;
    height: 600px;
    position: relative;
    margin-top: 25px
}

.page_error_04 a {
    display: table;
    background: var(--color-highlight);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 10px 25px;
    color: #fff;
    position: absolute;
    left: 65%;
    top: 70%;
    margin-left: -70px;
    text-transform: uppercase;
    font-weight: 700
}

.page_error_05 {
    background: url(../../../public/error_page/05.jpg)no-repeat 50% 50%;
    height: 600px;
    position: relative;
    margin-top: 25px
}

.page_error_05 a {
    display: table;
    background: var(--color-highlight);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 10px 25px;
    color: #fff;
    position: absolute;
    left: 50%;
    top: 80%;
    margin-left: -115px;
    text-transform: uppercase;
    font-weight: 700
}

a.btn-big {
    position: relative
}

.detail .detail-info .detail .img-blog .img-detail .img-big,
.detail .img-blog .img-detail .imglist {
    float: left;
    width: 100%;
    position: relative
}

.detail .img-blog .img-detail .img-big img {
    width: 100%;
    height: auto
}

.detail .img-blog .img-detail .imglist {
    margin: 0-4px
}

.detail .img-blog .img-detail .imglist .item {
    width: 25%;
    padding: 0 4px;
    float: left
}

.detail .img-blog .img-detail .imglist .slick-slide {
    cursor: pointer;
}

.detail .img-blog .img-detail .imglist .slick-current {
    opacity: .5;
}

.detail .img-blog .img-detail .imglist .item a {
    display: block;
    border: 1px solid #e0e0e0
}

.detail .img-blog .img-detail .imglist .item a img {
    width: 100%;
    height: auto;
    padding: 2px
}

.detail .quantity-input {
    margin-bottom: 20px;
    clear: both;
}

.detail .quantity-input .form-group {
    display: flex;
    justify-content: space-between;
}

.detail .quantity-input input[type=number] {
    margin: 0 0 0 5px;
    padding: 6px 5px;
    text-align: center;
    width: 60px;
    border: 1px solid #ebebeb;
    outline: 0
}

.detail .quantity-input a {
    width: 100%;
    text-align: center;
    border-radius: 5px;
    display: inline-block;
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 15px
}

.detail .quantity-input a:hover {
    background: #f89520
}

.detail .quantity-input .bt_buynow {
    background: var(--color-highlight)
}

.detail .quantity-input .bt_tragop {
    background: #33b3fd
}

.buy_now_success {
    border: 1px solid green
}

.buy_now_error {
    border: 1px solid red
}


#nav {
    width: 100%;
    margin: 0;
    padding: 0;
    border-bottom: none;
    list-style-type: none;
    clear: both
}

.shipping {
    width: 100%;
    margin-right: 15px;
    display: flex;
    color: #222;
    /* margin-top: 10px; */
    justify-content: flex-start;
    align-items: center;
    border-top: 1px solid #f0f0f0;
    padding: 10px 0;
}

.shipping .desi {
    margin-left: 15px;
}

.shipping .desi p {
    font-weight: 600
}

.shipping .desi span {
    color: var(--color-highlight);
}

.shipping .im {
    width: 40px;
    margin-right: 15px;
    display: contents;
}

.shipping .im img {
    width: 40px;
}



.homeslide {}

.home_category {
    float: left
}

.quaility_item {
    text-align: center;
    border-bottom: 1px solid #e5e5e5;
    height: 100%;
    padding-top: 10px;
    padding-bottom: 10px
}

.quaility_item .thumb_quality {
    width: 70px;
    margin-left: auto;
    margin-right: auto
}

.quaility_item .thumb_quality img {
    width: 100% !important;
    height: auto !important
}

.quaility_item .text_quality {
    font-weight: 400;
    font-size: 12px;
    line-height: 1.3;
    margin-top: 5px
}

.block_hotline {
    display: flex;
    align-items: center;
    padding: 15px 0
}

.block_hotline .block_hotline-icon {
    color: var(--color-highlight);
    font-size: 30px;
    width: 60px;
    height: 60px;
    border: 1px solid;
    border-radius: 50%;
    line-height: 59px;
    text-align: center;
    margin-right: 10px
}

.block_hotline .txt_hotline {
    font-size: 15px;
    font-weight: 600
}

.block_hotline .txt_hotline a {
    font-size: 19px;
    font-weight: 700;
    color: var(--color-highlight)
}

.home-qc {
    margin-bottom: 20px;
    display: inline-block
}

.home_new img {
    width: 100%;
    height: auto;
    margin-bottom: 5px
}

.banner-home {
    padding: 50px 0;
}

.bn-bottom {
    margin: 0 -8px -25px;
    display: inline-block;
}

.bn-bottom .item {
    width: 50%;
    float: left;
    padding: 0 8px;
    margin-bottom: 16px;
}

.bn-bottom1 .item {
    width: 100%;
}

.bn-bottom .item img {
    width: 100%;
    height: auto
}

.nav-tabs-home .nav-pills .nav-item {
    margin: 0 2.5px 5px;
}

.nav-tabs-home .nav-pills .nav-link {
    border: 0.5px solid var(--color-primary);
    border-radius: 32px;
    color: var(--color-primary);
    padding: 4px 20px;
    min-height: auto;
    height: 30px;
}

.nav-tabs-home .nav-pills .nav-link img {
    background: linear-gradient(0deg, #163DB9 0%, #96AFFF 100%);
    border: 0.5px solid #E8E8E8;
    border-radius: 32px;
    height: 30px !important;
    width: 30px !important;
    padding: 5px;
    position: relative;
    margin-top: -5px;
    margin-left: -21px;
    margin-right: 10px;
}

.nav-tabs-home .nav-pills .nav-link:hover,
.nav-tabs-home .nav-pills .nav-link.active {
    background: var(--color-primary);
    border: 1px solid var(--color-primary);
    color: #fff;
}

.news-home {}

.news-home .new-tab-content {
    margin-top: 20px;
}

.news-home .big-new .new-item .new-intro a.new-title {
    font-size: 19px;
}

.news-home .list-new {}

.news-home .list-new .new-item {}

.news-home .list-new .new-item .image {}

.news-home .list-new .new-item .new-intro {}

.video-home .body-video #myElement {
    border-radius: 5px;
    overflow: hidden;
}

.video-home .body-video #list_player {
    height: 420px;
    overflow-y: scroll;
}

.video-home .body-video #list_player::-webkit-scrollbar-track {
    border-radius: 5px;
    background-color: #fff
}

.video-home .body-video #list_player::-webkit-scrollbar {
    width: 5px;
    background-color: #fff
}

.video-home .body-video #list_player::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: var(--color-primary);

}

.video-home .body-video #list_player .Items-video {
    width: 100%;
    margin-bottom: 20px;
}

.video-home .body-video #list_player a {
    font-weight: 500;
}

.video-home .body-video #list_player a .video-images {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
}

.video-home .body-video #list_player a .video-images:before {
    position: absolute;
    width: 36px;
    height: 36px;
    font-family: FontAwesome;
    content: "\f04b";
    background: none;
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background-color: var(--color-primary)80;
    border-radius: 50%;
}

.video-home .body-video #list_player a:hover .video-images:before {

    background-color: var(--color-primary);
}

.video-home .body-video #list_player a img {
    border-radius: 5px;
    width: 100%;
}

.video-home .body-video #list_player a .video-name {
    width: 100%;
    font-size: 16px;
}

.video-item {
    padding-bottom: 56%;
    position: relative;
    height: 0;
    max-width: 100%;
    margin-bottom: 20px;
}

.video-item iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}

.gallery-item {
    margin-bottom: 20px;
    height: 100%;
    display: inline-grid;
}

.gallery-item .image {
    border-radius: 5px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.gallery-item .image img {
    object-fit: cover;
    width: 100% !important;
    height: 100% !important;
}

.gallery-item:hover .image:before {
    content: "\f002";
    display: flex;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    color: #FFF;
    background-color: #FF8772;
    width: 25px;
    height: 25px;
    border-radius: 9999px;
    justify-content: center;
    align-items: center;
}

.gallery-item .gallery-name {
    font-weight: 600;
    font-size: 18px;
    display: block;
    line-height: 1.3;
    margin-bottom: 5px;
    text-align: center;
    margin-top: 10px;
}


.banner-popup .btn-close {
    position: absolute;
    right: 0;
    padding: 0 10px;
}

.category-home {
    margin-bottom: 30px;
}

.category-home .category-box {
    padding: 30px 30px 0px;
}

.category-home .category-box .item {
    position: relative;
    margin-bottom: 30px;
    overflow: hidden;
}

.category-home .category-box .item img {
    position: relative;
    transition: all 0.5s ease;
    overflow: hidden;
}

.category-home .category-box .item:hover img {
    transform: scale(1.3);
}

.category-home .category-box .item .cate-name {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    object-fit: cover;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #0000001a;
}

.category-home .category-box .item .cate-name span {
    color: #fff;
    padding: 10px 15px;
    border: 1px solid #fff;
    font-size: 21px;
    letter-spacing: 1px;
}

.category-home .category-box .item:hover .cate-name span {
    background-color: #00000066;
}

#header {
    z-index: 99;
    width: 100%;
    transition: all .5s;
    -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, .15);
    box-shadow: 1px 1px 10px rgba(0, 0, 0, .15);
}

@-webkit-keyframes stuckMoveDown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes stuckMoveDown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.header-sticky {
    position: fixed;
    top: 0;
    -webkit-animation: stuckMoveDown .6s;
    animation: stuckMoveDown .6s;
}

.header-sticky .header-top {
    display: none !important;
}

.header-sticky .header-center {
    display: none;
}

.header-top {
    position: relative;
    background: #f6f6f6;
    padding: 0px 0;
    z-index: 10;
    transition: all .5s;
}

.header-top-ct {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 34px;
}

.header-top-ct a {

    font-size: 14px;
    font-weight: 500;
}

.header-top-ct a:hover {
    opacity: .9;
}

.header-top-ct a:hover {
    opacity: .9;
}

.header-top-ct .box-login-register a {
    margin-left: 15px;
}

.header-top-ct .box-login-register a i {
    margin-right: 5px;
}

.header-center {
    width: 100%;
    padding: 15px 0;
    background-color: #fff;
    position: relative;
    box-shadow: 1px 1px 15px rgb(0 0 0 / 15%);
    z-index: 9;
    transition: all .5s;
}

.header-center .header-center-ct {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#back-to-top {
    display: none;
    width: 40px;
    height: 40px;
    background-color: #ced4da;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    position: fixed;
    right: 20px;
    bottom: 20px;
    opacity: 0;
}

#back-to-top:hover {
    background-color: var(--color-highlight);
    color: #fff;
}

#back-to-top.to-top-show {
    display: flex;
    opacity: 1;
    -webkit-animation: stuckMoveDown .6s;
    animation: stuckMoveDown .6s;
}

/*social*/
.social {}

.social a {
    margin-right: 10px;
    float: left;
}

/*HOTLINE*/

.hotline {}

.hotline .hotline-item {
    float: left;
    padding: 0 10px;
}

.hotline .hotline-item i {
    color: var(--color-highlight);
}

.hotline .hotline-item a {}

.top-menu {}

.nav-main {
    float: left;
    width: auto;
}

.search-top-bar {}

.search-top-bar form .input-group {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.search-top-bar form .input-group button {
    border-radius: 0;
    background-color: #8bc443;
    color: #fff;
}


.row-header-top {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.logo-mobi .burger-icon {
    margin-left: 0;
}

.logo-mobi .burger-icon i {
    color: #fff;
    font-size: 21px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #017648;
}

.logo img {
    max-height: 50px;
    width: auto
}


.new-item {
    margin-bottom: 20px;
    position: relative;
}

.new-item .image {
    position: relative;
    overflow: hidden;
    border-radius: 4px;
}

.new-item .image img {
    transition: all .5s;
    object-fit: cover;
    width: 100% !important;
    height: 100% !important;
}

.new-item:hover .image img {
    transform: scale(1.2);
}

.new-item .new-intro {
    margin-top: 15px;
}

.new-item .new-intro .new-des {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 10px;
}

.new-item .new-intro a.new-title {
    font-weight: 600;
    font-size: 18px;
    display: block;
    line-height: 1.3;
    margin-bottom: 5px;
}

.new-item .image .clock,
.view-img .clock {
    font-size: 15px;
    font-weight: 700;
    line-height: 15px;
    padding-top: 6px;
    letter-spacing: 1px;
    background: #1c387b;
    display: inline-block;
    color: #fff;
    width: 40px;
    height: 40px;
    text-align: center;
    position: absolute;
    left: 5px;
    top: 5px;
}

.new-item .image .clock p,
.view-img .clock p {
    margin: 0;
}

.new-item .new-intro .read-more {
    text-align: right;
    margin-top: 10px;
}

.new-item .new-intro .read-more a {
    text-align: right;
    color: #1c387b;
    text-transform: uppercase;
}

ul.list_category img {
    width: 19px;
    height: 19px;
    margin-right: 5px
}

.home_category .list_category {
    position: inherit
}

/*Trang giỏ hàng*/
.box-cart {
    background: #fff;
    margin-bottom: 20px
}

.cart td {
    border: 1px solid #ccc;
    padding: 7px
}

.box-cart .product-cart {
    background: #f4f4f4;
    padding: 15px 0;
}

.box-cart .product-cart .box-info .tongtien {
    font-size: 19px;
}

.box-cart .product-cart .box-info .tongtien span {
    color: #FF0000;
}

.box-cart .product-cart .box-button {
    float: right;
}

/*.box-cart .product-cart .box-button a {
    padding: 15px 25px;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    float: right;
    margin-left: 10px;
}*/

.box-cart .product-cart .box-button a.pay-cart {}

.box-cart .product-cart .box-button a.back-web {}


/*Trang giỏ hàng hết*/

.category-products {}

.category-products #product-listitem {
    margin-top: 12px;
}

.category-products .filter-container {
    display: flex;
    align-items: center;
    display: block;
}

.category-products .filter-container .filter-pr {
    display: flex;
    align-items: flex-end
}

.category-products .filter-container .filter-pr .filter-vendor {
    margin: 0;
    padding: 5px 5px
}

.category-products .filter-container .filter-pr label {
    display: none
}

.category-products .sort-cate {
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    display: flex;
    padding: 10px 0;
    width: 100%;
    float: left;
    align-items: center;
    justify-content: space-between;
    display: none;
}

.sort-cate-left {
    position: relative;
}

.sort-cate-left .sort-select {
    background-color: #fff;
    padding: 8px 10px;
    line-height: 1;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    border: 1px solid #d3d3d3;
    cursor: pointer;
}

.sort-cate-left .sort-select:hover {
    border: 1px solid #e5322d;
}

.sort-cate-left .sort-select span {
    display: none;
    color: #e5322d;
    text-transform: uppercase;
    margin-left: 5px;
}

.sort-cate-left .sort-select span.active {
    display: block;
}

.sort-cate-left .sort-select i {
    margin-left: 5px;
    font-weight: 600;
}

.sort-cate-left .list-sort {
    z-index: 999;
    min-width: 160px;
    right: 0px;
    position: absolute;
    display: none;
    padding: 10px;
    background-color: #fff;
    box-shadow: 0px 0px 5px 1px rgb(0 0 0 / 20%);
    -webkit-box-shadow: 0px 0px 5px 1px rgb(0 0 0 / 20%);
    -moz-box-shadow: 0px 0px 5px 1px rgb(0 0 0 / 20%);
}

.sort-cate-left:hover .list-sort {
    display: block;
}

.sort-cate-left ul li {
    padding: 3px 0;
}

.sort-cate-left ul li a {
    font-size: 14px;
    position: relative
}

.sort-cate-left ul li a:hover {
    color: #e5322d;
}

.sort-cate-left ul li a i {
    height: 16px;
    width: 16px;
    border: 2px solid #ddd;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    margin: -3px 5px 0 0;
    position: relative
}

.sort-cate-left ul li:hover i,
.sort-cate-left ul li.active i {
    border: 2px solid #e5322d;
    height: 16px;
    width: 16px;
}

.sort-cate-left ul li:hover i:before,
.sort-cate-left ul li.active i:before {
    content: "";
    width: 8px;
    height: 8px;
    background-color: #e5322d;
    position: absolute;
    border-radius: 50%;
    margin: 2px
}



.frmSearch {
    border: 1px solid #a8d4b1;
    background-color: #c6f7d0;
    margin: 2px 0;
    padding: 40px;
    border-radius: 4px
}

#country-list {
    float: left;
    list-style: none;
    margin-top: -3px;
    padding: 0;
    width: 190px;
    position: absolute
}

#country-list li {
    padding: 10px;
    background: #f0f0f0;
    border-bottom: #bbb9b9 1px solid
}

#country-list li:hover {
    background: #ece3d2;
    cursor: pointer
}



.newlispr .item {
    margin-bottom: 20px
}

.newlispr img {
    width: 100%;
    height: auto;
    margin-bottom: 20px
}

.newlispr img {
    width: 100%;
    height: auto;
    margin-bottom: 20px
}

.form-thongtin {
    background: #fff;
    margin-bottom: 20px
}

.form-thongtin .button {
    width: auto;
    background: var(--color-highlight);
    border: 0;
    color: #fff;
    text-transform: uppercase;
    font-size: 17px;
    border-radius: 5px;
    padding: 10px 20px;
    margin: auto;
    text-align: center;
    display: flex
}

.form-thongtin .button:hover {
    background: #f89520
}

.form-thongtin input {
    width: 100%;
    padding: 9px 9px
}

.form-thongtin td span {
    color: #F00;
    position: absolute;
    right: 17px;
    top: 10px;
}

.form-thongtin select {
    width: 100%;
    padding: 9px 9px
}

.title-form {
    background: var(--color-highlight);
    padding: 10px 15px;
    text-transform: uppercase;
    color: #fff;
    font-size: 15px;
    font-weight: 600
}

.thanhtoan {
    background: #fff;
    padding: 20px;
    margin-bottom: 20px
}



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

#input {
    width: 236px;
    border: 1px solid #a0b581;
    height: 22px;
    font-weight: 400;
    margin-left: 20px
}

.guimail textarea {
    width: 336px;
    height: 102px;
    font-weight: 400;
    border: 1px solid #ccc
}

table.cart {
    width: 100%
}

.guimail {
    font-weight: 700;
    margin-bottom: 20px;
    width: 100%
}

.tblGrid tr td,
.tblGrid tr th {
    border: 1px solid #ccc;
    padding: 5px;
    border-spacing: 0
}

.thanhtoan table tr td,
.thanhtoan table tr th {
    border: 1px solid #ccc;
    padding: 5px;
    border-spacing: 0
}

.guimail tr td {
    padding-top: 10px;
    position: relative
}

.bgLLGray th {
    color: #817f80;
    padding-right: 10px;
    text-align: right
}

.guimail .blue {
    color: #00f
}

#icon-fixed-right {
    width: 50px;
    position: fixed;
    right: 5px;
    top: 250px;
    z-index: 997
}

#icon-fixed-right a {
    display: block;
    margin-top: 5px
}

#icon-fixed-right a:first-child {
    margin-top: 0
}

#icon-fixed-right a i {
    width: 50px;
    height: 50px;
    text-align: center;
    color: #fff;
    border-radius: 9999px;
    font-size: 24px;
    line-height: 50px
}

#icon-fixed-right a i {
    width: 40px;
    height: 40px;
    text-align: center;
    color: #fff;
    border-radius: 9999px;
    font-size: 16px;
    line-height: 40px;
    background: #4267b2
}

#icon-fixed-right a i.fa-youtube {
    background: red
}

#icon-fixed-right a i.fa-map-marker {
    background: #34a853
}

#icon-fixed-right a i.fa-envelope {
    background: #3754a5
}

#icon-fixed-right a i.fa-phone {
    background: #278c56
}

#icon-fixed-right a i.fa-wrench {
    background: #3754a5
}

#icon-fixed-right a i.fa-arrow-up {
    background: #ed1b24
}

.row.is-flex {
    display: flex;
    flex-wrap: wrap
}

.row.is-flex>[class*=col-] {
    display: flex;
    flex-direction: column
}

#fixed-left {
    position: fixed;
    right: -3px;
    top: 50%;
    z-index: 99
}

#fixed-left a {
    padding: 7px;
    width: 45px;
    display: block;
    position: relative;
    background: var(--color-highlight);
    margin-bottom: 5px;
    color: #fff;
    font-size: 15px;
    border-radius: 5px
}

#fixed-left a.phone {
    background: #f13500
}

#fixed-left a.map {
    background: #04aa6d
}

#fixed-left a.zalo {
    background: var(--color-highlight)
}

#fixed-left a.email {
    background: #1e3c73
}

#fixed-left a span {
    position: absolute;
    display: none;
    width: max-content;
    right: 58px;
    top: 5px;
    padding: 2px 7px;
    background: var(--color-highlight);
    border-radius: 5px
}

#fixed-left a span:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-left-color: var(--color-highlight);
    border-width: 8px;
    margin-top: -8px
}

#fixed-left a:hover span {
    display: block
}

.modal-content {
    border: 0;
    box-shadow: none;
    border-radius: .5rem;
    position: relative;
    background-color: #fff;
    background-clip: padding-box;
    outline: 0
}

.modal-header {
    background-color: var(--color-highlight);
    color: #fff;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.42857143px;
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem
}

@media (max-width:480px) {
    .modal-header {
        padding: 10px
    }
}

.modal-body .submit {
    background: #ff1a1a;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    margin-top: 20px
}

.modal-body form {
    position: relative;
    padding: 15px;
    margin: 0
}

.modal-header .close {
    position: absolute;
    top: 0;
    right: 11px;
    font-size: 35px;
    z-index: 10
}

button.close {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none
}

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0#fff;
    opacity: .2;
    filter: alpha(opacity=20)
}

.modal-header p {
    margin: 0
}

.modal-header .modal-title {
    position: relative;
    min-height: 34px;
    font-weight: 400;
    font-size: 21px;
    line-height: normal;
    margin: 0;
    color: #fff
}

.diachi_map .modal-body {
    padding: 0
}

.diachi_map .modal-body .diachi_showroom {
    padding-left: 30px;
    padding-top: 30px;
    font-size: 16px
}

.home-box {
    padding: 20px 0;
    background-color: #fff;
    float: left;
    width: 100%;
}

.home-box:nth-child(even) {}

.product-khuyenmai {}

.product-khuyenmai .product-khuyenmai-box {
    background-color: var(--color-highlight);
    border-radius: 5px;
    padding: 15px 10px;
}

.product-khuyenmai .product-khuyenmai-box .titles-box {
    padding: 0 10px;
    color: #fff;
}

.catproduct-tab-home {}

.item-banner {
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
}

.item-banner img {
    width: 100%;
}

.banner-home1 {}

.banner-home2 {
    padding: 0;
}

.banner-home2 .item-banner {
    border-radius: 0;
}

.banner-home3 {
    padding: 0;
}

.gioithieu {
    padding: 50px 0;
    background-color: #ffffff;
}

.gioithieu .item {
    background-color: #fff;
    display: flex;
    align-items: center;
}

.gioithieu .image img {
    width: 100%;
}

.gioithieu .box-titles {}

.gioithieu .box-titles h2 {
    margin-top: 0px;
    margin-bottom: 10px;

    font-size: 46px;
    color: var(--color-highlight);
}

.gioithieu .box-text .introduction {
    font-size: 16px;
    line-height: 1.7;
    margin-bottom: 20px;
}

.view {}

.view a {
    background-color: var(--color-highlight);
    color: #fff;
    padding: 10px 15px;
    border-radius: 5px;
    display: inline-block;
}

.view a:hover {
    background-color: var(--color-highlight);
}

.view a i {
    margin-left: 5px;
}

@media (max-width:768px) {
    .diachi_map .modal-body .diachi_showroom {
        padding: 30px
    }
}

@media (min-width:1000px) {
    .diachi_map .modal-dialog {
        width: 70%
    }

    .diachi_map .modal-dialog iframe {
        height: 450px
    }
}

@media (max-width:480px) {
    .modal-header .modal-title {
        font-size: 16px;
        min-height: 34px;
        line-height: 23px
    }

    .diachi_map .modal-body .diachi_showroom {
        font-size: 14px
    }
}

@media (max-width:480px) {
    .modal-header .modal-title span {
        height: 34px;
        width: 34px;
        line-height: 34px
    }
}



/*main sidebar*/


/*  OVERLAY
========================================== */
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #000;
    opacity: 0;
    visibility: hidden;
}

.overlay.show {
    opacity: 0.5;
    visibility: visible;
}

.search-menu-st {}

.search-menu-st .search-st-form {
    position: relative;

}

.search-menu-st .search-st-form input {
    width: 100%;
    padding: 8px 40px 8px 10px;
    border-radius: 3px;
    font-size: 15px;
    background-color: #ffffff66;
    border: 1px solid #afafaf;
    color: #333;
}

.search-menu-st .search-st-form input:hover,
.search-menu-st .search-st-form input:focus {
    border-color: var(--color-highlight);
    box-shadow: none;
    outline: 0
}

.search-menu-st .search-st-form input::placeholder {
    color: #afafaf;
}

.search-menu-st .search-st-form button {
    position: absolute;
    right: 0;
    top: 0;
    /* padding: 0; */
    font-size: 16px;
    padding: 9px 10px;
    border-radius: 30px;
    border: 0;
    background: no-repeat;
    color: var(--color-highlight);
}

.search-menu-st .search-st-form button i {}

.burger-icon {
    position: relative !important;
    top: auto !important;
    right: auto;
    margin-left: 30px;
    font-size: 13px;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    font-weight: 700;
}

.burger-icon:hover {
    color: var(--color-highlight);
}

.burger-icon i {
    font-size: 21px;
    margin-left: 5px;
}

.burger-icon span,
.burger-icon span::before,
.burger-icon span::after {
    background-color: #fff;
}

.burger-icon.clicked {}

/*main sidebar*/
.is-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.is-flex>div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}


.flex-div {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

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

.nopadding-right {
    padding-right: 0
}

.nopadding-left {
    padding-left: 0
}

.nomargin {
    margin-right: 0;
    margin-left: 0
}

.nomargin-right {
    margin-right: 0
}

.nomargin-left {
    margin-left: 0
}

.ml-auto {
    margin-left: auto !important;
}

.container-fluid {
    max-width: 1400px;
}