.breadCrumbs {
    background-color: #eee;
}

.breadCrumbs .wrap-content {
    padding: 0.75rem 0
}

.breadCrumbs .wrap-content .breadcrumb {
    padding: 0;
    margin-bottom: 0;
    background-color: transparent;
    border-radius: 0
}

.breadCrumbs .wrap-content .breadcrumb-item a {
    color: #212529
}

.breadCrumbs .wrap-content .breadcrumb-item.active a {
    color: var(--maincolor)
}

.catchuoi1 {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.catchuoi2 {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.catchuoi3 {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.catchuoi4 {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.catchuoi5 {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 5;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.catchuoi6 {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 6;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.catchuoi7 {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 7;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.catchuoi8 {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 8;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.wrap-user {
    width: 100%;
    max-width: 550px;
    margin: auto;
    border: 1px solid #bce8f1;
    border-radius: 5px
}

.title-user {
    background-color: #cc0000;
    padding: 12px 15px;
    border-radius: 5px 5px 0px 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.title-user span {
    color: #ffffff
}

.title-user a {
    color: #0056b3;
    font-size: 12px
}

.form-user {
    padding: 20px 15px;
    border: 1px solid #c00;
    border-top: none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.input-user {
    margin-bottom: 0.75rem
}

.input-user input {
    font-size: 14px
}

.button-user {
    margin-bottom: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.button-user input {
    font-size: 14px
}

.checkbox-user,.radio-user {
    cursor: pointer
}

.checkbox-user input {
    top: calc(50% - 1.25rem / 2);
    height: auto
}

.checkbox-user label {
    font-size: 14px;
    cursor: pointer
}

.checkbox-user label::before,.checkbox-user label::after {
    top: calc(50% - 1rem / 2)
}

.radio-user {
    margin-right: 1rem
}

.radio-user:last-child {
    margin-right: 0px
}

.radio-user label::before,.radio-user label::after {
    top: calc(50% - 1rem / 2)
}

.note-user {
    font-size: 14px;
    border-top: 1px solid #ddd;
    padding-top: 0.5rem
}

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

.left_info {
    width: 270px
}

.right_info {
    width: calc(100% - 280px)
}

.list_mananger {
    padding: 0;
    margin: 0;
    list-style: none;
    border: 1px solid #c00;
    border-top: none;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px
}

.sty_list1, .sty_list {
    padding: 10px 0;
    margin-left: 10px;
    color: #000;
    cursor: pointer
}

.list_mananger li {
    border-bottom: 1px solid #d3d3d3
}

.left_info .title-user {
    background: #c00
}

.left_info .title-user span {
    color: #fff
}

.dong {
    position: relative;
    left: 0;
    top: 0;
    opacity: 0;
    width: 100%;
    display: none
}

.mo {
    position: relative;
    left: 0;
    top: 0;
    opacity: 1;
    width: 100%;
    display: block
}

.sty_btn_info span,.button-user .sty_btn_info {
    padding: 5px 15px;
    border: 1px solid #c00;
    background: #c00;
    color: #fff;
    border-radius: 5px
}

.filter_block {
    display: block;
    border: 1px solid #ebebeb;
    border-radius: 5px;
    padding: 1rem;
    margin-bottom: 1rem
}

.filter_title {
    font-weight: bold;
    font-size: 14px;
    display: flex;
    align-items: center
}

.filter_block ul {
    list-style: none;
    display: block
}

.filter_block ul li {
    margin: 0.5rem 0 0;
    display: block
}

.filter_block ul li a {
    color: #777;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer
}

.filter_block ul li a span {
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 1rem;
    height: 1rem;
    display: block;
    position: relative
}

.filter_block ul li a.checked span:after {
    content: '\2713';
    filter: brightness(0);
    font-size: 15px;
    position: absolute;
    top: -7px;
    right: -1px;
    z-index: 2
}

.filter_block ul li a i {
    width: 1rem;
    height: 1rem;
    border-radius: 3px
}

.cart-pro-detail .btn-success {
    background: var(--maincolor)!important;
    border-color: var(--maincolor)!important
}

.btn-load-more-comment-parent {
    background: var(--maincolor)!important;
    border-color: var(--maincolor)!important
}

.filter_title:after {
    content: '\f0d7';
    font-family: 'FontAwesome';
    margin-left: auto
}

div#danhmuc {
    border-bottom: none
}

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

div#danhmuc ul li {
    position: relative
}

div#danhmuc ul li:last-child {
    border: none
}

div#danhmuc ul li a {
    color: #454545;
    text-decoration: none;
    font-size: 16px;
    transition: 0.4s;
    display: block;
    border-bottom: 1px solid #DDD;
    padding: 6px 5px 6px 0px;
    font-family: 'Roboto'
}

div#danhmuc ul li a h2 {
    font-size: 15px
}

div#danhmuc ul li span {
    position: absolute;
    right: 6px;
    top: 0;
    display: block;
    width: 14px;
    height: 100%;
    background: url(../images/muiten-menu.png) no-repeat center;
    cursor: pointer;
    max-height: 44px;
    transition: 0.3s;
}

div#danhmuc ul li span.active {
    background: url(../images/muiten-menu-act.png) no-repeat center
}

div#danhmuc ul li a:hover,div#danhmuc ul li a.active {
    color: red;
    transition: 0.4s;
    text-decoration: underline
}

div#danhmuc ul li ul li a {
    padding: 9px 5px 9px 26px;
    font-family: inherit
}

div#danhmuc ul li ul li span {
    background: url(../images/muiten-menu.png) no-repeat
}

div#danhmuc ul li ul li ul li span {
}

div#danhmuc ul li ul {
    display: none
}

div#danhmuc ul li ul.show-ul-c2 {
    display: block
}

div#danhmuc ul li ul li ul li {
}

div#danhmuc ul li ul li ul li a {
    padding-left: 26px;
    color: #0193de
}

div#danhmuc ul li ul li ul li ul li {
}

div#danhmuc ul li ul li ul li ul li a {
    padding-left: 40px;
    color: #000;
    font-family: 'Roboto'
}

div#danhmuc ul li ul li ul li ul li ul li {
}

div#danhmuc ul li ul li ul li ul li ul li a {
    color: #0193de;
    font-family: 'Roboto'
}

.grid-pro-detail {
    margin-bottom: 2.5rem;
}

.left-pro-detail {
    position: relative;
    text-align: center
}

.left-pro-detail .MagicZoom {
    border: 1px solid #eee;
    padding: 7px;
    border-radius: 5px;
    background-color: #ffffff
}

.gallery-thumb-pro {
    position: relative;
    margin-top: 10px
}

.owl-pro-detail {
    padding: 0px 30px
}

.control-pro-detail button {
    background-color: transparent;
    color: #222222;
    opacity: 1;
    width: 25px;
    font-size: 23px
}

.control-pro-detail button:hover {
    opacity: 0.7
}

.control-pro-detail button.owl-prev {
    left: 0px
}

.control-pro-detail button.owl-next {
    right: 0px
}

.thumb-pro-detail {
    display: block!important;
    border: 1px solid #eee;
    padding: 5px;
    border-radius: 3px;
    cursor: pointer;
    background-color: #ffffff
}

.thumb-pro-detail.mz-thumb.mz-thumb-selected {
    border-color: #cecfd2
}

.thumb-pro-detail img {
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    -webkit-filter: brightness(100%)!important;
    filter: brightness(100%)!important;
    border-bottom: 0px!important;
    padding-bottom: 0px!important
}

.title-pro-detail {
    text-transform: capitalize;
    font-size: 24px;
    display: block;
    font-weight: 700
}

.social-plugin-pro-detail {
    margin-bottom: 1rem;
    margin-top: 0px!important
}

.desc-pro-detail {
    margin-bottom: 0.5rem;
    font-size: 15px;
}

.attr-pro-detail {
    list-style: none;
    padding: 0px;
    border-top: 1px solid #ddd;
}

.attr-pro-detail li {
    padding: 0.5rem 0;
    font-size: 15px;
    border-bottom: 1px solid #ddd;
}

.attr-label-pro-detail {
    margin: 0px 5px 0px 0px
}

.attr-label-pro-detail.d-block {
    display: block;
    margin: 0px 0px 5px 0px
}

.attr-content-pro-detail {
    display: inline-block;
    margin-bottom: 0px
}

.price-new-pro-detail {
    font-weight: 700;
    font-size: 20px;
    color: var(--maincolor)
}

.price-old-pro-detail {
    font-weight: 500;
    color: #6c757d;
    text-decoration: line-through;
    padding-left: 10px
}

.tags-pro-detail a {
    float: left;
    font-size: 13px;
    padding-bottom: 0.375rem;
    margin: 0px 5px 5px 0px
}

.tags-pro-detail a i {
    font-size: 11px;
    margin: 5px 5px 0px 0px
}

.tabs-pro-detail {
    margin-top: 2rem
}

.tabs-pro-detail .nav-tabs .nav-link {
    border-top-width: 3px;
    font-size: 14px;
    color: #000;
}

.tabs-pro-detail .nav-tabs .nav-link.active {
    border-top-color: var(--maincolor)
}

.tabs-pro-detail .nav-tabs .nav-item.show .nav-link {
    border-top-color: #555555
}

.social-plugin {
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.social-plugin .at-share-btn {
    margin-bottom: 0px!important
}

.social-plugin .zalo-share-button {
    margin-left: 3px;
    background: var(--maincolor) url(../images/zl-3.png) no-repeat center;
    background-size: 26px;
    border-radius: 5px;
}

.social-plugin a {
}

.social-plugin .zb-btn-blue--30x30 {
    background: none !important
}

.social-plugin .zb-btn-blue--30x30 i {
    background: none !important
}

.a2a_kit a span {
    /*background-color: var(--maincolor) !important*/
}

/* Product  Detail */
.tabs-pro-detail{width: 100%;}
.grid-pro-detail{margin-bottom:50px;display: flex;justify-content: center;flex-wrap: wrap;}
.left-pro-detail{position:relative;width:40%;text-align:center;margin-right:2%;background:white;}
.left-pro-detail .MagicZoom{border:1px solid #eee;padding:7px;border-radius:5px;}
.right-pro-detail{width:calc(100% - 42%);}
.gallery-thumb-pro{position:relative;margin-top:10px;}
.owl-thumb-pro{padding:0px 40px;}
.thumb-pro-detail{display:block!important;border:1px solid #eee;padding:5px;border-radius:3px;cursor:pointer;}
.thumb-pro-detail.mz-thumb.mz-thumb-selected{border-color:#cecfd2;}
.thumb-pro-detail img{box-shadow:none!important;filter:brightness(100%)!important;border-bottom:0px!important;padding-bottom:0px!important;}
.title-pro-detail{text-transform:capitalize;font-size:20px;display:block;font-weight:700;}
.social-plugin-pro-detail{margin-bottom:1rem;margin-top:0px!important;}
.desc-pro-detail{margin-bottom:1rem;}
.attr-pro-detail{list-style:none;padding:0px;}
.attr-pro-detail li{margin-bottom:0.5rem;}
.attr-label-pro-detail{margin:0px 5px 0px 0px;}
.attr-label-pro-detail.d-block{display:block;margin:0px 0px 5px 0px;}
.attr-content-pro-detail{display:inline-block;margin-bottom:0px;}
.price-new-pro-detail{font-weight:700;font-size:20px;color:var(--color-red);}
.price-old-pro-detail{font-weight:500;color:var(--color-gray);text-decoration:line-through;padding-left:10px;}
.color-pro-detail{display:inline-block;vertical-align:top;position:relative;width:35px;height:30px;margin:0px 0px 3px 0px;border:1px solid transparent;}
.size-pro-detail{border:1px solid #ccc;padding:3px 10px 4px 10px;display:inline-block;position:relative;}
.size-pro-detail.active,.color-pro-detail.active{border-color:#e5101d;color:#e5101d;}
.color-pro-detail.active:before,.size-pro-detail.active:before{content:'';position:absolute;width:100%;height:100%;top:0px;left:0px;bottom:0px;right:0px;margin:auto;z-index:1;background-image:url(../images/check-cart.png);background-repeat:no-repeat;background-position:bottom right;}
.color-pro-detail input[type=radio],.size-pro-detail input[type=radio]{outline:none;position:absolute;cursor:pointer;width:100%;height:100%;-webkit-appearance:none;border:0px;top:0px;left:0px;}
.quantity-pro-detail{width:100%;max-width:110px;line-height:normal;display:flex;align-items:center;justify-content:space-between;text-align:center;}
.quantity-pro-detail span{line-height:25px;padding:0px;width:30px;height:30px;color:#5f5f5f;cursor:pointer;font-size:22px;border:1px solid #cccccc;}
.quantity-pro-detail span.quantity-plus-pro-detail{border-left:0px;}
.quantity-pro-detail span.quantity-minus-pro-detail{border-right:0px;}
.quantity-pro-detail input{height:30px;border:1px solid #cccccc;width:calc(100% - 60px);text-align:center;font-size:14px;padding:5px;}
.cart-pro-detail{margin-bottom:1rem;display:flex;align-items:stretch;justify-content:flex-start;}
.cart-pro-detail a{width:auto;text-align:center;color:#fff;padding:8px 15px;text-transform:uppercase;border-radius:3px;cursor: pointer;}
.cart-pro-detail a.addnow{margin-right:10px;background:#fd6e1d;background:-webkit-gradient(linear,0% 0%,0% 100%,from(#fd6e1d),to(#f59000));background:-webkit-linear-gradient(top,#f59000,#fd6e1d);background:-moz-linear-gradient(top,#f59000,#fd6e1d);background:-ms-linear-gradient(top,#f59000,#fd6e1d);background:-o-linear-gradient(top,#f59000,#fd6e1d);}
.cart-pro-detail a.buynow{background-color:var(--color-green);}
.cart-pro-detail a.buynow:hover{background-color:var(--color-dark-green);}
.cart-pro-detail a i{vertical-align:top;margin-top:3px;margin-right:8px;}
.tags-pro-detail{margin:1rem 0px 2rem 0px;display: flex;justify-content: flex-start;flex-wrap: wrap;}
.tags-pro-detail a{font-size:12px;color:#fff;padding:5px 10px 7px 10px;margin-right:5px;margin-bottom:5px;background-color:var(--color-red);border-radius:3px;}
.tags-pro-detail a:hover{background-color:var(--color-medium-red);}
.tags-pro-detail a i{font-size:10px;margin:5px 5px 0px 0px;}
.tabs-pro-detail .ul-tabs-pro-detail{padding:0px;list-style:none;margin-bottom:1rem;border-bottom:1px solid #e7e7e7;display: flex;justify-content: flex-start;width: 100%;margin-top: 15px;}
.tabs-pro-detail .ul-tabs-pro-detail li{cursor:pointer;margin-right:5px;margin-bottom:5px;background:#eee;padding:5px 10px;}
.tabs-pro-detail .ul-tabs-pro-detail li.active{background:#333;color:#fafafa;}
.tabs-pro-detail .ul-tabs-pro-detail li:last-child{margin-right:0px;}
.tabs-pro-detail .content-tabs-pro-detail{display:none;width: 100%;}
.tabs-pro-detail .content-tabs-pro-detail.active{display:block;}

.control-carousel{position:absolute;top:calc(50% - 30px/2);margin-bottom:0px;width:30px;height:30px;text-align:center;line-height:30px;border:1px solid #eee;z-index:2;background-color:#fff;color:#ccc;cursor:pointer;}
.control-carousel:hover{background-color:var(--color-red);border-color:var(--color-red);color:#fff;}
.prev-carousel{left:0px;}
.next-carousel{right:0px;}