@font-face {
}

@import url('https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,600,700&display=swap');
.ht-product-card .product-detail .pro-price .old-price:nth-child(3){display:none;} 
.pl-faq-cate{padding-top: 30px;}
#popup-comment .ht-modal-content{padding: 40px 22px 15px;border-radius: 10px;}
#popup-comment .ht-modal-content .title-popup-cmt{text-transform: uppercase; font-weight: 600;}
.bt-for{ padding: 0px 0 40px !important}
.purple-up{color: #ee3d77;font-weight: 700;}
.ht-pdt16 {padding-top: 22px !important;}
.ht-mgt24 {margin-top: 16px !important;}
.btn-radius-in{border-radius: 31px;}
.color-red-500 {color: #f44336 !important;}
.gold{color: #fff;}
.xam{color: #ccc;font-weight: 700;}
.greens{color: #d11921}
.greens:hover {
  color: #fff !important
}
.black-pro{color: #000;font-weight: 700;}
.gold2{color: #fff000;}
.gold4{color: #ffab18;}
.gold3{color: #fff000;font-size: 30px;font-weight: bold;}
.hong2{color: #ff3e89;font-size: 30px;font-weight: bold;}
.green{color: #fd5b4e;font-weight: bold;}
.green-pro{color: #3cbeb3;font-weight: 400;}
.orage{color: #fd5b4e;font-size: 22px;}
.orage2{color: #fd5b4e;font-size: 14px;}
.prink{color: #CE1B22;}
.ht-mgt0{ margin: 0px 8px 8px;}
.pl-free{line-height: 52px;}
.white{color: #fff;}
.hong{color: #CE1B22;}
.btn-radius{border-radius: 25px;margin: 18px 0px 0px;}
.black{background: #000;color: #fff;}
.btn-cmt{background: #2dbeb3;color: #fff;text-transform: uppercase;border-radius: 20px; }
.btn-avatar-active{background: #FDBA4D;color: #000;font-weight: 700;text-transform: uppercase;border-radius: 20px; margin: 14px 0px;width: 170px;}
.ht-user-review-card .ht-pagination{text-align: center;}
.ht-mgb8{margin: 8px -2px 9px -7px;}
.form-number{width: 70px;}
.ht-modal-content {position: relative;background-color: #fff;min-height: 56px;}
.btn-printnow {background: #fd5b4e;color: #fff;text-transform: uppercase;margin: 22px 10px 13px 0px;border-radius: 28px;font-size: 15px;height: 42px;font-weight: 600;}
.btn-complete{background: #fd5b4e;color: #fff;text-transform: uppercase; width: 232px; font-weight: 700; border-radius: 30px;}
.btn-printnow:hover{opacity: .8;color: #fff;}
a.btn-printnow{color: #fff;}
.fa-close:before{font-family: 'Font Awesome 5 Free';content: "\f00d";}
.ht-close-modal {display: block;position: absolute;top: 0;
    z-index: 1;
    margin: 9px;
    line-height: 17px;
    right: 0;
    height: 22px;
    width: 22px;
    border-radius: 50%;
    text-align: center;
    color: #2dbeb3;
    border: 2px solid #2dbeb3;
    /* background-color: #2dbeb3; */
    cursor: pointer;
    -moz-transition: background-color 0.2s ease-in-out;
    -o-transition: background-color 0.2s ease-in-out;
    -webkit-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
}
.pl-close-modal {
  display: block;
    position: absolute;
    top: 6px;
    z-index: 1;
    margin: 9px;
    line-height: 17px;
    left: 5px;
    height: 22px;
    width: 22px;
    border-radius: 50%;
    text-align: center;
    color: #2dbeb3;
    border: 2px solid #2dbeb3;
    cursor: pointer;
    -moz-transition: background-color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out;
    -webkit-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out;
}
.btn-login-out{
      background: linear-gradient(90deg,rgba(65,230,199,1) 43%,rgba(58,231,220,1) 100%);
    width: 100%;
    text-transform: uppercase;
}
.btn-logout-pop{
  background: linear-gradient(90deg, rgba(77,228,184,1) 0%, rgba(251,193,4,1) 100%);
   width: 100%;
    text-transform: uppercase;
}
#productQuickViewModal .nav-sidebar .tabs li.login-tabs-t{
   background: linear-gradient(45deg, rgba(77,228,184,1) 0%, rgba(251,193,4,1) 122%);
}
#productQuickViewModal .ht-card{ padding: 17px 30px 16px; }
body {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 14px;
  line-height: 19px;
  background-color: #fff;
  color: #000;
  font-weight:400;
}
.ht-single-row:before, .ht-single-row:after { content: " "; display: table; }
.ht-single-row:after { clear: both; }
.ht-single-row .ht-single-col { float: left; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearall:before, .clearall:after { content: " "; display: table; clear: both; }
.ht-bgcover { -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; background-position: 50% 50%; }
.ht-bgcontain { -moz-background-size: contain; -o-background-size: contain; -webkit-background-size: contain; background-size: contain; background-position: 50% 50%; }

.ht-disabled { pointer-events: none !important; }
/*.ht-rectangle:after { content: ""; display: block; padding-bottom: 100%; }*/
.ht-rectangle.ratio-11:after { padding-bottom: 100%; }
.ht-rectangle.ratio-21:after { padding-bottom: 50%; }
.ht-rectangle.ratio-12:after { padding-bottom: 200%; }
/*.ht-rectangle.ratio-32:after { padding-bottom: 66.6666%; }*/
.ht-rectangle.ratio-23:after { padding-bottom: 150%; }
.ht-rectangle.ratio-31:after { padding-bottom: 33.3333%; }
.ht-rectangle.ratio-13:after { padding-bottom: 300%; }
.ht-rectangle.ratio-43:after { padding-bottom: 75%; }
.ht-rectangle.ratio-34:after { padding-bottom: 133.3333%; }
.ht-fit-img { display: block; text-align: center; white-space: nowrap; }
.ht-fit-img:after { content: ""; display: inline-block; vertical-align: middle; height: 100%; }
.ht-fit-img img { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; }
.ht-img-obj-cover { display: block; width: 100%; height: 100%; object-fit: cover; }
.ht-img-obj-contain { display: block; width: 100%; height: 100%; object-fit: contain; }
.ht-oneline { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ht-lowercasebf { text-transform: lowercase; }
.ht-lowercasebf:first-letter { text-transform: uppercase; }
.ht-justified-items { width: 100%; }
.ht-justified-items .ht-single-item { display: table-cell; width: 1%; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 16px; 
  font-family: inherit; font-weight: 400; line-height: 1.2; }

h1, .h1 { font-size: 21px; line-height: 48px; }
h2, .h2 { font-size: 19px; line-height: 36px; }
h3, .h3 { font-size: 17px; line-height: 30px; }
h4, .h4 { font-size: 15px; line-height: 24px; }
h5, .h5 { font-size: 13px; line-height: 20px; }
h6, .h6 { font-size: 14px; line-height: 18px; }

p { margin-bottom: 8px; }
ul, ol { margin-bottom: 8px; }

b, strong { font-weight: 700; }
small, .small { font-size: 80%; font-weight: 400; }

img { max-width: 100%; max-height: 100%; }

a { color: #2196f3; -moz-transition: all, ease-in-out 0.1s; -o-transition: all, ease-in-out 0.1s; -webkit-transition: all, ease-in-out 0.1s; transition: all, ease-in-out 0.1s; }
a, a:hover, a:focus, a:active, a:visited { color: #2dbeb3; text-decoration: none; }
a.no-udl, a.no-udl:hover, a.no-udl:focus, a.no-udl:active, a.no-udl:visited { text-decoration: none; }
a.h-udl:hover { text-decoration: underline; }
a.udl { text-decoration: underline; }
a.h-c:hover { color: #2196f3 !important; }
hr { margin-top: 13px; margin-bottom: 13px; border-top: 1px solid #eaeaea; }
table.table thead tr th { font-weight: 400; }
.table { margin-bottom: 12px; }
.table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td { line-height: 1.5; border-top: 1px solid #e0e0e0; }
.table > thead > tr > th { vertical-align: middle; border-bottom: 1px solid #e0e0e0; }
.table > caption + thead > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > th, .table > thead:first-child > tr:first-child > td { border-top: 0; }
.table > tbody + tbody { border-top: 1px solid #e0e0e0; }
.table .table { background-color: transparent; }

.table-bordered { border: 1px solid #e0e0e0; }
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > tfoot > tr > td { border: 1px solid #e0e0e0; }
.pagination { display: inline-block; margin: 0; border-radius: 0; }
.pagination > li { display: inline; }
.pagination > li > a, .pagination > li > span { position: relative; float: left; margin: 0 2px; padding: 6px 8px; min-width: 34px; line-height: 20px; text-decoration: none; color: #424242; background-color: #fafafa; text-align: center; border: 1px solid #ccc; border-radius: 2px; }
.pagination > li > a i, .pagination > li > span i { display: inline-block; vertical-align: top; line-height: 20px; }
.pagination > li > a:active, .pagination > li > span:active { box-shadow: 0 0 0; }
.pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-radius: 2px; }
.pagination > li:last-child > a, .pagination > li:last-child > span { border-radius: 2px; }
.pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > span:hover, .pagination > li > span:focus { background-color: #f5f5f5; border-color: #9e9e9e; }
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus { 
     color: #fff;
    border-color: #3cbeb3;
    border-color: #3cbeb3; }

.btn { position: relative; padding: 8px 14px; line-height: 22px; font-size: 14px; text-align: center; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.btn:active, .btn.active, .btn:focus, .btn.focus { outline: none !important; outline-offset: 0 !important; }
.btn:after { content: ""; display: block; position: absolute; z-index: 1; top: -1px; left: -1px; right: -1px; bottom: -1px; border-radius: 2px; background-color: transparent; -moz-transition: background-color 0.1s ease-in-out; -o-transition: background-color 0.1s ease-in-out; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; }

.btn.btn-rounded { padding-left: 18px; padding-right: 18px; border-radius: 17px; }
.btn.btn-rounded:after { border-radius: 17px; }
.btn.btn-icon { padding-left: 0; padding-right: 0; text-align: center; width: 34px; }
.btn.btn-icon i { position: relative; top: 1px; }
.btn.btn-sm { height: 30px; padding: 4px 12px; font-size: 13px; line-height: 20px; }
.btn.btn-sm.btn-rounded { padding-left: 16px; padding-right: 16px; border-radius: 15px; }
.btn.btn-sm.btn-rounded:after { border-radius: 15px; }
.btn.btn-sm.btn-icon { padding-left: 0; padding-right: 0; width: 30px; }
.btn.btn-xs { height: 26px; padding: 3px 10px; font-size: 12px; line-height: 18px; }
.btn.btn-xs.btn-rounded { padding-left: 14px; padding-right: 14px; border-radius: 13px; }
.btn.btn-xs.btn-rounded:after { border-radius: 13px; }
.btn.btn-xs.btn-icon { padding-left: 0; padding-right: 0; width: 26px; }
.btn.btn-xxs { height: 22px; padding: 2px 8px; font-size: 11px; line-height: 16px; }
.btn.btn-xxs.btn-rounded { padding-left: 12px; padding-right: 12px; border-radius: 11px; }
.btn.btn-xxs.btn-rounded:after { border-radius: 11px; }
.btn.btn-xxs.btn-icon { padding-left: 0; padding-right: 0; width: 22px; }
.btn.btn-lg { height: 38px; padding: 6px 18px; font-size: 15px; line-height: 24px; }
.btn.btn-lg.btn-rounded { padding-left: 20px; padding-right: 20px; border-radius: 19px; }
.btn.btn-lg.btn-rounded:after { border-radius: 19px; }
.btn.btn-lg.btn-icon { padding-left: 0; padding-right: 0; width: 38px; }
.btn.btn-xlg { height: 42px; padding: 8px 20px; font-size: 16px; line-height: 24px; }
.btn.btn-xlg.btn-rounded { padding-left: 22px; padding-right: 22px; border-radius: 21px; }
.btn.btn-xlg.btn-rounded:after { border-radius: 21px; }
.btn.btn-xlg.btn-icon { padding-left: 0; padding-right: 0; width: 42px; }
.btn.ht-btn-default { color: #424242; background-color: #fafafa;  }
.btn.ht-btn-grey { color: #424242; background-color: #eeeeee;  }
.btn.ht-btn-blue { color: #fff; background-color: #2196f3; border-color: transparent; }
.btn.ht-btn-red { color: #fff; background-color: #f44336; border-color: transparent; }
.btn.ht-btn-green { color: #fff; background-color: #CE1B22; border-color: transparent; }
.btn.ht-btn-link { color: #424242; background-color: transparent; border-color: transparent; }
.btn.ht-btn-social { color: #fff; border-color: transparent; }
.btn.ht-btn-social .ht-icon-social { display: inline-block; vertical-align: top; margin-right: 16px; padding: 0 10px 0 0; line-height: 20px; font-size: 16px; text-align: left; border-right: 1px solid rgba(255, 255, 255, 0.2); }
.btn.ht-btn-social .ht-icon-social i { position: relative; top: 1px; display: inline-block; vertical-align: top; padding: 0 4px; line-height: 20px; }
.btn.ht-btn-social.ht-btn-facebook { background-color: #3b5999; }
.btn.ht-btn-social.ht-btn-googleplus { background-color: #dd4b39; }
.btn.ht-btn-social.ht-btn-youtube { background-color: #cd201f; }
.btn.ht-btn-social.ht-btn-twitter { background-color: #55acee; }
.btn.ht-btn-social.ht-btn-instagram { background-color: #e4405f; }
.btn.no-hover-effect:after { display: none; }
.btn.theme_style_button { color: #fff; border-color: transparent; }

label { line-height: 16px; font-size: 12px; font-weight: 400; margin-bottom: 5px; color: #757575; }
select { cursor: pointer; }
select.no-apr { -moz-appearance: none; -webkit-appearance: none; }
input[type="radio"], input[type="checkbox"] { cursor: pointer; }
textarea { max-width: 100%; }
textarea.form-control { height: auto; border-radius: 10px; }
input:focus, select:focus, textarea:focus { outline: none !important; }
.form-control.form-radius{border-radius: 20px;padding: 16px;}
.form-group { position: relative; margin-bottom: 12px; }
.form-control { display: block; width: 100%; height: 34px; padding: 6px 8px; line-height: 20px; vertical-align: top;
 font-size: 13px; border-color: #ccc; border-radius: 3px; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.form-control.form-control-xs { height: 26px; padding: 4px 6px; line-height: 16px; font-size: 12px; }
.form-control.form-control-sm { height: 30px; padding: 4px 8px; line-height: 20px; font-size: 13px; }
.form-control.form-control-lg { height: 38px; padding: 7px 12px; line-height: 22px; font-size: 15px; }
.form-control:focus { border-color: #999; }
.form-control.no-change-bdc-on-focus:focus { border-color: #ccc; }
.form-control, .form-control:focus { color: #424242; -moz-box-shadow: 0 0 0 0 transparent; -webkit-box-shadow: 0 0 0 0 transparent; box-shadow: 0 0 0 0 transparent; }

.form-inline .form-group { vertical-align: top; }
.form-inline .btn { vertical-align: top; }
.input-group-addon, .input-group-btn { vertical-align: top; }
.input-group-addon { line-height: 20px; padding: 6px 8px; color: #757575; min-width: 34px; font-size: 14px; text-align: center; background-color: #fafafa; }
.input-group-addon.input-group-addon-size-xs { min-width: 26px; line-height: 16px; padding: 4px 6px; font-size: 12px; }
.input-group-addon.input-group-addon-size-sm { min-width: 30px; line-height: 18px; padding: 5px 8px; font-size: 13px; }
.input-group-addon.input-group-addon-size-lg { min-width: 38px; line-height: 22px; padding: 7px 12px; font-size: 15px; }
.input-group-addon i { display: inline-block; line-height: 16px; }
.input-group-btn .btn { min-width: 34px; border-radius: 0; }
.input-group-btn .btn.ht-btn-default { border-color: #ccc; }
.input-group-btn.input-group-btn-size-sm { height: 30px; }
.input-group-btn:first-child .btn { border-radius: 2px 0 0 2px; }
.input-group-btn:last-child .btn { border-radius: 0 2px 2px 0; }
.ht-form-text { margin-top: 4px; font-size: 14px; }
.radio, .radio-inline, .checkbox, .checkbox-inline { margin-top: 4px; margin-bottom: 4px; }
.radio input[type="radio"], .radio input[type="checkbox"], .radio-inline input[type="radio"], .radio-inline input[type="checkbox"], .checkbox input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="radio"], .checkbox-inline input[type="checkbox"] { margin-top: 4px; }
.radio label, .radio-inline label, .checkbox label, .checkbox-inline label { padding-top: 3px; padding-bottom: 3px; line-height: 20px; font-size: 14px; color: #424242; }
.radio.disabled label, .radio-inline.disabled label, .checkbox.disabled label, .checkbox-inline.disabled label { color: #9e9e9e; }

.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-left: 16px; }
input[type="text"], input[type="number"], input[type="search"], input[type="date"], input[type="datetime-local"], input[type="month"], input[type="url"], input[type="tel"], input[type="email"], input[type="password"], textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.modal-header { padding: 12px; border-bottom: 1px solid #eaeaea; position: relative; }
.modal-header .close { display: block; position: absolute; top: 0; right: 0; margin-top: 0; padding: 2px 5px; }

.modal-body { padding: 12px; }
.modal-footer { padding: 12px; border-top: 1px solid #eaeaea; }
.dropdown-menu { padding: 5px 0; }
.dropdown-menu > li > a { display: block; padding: 3px 12px; line-height: 18px; font-size: 13px; }
.dropdown-menu .divider { margin: 5px 0; background-color: #eaeaea; }
[class^='select2']:focus, [class^='select2']:active, [class^='select2']:visited { outline: none !important; box-shadow: 0 0 0 !important; }

.select2-container .select2-selection--single { height: 34px; }
.select2-container .select2-selection--multiple { min-height: 34px; }
.select2-dropdown { border: 1px solid #ccc; border-radius: 2px; }
.select2-container--default .select2-selection--single { border: 1px solid #ccc; border-radius: 2px; }
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 32px; }
.select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999; }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 32px; }
.select2-container--default .select2-selection--multiple { border: 1px solid #ccc; border-radius: 2px; }
.select2-container--default .select2-selection--multiple .select2-selection__placeholder { color: #999; }
.select2-container--default .select2-selection--multiple .select2-selection__choice { border: 1px solid #ccc; }
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #999; }
.select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #ccc; }
.select2-container--default .select2-results__option[aria-disabled=true] { color: #999; }
.select2-container--classic .select2-selection--single { border: 1px solid #ccc; border-radius: 2px; outline: 0; }
.select2-container--classic .select2-selection--single .select2-selection__rendered { line-height: 32px; }
.select2-container--classic .select2-selection--single .select2-selection__arrow { border-left: 1px solid #ccc; border-top-right-radius: 2px; border-bottom-right-radius: 2px; height: 32px; }
.select2-container--classic .select2-selection--multiple { border: 1px solid #ccc; border-radius: 2px; }
.select2-container--classic .select2-selection--multiple .select2-selection__choice { border: 1px solid #ccc; border-radius: 2px; }
.select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #ccc; outline: 0; }
.select2-container--classic .select2-search--inline .select2-search__field { outline: 0; box-shadow: none; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow { border-right: 1px solid #ccc; border-radius: 0; border-top-left-radius: 2px; border-bottom-left-radius: 2px; }

.input-group.bootstrap-touchspin .input-group-btn .btn { width: 34px; padding-left: 8px; padding-right: 8px; text-align: center; }
.input-group.bootstrap-touchspin .input-group-btn .btn.btn-default:hover { background-color: #fff; }
.input-group.bootstrap-touchspin .form-control.touchspin-form-control { text-align: center; }
.ht-item-slick { display: none; }
.slick-slide { position: relative; }
.slick-slide:focus { outline: none; }
.slick-slide a:active, .slick-slide a:focus { outline: none; }
.slick-initialized { display: block !important; }
ul.slick-dots { display: block; position: absolute; bottom: 12px; left: 50%; z-index: 120; padding: 0; margin: 0; font-size: 0; line-height: 12px; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
ul.slick-dots li {border-radius: 50%; display: inline-block; vertical-align: top; margin: 0 2px; width: 13px; height: 13px; background-color: #fff;  cursor: pointer; }
ul.slick-dots li:hover { background-color: rgba(255, 255, 255, 0.6); }
ul.slick-dots li button { display: none; }
ul.slick-dots li.slick-active { background-color: #ffdb4a; }
.slick-list { z-index: 1; }
.slick-track { margin-left: 0; margin-right: auto; }
.slick-arrow { display: block; z-index: 110; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }
.has-slick-arrow-type-01 .slick-arrow { position: absolute; top: 50%; margin-top: -20px; padding: 0; width: 20px; height: 40px; text-align: center; color: #fff; 
  background-color: #4caf50; border: 0; border-radius: 2px; outline: none; cursor: pointer; }
.has-slick-arrow-type-01 .slick-arrow i { display: inline-block; vertical-align: top; line-height: 40px; font-size: 12px; }
.has-slick-arrow-type-01 .slick-arrow.slick-prev { left: 0; padding: 0 2px 0 0; }
.has-slick-arrow-type-01 .slick-arrow.slick-next { right: 0; padding: 0 0 0 2px; }
.has-slick-arrow-type-01 .slick-arrow.slick-disabled { cursor: default; pointer-events: none; opacity: 0; display: none; }
.has-slick-arrow-type-01 .slick-arrow:hover { opacity: 1; }
.has-slick-arrow-type-01 .slick-arrow:active { opacity: .9; }
.has-slick-arrow-type-02 .slick-arrow { position: absolute; top: 50%; margin-top: -16px; height: 32px; padding: 0; width: 16px; text-align: center; color: #fff; background-color: rgba(0, 0, 0, 0.4); border: 0; outline: none; cursor: pointer; border-radius: 2px; }
.has-slick-arrow-type-02 .slick-arrow i { display: inline-block; vertical-align: top; font-size: 12px; }
.has-slick-arrow-type-02 .slick-arrow.slick-prev { left: 0; padding-right: 1px; }
.has-slick-arrow-type-02 .slick-arrow.slick-next { right: 0; padding-left: 1px; }
.has-slick-arrow-type-02 .slick-arrow.slick-disabled { cursor: default; pointer-events: none; opacity: 0; }
.has-slick-arrow-type-02 .slick-arrow:hover { background-color: rgba(0, 0, 0, 0.5); }
.has-slick-arrow-type-02 .slick-arrow:active { background-color: rgba(0, 0, 0, 0.6); }
#siteHeader { background-color: #fff; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);padding-top: 71px;}
#siteHeader ul { margin: 0; padding: 0; list-style: none; }
#siteHeader ul li a { display: block; }
.category:hover .ul-lev2 {display: block;position: absolute;z-index: 9999;width: 100%;
    background-color: #fff;
}
#siteHeader a { position: relative; }
#siteHeader a:hover, #siteHeader a:focus, #siteHeader a:active, #siteHeader a:visited { text-decoration: none; }
#siteHeader .sh_top-menu { display: none; background-color: #eeeeee; }
#siteHeader .sh_top-menu .pull-left ul.sh_top-nav-list > li:first-child { margin-left: 0; }
#siteHeader .sh_main-menu { background-color: #fff; }
#siteHeader .sh_main-menu .sh_main-menu_wrapper {
 display: flex; align-items: center; height: 56px; }
@media (min-width: 992px) { #siteHeader .sh_main-menu .sh_main-menu_wrapper { height: 70px; } }
#siteHeader .sh_main-menu .sh_logo { flex: 0 0 auto; min-width: 0; margin: 0; padding: 0; height: 40px; line-height: 40px; font-size: 0; }
@media (min-width: 992px) { #siteHeader .sh_main-menu .sh_logo { flex: 0 0 auto; height: 53px; line-height: 53px; } }
#siteHeader .sh_main-menu .sh_logo a { position: relative; font-size: 0; display: block; overflow: hidden; max-width: 180px; text-indent: -9999px; }
@media (min-width: 992px) { #siteHeader .sh_main-menu .sh_logo a { max-width: 320px; } }
#siteHeader .sh_main-menu .sh_logo span { display: block; width: 0; height: 0; visibility: hidden; position: absolute; top: 0; left: 0; }
#siteHeader .sh_main-menu .sh_logo img { -moz-transition: opacity 0.1s ease-in-out; -o-transition: opacity 0.1s ease-in-out; -webkit-transition: opacity 0.1s ease-in-out; transition: opacity 0.1s ease-in-out; display: block; height: 40px; width: auto; max-width: none; }
@media (min-width: 992px) { #siteHeader .sh_main-menu .sh_logo img { margin:3px; } }
#siteHeader .sh_main-menu .sh_logo a img:hover { opacity: .85; }
#siteHeader .sh_main-menu .nav-pl .nav-pl_wrapper { display: none; padding: 0 48px 0 120px; text-align: right; }
#siteHeader .sh_main-menu .sh_toggle-btn { flex: 0 0 auto; margin-right: -12px; }
@media (min-width: 992px) {
 #siteHeader .sh_main-menu .sh_toggle-btn { margin-right: 0; } }
#siteHeader .navbar-toggle {position: absolute; right: 0; top: 0; margin: 0; padding: 0; width: 56px; height: 56px; text-align: center; color: #616161; border: 0; border-radius: 0; -moz-transition: background-color 0.1s ease-in-out; -o-transition: background-color 0.1s ease-in-out; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; }
#siteHeader .navbar-toggle i { display: inline-block; vertical-align: top; line-height: 56px; font-size: 16px; }
#siteHeader .navbar-toggle.sh_main-navbar_toggle i:before { content: "\f129"; }
#siteHeader .navbar-toggle.sh_main-navbar_toggle.collapsed i { font-size: 32px; color: #2dbeb3; font-weight: 700; }
#siteHeader .navbar-toggle.sh_main-navbar_toggle.collapsed i:before { content: "\f20e"; }
#siteHeader .navbar-collapse { padding-left: 0; padding-right: 0; width: 100% }
#siteHeader .sh_main-navbar { background-color: #2dbeb3; }
@media (min-width: 992px) { #siteHeader .sh_main-navbar { background-color: #2dbeb3; } }
#siteHeader .sh_main-navbar .sh_main-navbar_wrapper { position: relative; }
@media (max-width: 991px) { #siteHeader .sh_main-navbar .sh_main-navbar_wrapper { border-top: 1px solid #eaeaea; } }
@media (min-width: 992px) { #siteHeader .sh_main-navbar .sh_main-navbar_wrapper { padding-right: 220px; } }
.news-home .ht-rectangle{ height: 190px; }
.news-home .ht-rectangle > .ht-inner img{ height: 100%;width: 100%; object-fit: cover; }
@media (min-width: 1200px) {
.vertical-navbar ul li a { padding: 9px 0px 7px 12px;}
#siteHeader .navbar-collapse { display: block;}
.hot-mobi{ display: none; }
#siteHeader .main-category .left-side .btn-on-nav{ display: none;}
#siteHeader.header-landing-style .top-nav-container ul.top-menu-list > li { padding: 0 4px; } }
@media (min-width: 992px) { #siteHeader.header-landing-style .main-nav-container ul.top-menu-list { display: none; } }
#siteHeader.header-landing-style.fix-top { position: fixed; top: 0; left: 0; right: 0; z-index: 1010; }
#siteHeader.header-landing-style.fix-top + #siteContent { padding-top: 104px; }
#siteHeader .m__top__c2 {
  padding-left: 20px;
}
#siteHeader .m__top__c2 .li-not-img a {
  padding: 5px !important;
}
#siteHeader .m__top__c2:last-child {
  padding-bottom: 10px;
}
@keyframes buttonAnimated { from { left: -160px; }to { left: calc(100% + 160px); } }
.site-footer {   background: url('/img/footer.jpg') no-repeat;background-position: center;background-size: cover; }
.site-footer .site-footer_main-content { padding: 24px 0; text-align: center; background-color: #fff; }



#siteContainer { position: relative; }
#siteContent { position: relative; min-height: calc(100vh - 412px); }
.container { padding-left: 12px; padding-right: 12px; }
@media (max-width: 767px) { .container.has-mw-on-xs-screen { max-width: 480px !important; } }
ul.ht-breadcrumb { padding: 10px 0px; margin: 0; font-size: 0; border-radius: 2px; }
@media (max-width: 991px) { ul.ht-breadcrumb { white-space: nowrap; overflow: auto; overflow: overlay; } }
ul.ht-breadcrumb li a, ul.ht-breadcrumb li span { display: block; }
ul.ht-breadcrumb li a:hover, ul.ht-breadcrumb li a:active, ul.ht-breadcrumb li a:focus, ul.ht-breadcrumb li a:visited, ul.ht-breadcrumb li span:hover, ul.ht-breadcrumb li span:active, ul.ht-breadcrumb li span:focus, ul.ht-breadcrumb li span:visited { text-decoration: none; }
ul.ht-breadcrumb li span { display: block; }
ul.ht-breadcrumb > li { position: relative; display: inline-block; z-index: 7; vertical-align: top; padding: 0 24px 0 0; line-height: 16px; font-size: 12px; }
ul.ht-breadcrumb > li > a, ul.ht-breadcrumb > li > span { position: relative; padding: 9px 0;
 line-height: 16px; font-size: 12px; color: #000; max-width: 240px; 
 overflow: hidden; text-overflow: ellipsis; white-space: nowrap; z-index: 1; }
ul.ht-breadcrumb > li:after { content: "/"; display: block; position: absolute; top: 9px; right: 0; width: 24px; line-height: 16px; text-align: center; color: #bdbdbd; }
ul.ht-breadcrumb > li:last-child:after { display: none; }
ul.ht-breadcrumb > li ul { display: none; }
ul.ht-breadcrumb > li.active { color: #2dbeb3;
    line-height: 33px; }
ul.ht-breadcrumb > li.active > a, ul.ht-breadcrumb > li.active > span { color: #9e9e9e; }
ul.ht-breadcrumb > li ul { display: none; position: absolute; top: 100%; left: -4px; padding: 4px; min-width: calc(100% - 12px); background-color: #fff; z-index: 100; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.12); }
ul.ht-breadcrumb > li ul[class$="columns"] { -moz-column-gap: 8px; -webkit-column-gap: 8px; column-gap: 8px; }
ul.ht-breadcrumb > li ul li { display: block; line-height: 16px; }
ul.ht-breadcrumb > li ul li a { display: block; padding: 4px 12px 4px 8px; line-height: 16px; font-size: 12px; color: #757575; max-width: 200px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
ul.ht-breadcrumb > li ul li a:hover { color: #4caf50; }
ul.ht-breadcrumb > li:hover > a { color: #9e9e9e; }
ul.ht-breadcrumb > li:hover > a:hover { color: #2dbeb3; }
@media (min-width: 992px) { ul.ht-breadcrumb > li:hover ul { display: block; }
  ul.ht-breadcrumb > li.has-inner-ul > a:after { content: ""; display: none; position: absolute; bottom: -1px; left: 50%; margin-left: -8px; z-index: 105; width: 16px; height: 10px; background-image: url("../img/dropdown-arrow.png"); background-repeat: no-repeat; background-attachment: 0 0; }
  ul.ht-breadcrumb > li.has-inner-ul:hover > a:after { display: block; } }

.ht-breadcrumb_wrap { padding: 0 12px; background-color: #f5f5f5; border-radius: 2px; }
ul.ht-subcat-list { margin: 0; padding: 0; list-style: none; }
ul.ht-subcat-list:before, ul.ht-subcat-list:after { content: " "; display: table; }
ul.ht-subcat-list:after { clear: both; }
ul.ht-subcat-list li a { display: block; }
ul.ht-subcat-list li a:hover, ul.ht-subcat-list li a:active, ul.ht-subcat-list li a:focus, ul.ht-subcat-list li a:visited { text-decoration: none; }
ul.ht-subcat-list > li { position: relative; float: left; width: 50%; padding: 0 8px; margin: 2px 0; }
@media (min-width: 768px) { ul.ht-subcat-list > li { width: 33.33%; } }
@media (min-width: 1200px) { ul.ht-subcat-list > li { width: 25%; } }
ul.ht-subcat-list > li > a { position: relative; padding: 4px; display: inline-block; vertical-align: top; line-height: 18px; max-width: 100%; color: #424242; }
ul.ht-subcat-list > li > a .subcat-label { display: block; font-size: 12px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (min-width: 768px) { ul.ht-subcat-list > li > a .subcat-label { font-size: 14px; } }
ul.ht-subcat-list > li > a .subcat-icon { display: none; position: absolute; top: 4px; right: 0; padding: 0 2px; line-height: 18px; text-align: center; }
@media (min-width: 768px) { ul.ht-subcat-list > li > a .subcat-icon { display: block; } }
ul.ht-subcat-list > li.has-inner-ul > a { padding: 4px 18px 4px 4px; }
ul.ht-subcat-list > li ul { display: none; position: absolute; top: 100%; left: 8px; margin: 0; padding: 4px; list-style: none; background-color: #fff; z-index: 110; border: 1px solid #eaeaea; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.08); }
ul.ht-subcat-list > li ul[class$="columns"] { -moz-column-gap: 8px; -webkit-column-gap: 8px; column-gap: 8px; }
ul.ht-subcat-list > li ul li { display: block; line-height: 16px; }
ul.ht-subcat-list > li ul li a { display: block; padding: 4px 12px 4px 8px; line-height: 16px; font-size: 12px; color: #757575; max-width: 240px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
ul.ht-subcat-list > li ul li a:hover { color: #4caf50; }
ul.ht-subcat-list > li:hover > a { color: #9e9e9e; }
ul.ht-subcat-list > li:hover > a:hover { color: #4caf50; }
@media (min-width: 768px) { ul.ht-subcat-list > li:hover ul { display: block; } }

.ht-subcat-list_wrap { padding: 6px 0; background-color: #fafafa; border: 1px solid #eee; border-radius: 2px; }

.ht-meta-inline { font-size: 0; line-height: 16px; }
.ht-meta-inline > span { display: inline-block; vertical-align: top; line-height: 16px; font-size: 12px; }
.ht-meta-inline > span:after { content: "\2022"; display: inline-block; vertical-align: top; padding: 2px 6px 0; line-height: 14px; font-size: 10px; color: #bdbdbd; }
.ht-meta-inline > span:last-child:after { display: none; }
.ht-list-options-w-preview.ht-list-inline { font-size: 0; }
.ht-list-options-w-preview.ht-list-inline .ht-single-option-w-preview { margin: 0 8px 8px 0; font-size: 14px; display: inline-block; vertical-align: top; }

.ht-loading-icon { display: inline-block; vertical-align: middle; width: 24px; height: 24px; background-image: url("../img/loading.svg"); background-size: 24px; background-position: 50% 50%; }
.ht-loading-icon.icon_16x16 { width: 16px; height: 16px; background-size: 16px; }
.ht-loading-icon.icon_32x32 { width: 32px; height: 32px; background-size: 32px; }
.ht-loading-icon.icon_48x48 { width: 48px; height: 48px; background-size: 48px; }
ul.ht-tags-list-inline { padding: 8px 0; }
ul.ht-tags-list-inline li { display: inline-block; vertical-align: top; }
ul.ht-tags-list-inline li.tags-title { margin: 0 8px 0 0; padding: 3px 0px; line-height: 16px; font-size: 12px; }
ul.ht-tags-list-inline li a, ul.ht-tags-list-inline li span { display: block; padding: 3px 6px; line-height: 16px; font-size: 12px; color: #fff; border-radius: 2px; -moz-transition: opacity 0.1s ease-in-out; -o-transition: opacity 0.1s ease-in-out; -webkit-transition: opacity 0.1s ease-in-out; transition: opacity 0.1s ease-in-out; }
ul.ht-tags-list-inline li a:hover, ul.ht-tags-list-inline li a:active, ul.ht-tags-list-inline li a:focus, ul.ht-tags-list-inline li span:hover, ul.ht-tags-list-inline li span:active, ul.ht-tags-list-inline li span:focus { text-decoration: none; }
ul.ht-tags-list-inline li a:hover { opacity: .8; }
.single-tags-label { display: inline-block; vertical-align: center; margin: 0 8px; padding: 4px 8px; line-height: 18px; font-size: 14px; font-weight: 700; color: #fff; border-radius: 2px; -moz-transition: opacity 0.1s ease-in-out; -o-transition: opacity 0.1s ease-in-out; -webkit-transition: opacity 0.1s ease-in-out; transition: opacity 0.1s ease-in-out; }
.single-tags-label:hover, .single-tags-label:active, .single-tags-label:focus { text-decoration: none; }

.ht-card { display: block; }
@media (min-width: 768px) { .ht-card-list_header { display: flex; justify-content: space-between; align-items: center; } }
@media (max-width: 767px) { .ht-card-list_header .flex-item { margin-bottom: 12px; }
.ht-card-list_header .flex-item:last-child { margin-bottom: 0; } }
.ht-card-list_header .cl_h_subtitle { line-height: 16px; font-size: 11px; font-weight: 700; text-transform: uppercase; color: #9e9e9e; }
.ht-card-list_header .cl_h_title { margin: 0; line-height: 24px; font-size: 18px; color: #424242; }
.ht-card-list_header .cl_h_title.cl_h_title-lg { line-height: 30px; font-size: 24px; }
.ht-card-list_header .cl_h_info { line-height: 16px; font-size: 12px; color: #757575; }
.category-descr { font-size: 13px; line-height: 18px; margin: 12px 0; }
.category-descr h1, .category-descr .h1 { font-size: 28px; line-height: 32px; }
.category-descr h2, .category-descr .h2 { font-size: 24px; line-height: 28px; }
.category-descr h3, .category-descr .h3 { font-size: 20px; line-height: 24px; }
.category-descr h4, .category-descr .h4 { font-size: 16px; line-height: 20px; }
.category-descr h5, .category-descr .h5 { font-size: 14px; line-height: 18px; }
.category-descr h6, .category-descr .h6 { font-size: 12px; line-height: 16px; }
.ht-product-card .card-header { position: relative; overflow: hidden; }
.ht-product-card .card-header a.ht-inner { z-index: 20; }
.ht-product-card .card-header a.ht-inner:hover { opacity: .9; }
.ht-product-card .card-header .product_actions { z-index: 20; position: absolute; bottom: 0; left: 0; right: 0; padding: 12px; background-color: rgba(255, 255, 255, 0.8); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -webkit-transform: translateY(100%); transform: translateY(100%); -moz-transition: -moz-transform 0.2s ease-in-out; -o-transition: -o-transform 0.2s ease-in-out; -webkit-transition: -webkit-transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; }
.ht-product-card .card-content { padding: 12px; text-align: center; }
.ht-product-card .card-footer { padding: 8px 12px; background-color: #fafafa; border-top: 1px solid #f5f5f5; }
.ht-product-card .product_featured-image { width: 100%; height: 100%; object-fit: cover; }
.ht-product-card .product_title { margin: 0 0 0; font-size: 13px; height: 36px; }
.ht-product-card .product_title a { display: block; font-size: 13px; color: #424242; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 18px; max-height: 36px; overflow: hidden; text-overflow: ellipsis; }
.ht-product-card .product_title a:hover, .ht-product-card .product_title a:active, .ht-product-card .product_title a:focus { text-decoration: none; }
.ht-product-card .product_title a:hover { color: #757575; }
.ht-product-card .product_price { margin: 8px -8px 0; font-size: 0; line-height: 24px; white-space: nowrap; }
.ht-product-card .product_price span { display: inline-block; vertical-align: top; line-height: 24px; }
.ht-product-card .product_price .pp_old-price { margin: 2px 4px 0 0; line-height: 22px; font-size: 11px; color: #9e9e9e; text-decoration: line-through; max-width: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (min-width: 1200px) { .ht-product-card .product_price .pp_old-price { margin: 2px 8px 0 0; max-width: 72px; } }
.ht-product-card .product_price .pp_old-price .pp_currency-symbol { margin-left: 2px; font-size: 11px; line-height: 22px; }
.ht-product-card .product_price .pp_current-price { margin: 0; font-size: 16px; color: #4caf50; }
@media (min-width: 768px) { .ht-product-card .product_price .pp_current-price { font-size: 18px; } }
.ht-product-card .product_price .pp_current-price .pp_currency-symbol { margin-left: 2px; font-size: 16px; }
@media (min-width: 992px) { .ht-product-card.size-lg-card .product_title { font-size: 15px; height: 40px; }
  .ht-product-card.size-lg-card .product_title a { font-size: 15px; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 20px; max-height: 40px; overflow: hidden; text-overflow: ellipsis; }
  .ht-product-card.size-lg-card .product_price { line-height: 28px; }
  .ht-product-card.size-lg-card .product_price span { line-height: 28px; }
  .ht-product-card.size-lg-card .product_price .pp_old-price { font-size: 13px; }
  .ht-product-card.size-lg-card .product_price .pp_old-price .pp_currency-symbol { font-size: 12px; }
  .ht-product-card.size-lg-card .product_price .pp_current-price { font-size: 20px; }
  .ht-product-card.size-lg-card .product_price .pp_current-price .pp_currency-symbol { font-size: 18px; } }
.ht-product-card:hover .card-header .product_actions { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }

.ht-product-card-slick { margin: 0 -6px; }
#cate-news .item-news .ht-news-card:hover{box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1)}
.ht-product-card-slick .single-col { padding: 0 6px; }
.ht-product-card-slick .ht-product-card { margin: 0; }
.ht-news-card { margin-bottom: 19px; padding-bottom: 12px; border-bottom: 1px dotted #eaeaea; }
.ht-news-card .card-content .btn{color: #fff}
.news-zone-3 .ht-news-card .card-content .btn{color: #000}
.ht-news-card .card-content { padding: 12px 0 0; }

.ht-news-card .news-title { margin: 0 0 6px; padding: 0; line-height: 24px; font-size: 18px; }
.ht-news-card .news-title a { display: inline-block; color: #424242; }
.ht-news-card .news-title a:hover, .ht-news-card .news-title a:focus, .ht-news-card .news-title a:active { text-decoration: none; }
.ht-news-card .news-title a:hover { color: #CE1B22; }
.ht-news-card .news-meta span { color: #000; }
.ht-news-card .news-excerpt { 
    margin: 7px 13px 28px;
    font-size: 13px;
    color: #616161;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 18px;
    height: 38px;
    overflow: hidden;
    text-overflow: ellipsis }
.ht-sign-in-section { margin: 24px 0 48px; }
@media (min-width: 768px) { .ht-sign-in-section { margin: 48px 0 96px; } }
.ht-cart-section .section-header { padding: 0 0 12px; border-bottom: 1px solid #eaeaea; }
.ht-cart-section .section-header .section-title { margin: 0; line-height: 30px; font-size: 24px; color: #424242; }
.ht-cart-section .section-content { padding: 12px 0; }
@media (max-width: 991px) { .ht-cart-section .ht-cart-table-actions { text-align: center; } }
table.ht-cart-table { font-size: 14px; }
table.ht-cart-table td, table.ht-cart-table th { white-space: normal !important; }
table.ht-cart-table thead tr th { padding: 8px; font-size: 12px; font-weight: 700; text-decoration: uppercase; color: #424242; white-space: nowrap !important; }
table.ht-cart-table .table_product-order { text-align: center; }
table.ht-cart-table .table_product-price { text-align: center; }
table.ht-cart-table .table_product-quantity { text-align: center; }
table.ht-cart-table .table_product-total-price { text-align: center; }
table.ht-cart-table .product_price { padding: 5px 0; }
table.ht-cart-table .product_price > span { display: block; white-space: nowrap; }
.ht-user-action-card .user-action-btn { font-weight: 700; color: #757575; background-color: #f5f5f5; }
.ht-user-action-card .user-action-btn:hover { background-color: #eeeeee; }
.ht-user-action-card .user-action-btn.active { color: #4caf50; box-shadow: 0 0 0; }
.ht-home-recent-news-section .section-content { margin-left: -1px; }
.ht-home-recent-news-section .ht-news-card { padding: 12px; background-color: #f7f6fa; }
 .ht-home-recent-news-section .ht-news-card .card-header { margin: -12px -12px 8px -12px; } 
.ht-home-recent-news-section .ht-news-card .card-content { padding: 0 0 0; }
 .ht-home-recent-news-section .ht-news-card .card-content { padding: 21px; height: 180px; } 
.ht-home-recent-news-section .ht-news-card .news-title { margin: 12px 0 11px; padding: 0; font-size: 13px; 
  font-weight: 700; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
   line-height: 17px; max-height: 34px; overflow: hidden; text-overflow: ellipsis; }
.ht-home-recent-news-section .ht-news-card .news-meta { line-height: 14px; white-space: nowrap; overflow: hidden; }
.ht-home-recent-news-section .ht-news-card .news-meta span { font-size: 11px; line-height: 14px; }
.ht-home-recent-news-section .ht-news-card .news-meta span:after { line-height: 12px; }
.ht-home-recent-news-section .ht-news-card .news-excerpt { margin-top: 3px; font-size: 12px;
 color: #000; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; 
 line-height: 16px; max-height: 32px; overflow: hidden; text-overflow: ellipsis; }
.pl-30{
  margin-bottom: 40px;
}
.home-product-zone1 .title-product{
  margin: 10px 0px -15px;
}
.ht-home-carousel-section .has-slick-arrow-type-01 .slick-arrow{
  opacity: 0;
}
.ht-home-recent-news-section{padding: 50px 0px 50px;}
.pri-btn:hover {
    background: #d11921;
    border: 0;
    color: #fff;
}
.lv-hot .text-banner {
    top: 45px;
}
.btn-page-primary-there {
    background: #de594c;
    color: #000;
    position: absolute;
    margin-top: 12px;
    text-transform: uppercase;
    padding: 7px 27px 7px 27px;
    font-weight: 600;
    font-size: 13px;
    border-radius: 21px;
    z-index: 10;
}
.news-home .btn:hover{
  color: #fff;

}
.news-home .news-home-ct{ padding: 0; }
.bt-4new .card-content:last-child {
  border: 0;
}
.bt-4new .panel-default > .panel-heading {
    background-color: #f7f6fb;
    border-color: #ddd;
}
.lv-hot .btn-page-primary {
    background: #2dbeb3;
    color: #fff;
    margin: 209px 2px 1px 77px;
}
.product_actions .pri-btn{ 
  color: #000 ;
  line-height: 15px;
}
.pri-btn:hover .prink {
    color: #fff;
}

.news-meta span {
    margin-right: 30px;
}
.news-meta {
    padding: 0px 9px 8px 22px;
    text-align: left;
    width: 100%;
    margin-left: 0px;
}
.news-meta i {
    margin: 5px;
}
.item-new1 .icon1 {
    color: #2dbeb3;
}


#bannerCarousel .banner-item .text-banner.align-left .title-lv2{
  line-height: 0;
}
.banner-item .text-banner.align-left .title-lv2 {
    font-size: 23px;
    margin-left: 12px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 9px;
    padding: 0px 1px 10px 0px;
}
#siteHeader .main-navbar ul.list-level-01 {
    padding: 14px 0px 0px 0px;
    font-size: 0;
    text-align: center;
}
#siteHeader .main-navbar ul.list-level-01 > li {
    position: relative;
    display: inline-block;
}
#siteHeader .sh_main-menu ul.control-action {
    padding: 0;
    text-align: right;
    float: left;
    white-space: nowrap;
}
#siteHeader .sh_main-menu ul.language-lv2 {
    margin-right: -69px;
    position: absolute;
}
#siteHeader .sh_main-menu ul.list-level-02 li a {
    display: block;
    padding: 8px 34px 8px 10px;
    line-height: 16px;
    font-size: 12px;
    white-space: nowrap;
    color: #333;
}

#siteHeader .sh_main-menu ul.control-action > li:hover .list-level-02 {
    display: block;
}

#siteHeader .sh_main-menu ul.control-action li:hover ul {
    opacity: 1;
}
#siteHeader .sh_main-menu ul.control-action > li {
    display: inline-block;
    position: relative;
    font-size: 0;
}
#siteHeader .sh_main-menu ul.control-action > li .login {
    display: flex;
}
#siteHeader .sh_main-menu ul.control-action > li > a {
    padding: 3px 8px 0;
}
#siteHeader .sh_main-menu ul.control-action > li > a .ht-icon {
    display: block;
    position: relative;
    line-height: 32px;
    text-align: center;
}
#siteHeader .sh_main-menu ul.control-action > li > a .ht-label {
    display: block;
    font-weight: 600;
    width: 110px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-left: 5px;
    margin-top: 2px;
    padding-bottom: 4px;
    line-height: 29px;
    font-size: 14px;
    text-align: left;
    color: #333;
    border-bottom: 2px solid transparent;
    -moz-transition: border-color .1s ease-in-out;
    -o-transition: border-color .1s ease-in-out;
    -webkit-transition: border-color .1s ease-in-out;
    transition: border-color .1s ease-in-out;
}
#siteHeader .main-navbar ul.list-level-01 > li > a {
    display: block;
    padding: 10px 10px;
    line-height: 20px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    color: #000;
}
#siteHeader .main-navbar ul.list-level-01 > li > a h3{
    line-height: 20px;
    margin: 0;
    padding: 0;
    display: inline-block;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
  }
#right-head ul.action-menu-list {
    padding: 0;
    position: absolute;
    right: 0;
}
#right-head{
    margin: 9px 0px;
}
#siteHeader ul.action-menu-list .btn {
    font-size: 15px;
    padding: 5px 19px 5px 19px;
    color: #fff;
    font-weight: 600;
    background: #d11921;
    border-radius: 18px;
}
#siteHeader .main-navbar ul.list-level-01 > li > a .img-nav {
    width: 20px;
}
#siteHeader .main-navbar ul.list-level-01 > li > a i {
    margin-left: 4px;
}
#siteHeader .main-navbar ul.list-level-01 > li > a::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    margin-top: 5px;
    background: #2dbeb3;
    transition: width .3s;
}
#siteHeader .main-navbar ul.list-level-01 > li > a:hover::after {
    width: 50%;
    margin-top: 5px;
   
}
#siteHeader .main-navbar ul.list-level-02 {
    top: 100%;
    left: 0;
    width: 240px;
    box-shadow: 2px 2px 5px #cccccc6b;
    border-radius: 10px;
}
#siteHeader .main-navbar ul.list-level-02 li a img {
    width: 30px;
    margin-right: 5px;
}
#siteHeader .main-navbar ul.list-level-02 > li > a .number-nav2 {
    position: absolute;
    right: 22px;
    font-size: 13px;
    font-weight: 400;
    line-height: 26px;
    color: #656565;
}
.number-nav2 {
    position: absolute;
    right: 22px;
    font-size: 13px;
    font-weight: 400;
    line-height: 26px;
    color: #656565;
}
#siteHeader .main-navbar ul.list-level-02 > li > a, #siteHeader .main-navbar ul.list-level-n > li > a {
    display: block;
    padding: 8px 18px 8px 12px;
    line-height: 22px;
    font-size: 12px;
    color: #010101;
    white-space: nowrap;
}
#siteHeader .main-navbar ul.list-level-02 > li:after {
    border-bottom: 1px solid #dbdbdb;
    content: '';
    position: absolute;
    left: 0;
    right: -31px;
    width: 70%;
    bottom: 1px;
    margin: 0 auto;
}
#siteHeader .main-navbar ul.list-level-02 > .li-not-img:after {
    right: 0px;
    width: 88%;
}
#siteHeader .main-navbar ul.list-level-02 > li:hover:after{
    border-bottom: 1px solid #2dbeb3;
}
#siteHeader .main-navbar ul.list-level-02 > li a:hover{
  color:#2dbeb3;
}
.ht-oneline, .vertical-navbar ul li a {
    display: block;
    overflow: hidden;
    text-overflow: inherit;
    white-space: nowrap;
}
#siteHeader .main-navbar ul.list-level-01 > li:hover .list-level-02 {
    display: block;
}
#siteHeader .sh_main-menu ul.list-level-02 > li:last-child:after {
    border: 0;
}
#siteHeader .sh_main-menu ul.list-level-02, #siteHeader .sh_main-menu ul.list-level-n {
    display: none;
    position: absolute;
    background-color: #fff;
    border-bottom: 2px solid #3cbeb3;
    z-index: 102;
    opacity: 9;
    -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
    -moz-transition: opacity 0.1s ease-in-out;
    -o-transition: opacity 0.1s ease-in-out;
    -webkit-transition: opacity 0.1s ease-in-out;
    transition: opacity 0.1s ease-in-out;
}
#siteHeader .main-navbar ul.list-level-02 > li, #siteHeader .main-navbar ul.list-level-n > li {
    position: relative;
    display: block;
}
#siteHeader .sh_main-menu ul.list-level-02 {
    padding: 0;
    position: absolute;
    top: 15px;
    right: -131px;
    display: none;
    z-index: 10;
    text-align: left;
    background-color: #fff;
    border-bottom:3px solid #2dbeb3;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    opacity: 9;
    -moz-transition: opacity 0.1s ease-in-out;
    -o-transition: opacity 0.1s ease-in-out;
    -webkit-transition: opacity 0.1s ease-in-out;
    transition: opacity 0.1s ease-in-out;
}
.pri3-btn:hover {
    background: #CE1B22;
    border: 0;
    color: #fff;
}
.pri3-btn:hover .green {
    color: #fff;
}
.pri3-btn:hover .greens {
  color: #fff;
}
#siteHeader .main-header ul.list-level-02 {
    padding: 0;
    position: absolute;
    top: 100%;
    right: 0;
    display: none;
    z-index: 2;
    text-align: left;
    background-color: #fff;
    border-bottom: 3px solid #e90b0b;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    opacity: 9;
    -moz-transition: opacity 0.1s ease-in-out;
    -o-transition: opacity 0.1s ease-in-out;
    -webkit-transition: opacity 0.1s ease-in-out;
    transition: opacity 0.1s ease-in-out;
}
.white {
    color: #fff;
}

.banner-item .btn-page-primary i {
    margin-left: 10px;
    font-size: 12px;
}
.ht-title {
    margin: 4px 0 16px;
    line-height: 53px;
    font-size: 26px;
    font-weight: 800;
    color: #333;
}
.title-chan {
    background: url('/img/chan-hong.jpg')no-repeat;
    background-size: 128% 69%;
}
.title-channb {
    background: url('/img/chan-nb.jpg')no-repeat;
    background-size: 100% 73%;
}
.color-red-500 {
    color: #f44336 !important;
}
.product-filter-nav {
    float: right;
}
.product-filter-nav ul.filter-list li {
    display: inline-block;
    vertical-align: top;
}
.product-filter-nav ul.filter-list li a {
    display: block;
    padding: 13px 12px 0px;
    line-height: 16px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    color: #555;
    border-top: 1px solid transparent;
}
.product-list-one {
    margin-top: -6px;
}
.ht-product-card .product-image .image-wrap {
    position: relative;
    display: block;
    overflow: hidden;
    height: 195px;
    text-align: center;
    background-color: #fff;
}

.image_Home {
  height: 240px !important;
}

.ht-product-card .product-image .image-wrap img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ht-product-card .product-detail {
    margin-top: 12px;
}
.ht-product-card .product-detail .pro-name a {
    display: inline-block;
    line-height: 18px;
    font-size: 13px;
    font-weight: bold;
    color: #333;
    min-height: 22px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: nowrap;
}
.ht-product-card.on-list-05-column .product-detail .pro-price {
    margin-top: 3px;
    font-size: 12px;
    font-weight: 400;
}
.ht-product-card .product-detail .pro-price {
    margin: 2px 0 8px;
    height: 18px;
    line-height: 16px;
    font-size: 14px;
    font-weight: 400;
    color: #43A047;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
}
.ht-sidebar-collapse-toggle{
  display: none;
}
.owl-carousel .owl-item .icon-dx {
    width: 21px;
    height: 21px;
    object-fit: none;
    display: inline;
}
.ht-product-card.on-list-05-column .product-detail .pro-price .old-price {
    font-size: 10px;
}
.pri-btn {
    width: 100%;
    border-radius: 22px;
    border: 1px solid #959595;
    color: #ddd;
    line-height: 14px;
    height: 32px;
}
.product_actions .pri3-btn{ 
    color: #000;
    line-height: 16px;
    width: 100%;
    padding: 6px 15px; 
}
.ht-product-card .product-detail .pro-price .old-price {
    display: inline-block;
    vertical-align: middle;
    margin-left: 4px;
    font-size: 11px;
    font-weight: 400;
    color: #000;
}
.title-chanxanh2 {
    background: url('/img/chan-xanh2.png') no-repeat;
    font-weight: 700;
    background-size: 100% 71%;
}
.title-chanxanh-cate {
    background: url('/img/chan-xanh2.png') no-repeat;
    font-weight: 700;
    background-size: 119% 67%;
}
.title-chanxanh {
    background: url('/img/chan-xanh.jpg') no-repeat;
    font-weight: 700;
    background-size: 100% 71%;
}
.title-veiw {
    background: url('/img/chan-xanh.jpg') no-repeat;
    font-weight: 700;
    background-size: 100% 71%;
}
#product-dx .title-chanxanh{
    background-size: 60% 71%;
}
.section-review h2 {
    font-size: 2.14286em;
    font-weight: 400;
    margin-bottom: 30px;
} 
.section-review .content-item {
    position: relative;
    padding-left: 60px;
    margin-bottom: 30px;
}
.section-review .content-item .icon {
    position: absolute;
    left: 0;
    top: -8px;
    font-size: 2.57143em;
    color: #fc0;
}
.review .content-right{ 
  margin-left: 35px; 
}

.review  .btn-video{
  text-align: center;
}
.review  .btn-video .click-video{
    background: #ff3d89;
    color: #fff;
    padding: 8px;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 28px;
    position: absolute;
    bottom: -415px;
    width: 243px;
    right: 80px;
 }
.review .content{
  padding:20px;
  margin-bottom: 20px;

}
.title_module_main .inner_title .number{ 
    margin-top:20px; 
}
.des {
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 400;
    color: #000;
    line-height: 17px;
    margin: 0 0 10px;
}

.footer-promotion {
    padding: 24px 0;
    background: #d11921;
    color: #fff;
}
.footer-promotion .single-policy {
    font-size: 0;
}
.footer-promotion .single-policy .policy-descr {
    padding: 4px 0 4px 16px;
    vertical-align: top;
    display: inline-block;
    max-width: 70%;
}
.footer-promotion .single-policy .policy-descr .item-title {
    margin: 0 0 4px;
    line-height: 20px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
}.footer-promotion .single-policy .policy-descr .item-descr {
    font-size: 12px;
    line-height: 16px;
}
.mb-70 {
    padding: 30px 0px 50px;
}
.news-letter-area .section-title {
    text-transform: uppercase;
}
.news-letter-area .section-title .email-footer {
    margin-bottom: 0px;
    line-height: 30px;
    padding-bottom: 15px;
    font-size: 25px;
    color: #fff;
    font-weight: 700;
    position: relative;
    display: inline-block;
}
.news-latter-box p {
    text-align: center;
    color: #fff;
}
.news-letter-form {
    margin-top: 30px;
}
.footer-lastchild {
    border-right: 1px solid #cccccc1a;
    
}
.news-letter-area .subscribe-form {
    display: inline-block;
    max-width: 100%;
    vertical-align: middle;
    margin: auto;
}
.bt-4new .btn{ color: #000; }
.bt-4new .btn:hover{ color: #000; }
.news-letter-area .subscribe-form input {
    color: rgb(255, 255, 255);
    display: block;
    float: left;
    font-size: 1em;
    height: 48px;
    margin-left: 5px;
    line-height: 48px;
    max-width: 100%;
    position: static;
    text-align: left;
    white-space: nowrap;
    width: 435px;
    background: #2c3c4a;
    border: 0;
    padding: 0px 15px;
    border-radius: 50px;
}

.vertical-navbar ul li:last-child {
    border-bottom: 0;
}
.print-n{
   padding: 9px 0px 0px;
}
.print-n .add-attachment-btn .fa-print{
    margin-right: 2px;
    font-size: 15px;
}
.print-n .add-attachment-btn{
   background: #ee3d77;
    margin-top: -2px;
    width: 100%;
    padding: 9px 21px 9px 21px;
    height: 35px;
    font-weight: 600;
    font-size: 13px;
    line-height: 17px;
    border-radius: 18px;
    border:0;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
}

.vertical-navbar .list-title i {
    width: 52px;
    height: 44px;
    font-size: 15px;
    line-height: 52px;
}
.vertical-navbar .list-title i {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 36px;
    height: 36px;
    line-height: 36px;
    font-size: 18px;
    text-align: center;
}
.img-lv2-category {
    width: 30px;
    margin-right: 5px;
}
.vertical-navbar ul.ul-lev2 li.site-nav-icon:first-child > .nav-item {
    background: url('/img/icon-all.jpg') no-repeat;
    background-position: 5px 3px;
    width: 100%;
    height: 37px;
}
.vertical-navbar ul.ul-lev2 li.site-nav-icon:nth-child(2) > .nav-item {
    background: url('/img/icon-all.jpg') no-repeat;
    background-position: 5px -31px;
    width: 100%;
    height: 37px;
}
.vertical-navbar ul.ul-lev2 li.site-nav-icon:nth-child(3) > .nav-item {
    background: url('/img/icon-all.jpg') no-repeat;
    background-position: 5px -70px;
    width: 100%;
    height: 37px;
}
.vertical-navbar ul.ul-lev2 li.site-nav-icon:nth-child(4) > .nav-item {
    background: url('/img/icon-all.jpg') no-repeat;
    background-position: 5px -104px;
    width: 100%;
    height: 37px;
}
.vertical-navbar ul.ul-lev2 li.site-nav-icon:nth-child(5) > .nav-item {
    background: url('/img/icon-all.jpg') no-repeat;
    background-position: 5px -138px;
    width: 100%;
    height: 37px;
}
.vertical-navbar ul.ul-lev2 li.site-nav-icon:nth-child(6) > .nav-item {
    background: url('/img/icon-all.jpg') no-repeat;
    background-position: 5px -171px;
    width: 100%;
    height: 37px;
}

.vertical-navbar ul.ul-lev2 li.site-nav-icon:nth-child(7) > .nav-item {
    background: url('/img/icon-all.jpg') no-repeat;
    background-position: 5px -204px;
    width: 100%;
    height: 37px;
}
.vertical-navbar ul.ul-lev2 li.site-nav-icon:nth-child(8) > .nav-item {
    background: url('/img/icon-all.jpg') no-repeat;
    background-position: 5px -239px;
    width: 100%;
    height: 37px;
}
.vertical-navbar ul.ul-lev2 li.site-nav-icon:nth-child(9) > .nav-item {
    background: url('/img/icon-all.jpg') no-repeat;
    background-position: 5px -271px;
    width: 100%;
    height: 37px;
}
.vertical-navbar ul.ul-lev2 li.site-nav-icon:nth-child(10) > .nav-item {
    background: url('/img/icon-all.jpg') no-repeat;
    background-position: 5px -303px;
    width: 100%;
    height: 37px;
}
.vertical-navbar ul.ul-lev2 li.site-nav-icon:nth-child(11) > .nav-item {
    background: url('/img/icon-all.jpg') no-repeat;
    background-position: 7px -337px;
    width: 100%;
    height: 37px;
}
.vertical-navbar ul.ul-lev2 li.site-nav-icon:nth-child(12) > .nav-item {
    background: url('/img/icon-all.jpg') no-repeat;
    background-position: 5px -372px;
    width: 100%;
    height: 37px;
}
.vertical-navbar ul.ul-lev2 li.site-nav-icon:nth-child(13) > .nav-item {
    background: url('/img/icon-all.jpg') no-repeat;
    background-position: 5px -406px;
    width: 100%;
    height: 37px;
}
.vertical-navbar ul.ul-lev2 li.site-nav-icon:nth-child(14) > .nav-item {
    background: url('/img/icon-all.jpg') no-repeat;
    background-position: 5px -440px;
    width: 100%;
    height: 37px;
}
.vertical-navbar ul.ul-lev2 li.site-nav-icon:nth-child(15) > .nav-item {
    background: url('/img/icon-all.jpg') no-repeat;
    background-position: 5px -474px;
    width: 100%;
    height: 37px;
}
.vertical-navbar ul.ul-lev2 li.site-nav-icon:nth-child(16) > .nav-item {
    background: url('/img/icon-all.jpg') no-repeat;
    background-position: 5px -504px;
    width: 100%;
    height: 37px;
}
.vertical-navbar ul.ul-lev2 li.site-nav-icon:nth-child(17) > .nav-item {
    background: url('/img/icon-all.jpg') no-repeat;
    background-position: 5px -540px;
    width: 100%;
    height: 37px;
}
.vertical-navbar ul.ul-lev2 li.site-nav-icon:nth-child(18) > .nav-item {
    background: url('/img/icon-all.jpg') no-repeat;
    background-position: 5px -573px;
    width: 100%;
    height: 37px;
}
.vertical-navbar .ul-lev2 .site-nav-icon:first-child:hover > .nav-item {
    background: url('/img/icon-hover.jpg') no-repeat;
    background-position: 5px 3px;
    width: 100%;
    height: 37px;
    color: #2dbeb3;
}
.vertical-navbar .ul-lev2 .site-nav-icon:nth-child(2):hover > .nav-item {
    background: url('/img/icon-hover.jpg') no-repeat;
    background-position: 5px -31px;
    width: 100%;
    height: 37px;
    color: #2dbeb3;
}
.vertical-navbar .ul-lev2 .site-nav-icon:nth-child(3):hover > .nav-item {
    background: url('/img/icon-hover.jpg') no-repeat;
    background-position: 5px -70px;
    width: 100%;
    height: 37px;
    color: #2dbeb3;
}
.vertical-navbar .ul-lev2 .site-nav-icon:nth-child(4):hover > .nav-item {
    background: url('/img/icon-hover.jpg') no-repeat;
    background-position: 5px -104px;
    width: 100%;
    height: 37px;
    color: #2dbeb3;
}
.vertical-navbar .ul-lev2 .site-nav-icon:nth-child(5):hover > .nav-item {
    background: url('/img/icon-hover.jpg') no-repeat;
    background-position: 5px -138px;
    color: #2dbeb3;
    width: 100%;
    height: 37px;
}
.vertical-navbar .ul-lev2 .site-nav-icon:nth-child(6):hover > .nav-item {
    background: url('/img/icon-hover.jpg') no-repeat;
    background-position: 5px -171px;
    color: #2dbeb3;
    width: 100%;
    height: 37px;
}
.vertical-navbar .ul-lev2 .site-nav-icon:nth-child(7):hover > .nav-item {
    background: url('/img/icon-hover.jpg') no-repeat;
    background-position: 5px -204px;
    color: #2dbeb3;
    width: 100%;
    height: 37px;
}
.vertical-navbar .ul-lev2 .site-nav-icon:nth-child(8):hover > .nav-item {
    background: url('/img/icon-hover.jpg') no-repeat;
    background-position: 5px -239px;
    color: #2dbeb3;
    width: 100%;
    height: 37px;
}
.vertical-navbar .ul-lev2 .site-nav-icon:nth-child(9):hover > .nav-item {
    background: url('/img/icon-hover.jpg') no-repeat;
    background-position: 5px -271px;
    color: #2dbeb3;
    width: 100%;
    height: 37px;
}
.vertical-navbar .ul-lev2 .site-nav-icon:nth-child(10):hover > .nav-item {
    background: url('/img/icon-hover.jpg') no-repeat;
    background-position: 5px -303px;
    color: #2dbeb3;
    width: 100%;
    height: 37px;
}
.vertical-navbar .ul-lev2 .site-nav-icon:nth-child(11):hover > .nav-item {
    background: url('/img/icon-hover.jpg') no-repeat;
    background-position: 7px -337px;
    color: #2dbeb3;
    width: 100%;
    height: 37px;
}
.vertical-navbar .ul-lev2 .site-nav-icon:nth-child(12):hover > .nav-item {
    background: url('/img/icon-hover.jpg') no-repeat;
    background-position: 5px -372px;
    color: #2dbeb3;
    width: 100%;
    height: 37px;
}
.vertical-navbar .ul-lev2 .site-nav-icon:nth-child(13):hover > .nav-item {
    background: url('/img/icon-hover.jpg') no-repeat;
    background-position: 5px -406px;
    color: #2dbeb3;
    width: 100%;
    height: 37px;
}
.vertical-navbar .ul-lev2 .site-nav-icon:nth-child(14):hover > .nav-item {
    background: url('/img/icon-hover.jpg') no-repeat;
    background-position: 5px -440px;
    color: #2dbeb3;
    width: 100%;
    height: 37px;
}
.vertical-navbar .ul-lev2 .site-nav-icon:nth-child(15):hover > .nav-item {
    background: url('/img/icon-hover.jpg') no-repeat;
    background-position: 5px -475px;
    color: #2dbeb3;
    width: 100%;
    height: 37px;
}
.vertical-navbar .ul-lev2 .site-nav-icon:nth-child(16):hover > .nav-item {
    background: url('/img/icon-hover.jpg') no-repeat;
    background-position: 5px -504px;
    color: #2dbeb3;
    width: 100%;
    height: 37px;
}
.vertical-navbar .ul-lev2 .site-nav-icon:nth-child(17):hover > .nav-item {
    background: url('/img/icon-hover.jpg') no-repeat;
    background-position: 5px -540px;
    color: #2dbeb3;
    width: 100%;
    height: 37px;
}
.vertical-navbar .ul-lev2 .site-nav-icon:nth-child(18):hover > .nav-item {
    background: url('/img/icon-hover.jpg') no-repeat;
    background-position: 5px -573px;
    color: #2dbeb3;
    width: 100%;
    height: 37px;
}
#bannerCarousel .btn-page-primary{
    background: #fff;
    color: #000;
    text-decoration:none;
    z-index: 1;
}
#bannerCarousel .has-slick-arrow-type-01 .slick-arrow.slick-next {
    background-color: #fff;
    background-image: url('/img/icon/nex.png');
    background-repeat: no-repeat;
    background-position: center;
    right: -17px;
    width: 28px;
}
#bannerCarousel .has-slick-arrow-type-01 .slick-arrow.slick-prev {
    background-color: #fff;
    background-image: url('/img/icon/pew.png');
    background-repeat: no-repeat;
    background-position: center;
    left: -29px;
}
.vertical-navbar ul li a {color: #010101;}
.vertical-navbar ul.ul-lev2 li:last-child:after {border: 0;}
.search-mb{display: none;}
.vertical-navbar .list-title {padding: 17px 12px 11px 54px;height: 50px;}
.category .vertical-navbar ul.ul-lev2 li.site-nav-icon .nav-item {padding-left: 50px;line-height: 21px;}
.category .vertical-navbar ul.ul-lev2 li.site-nav-icon .nav-item h2{font-size: 14px;font-weight: 500;margin: 0;line-height: 25px;}
.vertical-navbar .list-unstyled {
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    background-color: #fff;
    border-bottom: 3px solid #2dbeb3;
    -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
    z-index: 102;
}
.diplay-frozen{display: block;}
.diplay-none{display: none;}
.top-menu1 {padding-top: 7px;}
.f-copyright {padding: 12px 0;color: #fff;border-top: 1px solid #515151;}
#siteHeader .main-category {background-color: #d11921;}
.category {list-style: none; padding-left: 0;}
.btn-new1 {margin-top: -7px;float: right;right: 8px;position: absolute;background: #2dbeb3;color: #fff;font-weight: 500;text-transform: uppercase;}
.btn-new2 {margin-top: -7px;float:right;right: 8px;position: absolute;background: #ff3e89;color: #fff;font-weight: 500;text-transform: uppercase;}
.btn-new3 {margin-top: -7px;float: right;right: 8px;position: absolute;background: #1291d2;color: #fff;font-weight: 500;text-transform: uppercase;}
.btn-new4 {margin-top: -7px;float: right;font-weight: 500;right: 8px;position: absolute;background: #FDBA4D;color: #000;text-transform: uppercase;}

.btn-new5 {margin-top: -7px;float: right;font-weight: 500;right: 8px;position: absolute;background: #2dbeb3;color: #fff;text-transform: uppercase;}
.btn-new6 {margin-top: -7px;float: right;font-weight: 500;right: 8px;position: absolute;background: #ff3e89;color: #fff;text-transform: uppercase;}
.btn-new7 {margin-top: -7px;float: right;font-weight: 500;right: 8px;position: absolute;background: #1291d2;color: #fff;text-transform: uppercase;}
.btn-new8 {margin-top: -7px;float: right;font-weight: 500;right: 8px;position: absolute;background: #FDBA4D;color: #fff;text-transform: uppercase;}
.btn-detail-news{margin-top: -1px;float: right;font-weight: 500;right: -1px;position: absolute;background: #fff000;color: #000;text-transform: uppercase;}
.btn-pro-detail {float: right;font-weight: 600;margin-top: -10px;/* margin-right: -8px; */background: #fff000;color: #000;text-transform: uppercase;}
.content-productdetail{padding:15px 0px 0px;}
.content-productdetail .left-content-fe{margin: 0;padding:40px 0px;}
.content-productdetail .ht-news-leftct{padding:0;margin: 40px 0px;}
.bt-4new .card-content-last{padding: 13px 21px 29px;border-bottom: 1px solid #ccc;}
.bt-4new .card-content-last:last-child {border: 2px solid #000;}
.item-new2 .icon2 {color: #ff3e89;}
.item-new3 .icon3 {color: #1291d2;}
.date-bt-4 i {color: #f2af25;margin-right: 5px;}
.search-tab .search-form {display: inline-block;float: left;}
.search-tab .search-form form {padding: 2px 0;margin: 0 !important;}
.search-tab .search-form #search_text {width: 554px;padding: 0px 17px;font-size: 14px; margin: 4px; border: 0 none; border-radius: 22px; height: 33px;color: #636363;background: #fff;float: left;box-sizing: border-box;}
.cart-tab {margin-right: 14px;}
#siteHeader .main-header ul.list-level-02 li:last-child {border-bottom: 0;}
.nav-pl{text-align: right;}
.navbar-action .btn--create-new-shop .action-badge-count {display: inline-block;line-height: 16px;font-size: 11px; text-align: center; width: 16px; font-weight: 700; color: #000; background-color: #ffdb4a;border-radius: 50%;}

.site-footer ul.pay {display: flex;text-align: center;margin-top: 10px;margin-left: 56px;}
#siteHeader ul.ul-lev1 .category a.list-title{padding: 17px 12px 15px 47px;height: 100%;font-size: 15px;}
#siteHeader ul.ul-lev1 .category a.list-title i {width: 52px;height: 44px;font-size: 18px;line-height: 52px;}
.carousel-tabs .view-more { display: block; padding: 2px 8px; font-weight: 600; color: #000; text-transform: uppercase; line-height: 31px;}
.news-home-pl .ht-news-card-list{margin-bottom: 18px;}
.view-more .ser-text{color: #000;}
/* line 2, ../scss/_card.scss */
.ht-card {padding: 16px;margin-bottom: 12px;background-color: #fff;}
/* line 10, ../scss/_card.scss */
.ht-product-card {margin: 7px;background-color: #fff;}
/* line 5, ../scss/_mixins.scss */
.ht-product-card:before, .ht-product-card:after {content: " ";display: table;}
/* line 10, ../scss/_mixins.scss */
.ht-product-card:after {clear: both;}
/* line 14, ../scss/_card.scss */
.ht-product-card.ht-card {margin-bottom: 16px;}
/* line 23, ../scss/_card.scss */
.ht-product-card .product-image {position: relative;}
/* line 35, ../scss/_card.scss */
.ht-product-card .product-image .image-wrap .p-badge {position: absolute;padding: 4px 8px;line-height: 14px;font-size: 11px;color: #fff;}
.ht-product-card .product-image .image-wrap .p-badge.bg-red {background-color: #F44336;}
/* line 91, ../scss/_card.scss */
.ht-product-card:hover .product-image .image-wrap {opacity: .85;}
/* line 94, ../scss/_card.scss */
.ht-product-card:hover .product-image .hover-action {opacity: 1;}
/* line 99, ../scss/_card.scss */
.ht-product-card .product-detail {margin-top: 12px;}
/* line 101, ../scss/_card.scss */
.ht-product-card .product-detail .pro-name {margin: 0px 1px;padding: 0;overflow: hidden;line-height: 16px;font-size: 12px;     text-align: center;}
.current-price{ color: #000; font-size: 12px; }
/* line 114, ../scss/_card.scss */
.ht-product-card .product-detail .pro-name a:hover {color: #CE1B22;}
.news-home .ht-news-card{padding:0;}
.news-home .ht-card{padding: 0;}

/* line 138, ../scss/_card.scss */
.ht-product-card .pro-countdown {margin-top: 12px;background-color: #E8F5E9;border: 1px solid #ddd;}
/* line 142, ../scss/_card.scss */
.ht-product-card .pro-countdown .cd-col {float: left;width: 25%;padding: 6px 0;text-align: center;border-right: 1px solid #ddd;}
/* line 148, ../scss/_card.scss */
.ht-product-card .pro-countdown .cd-col:last-child {border-right: 0;}
/* line 151, ../scss/_card.scss */
.ht-product-card .pro-countdown .cd-col span {
  display: block;
  white-space: nowrap;
}
/* line 155, ../scss/_card.scss */
.ht-product-card .pro-countdown .cd-col .ht-number {
  line-height: 20px;
  font-size: 16px;
  font-weight: 500;
  color: #333;
}
/* line 161, ../scss/_card.scss */
.ht-product-card .pro-countdown .cd-col .ht-label {
  margin-top: 2px;
  line-height: 14px;
  font-size: 11px;
  font-weight: 400;
  color: #777;
}
/* line 171, ../scss/_card.scss */
.ht-product-card.ht-product-card-fz .product-image {
  width: 25%;
  float: left;
}
/* line 175, ../scss/_card.scss */
.ht-product-card.ht-product-card-fz .product-detail-hz {
  width: 75%;
  float: right;
  padding-left: 16px;
}
/* line 179, ../scss/_card.scss */
.ht-product-card.ht-product-card-fz .product-detail-hz .pro-name {
  margin: 0;
  padding: 0;
  line-height: 22px;
  overflow: hidden;
}
/* line 184, ../scss/_card.scss */
.ht-product-card.ht-product-card-fz .product-detail-hz .pro-name a {
  display: inline-block;
  vertical-align: top;
  line-height: 22px;
  font-size: 16px;
  font-weight: 500;
  color: #333;
}
/* line 191, ../scss/_card.scss */
.ht-product-card.ht-product-card-fz .product-detail-hz .pro-name a:hover {
  color: #388E3C;
}
/* line 196, ../scss/_card.scss */
.ht-product-card.ht-product-card-fz .product-detail-hz .pro-price {
  margin: 4px 0 8px;
  line-height: 18px;
  font-size: 14px;
  font-weight: 500;
  color: #43A047;
  white-space: nowrap;
  overflow: hidden;
}
/* line 204, ../scss/_card.scss */
.ht-product-card.ht-product-card-fz .product-detail-hz .pro-price .old-price {
  margin-left: 8px;
  font-size: 11px;
  font-weight: 400;
  color: #777;
}
/* line 211, ../scss/_card.scss */
.ht-product-card.ht-product-card-fz .product-detail-hz .pro-descr {
  margin: 4px 0 0;
  line-height: 16px;
  font-size: 12px;
  color: #777;
}
/* line 220, ../scss/_card.scss */
.ht-product-card.on-list-3-columns .product-image {
  position: relative;
}
/* line 222, ../scss/_card.scss */
.ht-product-card.on-list-3-columns .product-image .image-wrap {
  text-align: center;
  height: 189px;
  line-height: 189px;
  background-color: #fff;
}
@media (min-width: 1200px) {
  /* line 222, ../scss/_card.scss */
  .ht-product-card.on-list-3-columns .product-image .image-wrap {
    height: 240px;
    line-height: 240px;
  }
}
/* line 231, ../scss/_card.scss */
.ht-product-card.on-list-3-columns .product-image .image-wrap:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 247, ../scss/_card.scss */
.ht-product-card.on-carousel {
  padding: 0;
}
.ht-product-card.on-list-05-column {
    margin-bottom: 19px;
    width: 30.3333333%;
    float: left;
}
.product-z1 .ht-product-card.home-05-column {
    margin-bottom: 26px;
    width: 31.333333%;
    float: left;
}
.product-z2 .ht-product-card.on-list-05-column {
    margin-bottom: 18px;
    width: 31.333333%;
    float: left;
}

/* line 259, ../scss/_card.scss */
.ht-product-card.on-list-05-column .product-detail .pro-price {
  margin-top: 3px;
  font-size: 12px;
  font-weight: 400;
}

/* line 262, ../scss/_card.scss */
.ht-product-card.on-list-05-column .product-detail .pro-price .old-price {
  font-size: 10px;
}
/* line 268, ../scss/_card.scss */
.ht-product-card.on-list-02-column {
  display: block;
  padding: 10px 10px 12px;
  width: 50%;
  float: left;
  border-right: 1px solid #ddd;
  border-top: 1px solid #ddd;
}
/* line 277, ../scss/_card.scss */
.ht-product-card.on-list-02-column .product-image .image-wrap img {
  -moz-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
/* line 283, ../scss/_card.scss */
.ht-product-card.on-list-02-column .product-image:hover .image-wrap img {
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}
/* line 289, ../scss/_card.scss */
.ht-product-card.on-list-02-column .product-detail {
  margin-top: 12px;
}
/* line 291, ../scss/_card.scss */
.ht-product-card.on-list-02-column .product-detail .pro-name {
  height: 16px;
  font-weight: 400;
  color: #333;
  -moz-transition: color 0.2s ease-in-out;
  -o-transition: color 0.2s ease-in-out;
  -webkit-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
/* line 301, ../scss/_card.scss */
.ht-product-card.on-list-02-column:hover .product-image .image-wrap img {
  opacity: .8;
}
/* line 306, ../scss/_card.scss */
.ht-product-card.on-list-02-column:hover .product-detail {
  margin-top: 12px;
}
/* line 308, ../scss/_card.scss */
.ht-product-card.on-list-02-column:hover .product-detail .pro-name {
  color: #43A047;
}

.f-flex {
  display: flex;
  justify-content: center;
  align-items: center;
}
.m-top {
  margin-top: 20px;
}
p.text {
  font-size: 14px;
  line-height: 25px;
}
h3.text-menu {
  margin: 0;
}
/* line 533, ../scss/_card.scss */
.ht-news-card {
  padding: 6px;
  line-height: 16px;
  font-size: 12px;
  background-color: #f7f6fa;

}
.ht-rectangle > .ht-inner {
    display: block;
    height: 187px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.ht-rectangle {
    position: relative;
    display: block;
}
.ht-rectangle > .ht-inner img{
      height: 100%;
      width: 100%;
    object-fit: cover;
}
.ht-home-recent-news-section .ht-news-card .card-header {
    margin: -12px -12px 8px -12px;
}
.cate-left-menu .vertical-navbar ul li a{
    padding:8px 0px 7px 12px;
}
.cate-left-menu .cate-slidebar-left{
  margin-top: 673px;
}
.ht-news-card .news-title {
    padding: 10px 7px 0px 20px;
    font-size: 13px;
    font-weight: 700;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 20px;
    max-height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ht-news-card .news-title a{
    color: #000;
    min-height: 42px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.news-excerpt{
    padding: 1px 7px 0px 7px;
}
.ht-news-card-list .ht-news-card .news-meta{
    padding: 12px 0px 8px 0px;
    text-align: left;
    border-bottom: 1px solid #ccc;
    width: 74%;
    margin-left: 32px;
}
.ht-news-card-list .ht-news-card .news-meta i{ margin: 5px; }
.ht-news-card.ht-card {
    margin-bottom: 16px;
    margin-bottom: 55px;
}
.ht-news-card .news-thumb a {
  display: block;
}
.ht-news-card .news-thumb a img {
  display: block;
  width: 100%;
}
/* line 550, ../scss/_card.scss */
.ht-news-card .news-thumb a:hover {
  opacity: .9;
}
/* line 555, ../scss/_card.scss */
.ht-news-card .info-wrap {
  padding: 10px 8px;
}
/* line 557, ../scss/_card.scss */
.ht-news-card .info-wrap .news-title {
  margin: 0 0 6px;
  line-height: 20px;
  height: 40px;
  overflow: hidden;
  font-size: 16px;
  font-weight: 500;
  color: #333;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* line 566, ../scss/_card.scss */
.ht-news-card .info-wrap .news-title a {
  color: #333;
}
/* line 568, ../scss/_card.scss */
.ht-news-card .info-wrap .news-title a:hover {
  color: #388E3C;
}
/* line 573, ../scss/_card.scss */
.ht-news-card .info-wrap .news-subtitle {
  line-height: 16px;
  font-size: 12px;
  font-style: italic;
  color: #777;
}
/* line 579, ../scss/_card.scss */
.ht-news-card .info-wrap .info-bottom-wrap {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid #eee;
}
/* line 584, ../scss/_card.scss */
.ht-news-card .info-wrap .news-excerpt {
  line-height: 16px;
  height: 32px;
  overflow: hidden;
  font-size: 12px;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* line 591, ../scss/_card.scss */
.ht-news-card .info-wrap .news-meta {
  margin-top: 6px;
}
/* line 593, ../scss/_card.scss */
.ht-news-card .info-wrap .news-meta span {
  margin-right: 8px;
  display: inline-block;
  font-size: 11px;
  color: #777;
}
/* line 598, ../scss/_card.scss */
.ht-news-card .info-wrap .news-meta span i.fa {
  margin-right: 4px;
}
/* line 604, ../scss/_card.scss */
.ht-news-card.on-carousel {
  padding: 12px;
  border: 0;
  -moz-box-shadow: 0 0 0 0;
  -webkit-box-shadow: 0 0 0 0;
  box-shadow: 0 0 0 0;
}

/* line 611, ../scss/_card.scss */
.ht-article-card .ht-news-title {
  margin: 0 0 8px;
  line-height: 24px;
  font-size: 24px;
}
/* line 616, ../scss/_card.scss */
.ht-article-card .ht-news-meta {
  font-size: 12px;
}
/* line 618, ../scss/_card.scss */
.ht-article-card .ht-news-meta > span {
  display: inline-block;
  margin-right: 12px;
  line-height: 16px;
  font-size: 12px;
  color: #777;
}
/* line 624, ../scss/_card.scss */
.ht-article-card .ht-news-meta > span i {
  display: inline-block;
  margin-right: 4px;
}
/* line 628, ../scss/_card.scss */
.ht-article-card .ht-news-meta > span a {
  color: #777;
}
/* line 633, ../scss/_card.scss */
.ht-article-card .img-wrap {
  margin: 24px 0;
}

/* line 644, ../scss/_card.scss */
.ht-comment-card ul.list-comment li .single-comment {
  display: block;
  position: relative;
  margin: 0 0 16px;
  padding: 0 0 0 48px;
  min-height: 48px;
}
/* line 650, ../scss/_card.scss */
.ht-comment-card ul.list-comment li .single-comment span, .ht-comment-card ul.list-comment li .single-comment a {
  margin-right: 4px;
}
/* line 653, ../scss/_card.scss */
.ht-comment-card ul.list-comment li .single-comment .user-image {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 48px;
  height: 48px;
  background-color: #E0E0E0;
}
/* line 660, ../scss/_card.scss */
.ht-comment-card ul.list-comment li .single-comment .comment-info {
  padding: 0 0 0 12px;
}
/* line 663, ../scss/_card.scss */
.ht-comment-card ul.list-comment li .single-comment .comment-info .comment-meta .c-name {
  line-height: 16px;
  font-size: 14px;
  font-weight: 500;
  color: #333;
}
/* line 669, ../scss/_card.scss */
.ht-comment-card ul.list-comment li .single-comment .comment-info .comment-meta .c-date {
  line-height: 16px;
  font-size: 12px;
  color: #777;
}
/* line 674, ../scss/_card.scss */
.ht-comment-card ul.list-comment li .single-comment .comment-info .comment-meta .c-action {
  font-size: 12px;
}
/* line 678, ../scss/_card.scss */
.ht-comment-card ul.list-comment li .single-comment .comment-info .comment-content {
  margin-top: 4px;
  line-height: 16px;
  font-size: 12px;
}
/* line 686, ../scss/_card.scss */
.ht-comment-card ul.list-comment ul {
  padding-left: 24px;
  border-left: 2px solid #ddd;
}
/* line 746, ../scss/_card.scss */
.ht-signin-card .signin-form .input-group-addon i {
  display: block;
  width: 16px;
  text-align: center;
  color: #777;
}
/* line 2, ../scss/_carousel.scss */
.owl-carousel {
  position: relative;
}
/* line 5, ../scss/_carousel.scss */
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next {
  position: absolute;
  display: block;
  top: 50%;
  margin-top: -36px;
  width: 28px;
  line-height: 72px;
  text-align: center;
  color: #fff;
  background-color: #fff;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
/* line 16, ../scss/_carousel.scss */
.owl-carousel .owl-nav .owl-prev i,
.owl-carousel .owl-nav .owl-next i {
  line-height: 72px;
  font-size: 20px;
  display: inline-block;
  vertical-align: top;
}
/* line 22, ../scss/_carousel.scss */
.owl-carousel .owl-nav .owl-prev.disabled,
.owl-carousel .owl-nav .owl-next.disabled {
  opacity: .4 !important;
}
/* line 26, ../scss/_carousel.scss */
.owl-carousel .owl-nav .owl-prev {
  left: 0;
  padding-right: 2px;
}
/* line 30, ../scss/_carousel.scss */
.owl-carousel .owl-nav .owl-next {
  right: 0;
  padding-left: 2px;
}
/* line 51, ../scss/_carousel.scss */
.owl-carousel .owl-dots {
  position: absolute;
  bottom: 3px;
  left: 50%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 28px;
  padding: 4px;
  line-height: 20px;
  font-size: 0;
}
/* line 60, ../scss/_carousel.scss */
.owl-carousel .owl-dots .owl-dot {
  display: inline-block;
  margin: 0 2px;
}
/* line 63, ../scss/_carousel.scss */
.owl-carousel .owl-dots .owl-dot span {
  display: block;
  width: 13px;
  height: 13px;
  background-color: #fff;
  border-radius: 50%;
  border: 2px solid transparent;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
/* line 72, ../scss/_carousel.scss */
.owl-carousel .owl-dots .owl-dot.active span {
  background-color: #ffdb4a;
  
}

/* line 80, ../scss/_carousel.scss */
.product-carousel,
.news-carousel {
  background-color: #fff;
}

/* line 89, ../scss/_carousel.scss */
.product-carousel .owl-nav .owl-prev,
.product-carousel .owl-nav .owl-next,
.news-carousel .owl-nav .owl-prev,
.news-carousel .owl-nav .owl-next {
  width: 24px;
}
.eduser-album .ht-product-card{
  background: none;
  margin-bottom: 20px;
}
.eduser-album::-webkit-scrollbar {
    width: 6px;
    background-color: #ccc;
}
.eduser-album::-webkit-scrollbar-thumb {
    background-color: #2dbeb3;
}
.eduser-album::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #ccc;
    background-color: #ccc;
}
/* line 95, ../scss/_carousel.scss */
.photo-carousel {
  margin-top: 8px;
  background-color: #fff;
}
/* line 99, ../scss/_carousel.scss */
.photo-carousel .owl-nav .owl-prev,
.photo-carousel .owl-nav .owl-next {
  margin-top: -18px;
  width: 24px;
  line-height: 36px;
}
/* line 104, ../scss/_carousel.scss */
.photo-carousel .owl-nav .owl-prev i,
.photo-carousel .owl-nav .owl-next i {
  line-height: 36px;
}
/* line 109, ../scss/_carousel.scss */
.photo-carousel .photo-item {
  padding: 4px;
}
/* line 111, ../scss/_carousel.scss */
.photo-carousel .photo-item a {
  display: block;
  border: 1px solid transparent;
}
/* line 114, ../scss/_carousel.scss */
.photo-carousel .photo-item a:hover {
  border-color: #ddd;
}
/* line 1, ../scss/_sections.scss */
.vertical-navbar {
  background-color: #fff;
}
/* line 4, ../scss/_sections.scss */
.vertical-navbar .list-title {
  position: relative;
  margin: 0;
  padding: 9px 12px 7px 44px;
  line-height: 17px;
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
  text-transform: uppercase;
  color: #fff;
  background-color: #000;
}
/* line 15, ../scss/_sections.scss */
.vertical-navbar .list-title i {
  position: absolute;
  display: block;
  top: 0;
  left: -2px;
  width: 36px;
  height: 36px;
  line-height: 36px;
  font-size: 18px;
  text-align: center;

}
/* line 35, ../scss/_sections.scss */
.vertical-navbar ul {
    margin: 0;
    padding: 0;
}
/* line 39, ../scss/_sections.scss */
.vertical-navbar ul li {
  position: relative;
}
.vertical-navbar ul.ul-lev2 li:after {
    border-bottom: 1px solid #b8b8b83d;
    content: '';
    position: absolute;
    left: 0;
    right: -21px;
    width: 70%;
    bottom: 0;
    margin: 0 auto;
}
.vertical-navbar ul.ul-lev2 li:after:last-child {
   border-bottom: 0;
}
#siteHeader .main-navbar ul.list-level-02 > li:last-child:after{
    border: 0;
}
/* line 42, ../scss/_sections.scss */
.vertical-navbar ul li:last-child {
  border-bottom: 0;
}
/* line 45, ../scss/_sections.scss */
.vertical-navbar ul li a {
  position: relative;
  display: block;
  padding: 6px 24px 6px 12px;
  line-height: 20px;
  font-size: 12px;
  color: #010101;
}
/* line 53, ../scss/_sections.scss */
.vertical-navbar ul li a i {
  position: absolute;
  display: block;
  line-height: 20px;
  top: 10px;
  right: 16px;
}
#siteHeader .sh_main-menu ul.control-action > li .language .text-language{
  display: none;
}
/* line 81, ../scss/_sections.scss */
.main-category .category .vertical-navbar ul.ul-lev2 li:hover > .list-unstyled {
  display: block;
}
#siteHeader .sh_main-menu ul.control-action > li .language .ht-icon2{
    display: none;
}

.img_nb {
  height: 345px !important;
}

.btn_lammau {
  width: 16%; 
  background-color: #fff;
  border: 1px solid rgb(213, 0, 0); 
  padding: 6px; 
  color: red; 
  border-radius: 5px; 
  margin-left: 13%;
}

@media (min-width: 1200px) {
  /* line 87, ../scss/_sections.scss */
  .home-carousel {
    height: 480px;
    background-color: #E0E0E0;
  }
  /* line 97, ../scss/_sections.scss */
  .home-carousel .single-item {
    display: block;
    height: 480px;
  }
}

/* line 103, ../scss/_sections.scss */
.cat-filter-header {
  font-size: 0;
}
/* line 106, ../scss/_sections.scss */
.cat-filter-header .ht-title {
    margin: 0;
    margin-bottom: -1px;
    padding: 12px 0;
    line-height: 20px;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    border-bottom: 1px solid #43A047;
}
/* line 116, ../scss/_sections.scss */
.cat-filter-header .sort-wrap {
    padding: 5px 0;
    margin-bottom: -1px;
}
/* line 119, ../scss/_sections.scss */
.cat-filter-header .sort-wrap .ht-label {
    display: inline-block;
    vertical-align: top;
    padding: 4px 8px;
    line-height: 16px;
    font-size: 12px;
    font-weight: 500;
    color: #777;
}
/* line 128, ../scss/_sections.scss */
.cat-filter-header .sort-wrap ul.sort-by-list {
    display: inline-block;
    vertical-align: top;
    margin: 0 4px;
}

/* line 132, ../scss/_sections.scss */
.cat-filter-header .sort-wrap ul.sort-by-list > li {
  position: relative;
}
/* line 134, ../scss/_sections.scss */
.cat-filter-header .sort-wrap ul.sort-by-list > li > span {
    display: block;
    padding: 4px 12px;
    min-width: 128px;
    line-height: 16px;
    font-size: 12px;
    color: #555;
    background-color: #fff;
}
/* line 143, ../scss/_sections.scss */
.cat-filter-header .sort-wrap ul.sort-by-list > li ul {
    display: none;
    opacity: 0;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 100%;
    padding: 0;
    margin: 0;
    background-color: #fff;
    border: 1px solid #eee;
    -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
    z-index: 99;
}
/* line 155, ../scss/_sections.scss */
.cat-filter-header .sort-wrap ul.sort-by-list > li ul li {
  border-bottom: 1px solid #eee;
}
/* line 157, ../scss/_sections.scss */
.cat-filter-header .sort-wrap ul.sort-by-list > li ul li:last-child {
  border-bottom: 0;
}
/* line 160, ../scss/_sections.scss */
.cat-filter-header .sort-wrap ul.sort-by-list > li ul li a {
    display: block;
    padding: 4px 16px 4px 12px;
    line-height: 16px;
    font-size: 12px;
    white-space: nowrap;
    color: #555;
}
/* line 167, ../scss/_sections.scss */
.cat-filter-header .sort-wrap ul.sort-by-list > li ul li a:hover {
  background-color: #E8F5E9;
}
/* line 170, ../scss/_sections.scss */
.cat-filter-header .sort-wrap ul.sort-by-list > li ul li a:active {
  background-color: #C8E6C9;
}
/* line 178, ../scss/_sections.scss */
.cat-filter-header .sort-wrap .view-by-icon {
    display: inline-block;
    width: 32px;
    margin: 0 2px;
    line-height: 24px;
    text-align: center;
    color: #999;
    background-color: #fff;
}
/* line 186, ../scss/_sections.scss */
.cat-filter-header .sort-wrap .view-by-icon i {
    display: inline-block;
    line-height: 24px;
    vertical-align: top;
    font-size: 14px;
}
/* line 204, ../scss/_sections.scss */
.product-filter-nav {
    float: right;
}
.product-dx .product-filter-nav {
    position: absolute;
    right: 0;
}
#product-dx .owl-carousel .owl-dots{ display: none; opacity: 0; }
/* line 208, ../scss/_sections.scss */
.product-filter-nav .view-more {
    display: block;
    padding: 9px 7px 0px 10px;
    margin: 3px 0px 0px;
    font-weight: 600;
    color: #000;
    text-transform: uppercase;
    line-height: 31px;
}
#product-dx .product-filter-nav .view-more{
  margin: 11px 0px 0px;
}
.carousel-tabs .view-more {
    display: block;
    padding: 2px 8px;
    position: absolute;
    right: -2px;
    font-weight: 600;
    color: #000;
    text-transform: uppercase;
    line-height: 31px;
}

.product-filter-nav ul.filter-list {
    margin: 0;
    padding: 0;
    font-size: 0;
}

.check-out-section hr {
    border-color: #ddd;
}
.bar-mid{
    display: flex; 
    float: right; 
}
.search-tab {
    display: inline-block;
    padding: 2px 90px 0px 0px;
    float: left;
}
#sticky {
  position: sticky;
  position: -webkit-sticky;
  background: #f83d23;
  width: 100px;
  height: 100px;
  top: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 0 6px #000;
  color: #fff;
}
.category .vertical-navbar a{     
  font-size: 14px;
   font-weight: 500;
}
.category .vertical-navbar .list-title{
    font-weight: 700;
}
.number-nav2{
    position: absolute;
    right: 22px;
    font-size: 13px;
    font-weight: 400;
    line-height: 26px;
    color: #656565;
}
.search-tab .search-form #search_button {
    position: absolute;
    border: 0 none;
    background: #000;
    float: right;
    font-size: 13px;
    text-transform:uppercase;
    width: 110px;
    right: 1px;
    font-weight: bold;
    margin: 6px;
    text-align: center;
    height: 29px;
    line-height: 13px;
    cursor: pointer;
    color: #fff;
    border-radius: 18px;
}

.navbar-action {
    flex: 0 0 auto;
    padding: 0 0 0;
    -moz-transition: padding 0.2s ease-in-out;
    -o-transition: padding 0.2s ease-in-out;
    -webkit-transition: padding 0.2s ease-in-out;
    transition: padding 0.2s ease-in-out;
}

.navbar-action .btn--create-new-shop {
    display: inline-block;
    height: 34px;
    margin-top: 9px;
    line-height: 19px;
    padding: 5px 15px;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    color: #ffffff;
    background-color: #000;
    border-radius: 20px;
}
.navbar-action .btn--create-new-shop i {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    line-height: 20px;
    position: relative;
    top: 2px;
    text-transform: uppercase;
}
.navbar-action .btn--create-new-shop .fa-cart-plus {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    line-height: 23px;
    position: relative;
    top:0px;
    margin-right: 4px;
    text-transform: uppercase;
}
.navbar-action .btn--create-new-shop .text-heds{
    line-height: 22px;
}

.right-btn{
    float: right;
    text-align: right;
}
.cate-left-menu .vertical-navbar .ul-lev2{
  width: 98%;
}
.vertical-navbar .ul-lev2{ 
    display: none;  
    position: absolute;
    z-index: 9;
    background:#fff;
    box-shadow: 1px 2px 3px 2px #cccccc1f;
    width: 100%;
    min-height: 480px;
}
.sh_main-menu{    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08);
    background: #fff;
      -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform;
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
}
.sh_main-menu.is-hidden {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}
.vertical-navbar .ul-lev2 li .icon-menu-pri{ margin-right: 11px; }
.vertical-navbar .ul-lev2 li{ 
  list-style: none; 
}
.vertical-navbar ul .category .btn-all{ 
  background: #fff7d5;
    color: #000;
    text-transform: uppercase;
    text-align: center;
    bottom: 0;
    position: absolute;
    width: 100%;
}
.vertical-navbar ul .category .btn-all a{ 
    text-align: center;
    padding: 10px;
    font-size: 13px;
    font-weight: bold;

}


#right-head ul.action-menu-list {
    float: left;
    padding: 3px 0px;
   
}
#right-head ul.action-menu-list li{
  list-style: none;
}
.cart-tab1 ul {
    margin: 10px 0 0;
    padding: 0;
    list-style: none;
}
.album-list-scroll {
    height: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.cart-tab1 .choose {
    background: #ee3d77;
    margin-top: -2px;
    width: 100%;
    padding: 9px 15px 9px 15px;
    height: 35px;
    font-weight: 600;
    font-size: 13px;
    line-height: 17px;
    border-radius: 18px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
}

.album-drag-content input[type=file] {
    display: inline;
    font-size: 15px;
    margin-top: -20px;
    margin-left: -48px;
    opacity: 0;
    width: 96px;
    position: absolute;
}

.pri3-btn{
    width: 100%;
    font-size: 12px;
    border-radius: 22px;
    border: 1px solid #959595;
    color: #ddd;
    line-height: 12px;
    height: 29px;
    font-weight: 500;
    letter-spacing: 0px;
}
.pri2-btn{
  width: 100%;
  border-radius: 22px; 
  border: 1px solid #959595;
  color: #ddd;
  line-height: 14px;
  height: 32px;
}
.product_actions{
  margin-top: 15px;
}
.product_actions a{ 
  color: #000;
  line-height: 14px;
}
.product-z1 .ht-product-card.home-05-column:hover .pri-btn{background: #d11921; border: 0; color: #fff;}
.product-z1 .ht-product-card.home-05-column:hover .pri-btn .prink{ color: #fff;}

.product-z2 .ht-product-card.on-list-05-column:hover .pri2-btn{background: #d11921; border: 0; color: #fff;}
.product-z2 .ht-product-card.on-list-05-column:hover .pri2-btn .hong{ color: #fff;}


.product-pri:hover .pri3-btn{background: #d11921; border: 0; color: #fff;}
.product-pri:hover .pri3-btn .green{ color: #fff;}
.product-pri:hover .pri3-btn .greens{ color: #fff;}

#product-dx .ht-product-card:hover .pri3-btn{background: #3cbeb3; border: 0; color: #fff;}
#product-dx .ht-product-card:hover .pri3-btn .green{ color: #fff;}

.product-pri-cate:hover .pri3-btn{background: #3cbeb3; border: 0; color: #fff;}
.product-pri-cate:hover .pri3-btn .green{ color: #fff;}

.ht-product-card.item-5:hover .pri2-btn{background: #ff3e89; border: 0; color: #fff;}
.ht-product-card.item-5:hover .pri2-btn .hong{ color: #fff;}


.tabs-search .tab-content .product-pri-cate:hover .pri3-btn{background: #3cbeb3; border: 0; color: #fff;}
.tabs-search .tab-content .product-pri-cate:hover .pri3-btn .green{ color: #fff;}


#prevew-img-upload .ht-modal-body{padding: 15px;}
#prevew-img-upload .ht-modal-content{border-radius: 5px;}

.review{ 
    background: url('/img/black_banner.png');
    background-position: center ;
    background-repeat: no-repeat ;
    background-size: cover ;
    background-position: unset;   
}
.review .section-review{
    padding: 70px 0 35px;
}
.section-review h2 {font-size: 2.14286em;font-weight: 700;margin-bottom: 30px;} 
.section-review .content-item {position: relative;padding-left: 60px;margin-bottom: 30px;}
.section-review .content-item .icon {
    position: absolute;
    left: 0;
    top: -8px;
    font-size: 2.57143em;
    color: #fc0;
}
.section-review .content-item h3 {
    font-weight: 600;
    font-size: 1.28571em;
        margin: 6px 0px;
}
.section-review .content-item .title-i1{
  color: #fff;
  font-weight: bold;
  font-size: 18px;
}
.section-review .content-item .title-i2{
  color: #fff;
  font-weight: bold;
  font-size: 18px;
}
.section-review .content-item .title-i3{
  color: #fff;
  font-weight: bold;
  font-size: 18px;
}
.section-review .content-item .title-i4{
  color: #fff;
  font-weight: bold;
  font-size: 18px;
}
.review .content-right{ 
  margin-left: 35px; 
}
.review .content-right p{ 
  font-size: 14px;
}
.review .content{
    padding:20px;
    margin-bottom: 20px;

}
.title_module_main {
    width: 100%;
    float: left;
    margin: 20px 0px 37px;
}

.a-center {
    text-align: center !important;
}
.title_module_main .inner_title {
    display: inline-block;
    position: relative;
}
.title_module_main .inner_title .des {
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 400;
    color: #282828;
    line-height: 17px;
    margin: 0 0 10px;
}
.title_module_main .inner_title .number{ margin-top:20px; }
.des {
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 400;
    color: #000;
    line-height: 17px;
    margin: 0 0 10px;
}

.title_module_main .h2, .title_module_main h2 {
    text-transform: uppercase;
    font-size: 27px;
    line-height: 29px;
    padding: 0;
    color: #282828;
    font-weight: 700;
    margin: 0;
    letter-spacing: 0;
    position: relative;
}

.title_module_main .inner_title .h2 h3{ 
  font-size: 27px;
    line-height: 29px;
    font-weight: bold; }
.fb_customer_chat_bounce_out_v2{
   z-index: 10 !important;
}
#return-to-top {
    position: fixed;
    bottom: 151px;
    right: 4px;
    z-index: 10000;
    width: 70px;
    height: 70px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.footer-pri{
      background: url('/img/footer.jpg') no-repeat;
    background-position: center;
    background-size: cover;
}
.mb-70 {
    margin-bottom: 20px;
}
.news-letter-area .section-title {
    text-transform: uppercase;
}

.news-latter-box p{ 
  text-align: center; 
  color: #fff 
}
.news-letter-area  .subscribe-form {
    display: inline-block;
    max-width: 100%;
    vertical-align: middle;
    margin: auto;
}
.news-letter-area  button#mc-submit, .subscribe-form input {
    border-radius: 50px;
    margin-left: -80px;
}
.news-letter-area .subscribe-form button {
    color: #fff;
    float: left;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
    height: 48px;
    letter-spacing: 0.03em;
    line-height: 47px;
    max-width: 100%;
    background: #FDBA4D;
    border:0;
    margin: 0px 0px 0px 15px;
    padding: 0px 32px;
    transition: all 0.3s ease 0s;
}
.date-bt-4{
       margin: 16px 41px 16px 1px;
}
.bt-4new .card-content{
    margin: 21px 25px; 
    border-bottom: 1px solid #ccc;
    padding: 0;
}
.bt-4new .card-content .news-title{
    padding: 5px;
    margin: 0;
    text-align: left;
}
.date-bt-4 i{
    color: #f2af25;
    margin-right: 5px;
}
.date-bt4{ 
  float: left; 
}
.view-bt4{ 
  float: right; 
}
.item-new1 .icon1{ 
  color: #2dbeb3 
}
.item-new1 .fa-clock{
  color: #2dbeb3
}
.item-new2 .fa-clock{
  color: #ff3e89
}
.item-new3 .fa-clock{
  color: #1291d2
}
.item-new2 .icon2{ 
  color: #ff3e89 
}
.item-new3 .icon3{ 
  color: #1291d2 
}
#bannerCarousel .owl-prev{ 
    background: none;
    background-image: url(../img/icon/pew.png);
    background-repeat: no-repeat;
    margin-top: 4px;
    left: -29px;
  }
#bannerCarousel .owl-next{ 
    background: none;
    background-image: url(../img/icon/nex.png);
    background-repeat: no-repeat;
    margin-top: 4px;
   right: -17px;
    
  }
#slide .owl-carousel .owl-nav .owl-next{
    display: none;
  }
#slide .owl-carousel .owl-nav .owl-prev{
    
    display: none;
}
.carousel {
  color: black;
  display: block;
}
.left-slide-productdetail .carousel .item{
  padding:0;
  margin: 0;
}
.carousel .item {
 
  margin: 0 10px;
  padding: 5px;
}

.slick-list {
  width: auto;
  margin: 0 auto;
  height: auto;
}

.item.slick-current {
  border-bottom: 2px solid black;
}

.prev-arrow {
position: absolute;
left: 0;
top: 0;
z-index: 10;
}

.next-arrow {
position: absolute;
right: 0;
z-index: 10;
top: 0;
}
/* line 3, ../scss/_sidebar.scss */
.ht-sidebar {
  margin-bottom: 24px;
}
.ht-pd-25{
  margin-top: 25px;
}
.pl-pd-0{
  padding: 0 !important;
}
.green-border-have {
    background: #3cbeb32e;
    height: 2px;
    margin: 30px 0px 0px;
}

.check-out-section .has-error .form-control {
    border-color: #cacaca;
}
/* line 6, ../scss/_sidebar.scss */
.ht-sidebar.ht-type-01 > div {

  border-top: 0;
}

.ht-sidebar.ht-type-01 .sidebar-title {
  padding: 40px 1px 26px;
}
.cate-t-1:after {
    margin: 25px 0px -26px 78px;
}
/* line 15, ../scss/_sidebar.scss */
.ht-sidebar.ht-type-01 .sidebar-title .ht-title {
  margin: 0;
  font-size: 20px;
  line-height: 18px;
  font-weight: 700;
}
/* line 21, ../scss/_sidebar.scss */
.ht-sidebar.ht-type-01 .sidebar-content {
    padding: 16px;
    border: 1px solid #ccc;
    border-radius: 11px;
}
.h2-product-design .ht-title{
    font-size: 20px;
    margin: 20px 0px 10px;
}
.pro-dx{
    font-size: 13px;
    text-transform: initial;
    font-weight: 400;
    color: #000;
}
.left-title-cate a{
  color: #fff;
}
.bo-sp{
    background:#3a607d;
    color: #fff;
    font-weight: 600;
    padding: 10px 11px;
    height: 33px;
    margin-right: 10px;
    line-height: 12px;
    text-transform: uppercase;
    border-radius: 3px;
    font-size: 12px;
}
.product-design .sidebar-cat-list li:hover::after{
  border-bottom: 1px solid #ff0000;
    content: '';
    position: absolute;
    left: 0;
    right: -26px;
    width: 80%;
    bottom: -10px;
    margin: 0 auto;
}
.product-design .title-profile-h2:after{
      right: 116px;
}
.left-slup .left-enduser{
  border:0;
}
/* line 23, ../scss/_sidebar.scss */
.ht-sidebar.ht-type-01 .sidebar-content > div:last-child {
    margin-bottom: 0 !important;
}
/* line 28, ../scss/_sidebar.scss */
.ht-sidebar.ht-type-02 {
    padding: 16px;
    background-color: #fff;
    border: 6px solid #E8F5E9;
}
/* line 33, ../scss/_sidebar.scss */
.ht-sidebar.ht-type-02 > div:last-child {
    margin-bottom: 0 !important;
}
/* line 37, ../scss/_sidebar.scss */
.ht-sidebar.ht-type-02 .sidebar-title {
  margin-bottom: 16px;
  padding-bottom: 6px;
  border-bottom: 1px solid #ddd;
}
/* line 41, ../scss/_sidebar.scss */
.ht-sidebar.ht-type-02 .sidebar-title .ht-title {
    margin: 0;
    font-size: 14px;
    line-height: 18px;
}
/* line 47, ../scss/_sidebar.scss */
.ht-sidebar.ht-type-02 .sidebar-content {
  margin-bottom: 28px;
}

/* line 52, ../scss/_sidebar.scss */
.sidebar-cat-list {
    padding: 0;
    margin: 0;
}
.sidebar-cat-list li a{
    height: 27px;
}
.sidebar-cat-list li a img{width: 27px;
    margin-right: 6px;
}
.sidebar-cat-list li a .number-nav2{
    position: absolute;
    right: 1px;
    font-weight: 500;
    line-height: 0px;
    top: 15px;
    color: #a1a1a1;
}
.loai-sp{ padding: 0; }
.yeu-cau-in .pl-titlepay{    margin: 0px 8px 10px;}
.yeu-cau-in hr{ width: 96% }
.sidebar-cat-list li a .number-nav2 i{ 
    color:#000; 
    line-height: 3px; 
}
/* line 55, ../scss/_sidebar.scss */
.sidebar-cat-list li {
    position: relative;
    margin: 0px 0px 18px;
    padding: 0 0 0 1px;
}
.sidebar-cat-list li:after{
    border-bottom: 1px solid #e1e1e1;
    content: '';
    position: absolute;
    left: 0;
    right: -26px;
    width: 80%;
    bottom: -10px;
    margin: 0 auto;
}
.sidebar-cat-list li:last-child:after{
    border-bottom:0;
}
/* line 59, ../scss/_sidebar.scss */
.sidebar-cat-list li:last-child {
    margin: 0;
}
/* line 62, ../scss/_sidebar.scss */
.sidebar-cat-list li a {
    display: inline-block;
    line-height: 25px;
    font-size: 13px;
    color: #000;
    font-weight: 500;
}
/* line 67, ../scss/_sidebar.scss */
.sidebar-cat-list li a:hover {
    color: #fd5b4e;
}
/* line 71, ../scss/_sidebar.scss */
.sidebar-cat-list li i.fa {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    line-height: 16px;
    color: #aaa;
}
/* line 80, ../scss/_sidebar.scss */
.sidebar-news-list {
    padding: 0;
    margin: 0;
}
/* line 83, ../scss/_sidebar.scss */
.sidebar-news-list li {
    position: relative;
    margin: 21px 0px 35px;
    padding: 0 0 0 93px;
    min-height: 48px;
}
/* line 88, ../scss/_sidebar.scss */
.sidebar-news-list li:last-child {
    margin-bottom: 0 !important;
}
/* line 91, ../scss/_sidebar.scss */
.sidebar-news-list li .news-thumb {
    display: block;
    position: absolute;
    top: 0;
    left: -8px;
    width: 90px;
    height: 80px;
}
/* line 97, ../scss/_sidebar.scss */
.sidebar-news-list li .news-thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* line 104, ../scss/_sidebar.scss */
.sidebar-news-list li .news-detail .news-title {
    margin: 0 0 4px;
    line-height: 17px;
    font-size: 13px;
    font-weight: 500;
}
/* line 109, ../scss/_sidebar.scss */
.sidebar-news-list li .news-detail .news-title a {
    color: #333;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-weight: 600;
}
/* line 111, ../scss/_sidebar.scss */
.sidebar-news-list li .news-detail .news-title a:hover {
    color: #2dbeb3;
}
/* line 116, ../scss/_sidebar.scss */
.sidebar-news-list li .news-detail .news-meta {
    line-height: 16px;
    font-size: 12px;
    color: #555;
    padding: 0px;
}
.sidebar-news-list li .news-detail .news-meta i{ 
    color: #29bfb3;
    margin-right: 4px;
    font-size: 15px;  
}
.news-meta span{ 
    margin-right: 30px; 
}
.up-btn-cate{ 
    padding: 16px 14px 95px 15px; 
}
#banner-cate .upload-cate .item-up {
     width: 100%;
    height: 83px;
    border: 2px solid #ee3d77;
    border-radius: 10px;
    color: #ee3d77;
    box-shadow: 1px 0px 5px #00000042;
    padding: 0px 28px;
} 
#banner-cate .upload-cate{
  display: flex;
    justify-content: center;
}
#banner-cate .upload-cate .item-up .up-cate-pri1{
    background: url('/img/icon/2.1_03.png') no-repeat;
    background-position: left top;
    padding-left: 49px;
}
#banner-cate .upload-cate .item-up .up-cate-pri1 h3{
    text-transform: uppercase;
    font-size: 17px;
    line-height: 23px;
    font-weight: 700;
    margin: 18px 0px 0px;
    text-align: left;
}
#banner-cate .upload-cate .item-up .up-cate-pri1 p{
    text-align: left;
    color: #000;
    font-weight: 500;
}
#banner-cate .create-cate .create-file {
     width: 100%;
    height: 83px;
    border: 2px solid #9372f4;
    border-radius: 10px;
    color: #9372f4;
    box-shadow: 1px 0px 5px #00000042;
    padding: 0px 20px 0px 22px;

} 
#banner-cate .create-cate .create-file .create-cate-pri1{
    background: url('/img/icon/2.1_05.png') no-repeat;
    background-position: left top;
    padding-left: 40px;
}
#banner-cate .create-cate .create-file .create-cate-pri1 h3{
    text-transform: uppercase;
    font-size: 17px;
    line-height: 23px;
    font-weight: 700;
    margin: 18px 0px 0px;
    text-align: left;
}
#banner-cate .create-cate .create-file .create-cate-pri1 p{
    text-align: left;
    color: #000;
    font-weight: 500;
}
.title1-catefeild:after {
    content: "";
    display: block;
    width: 93px;
    background-color: #9de4df;
    height: 4px;
    margin: 20px 0px -27px 122px;
}

#why-cate .section-why .img-why-left{
  width: 100%;
    height: 411px;
}
#why-cate .section-why .img-why-left img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.cate-slidebar-left .ht-sidebar {
    position: relative;
    margin-top: 0px;
}
.category .ntk-cate{
   margin-top: 593px;
}
.left-title-cate{
    display: flex;
}
.left-title-cate .all-cate-btn{ 
    background: #2dbeb3;
    color: #fff;
    font-weight: 600;
    padding: 10px;
    height: 33px; 
    margin-right: 9px;
    line-height: 13px;
    text-transform: uppercase;
    border-radius: 3px; 
    font-size: 12px; 
}
.left-title-cate .like-cate-btn{ 
    background: #ee3d77;
    margin-right: 10px ;
    color: #fff;
    font-weight: 600;
    padding: 12px 14px;
    font-size: 12px;
    height: 33px;
    line-height: 8px;
    text-transform: uppercase;
    border-radius: 3px; 
}
.cat-filter-header .cate-title-form{
  margin-right: 10px;
  width: 150px;
}
.cat-filter-header .cate-title-form .form-control{
  height: 33px; 
   padding: 5px;
   font-size: 12px;
}
.title1-cate-h2{ 
  color: #2dbeb3;  
}
.title2-cate-h2{ 
  color: #fd5b4e;   
}
.title3-cate-h2{ 
  color: #ff3e89;  
}
.banner-cate-leftsmall{ 
  margin-top: 30px; 
}
.product-pri-cate{ 
  width: 25%; 
  float: left; 
  margin-bottom: 18px; 
}
#why-cate{ 
  background: url('/img/1221.jpg');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 620px;
  margin-top: 50px;
}
#why-cate .section-why{
  padding: 54px 40px;
}
#why-cate .section-why .btn-left-why .cm-herf{ color: #fff; }
#why-cate .section-why .btn-why-cate .cm-herf{ color: #fff; }
.title-why-cate p{
  text-transform: uppercase;
  font-weight: 600;
}
.title-why-cate h3{
    text-transform: uppercase;
    font-weight: bold;
    font-size: 23px;
    line-height: 31px;
    height: 60px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 0;
    margin-bottom: 5px;
}
.text-why-cate{ 
    text-align: justify;
}
.btn-why-cate{
    display: flex;
    margin-top: 50px;
}
.btn-why-cate .btn1-why-cate{
   text-align: center;
    background: #ee3d77;
    color: #fff;
    width: 35%;
    padding: 10px;
    line-height: 25px;
    border-radius: 25px;
    text-transform: uppercase;
    font-weight: 600;
    margin-right: 10px;
}
#why-cate .btn-why-cate .btn-left-why{ color: #fff }
.btn-why-cate .btn2-why-cate{
    background: #9372f4;
    color: #fff;
    text-align: center;
    width: 35%;
    padding: 10px;
    line-height: 25px;
    border-radius: 25px;
    text-transform: uppercase;
    font-weight: 600;
}
.btn-left-why{
    display: flex;
    margin-top: 35px;
}
.btn-left-why .btn3-why-cate{
    background: #fd5b4e;
    color: #fff;
    padding: 10px 25px 10px 25px;
    line-height: 25px;
    margin: 0 auto;
    border-radius: 25px;
    text-transform: uppercase;
    font-weight: 600;
}
.news-cate{ 
    margin-top: 30px; 
    margin-bottom: 30px; 
}
.text-left{ 
    text-align: left;
    float: left; 
 }
.panel-title a{
    font-weight: bold;
    font-size: 14px;
}
#product-dx .ht-product-card{
    margin: 0px 1px;
    width: 93%;
}

#product-dx .owl-carousel .owl-nav .owl-next {
    right: 176px;
    position: absolute;
    margin-left: -34px;
    top: -40px;
    color: #000;
    background-color: #fff;
}
.right-slide-productdetail #registration-date{
    width: 163px;
    line-height: 19px;
}
.right-slide-productdetail .ht-title{ 
  font-size: 20px; 
}
.right-slide-productdetail .input-group-addon{ 
  background: none; 
  border-right: 0 
}
#product-dx .owl-carousel .owl-nav .owl-prev {
    left: 907px;
    top: -40px;
    color: #000;
    background-color: #fff;
}
.pro-dx-detail .owl-carousel .owl-nav .owl-prev{
  left: 94% !important;
}
.pro-dx-detail .owl-carousel .owl-nav .owl-next{
  right: 2% !important;
}
#popup-product-deltail .tt-productdetail {
    margin:20px;
}
#bannerCarousel .ht-product-card{ 
    margin: 12px;
    margin-left: 1px; 
}
.banner-item{
    background: #000;
    float: left;
    box-sizing: border-box;
    overflow: hidden;
    float: left;
    position: relative;
    text-align: center;
    color: #fff;
}
.banner-item:hover .imgBox img {
    opacity:.6;
 
}
.banner-item .imgBox {
    position: relative;
}
.banner-item:before{
    content: '';
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    box-sizing: border-box;
    transition: 0.5s;
    transform: scaleX(0);
    opacity: 0;
}
.banner-item:after {
    content: '';
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
    box-sizing: border-box;
    transition: 0.5s;
    transform: scaleY(0);
    opacity: 0;
}
.banner-item:hover:before {
    transform: scaleX(1);
    opacity: 1;
    z-index: 1;
}
.banner-item:hover:after {
    transform: scaleX(1);
    opacity: 1;
}
.banner-item img {
    text-align: center;
    display: inline-block;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.banner-item .item-content-one{
  color: #fff 
}

.banner-item .text-banner.align-left .title-lv3{
    font-size: 12px;
    font-weight:400;
    padding: 0px 43px 0px 0px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.banner-item .text-banner {
    top: 35px;
}
.banner-item .text-banner.align-left {
    position: absolute;
    left: 22px;
    text-align: left;
}
.banner-item .text-banner.align-left .hr{  
  margin-left: -12px; 
  border-left: 2px solid #fff;
}
.banner-item .btn-page-primary {
    background: #fff;
    color: #000;
    position: absolute;
    margin-top: 2px;
    text-transform: uppercase;
    padding: 7px 14px 7px 14px;
    font-weight: 600;
    font-size: 13px;
    border-radius: 21px;
    line-height: 21px;
}
.banner-item .btn-page-primary:hover{
    opacity: .8 }
.banner-item .btn-page-primary i{ 
    margin-left: 10px; 
    font-size: 12px; 
}
.ct-bannerhome{
    display: block;
    z-index: 2;
    color: #fff;
    position: relative;
}
.btn-page-primary-there:hover{
  opacity: .8 
}
.btn-page-primary-there span{
  color: #000
}
.btn-page-primary-there i{ 
  margin-left: 10px; 
}
.site-header.fix-top-on-scroll {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1010;
}
.frame {
  position: absolute;
  left: calc(50% - 187px);
  top: calc(50% - 333px);
  width: 375px;
  height: 667px;
  background-color: #08222e;
  background-image: radial-gradient( 50% 50%, circle, rgb(2,141,196) 0%, rgb(8,34,46) 100%);
  overflow: hidden;
  border-radius: 15px;
  box-shadow: 2px 3.464px 55.3px 14.7px rgba(0, 0, 0, 0.26);
}

.loader {
  position: absolute;
  width: 105px;
  left: calc(50% - 52px);
  top: calc(50% - 52px);
  animation: fadeIn 2s;
}

.loader-ring {
  background: url('/img/loader-stars.jpg') no-repeat center center;
  background-size: 95px 95px;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  border: 5px solid #ffdb4a;
}

.rocket-wrapper{
  position: absolute;
  left: 18px;
  top: -20px;
  height: 200px;
}

.rocket {
      width: 26px;
    margin-left: 4px;
    margin-top: -7px;
    height: auto;
}

.trail-wrapper {
 position: absolute;
    top: 49px;
    left: 14px;
    width: 7px;
    height: 44px;
    transform: none;
    transform-origin: top center;
    z-index: 0;
}

.trail {
  width: 12px;
  height: auto;
  transform: translateZ(0);
  animation: jet 0.02s ease alternate infinite;
  transform-origin: top center;
}

.clouds-wrapper {
  position: absolute;
  top: 13px;
  left: 10px;
  width: 88px;
  height: 85px;
}

.clouds {
    position: absolute;
    top: 29%;
    left: 29%;
    transform: translate(-50%, -50%);
    width: 67px;
}

.cloud {
  animation: kaboom 0.4s ease alternate infinite;
  transform-origin: center center;
  opacity: 0.9;
  &:nth-child(odd) {
    animation: kaboom 0.3s ease alternate infinite;
  }
  &:nth-child(1) {
      animation-delay: 0.1s;
  }
  &:nth-child(2) {
      animation-delay: 0.2s;
  }
  &:nth-child(3) {
    animation-delay: 0.3s;
  }
  &:nth-child(4) {
    animation-delay: 0.4s;
  }
  &:nth-child(5) {
    animation-delay: 0.5s;
  }
  &:nth-child(6) {
    animation-delay: 0.6s;
  }
  &:nth-child(7) {
    animation-delay: 0.7s;
  }
}

@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

@keyframes kaboom {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.2);
  }
}

@keyframes jet {
  0% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1.2);
  }
}

.left-slide-productdetail {
  box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
  display: flex;
}
.slide-productdetail{
    padding: 0;
    margin-right: 2px; 
}
/* line 186, ../scss/components/_carousel.scss */
.product-album-carousel .carousel-inner .item {
  height: 372px;
  line-height: 372px;
  text-align: center;
  background-color: #f5f5f5;
}
@media (min-width: 1200px) {
  /* line 186, ../scss/components/_carousel.scss */
  .product-album-carousel .carousel-inner .item {
    height: 458px;
    line-height: 457px;
    width: 100%;
        margin: 0;
    padding: 0;
  }
}
.btn-like-product .btn.ht-btn-primary{
  background: #f4fffe;
  font-weight: 600;
  color: #000;
}
.btn-like-product {
  margin-left: 35%;
  margin-top: 4%;
}

.btn-like-product .btn.ht-btn-primary:hover{ background: #b9e9e5 }
.block-chat{   
     border-right: 1px solid #cccccc61;
    padding: 12px 20px 10px 20px;
    height: 131px;
    font-size: 12px;
    line-height: 23px;}
.block-chat:last-child {
    border: 0;
}
.left-slide-productdetail .btn-like-product .btn.ht-btn-primary .fa{ 
  color: #8d8582;
  margin-right: 6px; 
}
.left-slide-productdetail .btn-like-product .btn.ht-btn-primary .fa.active{ 
  color: #2dbeb3;
  margin-right: 6px; 
}
/* line 195, ../scss/components/_carousel.scss */
.product-album-carousel .carousel-inner .item:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
}
/* line 200, ../scss/components/_carousel.scss */
.product-album-carousel .carousel-inner .item img {
  display: inline-block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  
}
.p-badge.top-right {
    top: 0px;
    right: 17px;
}
.p-badge.bg-red {
    background: url('/img/hotdeal.png') no-repeat;
    background-position: center;
    height: 74px;
    padding: 34px 10px;
    font-weight: 700;
}
.p-badge {
    position: absolute;
    padding: 4px 8px;
    line-height: 14px;
    font-size: 11px;
    color: #fff;
}
.left-slide-productdetail .slide-productdetail .carousel .item{ margin:0; }
/* line 208, ../scss/components/_carousel.scss */
.product-album-carousel .carousel-indicators {
    position: absolute;
    top: 46px;
    left: 0;
    padding: 54px 1px;
    z-index: 1;
    margin: 0;
    width: 105px;
    margin-left: 30px;
    overflow: auto;
    height: 344px;
}
.product-album-carousel .carousel-indicators::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
    display: none;
}
.product-album-carousel .carousel-indicators::-webkit-scrollbar-thumb {
    background-color: #000000;
}
.product-album-carousel .carousel-indicators::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}
.btn-yeucau{
    border-radius: 28px;
    text-transform: uppercase;
    width: 377px;
    text-align: center;
    font-weight: 700;
    margin: 0 auto;
}
.p-chat-detail{
  margin-top: 9px;
}
#popup-product-deltail .ht-modal-body{overflow: hidden;}
#popup-product-deltail .ht-mgb12{ padding-bottom: 7px;font-size: 12px; }
#popup-product-deltail .ht-mgb12 .product-detail{margin: 6px 0px 0px 0px;}
#popup-product-deltail .carousel .item{ margin: 0; padding: 0; height: 350px; }
#popup-product-deltail .carousel .item img{position: absolute; left: 0; top: 0;}
#popup-product-deltail .btn-printnow{    margin: 10px 10px 16px 0px;}
.modal .up-img-pop .topit{display: flex;}
.modal .tooltip1{line-height: 0;}
#popup-datin .delete-file{right: -6px;}
#popup-product-deltail .table{ margin: 0; }
#popup-product-deltail .registration-date-time{margin-left: 79px;margin-bottom: 5px;}
#popup-product-deltail .ht-title{line-height: 32px;}
#popup-product-deltail .form-group .form-control{font-size: 12px;}
.popup-text-tight{line-height: 8px;margin-top: 10px;}
#popup-product-deltail .warming{margin: 10px -18px 0px 5px;}
#popup-product-deltail .right-pop{display: flex; position: absolute;    right: -212px;}
#popup-product-deltail .select-popup-product{ width: 184px; margin: 0px -6px 12px;}
#popup-product-deltail .number-pop{
    width: 131px;
    margin: -3px 45px 10px;
}
.warming-top{
    line-height: 15px;
}
#popup-product-deltail .right-slide-productdetail{
    font-size: 15px;
    box-shadow: none;
}
#popup-product-deltail .right-slide-productdetail::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  background-color: #F5F5F5;
}
#popup-product-deltail .right-slide-productdetail::-webkit-scrollbar
{
  width: 5px;
  background-color: #f7f6fb;
}
#popup-product-deltail .right-slide-productdetail::-webkit-scrollbar-thumb
{
  background-color: #3cbeb3;
  border: 2px solid #2dbeb3;
}
#popup-product-deltail .delete-file{
  top: -6px;
  right: -7px;
}
#popup-product-deltail .group-type-select label.single-option .option-thumb{
  width: 35px;
  height: 35px;
}
#popup-product-deltail .add-popup{     
    background: url('/img/3.1_03.png') no-repeat;
    width: 35px;
    height: 35px;
    background-position: center;
    background-size: cover; }
#popup-datin .add-popup{     
    background: url('/img/3.1_03.png') no-repeat;
    width: 45px;
    height: 45px;
    background-position: center;
    background-size: cover; }

.add-pro-detail{
        width: 37px;
    height: 37px;
    border: 3px solid #3cbeb3;
    color: #3cbeb3;
    text-align: center;
    border-radius: 4px;
}
.add-pro-detail .fa-plus{
  font-size: 17px;
    line-height: 34px;
}

#popup-product-deltail .upload-pop{
    display: flex;
    margin: 0px -7px;
}
#popup-product-deltail .tooltip1{line-height: 18px; margin-left: 10px;}
.pl-upload-block #popup-product-deltail .tooltip1{line-height: 37px;}
#popup-product-deltail .tooltip1 .tooltiptext1{ bottom: 104% }
#popup-product-deltail .item-pop-i{ padding-top: 36px;}
#popup-product-deltail .modal-dialog{width: 850px}
#popup-product-deltail hr { margin: 5px 0px 7px;}
#popup-product-deltail .radio-poup{ display: flex;}
#popup-product-deltail .cate-title-form{ width: 100%; padding-left: 5px; }
.modal .product-album-carousel .carousel-indicators{ height: 246px;overflow: auto;margin-top: -25px; }
#popup-datin .modal-dialog{width: 850px;}
#popup-datin .ht-modal-content{ height: 912px;}
#popup-datin .popup-left-pro{width: 50%; float: left;}
#popup-datin .popup-right-pro{width: 50%; float: left;}
.product-price1{ text-decoration: line-through; }
/* line 213, ../scss/components/_carousel.scss */
.product-album-carousel .carousel-indicators li {
  display: block;
  width: 68px;
  height: 68px;
  margin: 0;
  margin-bottom: 8px;
  background-color: #fafafa;
  border: 4px solid #fff;
  border-radius: 0;
}
@media (min-width: 1200px) {
  /* line 213, ../scss/components/_carousel.scss */
  .product-album-carousel .carousel-indicators li {
    width: 83px;
    height: 67px;
    margin-bottom: 9px;
  }
}
/* line 227, ../scss/components/_carousel.scss */
.product-album-carousel .carousel-indicators li:last-child {
  margin-bottom: 0;
}
/* line 230, ../scss/components/_carousel.scss */
.product-album-carousel .carousel-indicators li.active {
  background-color: #eeeeee;
  border: 4px solid #ffdb4a;
}
.right-slide-productdetail{
     padding: 29px 29px 20px;
}
.ht-product-detail-card .right-slide-productdetail{
  padding: 17px;
}
.left-slide-productdetail .product-photo-gallery {
    padding-right: 24px;
}
.left-slide-productdetail .product-photo-gallery .single-photo-view {
  
    background-color: #F5F5F5;
    text-align: center;
    line-height: 530px;
}
.left-slide-productdetail .product-photo-gallery .single-photo-view img {
    display: inline-block;
    vertical-align: middle;
    max-height: 100%;
}
/* line 95, ../scss/_carousel.scss */
.photo-carousel {
  margin-top: 8px;
  background-color: #fff;
}
/* line 99, ../scss/_carousel.scss */
.photo-carousel .owl-nav .owl-prev,
.photo-carousel .owl-nav .owl-next {
  margin-top: -18px;
  width: 24px;
  line-height: 36px;
}
/* line 104, ../scss/_carousel.scss */
.photo-carousel .owl-nav .owl-prev i,
.photo-carousel .owl-nav .owl-next i {
  line-height: 36px;
}
/* line 109, ../scss/_carousel.scss */
.photo-carousel .photo-item {
  padding: 4px;
}
/* line 111, ../scss/_carousel.scss */
.photo-carousel .photo-item a {
  display: block;
  border: 1px solid transparent;
}
/* line 114, ../scss/_carousel.scss */
.photo-carousel .photo-item a:hover {
  border-color: #ddd;
}
/* line 119, ../scss/_carousel.scss */
.photo-carousel .photo-item.active a {
      border: 3px solid #ffdb4a;
}
.ht-mgb12 {
    margin-bottom: 3px !important;
}
.preview-t{
    margin: 0px 2px 0px 20px;
    line-height: 46px;
}
.chat-upload{
  margin-bottom: 15px;
}
.btn-6 {
  color: #595e3d;
}
.chat-upload1{ 
  font-weight: 700; 
  margin-right: 10px 
}
.chat-upload2{
  color: #000; 
  font-weight: 700
}
.tt-productdetail .head-productdetail{ 
  margin-bottom: 15px; 
}
.tt-productdetail .head-productdetail .p-name{ 
  font-size: 19px;
  font-weight: 700; 
  color: #000;
  margin:0;
  line-height:27px; 
}
.tt-productdetail .p-code{ 
  color: #000; 
  font-weight: 500; 
  font-size: 12px; 
  line-height: 27px; 
}
.btn-product-ct{ 
  margin-top: 6px; 
  width: 100%;
}
.btn-product-ct .btn.ht-btn-primary{    
  padding: 6px 15px 6px 15px;
  border-radius: 5px;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600; }
.btn-product-ct .btn.ht-btn-primary .fa{
  margin-left: 4px;
}
.btn-product-ct .btn.ht-btn-default{
    background: #ff3e89;    
    padding: 6px 19px 6px 19px;
    border: 0;
    font-size: 12px;
    color: #fff;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: 600;}
.btn-product-ct .btn.ht-btn-default .fa{
  margin-right: 4px;
}
.icon-free{         
     margin: 0px 9px 0px -55px;
} 
.khac-productdetail ul.ht-list.ht-list-icon.icon-lg > li {
    padding-left:52px;
    line-height: 19px;
    font-size: 12px;
}
.khac-productdetail ul.ht-list.ht-list-icon.icon-lg .v3-detail{
     margin-bottom: 11px;
    font-weight: 500;
    padding-left: 0 !important;
    font-size: 13px !important;
}
.khac-productdetail ul.ht-list.ht-list-icon.icon-lg .v3-detail img{
  width: 23px;
  margin-right: 10px;
}
.khac-productdetail ul.ht-list.ht-list-icon.icon-lg > li .fa-check{
    color: #2dbeb3;
    line-height: 18px;
}
.khac-productdetail ul.ht-list.ht-list-icon.icon-lg > li > i{
    line-height: 32px;
    margin-left: 10px;
}
.khac-productdetail h3{ 
    font-size: 17px;
    font-weight: 700;
    margin-top: 86px; 
    color: #000}
.right-slide-productdetai .ht-title{
    font-size: 19px;
}
.tt-productdetail{
    margin: 15px 0px 0px 10px;
    border-right: 1px solid #cccccc61;
    padding-left: 20px;
}
#popup-product-deltail .tt-productdetail{
  border: 0;
}
.chat-like{
    box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
    margin: 27px 0px 42px 0px;
}
.chat-like .block-chat .btn.ht-btn-primary{ 
    background: none;
    color: #2dbeb3;
    font-weight: 700;
    text-transform: uppercase;
    border: 2px solid #2dbeb3;
    border-radius: 20px;
    margin-right: 10px;
    padding: 5px 26px;
 }
 .chat-like .block-chat .btn.ht-btn-primary:hover{
    background:#2dbeb3;
    color: #fff;
 }
 .chat-like .block-chat .btn.ht-btn-default:hover{
    background:#ffdb4a;
    color: #000;
 }
 .chat-like .block-chat .btn.ht-btn-default{
    border: 2px solid #ffdb4a;
    border-radius: 20px;
    text-transform: uppercase;
    background: none;
    font-weight: 700;
    padding: 5px 26px;
 }
.fa-comment-alt-dots:before {
    content: "\";
}
.avt-right-ttc .fa-comment-alt-dots:before {
    content: "\f4a3";
}
.fa-chart-line:before {
    content: "\f201";
}
.background-avt{
    background: #fededc;
    height: 60px;
    position: absolute;
    width: 59px;
    margin-left: -17px;
    z-index: 0;
    margin-top: -8px;
    border-radius: 10px;
}
.avt2{
    background: #2dbeb361;  
}
.avt3{
  background: #ffdce8;
}
.user-2{
  background: #fff7da;
}
.user-3{
  background: #afe2fd;
}
.user-4{
  background: #ffb1cb;
}
.code-unknown{ 
  color: #000; 
  font-weight: 700; 
  line-height: 28px; 
}
.ht-user-review-card .reviews-by-user-list { 
  list-style: none; 
  margin: 0 0 12px; 
  padding: 0 0 12px; 
}
/* line 951, ../scss/_layouts.scss */
.ht-user-review-card .reviews-by-user-list li { 
  padding: 12px 0; 
  list-style: none 
}
/* line 954, ../scss/_layouts.scss */
.ht-user-review-card .reviews-by-user-list li:last-child { 
  border: 0; 
}
/* line 959, ../scss/_layouts.scss */
.ht-user-review-card .reviews-by-user-list .single-review .user-avatar {
    width: 68px;
    height: 57px;
    border: 2px solid #fff;
    border-radius: 50%;
    z-index: 1;
    overflow: hidden;
    box-shadow: 1px 2px 5px #0000006b;
    background-color: #ff978f;
     }
/* line 967, ../scss/_layouts.scss */
.ht-user-review-card .reviews-by-user-list .single-review .review-content { 
  padding-left: 21px;
  width: 100%; }
 .ht-user-review-card .reviews-by-user-list .single-review .review-lv2{ 
  margin-left: -10px; }
/* line 969, ../scss/_layouts.scss */
.ht-user-review-card .reviews-by-user-list .single-review .review-content .user-title {
 margin: 0 0 2px; 
 line-height: 16px; 
 font-size: 0; }
/* line 973, ../scss/_layouts.scss */
.ht-user-review-card .reviews-by-user-list .single-review .review-content .user-title span { display: inline-block; line-height: 16px; vertical-align: top; font-size: 12px; }
/* line 978, ../scss/_layouts.scss */
.ht-user-review-card .reviews-by-user-list .single-review .review-content .user-title span:after { content: "\2022"; display: inline-block; vertical-align: top; line-height: 16px; font-size: 8px; padding: 0 8px; color: #bdbdbd; }
/* line 988, ../scss/_layouts.scss */
.ht-user-review-card .reviews-by-user-list .single-review .review-content .user-title span:last-child:after { display: none; }
/* line 993, ../scss/_layouts.scss */
.ht-user-review-card .reviews-by-user-list .single-review .review-content .user-title .sent-time { color: #000; }
/* line 997, ../scss/_layouts.scss */

/* line 1008, ../scss/_layouts.scss */
.ht-user-review-card .reviews-by-user-list .single-review .review-content .rating-comment {
    margin-top: 8px; 
    font-size: 13px; 
  }
/* line 1012, ../scss/_layouts.scss */
.ht-user-review-card .reviews-by-user-list .single-review .review-content .product-view {
    display: block;
    display: flex;
    align-items: center;
    margin: 10px 0px 5px; 
}
/* line 1018, ../scss/_layouts.scss */
.ht-user-review-card .reviews-by-user-list .single-review .review-content .product-view .product-image .image-wrap { 
  display: block;
   max-height: 42px;
   margin-right: 5px; 
 }
 .single-app-card .avt-cate-cover img{
  width: 100%;
 }
/* line 1023, ../scss/_layouts.scss */
.ht-user-review-card .reviews-by-user-list .single-review .review-content .product-view .product-image img {
 display: block; max-width: auto; max-height: 40px; border-radius: 10px; }
/* line 1029, ../scss/_layouts.scss */
.ht-user-review-card .reviews-by-user-list .single-review .review-content .product-view .product-info { padding-left: 8px; font-size: 13px; }
/* line 1032, ../scss/_layouts.scss */
.ht-user-review-card .reviews-by-user-list .single-review .review-content .product-view .product-info .product-title { color: #757575; }
/* line 1035, ../scss/_layouts.scss */
.ht-user-review-card .reviews-by-user-list .single-review .review-content .product-view .product-info .product-type { margin-top: 2px; color: #9e9e9e; }
/* line 1043, ../scss/_layouts.scss */
.ht-user-review-card .reviews-by-user-list ul { margin: 8px 0 0; padding: 0; padding-left: 40px; }
.post-actions-wrap {
    margin: 0 -12px;
}
.ht-user-review-card .reviews-by-user-list .single-review .user-avatar img{
  height: 100%; object-fit: cover;
}
.ht-user-review-card .reviews-by-user-list .single-review .user-avatar h3{text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 56px;
    margin-top: 0px;
    color: #4b4b4b;
    z-index: 10;
  }
.ht-user-review-card .reviews-by-user-list .single-review .user-avatar img:before{ background: #ccc; content: ""; }
.single-action {
    display: inline-block;
}
.single-action a{ 
  color: #000; 
  font-weight: 400 
}
.single-action a.active{ color: #3cbeb3 }
.post-action {
    display: block;
    padding: 8px 12px;
    line-height: 20px;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    color: #9e9e9e;
}
.post-action i {
    display: inline-block;
    position: relative;
    margin: 0 7px 0 0;
    font-size: 15px;
    line-height: 20px;
    top: 1px;
}
.avt-star .rating-stars i{ 
    display: inline-block;
    vertical-align: top;
    line-height: 24px;
    font-size: 13px;
    color: #ff9800; }
.avt-star{
    width: 100px;
}
.rating-stars{
  text-align: center;
}
.content-fedback{ 
  display: flex; 
  position: relative;    
  margin: 22px -3px 42px; 
}
.content-fedback .ht-seller-overview-card{ 
  width: 30% 
}
.content-fedback .right-cmt-product {
  width: 100%;
  padding: 0;
}
.single-action .post-action.active{ 
  color: #3cbeb3 
}
.content-fedback .right-cmt-product .title-cmt h2{ 
  font-weight: bold;
  font-size: 16px;
  text-transform: uppercase;
  margin: 0;
}
.avt-star .user-avatar{ 
  margin: 0 auto 
}
/* line 540, ../scss/_layouts.scss */
.ht-seller-overview-card .seller-overview-profile {
    box-shadow: 0px 0px 8px #88868647;
    position: relative;
    border-radius: 10px; }
.btn-destina{
      border: 2px solid #2dbeb3;
    background: #fff;
    color: #2dbeb3;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 20px;
    padding: 4px 41px;
}
.btn-destina:hover{
  background: #2dbeb3;
  color: #fff
}
.line-desti{
  margin: -27px 0px 20px; 
}
.fa-map-marker-alt:before {
    content: "\f3c5";
}
.top-30{
  margin-top: 30px;
}
/* line 544, ../scss/_layouts.scss */
.ht-seller-overview-card .seller-overview-profile .seller-portrait {  position: relative; }
/* line 547, ../scss/_layouts.scss */
.btn-messi{ padding:5px 0px 2px;}
/* line 552, ../scss/_layouts.scss */
.ht-seller-overview-card .seller-overview-profile .seller-portrait .seller-avatar {
 display: block; position: relative;  margin: 0 auto ; padding: 30px; }
/* line 556, ../scss/_layouts.scss */
.ht-seller-overview-card .seller-overview-profile .seller-portrait .seller-avatar .avatar-wrap {
margin: 0 auto; width: 90px; height: 90px; border: 2px solid rgba(255, 255, 255, 0.24); border-radius: 50%; overflow: hidden; }
/* line 561, ../scss/_layouts.scss */
.ht-seller-overview-card .seller-overview-profile .seller-portrait .seller-avatar .avatar-wrap img { display: block; width: 100%; height: 100%; }

/* line 577, ../scss/_layouts.scss */
.ht-seller-overview-card .seller-overview-profile .seller-portrait .seller-heading {
 position: relative;
 text-align: center; }
/* line 580, ../scss/_layouts.scss */
.ht-seller-overview-card .seller-overview-profile .seller-portrait .seller-heading .seller-heading-title { 
  margin: 8px 0 4px; line-height: 23px; max-height: 46px; font-size: 15px; font-weight: bold; display: block; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
/* line 587, ../scss/_layouts.scss */
.ht-seller-overview-card .seller-overview-profile .seller-portrait .seller-heading .seller-heading-title a { 
  color: #2dbeb3; }
.review-summary-average {
    flex: 0 0 auto;
    min-width: 0;
    padding: 4px 24px;
    white-space: nowrap;
    text-align: center;  
}
.ht-seller-overview-card .seller-overview-profile .seller-portrait .seller-heading hr{
  margin-top: 11px;
  margin-bottom: 11px;
}
.review-summary-average .summary-star {
    display: inline-block;
    vertical-align: top;
    padding: 0;
    font-size: 0;
    line-height: 24px;
}
.review-summary-average .summary-star i {
    display: inline-block;
    vertical-align: top;
    line-height: 24px;
    font-size: 15px;
    color: #ff9800;
}
.review-summary-average .summary-point {
    display: inline-block;
    vertical-align: top;
    margin: -2px 0 0 12px;
    line-height: 24px;
    font-size: 18px;
    color: #000;
}
.review-summary-average .summary-point .p-code{ font-size: 13px; }
/* line 591, ../scss/_layouts.scss */
.ht-seller-overview-card .seller-overview-profile .seller-portrait .seller-heading .seller-heading-status { 
  line-height: 21px;
    font-size: 12px;
    color: #000000; }
/* line 595, ../scss/_layouts.scss */
.ht-seller-overview-card .seller-overview-profile .seller-portrait .seller-heading .seller-heading-status.active { color: #ffa726; }
/* line 599, ../scss/_layouts.scss */
.ht-seller-overview-card .seller-overview-profile .seller-portrait .seller-heading .seller-heading-button { margin-top: 10px; }
/* line 601, ../scss/_layouts.scss */
.ht-seller-overview-card .seller-overview-profile .seller-portrait .seller-heading .seller-heading-button .btn { height: 24px; padding: 3px 24px; font-size: 12px; color: #fff; background-color: rgba(0, 0, 0, 0.2); border-color: rgba(255, 255, 255, 0.8); }
/* line 608, ../scss/_layouts.scss */
.ht-seller-overview-card .seller-overview-profile .seller-portrait .seller-heading .seller-heading-button .btn:hover { background-color: rgba(255, 255, 255, 0.1); }
/* line 611, ../scss/_layouts.scss */
.ht-seller-overview-card .seller-overview-profile .seller-portrait .seller-heading .seller-heading-button .btn.active { color: #81c784; border-color: #81c784; }
.back-avt{
    background: url('/img/avt-sm.png') no-repeat;
    background-position: center;
    border-radius: 13px 12px 0px 0px;
    height: 164px;
  }
.rating { 
  border: none;
}
.rating > input { display: none; } 
.rating > label:before { 
  margin: 5px;
  font-size: 1.25em;
  font-family: 'Font Awesome 5 Free';
  display: inline-block;
  content: "\f005";
}

.rating > .half:before { 
  content: "\f089";
  position: absolute;
}
.rating > label { 
  color: #ddd; 
 float: right; 
}
/***** CSS Magic to Highlight Stars on Hover *****/

.rating > input:checked ~ label, /* show gold star when clicked */
.rating:not(:checked) > label:hover, /* hover current star */
.rating:not(:checked) > label:hover ~ label { color: #ff9800;  } /* hover previous stars in list */

.rating > input:checked + label:hover, /* hover current star when changing rating */
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating > input:checked ~ label:hover ~ label { color: #ff9800;  } 
.block-protect{ display: flex; }
.block-protect .form-control{ border-radius: 10px; }

.text-left .h2{text-transform: uppercase;}
.btn-new-left{ margin-top: 54px; }
.btn-new-left .fa-caret-right{margin-left: 8px;}
.cmt-fedback .h2{ text-transform: uppercase; }
.left-content-fe .inner_title .des{ margin: 0; font-size: 14px; }
.left-content-fe .inner_title .h2{    line-height: 0px;font-size: 22px;font-weight: 700;margin-bottom: 25px;}
.ht-news-leftct .inner_title .des{ margin: 0; font-size: 12px; }
.ht-news-leftct  .inner_title .h2{    line-height: 0px;font-size: 22px;font-weight: 700; margin-bottom: 25px;}
.left-content-fe .text-content{margin: 24px -7px 23px;}
.key-fo{margin: 22px 0px;}
.ht-cmt-now{margin: 10px -8px 10px;}
.ht-news-leftct .bt-4new{margin: 26px 0px 0px 0px;background: #f7f6fb; padding: 0}
.ht-news-leftct .bt-4new .panel-group .panel{
    box-shadow: none;
    border-bottom: 1px solid #cccccc5c;
    margin: 0;
   }
.ht-left-2{ 
    margin-top: 25px;
    padding: 0; }
   .panel-default {
    border-color: #f5f5f5;
}
.view-more-btn{
    background: none;
    border: 1px solid #000;
    border-radius: 58px;
    color: #000;
    line-height: 29px;
    font-weight: 600;
    padding: 3px 29px;
}
.view-number{
    position: absolute;
    bottom: -190px;
    left: 33px;
}
.view-btn {
    background: #fff;
    border-radius: 20px;
    padding: 0px 20px;
    width: 144px;
    height: 29px;
    line-height: 0px;
    font-size: 13px;
}
.view-btn .fa-heart{
    color: #2dbeb3;
    margin-right: 5px;
}
.view-btn .fa-eye{
    margin-right: 5px;
}
.text-time{ 
    line-height: 0px 
}
.ht-fz122 {
    line-height: 0px;
    font-size: 12px;
}
.time-sm{ 
    font-size: 11px;
    margin-top: 10px;}
.card-header {
    display: block;
    border-radius: 2px 2px 0 0;
    color: #000;
}
.up-img-pop{
    margin: -9px;
    padding: 0px;
}
.card-header .card-header-inner {
    padding: 14px 12px 0px;
    -moz-transition: background-color 0.1s ease-in-out;
    -o-transition: background-color 0.1s ease-in-out;
    -webkit-transition: background-color 0.1s ease-in-out;
    transition: background-color 0.1s ease-in-out;
}
.card-header .app__title {
    margin: 0;
    padding: 8px 1px 9px 23px;
    font-size: 18px;
    color: #000;
    font-weight: bold;
}
.card-content {
    padding: 8px 12px;
}
.app__list-features .app__single-feature {
    position: relative;
    line-height: 20px;
    font-size: 13px;
    border-bottom: 1px dotted #e0e0e0;
}
.app__list-features .app__single-feature a {
    display: block;
    padding: 8px 24px 8px 17px;
    color: #212121;
    font-weight: 500;
    -moz-transition: padding 0.2s ease-in-out;
    -o-transition: padding 0.2s ease-in-out;
    -webkit-transition: padding 0.2s ease-in-out;
    transition: padding 0.2s ease-in-out;
}
.app__list-features .app__single-feature a img{
      width: 22px;
    margin-right: 13px;
}
.app__list-features .app__single-feature:after {
    content: "\f3d3";
    display: block;
    position: absolute;
    top: 8px;
    right: 0;
    width: 18px;
    padding: 0 2px;
    line-height: 28px;
    font-size: 20px;
    font-family: "Ionicons";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #616161;
}
.single-app-card{
    background: #f7f6fa;
    margin: 0px -7px;
}
.btn-cateall{
    position: relative;
    text-align: center;
    line-height: 29px;
    padding: 0px 0px 10px;
}
.btn-cateall a{
    color: #000;
}
.btn-cateall .btn-cate-all{
    color: #000;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 13px;
    padding: 3px;
}
.check-out-section .ht-card{
    background: #f7f6fa;
    padding: 35px;
}
.check-out-section .ht-card .form-group .form-control{
  border-radius: 5px;
}
.ht-styled-scroll{
  margin: 20px 0px
}
.ht-sidebar-card ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.sidebar-cat-selecting-list label {
    display: block;
    position: relative;
    padding: 2px 0 2px 26px;
    line-height: 18px;
    font-size: 14px;
    color: #424242;
    cursor: pointer;
}
.sidebar-cat-selecting-list label input[type="checkbox"], .ht-sidebar-card ul.sidebar-cat-selecting-list li label input[type="radio"] {
    display: none;
}
.sidebar-cat-selecting-list label input[type="checkbox"]:checked + .cat-select-icon:before, .ht-sidebar-card ul.sidebar-cat-selecting-list li label input[type="radio"]:checked + .cat-select-icon:before {
    content: "\f373";
    color: #2dbeb3;
}
.ion-android-checkbox-outline-blank:before {
    content: "\f372";
}
.sidebar-cat-selecting-list label .cat-select-icon {
    position: absolute;
    top: -9px;
    left: 0;
    line-height: 20px;
    font-size: 16px;
    width: 22px;
    text-align: center;
    -moz-transition: color 0.1s ease-in-out;
    -o-transition: color 0.1s ease-in-out;
    -webkit-transition: color 0.1s ease-in-out;
    transition: color 0.1s ease-in-out;
}
.sidebar-cat-selecting-list label .cat-select-label {
    -moz-transition: color 0.1s ease-in-out;
    -o-transition: color 0.1s ease-in-out;
    -webkit-transition: color 0.1s ease-in-out;
    transition: color 0.1s ease-in-out;
}
.pl-title {
    background: url('/img/icon/6.1_03.png') no-repeat;
    background-position: left;
    padding: 3px 47px;
    margin-bottom: 30px;
    font-size: 29px;
    font-weight: 700;
    background-size: 23% 88%;
}
.pl-title-cart {
    background: url('/img/icon/cart-1.png') no-repeat;
    background-position: left;
    padding: 3px 47px;
    margin-bottom: 30px;
    font-size: 29px;
    font-weight: 700;
    background-size: 25% 88%;
}
.pl-titlepay{
  text-transform: uppercase;
    font-size: 17px;
    font-weight: 700;
    margin: 0px 0px 13px;
}
#tabs-right .panel-default > .panel-heading{
  border:0;
  background: #fff;
}
#tabs-right .panel-body{
  padding: 0;
}
#tabs-right .nav-tabs > li a{
    border: 1px solid #00000073;
    border-radius: 20px;
    font-size: 12px;
    margin: 0px -6px;
    padding: 7px 21px 7px 33px;
    color: #000;
    text-align: center;
}
#tabs-right .nav-tabs{
  border:0;
}
#tabs-right .nav-tabs > li.active > a:before {
    content: "\f192";
    display: block;
    position: absolute;
    top: 8px;
    left: 5px;
    width: 18px;
    padding: 0 8px;
    line-height: 28px;
    font-size: 14px;
    font-family: 'Font Awesome 5 Free';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #2dbeb3;
}
#tabs-right .nav-tabs > li.active > a{
    border:1px solid #2dbeb3;
    border-radius: 20px;
}
#tabs-right .nav-tabs > li.active > .yep-file-desgin{
    border:0;
}
#tabs-right .nav-tabs > li > .yep-file-desgin{
    border:0;
}
#tabs-right .cat-select-icon{
    margin: 0px 12px 0px -18px;
    font-size: 19px;
    line-height: 17px;
    color: #2dbeb3;
    vertical-align: bottom;
}
#tabs-right .nav-tabs > li.active > .yep-file-desgin:before{
    font-size: 18px;
    left: 7px;
    top: 8px;
    font-family: "Ionicons";
    content: "\f374" !important;
    
}
.group-type-select label.single-option {
  display: inline-block;
  vertical-align: top;
  margin-right: 8px;
  cursor: pointer;
  
}
.group-type-select label.single-option .option-text {

  position: relative;
  border: 2px solid #ddd;
  border-left: 0;
  -moz-transition: border-color 0.1s ease-in-out;
  -o-transition: border-color 0.1s ease-in-out;
  -webkit-transition: border-color 0.1s ease-in-out;
  transition: border-color 0.1s ease-in-out;
}
.dis-text{
  color: #fff;
  padding: 0 15px;
  font-size: 13px;
}
.group-type-select label.single-option .option-text .label-text {
  display: block;

  line-height: 16px;
  font-size: 12px;
  
}
.text-ri__dis{
  padding-left: 10px;
  line-height: 18px;
  padding-top: 10px;
}
.group-type-select label.single-option input:checked + .option-thumb i, .ht-product-detail-card .product-info .p-type .group-type-select label.single-option input:checked + .option-text i {
  visibility: visible;
  opacity: 1;
}

.group-type-select label.single-option input:checked + .option-thumb, .group-type-select label.single-option input:checked + .option-text {
  border-color: #2dbeb3;
  border-left: 0;
}
.input-mgg{
  display: flex;
  justify-content: flex-end;
  padding: 0 0 10px;
}
.input-mgg .btn{
  background: #2dbeb3;
  color: #fff;
  border-radius: 0px 3px 3px 0px;
}
.input-mgg .search-query{
  border-radius: 3px 0 0 3px;
  width: 100%;
  border: 1px solid #ccc;
  padding: 0 0 0 8px;
}
.form-gg{
  width:100%
}
.tem-dis{
  position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: -webkit-gradient(linear,left top,right top,color-stop(0,transparent),color-stop(.1875rem,#00bfa5));
    background: linear-gradient(90deg,transparent 0 .1875rem,#00bfa5 .1875rem);
}
.dis-item{
  position: absolute;
    top: .3125rem;
    left: 0;
    width: .25rem;
    height: -webkit-calc(100% - .4375rem);
    height: calc(100% - .4375rem);
    background: radial-gradient(circle at 0 .25rem,transparent 0 .1875rem,#00bfa5 .1875rem);
    background-size: .25rem .625rem;
    background-repeat: repeat-y;
}
.dis-item:before {
  content: "";
  position: absolute;
  top: -.3125rem;
  width: 100%;
  height: .3125rem;
  background: #00bfa5;
  border-radius: .125rem 0 0 0;
}
.dis-item:after {
  content: "";
  position: absolute;
  bottom: -.125rem;
  left: 0;
  width: 100%;
  height: .125rem;
  background: #00bfa5;
  border-radius: 0 0 0 .125rem;
}

.pay-amt{ width: 50%; float: right;    line-height: 32px; }
.pl-check-pay{ margin: 20px 0px 0px; }
#tab1default h3{ font-size: 15px; font-weight: 600;    margin: 0px 0px 10px; }
.text-tabs{ font-size: 12px; }
#tabs-right .panel{
  box-shadow: none;
  border: 0;
}
.p-type {
    margin-top: 16px;
}
.p-type .group-type-select {
    font-size: 0;
}

.group-type-select label.single-option .option-thumb {
    display: block;
    position: relative;
    width: 37px;
    height: 37px;
    border: 2px solid #eee;
    -moz-transition: border-color 0.1s ease-in-out;
    -o-transition: border-color 0.1s ease-in-out;
    -webkit-transition: border-color 0.1s ease-in-out;
    transition: border-color 0.1s ease-in-out;
}
.group-type-select label.single-option input:checked + .option-thumb i, .ht-product-detail-card .product-info .p-type .group-type-select label.single-option input:checked + .option-text i {
    visibility: visible;
    opacity: 1;
}
.group-type-select label.single-option i.fa-check {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 2px 0 0 4px;
    line-height: 40px;
    font-size: 21px;
    text-align: center;
    color: #fff;
    background-color: #7070707d;
    opacity: 0;
    visibility: hidden;
    -moz-transition: opacity 0.1s ease-in-out;
    -o-transition: opacity 0.1s ease-in-out;
    -webkit-transition: opacity 0.1s ease-in-out;
    transition: opacity 0.1s ease-in-out;
}
.delete-file {
    position: absolute;
    top: -8px;
    right: -5px;
    display: block;
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 16px;
    font-size: 12px;
    color: #ffffff;
    background-color: rgb(253, 91, 78);
    border-radius: 50%;
}
.group-type-select label.single-option .option-thumb a{ color: #fff; }
.tabs-left3{ width: 50%; float: left; }
.title-xs4-pay{
  text-transform: uppercase; font-size: 16px;
  font-weight: 600;margin: 0px 0px 16px;
}
.background-input{ background:#f9f9fb  }
.pl-upload{
 box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
 padding: 20px; 
}
.mar-padd{
  margin: 0;
  padding: 0;
}
.pl-upload .pl-upload-block{
  padding: 15px;
  border-right: 1px solid #8989891f;
}
.pl-upload .pl-upload-block:last-child {
  border:0;
}
.pl-upload .form-control{
  border-radius: 5px;
  font-size: 13px;
}
.block-right{
  float: right;
}
.pl-upload .radio-item{ 
  margin-right: 15px; 
}
.pl-option{
  display: flex;
}
.pl-option a{
  line-height: 30px;
  margin-left: 6px;

}
.btn-upload1{     
  width: 40%;
  float: right;
  margin: 23px 0px; 
}
.pl-upload-img{
  padding: 15px;
  background: #EEEEEE
}
.pl-upload-img .add-attachment-btn {
    width: 100%;
    height: 300px;
    border: dashed 1px #000000;
    color: #505050;
}
.pl-upload-img .add-attachment-btn .print-now{
  text-align: center;
    font-size: 34px;
    padding-top: 28%;
}
.pl-upload-img .add-attachment-btn .print-now h4{
    font-size: 29px;
    font-weight: 700;
    word-wrap: break-word;
}
.bot-upload{
  display: flex;
}

.preview-upload{
  margin: 10px -16px;
  line-height: 38px;
}
.preview-upload .btn.ht-btn-default{
  border: 0;
  width: 49%;
  background-color: #eeeeee;
}
.preview-upload .btn-mt.active{
    color: #000;
    font-weight: 600;
    box-shadow: none;
}
.tooltip1 {
    position: relative;
    line-height: 61px;
    margin-left: 5px;
}
.tooltip1 .tooltiptext1 {
    visibility: hidden;
    width: 242px;
    background-color: white;
    color: #000;
    text-align: center;
    border: 1px solid #fd5b4e;
    border-radius: 6px;
    padding: 5px 2px;
    position: absolute;
    z-index: 1;
    font-size: 11px;
    bottom: 95%;
    left: 50%;
    margin-left: -50px;
}

.tooltip1 .tooltiptext1::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 37%;
    margin-left: -44px;
    border-width: 5px;
    border-style: solid;
    border-color: #fd5b4e transparent transparent transparent;
}

.tooltip1:hover .tooltiptext1 {
  visibility: visible;
}
.btn-mt{
  height: 80px;
    line-height: 63px;
}
.head-pop-hitory{
  display: flex;
}
.head-pop-hitory h3{     
  font-size: 19px;
  font-weight: 700; 
}
.pl-thankyou{
    background: url('/img/9.1_03.png') no-repeat;
    background-position: center;
    background-size: cover;
    height: 577px;
    border-radius: 10px;
    box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
}
.pl-thankyou .content-thankyou{
    margin: 220px 56px;
    text-align: center;
}
.pl-thankyou .title-chat p{
  font-size:15px;

}
.pl-thankyou .link-test{
  text-decoration: underline;
}
.pl-thankyou .content-thankyou .code-thank{
    background: #fff0fb;
    text-transform: uppercase;
    width: 67%;
    display: flex;
    border-radius: 35px;
    margin: 0 auto;
    justify-content: center;
}
.pl-thankyou .content-thankyou .code-thank h3{
    font-weight: 700;
    font-size: 28px;
    line-height: 18px;
}
.pl-thankyou .content-thankyou .title-thank{
  padding: 0px 0px 26px;
}

.pl-thankyou .block-chat{ 

  text-align: center;
  padding: 0;
  margin:0; 
}
.pl-thankyou .ht-mgr8{ 
    border-radius: 20px;
    text-transform: uppercase;
    padding: 7px 22px 7px 22px;
    margin: 12px; }
.pl-thankyou .btn-thank{
    background: #ffdb4a;
    color: #000;
    border-radius: 20px;
    border-color: #ffdb4a;
    padding: 7px 22px;
    font-weight: 600;
}
.cart-table table .product-detail {
    position: relative;
    padding-left: 112px;
    min-height: 100px;
    width: 400px;
}
.cart-table table .product-detail .product-image {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100px;
    height: 100px;
    padding: 2px;
    background-color: #EEEEEE;
}
.cart-table table .product-detail .product-image .p-image {
    width: 96px;
    height: 96px;
    background-color: #E0E0E0;
}
.cart-table table .product-detail .product-info {
    display: inline-block;
    vertical-align: middle;
}
.cart-table table .product-detail .product-info .p-title {
    margin: 4px 0 8px;
    line-height: 19px;
    font-size: 14px;
    font-weight: 500;
}
.cart-table table .product-detail .product-info .p-title a {
    color: #333;
}
.cart-table table .product-detail .product-info .p-action a {
    display: inline-block;
    line-height: 16px;
    font-size: 12px;
}
.cart-hotline{
  position: absolute;
  right: -49px;

}
.table-bordered{
  border: 0;
}

.table-bordered > thead > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > tfoot > tr > td{
  border: 0;
}
.name-table{
  width: 160px;
}
.title-pl-cart{
      background: url('/img/icon/cart-1.png') no-repeat;
    text-transform: uppercase;
    font-weight: 700;
    padding: 2px 47px;
    font-size: 30px;
}
.design-page .ht-product-card .product-detail .pro-price{
  display: flex;
  justify-content: center;
}
.design-page .ht-product-card .product-detail .pro-price .price-1{
  width: 33.333%;
  color: #000;
  font-size: 12px;
  line-height:20px;
  display: flex;
}
.design-page .ht-product-card .product-detail .pro-price .price-1 b{ margin-right: 4px; }
.design-page .ht-product-card .product-detail .pro-price .price-1 .i-item-page{
  width: 18px;
  margin-right: 4px;
}
.design-page .ht-product-card .product-detail .pro-price .next-page .i-item-page{
  float: right;
  margin: 0px 0px 0px 58px;
}
.ht-product-card.h-shadow:hover {
    border-bottom: 2px solid #2dbeb3;
}
.pl-page{
  padding: 8px;
}

.avt-designpage{
  background: url('/img/10.1_06.png') no-repeat;
  background-position: center;
  text-align: center;
  box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.1);
  background-size: cover;
  border-radius: 10px;
  margin: 0px 11px 24px 0px;
}
.ht-product-card.item-5{
  width: 18%; 
  float: left;
}
.avt-designpage .avt-r .avt-r1{ 
  color: #fff 
}
.clone-one{
  background: url('/img/10.1_09.png') no-repeat;
  background-size: 100%;
}
.btn-clone{
  background:#fff;
  color: #000;
  border:2px solid #2dbeb3;
}
.btn-clone2{
  background:#2dbeb3;
  color: #fff;
}
.sidebar-cat-list li:hover.lv2-productdesign{
  display: block;
}
.product-design .sidebar-content ul.sidebar-cat-list li:hover > .list-unstyled {
    display: block;
}
ul.lv2-productdesign li.item0lv2 a {
    padding: 7px 140px 7px 12px;
}
.sidebar-cat-list .lv2-productdesign li.item0lv2:after{
    border-bottom: 1px solid #e1e1e1;
    content: '';
    position: absolute;
    left: 0;
    right: 14px;
    width: 75%;
    bottom: -10px;
    margin: 0 auto;
}
.sidebar-cat-list .lv2-productdesign li.item0lv2:last-child:after{
    display: none;
   
}
.lv2-productdesign{
    display: none;
    position: absolute;
    top: -2px;
    left: 104%;
    background-color: #fff;
    border-bottom: 3px solid #2dbeb3;
    box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
    z-index: 102;
}
.btn-clone:hover{
    background:#2dbeb3;
    color: #fff;
}
.clone-two{
    background: url('/img/10.1_11.png') no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
  
}
.clone-there{
    background: url('/img/10.1_03.png') no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
 
}
.avt-designpage .avt-r{
    display: block;
    position: relative;
    margin: 0 auto;
    padding: 21px;

}

.avt-designpage .avt-r .avt-r1 .avt-r2{
    margin: 0 auto;
    width: 117px;
    height: 119px;
    border-radius: 50%;
    overflow: hidden;
    border: solid 0.3em;
    margin-top: 1px;
}
.avt-designpage .avt-r .avt-r1 .avt-r2 .avt-r3{
    display: block;
    width: 100%;
    height: 100%;
}
.avt-designpage .review-summary-average{
    margin: -12px;
}
.avt-designpage .seller-heading-title{
    font-size: 19px;
    margin: -8px 0px 9px;
}
.avt-designpage hr{
    width: 80%;
}
.product-design{
    margin-top: -142px;
    z-index: 1;
  
}
.product-design .ht-sidebar{
    box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
    background:#fff;
    border-radius: 10px;
}

.product-design .avt-designpage{
    box-shadow: none;
    margin: 0px 1px 0px 0px;
}
.product-design .ht-sidebar.ht-type-01 .sidebar-content{
    border:0;
}
#productCarousel-designpage{
    margin: -6px;
}
#productCarousel-designpage .ht-product-card{
    margin: 0px 19px 0px 5px;
}

.left-enduser .sidebar-cat-list li{ margin: 12px 0px; }
.ht-sidebar-card .card-header .sidebar-title { margin: 0 0 0; line-height: 16px; font-size: 12px; font-weight: 700; color: #000; }
.ht-sidebar-card .card-header .sidebar-title-link { display: block; margin: 0 0 0; padding: 9px 12px; line-height: 16px; font-size: 12px; font-weight: 700; color: #9e9e9e; }
.ht-sidebar-card .card-header .sidebar-title-link:hover, .ht-sidebar-card .card-header .sidebar-title-link:active, .ht-sidebar-card .card-header .sidebar-title-link:focus { text-decoration: none; }
.ht-sidebar-card .card-header .sidebar-title-link:hover { background-color: #eeeeee; }
.ht-sidebar-card .card-header .sidebar-title-link.active { background-color: #e0e0e0; color: #424242; }
.ht-sidebar-card .card-content { padding: 0; }
.ht-sidebar-card ul { padding: 0; margin: 0; list-style: none; }
.ht-sidebar-card .sidebar-cat-list li:after{border:0;}


.ht-sidebar-card ul.sidebar-cat-list > li > ul .lv2-enduserli{
    margin: 5px 0px 0px 50px;
}
.left-enduser .ht-sidebar-card ul.sidebar-cat-list > li > ul .lv2-enduserli{
    margin: 5px 0px 0px 45px;
}
#siteHeader .sh_main-menu ul.head-login{
    margin: 2px 4px 0px -21px;
}
.content-enduser .ht-product-card-list{
    padding: 24px;
}
.eduser-42{
    padding: 7px 19px 0px 8px;
}
.post-action .btn-nofi{     
    background: #fff;
    border: 0;
    color: #000;
    font-size: 15px;
    font-weight: 500; 
  }
.ht-sign-in-section { margin: 24px 0 48px; }
@media (max-width: 767px) { .ht-card-list_header .flex-item { margin-bottom: 12px; }
  .ht-card-list_header .flex-item:last-child { margin-bottom: 0; } }
.ht-card-list_header .cl_h_subtitle { line-height: 16px; font-size: 11px; font-weight: 700;
 text-transform: uppercase; color: #9e9e9e; }
.ht-card-list_header .cl_h_title { font-weight:700;margin-left: -3px; line-height: 24px; font-size: 18px; 
  color: #424242; text-transform: uppercase; }
.ht-card-list_header .cl_h_title.cl_h_title-lg { line-height: 30px; font-size: 24px; }
.ht-card-list_header .cl_h_info { line-height: 16px; font-size: 12px; color: #757575; }
.theme-color_primary_background {background-color: #FDBA4D !important;}
.single-tags-label {
    display: inline-block;
    vertical-align: center;
    margin: 4px 4px;
    padding: 0px 4px;
    line-height: 18px;
    font-size: 12px;
    float: right;
    color: #000;
    border-radius: 2px;
    -moz-transition: opacity 0.1s ease-in-out;
    -o-transition: opacity 0.1s ease-in-out;
    -webkit-transition: opacity 0.1s ease-in-out;
    transition: opacity 0.1s ease-in-out;
}
.fz-12 { font-size: 15px; }
.right-notification{display: flex;line-height: 42px;}
.left-enduser .card-header {margin: 16px 12px;padding: 0 32px 0 56px;min-height: 32px;position: relative;}
.left-enduser .user-avatar {
    position: absolute;
    top: -5px;
    left: 0;
    width: 38px;
    height: 38px;
    background-color: #eeeeee;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid #fff;
    box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
}
.avt-right-ttc{
    border:1px solid #2dbeb3;
    border-radius: 10px;
    padding: 19px 10px 12px;
}
.left-enduser .ht-sidebar-card .sidebar-cat-list{
    margin: 30px 9px;
}
.left-enduser .qa-enduser{
    padding: 15px 15px 30px 15px;
}
.right-enduser .ht-card-list_header{
    padding: 6px 21px 0px;
    background: #fff;
	  border-radius: 0px 10px 0px 0px;
}
.qa-enduser h3{
    text-transform: uppercase;
    font-size: 14px;
    text-align: center;
    font-weight: 700;
    margin: 15px 0px 0px;
}
.border-left-edu{
    border-left: 1px solid #cccccc29;
}
.border-left-edu .product-pri-cate .ht-product-card{
    background: none;
}
.btn-clone3{
    color: #000;
    margin: -4px;
}
.right-enduser{
  background: #f4f7fc;
  padding: 0;
  margin: 0px 0px 0px -8px;
  border-radius: 0 10px 10px 0;
}
.right-enduser .avt-ttc {
    margin: 0 0 0;
    padding: 0 2px 0 108px;
    min-height: 44px;
    position: relative;
}
.right-enduser .avt-ttc .img-avt-ttc{
     position: absolute;
    top: 0;
    left: 0;
    box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
    width: 90px;
    height: 90px;
    border:5px solid #fff;
    background-color: #eeeeee;
    border-radius: 50%;
    overflow: hidden;
}
.right-enduser .avt-ttc  .btn.btn-xs {
    height: 32px;
}
.right-enduser .add-enduser-btn{
        border: 2px solid #2dbeb3;
    background: #f4f7fc;
    border-radius: 20px;
    margin-top: 12px;
    line-height: 20px;
    color: #2dbeb3;
    padding: 4px 14px;
    text-transform: uppercase;
    font-weight: bold;
}
.right-enduser .btn{
    height: 40px;
}
.slup-ct .left-enduser{
    height: auto;
}
.right-enduser .btn.btn-xs{
    height: 36px;
}
.right-enduser .avt-ttc .user-ttc{
    margin: 0 0 3px;
    padding: 2px 6px 0;
    line-height: 17px;
    font-size: 15px;
    font-weight: 600;
    color: #2dbeb3;
}
.tt-user{
  padding: 10px;
  border-radius: 20px;
  margin:32px 10px 60px;
  height: 253px;
}
.tt-user .input-email{
   background: #f4f7fc;
}
.tt-user .form-control{
    border-radius: 20px;
}
.title-user-endude{
    font-size: 17px;
    font-weight: 700;
    margin: 12px 7px;
}
.right-btn .img-icon-enduser{
    margin: -4px 7px;
}
.right-enduser .avt-ttc .meta-avt-ttc{
  margin: 3px 6px 0;
    line-height: 16px;
    font-size: 12px;
    color: #000000;
}
.left-enduser .user-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;

}
.left-enduser .card-header .user-title {
    margin: 0 0 3px;
    padding: 2px 0 0;
    line-height: 11px;
    font-size: 12px;
    font-weight: 600;
    color: #2dbeb3;
}
.left-enduser .card-header .post-meta {
    margin: 3px 0 0;
    line-height: 16px;
    font-size: 11px;
    color: #000;
}
.content-enduser{
    box-shadow: 3px 10px 15px 7px rgba(0,0,0,0.1);
    border-radius: 10px;
    padding: 0;

}
.content-enduser hr{
    margin-top: 9px;
    margin-bottom: 12px;
    border-top: 1px solid #eee;
}
.qa-enduser .btn-clone2{
  width: 100%;
}
.qa-enduser .btn-clone3{
  width:100%;
}
.tt-infopay .title-user-endude{
  margin: 12px 20px;
}
.tt-infopay{background: #fff;border-radius: 20px;padding: 8px; margin-bottom: 30px;    box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);}
.tt-infopay .top-table-cart{border-bottom: 1px solid #cccccca6;}
.tt-infopay .ht-styled-scroll{    margin: -16px 0px;}
.tt-infopay .btn-infopay{ display: flex; }
.tt-infopay .btn-infopay .btn-infopay-e{ color: #000; background: none; border: 0 }
.tt-infopay .table-acive{ background: #f5f4f4; opacity: .4 }
.tt-infopay .ly-infopay{ font-style: italic; font-size: 13px; font-weight: 500 }
.tt-infopay .btn-adre-infopay{background: #f4f7fc;text-transform: uppercase; font-size: 13px; position: absolute;right: 19px;border: 2px solid #2dbeb3;padding: 4px 17px;border-radius: 20px;top: 10px;font-weight: bold;}
.tt-infopay .tt-check{ margin: 10px; }
.tt-infopay .head-ttgh{ border-bottom: 1px solid #cccccc54;height: 47px;margin-bottom: 20px; }
#add-address .ht-modal-body{padding: 14px;}
#add-address .modal-dialog{  width: 430px; }
.right-enduser .none-ship{ text-align: center;padding: 40px }
.set-product{    box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);padding: 16px;border-radius: 17px;}
.content-introl .inner_title .h2{font-size: 24px; font-weight: 700}
.content-introl .inner_title{margin: 10px 0px 25px -7px;}
.content-introl p{ text-align: justify; line-height: 20px; }

.right-notification  .dropdown-menu > li > a{ white-space: inherit; display: flex; }
.right-notification .dropdown-menu > li > a .img-drop{ width: 40px; height:40px; }
.right-notification .dropdown-menu > li > a .text-drop{ 
    font-size: 13px; 
    font-weight: 500;
    margin: 0px 10px;
}
.right-notification .dropdown-menu{
    width: 350px;
}

.img-100{ 
    width: 100% 
}
.lv2-nav-covercate{
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    background-color: #fff;
    border-bottom: 3px solid #2dbeb3;
    box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
    z-index: 102;
}
.app__list-features .app__single-feature:hover > .lv2-nav-covercate {
    display: block;
}
.lv2-nav-covercate .nav-item-cover a {
    padding: 7px 140px 7px 12px;
    display: flex;
    white-space: nowrap;
}
.lv2-nav-covercate .nav-item-cover a img{
    width: 34px;
}
.lv2-nav-covercate .nav-item-cover a .number-nav2 {
    position: absolute;
    right: 22px;
    font-size: 13px;
    font-weight: 400;
    line-height: 26px;
    color: #656565;
}
#popup-product-deltail .popup-left-pro{
    width: 50%; float: left;
}
#popup-product-deltail .popup-right-pro{
    width: 50%;float: left; margin-bottom: 35px;
}
#siteFooter {
    margin-top: 40px;
}
#popup-product-deltail .goi-tuy-chon .form-control{
    background: url('/img/11.1.4_03.png') no-repeat;
    width: 197px;
    font-size: 14px;
    border-radius: 8px;
    border: 0;
    height: 41px;
    color: #fff;
}

.text-ri-tab{
  position: absolute;
    right: 0;
}
.warming-top{
  float: right;
    margin: 10px -28px 0px -1px;
}
#popup-datin .tt-productdetail {
    margin: 20px 21px 18px 32px;
}
.modal .goi-tuy-chon .form-control option{
  color: #000;
}

#siteFooter .footer-main {
    padding: 36px 0 94px;
}
/* line 39, ../scss/_footer.scss */
#siteFooter .footer-main .about-company {
  line-height: 17px;
  font-size: 12px;
}
/* line 42, ../scss/_footer.scss */
#siteFooter .footer-main .about-company .c-logo {
  width: 50%;
}
/* line 45, ../scss/_footer.scss */
#siteFooter .footer-main .about-company .c-about {
  margin-top: 8px;
}
/* line 49, ../scss/_footer.scss */
#siteFooter .footer-main .f-nav-wrap {
 
  text-align: center;

}
#siteFooter .footer-main .footer-lastchild { border-right:1px solid #cccccc1a; height: 250px;}
#siteFooter .footer-main .footer-lastchild:last-child{ border: 0 }
/* line 52, ../scss/_footer.scss */
#siteFooter .footer-main .f-nav-title {
  font-size: 14px;
  font-weight: 600;
  color: #fff;
}
/* line 58, ../scss/_footer.scss */
#siteFooter .footer-main .f-nav-list li {
  margin: 10px 5px 0px;
}
#siteFooter .footer-main .f-nav-list li ul.pay li{ list-style: none;margin: 3px 3px; }
#siteFooter .footer-main .f-nav-list li ul.pay{
  display: flex;
  text-align: center;
  width: 100%;
  padding: 0;
  justify-content: space-around;
 }
/* line 60, ../scss/_footer.scss */
#siteFooter .footer-main .f-nav-list li a {
  display: inline-block;
  font-size: 13px;
  line-height: 17px;
  color: #a1acb6;
}
/* line 65, ../scss/_footer.scss */
#siteFooter .footer-main .f-nav-list li a:hover {
  color: #fff;
}
/* line 72, ../scss/_footer.scss */
#siteFooter .footer-bottom {
  padding: 24px 0;
  color: #667079;
}
#siteFooter .footer-bottom .about-content .tag-footer{
  color: #a1acb6;
}
#siteFooter .footer-bottom .about-content .tag-footer:hover{
  color: #fff;
}
#siteFooter .footer-bottom .about-content{
  display: flex;
  justify-content:center;
}
/* line 75, ../scss/_footer.scss */
#siteFooter .footer-bottom .about-content p {
  margin-bottom: 4px;
  font-size: 11px;
}
/* line 77, ../scss/_footer.scss */
#siteFooter .footer-bottom .about-content p:last-child {
  margin-bottom: 0;
}
/* line 82, ../scss/_footer.scss */
#siteFooter .footer-bottom .icon-link-list {
  padding: 0 24px;
}
/* line 85, ../scss/_footer.scss */
#siteFooter .footer-bottom .icon-link-list li a {
  display: inline-block;
}
#siteFooter .footer-bottom .icon-link-list li a img {
  display: inline-block;
  max-width: 100%;
}
#siteFooter .f-copyright {
  padding: 12px 0;
  color: #fff;
  border-top: 1px solid #515151;
}
.ht-title.with-bb {
  display: inline-block;
  padding-bottom: 2px;

}
.title-up {
    font-size: 19px;
    margin: 6px 0px;
    line-height: 18px;
}
/* line 54, ../scss/_components.scss */
.ht-loading {
  color: #66BB6A;
}

/* line 57, ../scss/_components.scss */
ul.ht-list {
  margin-bottom: 8px;
  padding-left: 16px;
}
/* line 60, ../scss/_components.scss */
ul.ht-list li.divider {
  height: 1px;
  margin: 8px 0 !important;
  padding: 0;
  background-color: #eee;
}
/* line 67, ../scss/_components.scss */
ul.ht-list.ht-fz12 li.divider {
  margin: 6px 0 !important;
}
/* line 71, ../scss/_components.scss */
ul.ht-list.list-unstyled {
  padding-left: 0;
}
/* line 75, ../scss/_components.scss */
ul.ht-list.ht-list-icon > li {
  position: relative;
  padding-left: 24px;
}
.ht-mgb4 {
    font-weight: 700;
}

.ht-fz12 {
    line-height: 16px;
    font-size: 14px !important;
}
/* line 78, ../scss/_components.scss */
ul.ht-list.ht-list-icon > li > i {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  line-height: 19px;
  width: 18px;
  text-align: center;
}
/* line 88, ../scss/_components.scss */
ul.ht-list.ht-list-icon.ht-fz12 > li {
  padding-left: 20px;
}
/* line 90, ../scss/_components.scss */
ul.ht-list.ht-list-icon.ht-fz12 > li > i {
  line-height: 16px;
  width: 16px;
}
/* line 97, ../scss/_components.scss */
ul.ht-list.ht-list-icon.icon-lg > li {
  padding-left: 28px;
}
/* line 99, ../scss/_components.scss */
ul.ht-list.ht-list-icon.icon-lg > li > i {
  width: 18px;
  font-size: 18px;
}
/* line 106, ../scss/_components.scss */
ul.ht-list.ht-touch-scroll-list {
  display: block;
  font-size: 0;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
}
/* line 112, ../scss/_components.scss */
ul.ht-list.ht-touch-scroll-list ::-webkit-scrollbar {
  display: none;
  visibility: hidden;
}
/* line 116, ../scss/_components.scss */
ul.ht-list.ht-touch-scroll-list li {
  font-size: 14px;
  display: inline-block;
}
/* line 121, ../scss/_components.scss */
ul.ht-list.ht-list-navtabs {
  padding: 0;
  margin: 0;
  font-size: 0;
  background-color: #F5F5F5;
  list-style: none;
}
/* line 127, ../scss/_components.scss */
ul.ht-list.ht-list-navtabs li {
  display: inline-block;
}
/* line 129, ../scss/_components.scss */
ul.ht-list.ht-list-navtabs li a {
  display: block;
  padding: 10px 12px 8px;
  line-height: 18px;
  font-size: 12px;
  font-weight: 600;
  color: #555;
  border-bottom: 2px solid transparent;
}
/* line 137, ../scss/_components.scss */
ul.ht-list.ht-list-navtabs li a:hover {
  color: #43A047;
}
@media (min-width: 768px) {
  /* line 129, ../scss/_components.scss */
  ul.ht-list.ht-list-navtabs li a {
    padding: 12px 16px 10px;
  }
  #siteFooter .footer-main {
    padding: 10px 0 0px;
}
}

/* line 145, ../scss/_components.scss */
ul.ht-list.ht-list-navtabs li.active a {
  color: #43A047;
  border-bottom-color: #66BB6A;
}

/* line 153, ../scss/_components.scss */
ul.ht-pagination {
  padding: 16px 0;
  list-style: none;
  font-size: 0;
  cursor: default;
}
/* line 158, ../scss/_components.scss */
ul.ht-pagination li {
  display: inline-block;
  vertical-align: top;
  margin: 0 2px;
}
/* line 162, ../scss/_components.scss */
ul.ht-pagination li a, ul.ht-pagination li span {
  display: block;
  line-height: 20px;
  padding: 3px 10px;
  font-size: 14px;
  white-space: nowrap;
  border: 1px solid transparent;
}
/* line 170, ../scss/_components.scss */
ul.ht-pagination li span {
  padding: 3px 4px;
  color: #555;
}
/* line 174, ../scss/_components.scss */
ul.ht-pagination li a {
  color: #555;

  border-radius: 50%;
}
/* line 178, ../scss/_components.scss */
ul.ht-pagination li a:hover {
  border-color: #555;
}
/* line 183, ../scss/_components.scss */
ul.ht-pagination li.active a, ul.ht-pagination li.active span {
  color: #000;
  
    border: 1px solid #00000091
}

.title1-cate-h2:after{
  content: "";
  display: block;
  width: 93px;
  background-color: #9de4df;
  height: 4px;
  margin: 13px 0px 2px 114px;
}
.title2-cate-h2:after{
  content: "";
  display: block;
  width: 84px;
  background-color: #ff978f;
  height: 4px;

}
.cate-slidebar-left .cate-nh {
    height: 40px;
}
.cate-slidebar-left .view-more {
    color: #000;
    text-transform: uppercase;
    font-weight: 700;
    margin: 5px 0px 5px;
}
.cate-t-2:after {
    margin: 22px 0px -26px 147px;
}
.title3-cate-h2:after{content: "";
    display: block;
    width: 84px;
    background-color: #ffb1cb;
    height: 4px;
  }
.title-set-pro2{
  color: #f0b015;
}
.title-set-pro2:after{
    content: "";
    display: block;
    width: 121px;
    background-color: #f0b015;
    height: 4px;
    margin: 6px 0px -15px 138px;
}
.banner-cate-leftsmall .banner-item img{
      border-radius: 13px;
}
.banner-cate-leftsmall .banner-item .text-banner.align-left .title-lv2{
      font-size: 25px;
}
.banner-cate-leftsmall .banner-item{ background: #fff }
.banner-cate-leftsmall .banner-item .title-lv6{ margin: 0px 25px 0px 0px;
font-size:12px; }
.banner-cate-leftsmall .banner-item .btn-page-primary{
      background: #2dbeb3;
      color: #fff;
}
    .cate-panel-right .panel{ border:0;border-bottom: 1px solid #ccc    box-shadow: none; }
    .cate-panel-right .panel-collapse{ background: #f5f5f5; }
 .cate-panel-right .panel-heading{ padding: 10px 0px }




#productQuickViewModal .pass{ 
  margin: 10px 2px 0px 2px 
}

#productQuickViewModal .btn.ht-btn-primary{
  border-radius: 50px;
 text-transform: uppercase;
  margin-bottom: 12px; 
  line-height: 17px;
    height: 37px;
    margin-top: 5px;
}
#productQuickViewModal .nav-sidebar .tabs li{
    border-radius: 0px 20px 0px 136px;
    width: 132px;
    position: absolute;
    background: linear-gradient(90deg, rgba(65,230,199,1) 43%, rgba(58,231,220,1) 100%);
    height: 132px;
    z-index: 1;
    right: 0px;
}
#productQuickViewModal .nav-sidebar .tabs li a{     
        color: #fff;
    width: 100%;
    padding: 0;
    margin: 20px -12px;
    font-weight: 600;
    text-align: right;
    line-height: 27px }

.left-login .nav-login{
  position: absolute;
    z-index: 1;
    margin:-121px 0px 13px 214px;  
}

#productQuickViewModal .left-login .nav-login .nav > li{
  border: 2px solid #fff;
    border-radius: 22px 0px 0px 22px;
    margin-top: 7px;
}
.phone-kh select{
      border-bottom: 1px solid #cccccc4a;
    border-top: 0;
    font-size: 17px;
    border-right: 0;
    color: #b5b5b5;
    border-left: 0;
    height: 39px;
    margin: 1px 0px 0px 0px;
}
.field-icon {
    float: right;
    margin-top: -27px;
    margin-right: 10px;
    position: relative;
    z-index: 2;
}
.ln-pass{ font-size: 12px; font-size: 300; }
.phone-kh .input-group .from-login{ width: 89%; right: -1px; }
#productQuickViewModal .left-login .nav-login .nav > li a{
  color: #fff;
  height: 30px;
    line-height: 10px;
}
#productQuickViewModal .ht-modal-content{
  width: 384px;
  margin: 0 auto;
  border-radius: 20px;
}
#productQuickViewModal .ht-modal-content .tab-content{
      padding: 70px 20px 0px;
}
#productQuickViewModal .input-group{
  width: 100%;
}
#productQuickViewModal .input-group .from-login{
  width: 93%;
   border-bottom: 1px solid #cccccc4a;
    border-top: 0;
    height: 40px;
    border-right: 0;
    border-left: 0;
}
#productQuickViewModal .ht-title{text-align: left; font-size: 20px;}
#productQuickViewModal ul.nav-list {
    margin-top: 12px;
    display: flex;
    padding: 0;


}
#productQuickViewModal ul.nav-list li {
    margin: 0 0 5px;
    line-height: 16px;
    text-align: center;
    list-style: none;
    margin: 0 auto;
}
#productQuickViewModal ul.nav-list li a {
    display: inline-block;
    vertical-align: top;
    line-height: 16px;
    font-size: 12px;

    color: #757575;
}
.flex {
    display: flex;
}

.flex-jc-between {
    justify-content: space-between;
}
.flex-ai-center {
    align-items: center;
}
.btn.ht-btn-primary {
    color: #fff;
    background-color: #2dbeb3;
    border-color: transparent;
    font-weight: 500;
}
.product-tag{
  overflow: hidden;
    text-overflow: ellipsis;
    line-height: 25px;
    -webkit-line-clamp: 4;
    height: 120px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.btn-cmt {
    font-weight: 600;
    background: #2dbeb3;
    color: #fff;
    text-transform: uppercase;
    border-radius: 20px;
    width: 170px;
}
.cate-nav-pri::before {
    background-image: url(../img/nav-lv2.png);
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    width: 109px;
    height: 203px;
    content: "";
    top: -102px;
    left: -74px;
}
.cate-nav-pri {
    box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
    border-radius: 10px;
}
.banner-carousel .owl-carousel .owl-dots .owl-dot span{
    display: none;
}
@media (min-width: 992px){
.navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
}
}
.ht-title.with-bb .title-bg {
    background-color: black;
    left: 0;
    height: 0.5em;
    position: absolute;
    right: 0;
    top: 0.35em;
    z-index: -1;
}
.sidebar-cat-selecting-list li{ 
    list-style: none   ; 
    margin-left: -40px;}
.check-out-section .btn-radius{ 
    border-radius: 25px; height: 38px; }
.design-page{
   height: 382px;
}
.design-page .owl-carousel .owl-nav .owl-next{
    right: 35px;
    top: -40px;
    color: #000;
    background: none;

}
.design-page .owl-carousel .owl-nav .owl-prev {
    left: 1057px;
    top: -40px;
    background: none;
    color: #000;
  }

.cover__actions{
    position: absolute;
    top: 73%;
    width: 170px;
    left: 112%;
}
.cover__actions .change-cover{
    border-radius: 5px;
    color: #2dbeb3;
    text-transform: uppercase;
    font-weight: 600;
    padding: 8px;
    height: 34px;
    width: 100%;
    border-radius: 20px;

}
.avatar-action {
    position: absolute;
    top: 116px;
    left: 140px;
    right: 3px;
    -moz-transition: opacity 0.1s ease-in-out;
    -o-transition: opacity 0.1s ease-in-out;
    -webkit-transition: opacity 0.1s ease-in-out;
    transition: opacity 0.1s ease-in-out;
}
.slup-dashboard .avatar-action .change-avatar {
    display: block;
    padding: 3px;
    width: 26px;
    line-height: 16px;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    background-color: rgb(45, 190, 179);
    text-align: center;
    border-radius: 50%;
}
.slup-dashboard .avatar-action .change-avatar .fa-plus-circle{
      margin: 1px 4px;
    font-size: 16px;
    color: #fff;
}
.slup-dashboard .avatar-action .change-avatar i{ 
    font-size: 17px; 
}
.slup-dashboard .single-tags-label{
    position: absolute;
        left: 14px;
    top: -12px;
}
.slup-dashboard .cate-slup{
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    margin: 12px 27px;
    text-align: left;
}
.chane-pass{
    text-align: center;
    margin: 0 auto;
    height: 417px;
}
.chane-pass a span{
    color: #000; 
    text-transform: uppercase;
}
.fa-clock:before {
    content: "\f017";
}
.enduser-processing .ht-product-card-list{
    padding: 20px 22px 26px 22px;
    height: 553px;

}
.enduser-processing .ht-product-card-list::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}
.enduser-processing .ht-product-card-list::-webkit-scrollbar
{
    width: 5px;
    background-color: #f7f6fb;
}
.enduser-processing .ht-product-card-list::-webkit-scrollbar-thumb
{
  background-color: #3cbeb3;
  border: 2px solid #2dbeb3;
}
.enduser-processing .right-slide-productdetail{
    box-shadow: none;
}
.enduser-processing .attachment-preview {
    padding: 2px 0;
    margin: 12px 0 0;
    font-size: 0;
}
.enduser-processing .attachment-preview .single-item {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 50px;
    height: 50px;
    margin: 0 4px 4px 0;
    background-color: #e0e0e0;
    border: 1px solid #eaeaea;
}
.enduser-processing .attachment-preview .single-item img{
    width: 100%; 
    height: 100%; 
    object-fit: cover;
    border-radius: 6px;
}
.enduser-processing .ct-hitory-cs{
    background: url('/img/11.1.4_07.png') no-repeat;
    height: 64px;
    padding: 21px;
    background-position: center;
    background-size: contain;
}
.enduser-processing .img-kh-upload{
    padding: 15px 0; 
}
.enduser-processing .cs-l1{
    border: 1px solid #ccc;
    padding: 8px 12px;
    border-radius: 10px;
    line-height: 19px;
}
.green-border{
    background: #3cbeb32e;
    height: 2px;
    margin: 10px 0px 13px;
}
.enduser-processing .cs-l1 a{
    color: #000;
}
.enduser-processing .content-text-cs{
    text-align: justify;
    font-size: 12px;
    padding: 10px 0px;
    line-height: 21px;
}
.enduser-processing .right-slide-productdetail{
    padding: 0 15px;
}
.enduser-processing .tt-eduser{
    padding: 15px 0px;
}
.enduser-processing .tt-eduser h2{
    line-height: 2px;
}
.enduser-processing .slide-proce-detail .product-photo-gallery .single-photo-view #photoZoom{
    width: 100%;
}
.enduser-processing .goi-in-processing{
    background: url('/img/11.1.4_03.png') no-repeat;
    width: 100%;
    margin: -3px;
    padding: 0px;
    border-radius: 6px;
    background-size: cover;
}
.enduser-processing .eduser-oder-pb{
    line-height: 13px;
    margin-bottom: 19px;
}
.enduser-processing .registration-date-time{
    position: absolute;
    /* display: block; */
    left: 94px;
}
.enduser-processing .time-sm {
    margin-top: 37px;
}
.enduser-processing .add-attachment-btn{
    background: #ee3d77;
    border-radius: 21px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
}
.enduser-processing .btn-processing-detail{
   display: flex;
   padding-top: 22px;

}
.enduser-processing .print-now{
    position: absolute;
    right: 20px;
    color: #fff;
    background: #3cbeb3;
    border: 0;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 20px;
    width: 40%;
    font-size: 14px;
    height: 40px;

}
.enduser-processing .slide-proce-detail .owl-nav{
    display: none;
}
.enduser-processing .hitory-cs h2{
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
    margin: 0;
    padding: 16px 7px 0px;;
}
.bs-nedit{
    margin-top: 46px;
}
.bs-nedit .up-img-pop .topit{
    display: flex;
}
.nedit-btn{
    padding: 18px 0px 61px;
}
.bs-nedit .up-img-pop .tooltip1{
    line-height: 19px;
}
.bs-nedit .add-nedit {
    background: url('/img/3.1_03.png') no-repeat;
    width: 36px;
    margin: 4px;
    background-position: center;
    background-size: cover;
    border-radius: 0;
}
.bs-nedit .group-type-select label.single-option .option-thumb{
    width: 40px;
    height: 40px;
}
.bs-nedit .yc-them{
    padding-top: 36px;
}
.img-upload-item .group-type-select label.single-option .option-thumb{
    width: 90px;
    height: 90px;
}
.img-upload-item .group-type-select label.single-option .option-thumb .delete-file{
    top:9px;
}
.img-upload-item{
    border: 1px dashed #ccc;
    padding: 0px 11px;
    margin-bottom: 5px;

}
.sidebar-cat-selecting-list label .input-tq-ncl{    
    top: 16px;
}
#enduser-oder-ct .product-image{
    width: 90px;
    height: 90px;
    background: #fff;
}
#enduser-oder-ct .product-image .p-image{
   height: 90px;
   width: 90px;
   background: #fff;
}
#enduser-oder-ct .cart-table table .product-detail{
    padding-left: 110px;
    min-height: 85px;
    width: 282px;
}
#enduser-oder-ct .sidebar-cat-selecting-list label .cat-select-icon{
    top: -8px;
}
#enduser-oder-ct .table-white{
    background:#fff;
    padding: 10px 0px;
    margin-bottom: 10px;
}

#enduser-oder-ct .enduser-edit{
    background: #fff;
    border: 2px solid #3cbeb3;
    border-radius: 28px;
    line-height: 17px;
    height: 36px;
    margin-right: 5px;
}
#enduser-oder-ct .p-action{
    font-size: 12px;
    margin-top: -10px;
}
#enduser-oder-ct .enduser-del{
    background: #fff;
    border: 2px solid #fd5b4e;
    border-radius: 28px;
    line-height: 17px;
    height: 36px;
  margin-right:20px;
}
#enduser-oder-ct .enduser-oder-bt{
    display: flex;
    margin: 17px 13px;
    float: right;
    line-height: 37px;
}
#enduser-oder-ct .enduser-oder-bt .sl{
    font-size: 14px;
    margin: 9px;
    font-weight: 700;
    line-height: 0px;
}
#enduser-oder-ct .enduser-oder-bt .price-code-right{
    margin-left: 80px;
}
#enduser-oder-ct .enduser-oder-bt .btn-eduser-radius{
    border-radius: 30px;
    height: 35px;
    line-height: 13px;
}
#enduser-oder-ct .enduser-oder-bt .form-inline .form-control{
    border-radius: 30px;
}
#enduser-oder-ct .pay-eduser{
    width: 188px;
    float: right;
    margin: 0;
}
#enduser-oder-ct .bt-pay{
    margin: 4px;
}
.slup-dashboard .left-slup{
    margin-top: -171px;
    border: 0;
}
.news-list .item_proprety {
    margin-bottom: 18px;
    padding: 0 9px;
}
.news-list .wrap_banner {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}
.news-list .wrap_banner img{
    height: 100%;
}
.news-list .wrap_banner:before {
    position: absolute;
    display: block;
    width: 100%;
    height: 55%;
    bottom: 0;
    left: 0;
    content: '';
    background: rgba(0,0,0,0.1);
    background: -moz-linear-gradient(top, rgba(0,0,0,0.01) 0, rgba(0,0,0,0.9) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0, rgba(0,0,0,0.01)), color-stop(100%, rgba(0,0,0,0.9)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.01) 0, rgba(0,0,0,0.9) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0.01) 0, rgba(0,0,0,0.9) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0.01) 0, rgba(0,0,0,0.9) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.01) 0, rgba(0,0,0,0.9) 100%);
    opacity: .95;
    text-align: center;
    box-sizing: border-box;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}
.news-list .wrap_banner.bt-one:before{
  background: linear-gradient(to bottom, rgba(0,0,0,0.01) 0, #3cbeb3 100%);
}
.news-list .wrap_banner.bt-tow:before{
  background: linear-gradient(to bottom, rgba(0,0,0,0.01) 0, #fd5b4e 100%);
}
.news-list .wrap_banner.bt-thre:before{
  background: linear-gradient(to bottom, rgba(0,0,0,0.01) 0, #a3327c 100%);
}
.news-list .wrap_banner.item-zone2-1:before{
  background: linear-gradient(to bottom, rgba(0,0,0,0.01) 0, #3cbeb3 100%);
}
.news-list .wrap_banner.item-zone2-2:before{
  background: linear-gradient(to bottom, rgba(0,0,0,0.01) 0, #5db9ec 100%);
}
.news-list .wrap_banner.item-zone2-3:before{
  background: linear-gradient(to bottom, rgba(0,0,0,0.01) 0, #ec7c36 100%);
}
.news-list .wrap_banner.item-zone2-4:before{
  background: linear-gradient(to bottom, rgba(0,0,0,0.01) 0, #e9517c 100%);
}
.news-list .wrap_banner.item-zone2-5:before{
  background: linear-gradient(to bottom, rgba(0,0,0,0.01) 0, #615596 100%);
}
.news-list .wrap_banner.item-zone2-6:before{
  background: linear-gradient(to bottom, rgba(0,0,0,0.01) 0, #3ecb8e 100%);
}
.news-list .wrap_banner .wr_title {
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 20px;
    z-index: 1;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    overflow: hidden;
}
.news-list .wrap_banner.bt-one{
  margin-bottom: 20px;
}
.news-list .wrap_banner .wr_title .wrap_title_ed {
    top: auto;
    bottom: 20px;
    text-align: left;
    position: absolute;
    width: 100%;
}
.news-list .wrap_banner .wr_title .h2 a{ 
  color: #fff 
}
.news-list .wrap_banner .wr_title .h2 a:hover{
  color: #2dbeb3;
}
.news-list .wrap_banner .wr_title .h2 {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.25;
    color: #fff;
    margin: 8px 32px 8px 0px;
    transition: all 0.4s ease-in-out;
    overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
}
.news-list .background-news-top1{
    background: #e59517b3;
    padding: 2px 4px;
    border-radius: 5px;
    margin: 10px 0px;
    color: #fff;
}
.news-list .background-news-top2{
    background: #39b3ae;
    padding: 2px 4px;
    border-radius: 5px;
    margin: 10px 0px;
    color: #fff;
}
.news-list .background-news-top3{
    background: #ea4c46;
    padding: 2px 4px;
    border-radius: 5px;
    margin: 10px 0px;
    color: #fff;
}
.news-list .background-news-top4{
    background: #ab347d;
    padding: 2px 4px;
    border-radius: 5px;
    margin: 10px 0px;
    color: #fff;
}
.news-list .news-date{
    color: #fff;
    font-weight: 400;
    line-height: 20px;
}
.news-list .news-date span{
    margin-right: 10px;
}
.news-list .news-date span i{
    margin-right: 4px;
}

.title-new-list{
    margin: 40px 0px;
}
.h2-news{
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
}
.view-more {
    display: block;
    padding: 2px 8px;
    font-weight: 600;
    color: #000;
    text-transform: uppercase;
    line-height: 31px;
}
.news-zone-2 .item-zone2{
    margin-bottom: 15px;
}
.news-zone-3{
    background: #e4eeff7a;
    margin: 40px 0px -40px;
}
.news-zone-3 .card-header{
    height: 187px;
}
.news-zone-3 .ht-news-card .news-meta {
    padding: 17px 7px 16px 0px;
    text-align: left;
    width: 75%;
    border-bottom: 1px solid #ccc;
    margin-left: 30px;
}
.news-zone-3 .ht-news-card{
    padding: 0;
    background: #fff;
}
.news-zone-3 .btn-cate-all{
    margin-top: -18px;
}
.item-zone3-bt article {
    border-bottom: 1px solid #ccc;
    padding: 20px 0px
}
.zone-3-bt{
  margin: 40px 0px;
}
.zone-3-bt .item-zone3-bt{
  margin-bottom: 10px;
}
.item-zone3-bt .article-thumb {
    float: left;
    display: block;
    width: 20%;
    margin-right: 10px;
}
.item-zone3-bt .article-info {
    float: right;
    width: calc(80% - 10px);
}
.item-zone3-bt h3.blog-item-name {
    margin: 0;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    padding: 0;
    text-transform: none;
}
.item-zone3-bt h3.blog-item-name a {
    color: #000;
}
.item-zone3-bt .article-info .post-info span {
    margin-right: 5px;
}
.item-zone3-bt .post-info span .fa {
    margin-right: 9px;
    color: #2dbeb3;
}

.sliderbar-detail-news .sidebar-list-cate {
    margin: 15px 0px 28px 0px;
}
.sliderbar-detail-news .sidebar-list-cate .sidebar-category-list {
    padding: 0;
    margin: 0;
}
.sliderbar-detail-news .sidebar-list-cate .sidebar-category-list li {
    position: relative;
    margin: 0 0 6px;
    padding: 0 0 0 16px;
}
.sliderbar-detail-news .sidebar-list-cate .sidebar-category-list li a:hover { 
  color: #2dbeb3;
}
.sliderbar-detail-news .sidebar-list-cate .sidebar-category-list li i.fa {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    line-height: 16px;
    color: #aaa;
}
.sliderbar-detail-news .sidebar-list-cate .sidebar-category-list li a {
    display: inline-block;
    line-height: 16px;
    font-size: 12px;
    color: #555;
}


.fa-angle-right:before {
    content: "\f105";
}
#news-detail-z1 .upload-cate .item-up{
       background: url('/img/2.1_03.png') no-repeat;
    width: 100%;
    height: 91px;
    background-size: contain;
}

#news-detail-z1 .upload-news{
    width: 80%;
    text-align: center;
    margin: 0 auto;
    height: 110px;
}
#news-detail-z1 .ht-news-leftct .inner_title .h2 span{
    text-transform: uppercase;
}
#content-news-detail{
    margin-top: 50px;
}
.content-news-detail .ht-product-card{
  margin: 4px;
}
.product-news-detail{
    width: 23%;
    float: left;
}
.product-news-ct .product-news-detail{
  width: 25%;
}
.title-product-news h2{
    text-transform: uppercase;
    font-size: 19px;
    line-height: 0px;
    font-weight: 700;
}
.title-product-news{
    padding: 25px 0px;
}
.news-lq .card-header {
    height: 187px;
}
.news-lq .ht-news-card .news-title a{ height: 44px; }
.news-lq .news-meta {
    padding: 17px 7px 16px 0px;
    text-align: left;
    border-bottom: 1px solid #ccc;
    width: 69%;
    margin-left: 39px;
}
.news-lq .ht-news-card{
    padding: 0;
}
.cate-news-content .ht-news-card{
    padding: 0;
}
.news-lq .btn-cateall{
    margin: 0;
}
#content-news-detail .ht-news-title{
    text-transform: uppercase;
    font-weight: 600;
    font-size: 19px;
    line-height: 30px;
}
#content-news-detail .ht-article-card .ht-news-meta {
    font-size: 12px;
    padding: 10px 0px 0px 0px;
}
#content-news-detail .ht-article-card .ht-news-meta > span i{
    margin-right: 8px;
    color: #2dbeb3;
}
#content-news-detail .ht-news-leftct .inner_title .h2{
  text-transform: uppercase;
}
#content-news-detail .btn-printnow{
    width: 198px;
    text-align: center;
    margin: 0 auto;
    background:#ee3d77;
}
#content-news-detail .ht-news-leftct .bt-4new{
    margin: 26px 0px 0px 0px;
}

.tabs-search .nav .nav-item .nav-link{
    background: #f7f7f7;
    margin-right: 9px;
    border: 1px solid #ccc;
    border-top: 2px solid #353535;
    border-radius: 4px;
    width: 194px;
    
}
.tabs-search .nav .nav-item .nav-link{
    color: #666666;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;

}

.tabs-search .nav .nav-item.active .nav-link{
    color: #3cbeb3;
    border-top: 2px solid #3cbeb3;
    background:#f7f7f7;
    text-align: center;
}


.title-search-ct{
    font-weight: 700;
    font-size: 18px;
    margin: 16px 0px;
}
.tabs-search .tab-content > .tab-pane{
    margin: 25px 0px;
}
.tabs-search .tab-content .product-pri-cate{
    width: 20%;
}
.tabs-search .nav .nav-item.active .nav-link:after
 {
    content: "";
    position: relative;
    bottom: -45px;
    left: -34%;
    border: 15px solid transparent;
    border-top-color: #ececec;
}
.tabs-search .ht-news-card {
    padding: 0;
    background: #e0e0e069;
    margin-bottom: 60px;
}
.tabs-search .card-header {
    height: 187px;
}
.tabs-search .ht-news-card .news-meta {
    padding: 17px 7px 16px 0px;
    text-align: left;
    border-bottom: 1px solid #ccc;
    width: 69%;
    margin-left: 45px;
}
.tabs-search .btn-cate-all {
    margin-top: -17px;
}
.slup-dashboard .right-enduser{
    background:#fff;
    border-radius: 10px;
    border: 1px solid #cccccc6b;
    width: 74%;
    margin-left: 3px;
}
.slup-dashboard .right-enduser .ht-card-list_header{
    background: none;
    margin-top: 3px;
    border-bottom: 1px solid #cccccc45;
}
.slup-dashboard .tt-user{
    height: auto;
    margin: 0px 9px;
    line-height: 32px;
}
.slup-dashboard .tt-user label{ 
    margin-left: 9px; 
}
.slup-dashboard .btn-up-12{
    width: 80%;
    background:#ee3d77;
}
/*.slup-dashboard .avt-designpage{
    box-shadow: none;
}*/

.slup-dashboard .ht-sidebar-card .sidebar-cat-list{
    text-align: left;
    margin: 0px 10px 0px 16px;
}
.up-slup{
    padding: 16px;
}
.up-slup .top-up-slup{
    width: 30%;
}
.h3-slup{
    font-size: 14px;
    font-weight: 600;
    line-height: 7px;
}
.p-sup{
    font-size: 12px;
    line-height: 26px;
}
.item-print-pb{
    padding: 20px;
}
.bt-print-pd{
    background: #ecf2f1;
    border-top: 2px solid #2dbeb3;
}
.bt-print-pd .form-group{
    width: 30%;
    float: left;
    padding: 10px;
}
.up-slup .sidebar-cat-selecting-list li{
    width: 40%;
    float: left;
}
.up-slup .sidebar-cat-selecting-list label{
    padding: 2px 0 2px 22px;
    font-size: 12px;
}
.tt-upload-sup{
    padding: 16px;
}
.tt-upload-sup .panel-default > .panel-heading{
    background: url('/img/12.1.2_03.png') no-repeat;
    background-size: cover;
    color: #fff;
}
.tt-upload-sup .panel-title{
    margin-left: 52px;
}
.tt-upload-sup .panel-title a:hover{
    color: #fff;
}
.tt-upload-sup .panel-title a{
    color: #fff;
}
.tt-upload-sup .panel-collapse > .panel-body{
  background: #f2faf9;
}
.tt-upload-sup .my-6{
    margin-top: 5px;
    margin-bottom: 5px;
}

.btn-slup-upload .btn{
    width: 240px;
    margin-left: 10px;
    text-transform: uppercase;
    font-weight: 600;
    float: right;
}
.btn-slup-upload .btn-avatar-active{
    margin: 18px 0px;
}
.btn:hover{ 
    opacity: .8;
    color: #fff;
}
.tt-upload-sup .panel-body{
    padding: 0;
}
.print-cc{
    padding: 26px;
    line-height: 33px;
}
.print-cc .up-img-pop{
    width: 400px;
    margin: 15px 0px;
}
.print-cc-content{
    margin: 0px 0px 30px 0px; 
}
.print-cc h2{
    text-transform: uppercase;
    font-size: 19px;
    font-weight: 700;
    margin: 0;
}
.print-cc .add-nedit {
    background: url('/img/3.1_03.png') no-repeat;
    width: 45px;
    height: 45px;
    background-position: center;
    background-size: cover;
}
.print-cc .right-enduser .btn.btn-xs{
    height: 45px;
}
.slup-orderman-content .product-detail{
    padding-left: 10px;
    min-height: 85px;
    width: 227px;
}
/*.slup-orderman-content .product-image .p-image {
    height: 90px;
    width: 90px;
}*/
.slup-orderman-content .p-title{
    font-size: 14px;
    line-height: 18px;
    margin: 0;
}
.slup-orderman-content .p-title a{
    color: #000;
}
.slup-orderman-content{
    padding: 17px;
}
.ct-oder{
    font-size: 12px;
}
.background_sup1{
    background: #2dbeb3;
    color: #fff;
}
.background_sup2{
    background: #fd5b4e;
    color: #fff;
}
.background_sup3{
  background: #b0d65b;
  color: #fff;
}
.background_sup4{
  background: #ff0b00;
  color: #fff;
}
.slup-pop {
    display: inline-block;
    vertical-align: center;
    margin: 4px 4px;
    padding: 0 4px;
    width: 21px;
    line-height: 18px;
    font-size: 12px;
    float: right;
    text-align: center;
    color: #fff;
    position: absolute;
    right: 0;
    border-radius: 2px;
    -moz-transition: opacity .1s ease-in-out;
    -o-transition: opacity .1s ease-in-out;
    -webkit-transition: opacity .1s ease-in-out;
    transition: opacity .1s ease-in-out;
}
.pl-12-1-3-3 .single-item{
    width: 70px;
    height: 48px;
    float: left;
    margin-bottom: 2px;
    padding: 2px;
}
.pl-12-1-3-3 .single-item img{
    border-radius: 5px;
}
.tabs-sup-oder .nav-item{
    border-radius: 5px;
    width: 160px;
    height: 136px;
    
}
.tabs-sup-oder{
    padding: 45px 0px; 
}
.tabs-sup-oder .nav-item .nav-link{
    height: 100%;
}
.tabs-sup-oder .nav-item{
  padding: 3px;
}
.tabs-sup-oder .nav-item.active .nav-link{
    background: url('/img/12.1.3_03.png') no-repeat;
    background-position: inherit;
    background-size: cover;
    
    color: #fff;
    border: 0;
}
.tabs-sup-oder .nav-item.active .nav-link .text-tabs-odersup{
  padding: 46px 0px 0px 2px;
}
.tabs-sup-oder .nav-item.active .nav-link .icon-slup-oder{
    display: none;
}
.tabs-sup-oder .nav-item .nav-link{
    color: #000;
    border: 1px solid #cccccc60;
    border-radius: 10px;
}

.tabs-sup-oder .nav-item.active .nav-link:after {
    content: "";
    position: absolute;
    bottom: -22%;
    left: 8%;
    border: 15px solid transparent;
    border-top-color: #34c1ac;
}
.tabs-sup-oder .tab-content{
    padding: 23px 0px;
}
.tabs-sup-oder .tab-content .text-tabs-odersup2{
    font-size:13px;
}
.pl-12-1-3-3 .nd-pl-detail{
    padding: 21px 0px;
}
.pl-12-1-3-3 .nd-pl-detail p{
    font-size: 13px;
}

.pl-12-1-3-3 .right-slide-productdetail{
    box-shadow: none;
    padding: 0px 19px;
}

.pl-12-1-3-3 .img-kh-upload{
    margin-top: 20px;
}
.pl-12-1-3-3 .text-img-slup{
    border-bottom: 1px solid #ccc;
    padding: 15px 0px 3px 0px;

}
.pl-12-1-3-3 .text-img-slup .text-bt-img{
    font-weight: 700;
    text-transform: uppercase;
}
.pl-12-1-3-3 .text-img-slup h3{
    text-transform: uppercase;
    font-size: 14px;
    line-height: 21px;
    font-weight: 700;
}
.pl-12-1-3-3 .btn-close{
    color: #fff;
    text-transform: uppercase;
    background: #e92a21;
    font-weight: 700;
    width: 48%;
    border-radius: 20px;
}
.pl-12-1-3-3 .btn-upload-3-5{
    color: #fff;
    text-transform: uppercase;
    background: #6dad6b;
    font-weight: 700;
    width: 100%;
    text-align: center;
    padding: 12px;
    margin: 13px 0 30px 0;
    border-radius: 20px;
}
.pl-12-1-3-3 .content-text-cs{
    text-align: justify;
}
.pl-12-1-3-3 .btn-close-reject{
    color: #fff;
    text-transform: uppercase;
    background: #ccc;
    font-weight: 700;
    width: 100%;
    margin: 0px 0px 30px 0px;
    border-radius: 20px;
}
.pl-12-1-3-3 .btn-yep{
    color: #fff;
    text-transform: uppercase;
    background: #2dbeb3;
    font-weight: 700;
    width: 48%;
    border-radius: 20px;
}
.pl-12-1-3-3 .btn-processing-detail{
    margin: 20px 0px;
}
.pl-12-1-3-3 .right-slide-productdetail .goi-in-processing{
    background: url('/img/11.1.4_03.png') no-repeat;
    width: 100%;
    border-radius: 10px;
    padding: 0px 0px 0px 23px;;
}
.pl-12-1-3-3 #photoZoom{
    width: 100%;
    height: 329px;
    margin: 11px 0px;
}
.tabs-accept .nav-item .nav-link{
    color: #000;
    border:1px solid #ccc;
    border-radius: 10px;
}
.tabs-accept .nav-item{
    padding: 5px;

}
.tabs-accept .nav-item.active .nav-link{
    background-color: #fff;
    border-radius: 10px;
    position: relative;
    border: 1px solid #3cbeb3;
    color: #000;
}

.tabs-accept .nav-item.active .nav-link:before {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 50px;
    border-top: 10px solid #3cbeb3;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
}
.tabs-accept .text-tabs-odersup{
    padding-left: 30px;
}
.tabs-accept .icon-slup-oder{
    float: left;
}
.tabs-accept .tab-content{
    padding: 13px 20px 15px 9px;
    text-align: justify;
}
.hitory-accept{
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 700;
    line-height: 1;
    margin: 8px;
}
.tabs-accept .tab-content .footer-hitory-accept{
    margin: 0px 0px 25px 0px;
    border: 1px solid #ccc;
    padding: 10px;
    width: 100%;
    border-radius: 10px;
}
.btn-requet-46  .btn{
    margin-right: 12px;
}
.wait-eduser{
  text-align: center;
  line-height: 0;
}
.wait-eduser .yep-eduser{
      background: #3cbeb3;
    color: #fff;
    text-align: center;
    padding: 6px;
    border-radius: 20px;
    font-size: 15px;
}
.wait-eduser .wait-btn-eduser{
      background: #ebebeb;
    color: #000;
    text-align: center;
    padding: 6px;
    border-radius: 20px;
    font-size: 15px;
}
.wait-eduser .icon-wait-btn{
  margin-right: 3px;
}
.table-responsive .product-detail .product-info {
    display: inline-block;
    vertical-align: middle;
}
.table-responsive .product-detail .product-info .p-title {
    margin: 4px 0 8px;
    line-height: 19px;
    font-size: 14px;
    font-weight: 500;
}
.table-responsive .product-detail .product-info .p-title a {
    color: #333;
}
.eduser-album .product-album{
  width: 25%; 
  float: left;
}
.eduser-album .product-album .btn{
  height: 31px;
    line-height: 14px;
}
.eduser-42 .panel-heading{
    background: url('/img/tip.png') no-repeat;
    background-position: center;
    background-size: cover;
}
.eduser-42 .text1-oder-42{
  margin: 0px 25px;

}
.eduser-42 .text2-oder-42{
  font-weight: 400;
    color: #000;
}
.table-responsive .product-detail {
    min-height: 85px;
    width: 282px;
}
.table-responsive .product-image {
    width: 80px;
    height: 80px;
    background: #fff;
    float: left;
    margin-right: 15px;
}
.table-responsive .product-image .p-image {
    height: 80px;
    width: 80px;
    background: #fff;
}
.table-responsive .product-image .p-image img {
    height: 100%;
    object-fit: cover;
}
.hotline-tt{
  float: right;
  width: 180px;
}
.pl-destina .product-destina{
  width: 25%;
  float: left;
}
.pl-destina{
  width: 100%;
}
.user-destina{
    margin-bottom: 15px;
}
.zone-4{
    padding: 40px 0px;
}
.zone-4 .home-print-des{
  font-weight: 700;
  font-size: 20px;
}
.zone-4 .home-print-content{
    padding: 0;
    margin: 0;
}
.zone-4 .home-print-content .print-news-list li {
    position: relative;
    margin: 7px 0px 26px;
    padding: 0 0 0 93px;
    min-height: 70px;
    border-bottom: 1px solid #ccc;
}
.zone-4 .home-print-content .print-news-list{
        padding: 0px 20px 0px 0px;
}
.zone-4 .home-print-content .print-news-list li .print-thumb{
    display: block;
    position: absolute;
    top: 0;
    left: -8px;
    width: 90px;
    height: 80px;
}
.zone-4 .home-print-content .print-news-list li .print-title{
    margin: 0 0 4px;
    line-height: 17px;
    font-size: 13px;
    font-weight: 500;
}
.zone-4 .home-print-content .print-news-list li .print-title a {
    color: #333;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-height: 25px;
    -webkit-box-orient: vertical;
    font-weight: 700;
}
.zone3-destina #banner-cate .upload-cate .item-up{
    height: 90px;
    background-size: contain;
}
.zone3-destina #banner-cate .upload-cate{
    border:0;
}
.zone2-destina{
    padding: 30px 0px;
}
.zone3-destina #banner-cate {
    padding: 0;
    margin: 0;
}
.zone3-destina{
    padding: 20px 0px 28px;
}
.title-destination .input-sm{
    height: 40px;
    width: 200px;
    border-radius: 4px;
}
.title-destination{
    margin: 0px 0px 15px 0px;
}
.mar-pad-0{
    margin: 0;
    padding: 0;
}
.pad-15{
    padding: 0px 15px;
}
.right-title-des{
    display: flex;
}
.right-title-des .sort-wrap{
    margin: 6px 0px 6px 21px;
}
.btn-ser-destina{
    background: #ffd800;
    color: #000;
    font-weight: 700;
    border-radius: 4px;
    border:0;
    height: 40px;
}
.pl-checkstatus{
    box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
    text-align: center;
    margin: 0 auto;
    padding: 40px 0px;
    line-height: 24px;

}
.mdh .form-mdh{
  height: 40px;
  border-radius: 20px;
  width: 340px;
}
.pl-checkstatus .mdh{
    padding: 10px 0px 20px;
}
.pl-checkstatus .mdh .pl-only{
    width: 100%;
    margin: 9px 0px 10px;
    font-weight: 700;
    font-size: 15px;
    color: #000;
}
.pl-checkstatus .mdh .test-btn{
    background: #2dbeb3;
    border-radius: 20px;
    width: 110px;
    font-weight: 500;
    color: #fff;
    font-size: 15px;
}
.form-checkstatus .block-chat .btn{
    border-radius: 20px;
    width: 230px;
    text-transform: uppercase;
    font-weight: 700;
}
.form-checkstatus .block-chat .btn-checkstatus{
    background: #ffdb4a;
    border: 0;
}
.title-profile-h2:after {
    content: "";
    display: block;
    width: 84px;
    background-color: #ffb1cb;
    height: 4px;
    position: absolute;
    right: 44px;
    margin-top: 6px;
}
.form-checkstatus .block-chat .title-chat{
    font-weight: 700;
    text-transform: uppercase;
    margin: 0px 0px 18px;
    font-size: 15px;
}
.bt-modal2{
    background: url('/img/modal1.png') no-repeat;
    padding: 27px;
    background-size: 100% 87%;
    margin-top: -19px;
}
#cate-scroll{
    height: 395px;
    overflow: auto;
    padding: 0px 10px 0px 0px;
}
#cate-scroll::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}
#cate-scroll::-webkit-scrollbar
{
    width: 5px;
    background-color: #f7f6fb;
}
#cate-scroll::-webkit-scrollbar-thumb
{
  background-color: #3cbeb3;
  border: 2px solid #2dbeb3;
}
.fa-sign-out-alt:before {
    content: "\f2f5";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
}
.ht-sidebar-card ul.sidebar-cat-list > li > a .fa{
   color: #676767;
    font-size: 15px;
    margin-left: 12px;
    line-height: 26px;
}
.ht-sidebar-card ul.sidebar-cat-list > li > a .name-list{
    padding-left: 44px;
}
.cart-shoping .code-ms {
    width: 170px;
    text-align: center;
}
.cart-shoping .cart-detail {
    min-height: 85px;
}

.cart-image {
    width: 60px;
    height: 60px;
    background: #fff;
    float: left;
}
.cart-shoping .cart-detail .p-image {
    height: 60px;
    width: 60px;
    background: #fff;
}
.cart-image .p-image img {
    height: 100%;
    object-fit: cover;
} 
.cart-image .p-image {
    height: 90px;
    width: 90px;
    background: #fff;
}
.cart-detail .cart-info {
    display: inline-block;
    vertical-align: middle;
    padding-left: 10px;
}
.cart-shoping .cart-detail .cart-info .p-title {
    margin: 4px 0 8px;
    line-height: 19px;
    font-size: 14px;
    font-weight: 500;
}
.cart-detail .cart-info .p-title a {
    color: #333;
    font-size: 13px;
}
.dg-cart{
    width: 128px;
    text-align: center;
    vertical-align: top;
}
.number-cart-sl {
    width: 120px;
    text-align: center;
}
.cart-shoping .top-cart{
  box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
}
.pay-cart {
  width: 200px;
  float: right;
  margin: 22px -4px;
}
.pagination{
    display: flex;
    justify-content: center;
    margin: 28px 0px 0px;
}
.pagination li a{
  background: #fff;
  border: 0;
  border-radius: 50%;
  color: #ccc;
}
.pagination > .active > a{color: #000; background-color: #fff;border-bottom: 2px solid #000;border-radius: 0;}
.pagination > li:first-child > a, .pagination > li:first-child > span{margin-left: 0;border-radius: 50%;color: #ccc;border: 1px solid #ccc;}
.pagination > li:last-child > a, .pagination > li:last-child > span {border-radius: 2px;margin-left: 0;border-radius: 50%;color: #2dbeb3;border: 1px solid #2dbeb3;}
.bt-4new:last-child .bt-new-end{border: 0;}
.pay-ment{box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);border-radius: 10px;}
.pay-ment .input-group .form-control{width: 100%;border-radius: 20px;}
.pay-ment .input-group {width: 100%;}
.pay-ment .payment-form .btn-payment6{border-radius: 20px;text-transform: uppercase;font-weight: 600;width: 100%;margin-top: 10px;}
.pay-ment .payment-form{padding: 10px 40px;}
.slup-dashboard .left-slup .seller-overview-profile{box-shadow: 0 10px 15px 0 rgba(0,0,0,.1);padding: 7px;border-radius: 10px;}
.dropdown-search {display: none;}
.pl-mgt20{padding-top: 20px;}
.pd-25{padding: 35px 10px 0px 10px;}
.pd-30 {padding: 0px 0px 0 16px;}
.up-news-pl{height: 134px;padding: 22px 123px;}
.title-checkstatus{font-size: 12px;}
.field-productcomment-captcha{ display: flex; width: 100%;justify-content: flex-end;}
.field-productcomment-captcha #productcomment-captcha{border-radius: 20px;}
.login-i1 label label{ width: 100%; margin: 0; padding: 0; font-size: 12px;}
.login-i2{margin-top: -9px;}
.login-i2 .fz-12{font-size: 12px;}
.btn-product{height: 49px;margin-top: 17px;}
.khac-productdetail{margin-top: -48px;}
.product-news-ct .ht-product-card {padding: 4px;margin-bottom: 5px; margin: 0;}
#productcomment-content{border: 1px solid #cccccc96;}
.ht-pdl24{padding: 10px 20px;}
.yc-content{padding: 20px 0px; display: flex; justify-content: center;}
.yc-content .btn.ht-btn-default {height:41px; margin:3px; background: #ff3e89;padding: 10px 25px 10px 26px;border: 0;font-size: 12px;color: #fff;border-radius: 20px;text-transform: uppercase;font-weight: 600;}
.yc-content .btn.ht-btn-default i{margin-right: 4px;}
.pl-news-detail{margin: 0;padding: 16px 16px 16px 0px;}

#cate-news .ht-news-leftct .inner_title .h2{ text-transform: uppercase;}
#cate-news .title_module_main{margin: 0px 0px 21px;}
#cate-news .item-new2 .card-content{    padding: 8px 12px;}

.cate-news-content{padding: 0px 10px 0px 0px;}
.cate-news-content .news-meta {padding: 14px 0px 14px 0px;text-align: left;border-bottom: 1px solid #ccc;width: 77%;margin-left: 32px; min-height:33px;}
.like-share{display: flex;justify-content: center;align-items: center;}

.page-404{ text-align: center; padding: 30px 0px 20px; }
.page-404 .tb-404 .title-404{ text-transform: uppercase; color:#f00; font-weight: 700;  }
.page-404 .tb-404 .des-404{margin-bottom: 40px;}
.page-404 .tb-404 .gohome-404{ text-transform: uppercase;background: #2dbeb3;color: #fff; font-weight:600;padding: 11px 23px;font-size: 15px;border-radius: 20px;}

.upload-lv-pl{padding-top: 30px;height: 123px;}
.sticky-sidebar-item{padding-left: 0;}
.tab-content .item-news, .tabs-one-search{padding-left: 0}
.pl-title-policy{background: url('/img/chan-xanh.jpg') no-repeat;background-position: left;margin-bottom: 30px;font-size: 29px;font-weight: 700;background-size: 31% 81%;}

.policy-des{background: #f7f6fa;border-radius: 10px;padding:10px 15px 20px;}
.policy-des .title-policy a{font-size: 15px;text-transform: uppercase;font-weight: 600;}
.policy-des .left-policy-cate{margin: 0;}
.policy-des .sidebar-cat-list .left-policy-cate ul li{ margin: 0 0 8px }
.policy-des .sidebar-cat-list .left-policy-cate ul li a{padding-left: 38px;}
.policy-des .sidebar-cat-list .left-policy-cate ul li a img{ width: 9px; margin-right:13px;}

.left-policy-cate .ht-sidebar-card .sidebar-cat-list li:after{border-bottom: 1px solid #e1e1e1;content: '';position: absolute;left: 0;right: -36px;width: 85%; bottom: -10px; margin: 0 auto;}
.policy-des .title-policy .left-policy-cate{ margin:0; padding: 0; }

.content-policy{padding: 0px 0px 0px 40px; text-align: justify;}
.content-policy .title-ct-policy{margin-left:-31px;}
.content-policy .title-ct-policy img{width:55px;}
.content-policy .title-ct-policy .pl-cs{ font-weight:700;}
.content-policy ul{padding: 3px 28px;}
.content-policy ul li{padding: 5px 0;}
.pa-text-policy{padding-left:20px;}
.right-br-the{padding-right: 0;}
.left-br-the{padding-left: 0;}

#youtubeVideo .modal-content{height: 450px;width: 800px;margin: 0 auto;margin-top: 6%;box-shadow: none;border: none;}
#pl-faq{display: block;}
#pl-faq .modal-content{width: 800px; border-radius: 10px;margin: 0 auto;margin-top: 30px;}
#pl-faq .modal-body{width: 100%;overflow: auto; padding: 20px 25px 0px;}
#pl-faq .modal-body::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;}
#pl-faq .modal-body::-webkit-scrollbar{width: 5px;background-color: #f7f6fb;}
#pl-faq .modal-body::-webkit-scrollbar-thumb{background-color: #3cbeb3;border: 2px solid #2dbeb3;}

.form-control.input-goi {text-indent:25%;}
.cover-slider-cate .owl-carousel .owl-item img{object-position: 61%;}
.yeu-cau-in{padding: 25px;}

.album-en-btn{position: relative;padding: 6px 12px;line-height: 22px;font-size: 14px;text-align: center;  }

.album-table .product-detail{position: relative;padding-left: 33px;min-height: 100px;width: 236px;display: flex;}
.dh-name-cus{padding: 0 76px !important;}
.sl-cus{padding: 0 20px !important;}
.code-cus{padding: 0 26px;}
.album-table .print-money-album{width: 152px;text-align: left;}
.album-table .sl-album-pl{width: 130px;}

.logout-lv2 li a i{margin-right: 5px;}
.logout-lv2 li:hover{ background:#dcdcdc96; }
.logout-lv2 li{ border-bottom: 1px dashed #cccccc59;}

#slide .home-carousel .single-item img{ height: 100%;  width: 100%; object-fit: cover; }
.z2-left{padding-left: 0px;}

.img-zoom-container {position: relative;height: 100%;}
.img-zoom-lens {position: absolute;border: 1px solid #d4d4d4;width: 40px;height: 40px;}
.img-zoom-result {width: 388px; height: 350px; position: absolute; right: -388px; display: none; top: 0; z-index: 1;}

/*#productAlbumCarousel .carousel-inner {overflow: inherit;}*/
#siteHeader .sh_main-menu ul.logout-lv2:before {border: 9px solid transparent;border-bottom: 9px solid #efefef;margin-left: -9px;bottom: 100%;left: 50%;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.has-success .form-control{-webkit-box-shadow: none;box-shadow: none;}
.change-pass-ct{width: 400px; margin: 0 auto; height: 380px}

.yeu-cau-in .right-pop{display: flex;}
.yeu-cau-in .select-popup-product{width: 100%}
.yeu-cau-in .right-pop .tooltip1{    line-height: 33px;position: absolute; right: -11px;}
.yeu-cau-in .right-pop .tooltip1 .tooltiptext1{    line-height: 19px}
.yeu-cau-in .loai-yc{font-size: 13px;line-height: 0px; font-weight: 700;}
.yeu-cau-in .right-loai-yc{width: 33%}
.yeu-cau-in .ht-mgb12{margin: 3px}

.mag{ height: 100%; overflow: hidden; }
.magnify {position: relative;cursor: none;height: 100%;}
.magnify-large {position: absolute;display: none;width: 200px;height: 200px;
    -webkit-box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    z-index: 10;
}
.img-sad-bst{display: flex;justify-content: center;margin: 0;}
.panel-group{ margin: 0; }
.none-tab-head{ display:none;}
.none-tab-head.active{display:block}
.banner-pro-tow .banner-item {margin-bottom: 20px;}
.banner-item .text-banner.align-left .title-lv1 {text-transform: uppercase;font-size: 13px;margin-left: 12px;font-weight: 400;}
table.ht-cart-table thead tr th {
    padding: 8px;
    font-size: 12px;
    font-weight: 700;
    text-decoration: uppercase;
    color: #424242;
    white-space: nowrap !important;
}
.code-body-dh{width: 256px;text-align: right;}
.product-dh {padding-right: 92px !important;}
.cart-shoping-mobile{display: none;}
.cate-search{ background: #ffdb4a;font-weight: 600; }
.suntory-alo-phone {
    top: auto!important;
    background-color: transparent;
    cursor: pointer;
    height: 40px;
    position: fixed;
    transition: visibility 0.5s ease 0s;
    width: 38px;
    z-index: 100 !important;
    display: none;
    right: 46px;
    bottom: calc(234px - 44px);
}
.suntory-alo-phone.suntory-alo-green .suntory-alo-ph-img-circle {background-color: #0084ff;}
.suntory-alo-ph-img-circle {
    animation: 1s ease-in-out 0s normal none infinite running suntory-alo-circle-img-anim;
    border-radius: 100%;
    height: 60px;
    transform-origin: 50% 50% 0;
    width: 60px;
}
.suntory-alo-ph-img-circle i {
    animation: 1s ease-in-out 0s normal none infinite running suntory-alo-circle-img-anim;
    font-size: 36px;
    line-height: 62px;
    display: flex;
    justify-content: center;
    color: #fff;
}
@keyframes suntory-alo-circle-anim {
    0% {
      opacity: 0.1;
      transform: rotate(0deg) scale(0.5) skew(1deg);
    }
    30% {
      opacity: 0.5;
      transform: rotate(0deg) scale(0.7) skew(1deg);
    }
    100% {
      opacity: 0.6;
      transform: rotate(0deg) scale(1) skew(1deg);
    }
  }

  @keyframes suntory-alo-circle-img-anim {
    0% {
      transform: rotate(0deg) scale(1) skew(1deg);
    }
    10% {
      transform: rotate(-25deg) scale(1) skew(1deg);
    }
    20% {
      transform: rotate(25deg) scale(1) skew(1deg);
    }
    30% {
      transform: rotate(-25deg) scale(1) skew(1deg);
    }
    40% {
      transform: rotate(25deg) scale(1) skew(1deg);
    }
    50% {
      transform: rotate(0deg) scale(1) skew(1deg);
    }
    100% {
      transform: rotate(0deg) scale(1) skew(1deg);
    }
  }
  @keyframes suntory-alo-circle-fill-anim {
    0% {
      opacity: 0.2;
      transform: rotate(0deg) scale(0.7) skew(1deg);
    }
    50% {
      opacity: 0.2;
      transform: rotate(0deg) scale(1) skew(1deg);
    }
    100% {
      opacity: 0.2;
      transform: rotate(0deg) scale(0.7) skew(1deg);
    }
  }
  @keyframes suntory-alo-ring-ring {
    0% {
      transform: rotate(0deg) scale(1) skew(1deg);
    }
    10% {
      transform: rotate(-25deg) scale(1) skew(1deg);
    }
    20% {
      transform: rotate(25deg) scale(1) skew(1deg);
    }
    30% {
      transform: rotate(-25deg) scale(1) skew(1deg);
    }
    40% {
      transform: rotate(25deg) scale(1) skew(1deg);
    }
    50% {
      transform: rotate(0deg) scale(1) skew(1deg);
    }
    100% {
      transform: rotate(0deg) scale(1) skew(1deg);
    }
  }
.right-time-pro{margin: -2px 0px;}
.left-slide-productdetail .check-out-p-list{ font-size:12px; line-height: 28px;}
.btn-file.btn:after{position: relative;}
.pl-12-1-3-3 .sidebar-cat-selecting-list label .cat-select-icon{ top: 0; }
.pl-12-1-3-3 .item-print-pb .right-pop .select-popup-product{width: 89%; float: left;  }
.pl-12-1-3-3 .item-print-pb .right-pop .tooltip1{line-height: 34px;}
.pl-12-1-3-3 .btn-slup-upload{ padding: 0px 18px; }
.pl-12-1-3-3 .item-print-pb .right-pop .tooltip1 .tooltiptext1{left: -159px;width: 229px;line-height: 19px;}
.pl-12-1-3-3 .item-print-pb .right-pop .tooltip1 .tooltiptext1::after{ left: 112% }
.pl-12-1-3-3 .fileupload-buttonbar .btn.fileinput-button{height: auto;}
#siteHeader .sh_main-menu ul.list-level-02 li a h3 {
    font-size: 13px;
    padding: 0;
    margin: 0;
}
#siteHeader .sh_main-menu ul.list-level-02 li a h5 {
    font-size: 13px;
    margin: 0;
}
.pl-12-1-3-3 .fileupload-buttonbar .upload-tabs3{
    background: #ee3d77;
    padding: 12px;
    width: 23%;
    text-align: center;
    color: #fff;
    font-weight: 600;
    font-size: 15px;
    border-radius: 5px;}
.avt-designpage .design-avatar{
    background: #ffbd07;
    width: 120px;
    height: 120px;
    display: flex;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    box-shadow: 0px 10px 15px 4px rgba(0,0,0,0.1);
    border: 4px solid #fff;
}
.avt-designpage .design-avatar h3{
    font-weight: 700;
    font-size: 19px;
    color: #000;
}
.pl-lv-tb1{padding-left: 0;}
.pd-10{padding-left: 10px;}
.pd-4{padding: 7px 0; width: 100%;}
.tbs-edit-slup{padding: 22px 1px 22px 18px;}
.tbs-edit-slup .ht-title{
  font-size: 21px;    
  margin: 0px 0 0px;
  line-height: 40px;}
.tbs-edit-slup .ct-hitory-cs {
    background: url('/img/11.1.4_07.png') no-repeat;
    height: 64px;
    padding: 21px;
    background-position: center;
    background-size: contain;
}
.tbs-edit-slup .ct-hitory-cs .fa-edit{ color: #2dbeb3 }
.tbs-edit-slup .nd-pl-detail {
    padding: 8px 0px;
}
.tbs-edit-slup .img-kh-upload {
    margin-top: 5px;
}
.upload-tbs-slup .btn.btn-xs {
    height: 37px;
    margin-top: -9px;
}
.tt-ct-dh .check-out-p-list{ 
  line-height: 22px; 
}
.tt-ct-dh{
  margin: 15px 0px;
}
.item-ntk .item {
    position: relative;
    overflow: hidden;
    background: #000;
    display: block;
}
.item-ntk .item img{
  width: 100%;

}

.right-img .item{
  margin-bottom: 30px;
}
.btn-gt{padding: 18px;}
#cmt-now-id .clone-one{
  padding-top: 22px;
}
.policy-des .title-policy .title-item-policy{
  text-transform: uppercase;
    font-size: 15px;
    font-weight: 600;
}
.policy-des .nav-policy .policy-item{list-style: none; line-height: 30px;}
.policy-des .nav-policy .policy-item .policy-link{ color: #000 }
.policy-des .nav-policy .policy-item .policy-link img{padding-right: 14px;}
.policy-des .nav-policy{
    position: relative;
    top: -1px;
   
    overflow: hidden;
    -moz-transition: max-height 1s ease-in-out 0s;
    -o-transition: max-height 1s ease-in-out 0s;
    -webkit-transition: max-height 1s ease-in-out;
    -webkit-transition-delay: 0s;
    transition: max-height 1s ease-in-out 0s;
}
.file-btn-library{    
  color: #000 !important;
    border: 1px solid #ffdb4a;
    padding: 10px 20px;
    border-radius: 7px;
    font-weight: 500;
    margin: 0 10px 0 0;
    background: #ffdb4a;
}

.action-del{ width: 100%;padding: 20px; }
.action-del .btn-del-cart{    
 position: absolute;
    right: 49px;
    padding: 0;
    margin: -15px;

}
.advisory-form .advisory-bar #advisory_text {
    width: 320px;
    padding: 0 17px;
    font-size: 14px;
    margin: 4px;
    border: 1px solid #00BCD4;
    border-radius: 22px;
    height: 40px;
    background: #fff;
    float: left;
    box-sizing: border-box;
}
.advisory-form .advisory-bar #advisory_button {
       position: absolute;
    border: 0 none;
    background: linear-gradient(90deg,rgba(65,230,198,1) 0%,rgba(58,231,220,1) 100%);
    float: right;
    font-size: 13px;
    text-transform: uppercase;
    width: 138px;
    right: 1px;
    font-weight: bold;
    margin: 6px;
    text-align: center;
    height: 36px;
    line-height: 34px;
    cursor: pointer;
    color: #fff;
    border-radius: 18px;
}
#thank-detail .modal-content{
  width: 430px;
    margin: 0 auto;
    height: 200px;
    text-align: center;
    border-radius: 10px;
    box-shadow: 0 5px 30px rgba(0,0,0,.5);

}
#thank-detail .modal-header{
  border:0;
}
#thank-detail .modal-header .close{
  background: #2dbeb3;
    color: #fff;
    opacity: .9;
    border-radius: 0px 10px 0px 0px;
}
#thank-detail .modal-content .modal-body .fa-heart{
  font-size: 45px;
  color: #2dbeb3;
  padding-bottom: 18px;
}
#thank-detail .modal-content .modal-body{
  margin: 4px 20px;
}

/* tooltip reject */
.tootip-reject{
    background: #fff !important;
    padding: 0 20px;
    border: 2px solid #d8271f;
  border-radius: 10px;
}

.tootip-reject .sidebar-cat-selecting-list{
      margin-left: -22px;
}
.tootip-reject:after {
     content: "";
    position: relative;
    bottom: -34px;
    left: 24%;
    border: 15px solid #ffffff00;
    border-top-color: #ffffff;
}
.btn-sendnow{
  background: #fff;
    border: 2px solid #e92a21;
    width: 100%;
    text-transform: uppercase;
    border-radius: 20px;
    color: #e82a21;
    font-weight: 700;
  margin-top:20px;
}
.tootip-reject .sidebar-cat-selecting-list label .cat-select-icon{
  color:#e82a21
}
.tootip-reject .sidebar-cat-selecting-list label input[type="checkbox"]:checked + .cat-select-icon:before{
  color:#e82a21
}
.tootip-reject h4{
  font-size: 15px;
    font-weight: 700;
}
.tootip-reject h4 .fa{
  color: #e92a21;
    font-size: 19px;
    line-height: 22px;
    margin-right: 9px;
    margin-top: 12px;
}
/*Album-11.1.5.1*/
.ct-album .ul-album{
  padding: 0;
  margin-top: 30px; 
}
.ct-album .ul-album .item-album-li{
  list-style: none;
    display: flex;
    padding: 20px 10px;
    background: #fff;
    border-radius: 10px;
    margin-bottom: 15px;
    border:1px solid #fff;

}
.ct-album .ul-album .item-album-li .name-album{
    width: 30%;
    margin: 0px 10px;
}
.ct-album .ul-album .item-album-li .name-album h4{
  font-size: 15px;
    font-weight: 700;
    margin: 0;
}
.ct-album .ul-album .item-album-li .action-album{
    width: 40%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ct-album .ul-album .item-album-li .item-al .btn-item-al {
    color: #000;
    padding: 7px 13px;
    border-radius: 20px;
}
.ct-album .ul-album .item-album-li .item-al .btn-item-al .fa{
  margin-right: 5px;
}
.ct-album .ul-album .item-album-li .item-al .btn-ct-album{
    border: 1px solid #2dbeb3;
    margin-right: 15px;
}
.ct-album .ul-album .item-album-li .item-al .btn-print-go{
  border: 1px solid #e92a21;
}
.ct-album .ul-album .item-album-li .time-album{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30%
}
.ct-album .ul-album .item-album-li .time-album .fa{
    color: #2dbeb3;
    margin-right: 10px;
    line-height: 23px;
}
.ct-album .ul-album .item-album-li .item-al .btn-ct-album .fa{
  color:#2dbeb3;

}
.ct-album .ul-album .item-album-li .item-al .btn-print-go .fa{
  color:#e92a21;
}
.ct-album .ul-album .item-album-li:hover{
  border: 1px solid #2dbeb3;
}

.ct-album .ul-album .item-album-li:hover .btn-ct-album{
    background: #2dbeb3;
    color: #fff;
}
.ct-album .ul-album .item-album-li:hover .btn-print-go{
    background: #e92a21;
    color: #fff;
}
.ct-album .ul-album .item-album-li:hover .btn-ct-album .fa{
    color: #fff;
}
.ct-album .ul-album .item-album-li:hover .btn-print-go .fa{
    color: #fff;
}
.date-print-btn{
    color: #000 !important;
    border: 1px solid #2dbeb3;
    height: 34px;
    line-height: 30px;
    padding: 0px 31px;
    margin-left: 8px;
}
/*Album-11.1.5.2*/
.upload-filelogo .btn-upload-logo{
    background: #2dbeb3;
    color: #fff;
    padding: 10px 25px;
    border-radius: 5px;
}

.upload-item-logo{
    overflow: hidden;
    margin:20px 0px;
}
.upload-item-logo ul{
    margin-left: -37px; 
}
.upload-item-logo ul li{
    list-style: none;
    background: #fff;
    overflow: hidden;
    width: 47%;
    float: left;
    padding: 10px;
    margin: 10px 20px 0px 0px;
    border-radius: 10px;
    border: 1px solid #fff;
}
.upload-item-logo ul li:hover{
  border: 1px solid #2dbeb3;
}
.upload-item-logo ul li .item-upload-dow h4{
  font-size: 16px;
    margin: 0;
    line-height: 26px;
    padding: 0px 11px;
}
.upload-item-logo ul li .item-upload-dow p{
  font-size: 12px;
    padding: 0px 12px;
}
.btn-dow52{
      border: 1px solid #2dbeb3;
    color: #000;
    padding: 7px 20px;
    line-height: 50px;
    border-radius: 20px;
}
.btn-dow52 .fa{
  color: #2dbeb3
}
.upload-item-logo ul li:hover .btn-dow52{
  background: #2dbeb3;
  color: #fff;
}
.upload-item-logo ul li:hover .btn-dow52 .fa{
  color: #fff;
}
#upload-filelogo-modal .ht-modal-content{
  width: 400px;
    margin: 0 auto;
    text-align: center;
    padding: 45px;
    height: 330px;
    border-radius: 20px;
}
#upload-filelogo-modal .popup-upload-btn .btn-upload52{
    background: #E91E63;
    padding: 14px 29px;
    margin: 14px 0px;
    color: #fff;
    line-height: 7px;
    width: 100%;
    font-size: 15px;
    border-radius: 20px;
    font-weight: 600;
}
#upload-filelogo-modal .ht-modal-content h4{
    font-size: 20px;
    font-weight: 800;
    margin: 0;
    text-align: left;
    padding-bottom: 14px;
}
#upload-filelogo-modal .ht-modal-content .from-filein{
  border-radius: 20px;
    height: 40px;
    border: 1px solid #2dbeb3;
}
#upload-filelogo-modal .ht-modal-content .btn-up-now52{
 background: linear-gradient(90deg,rgba(65,230,199,1) 43%,rgba(58,231,220,1) 100%);
    width: 100%;
    border-radius: 20px;
    margin-top: 38px;
    text-transform: uppercase;
    font-weight: 700;
}
/*end 52*/
.list-img-upload .attachment-preview {
    padding: 2px 0;
    margin: 12px 0;
    font-size: 0;
}
.list-img-upload .attachment-preview .single-item {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 72px;
    height: 72px;
    margin: 0 8px 8px 0;
    background-color: #e0e0e0;
    border: 1px solid #eaeaea;
}
.list-img-upload .attachment-preview .single-item .delete-item-btn {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    height: 20px;
    width: 20px;
    line-height: 20px;
    text-align: center;
    color: #fafafa;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.24);
}
.list-img-upload .attachment-preview .single-item .delete-item-btn i {
    display: inline-block;
    vertical-align: top;
    line-height: 20px;
    font-size: 10px;
    padding: 0px 6px;
    background: #fd5b4e;
    margin-right: -2px;
}
/* detail-oder */
.main-menu-none{
  background: #2dbeb3;
    height: 40px;
    display: flex;
}
.main-menu-none .left-menu-none{
    background: #ffdb4a;
    width: 20%;
    height: 40px;
}
.pl-detail-oder{
  padding: 0px 130px;
}
.pl-content-oder{
    box-shadow: 0 10px 15px 0 rgba(0,0,0,.1);
    background: #fff;
    margin-top: -9px;
    margin-bottom: 16px;
    height: 100%;
    overflow: hidden;
}
.pl-detail-oder .bt-10{
    padding: 10px 0px;
}
.pd-bt-10{
  padding-bottom: 10px !important;
}
.pl-content-oder .popup-left-pro{
    padding: 22px;     
}
.pl-detail-oder .pl-content-oder h3{
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 700;
}
.pl-detail-oder .popup-right-pro .bt-modal2{
    margin: 0px -28px -22px -26px;
    background: #f4f4f4;
    border-top: 1px dashed red;
    height: 280px;
}
.pl-detail-oder .bt-10 .form-control{
    border-radius: 20px;
    height: 37px;
    padding: 17px;
}
.pl-detail-oder .bt-10 .mota-pop{
    height: 100px;
    border-radius: 56px;
}
.pl-detail-oder .bt-10 .form-control:hover{
      box-shadow: 1px 0px 5px #2dbeb3;
    border: 1px solid #2dbeb3;
}
.goi-tuy-chon .btn-goi-none {
    background: url('/img/11.1.4_03.png') no-repeat;
    background-size: cover;
    box-shadow: 1px 0px 5px #6d6d6d52;
    width: 197px;
    font-size: 14px;
    border-radius: 8px;
    border: 0;
    height: 41px;
    font-weight: 600;
    color: #fff;
}
.goi-tuy-chon .btn-goi-none:before {
    position: absolute;
    content: "";
    top: 16px;
    right: 12px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #fff transparent transparent transparent;
}
.goi-tuy-chon .select-detail{
    color: #fff
}
.goi-tuy-chon .select-detail option{
    color: #000;
}
.bottom-tt-dm h4{ 
        font-weight: 700;
    font-size: 14px;
    margin: 0px;
}
#dis-scoll{
  overflow: auto;
  height: 198px;

}
#dis-scoll::-webkit-scrollbar {
  width: 6px;
  background-color: #ccc;
  border-radius: 10px;
}
#dis-scoll::-webkit-scrollbar-thumb {
  background-color: #2dbeb3;
  border-radius: 10px;
}
#dis-scoll::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #ccc;
  background-color: #ccc;
  border-radius: 10px;
}
.date-left-detail{
    margin-top: -14px;  
}
.pl-detail-oder .tt-productdetail {
    margin: 33px 0px 0px 0px;
}
.head-none{
    float: right;
}
.hotline-pl-none{
  float: right;
}
.hotline-pl-none .phone-none{
    background: #fd5b4e;
    border-radius: 20px;
    font-size: 16px;
    padding: 7px 21px;
    font-weight: 700;
}
.hotline-pl-none .zone-fb-chat{
    padding: 6px 6px;
    margin-right: 10px;
}
.pl-detail-oder .pl-content-oder .popup-right-pro hr{
    margin: 0px 0px 15px;
}
.pl-detail-oder .pl-content-oder .popup-right-pro .check-out-p-list{
    padding-top: 27px;
    line-height: 25px;
}
.pl-detail-oder .pl-content-oder .title-right-none{
    margin-bottom: 33px;
}
.ht-pl20{
    margin-bottom: 20px !important;
}
.pl-detail-oder .pl-content-oder .number-pop{
    width: 75px; 
    float: right;
}
.pl-detail-oder .radio-poup .select-popup-product{
    width: 100%;
}
.pl-detail-oder .pl-content-oder .btn-printnow{
    margin: 15px 10px 0px 0px;
}
.pl-detail-oder .pl-content-oder .btn-printnow .fa{ 
    margin-right: 8px;
    font-size: 13px;
    vertical-align: top;
    line-height: 22px;
 }
.pl-detail-oder .pl-content-oder .btn-wait-none{
    background: #ffdb4a;
    color: #000;
    text-transform: uppercase;
    margin: 26px 10px 65px 0px;
    border-radius: 28px;
    font-size: 15px;
    height: 42px;
    font-weight: 600;
}
#slide-namecard .owl-carousel .owl-dots{
    display: block;
    bottom: -10px;
}
#slide-namecard .owl-carousel .owl-dots .owl-dot span{
      border: 2px solid #2dbeb4;
      background: #fff;
}
#slide-namecard .owl-carousel .owl-dots .owl-dot.active span{
    border: 2px solid #ffdb4a;
    background: #fff;
}
.pl-content-oder .topit{
    display: flex;
    line-height: 26px;
}
.pl-content-oder .radio-poup  {
    display: flex;
    justify-content: flex-end;
}

.pl-content-oder .radio-poup .warming .tooltiptext1{
    left: -167px;
    position: absolute;
    margin: 0;

}
.pl-content-oder .radio-poup .warming .tooltiptext1::after{
    left: 116%;
}
.pl-content-oder .select-popup-product .form-control{
    margin-top: -8px;
}
.goi-tuy-chon .dropdown-menu.pull-right{
    right: 131px;
    width: 51%;
    border: 1px solid #2dbdb2;
    border-radius: 5px;
    padding: 3px 9px 15px;
    overflow: hidden;
}
.goi-tuy-chon .dropdown-menu.pull-right li  a{
    padding: 10px 23px 10px;
    border-bottom: 1px dashed #cccc;
    font-weight: 600;
    font-size: 14px;
}

.goi-tuy-chon .dropdown-menu.pull-right li a:hover{
    background: none;
    color: #2dbdb2;
}
.pl-content-oder .there-date{
    margin-top: -10px;
    font-size: 12px;
}
.pl-detail-oder .pl-content-oder .popup-right-pro{
    font-size: 12px;
    /* position: -webkit-sticky !important;
    position: sticky;  */
    top: 0;
    padding: 22px 25px;
    margin:  0px 0px ;
    box-shadow: 0 10px 15px 0 rgba(0,0,0,.1);
}
.pl-detail-oder .tt-productdetail{
   border:0;
}
/*catalogue-detail-oder*/
.pl-detail-oder .up-catalog{
    width: 100%;
    background: #e86994;
    color: #fff;
    text-transform: uppercase;
    padding: 13px 11px;
    border-radius: 25px;
    text-align: center;
    font-size: 11px;
    font-weight: 700;
    margin-top: 10px;
}
.pl-detail-oder .pl-up-logo {
    background: #9f82f4;
    width: 100%;
    color: #fff;
    text-transform: uppercase;
    padding: 13px 11px;
    border-radius: 25px;
    font-size: 11px;
    text-align: center;
    font-weight: 700;
    margin-top: 10px;
}
.pl-detail-oder .up-catalog .fa{ margin-right: 7px; }
.pl-detail-oder .pl-up-logo .fa{ margin-right: 7px; }
/*12.1.3.6*/
.btn-136{
    background: #2dbeb3;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    width: 100%;
    border-radius: 20px;
}
.btn-136 .fa{
    margin-right:5px;
}
.btnupload-136{
    background: #6dad6b;
    color: #fff;
    width: 39px;
    height: 39px;
    font-size: 19px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.bt-136{
    padding:8px 4px;
}
.namefile-136{
    border: 1px solid #8c8c8c;
    color: #696969 !important;
    padding: 8px 21px;
    font-size: 14px;
    border-radius: 25px;
    float: left;
    margin: 3px;
    font-weight: 400;
    height: 35px;
}
.namefile-136:hover{
    background:#2dbeb3;
    border: 1px solid #2dbeb3;
    color:#fff  !important;
}
.namefile-136 .fa{
    margin-right:5px;
}
.bottom-136{
    margin-top:35px;
}
.tabs-accept .tab-content .footer-hitory-accept .fa{ color:#3cbeb3;
    margin-right:5px;
}
.code-136{
    margin-top: -29px;
    margin-bottom: 26px;
}
.check-out-p-list{
    padding-top: 18px;
}
.goi-tuy-chon .dropdown-menu.ul-136{
    right: 171px;
    width: 49%;
    overflow:hidden;
}
.goi-tuy-chon .dropdown-menu.ul-136 li a:before{
    font-family: FontAwesome;
    content: "\f111";
    position: absolute;
    left: -5px;
    line-height: 19px;
    color: #ffdb4a;
}
.goi-tuy-chon .dropdown-menu.pull-right li a:before{
  font-family: 'Font Awesome 5 Free';
    content: "\f111";
    position: absolute;
    left: -5px;
    line-height: 19px;
    color: #ffdb4a;
}
.pl-detail-oder .tooltip1 {
    position: relative;
    margin-left: 5px;
    line-height: 27px;
}
.pl-detail-oder .tooltip1 .tool-upload{
    line-height: 20px;
    width: 172px;
    left: 32px;
}
.pl-content-oder .radio-poup .warming .tooltiptext1 {
    left: -167px;
    margin: 0;
    bottom: 108%;
    width: 184px;
    background-color: #fff;
    color: #000;
    text-align: center;
    border: 1px solid #fd5b4e;
    border-radius: 6px;
    padding: 5px 2px;
    font-size: 11px;
    line-height: 20px;
}
.pl-content-oder .radio-poup .warming {
    margin-right: -17px;
    line-height: 1px;
}
.pl-detail-oder .radio-poup .select-popup-product {
    width: 100%;
}
.pl-content-oder .radio-poup {
    display: flex;
    justify-content: flex-end;
}
.slup-dashboard .ht-product-card-list{
  padding:24px;
}
.slup-dashboard .sidebar-cat-selecting-list label .cat-select-icon{
  top: 0;
}


.out_stock {
  position: absolute !important;
  top: -4px !important;
  right: -13px !important;
}
.out_stocsk {
  position: absolute !important;
  left: 25%;
  top: -4px !important;
  z-index: 999;
}

.icon_stock {
  position: absolute;
  top: 0;
  right: -6px;
}

.out_stock__detail {
  position: absolute;
  top: -11px;
  left: -94px;
}
.bn_it {
  display: none;
}


.pl-detail-oder .namefile-136{
    border: 1px solid #8c8c8c;
    color: #696969 !important;
    padding: 5px 21px;
    font-size: 10px;
    border-radius: 25px;
    float: left;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 17px;
    white-space: nowrap;
    margin: 4px 3px;
    font-weight: 400;
    height: 28px;
    width: 118px;
}
.tt-ck{
  font-size: 15px;
}
#loading-tt {
    bottom: 0;
    height: 175px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 175px;
}
#loading-tt {
    bottom: 0;
    height: 175px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 175px;
}
#loading-tt .dot {
    bottom: 0;
    height: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 87.5px;
}
#loading-tt .dot::before {
    border-radius: 100%;
    content: "";
    height: 87.5px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scale(0);
    width: 87.5px;
}
#loading-tt .dot:nth-child(7n+1) {
    transform: rotate(45deg);
}
#loading-tt .dot:nth-child(7n+1)::before {
    animation: 0.8s linear 0.1s normal none infinite running load;
    background: #2dbeb3 none repeat scroll 0 0;
}
#loading-tt .dot:nth-child(7n+2) {
    transform: rotate(90deg);
}
#loading-tt .dot:nth-child(7n+2)::before {
    animation: 0.8s linear 0.2s normal none infinite running load;
    background: #ffdb4a none repeat scroll 0 0;
}
#loading-tt .dot:nth-child(7n+3) {
    transform: rotate(135deg);
}
#loading-tt .dot:nth-child(7n+3)::before {
    animation: 0.8s linear 0.3s normal none infinite running load;
    background: #ee3d77 none repeat scroll 0 0;
}
#loading-tt .dot:nth-child(7n+4) {
    transform: rotate(180deg);
}
#loading-tt .dot:nth-child(7n+4)::before {
    animation: 0.8s linear 0.4s normal none infinite running load;
    background: #3a607d none repeat scroll 0 0;
}
#loading-tt .dot:nth-child(7n+5) {
    transform: rotate(225deg);
}
#loading-tt .dot:nth-child(7n+5)::before {
    animation: 0.8s linear 0.5s normal none infinite running load;
    background: #fd5b4e none repeat scroll 0 0;
}
#loading-tt .dot:nth-child(7n+6) {
    transform: rotate(270deg);
}
#loading-tt .dot:nth-child(7n+6)::before {
    animation: 0.8s linear 0.6s normal none infinite running load;
    background: #231f20 none repeat scroll 0 0;
}
#loading-tt .dot:nth-child(7n+7) {
    transform: rotate(315deg);
}
#loading-tt .dot:nth-child(7n+7)::before {
    animation: 0.8s linear 0.7s normal none infinite running load;
    background: magenta none repeat scroll 0 0;
}
#loading-tt .dot:nth-child(7n+8) {
    transform: rotate(360deg);
}
#loading-tt .dot:nth-child(7n+8)::before {
    animation: 0.8s linear 0.8s normal none infinite running load;
    background: #ff0095 none repeat scroll 0 0;
}
#loading-tt .lading {
    background-image: url("../images/loading.gif");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    bottom: -40px;
    height: 20px;
    left: 0;
    position: absolute;
    right: 0;
    width: 180px;
}
@keyframes load {
100% {
    opacity: 0;
    transform: scale(1);
}
}
@keyframes load {
100% {
    opacity: 0;
    transform: scale(1);
}
}
#loading-md{
  background: #00000038;
}
#loading-md .pl-modal-content{
      margin-top: 300px;
}
.pl-faq-cate .h2{
    font-size: 19px !important;
    margin-bottom: 16px !important;
}
#productDetailCollapse.content-collapse {
    position: relative;
    height: 800px;
    overflow: hidden;
}

#productDetailCollapse.content-collapse:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    right: 0;
    height: 150px;
    background: rgba(255, 255, 255, 0);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, white));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
}
#productDetailCollapseToggle{
  background: none;
    border-radius: 30px;
    border: 1px solid #0000004d;
    color: #000000e6;
}
.colorHolder .havePlace + label {
   position: absolute;
    left: 26px;
    top: 0;
    font-size: 13px;
    bottom: -5px;
    color: #7d7d7d;
    line-height: 36px;
    height: 40px;
}
.colorHolder .havePlace + label:after {
    content: '*';
    color: red;
    margin-left: 3px;
}
.zallo-call{
  position: fixed;
    bottom: 87px;
    right: 25px;
    z-index: 100000;
    width: 60px;
    height: 70px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#w3review::placeholder {
  text-indent: 8px;
}
img.bn_ontop {
  height: 340px !important;
}
img.bn_last {
  height: 343px !important;
}
img.ig_block2 {
  height: 250px !important;
}
.box-shadow {
  height: 542px !important;
}
.PaneTop[_ngcontent-eep-c2] {
  margin-bottom: 30px !important;
}
.btn_scroll {
  overflow-y: scroll; 
  height: 450px; 
  margin-left: 10px; 
  margin-right: 10px;
  margin-top: 4%;
}

/* style css tra cuu van don */
.btn_scroll::-webkit-scrollbar {
  width: 5px;
}
/* Track */
.btn_scroll::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
/* Handle */
.btn_scroll::-webkit-scrollbar-thumb {
  background: #CE1B22; 
  border-radius: 10px;
}
.mt {
  margin-top: 5%;
}

.mess-call {
  position: fixed;
  bottom: 20px;
  right: 24px;
  width: 60px;
  height: 60px;
  text-decoration: none;
  border-radius: 35px;
  transition: all .3s ease;
  z-index: 999;
  cursor: pointer;
}

.form_reset {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  padding: 20px;
  width: 50%;
  margin-top: 36px;
  margin-left: 25%;
  margin-right: 25%;
}

.left_btn {
  float: right;
}

@media only screen and (max-width: 480px) {
  .pay-ment {
      margin-top: 20px;
  }
  img.bn_ontop {
    height: 290px !important;
  }
  .bn_last {
    margin-top: 17px !important;
  }
  .form_reset {
    width: 100%;
    height: 250px;
    margin-bottom: 40px;
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
  .pakgos {
    padding-top: 35px;
  }
  .pay-cart {
    float: none;
    display: block;
    margin: auto !important;
  }
  .subTotal {
    text-align: center !important;
  }
  .btn_lammau {
    width: 30%;
  }
  .out_stocsk {
    left: 88%;
  }
}
@media only screen and (max-width: 768px) {
  .bt-thre-mb {
    margin-top: 0px !important;
  }
  img.bn_last {
    height: 525px !important;
  }
  .out_stocsk {
    left: 88%;
  }
}
@media only screen and (max-width: 1024px) {
  img.bn_ontop {
    height: 280px !important;
  }
  img.bn_last {
    height: 280px !important;
  }
}