/*@import url('https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');*/
@charset "UTF-8"; 
@font-face {
    font-family: 'body';
    src: url("../fonts/Mulish-Regular.ttf");
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: 'tieude';
    src: url("../fonts/Mulish-Bold.ttf");
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: 'ml-sb';
    src: url("../fonts/Mulish-SemiBold.ttf");
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: 'ml-eb';
    src: url("../fonts/Mulish-ExtraBold.ttf");
    font-style: normal;
    font-display: block;
}

/* Main */
:root {
    --color-red: #ec2d3f;
    --color-medium-red: #cc2c32;
    --color-dark-red: #c31829;
    --color-green: #28a745;
    --color-dark-green: #207d36;
    --color-black: #212529;
    --color-gray: #6c757d;
}

:root {
    /*--secocl: #ffb400;*/
    --fonttd: 'tieude';
    --fontct: 'body';
    --fonttc: 'ml-eb';
}

@keyframes spin{
  to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@-webkit-keyframes spin{
  to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes blink{
  0%{opacity:1}
  50%{opacity:0}
  100%{opacity:1}
}
@-webkit-keyframes blink{
  0%{opacity:1}
  50%{opacity:0}
  100%{opacity:1}
}
@keyframes shake-anim{
  0%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg)}
  10%,30%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}
  20%,40%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}
  100%,50%{-moz-transform:rotate(0) scale(1) skew(1deg)}
}
@-webkit-keyframes shake-anim{
  0%,100%,50%{-webkit-transform:rotate(0) scale(1) skew(1deg)}
  10%,30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}
  20%,40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}
}

body {font-family: 'body',sans-serif;font-size: 14px;/* overflow: hidden; */;top: 0 !important}
input,button,select {appearance: none;box-shadow: none!important}
img {max-width: 100%;height: auto;vertical-align: top}
a,input,textarea {outline: none;padding: 0px}
a {text-decoration: none!important}
p {margin-bottom: 0;}
input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0}
.w-clear:after {display: block;content: "";clear: both}
.hidden {display: none}
.clear {clear: both}
.none {display: none}
.none1 {display: none}
.hidden-seoh {visibility: hidden;height: 0px;margin: 0px;overflow: hidden}
.wap_1200 {max-width: 1200px;margin: auto;position: relative;}
.wap_1000 {max-width: 1000px;margin: auto;position: relative;}
.wap_1300 {max-width: 1300px;margin: auto;position: relative;}
.wrap-main,.wrap-content {max-width: 1300px;margin: 50px auto;padding: 0px}
.wrap-home {max-width: 100%;padding: 0px;margin: 0;}
.wrap-lh-ct{max-width:100%;margin: 60px 0 0 0;}

.wrap-content {margin: auto}
.flex {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
/* catchuoi */
.catchuoi1 {-webkit-line-clamp: 1;white-space: inherit;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}
.catchuoi2 {-webkit-line-clamp: 2;white-space: inherit;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}
.catchuoi3 {-webkit-line-clamp: 3;white-space: inherit;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}
.catchuoi4 {-webkit-line-clamp: 4;white-space: inherit;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}
.catchuoi5 {-webkit-line-clamp: 5;white-space: inherit;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}
.catchuoi6 {-webkit-line-clamp: 6;white-space: inherit;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}
.catchuoi7 {-webkit-line-clamp: 7;white-space: inherit;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}
.catchuoi8 {-webkit-line-clamp: 8;white-space: inherit;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}
/* catchuoi */
.title-main {margin-bottom: 1.5rem;text-align: center;display: none;}
.title-main span {display: block;font-size: 33px;color: var(--maincolor);font-family: var(--fonttc);text-transform: uppercase;font-weight: normal;line-height: 1.5;margin: 0;padding-bottom: 10px;position: relative;}
.title-main span:before{position:absolute;content:'';width: 65px;height: 2px;background: #232323;bottom: 0;left: 0;right: 0;margin: auto;}
.time-main {margin-bottom: 0.75rem;color: #999999}
.time-main i {vertical-align: top;margin: 3px 7px 0px 0px}
.time-main span {vertical-align: top;display: inline-block}
.share {padding: 17px 15px 10px 15px;line-height: normal;background: rgba(128,128,128,0.15);margin-top: 15px;border-radius: 5px}
.share b {display: block;margin-bottom: 5px}
.control-owl {position: absolute;width: 100%;z-index: 2;left: 0px;top: calc(50% - 45px / 2)}
.control-owl button {opacity: 0.5;top: 0px;position: absolute;outline: none;border: 0px;padding: 0px;margin: 0px;display: block;cursor: pointer;color: #ffffff;width: 45px;height: 45px;text-align: center;font-size: 25px;margin: 0px;background-color: #000000;border-radius: 3px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center}
.control-owl button:hover {opacity: 1}
.control-owl button.owl-prev {left: 20px}
.control-owl button.owl-next {right: 20px}
.form-control,.form-control-plaintext:not(textarea),.custom-select {height: calc(1em + 1.25rem + 8px)}
.custom-form-row {margin-right: -10px;margin-left: -10px}
.custom-form-row > .col,.custom-form-row > [class*="col-"] {padding-right: 10px;padding-left: 10px}
.text-sm {font-size: 0.875rem!important}
img.lazy {opacity: 0}
img:not(.initial) {-webkit-transition: opacity 1s;transition: opacity 1s}
img.initial,img.loaded,img.error {opacity: 1}
img:not([src]) {visibility: hidden}
.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}
#popup-cart .modal-title {text-transform: uppercase}
#popup-cart .modal-body .wrap-cart {padding: 0px;-webkit-box-shadow: none;box-shadow: none;border: 0px}
#popup-cart .modal-footer {padding: 0.75rem 0 0 0;border-top: 0px;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}
.buymore-cart {color: var(--maincolor);cursor: pointer;margin: 0px}
.buymore-cart i {margin-right: 2px;margin-top: 5px;vertical-align: top;font-size: 12px}
.wrap-cart {padding: 20px 15px;background: #ffffff;border: 1px solid #d8d8d8;-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.15);box-shadow: 0 0 20px rgba(0,0,0,0.15)}
.top-cart {border-right: 1px solid #eee}
.procart {padding: 20px 10px;border: 1px solid #eee;border-top: 0px}
.pic-procart {text-align: center}
.pic-procart img {max-height: 100px;height: inherit}
.pic-procart .del-procart {color: #999;font-size: 12px;display: block;margin-top: 5px;cursor: pointer}
.pic-procart .del-procart:hover {color: var(--maincolor)}
.name-procart a {font-size: 14px;color: #000;display: block}
.name-procart a:hover {color: var(--maincolor)}
.properties-procart {display: block}
.properties-procart p {display: inline-block;margin-bottom: 0px}
.properties-procart p:first-child {margin-right: 10px}
.properties-procart p strong {font-weight: 600}
.quantity-procart p {margin-bottom: 0px}
.quantity-counter-procart {border: 1px solid #dfdfdf;width: 100%;height: 30px;line-height: normal;text-align: center;border-radius: 3px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between}
.counter-procart {background-color: transparent;border: 0px;width: 30%;color: #333;outline: none;cursor: pointer;font-size: 23px}
.counter-procart:hover,.counter-procart:focus {color: var(--maincolor)}
.counter-procart:disabled {color: #ccc;cursor: not-allowed}
.counter-procart:disabled:hover {color: #ccc;cursor: not-allowed}
.counter-procart-minus {line-height: 26px}
.counter-procart-plus {line-height: 24px}
.quantity-counter-procart .quantity-procart {width: 40%;-webkit-box-sizing: border-box;box-sizing: border-box;border: 0px;border-right: 1px solid #dfdfdf;border-left: 1px solid #dfdfdf;outline: none;-webkit-box-shadow: none;box-shadow: none;padding: 0px;color: #333;text-align: center}
.price-procart {width: 20%;text-align: right}
.price-procart-rp {display: none;width: 100%;margin-bottom: 10px;font-size: 13.5px}
.price-new-cart {color: var(--maincolor);margin-bottom: 0px;font-weight: bold}
.price-old-cart {color: #999;text-decoration: line-through}
.procart-label {border: 0px;background: #eee;padding: 10px;margin: 0px;text-transform: capitalize}
.money-procart {margin-top: 15px}
.total-procart {background: #eee;padding: 7px 10px;border: 1px solid #dddfe2;margin-bottom: -1px;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}
.total-procart p {margin-bottom: 0px;font-size: 15px}
.total-procart p:last-child {color: var(--maincolor);font-weight: bold}
.section-cart {position: -webkit-sticky;position: sticky;top: 15px}
.title-cart {font-size: 15px;text-transform: uppercase;color: var(--maincolor);border-bottom: 1px solid #eee;padding-bottom: 5px;margin-bottom: 15px;font-weight: bold}
.information-cart {margin-bottom: 1.5rem}
.input-cart {margin-bottom: 0.5rem;position: relative}
.input-cart textarea {resize: none;height: 100px}
.input-cart select {cursor: pointer}
.payments-cart {text-align: left;margin-bottom: 5px;min-height: auto}
.payments-cart:last-child {margin-bottom: 0px}
.payments-cart input {top: calc(50% - 1.25rem / 2)}
.payments-label {cursor: pointer;background: #eee;display: block;padding: 10px 15px;border-radius: 3px;margin-bottom: 0px;color: #313131!important}
.payments-label::before,.payments-label::after {top: calc(50% - 1rem / 2)}
.payments-label.active {background: var(--maincolor);color: #ffffff!important}
.payments-info {opacity: 0;visibility: hidden;height: 0px;overflow: hidden;background: #f5efef;border-radius: 5px}
.payments-info p {margin-bottom: 1em}
.payments-info.active {padding: 10px 15px;margin-top: 5px;opacity: 1;visibility: visible;height: auto}
.btn-cart {text-transform: capitalize}
.empty-cart {padding: 25px 30px;display: block;text-align: center;color: #23527c!important;width: 100%;border: 1px solid #c00;border-top: 0;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.empty-cart i {color: red;font-size: 70px}
.empty-cart p {margin: 15px 0px;color: #333;font-size: 18px}
.comment-title {font-size: 18px}
.comment-show {display: block!important}
.comment-point {font-size: 47px;color: #cc0000}
.comment-star {font-size: 0;position: relative;display: inline-block;vertical-align: top;margin-bottom: 0.5rem}
.comment-star span {display: block;position: absolute;top: 0;left: 0px;bottom: 0;z-index: 1;overflow: hidden;text-align: left;white-space: nowrap}
.comment-star i {display: inline-block;margin: 0.1rem;color: #b8b8b8;text-rendering: auto;font-size: 20px}
.comment-star i:nth-child(1) {margin-left: 0}
.comment-star span i {color: #ffc120}
.comment-progress {width: 100%;margin-bottom: 0.375rem;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}
.comment-progress:last-child {margin-bottom: 0px}
.comment-progress .progress {height: 12px;margin-right: 10px;margin-left: 5px;width: calc(100% - 90px);border-radius: 10px}
.comment-progress .progress-bar#has-rate {background-color: #cc0000}
.comment-progress .progress-num {font-size: 15px;width: 25px;text-align: center;color: #787878}
.comment-progress .progress-total {font-weight: 600;text-align: left;color: #787878;width: 50px}
.comment-write {display: none}
.review-rating-star {font-size: 0}
.review-rating-star-icon .fa {font-weight: 400;font-style: normal;display: inline-block;margin: 0.1rem;font-size: 21px;cursor: pointer;color: #f0c808}
.review-rating-star-icon .fa.star-empty {color: #dedddc}
.review-rating-star-icon .fa.star-not-empty {color: #f0c808}
.review-rating-star-icon .fa:nth-child(1) {margin-left: 0}
.review-fileuploader {padding: 20px 15px;text-align: center;background-color: #ffffff;cursor: pointer;border: 2px dashed #c2cdda;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center}
.review-fileuploader .review-fileuploader-text {color: #90a0bc}
.review-file-uploader .fileuploader {padding: 0px;margin: 0px;background: transparent}
.review-file-uploader .fileuploader-items .fileuploader-items-list {margin: 1rem -5px 0 -5px}
.review-file-uploader .fileuploader-items .fileuploader-items-list:after {display: block;content: "";clear: both}
.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item {padding: 0px;width: calc(100% / 7 - 10px);float: left;margin: 0 5px 5px 5px;border-bottom: 0px}
.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .columns {display: block}
.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .column-thumbnail {width: auto;height: auto}
.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .column-thumbnail .fileuploader-item-image {height: auto;padding: 50% 0}
.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .column-thumbnail .fileuploader-item-image img {position: absolute;top: 0px;left: 0px;max-width: 100%;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;-webkit-transform: none;transform: none}
.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .column-title {padding: 0px;margin-top: 0.5rem;text-align: center;display: none}
.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .column-actions {margin: 0px;position: absolute;top: 0px;right: -5px}
.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .column-infos input {border: 1px solid #dddddd;border-radius: 0.25rem}
.review-poster-video-avatar {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start}
.review-poster-video-avatar .avatar-detail {width: 95px;height: 95px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center}
.review-poster-video-avatar .avatar-detail img {max-width: 95px;max-height: 95px}
#review-content {height: 350px}
.carousel-comment-media .carousel-control a {opacity: 1;width: 45px;height: 45px;top: calc(50% - 45px / 2);bottom: inherit}
.carousel-comment-media .carousel-control a span {display: block;cursor: pointer;color: #222222;width: 45px;height: 45px;padding: 5px;text-align: center;background-color: #ffffff;-webkit-box-shadow: 0 1px 12px 0 rgba(0,0,0,0.12);box-shadow: 0 1px 12px 0 rgba(0,0,0,0.12);border-radius: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center}
.carousel-comment-media .carousel-control a.carousel-control-prev {left: 20px}
.carousel-comment-media .carousel-control a.carousel-control-prev span {padding-right: 9px}
.carousel-comment-media .carousel-control a.carousel-control-next {right: 20px}
.carousel-comment-media .carousel-control a.carousel-control-next span {padding-left: 8px}
.carousel-comment-media .carousel-indicators {position: static;margin: 0px 0px 0.75rem 0px;text-align: left;display: block}
.carousel-comment-media .carousel-indicators li {width: auto;max-width: 60px;height: auto;text-indent: inherit;-webkit-box-flex: 0;-ms-flex: none;flex: none;margin: 0px 0px 3px 0px;border: 2px solid transparent;opacity: 1;cursor: -webkit-zoom-in;cursor: zoom-in}
.carousel-comment-media .carousel-indicators li.active {border-color: #ffc120;cursor: -webkit-zoom-out;cursor: zoom-out;-webkit-transform: scale(1.05);transform: scale(1.05)}
.carousel-comment-media .carousel-inner {max-width: 550px;-webkit-box-shadow: 0 1px 12px 0 rgba(0,0,0,0.12);box-shadow: 0 1px 12px 0 rgba(0,0,0,0.12)}
.carousel-comment-media .carousel-inner .carousel-lists .carousel-comment-media-item-video #file-video {max-width: 100%;width: 100%;height: 500px;vertical-align: top;display: inline-block;background-color: #000000}
#form-reply {display: none}
.comment-item {margin-bottom: 3rem}
.comment-item-poster {width: 200px;margin-right: 30px;text-align: center}
.comment-item-letter {border-radius: 50%;background-color: #d3d2d3;color: #919090;width: 65px;height: 65px;text-transform: uppercase;display: inline-block;vertical-align: top;line-height: 67px;font-size: 18px;font-weight: 700;margin-bottom: 0.5rem}
.comment-item-name {margin-bottom: 0.25rem;text-transform: capitalize}
.comment-item-posttime {font-size: 12px;color: #999999}
.comment-item-information {width: calc(100% - 230px)}
.comment-item-star {float: left;margin-right: 10px}
.comment-item-star i {font-size: 17px}
.comment-item-title {font-size: 15px;font-weight: 500}
.comment-replies {position: relative;background: #f8f9fa;border: 1px solid #dfdfdf;padding: 1.75rem 1.5rem}
.comment-replies:after {content: "";position: absolute}
.comment-replies:before {content: "";position: absolute;z-index: 1;top: -13px;left: 10px;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 13px solid #f8f9fa}
.comment-replies:after {top: -14px;left: 9px;border-left: 11px solid transparent;border-right: 11px solid transparent;border-bottom: 14px solid #dfdfdf}
.comment-replies-item {margin-bottom: 1.5rem;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}
.comment-replies-item:last-child {margin-bottom: 0px}
.comment-replies-letter {width: 45px;height: 45px;margin-right: 10px;line-height: 45px;padding-left: 1px;font-size: 14px;border-radius: 50%;background-color: #e5e3e5;color: #919090;text-transform: uppercase;display: inline-block;vertical-align: top;font-weight: 500;text-align: center;margin-top: 0.125rem}
.comment-replies-letter.admin {position: relative;background-color: #189eff;text-indent: 9999px;overflow: hidden}
.comment-replies-letter.admin:before {content: "QTV";text-indent: 0px;color: #ffffff;font-weight: 500;text-transform: uppercase;font-size: 13px;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%)}
.comment-replies-info {width: calc(100% - 55px)}
.comment-replies-name {font-weight: 500;margin-bottom: 0.125rem}
.comment-replies [class*="btn-load-more-"] {border: 0px;outline: none;padding: 0px;background: transparent}
.comment-media-play {z-index: 1;position: absolute;top: 50%;left: 50%;-webkit-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%)}
.comment-media-play svg {-webkit-box-shadow: 1px 1px 15px rgba(0,0,0,0.3);box-shadow: 1px 1px 15px rgba(0,0,0,0.3);border-radius: 50%;background-color: rgba(255,255,255,0.15)}
.comment-media-play svg .comment-media-play-stroke-dotted {opacity: 0;stroke-dasharray: 4,5;stroke-width: 1px;-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%;-webkit-animation: spin 4s infinite linear;animation: spin 4s infinite linear;-webkit-transition: opacity 1s ease,stroke-width 1s ease;transition: opacity 1s ease,stroke-width 1s ease}
.comment-media-play svg .comment-media-play-stroke-solid {stroke-dashoffset: 0;stroke-dasharray: 300;stroke-width: 4px;-webkit-transition: stroke-dashoffset 1s ease,opacity 1s ease;transition: stroke-dashoffset 1s ease,opacity 1s ease}
.comment-media-play svg .comment-media-play-icon {-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%;-webkit-transition: -webkit-transform 200ms ease-out;transition: -webkit-transform 200ms ease-out;transition: transform 200ms ease-out;transition: transform 200ms ease-out,-webkit-transform 200ms ease-out}
.comment-media-play:hover svg .comment-media-play-stroke-dotted {stroke-width: 4px;opacity: 1}
.comment-media-play:hover svg .comment-media-play-stroke-solid {opacity: 0;stroke-dashoffset: 300}
.comment-media-play:hover svg .comment-media-play-icon {-webkit-transform: scale(1.05);transform: scale(1.05)}
.header{background-color: #F8F8F8;position: relative;z-index: 999;}
.header-top{color:#ffffff;background-color:var(--maincolor)}
.header-top .wrap-content{padding:6px 0px;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}
.info-header{margin-bottom:0px;color: #232323;font-family: ml-sb;font-weight: normal;line-height: 1.5;padding-left: 30px;margin-left: 35px;font-size: 18px;}
.info-header:nth-child(1){background: url(../images/ic1.png) no-repeat center left;}
.info-header:nth-child(2){background: url(../images/ic2.png) no-repeat center left;}
.header-bottom .wrap-content{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;position: relative;padding: 5px 0;min-height: 80px;}
.header-bottom{}
.logo-header{}
.logo-header img{}
.banner-header{align-items: center;flex-wrap: wrap;}
.social{list-style:none;margin: 0;padding: 0;padding-left: 40px;}
.social li{display: inline-block;vertical-align:top;line-height: 0;margin: 0;margin-right: 3px;}
.social li span{display: inline-block;line-height: 28px;font-weight: normal;margin-right: 10px;}
.social li a{display:inline-block;line-height: 0;margin: 0;}
.social li a img:hover{transition:1s;transform:rotate(360deg);}
.social li a img{max-height: 27px;}
.social li:last-child{margin-right: 0px;}
.hotline-header{display:inline-block;background: url(../images/hotline.png) no-repeat left center;padding-left: 25px;}
.hotline-header p{font-weight:bold;margin-bottom:-2px;text-transform:capitalize;color:#333}
.hotline-header span{font-weight:bold;color:var(--maincolor);font-size:20px;display:block}
.email-header{display:inline-block;background: url(../images/email.png) no-repeat left center;padding-left: 25px;display: none;}
.email-header p{font-weight:bold;margin-bottom:-2px;text-transform:capitalize;color:#333}
.email-header span{font-weight:bold;color:var(--maincolor);font-size:20px;display:block}
.user-header a{color:#ffffff;padding-right:9px;margin-right:7px;position:relative;display:inline-block;vertical-align:top;text-decoration:none}
.user-header a:after{content:"";position:absolute;width:1px;height:8px;background-color:#ffffff;top:calc(50% - 7px / 2);right:0px;opacity:0.7}
.user-header a:last-child{padding-right:0px;margin-right:0px}
.user-header a:last-child:after{display:none}
.menu{position:sticky;z-index:997;position:-webkit-sticky;top:0;background: #fff;box-shadow: 0 0 5px rgb(0 0 0 / 50%);min-height: 50px;}
.menu ul{width:100%;padding:0px;margin:auto;list-style:none}
.menu ul.menu-main{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;/* position: relative; */}
.menu ul li{/* position:relative; *//* z-index:1; */}
.menu ul li.li-home{}
.menu ul li.li-home a{/* padding-left: 0; */}
.menu ul li.li-home a img{filter: brightness(0.2);}
.menu ul li.menu-line{width:1px;height:15px;background-color:rgba(0,0,0,0.1);display: none;}
.menu ul li a{display:block;position:relative;font-size: 17px;color: #000;padding: 12px 10px;text-decoration:none;font-weight: normal;font-family: 'ml-sb';text-transform: uppercase;}
.menu ul li a.has-child{padding-right: 17px;margin-right: 5px;}
.menu ul li a.has-child:after{content:"";position:absolute;bottom:calc(50% - 4px / 2);right: 0;width: 8px;height: 8px;border: 1px solid #000;border-top:0px;border-left:0px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.menu ul li a:hover,.menu ul li a.active{color: var(--maincolor);}
.menu ul li.li-home a:hover img,.menu ul li.li-home a.active img{filter: none;}
.menu ul li a:hover.has-child:after,.menu ul li a.active.has-child:after{border-color: var(--maincolor);}
.menu ul li ul{position:absolute;min-width:250px;max-width: 250px;margin-top: 0;padding-top: 0;padding-bottom: 0;background-color:#fafafa;border-radius: 0;-webkit-box-shadow:1px 1px 15px rgba(0,0,0,0.15);box-shadow:1px 1px 15px rgba(0,0,0,0.15);-webkit-transform:perspective(600px) rotateX(-90deg);transform:perspective(600px) rotateX(-90deg);-webkit-transform-origin:0 0 0;transform-origin:0 0 0;opacity:0;visibility:hidden}
.menu ul li:hover > ul{-webkit-transform:perspective(600px) rotateX(0);transform:perspective(600px) rotateX(0);transform-origin:0 0 0;-webkit-transform-origin:0 0 0;opacity:1;visibility:visible}
.menu ul li ul li{padding-left:0.75rem;padding-right:0.75rem}
.menu ul li ul li a{font-size:14px;color:#313131;border-bottom:1px solid #ececec;padding:10px 0px 9px 0px;text-transform:capitalize}
.menu ul li ul li a.has-child{margin-right:0px}
.menu ul li ul li a.has-child:after{border-color:#313131;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.menu ul li ul li a.active{color:#ec2d3f}
.menu ul li ul li a.active.has-child:after{border-color:#ec2d3f}
.menu ul li ul li:last-child > a{border-bottom:0px}
.menu ul li ul li:hover > a{color:var(--maincolor)}
.menu ul li ul li:hover > a.has-child:after{border-color:var(--maincolor)}
.menu ul li ul li ul{top: 0;left:100%;margin-top:0px}
/* Search */
.search{width: 22%;background:#fff;height: 35px;position: absolute;bottom: -40px;right: 0;border: none;border-radius: 5px;box-shadow: 0 0 5px rgb(0 0 0 / 68%);}
.search p{float:left;width:35px;height:35px;line-height: 35px;cursor:pointer;text-align:center;margin:0px;color: var(--maincolor);font-size: 18px;}
.search input{width:calc(100% - 35px);height: 35px;float:left;outline:none;padding:0px;border:0px;background:transparent;text-indent:10px;font-size: 13px;color: #666;}
.search input::-webkit-input-placeholder{color:#666;}
.search input:-moz-placeholder{color:#666;}
.search input::-moz-placeholder{color:#666;}
.search input:-ms-input-placeholder{color:#666;}
.menu-res{height:55px;z-index:997;background:var(--maincolor);position:sticky;display:none;position:-webkit-sticky;top:0;}
.menu-bar-res{height:55px;padding:0px 15px;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}
#menu{display:none}
#hamburger{display:block;width:45px;height:23px;position:relative}
#hamburger:before,#hamburger:after,#hamburger span{background:#ffffff;content:"";display:block;width:100%;height:3px;position:absolute;left:0px}
#hamburger:before{top:0px}
#hamburger span{top:10px}
#hamburger:after{top:20px}
#hamburger:before,#hamburger:after,#hamburger span{-webkit-transition:none 0.5s ease 0.5s;transition:none 0.5s ease 0.5s;-webkit-transition-property:transform,top,bottom,left,opacity;-webkit-transition-property:top,bottom,left,opacity,-webkit-transform;transition-property:top,bottom,left,opacity,-webkit-transform;transition-property:transform,top,bottom,left,opacity;transition-property:transform,top,bottom,left,opacity,-webkit-transform}
.mm-wrapper_opening #hamburger:before,.mm-wrapper_opening #hamburger:after{top:10px}
.mm-wrapper_opening #hamburger span{left:-50px;opacity:0}
.mm-wrapper_opening #hamburger:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.mm-wrapper_opening #hamburger:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.mm-menu_opened{display:block!important}
.mm-slideout{z-index:unset}
.slideshow{position:relative;overflow:hidden;height: calc(100vh - 130px);}
.slideshow-item{display:block;cursor:pointer}
.slideshow:hover .control-slideshow{opacity:1}
.control-slideshow{opacity:0}
.wrap-partner{padding:0px 15px}
.wrap-partner .wrap-content{position:relative}
.partner{display:block;border:1px solid #eee;max-width:175px;margin:0px auto}
.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:#6c757d}
.hover_sang1 {position: relative;overflow: hidden;}
.hover_sang1:before {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255,255,255,0.5);content: '';z-index: 10;-webkit-transition: -webkit-transform 0.6s;transition: transform 0.6s;-webkit-transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0);transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0);}
.hover_sang1:hover:before {-webkit-transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,120%,0);transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,120%,0);}
.hover_sang2 {position: relative;overflow: hidden;}
.hover_sang2:before {position: absolute;top: 0;left: -85%;z-index: 10;display: block;content: '';width: 50%;height: 100%;background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);-webkit-transform: skewX(-25deg);transform: skewX(-25deg);}
.hover_sang2:hover:before {transition: 1s;left: 100%;}
.hinh_mo {position: relative;z-index: 2;}
.hinh_mo:before {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;;background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000',GradientType=0 );}
.trang_den {filter: grayscale(100%);-moz-filter: grayscale(100%);-webkit-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);}
.trang_den:hover {filter: grayscale(0%);-moz-filter: grayscale(0%);-webkit-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);}
.zoom_hinh {overflow: hidden;}
.zoom_hinh img {transition: all 0.5s ease 0s;}
.zoom_hinh:hover img {transform: scale(1.2);}
.xoay_hinh {overflow: hidden;}
.xoay_hinh img {transition: all 1s ease 0s;}
.xoay_hinh:hover img {transform: rotate(360deg);}
.zoom_mo {position: relative;}
.zoom_mo:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;background-color: rgba(255, 255, 255, 0.2);-webkit-transform: scale(0.2);-ms-transform: scale(0.2);-o-transform: scale(0.2);transform: scale(0.2);-webkit-transition: ease-in-out 500ms;-o-transition: ease-in-out 500ms;transition: ease-in-out 500ms;z-index: 1;}
.zoom_mo:hover:before {-webkit-transform: scale(1.0);-ms-transform: scale(1.0);-o-transform: scale(1.0);transform: scale(1.0);opacity: 1;}
.hover_sang3 {overflow: hidden;position: relative;}
.hover_sang3:before {position: absolute;content: '';width: 100%;height: 100%;top: 0;left: 0;z-index: 1;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;}
.hover_sang3:after {position: absolute;content: '';width: 100%;height: 100%;top: 0;left: 0;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;}
.hover_sang3:hover:before {right: 50%;left: 50%;width: 0;background: rgba(255, 255, 255, 0.5);}
.hover_sang3:hover:after {height: 0;top: 50%;bottom: 50%;background: rgba(255, 255, 255, 0.5);}
.wrap-intro{background-color:#eeeadd}
.news-intro:before{content:"";position:absolute;width:1px;height:calc(100% - 50px);top:10px;left:90px;background-color:#cacaca}
.news-scroll:before,.news-scroll:after{content:"";position:absolute;width:10px;height:10px;left:85px;border-radius:100%;background-color:#cacaca}
.news-scroll:before{top:10px}
.news-scroll:after{bottom:40px}
.news-control{left:85px;font-size:13px;opacity:0.5;z-index:1;cursor:pointer}
.news-control:hover{opacity:1;color:#ec2d3f}
.news-control#up{top:-10px}
.news-control#down{bottom:20px}
.news-shadow{padding-bottom:30px;}
.news-shadow .news-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;position: relative;}
.news-shadow .news-shadow-time{font-size:13px;width:75px;margin-right:45px;}
.news-shadow .news-shadow-time:after{content:"";position:absolute;width:20px;height:20px;top:calc(50% - 20px / 2);right:-26px;background-repeat:no-repeat;background-position:center;background-image:url(../images/pattern-news.png)}
.news-shadow .news-shadow-article{width:calc(100% - 120px);padding:14px 15px;border-radius:10px;background-color:#ffffff;border:1px solid #cecabb;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;}
.news-shadow .news-shadow-article:before{content:"";position:absolute;top:calc(50% - 26px / 2);left:-13px;z-index:0;border-top:13px solid transparent;border-right:13px solid #cecabb;border-bottom:13px solid transparent}
.news-shadow .news-shadow-article:after{content:"";position:absolute;top:calc(50% - 24px / 2);left:-11px;z-index:1;border-top:12px solid transparent;border-right:11px solid #ffffff;border-bottom:12px solid transparent}
.news-shadow .news-shadow-article .news-shadow-image{margin-right:10px;width:90px}
.news-shadow .news-shadow-article .news-shadow-info{width:calc(100% - 100px)}
.news-shadow .news-shadow-article .news-shadow-info .news-shadow-name{height:36px;font-size:15px;font-weight:700}
.news-shadow .news-shadow-article .news-shadow-info .news-shadow-name a{color:#222222}
.news-shadow .news-shadow-article .news-shadow-info .news-shadow-name a:hover{color:#ec2d3f}
.news-shadow .news-shadow-article .news-shadow-info .news-shadow-name a .text-split{-webkit-line-clamp:2}
.news-shadow .news-shadow-article .news-shadow-info .news-shadow-desc{height:38px;font-size:13px}
.news-shadow .news-shadow-article .news-shadow-info .news-shadow-desc.text-split{-webkit-line-clamp:2}
/* Album */
.album {cursor: pointer;  width: calc( 25% - 20px);margin: 10px 10px;text-align:center;cursor:pointer;}
.album-image {margin-bottom: 0.75rem;}
.pic-album{position:relative;}
.pic-album img{width:100%;}
.name-album{font-size:16px;color:#000;margin-bottom:0px;}
.album-name {margin-bottom: 0px;  text-align: center;}
.album-name a {display: block;  font-size: 16px;  color: #212529;  margin-bottom: 0px;}
/* Album */
.wrap-brand{margin-bottom:50px;padding:0px 15px}
.wrap-brand .wrap-content{position:relative}
.brand{display:block;border:1px solid #eee;max-width:160px;margin:0px auto}
.wrap-product{padding: 30px 0;}
.product{width: calc(20% - 14px);margin: 7px;position:relative;text-align: center;border: 1px solid #eee;}
.box-product{position:relative;display:block;}
.pic-product{background:#ffffff;}
.pic-product img{width:100%;}
.info-product{padding: 10px 0;}
.name-product{font-size:16px;color: #232323;font-family: 'ml-sb';font-weight: normal;line-height: 1.5;margin-bottom: 0;}
.name-product:hover{color: var(--maincolor);}
.name-product.text-split{-webkit-line-clamp: 2;}
.price-product{margin-bottom:0px;padding-top: 5px;color: #232323;}
.price-product span{font-weight: normal;}
.price-new{font-size:15px;font-weight: normal;color:#f00;font-family: var(--fonttd);}
.price-old{padding-left:10px;font-size: 13px;color:#6c757d;text-decoration: line-through;}
.price-per{position:absolute;top: 10px;right: 10px;color:#ffffff;background:var(--maincolor);font-size:11px;border-radius: 4px;min-width: 40px;height:25px;text-align:center;line-height:25px}
.cart-product{margin-bottom:0px;margin-top: 5px;}
.cart-product span{cursor:pointer;color:#ffffff;text-transform:capitalize;text-align:center;background: #000;border-color: #000;}
.cart-product span:hover{background: none !important;color: #000 !important;border-color: #000 !important;}
.cart-product span:nth-child(2){background: #f00;border-color: #f00;}
.grid-pro-detail{margin-bottom:3rem}
.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:20px;display:block;font-weight: normal;font-family: var(--fonttd);line-height: 1.5;}
.comment-pro-detail{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
.social-plugin-pro-detail{margin-bottom:1rem;margin-top:0px!important}
.desc-pro-detail{margin-bottom:1rem;font-size: 15px;line-height: 1.6;}
.attr-pro-detail{list-style:none;padding:0px}
.attr-pro-detail li{margin-bottom:0.5rem;font-size: 15px;}
.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: normal;font-size:20px;color: var(--color-medium-red);font-family: var(--fonttc);}
.price-old-pro-detail{font-weight:500;color:#6c757d;text-decoration:line-through;padding-left:10px}
.color-pro-detail{cursor:pointer;display:inline-block;vertical-align:top;position:relative;width:35px;height:30px;margin:0px 0px 3px 0px;border:1px solid transparent;background-repeat:no-repeat;background-size:contain;background-position:center center}
.size-pro-detail{cursor:pointer;border:1px solid #ccc;padding:3px 10px 4px 10px;display:inline-block;position:relative}
.size-pro-detail.active{border-color:#e5101d;color:#e5101d}
.color-pro-detail.active{border-color:#e5101d;color:#e5101d}
.size-pro-detail.active:after{content:"";position:absolute;bottom:0px;right:0px;width:13px;height:13px;background-repeat:no-repeat;background-image:url(../images/check-cart.png)}
.color-pro-detail.active:after{content:"";position:absolute;bottom:0px;right:0px;width:13px;height:13px;background-repeat:no-repeat;background-image:url(../images/check-cart.png)}
.color-pro-detail input[type="radio"]{display:none}
.size-pro-detail input[type="radio"]{display:none}
.quantity-pro-detail{width:100%;max-width:110px;line-height:normal;text-align:center;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}
.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}
.cart-pro-detail a{font-size:14px;color:#ffffff!important;text-transform:uppercase}
.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:13px;text-transform: uppercase;color: #333;font-family: var(--fonttd);}
.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}
.othernews b{margin-bottom:10px}
.list-news-other{padding-left:17px;list-style:square}
.list-news-other li{margin-bottom:2px}
.list-news-other li a{text-transform:none;color:#333333;line-height: 1.5;}
.list-news-other li a:hover{color:var(--maincolor)}
.contact-article{margin-bottom:3rem}
.contact-input{position:relative;margin-bottom:15px}
.contact-input textarea{resize:none;height:150px}
.contact-input .custom-file-label::after{content:attr(title)}
.contact-map{position:relative;height:500px}
.contact-map iframe{position:absolute;top:0px;left:0px;width:100%!important;height:100%!important}
.footer{background: linear-gradient(180deg, #D9D9D9 0%, #FFFFFF 37.26%);}
.footer-article{}
.footer-article .wrap-content{padding: 80px 0px 45px 0;}
.footer-title{font-size: 20px;font-family: var(--fonttc);margin-bottom: 10px;font-weight: normal;color: var(--maincolor);line-height: 1.5;}
.footer-ul{list-style:none;padding:0px;margin:0px}
.footer-ul li{margin-bottom:10px}
.footer-ul li:last-child{margin-bottom:0px}
.footer-ul li a{color:#212529}
.footer-ul li a:hover{text-decoration:none;color:var(--maincolor)}
.footer-tags{background:#eee}
.footer-tags .wrap-content{padding:30px 15px}
.footer-tags-lists{list-style:none;padding:0px;margin:0px}
.footer-tags-lists li{float:left}
.footer-tags-lists li a{padding-bottom:0.375rem}
.footer-powered{color: #232323;font-size: 13px;}
.footer-powered .wrap-content{padding: 13px 0;border-top: 1px solid rgba(35, 35, 35, 0.2);}
.footer-statistic{text-align:right}
.footer-statistic span{
    font-family: var(--fonttd);
}
.footer-statistic span:last-child{padding-right:0px}
#footer-map{position:relative;height: 265px;}
#footer-map iframe{position:absolute!important;width:100%!important;height:100%!important;top:0px!important;left:0px!important}
.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}
.pagination-home{padding-top:15px;}
.pagination-home .pagination .page-item .page-link{color:#555555;font-size:0.875rem}
.pagination-home .pagination .page-item.active .page-link{color:#ffffff;background-color: var(--maincolor);border-color: var(--maincolor);}
.pagination-ajax{text-align:center}
.pagination-ajax a{display:inline-block;vertical-align:top;margin:0px 3px 3px 3px;width:35px;height:35px;line-height:33px;color:#666!important;border:1px solid #e6e6e6;font-size:13px;cursor:pointer;text-decoration:none!important;background-color:#ffffff}
.pagination-ajax a.current,.pagination-ajax a:hover{color:#ffffff!important;border-color:#ec2d3f;background-color:#ec2d3f}
.pagination-ajax a.first,.pagination-ajax a.last,.pagination-ajax a.prev,.pagination-ajax a.next{text-indent:-9999px;position:relative;background-color:#ffffff!important}
.pagination-ajax a.first:before,.pagination-ajax a.last:before,.pagination-ajax a.prev:before,.pagination-ajax a.next:before{content:"";position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:2;background-color:transparent;background-repeat:no-repeat;background-position:center}
.pagination-ajax a.first:before{background-image:url(../images/page-first.png)}
.pagination-ajax a.last:before{background-image:url(../images/page-last.png)}
.pagination-ajax a.prev:before{background-image:url(../images/page-prev.png)}
.pagination-ajax a.next:before{background-image:url(../images/page-next.png)}
#popup .modal-body{padding:0px}
#popup-map iframe{width:100%}
#popup button.close,#popup-map button.close,#popup-baogia button.close{width: 40px;height: 40px;display: block;position: absolute;right: 10px;top: 10px;z-index: 5;text-align: center;line-height: 40px;border-radius: 50%;box-shadow: 0 0 10px #000 !important;background: #f00;opacity: 1;color: #fff;}
.grecaptcha-badge{display:none!important;width:0px!important;height:0px!important;visibility:hidden!important;overflow:hidden}
coccocgrammar{display:none}
.scrollToTop{width:50px;height:50px;text-align:center;font-weight:bold;color:#444;text-decoration:none;position:fixed;bottom:65px;right:25px;display:none;z-index:10;cursor:pointer}
.scrollToTop img{border-radius: 50%}
.text-split{overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:3}
.transition,.control-owl button,.carousel-comment-media .carousel-control a span,.menu ul li a.has-child:after,.menu ul li ul,.menu ul li:hover > ul,.scale-img img,.scale-img:hover > img,.btn-frame .kenit-alo-circle-fill,.support-online .kenit-alo-circle-fill{-webkit-transition:0.3s all;transition:0.3s all}
.scale-img{overflow:hidden;display:block}
.scale-img img{-webkit-transform:scale(1,1);transform:scale(1,1)}
.scale-img:hover > img{-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}
.blink{-webkit-animation-name:blink;-webkit-animation-duration:1s;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:infinite;-moz-animation-name:blink;-moz-animation-duration:1s;-moz-animation-timing-function:linear;-moz-animation-iteration-count:infinite;animation-name:blink;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite}
.btn-frame{display:block;width:50px;height:50px;position:fixed;right:20px;z-index:997;cursor:pointer}
.btn-frame i{width:50px;height:50px;border-radius:50%;background: #0068ff;position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.btn-frame i img{vertical-align:middle;width:70%}
.btn-frame .animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.btn-frame .kenit-alo-circle{width:60px;height:60px;top:-5px;right:-5px;position:absolute;background-color:transparent;border-radius:100%;border:2px solid rgba(7,41,103,0.8);opacity:0.1;border-color: #0068ff;opacity:0.5}
.btn-frame .zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}
.btn-frame .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.btn-frame .kenit-alo-circle-fill{width:70px;height:70px;top:-10px;right:-10px;position:absolute;border-radius:100%;border:2px solid transparent;background-color: rgb(0 104 255 / 35%);opacity:0.4}
.btn-frame .pulse{-webkit-animation-name:pulse;animation-name:pulse}
.btn-zalo{bottom:315px}
.btn-zalo1{bottom:230px}
.btn-phone{bottom:230px}
.js-facebook-messenger-container.closed{display:none!important}
.js-facebook-messenger-tooltip{bottom:97px;right:97px;color:#404040;background:#fff}
.js-facebook-messenger-tooltip.closed{display:none!important}
.js-facebook-messenger-box,.js-facebook-messenger-button{z-index:999}
.js-facebook-messenger-tooltip{z-index:999;display:none;position:fixed;text-align:center;border-radius:10px;overflow:hidden;font-size:12px;line-height:1;padding:10px;border:1px solid rgba(0,0,0,0.1);-webkit-box-shadow:rgba(0,0,0,0.15) 0 2pt 10pt;box-shadow:rgba(0,0,0,0.15) 0 2pt 10pt;z-index:1000000000000000019884624838656}
.js-facebook-messenger-close-tooltip{width:10px;height:10px;display:inline-block;cursor:pointer;margin-left:10px}
.js-facebook-messenger-box{z-index:999}
.js-facebook-messenger-box.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}
.js-facebook-messenger-box.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.js-facebook-messenger-button,.js-facebook-messenger-tooltip{z-index:999}
.js-facebook-messenger-box{display:block;position:fixed;cursor:pointer;bottom:150px;right:17px;width:56px;height:56px;text-align:center;background: var(--maincolor);border-radius:100%;overflow:hidden;z-index:99;-webkit-box-shadow:1px 1px 4px 0 rgba(0,0,0,0.3);box-shadow:1px 1px 4px 0 rgba(0,0,0,0.3);/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0094fe+0,476bff+21,9836fd+41,c440c7+61,f34e8a+80,fd6a65+100 */background: rgb(0,148,254); /* Old browsers */background: -moz-linear-gradient(45deg,  rgba(0,148,254,1) 0%, rgba(71,107,255,1) 21%, rgba(152,54,253,1) 41%, rgba(196,64,199,1) 61%, rgba(243,78,138,1) 80%, rgba(253,106,101,1) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(45deg,  rgba(0,148,254,1) 0%,rgba(71,107,255,1) 21%,rgba(152,54,253,1) 41%,rgba(196,64,199,1) 61%,rgba(243,78,138,1) 80%,rgba(253,106,101,1) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(45deg,  rgba(0,148,254,1) 0%,rgba(71,107,255,1) 21%,rgba(152,54,253,1) 41%,rgba(196,64,199,1) 61%,rgba(243,78,138,1) 80%,rgba(253,106,101,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0094fe', endColorstr='#fd6a65',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.js-facebook-messenger-box.rotate svg#fb-msng-icon{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
.js-facebook-messenger-box svg#fb-msng-icon{width:32px;height:33px;position:absolute;top:13px;left:12px;opacity:1;overflow:hidden;-webkit-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;-webkit-transition:opacity 160ms ease-in-out,-webkit-transform 160ms ease-in-out;transition:opacity 160ms ease-in-out,-webkit-transform 160ms ease-in-out;transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;transition:opacity 160ms ease-in-out,transform 160ms ease-in-out,-webkit-transform 160ms ease-in-out}
.js-facebook-messenger-box.rotate svg#close-icon{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.js-facebook-messenger-box svg#close-icon{opacity:0;width:19px;height:20px;position:absolute;top:19px;left:19px;-webkit-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;-webkit-transition:opacity 160ms ease-in-out,-webkit-transform 160ms ease-in-out;transition:opacity 160ms ease-in-out,-webkit-transform 160ms ease-in-out;transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;transition:opacity 160ms ease-in-out,transform 160ms ease-in-out,-webkit-transform 160ms ease-in-out}
.js-facebook-messenger-container,.js-facebook-messenger-container-button{z-index:1000}
.js-facebook-messenger-container{position:fixed;opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px);bottom:110px;right:90px;border-radius:10px;pointer-events:none;-webkit-box-shadow:0 1px 6px rgba(0,0,0,0.06),0 2px 32px rgba(0,0,0,0.16);box-shadow:0 1px 6px rgba(0,0,0,0.06),0 2px 32px rgba(0,0,0,0.16);-webkit-transition:transform 160ms ease-in-out,opacity 160ms ease-in-out;-webkit-transition:opacity 160ms ease-in-out,-webkit-transform 160ms ease-in-out;transition:opacity 160ms ease-in-out,-webkit-transform 160ms ease-in-out;transition:transform 160ms ease-in-out,opacity 160ms ease-in-out;transition:transform 160ms ease-in-out,opacity 160ms ease-in-out,-webkit-transform 160ms ease-in-out}
.js-facebook-messenger-top-header{width:220px;color:#ffffff;background:#1182fc;display:block;position:relative;width:220px;background:#1182fc;color:#ffffff;text-align:center;line-height:1;padding:10px;font-size:14px;border-top-left-radius:10px;border-top-right-radius:10px}
.js-facebook-messenger-container iframe,.js-facebook-messenger-container-button iframe{border-bottom-left-radius:10px;border-bottom-right-radius:10px}
.js-facebook-messenger-box,.js-facebook-messenger-button,.js-facebook-messenger-tooltip{z-index:999}
.js-facebook-messenger-container,.js-facebook-messenger-container-button{z-index:1000}
.js-facebook-messenger-top-header{color:#ffffff;background:#1182fc;width:220px}
.js-facebook-messenger-tooltip{color:#404040;background:#fff}
.js-facebook-messenger-container.open{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1;pointer-events:all}
.js-facebook-messenger-tooltip{bottom:97px;right:97px}
.js-facebook-messenger-box.open svg#fb-msng-icon{opacity:0}
.js-facebook-messenger-box.rotate.open svg#close-icon{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
.js-facebook-messenger-box.open svg#close-icon{opacity:1}
.cart-fixed{position:fixed;right:20px;bottom:390px;z-index:997;background:#4b4f56;width:50px;height:50px;text-align:center;color:#fff!important;border-radius:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.cart-fixed i{font-size:20px}
.cart-fixed span{position:absolute;top:0px;right:-5px;color:#ffffff;width:25px;height:25px;background:var(--maincolor);text-align:center;line-height:25px;font-size:11px;border-radius:100%}
.toolbar {background: var(--maincolor);width: 100%;padding: 1.5vw;bottom: 0px;position: fixed;z-index: 500;height: auto;left: 0px}
.toolbar ul {list-style: none;display: flex;align-items: center;justify-content: space-between;padding: 0px;margin: 0px}
.toolbar ul li {text-align: center;width: 25%}
.toolbar ul li a {display: block;width: 100%;cursor: pointer}
.toolbar ul li a img {height: 6vw!important;width: auto}
.toolbar ul li a span {font-weight: normal;color: #fff;font-size: 3.5vw;display: block;padding-top: 4px;}
.toolbar ul li i {font-size: 25px;color: #e3e3e3}
.fixbar{bottom:0;display:block;background:#f0eff4;border-top:1px solid #ddd;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;margin:0;z-index:500;-webkit-backface-visibility:hidden;backface-visibility:hidden;height:50px}
.fixbar ul{margin:0px;padding:0px;list-style:none}
.fixbar ul li{margin:0 auto 10px;text-align:center;width:25%;float:left}
.fixbar .icon-cart-mobile,.fixbar .icon-cart-new,.fixbar .icon-home-new,.fixbar .icon-hotdeal-new{width:20px;height:20px;display:block;margin:8px auto 0}
.fixbar .icon-cart-mobile{background:url(../images/cart-mobile.png) no-repeat}
.cart-total-header-mobile{font-size:10px;position:absolute;background:red;color:#fff!important;border-radius:50%;height:15px;width:15px;line-height:15px;top:5px;margin-left:5px}
.fixbar ul li a{font-size:11px;text-decoration:none;color:#333}
.fixbar ul li a i{font-size:20px}
.plugbar{position:fixed;bottom:0;left:0;border-top:1px solid #eae6e6;width:100%;right:0;max-width:767px;margin:0 auto;background:#ffffff;padding:9px 10px 10px 7px;z-index:10}
.plugbar ul{list-style:none;padding:0;margin:0px;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}
.plugbar ul li{width:20%;float:left}
.plugbar ul li a{display:block;color:#696969;font-size:12px;text-align:center;position:relative}
.plugbar ul li a i{font-size:20px;color:#696969}
.plugbar ul li a span{position:absolute;width:50px;height:50px;top:-40px;left:calc(50% - 50px / 2);font-size:14px;display:block;border:1px solid rgba(234,230,230,0.5);border-radius:100%}
.support-online{position:fixed;z-index:999;left:10px;bottom:0px}
.support-online a{position:relative;margin:20px 10px;text-align:left;width:40px;height:40px}
.support-online i{width:40px;height:40px;background:#43a1f3;color:#ffffff;border-radius:100%;font-size:20px;text-align:center;line-height:1.9;position:relative;z-index:999}
.support-online a{display:block}
.support-online a span{border-radius:2px;text-align:center;background:#67b634;padding:9px;display:none;width:180px;margin-left:10px;position:absolute;color:#ffffff;z-index:999;top:0px;left:40px;-webkit-transition:all 0.2s ease-in-out 0s;transition:all 0.2s ease-in-out 0s;-webkit-animation:headerAnimation 0.7s 1;animation:headerAnimation 0.7s 1}
.support-online a:hover span{display:block}
.support-online a span:before{content:"";width:0;height:0;border-style:solid;border-width:10px 10px 10px 0;border-color:transparent #67b634 transparent transparent;position:absolute;left:-10px;top:10px}
.support-online .kenit-alo-circle-fill{width:60px;height:60px;top:-10px;position:absolute;border-radius:100%;border:2px solid transparent;background-color:rgba(0,175,242,0.5);opacity:0.75;right:-10px}
.support-online .kenit-alo-circle{width:50px;height:50px;top:-5px;right:-5px;position:absolute;background-color:transparent;border-radius:100%;border:2px solid rgba(30,30,30,0.4);opacity:0.1;border-color:#0089b9;opacity:0.5}
.support-online .support-online .btn-support{cursor:pointer}
.support-online .mes i{background:orange}
.support-online .sms i{background:red}
.support-online .call-now i{background:green}
.widget-mobile{position:fixed;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:10px;z-index:9999999}
#my-phone-circle{position:relative;width:50px!important;height:50px!important}
.wcircle-open .wcircle-icon i:before{content:"\f00d"}
.wcircle-icon{background:#1282fc;border-radius:50%;position:relative!important;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.wcircle-icon:before{position:absolute;content:"";width:60px;height:60px;background:rgba(18,130,252,0.5);border:1px solid #ffffff;border-radius:50%;left:-5px;top:-5px;-webkit-animation:pulse 1s infinite ease-in-out;animation:pulse 1s infinite ease-in-out}
.wcircle-icon:after{position:absolute;content:"";width:80px;height:80px;background:rgba(18,130,252,0.5);border-radius:50%;left:-15px;top:-15px;-webkit-animation:zoomIn 2s infinite ease-in-out;animation:zoomIn 2s infinite ease-in-out}
.wcircle-menu{position:absolute!important;left:0;top:0;display:none}
.wcircle-menu-item{width:50px;height:50px;background:#1282fc;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.wcircle-menu-item img{width:50px;height:50px;display:block;border-radius:50%}
.wcircle-menu-item i{font-size:25px;color:#ffffff;position:relative;z-index:9999}
.wcircle-icon i{font-size:25px;color:#ffffff;position:relative;z-index:9999}
.shake-anim{-webkit-animation:shake-anim 1s infinite ease-in-out;animation:shake-anim 1s infinite ease-in-out;-webkit-transform-origin:50% 50%;transform-origin:50% 50%}
.page-link.active,.page-link.bg-primary{background:var(--maincolor)!important}
.page-link.active:hover,.page-link.bg-primary:hover{background:var(--maincolor)!important}
.page-link{cursor:pointer}
.boxProduct{display:grid;grid-template-columns: repeat(4,1fr);gap: 14px;}
.boxProduct > .product{margin:0!important;width:100%;min-width:100%}
.keyword-autocomplete{position:absolute;top:100%;left:0;right:0;width:100%;background:#fff;border:1px solid var(--maincolor);font-size:13px;max-height:calc(80px * 4);overflow-x:hidden;overflow-y:auto}
.autocomplete_item{display:block}
.autocomplete_item a{padding:0.2rem!important;display:flex!important;align-items:center;gap:0.5rem}
.autocomplete_item a picture{min-width:30%;max-width:30%}
.autocomplete_item a section{flex-grow:1;position:relative}
.autocomplete_item a h3{font-size:12px;color:#222;margin:0}
.autocomplete_item a p{float:none;width:100%;text-align:left;line-height:unset;height:unset}
.autocomplete_item a p span{font-size:12px}
.autocomplete_item a p span.price-per{top:0;right:0;z-index:2;width:auto;height:auto;padding:2.5px 5px;font-size:10px;line-height:unset}
.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}
.line-clamp-1{overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical}
.line-clamp-2{overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical}
.line-clamp-3{overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical}
.line-clamp-4{overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:4;display:-webkit-box;-webkit-box-orient:vertical}
.line-clamp-5{overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:5;display:-webkit-box;-webkit-box-orient:vertical}
.line-clamp-6{overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:6;display:-webkit-box;-webkit-box-orient:vertical}
.line-clamp-7{overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:7;display:-webkit-box;-webkit-box-orient:vertical}
.line-clamp-8{overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:8;display:-webkit-box;-webkit-box-orient:vertical}
.contact-form .btn-primary{background:var(--maincolor)!important;border-color:var(--maincolor)!important;min-width: 85px;}
.save-listing,.save-listing-already{position:absolute;top:10px;left:10px;z-index:2;font-size:1rem;background:var(--maincolor);width:2rem;height:2rem;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff!important;/* display: none; */}
.save-listing:hover i:before,.save-listing-already i:before{font-weight:bold}
.liked-fixed{bottom:455px;display: none;}
div.box-sanpham-tc{padding: 30px 0;}
div.css_flex_baiviet{display: flex;flex-wrap: wrap;margin: -10px;}
div.css_flex_video{display: flex;flex-wrap: wrap;margin: 0 -10px;}
div.css_flex_album{display: flex;flex-wrap: wrap;margin: 0 -10px;}
div.css_flex_product{display: flex;flex-wrap: wrap;margin: 0 -10px;padding: 0;}
div.css_flex_ajax .pro-in{display: flex;flex-wrap: wrap;margin: 0 -10px;padding: 0;}
div.css_baiviet_ngang{flex-wrap:wrap;margin: -10px;}
div.css_baiviet_ngang .news{width: calc(25% - 20px);text-align: center;}
div.css_baiviet_ngang .pic-news{width: 100%;margin: 0;}
div.css_baiviet_ngang .info-news{width: 100%;padding-top: 10px;}
div.css_baiviet_ngang .time-news,div.css_baiviet_ngang .desc-news,div.css_baiviet_ngang .view-news{display:none;}
div.wap-tin-video{display: flex;flex-wrap: wrap;justify-content: space-between;}
.left-intro{width: 49%;}
.right-intro{width: 49%;}
div.wap_footer{display: flex;flex-wrap: wrap;justify-content: space-between;}
/* bai viet */
.news{width: calc(50% - 20px);margin: 10px 10px;display:block;}
.pic-news{float:left;width: 39%;margin-bottom: 0;}
.pic-news img{width:100%;}
.info-news{float: right;width: 58%;}
.name-news{color:#333;font-size:16px;margin-bottom: 0;font-family: var(--fonttd);font-weight: normal;line-height: 1.5;-webkit-line-clamp: 2;}
.name-news:hover{color: var(--maincolor);}
.time-news{color: #333;margin: 7px 0;background: url(../images/dc.png) no-repeat center left;padding-left: 25px;font-style: italic;}
.time-news span{
    display: inline-block;
    font-family: var(--fonttd);
}
.desc-news{color:#333333;margin-top: 0;line-height: 1.7;}
.view-news{color: #c00;display: block;margin-top: 5px;display: none;}
/* bai viet */
/* Video */
.video{width: calc(25% - 20px);text-align:center;cursor:pointer;margin: 10px 10px;}
.pic-video{position:relative;}
.pic-video:before{content:"";position:absolute;width:50px;height:35px;top: 0;bottom: 0;left: 0;right: 0;z-index:1;background-repeat:no-repeat;background-image:url(../images/play.png);margin: auto;}
.pic-video img{width:100%;}
.name-video{font-family: 'ml-sb';font-size:16px;color:#000;margin-bottom:0px;font-weight: normal;line-height: 1.5;margin-top: 10px;-webkit-line-clamp: 2;}
.name-video:hover{color: var(--maincolor);}
.load-video-tc .h-r-v{width: 48%;position: absolute;right: 20px;bottom: 26px;}
.load-video-tc .h-l-v iframe{height: 540px;}
.load-video-tc div.item-duoi{ margin: 0 5px;border: 1px solid #fff;position: relative;}
.load-video-tc div.item-duoi:before{content:'';width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: url(../images/icon-video.png) no-repeat center;background-size: 30px;cursor: pointer;}
.load-video-tc div.item-duoi iframe{ width: 100%;height: 100%;}
.load-video-tc div.item-duoi span{display: block;text-align: left;}
.load-video-tc div.item-duoi span.ten{font-size: 14px;font-family: 'ro-b'}
.load-video-tc div.item-duoi span.ngay{font-size: 14px;font-family: 'ro-r'}
.load-video-tc div.item-video{position:relative}
.load-video-tc div.item-video a{position:relative;display: block;line-height: 0;cursor: pointer;}
.load-video-tc div.item-video a img{object-fit: cover;height: 419px;}
.load-video-tc div.item-video a:before {content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: url(../images/icon-video.png) no-repeat center;}
.load-video-tc{position: relative;}
/* Video */
div.wap_copy{display: flex;flex-wrap: wrap;justify-content: space-between;}
div.wap_copy .copyright,div.wap_copy .statistic{margin-bottom: 0;}
.statistic span{margin-left: 8px;}
div#main_footer ul{ list-style:none;padding: 0; margin: 0;}
div#main_footer ul li{margin:9px 0;   font-size:14px;}
div#main_footer ul li i{width:30px; height:30px;border:1px solid #f9f9f9;text-align:center;  border-radius:3px;  line-height:30px;margin-right:8px;   font-size: 18px;color: #525252;}
.footer-news:nth-child(1){width: 25.5%;font-size: 16px;color: #232323;}
.footer-news:nth-child(2){width: 45.5%;}
.footer-news:nth-child(3){width: 23.5%;}
.footer-news:nth-child(4){width:25%;}
.mxh_ft{justify-content: space-between;align-items: center;padding-bottom: 13px;}
.mxh_lk{font-size:20px;font-family: var(--fonttc);color: var(--maincolor);font-weight: normal;line-height: 1.5;}
.info_ft{padding-right:55px;padding-top: 17px;}
.social-footer{list-style:none;margin: 0;padding: 0;width: calc(100% - 90px);text-align: right;}
.social-footer li{display: inline-block;vertical-align:top;line-height: 0;margin: 0;margin-right: 3px;}
.social-footer li span{display: inline-block;line-height: 28px;font-weight: normal;margin-right: 10px;}
.social-footer li a{display:inline-block;line-height: 0;margin: 0;}
.social-footer li a img:hover{transition:1s;transform:rotate(360deg);}
.social-footer li a img{max-height: 40px;}
.social-footer li:last-child{margin-right: 0px;}
.list_monnb {display: block;text-align: center;margin-bottom: 20px;}
.list_monnb a {font-size: 16px;text-transform: uppercase;color: inherit;display: inline-block;vertical-align: top;margin: 0 9px;padding: 16px 20px;line-height: 0;cursor: pointer;transition: 0.2s;margin-bottom: 5px;border: 1px solid #1a1918;}
.list_monnb a:hover , .list_monnb a.active {color: #fff !important;background: #1a1918;}
/*tin tuc trang chu*/
div.box-tintuc-video{padding: 50px 0;}
.newshome-best{display:block;}
.newshome-best .pic-newshome-best img{width:100%;}
.info-newshome-best{width: 100%;padding-top: 17px;}
.newshome-normal-bv{}
.name-newshome{color:#000;font-size: 18px;line-height: 1.4;margin-bottom: 0;font-family: var(--fonttd);}
.name-newshome:hover{color: var(--maincolor);}
.name-newshome.text-split{-webkit-line-clamp:2;}
.time-newshome{color: #000;margin: 8px 0;font-style: italic;background: url(../images/dc.png) no-repeat center left;padding-left: 25px;}
.time-newshome p{display:inline-block;position: relative;padding-left: 25px;margin-left: 8px;}
.time-newshome p:before{position:absolute;content:'';width:16px;height:1px;background:#000;left:0;top:0;bottom:0;margin:auto;}
.time-newshome span{font-family: var(--fonttd);}
.desc-newshome{color:#000;margin-bottom:0px;-webkit-line-clamp: 3;font-size: 15px;font-weight: normal;line-height: 1.7;}
.view-newshome{display:inline-block;border:1px solid #000;padding:8px 15px;color:#000;text-transform:capitalize;margin-top:1rem;}
.view-newshome:hover{background-color:#000;color:#fff;}
.newshome-scroll{width: 100%;overflow:hidden;}
.chay-tintuc-vertical{margin:-10px 0}
.newshome-normal{/* display:block; */justify-content: space-between;margin: 10px 0;}
.pic-newshome-normal{/* float:left; */width: 40.5%;margin: 0px;}
.pic-newshome-normal img{width:100%;}
.bv_le .pic-newshome-normal{order:2;}
.info-newshome-normal{width: 56.5%;/* float: right; */}
#video-select iframe{height: 281px;}
#video-select .listvideos{width: 100%;height: 40px;padding: 0 10px;color: #000;}
/*tin tuc trang chu*/
.proprice_item_color span {width: 50px;height: 25px;border-radius: 6px;}
.prod_details_color {display: flex;justify-content: start;flex-flow: wrap;margin: 0 -5px;margin-bottom: 10px;}
.prod_details_color .align-items-center {margin: 0 5px;}
.proprice_item_color.active > span {border: 1px solid #000;border-radius: 6px;transition: 0.5s;}
.proprice_item_size a {display: flex;width: 50px;height: 25px;align-items: center;justify-content: center;background: #ddd;border-radius: 6px;}
.proprice_group {display: flex;align-items: center;justify-content: start;margin: 0 -5px;margin-bottom: 10px;}
.proprice_item_size {margin: 0 5px;}
.proprice_item_size.active > a {border: 1px solid #000;border-radius: 6px;}
.proprice_item_label {margin-bottom: 5px !important;}
div.run-slick .slick-prev:before,div.run-slick .slick-next:before{font-size: 0;}
div.run-slick .slick-prev,div.run-slick .slick-next{width: 32px;height: 45px;top: 46%;}
div.run-slick .slick-prev{background: url(../images/sl-1.png) no-repeat center;left: 20px;}
div.run-slick .slick-next{background: url(../images/sl-2.png) no-repeat center;right: 20px;}
div.box-hethong{padding: 0 0;position: relative;}
div.box-hethong .ht-left{width: calc(100% - 10px);position: absolute;top: 19px;right: 10px;z-index: 4;text-align: right;}
div.box-hethong .ht-right{width: 100%;}
div.box-hethong .ht-left .item-ht{margin-bottom: 8px;font-size: 14px;cursor: pointer;background: rgb(0 0 0 / 70%);padding: 10px 20px;color: #fff;display: inline-block;}
div.box-hethong .ht-left .item-ht .ten{display: block;}
div.box-hethong .ht-left .act-item{background: rgb(235 32 9);}
div.box-hethong .ht-right iframe{width: 100%;}
div.box-hethong .ht-left .item-ht p{margin-bottom: 2px; }
div.box-hethong .ht-left .item-ht p span{ color: #fffc00; }
div.box-lienhe{padding: 50px 0;background-size: cover;background: #478b7b;}
div.box-lienhe .td-tc1,div.box-lienhe .td-tc2{color: #fff;text-align: center;}
div.box-lienhe .td-tc1{text-transform: uppercase;font-size: 27px;}
div.css_lienhe .baogia-form{max-width: 750px;width: 100%;margin: auto;text-align: center;margin-top: 16px;}
div.css_lienhe .baogia-input input{background: none;border: 0;border-bottom: 1px solid #000;border-radius: 0;color: #000;}
div.css_lienhe .baogia-input textarea.form-control{background: none;border: 0;border-bottom: 1px solid #000;border-radius: 0;color: #000;height: 46px;}
div.css_lienhe .btn-primary{margin-top: 14px;background: #000;border-color: #000;text-transform: uppercase;}
div.css_lienhe ::-webkit-input-placeholder {color: #000;}
div.css_lienhe :-moz-placeholder {color: #000;}
div.css_lienhe ::-moz-placeholder {color: #000;}
div.css_lienhe :-ms-input-placeholder { color: #000;}

.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;}
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: 'ro-r';}
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: 'ro-r';}
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: 'ro-r';}
/* Toc */
.box-readmore{padding:8px 15px;border:1px solid #dedede;margin-bottom:2rem;border-radius:5px;background-color:#eeeeee;}
.box-readmore li ul>li{margin:0;margin-bottom:8px}
.box-readmore li ul>li:before{content:counters(item,".") " "}
.box-readmore ul{list-style-type:none;counter-reset:item;margin-bottom:0px;padding-left:0px!important;margin-top:8px;}
.box-readmore ul li{display:table;counter-increment:item;margin-bottom:5px}
.box-readmore ul li:before{content:counters(item,".") ". ";display:table-cell;padding-right:5px}
.box-readmore ul li a{color:#333333;cursor:pointer;font-weight:600;}
.box-readmore ul li a:hover{color:#767676;}

#google_language_translator {clear: both;width: auto!important;text-align: right;display: none;}
.box_changelang {padding-left:30px;}
.box_changelang .lang_current {align-items: center;height: 27px;display: flex;background-repeat: no-repeat;background-position: center left;padding-left: 35px;cursor: pointer;background-size: 22%;}
.box_changelang .lang_txt {font-size: 13px;color: #232323;text-transform: uppercase;font-family: var(--fonttd);}
.box_changelang .box_solang {position: absolute;top: 100%;right: 0;width: 150px;background: #fff;box-shadow: 0px 1px 3px 0 rgb(0 0 0 / 30%);padding: 0px 15px 10px 15px;display: none;z-index: 99;}
.box_changelang .box_solang a {background-repeat: no-repeat;background-position: 0 0;padding-left: 37px;color: #333;font-size: 13px;letter-spacing: 0.5px;height: 30px;display: flex;align-items: center;margin: 10px 0 0;text-transform: uppercase;font-family: var(--fonttc);background-size: 23%;}
.box_changelang .box_solang a:hover {color: #f00;}
.box_so {color: #333;/* display: flex; *//* align-items: center; */margin-top: -7px;margin-left: 5px;cursor: pointer;}
.timkiem{padding-left: 45px;}

div.gioithieu{position:relative;padding: 70px 0 75px 0;background: linear-gradient(180deg, #FFFFFF 50%, #D9D9D9 100%);}
.hinhgt{width: 52%;position: relative;float: right;text-align: center;}
.img_gioithieu {position: relative;}
.img_gioithieu p a{display:block;line-height: 0;}
.noidung_gt{width: 43.5%;float: left;position: relative;z-index: 7;padding-top: 35px;}
div.gach_gt{font-weight: normal;padding-bottom: 10px;}
div.gach_gt span{position:relative;color: #232323;font-size: 22px;line-height: 1.5;font-family: 'ml-sb';font-weight: normal;padding-right: 80px;}
div.gach_gt span:before{position: absolute;content: '';width: 65px;height: 1px;background: #232323;right: 0;bottom: 0;top: 3px;margin: auto;}
div.gach_gt .ten_gt{font-size: 33px;position:relative;font-weight: normal;font-family: var(--fonttc);text-transform: uppercase;color: var(--maincolor);line-height: 1.5;padding-top: 3px;margin-bottom: 0;}
.mota_gt{line-height: 1.8;color: #232323;font-size: 15px;font-weight: normal;}
a.gt_xemthem{display: inline-block;color: #232323;font-family: var(--fonttd);font-weight: normal;font-size: 14px;min-width: 155px;line-height: 40px;text-transform: uppercase;background: #fff;box-shadow: 0px 4px 11px rgba(0, 0, 0, 0.15);border-radius: 25px;text-align: center;margin-top: 20px;}
a.gt_xemthem:hover{color: #fff;background: var(--maincolor);}
.tieude2{margin-top:-5px;margin-bottom: 0;padding-bottom: 18px;}
.tieude2 span{position:relative;color: var(--maincolor);font-size: 33px;line-height: 1.5;font-family: var(--fonttc);font-weight: normal;padding-right: 80px;text-transform: uppercase;}
.tieude2 span:before{position: absolute;content: '';width: 65px;height: 1px;background: #232323;right: 0;bottom: 0;top: 3px;margin: auto;}

div.wap_dangky{position: relative;background: #EFEFEF;margin: auto;padding: 30px 0;}
.tieude_dk{font-size: 23px;color: var(--maincolor);font-weight: normal;font-family: var(--fonttc);text-transform: uppercase;width: 27%;position: relative;margin: 0;}
div.box_dangky{background: var(--maincl);border-radius: 5px;margin-bottom: -60px;}
div.b-trong{justify-content:space-between;align-items: center;flex-wrap: wrap;}
div.form_dk{width: 42.5%;}
.dangky_hl{width: 26%;text-align: center;font-size: 17px;font-family: var(--fonttc);color: #232323;font-weight: normal;line-height: 1.5;border: 1px solid #232323;border-radius: 20px;padding: 6px 15px;}
.dangky_hl span{display: inline-block;color: var(--maincolor);}
.form-newsletter{justify-content:space-between;align-items: center;}
.newsletter-input{position:relative;display: inline-block;vertical-align: top;width: 69%;margin: 0;padding: 0;}
.newsletter-input input{padding:0px;font-size: 13px !important;text-indent: 15px;border-radius: 20px;border: none;height: 40px;line-height: 40px;color: #C8C8C8 !important;font-style: italic;font-family: var(--fontct) !important;}
.newsletter-input input.form-control::placeholder{color:##C8C8C8 !important;font-size:13px;}
.newsletter-button{width: 28%;display: inline-block;vertical-align: top;margin: 0;padding: 0;}
.newsletter-button input[type=submit]{border:0px;color: #232323;display:inline-block;padding: 0;text-transform:uppercase;cursor:pointer;width: 100%;height: 40px;font-size: 14px;font-weight: normal;line-height: 40px;font-family: var(--fonttd);background: #FFFFFF;box-shadow: 0px 4px 11px rgb(0 0 0 / 15%) !important;border-radius: 20px;transition: 0.5s;}
.newsletter-button input[type=submit]:hover{background: var(--maincolor);color: #fff;}
select.lienket {display: block;width: 100%;height: 40px;margin-bottom: 0;padding: 7px;color: #232323;background: #FFFFFF;border: 1px solid #D2D2D2;border-radius: 20px;font-size: 15px;font-family: var(--fontct);font-weight: normal;text-indent: 10px;line-height: 1.5;} 
select.lienket:focus { outline: none; } 

.phone_mobi_md {background: var(--maincolor);width: 100%;position: relative;left: 0;bottom: 0;color: #fff;z-index: 50;padding: 12px 15px;}
.phone_mobi_md ul {list-style: none;margin: 0;padding: 0;display: flex;height: 100%;}
.phone_mobi_md ul li {width: 33.33%;}
.phone_mobi_md ul li a{display:block;width:100%;cursor:pointer;text-align: center;}
.phone_mobi_md ul li a img{width:auto;margin: 0 auto;max-height: 27px;}
.phone_mobi_md ul li a span{font-weight: normal;color:#ffffff;font-size: 17px;display: block;font-family: var(--fonttd);text-align: center;margin-top: 5px;}
.popupmain .modal-title{text-align: center;display: block;width: 100%;font-family: var(--fonttc);text-transform: uppercase;color: var(--maincolor);font-size: 20px;}
.right_detail-popup{}
.right_detail-popup span{display: inline-block;color: #fff;font-family: var(--fonttd);font-weight: normal;font-size: 16px;min-width: 200px;line-height: 45px;text-transform: uppercase;background: var(--maincolor);box-shadow: 0px 4px 11px rgb(0 0 0 / 15%);border-radius: 25px;text-align: center;}

div.menu ul li.morong ul{width: 100%;max-width: 100%;background:#fff;display: none;left:0;padding: 15px 25px;flex-wrap: wrap;}
div.menu ul li.morong:hover ul{/* display: block; */display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
div.menu ul li.morong ul li{display:inline-block;width: calc(20% - 10px);vertical-align:top;margin: 5px;padding: 15px;text-align: center;border-radius: 7px;}
div.menu ul li.morong ul li:hover{background: #ededed;}
div.menu ul li.morong ul li span{display: block;margin: 0;margin-bottom: 12px;}
div.menu ul li.morong ul li:last-child a{border-bottom:0px;}
div.menu ul li.morong ul li a{color: #232323;border: none;font-size: 15px;font-family: var(--fonttd);padding: 0;margin: 0;}
div.menu ul li.morong ul li a:hover{color: var(--maincolor);}
div.menu ul li.morong ul li ul{display: block !important;position: relative;width: 100%;left: 0px;visibility: initial !important;padding: 0px;background: #e0dddd;box-shadow: none !important;}
div.menu ul li.morong ul li ul li{width: 100%;    margin: 0;}
div.menu ul li.morong ul li ul li a{}

.goog-te-banner-frame{visibility:hidden !important;}
#google_language_translator { width:auto !important; }
.goog-te-gadget .goog-te-combo {margin: 4px 0px !important;}
.goog-tooltip {display: none !important;}
.goog-tooltip:hover {display: none !important;}
.goog-text-highlight {background-color: transparent !important; border: none !important; box-shadow: none !important;}
#google_language_translator { clear:both; width:auto !important; text-align:right; display:none; }
.glt-clear { height:0px; clear:both; margin:0px; padding:0px; }          
#flags a { display:inline-block; width:32px; height:32px; margin-left:2px; }
.VIpgJd-ZVi9od-ORHb-OEVmcd{display: none;}