body {
  font-family: "Nunito", Arial, sans-serif;
  font-size: 16px;
  background: #f5f5f5;
}
body ._container {
  width: 1280px;
  padding: 0 15px;
  margin: 0 auto;
}
body ._container2 {
  width: 1130px;
  margin: 0 auto;
}
body ._container2 .main_left{
  width: 750px;
}
body ._container2 .sidebar_right{
  width: 360px;
}
._container2 .stylett .head h2{
  font-size: 14px;
}
h1, h2, h3, h4, h5, p, ul, li {
  margin: 0;
  line-height: 1.5;
}

ul {
  padding: 0;
}

li {
  list-style: none;
}

input {
  outline: none;
}

a {
  text-decoration: none;
  cursor: pointer;
}
a:hover {
  text-decoration: none;
  cursor: pointer;
}

img {
  max-width: 100%;
}

.pad10_0 {
  padding: 10px 0;
}

.pad20_0, .pad15_0 {
  padding: 20px 0;
}

.pad30_0 {
  padding: 30px 0;
}

.padtp30_0 {
  padding: 30px 0 0 0;
}

.padtp50_0 {
  padding: 50px 0 0 0;
}

.padbt0_20 {
  padding: 0 0 20px 0;
}

.padbt0_30 {
  padding: 0 0 30px 0;
}

.padbt0_50 {
  padding: 0 0 50px 0;
}

.pad30_50 {
  padding: 30px 0 50px 0;
}

.pad50_0 {
  padding: 50px 0;
}

.width30 {
  width: 30px;
}

.width50 {
  width: 50px;
}

.width70 {
  width: 70px;
}

.width100 {
  width: 100px;
}

.width175 {
  width: 175px;
}

#header {
  background: #fff;
  position: relative;
  z-index: 10;
}
._form_search ._form_search_bg{
  content: "";
  position: fixed;
  background:rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 6;
  display: none;
}
._form_search form {
  position: relative;
  z-index: 10;
}
._form_search input[type=text] {
  width: 650px;
  background: #FFFFFF;
  border: 0.5px solid #797979;
  border-radius: 40px;
  height: 40px;
  padding: 0 70px 0 20px;
  color: #666666;
  font-size: 16px;
  font-weight: 300;
}
._form_search input[type=text]::placeholder {
  color: #666666;
  font-size: 16px;
  font-weight: 300;
}
._form_search ._submit {
  position: absolute;
  right: 0;
  top: 0;
}
._form_search ._submit img {
  margin: 7px 20px;
}
._form_search ._submit input {
  border: none;
  width: 66px;
  position: absolute;
  top: 0;
  right: 0;
  background: transparent;
  height: 40px;
}

@media (max-width: 1600px) and (min-width: 1200px) {
  ._form_search input[type=text] {
    width: 500px;
  }
}
._cart {
  position: relative;
  cursor: pointer;
}
._cart span {
  position: absolute;
  background: #FF326C;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  font-size: 12px;
  font-weight: 400;
  color: #fff;
  top: -5px;
  right: -5px;
  text-align: center;
  line-height: 25px;
}

._support ._img, ._account ._img {
  width: 40px;
  height: 40px;
  border: 1px solid #000000;
  border-radius: 50%;
  margin-right: 12px;
}

._support span, ._account span {
  font-size: 16px;
  font-weight: 300;
  color: #000;
}

.boxscroll {
  height: 545px;
  width: 250px;
  padding-right: 20px;
  overflow-y: scroll;
}
.boxscroll::-webkit-scrollbar {
  width: 2px;
  background-color: #EDEDED;
  border-radius: 5px;
}
.boxscroll::-webkit-scrollbar-thumb {
  background-color: #FFC5C5;
}
.boxscroll span {
  font-size: 14px;
  font-weight: 600;
  color: #000000;
  padding-bottom: 5px;
  border-bottom: 1px solid #C6C6C6;
  display: block;
}
.boxscroll ul li a {
  font-size: 14px !important;
  font-weight: 300 !important;
  color: #434343 !important;
  text-transform: none;
}

.nicescroll-rails {
  background: #EDEDED;
  border-radius: 5px;
  width: 4px !important;
}

.nicescroll-cursors {
  background-color: #FFC5C5 !important;
  border-radius: 5px !important;
  width: 4px !important;
  border: none !important;
}

.menu {
  border-top: 1px solid #969494;
  border-bottom: 1px solid #969494;
}
.menu ul > li {
  padding: 10px 0;
  position: relative;
}
.menu ul > li a {
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  color: #000000;
}
.menu ul > li .open {
  display: none;
  position: absolute;
  width: 1290px;
  top: 47px;
  padding: 15px;
  z-index: 10;
  background: #FFFFFF;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.menu ul > li .open ul li:hover a {
  color: #FF326C !important;
}
.menu ul > li .open.style2 {
  width: 540px;
}
.menu ul > li .open.style2 ul {
  padding: 0 10px;
}
.menu ul > li .open.style2 ul li a {
  font-size: 14px;
  font-weight: 300;
  text-transform: none;
}
.menu ul > li .open.style1 {
  width: 280px;
}
.menu ul > li .open.style1 ul {
  padding: 0 10px;
}
.menu ul > li .open.style1 ul li a {
  font-size: 14px;
  font-weight: 300;
  text-transform: none;
}
.menu ul > li.dropdown a.top {
  background: url("../img/arrowright.svg") no-repeat right center;
  padding-right: 15px;
}
.menu ul > li.top {
  border-bottom: 2px solid transparent;
}
.menu ul > li.top:hover, .menu ul > li.top.active {
  border-bottom: 2px solid #FF326C;
}
.menu ul > li.top:hover .open, .menu ul > li.top.active .open {
  display: flex;
}
.menu ._left {
  display: flex;
}
.menu ._left.do-nicescrol ul.alpha {
  padding: 0 20px 0 10px;
}
.menu ._left.do-nicescrol ul.alpha li {
  padding: 0;
}
.menu ._left.do-nicescrol ul.alpha li:hover {
  color: #FF326C;
  cursor: pointer;
}
.menu ._right {
  width: calc(100% - 292px);
}
.menu ._right a.banner {
  width: 32%;
  margin: 0 0.5%;
  padding-right: 0;
}

.footer-top {
  background: #535252;
}
.footer-top ._item:nth-child(1) p {
  font-size: 14px;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.footer-top ._item:nth-child(1) img {
  margin-top: 10px;
}
.footer-top ._item h4 {
  font-size: 14px;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 10px;
  border-bottom: 1px solid #CCCCCC;
  padding-bottom: 10px;
}
.footer-top ._item ul li {
  margin-bottom: 10px;
}
.footer-top ._item ul li a {
  font-weight: 300;
  color: #fff;
  font-size: 14px;
  display: flex;
  align-items: center;
}
.footer-top ._item ul li a .img {
  width: 30px;
  height: 30px;
  background: #686868;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  mix-blend-mode: luminosity;
}

.footer-copyright {
  background: #444444;
}
.footer-copyright ul:nth-child(1) li {
  margin-right: 20px;
}
.footer-copyright ul:nth-child(2) li {
  margin-left: 20px;
}
.footer-copyright ul:nth-child(2) li img {
  mix-blend-mode: luminosity;
}

._breadcrumb ul li {
  padding: 0 10px;
  position: relative;
}
._breadcrumb ul li a {
  color: #444444;
  font-size: 14px;
  font-weight: 300;
}
._breadcrumb ul li a img {
  margin-right: 10px;
  width: 14px;
  margin-top: -5px;
}
._breadcrumb ul li::after {
  content: "/";
  color: #444444;
  font-size: 16px;
  font-weight: 300;
  position: absolute;
  right: 0;
  top: 0;
}
._breadcrumb ul li:last-child::after {
  display: none;
}

.contentproduct {
  display: inline-block;
  width: calc(100% + 10px);
  margin-left: -5px;
}
.contentproduct.contentproduct_right {
  width: calc(100% - 494px);
  margin-right: -5px;
}
.contentproduct.contentproduct_right .item, .contentproduct.contentproduct_right .item1 {
  margin: 0 7.5px 15px 7.5px;
}
.contentproduct .item, .contentproduct .item1 {
  float: left;
  width: 237px;
  margin: 0 7.5px 0px 7.5px;
  border-radius: 5px;
  background: #fff;
}
.contentproduct .item .inner, .contentproduct .item1 .inner {
  padding: 10px;
}
.contentproduct .item .inner img.product, .contentproduct .item1 .inner img.product {
  margin: 0 auto 5px auto;
  width: 212px;
  height: 212px;
  display: block;
}
.contentproduct .item .inner .title, .contentproduct .item1 .inner .title {
  font-size: 14px;
  font-weight: 300;
  color: #000000;
  height: 40px;
  overflow: hidden;
  display: block;
}
.contentproduct .item .inner .star, .contentproduct .item1 .inner .star {
  /* margin-bottom: 5px; */
}
.contentproduct .item .inner .star img, .contentproduct .item1 .inner .star img {
  margin-right: 5px;
  width: auto;
}
.contentproduct .item .inner .price .new, .contentproduct .item1 .inner .price .new {
  font-size: 16px;
  font-weight: 300;
  color: #FF326C;
  margin-right: 20px;
}
.contentproduct .item .inner .price .old, .contentproduct .item1 .inner .price .old {
  font-size: 14px;
  font-weight: 300;
  color: #C3C3C3;
  -webkit-text-decoration-line: line-through;
  text-decoration-line: line-through;
}
.contentproduct .item a span, .contentproduct .item1 a span {
  color: #212121;
}
.contentproduct .item a.addtocart, .contentproduct .item a.write {
  background: #FFE0E9;
  border-radius: 0px 0px 5px 5px;
  width: 100%;
  height: 37px;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
}
.contentproduct .item1 a.addtocart, .contentproduct .item1 a.write {
  background: #FFE0E9;
  border-radius: 0px 0px 5px 5px;
  width: 100%;
  height: 37px;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
}

.sidebar {
  width: 300px;
  background-color: #fff;
  border-radius: 4px;
  padding: 16px;
}

.sidebar_right {
  width: 435px;
}

.top_account {
  overflow: auto;
  height: 100vh;
  position: sticky;
  top: 20px;
}
.top_account .box {
  border-bottom: 1px solid #E7E7E7;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.top_account .box .img {
  width: 64px;
  height: 64px;
  background: linear-gradient(180deg, #E9E9E9 0%, rgba(158, 158, 158, 0) 39.58%, #E9E9E9 80.21%, rgba(158, 158, 158, 0) 100%);
  border: 0.5px solid #E3E3E3;
  border-radius: 50%;
  margin-right: 20px;
}
.top_account .box p {
  font-size: 16px;
  font-weight: 300;
  color: #000;
}
.top_account .box p span {
  font-weight: 600;
  display: block;
}
.top_account ul li {
  margin-bottom: 10px;
  padding: 10px 0;
}
.top_account ul li .img {
  width: 50px;
  text-align: center;
}
.top_account ul li a {
  font-size: 16px;
  font-weight: 300;
  color: #000;
}
.top_account ul li.active {
  background: #F1F1F1;
}

.main_left {
  width: 795px;
  margin-right: 20px;
}

.quan_ly_don_hang .item {
  margin-bottom: 20px;
}
.quan_ly_don_hang .top {
  background: #FFFFFF;
  border-radius: 10px 10px 0 0;
  padding: 20px 30px;
}
.quan_ly_don_hang .top p {
  font-size: 16px;
  font-weight: 300;
  color: #000;
}
.quan_ly_don_hang .top p span {
  font-weight: 700;
}
.quan_ly_don_hang .middle {
  background: #fff;
  padding: 20px 30px;
  border-bottom: 1px solid #E9E9E9;
}
.quan_ly_don_hang .middle span:nth-child(2) {
  color: #FF326C;
  font-size: 25px;
  font-weight: 600;
}
.quan_ly_don_hang .middle span:nth-child(1) {
  margin-right: 100px;
  font-size: 16px;
  font-weight: 300;
  color: #000;
}
.quan_ly_don_hang .bottom {
  background: #fff;
  padding: 20px 30px;
  border-radius: 0 0 10px 10px;
}
.quan_ly_don_hang .bottom a {
  height: 44px;
  width: 157px;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  background: #FF326C;
  border-radius: 5px;
  text-transform: uppercase;
}
.quan_ly_don_hang table tr th, .quan_ly_don_hang table tr td {
  padding: 20px;
}
.quan_ly_don_hang table tr th:first-child, .quan_ly_don_hang table tr td:first-child, .quan_ly_don_hang table tr th:last-child, .quan_ly_don_hang table tr td:last-child {
  padding: 20px 30px;
}
.quan_ly_don_hang table tr th {
  background: #FBF3F3;
  color: #000;
  font-size: 14px;
  font-weight: 300;
}
.quan_ly_don_hang table tr td {
  background: #fff;
  font-size: 14px;
  font-weight: 300;
  color: #000;
  border-bottom: 1px solid #E9E9E9;
}
.quan_ly_don_hang table tr td a {
  height: 25px;
  width: 67px;
  font-size: 14px;
  font-weight: 300;
  color: #000;
  background: #FFFFFF;
  border: 1px solid #636363;
  border-radius: 5px;
  margin-top: 10px;
}
.quan_ly_don_hang table tr td .img {
  width: 100px;
}
.quan_ly_don_hang table tr td .text {
  width: calc(100% - 100px);
}

.main_right2 {
  margin-left: 20px;
  width: 880px;
}
.main_right2 h4 {
  padding-left: 30px;
  font-size: 20px;
  font-weight: 400;
  color: #000;
  margin-bottom: 15px;
  text-transform: uppercase;
}
.main_right2 h3 {
  font-size: 25px;
  color: #000;
  font-weight: 400;
  text-align: center;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.pager ul li {
  height: 32px;
  width: 32px;
  background: #C4C4C4;
  border-radius: 50%;
  margin: 0 5px;
  cursor: pointer;
}
.pager ul li a {
  font-size: 16px;
  font-weight: 300;
  color: #fff;
}
.pager ul li:hover, .pager ul li.active {
  background: #FF326C;
}

.so_dia_chi .item {
  padding: 20px;
  background: #FFFFFF;
  border: 1px solid #DBDBDB;
  border-radius: 5px;
  margin-bottom: 15px;
}
.so_dia_chi .item .text {
  margin-bottom: 5px;
}
.so_dia_chi .item .text span.name {
  font-size: 20px;
  font-weight: 600;
  color: #000000;
  margin-right: 20px;
}
.so_dia_chi .item .text span.macdinh {
  height: 22px;
  width: 71px;
  border-radius: 5px;
  background: #106909;
  font-size: 12px;
  font-weight: 300;
  color: #fff;
}
.so_dia_chi .item p.address, .so_dia_chi .item p.phone {
  font-size: 16px;
  font-weight: 300;
  color: #000;
  margin-bottom: 5px;
}
.so_dia_chi .item p.address span, .so_dia_chi .item p.phone span {
  font-weight: 600;
}
.so_dia_chi .item .edit {
  font-size: 16px;
  font-weight: 300;
  color: #106909;
  margin-right: 20px;
}
.so_dia_chi .item .delete {
  font-size: 16px;
  font-weight: 300;
  color: #000;
}
.so_dia_chi .themdiachi {
  background: #FFFFFF;
  border: 1px dashed #106909;
  border-radius: 5px;
  padding: 10px;
  font-size: 16px;
  font-weight: 300;
  color: #106909;
}

.main_right {
  margin-left: 20px;
  background: #fff;
  border-radius: 4px;
  width: 930px;
  padding: 20px;
}
.main_right h4 {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 15px;
  color: #000;
  text-transform: uppercase;
}
.main_right .san_pham_da_xem_2 .item {
  float: left;
  width: 24%;
  margin: 0 0.5% 15px 0.5%;
  border: 1px solid #D9D9D9;
  border-radius: 5px;
}
.main_right .san_pham_da_xem_2 .item .inner {
  padding: 10px;
  position: relative;
}

.tag_promotion {
  width: auto;
  border: 1px solid #636363;
  border-radius: 30px;
  position: absolute;
  z-index: 2;
  justify-content: center;
  text-align: center;
  display: block;
  font-size: 13px;
  padding: 2px 5px;
  align-items: center;
}

.main_right .san_pham_da_xem_2 .item .inner img.product {
  margin: 0 auto 5px auto;
  width: 250px;
  height: 250px;
  display: block;
}
.main_right .san_pham_da_xem_2 .item .inner .title {
  font-size: 14px;
  font-weight: 300;
  color: #000000;
  height: 40px;
  overflow: hidden;
  display: block;
}
.main_right .san_pham_da_xem_2 .item .inner .star img {
  margin-right: 5px;
}
.main_right .san_pham_da_xem_2 .item .inner .price .new {
  font-size: 16px;
  font-weight: 300;
  color: #FF326C;
  margin-right: 20px;
}
.main_right .san_pham_da_xem_2 .item .inner .price .old {
  font-size: 14px;
  font-weight: 300;
  color: #C3C3C3;
  -webkit-text-decoration-line: line-through;
  text-decoration-line: line-through;
}
.main_right .san_pham_da_xem_2 .item a.addtocart, .main_right .san_pham_da_xem_2 .item a.write {
  background: #FFE0E9;
  border-radius: 0px 0px 5px 5px;
  width: 100%;
  height: 37px;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
}
.main_right .san_pham_da_xem .item {
  border-bottom: 1px solid #EBEBEB;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.main_right .san_pham_da_xem .item .left {
  padding-right: 20px;
}
.main_right .san_pham_da_xem .item .left .img {
  margin-right: 20px;
  width: 140px;
  height: 140px;
}
.main_right .san_pham_da_xem .item .left .text {
  width: 500px;
}
.main_right .san_pham_da_xem .item .left .text .row {
  margin-bottom: 5px;
}
.main_right .san_pham_da_xem .item .left .text span.title {
  font-size: 16px;
  font-weight: 600;
  color: #000;
  margin-bottom: 5px;
  display: block;
}
.main_right .san_pham_da_xem .item .left .text span.date {
  font-size: 14px;
  font-weight: 300;
  color: #939393;
  margin-right: 18px;
}
.main_right .san_pham_da_xem .item .left .text span.star img {
  margin: 0 3px;
}
.main_right .san_pham_da_xem .item .left .text .note {
  font-size: 16px;
  font-weight: 600;
  color: #000000;
  margin-bottom: 5px;
}
.main_right .san_pham_da_xem .item .left .text p {
  font-size: 16px;
  font-weight: 300;
  color: #000000;
}
.main_right .san_pham_da_xem .item .right p.approve {
  font-size: 14px;
  font-weight: 400;
  color: #106909;
}
.main_right .san_pham_da_xem .item .right p.none {
  font-size: 14px;
  font-weight: 400;
  color: #A5A5A5;
}

.bgpopup {
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  right: 0;
  z-index: 12;
  display: none;
}

.popup {
  position: absolute;
  width: 526px;
  left: 0;
  top: 100px;
  right: 0;
  margin: 0 auto;
  border: 1px solid #E0E0E0;
  background: #fff;
  padding: 16px;
  z-index: 14;
  display: none;
}
.popup .close_popup {
  display: flex;
  justify-content: flex-end;
  cursor: pointer;
}
.popup button#capture {
  background: #FFFFFF;
  border: 1px solid #106909;
  border-radius: 5px;
  width: 230px;
  height: 40px;
  outline: none;
}
.popup button#capture img {
  margin-right: 10px;
}
.popup button#capture span {
  font-size: 16px;
  font-weight: 300;
  color: #106909;
}
.popup button#review {
  background: #106909;
  border-radius: 5px;
  width: 230px;
  height: 40px;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  border: 1px solid #106909;
  outline: none;
}
.popup h4 {
  font-size: 20px;
  font-weight: 600;
  color: #000;
  text-align: center;
  margin-bottom: 15px;
}
.popup .star {
  margin-bottom: 30px;
}
.popup .star img {
  margin: 0 15px;
}
.popup #textarea {
  background: #FFFFFF;
  border: 1px solid #D4D4D4;
  border-radius: 5px;
  color: #A2A2A2;
  font-size: 16px;
  font-weight: 300;
  padding: 10px;
  width: 100%;
  outline: none;
  height: 130px;
  margin-bottom: 20px;
}
.popup #textarea::placeholder {
  color: #A2A2A2;
  font-size: 16px;
  font-weight: 300;
}
.popup .top {
  margin-bottom: 20px;
  padding-bottom: 30px;
  border-bottom: 1px solid #E0E0E0;
}
.popup .top img {
  width: 65px;
  height: 65px;
}
.popup .top .title {
  width: 185px;
  display: block;
  overflow: hidden;
  height: 42px;
}

.boxchoose {
  position: absolute;
  background: #FFFFFF;
  box-shadow: 0px 0px 7px rgba(81, 81, 81, 0.25);
  border-radius: 5px;
  padding: 16px;
  top: 30px;
  right: -10px;
  display: none;
}
.boxchoose ul li {
  margin: 5px 0;
}
.boxchoose ul li a {
  font-size: 16px;
  font-weight: 300;
  color: #000000;
}

.addaddress, .editaddress {
  position: absolute;
  width: 500px;
  left: 0;
  top: 100px;
  right: 0;
  margin: 0 auto;
  background: #FFFFFF;
  border-radius: 10px;
  padding: 30px;
  z-index: 14;
  display: none;
}

.addaddress .style2, .editaddress .style2 {
  margin: 20px 0;
}

.addaddress .style2 label, .editaddress .style2 label {
  font-size: 16px;
  font-weight: 400;
  color: #000000;
}

.addaddress .button .huy, .editaddress .button .huy {
  margin-right: 10px;
  background: #FFFFFF;
  border: 1px solid #727272;
  border-radius: 5px;
  font-size: 16px;
  font-weight: 300;
  color: #000000;
  width: 60px;
  height: 40px;
  outline: none;
  cursor: pointer;
}

.addaddress .button .giao, .editaddress .button .giao {
  background: #DBDBDB;
  border-radius: 5px;
  width: 175px;
  height: 40px;
  border: none;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  outline: none;
  cursor: pointer;
}

.addaddress .button .giao:hover, .editaddress .button .giao:hover {
  background: #212121;
}

.addaddress .item, .editaddress .item {
  margin: 10px 0;
}

.addaddress .close_popup, .editaddress .close_popup {
  display: flex;
  justify-content: flex-end;
  cursor: pointer;
}

.addaddress h2, .editaddress h2 {
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 400;
  color: #000;
  text-transform: uppercase;
}

.addaddress h2 img, .editaddress h2 img {
  margin-right: 10px;
}

.bgmain {
  background: #FFFFFF;
  border-radius: 5px;
  margin-bottom: 18px;
  padding: 20px;
}

#header2 {
  background: #fff;
  margin-bottom: 25px;
}
#header2 ul li .img {
  margin-right: 12px;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background: #D4D4D4;
}
#header2 ul li::after {
  content: "";
  width: 50px;
  height: 2px;
  background: #000000;
  margin: 0 16px;
}
#header2 ul li:last-child::after {
  display: none;
}
#header2 ul li.active .img {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background: #222222;
}
#header2 ul li.active::after {
  content: "";
  width: 50px;
  height: 2px;
  background: #000000;
  margin: 0 16px;
}
#header2 ul li span {
  font-size: 16px;
  font-weight: 300;
  text-transform: uppercase;
  color: #000000;
}

.magiamgia .head {
  margin-bottom: 10px;
}
.magiamgia .head img {
  margin-right: 15px;
}
.magiamgia .head h4 {
  font-size: 18px;
  font-weight: 400;
  color: #000;
  text-transform: uppercase;
  margin-right: 20px;
}
.magiamgia .head span {
  font-size: 16px;
  font-weight: 300;
  color: #575757;
}
.magiamgia .bg {
  background: #f4f5f7;
  width: 100%;
  padding: 10px;
}
.magiamgia .bg .row .img {
  width: 60px;
  text-align: center;
}
.magiamgia .bg .row p {
  font-size: 16px;
  font-weight: 300;
  color: #000;
  width: calc(100% - 100px);
}
.magiamgia .bg .row p span {
  font-weight: 600;
}
.magiamgia .content {
  margin-bottom: 10px;
}
.magiamgia .content input {
  background: #FFFFFF;
  border: 1px solid #D2D2D2;
  border-radius: 5px;
  width: 100%;
  height: 40px;
}

.button #cash {
  background: #FE2C6D;
  border-radius: 5px;
  width: 100%;
  height: 58px;
  font-size: 20px;
  font-weight: 600;
  color: #fff;
  border: none;
  margin-bottom: 15px;
}
.button #vnpay {
  background: #000;
  border: 1px solid #E1E1E1;
  border-radius: 5px;
  font-size: 20px;
  font-weight: 600;
  color: #fff;
  width: 100%;
  height: 58px;
  margin-bottom: 15px;
}
.button #vnpay img {
  margin-left: 10px;
}

.lixi span:nth-child(1) {
  display: block;
  font-size: 18px;
  font-weight: 400;
  color: #000000;
}
.lixi span:nth-child(2) {
  display: block;
  font-size: 35px;
  font-weight: 400;
  color: #000000;
}

.stylett {
  position: relative;
}
.stylett .icon {
  position: absolute;
  left: 30px;
}
.stylett .content {
  padding: 0px 0 0 50px;
}
.stylett .head {
  margin-bottom: 20px;
}
.stylett .head h2 {
  font-size: 18px;
  font-weight: 400;
  color: #000;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.stylett .head p {
  font-size: 16px;
  font-weight: 400;
}
.stylett .head p a {
  color: #106909;
  font-weight: 300;
  text-decoration: underline;
}
.stylett .input-column2 {
  width: 48%;
}
.stylett .input-column1 {
  width: 100%;
}
.stylett .input-column3 {
  width: 32%;
}
.stylett .input {
  background: #FFFFFF;
  border: 1px solid #CECECE;
  border-radius: 3px;
  width: 100%;
  height: 40px;
  font-size: 14px;
  font-weight: 300;
  color: #000;
  margin-bottom: 20px;
  padding: 0 10px;
}
.stylett .input::placeholder {
  font-size: 14px;
  font-weight: 300;
  color: #545454;
}
.stylett .textarea {
  height: 100px !important;
}
.stylett .input2 {
  background: #FFFFFF;
  border: 1px solid #CECECE;
  border-radius: 3px;
  font-size: 14px;
  font-weight: 300;
  color: #545454;
  padding: 0 10px;
  width: 100%;
  height: 40px;
}
.stylett .input3 {
  border: none;
  border-bottom: 1px solid #C6C6C6;
  width: 100%;
  height: 40px;
  font-size: 16px;
  font-weight: 300;
  color: #000;
}
.stylett .input3::placeholder {
  color: #B5B5B5;
}

.phuongthucgiaohang .item {
  background: #FFFFFF;
  border: 1px solid #E2E2E2;
  border-radius: 5px;
  width: 100%;
  padding: 20px;
}
.phuongthucgiaohang .item p {
  font-weight: 300;
  font-size: 16px;
  color: #575757;
}
.phuongthucgiaohang .item p span {
  font-weight: 400;
}
.phuongthucgiaohang .item p span.free {
  color: #106909;
}
.phuongthucgiaohang .item span {
  color: #000;
  font-weight: 400;
  font-size: 16px;
}

.tongcong span:nth-child(1) {
  font-size: 16px;
  font-weight: 300;
  color: #000000;
}
.tongcong span:nth-child(2) {
  font-size: 16px;
  font-weight: 600;
  color: #000;
}
.tongcong .item {
  padding: 5px 0;
}
.tongcong .item2 {
  margin: 10px 0 0 0;
  padding: 10px 0 0 0;
  border-top: 1px solid #E2E2E2;
}
.tongcong .item2 .color {
  color: #FF326C;
}

.dichvukemtheo .box2 {
  display: none;
  margin-top: 15px;
}
.dichvukemtheo .box2 .textarea {
  width: 100%;
  background: #F5F5F5;
  border-radius: 5px;
  height: 80px;
  font-size: 16px;
  font-weight: 300;
  color: #C8C8C8;
  outline: none;
  padding: 15px;
  border: none;
}
.dichvukemtheo .box {
  cursor: pointer;
  position: relative;
}
.dichvukemtheo .box.active .checkbox::before {
  content: "";
  background: url("../img/arrow.svg") no-repeat;
  width: 12px;
  height: 9px;
  position: absolute;
  left: 5px;
  top: 6px;
}
.dichvukemtheo .box.active + .box2 {
  display: block;
}
.dichvukemtheo .box p {
  margin-left: 10px;
  font-size: 16px;
  font-weight: 400;
  color: #000000;
}
.dichvukemtheo .box p span {
  font-size: 14px;
  font-weight: 300;
  color: #575757;
  display: block;
}

.thong_tin_tai_khoan .box {
  position: relative;
  margin-bottom: 10px;
}
.thong_tin_tai_khoan .box.active .checkbox::before {
  content: "";
  background: url("../img/arrow.svg") no-repeat;
  width: 12px;
  height: 9px;
  position: absolute;
  left: 5px;
  top: 7px;
}
.thong_tin_tai_khoan .box.active + .box2 {
  display: block;
}
.thong_tin_tai_khoan .box p {
  margin-left: 10px;
  font-size: 16px;
  font-weight: 600;
  color: #000;
}
.thong_tin_tai_khoan .box2 {
  display: none;
}
.thong_tin_tai_khoan .button {
  margin-top: 20px;
}
.thong_tin_tai_khoan .button .update {
  background: #000;
  border-radius: 5px;
  width: 170px;
  height: 45px;
  font-size: 20px;
  font-weight: 400;
  color: #fff;
  outline: none;
  cursor: pointer;
  border: none;
}
.thong_tin_tai_khoan .label {
  width: 200px;
  font-size: 16px;
  font-weight: 300;
  color: #000;
}
.thong_tin_tai_khoan .forminput {
  width: calc(100% - 200px);
}
.thong_tin_tai_khoan .input {
  margin-bottom: 0;
}
.thong_tin_tai_khoan .item {
  margin-bottom: 15px;
  position: relative;
}
.thong_tin_tai_khoan .macdinh {
  position: absolute;
  top: 0;
  right: 0;
  background: #106909;
  border: 1px solid #CECECE;
  border-radius: 5px;
  font-size: 16px;
  font-weight: 300;
  color: #fff;
  height: 40px;
  width: 110px;
}
.thong_tin_tai_khoan .themsodienthoai {
  position: absolute;
  left: 200px;
  bottom: -40px;
  font-size: 16px;
  font-weight: 300;
  color: #106909 !important;
}
.thong_tin_tai_khoan .radio {
  margin-right: 20px;
}
.thong_tin_tai_khoan .sodienthoai {
  margin-bottom: 60px;
}
.thong_tin_tai_khoan .sodienthoai2 {
  display: none;
}
.thong_tin_tai_khoan .day, .thong_tin_tai_khoan .month, .thong_tin_tai_khoan .year {
  width: 100px;
  height: 40px;
  background: #FFFFFF;
  border: 1px solid #CECECE;
  border-radius: 5px;
  text-align: center;
  text-align-last: center;
  font-size: 16px;
  font-weight: 300;
  color: #000;
  margin-right: 20px;
}

.diachinhanhang .boxship {
  background: #FFFFFF;
  border-radius: 5px;
  border: 1px solid #CECECE;
}
.diachinhanhang .boxship .thanhpho-popup .input, .diachinhanhang .boxship .quan-popup .input, .diachinhanhang .boxship .phuong-popup .input {
  margin-bottom: 0;
}
.diachinhanhang .boxship .box1, .diachinhanhang .boxship .box3 {
  padding: 15px 10px 10px 10px;
}
.diachinhanhang .boxship .box2 {
  background: #F0F0F0;
  padding: 10px;
}
.diachinhanhang .boxship label {
  font-size: 16px;
  font-weight: 400;
  color: #000;
}
.diachinhanhang .content2 .boxship2 {
  padding-left: 8px;
}
.diachinhanhang .content2 .boxship2 label {
  font-size: 16px;
  font-weight: 400;
  color: #000;
}
.diachinhanhang .content2 .boxship2 .box2 {
  padding-left: 42px;
  margin-bottom: 12px;
}
.diachinhanhang .content2 .boxship2 .box2 .input-column2 {
  background: #FFFFFF;
  border: 1px solid #E2E2E2;
  border-radius: 5px;
  padding: 20px;
}
.diachinhanhang .content2 .boxship2 .box2 .style {
  padding: 5px 15px;
  border: 1px dashed #B0B0B0;
}
.diachinhanhang .content2 .boxship2 .box2 .style span:nth-child(1) {
  font-size: 26px;
  font-weight: 400;
  color: #000;
}
.diachinhanhang .content2 .boxship2 .box2 .style span:nth-child(2) {
  font-size: 16px;
  font-weight: 300;
  color: #000;
  padding: 0 20px 0 7px;
}
.diachinhanhang .content2 .boxship2 .box2 .item {
  width: calc(100% - 60px);
  position: relative;
}
.diachinhanhang .content2 .boxship2 .box2 .item.active .boxchoose {
  display: block;
}
.diachinhanhang .content2 .boxship2 .box2 .item span {
  font-size: 16px;
  font-weight: 400;
  color: #000000;
}
.diachinhanhang .content2 .boxship2 .box2 .item span span.macdinh {
  font-size: 12px;
  font-weight: 300;
  color: #fff;
  background: #106909;
  border-radius: 2px;
  padding: 0 5px;
  margin-left: 5px;
}
.diachinhanhang .content2 .boxship2 .box2 .item p {
  font-size: 16px;
  font-weight: 300;
  color: #575757;
  margin-top: 8px;
  height: 45px;
  overflow: hidden;
}
.diachinhanhang .content2 .boxship2 .box2 .item .choose {
  position: absolute;
  top: 0;
  right: -10px;
  cursor: pointer;
}
.diachinhanhang .content2 .boxship2 .box2 .item .choose span {
  display: block;
  width: 4px;
  height: 4px;
  background: #C4C4C4;
  border-radius: 50%;
  margin-bottom: 3px;
}
.diachinhanhang .content2 .boxship2 .box2 [type=radio]:checked + label:before, .diachinhanhang .content2 .boxship2 .box2 [type=radio]:not(:checked) + label:before {
  top: -3px;
}
.diachinhanhang .content2 .boxship2 .box2 [type=radio]:checked + label:after {
  top: 2px;
}
.diachinhanhang .content2 .style1 [type=radio]:checked + label, .diachinhanhang .content2 .style1 [type=radio]:not(:checked) + label {
  padding-left: 42px;
}

.phuongthucthanhtoan .box .item {
  width: 19%;
  background: #FFFFFF;
  border: 1px solid #E2E2E2;
  border-radius: 5px;
  height: 250px;
  text-align: center;
  padding: 20px 5px;
  position: relative;
}
.phuongthucthanhtoan .box .item .img {
  position: absolute;
  top: 55px;
}
.phuongthucthanhtoan .box .item .img img {
  mix-blend-mode: luminosity;
}
.phuongthucthanhtoan .box .item:nth-child(2) img {
  margin-top: -15px;
}
.phuongthucthanhtoan .box .item .radio {
  position: relative;
  height: 40px;
}
.phuongthucthanhtoan .box .item [type=radio]:checked {
  width: 100%;
  height: 256px;
  left: 0;
}
.phuongthucthanhtoan .box .item [type=radio]:checked + label + .img img {
  mix-blend-mode: normal;
}
.phuongthucthanhtoan .box .item [type=radio]:not(:checked) {
  width: 100%;
  height: 256px;
  left: 0;
}
.phuongthucthanhtoan .box .item p {
  font-size: 16px;
  font-weight: 300;
  color: #000;
  position: absolute;
  top: 130px;
}
.phuongthucthanhtoan .style1 [type=radio]:checked + label, .phuongthucthanhtoan .style1 [type=radio]:not(:checked) + label {
  padding-left: 20px;
}
.phuongthucthanhtoan .note {
  margin-top: 25px;
}
.phuongthucthanhtoan .note p {
  font-size: 16px;
  font-weight: 300;
  color: #000;
}
.phuongthucthanhtoan .note p span {
  font-weight: 400;
}

.thongtinxuathoadon .box, .ghichudonhang .box {
  margin-left: 10px;
  position: relative;
  cursor: pointer;
}

.thongtinxuathoadon .box p, .ghichudonhang .box p {
  margin-left: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #000;
  text-transform: uppercase;
}

.thongtinxuathoadon .box.active .checkbox::before, .ghichudonhang .box.active .checkbox::before {
  content: "";
  background: url("../img/arrow.svg") no-repeat;
  width: 12px;
  height: 9px;
  position: absolute;
  left: 5px;
  top: 10px;
}

.thongtinxuathoadon .box.active + .box2, .ghichudonhang .box.active + .box2 {
  display: block;
}

.thongtinxuathoadon .box2, .ghichudonhang .box2 {
  display: none;
  margin: 20px 50px 0 50px;
}

.thongtinxuathoadon .box2 .row, .ghichudonhang .box2 .row {
  margin-bottom: 20px;
}

.thongtinxuathoadon .box2 .row:last-child, .ghichudonhang .box2 .row:last-child {
  margin-bottom: 0;
}

.thongtinxuathoadon .box2 .input-column2 span, .ghichudonhang .box2 .input-column2 span {
  font-size: 16px;
  font-weight: 400;
  color: #2F2F2F;
}

.thongtinxuathoadon .box2 .textarea, .ghichudonhang .box2 .textarea {
  width: 100%;
  background: #F5F5F5;
  border-radius: 5px;
  height: 80px;
  font-size: 16px;
  font-weight: 300;
  color: #C8C8C8;
  outline: none;
  padding: 15px;
  border: none;
}

.khach_mua_hang {
  background: #FFFFFF;
  border-radius: 5px;
  margin-bottom: 25px;
  padding: 50px 20px;
}
.khach_mua_hang table {
  width: 100%;
}
.khach_mua_hang table tr td {
  padding: 20px;
  border: 1px solid #DADADA;
  font-size: 16px;
  font-weight: 300;
  color: #000;
  text-align: center;
}
.khach_mua_hang table tr td img {
  margin-right: 5px;
}
.khach_mua_hang table tr td:nth-child(1) {
  text-transform: uppercase;
}
.khach_mua_hang table tr:nth-child(even) {
  background: #F5F5F5;
}

.thongtinsanpham {
  margin-bottom: 25px;
}
.thongtinsanpham .left {
  position: relative;
  margin-right: 20px;
}
.thongtinsanpham .left .content {
  width: 828px;
  background: #FFFFFF;
  border-radius: 5px;
  padding: 20px;
  position: relative;
}
.thongtinsanpham .left .radio {
  background: #FFFFFF;
  margin-bottom: 10px;
  padding: 20px;
  border-radius: 5px;
  height: 70px;
}
.thongtinsanpham .left .radio audio{
  width: 100%;
  outline: none;
  height: 30px;
}
.thongtinsanpham .left .content h1, .thongtinsanpham .left .content h2, .thongtinsanpham .left .content h3, .thongtinsanpham .left .content h4, .thongtinsanpham .left .content h5 {
  line-height: 1.2;
}
.thongtinsanpham .left .show-data {
  background: #fff;
  border-radius: 5px;
  padding: 15px;
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
}
.thongtinsanpham .left .show-data a {
  border: 1px solid #007BFF;
  border-radius: 5px;
  width: 100%;
  height: 40px;
  font-size: 16px;
  font-weight: 300;
  color: #007BFF;
  background: rgba(255, 255, 255, 0.6);
}
.thongtinsanpham .left .show-data .hide-data {
  display: none;
}
.thongtinsanpham .left .show-data p {
  font-size: 16px;
  font-weight: 300;
  color: #000;
  margin-bottom: 10px;
}
.thongtinsanpham .left .show-data .img {
  text-align: center;
}
.thongtinsanpham .left .show-data .img img {
  display: block;
  margin: 0 auto 10px auto;
}
.thongtinsanpham .left .show-data .img p {
  font-size: 16px;
  font-style: italic;
  font-weight: 300;
  color: #000;
}
.thongtinsanpham .left .show-data .img h2 {
  font-size: 25px;
  font-weight: 400;
  color: #000;
}
.thongtinsanpham .box-buy {
  width: 402px;
  background: #FFFFFF;
  border-radius: 5px;
  padding: 30px;
  position: sticky;
  top: 0;
}
.thongtinsanpham .box-buy .img {
  width: 246px;
  height: 246px;
  margin: 0 auto 30px auto;
}
.thongtinsanpham .box-buy span.title {
  font-size: 16px;
  font-weight: 400;
  display: block;
  margin-bottom: 5px;
}
.thongtinsanpham .box-buy .buy_product {
  font-size: 20px;
  background: #FE2B6D;
  height: 60px;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  border-radius: 5px;
}
.thongtinsanpham .box-buy span.options {
  margin-bottom: 20px;
}
.thongtinsanpham .box-buy span.price-new {
  font-size: 20px;
  font-weight: 700;
  color: #FE2B6D;
  margin-right: 20px;
}
.thongtinsanpham .box-buy span.price-old {
  font-size: 20px;
  font-weight: 300;
  color: #737373;
  -webkit-text-decoration-line: line-through;
  text-decoration-line: line-through;
}

.thongtindonhang .head img {
  margin-right: 15px;
}
.thongtindonhang .head h4 {
  font-size: 14px;
  font-weight: 400;
  color: #000;
  text-transform: uppercase;
  margin-right: 20px;
}
.thongtindonhang .head span {
  font-size: 16px;
  font-weight: 300;
  color: #575757;
}
.thongtindonhang .content .item {
  padding: 20px 0;
  border-bottom: 1px solid #EBEBEB;
}
.thongtindonhang .content .item:last-child {
  border-bottom: none;
}
.thongtindonhang .content .item .left {
  width: 80px;
  padding-right: 20px;
  text-align: center;
}
.thongtindonhang .content .item .left a {
  color: #106909;
  margin-top: 10px;
  font-size: 16px;
  font-weight: 300;
  display: block;
}
.thongtindonhang .content .item .right {
  width: calc(100% - 80px);
}
.thongtindonhang .content .item .right .title {
  font-size: 16px;
  font-weight: 300;
  color: #000000;
  margin-bottom: 15px;
  display: block;
}
.thongtindonhang .content .item .right .number {
  background: #FFFFFF;
  border: 0.5px solid #969696;
  border-radius: 30px;
  font-weight: 400;
  font-size: 16px;
  color: #303030;
  width: 65px;
  height: 30px;
  text-align: center;
  outline: none;
  text-align-last: center;
}
.thongtindonhang .content .item .right div span:nth-child(2) {
  padding: 0 20px;
  font-size: 16px;
  font-weight: 300;
  color: #ACACAC;
}
.thongtindonhang .content .item .right div span.price {
  font-size: 16px;
  font-weight: 600;
  color: #000;
}

.style1 [type=radio]:checked, .style1 [type=radio]:not(:checked) {
  position: absolute;
  width: 20px;
  height: 30px;
  z-index: 10;
  opacity: 0;
  cursor: pointer;
}
.style1 [type=radio]:checked + label, .style1 [type=radio]:not(:checked) + label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  font-size: 16px;
  font-weight: 300;
  color: #000;
}
.style1 [type=radio]:checked + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #106909;
  border-radius: 100%;
  background: #fff;
}
.style1 [type=radio]:not(:checked) + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #106909;
  border-radius: 100%;
  background: #fff;
  border: 1px solid #636363;
}
.style1 [type=radio]:checked + label:after {
  content: "";
  width: 10px;
  height: 10px;
  background: #106909;
  position: absolute;
  top: 5px;
  left: 5px;
  border-radius: 100%;
  transition: all 0.2s ease;
}
.style1 [type=radio]:not(:checked) + label:after {
  content: "";
  width: 12px;
  height: 12px;
  background: #F87DA9;
  position: absolute;
  top: 4px;
  left: 4px;
  border-radius: 100%;
  transition: all 0.2s ease;
  opacity: 0;
  transform: scale(0);
}
.style1 [type=radio]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}

.style2 .checkbox {
  background: #FFFFFF;
  border: 1px solid #000000;
  border-radius: 3px;
  width: 22px;
  height: 22px;
}
.style2 [type=radio]:checked, .style2 [type=radio]:not(:checked) {
  position: absolute;
  width: 20%;
  height: 20px;
  z-index: 10;
  opacity: 0;
  cursor: pointer;
}
.style2 [type=radio]:checked + label, .style2 [type=radio]:not(:checked) + label {
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  height: 25px;
}
.style2 [type=radio]:checked + label:before, .style2 [type=radio]:not(:checked) + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: #FFFFFF;
  border: 1px solid #606060;
  border-radius: 3px;
  width: 22px;
  height: 22px;
}
.style2 [type=radio]:checked + label:after {
  content: "";
  background: url("../img/check.svg") no-repeat;
  width: 12px;
  height: 9px;
  position: absolute;
  left: 5px;
  top: 7px;
}
.style2 [type=radio]:not(:checked) + label:after {
  content: "";
  width: 12px;
  height: 12px;
  background: #F87DA9;
  position: absolute;
  top: 4px;
  left: 4px;
  border-radius: 100%;
  transition: all 0.2s ease;
  opacity: 0;
  transform: scale(0);
}
.style2 [type=radio]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}

.product {
  background: #FFFFFF;
  border-radius: 5px;
  padding: 20px;
  margin-bottom: 25px;
}
.product .right {
  width: 530px;
}
.product .right ul.tag-product{
  display: inline-block;
  width: 100%;
  margin-bottom: 10px;
}
.product .right .khuyenmai span{
  width: 30%;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  color: #2457B6;
  text-transform: uppercase;
  border-right: 0.5px dashed #2457B6;
}
.product .right .khuyenmai p{
  width: 70%;
  padding-left: 20px;
  font-size: 16px;
  font-weight: 300;
}
.product .right ul.tag-product li{
  float: left;
  background: #F5F5F5;
  border: 0.3px solid #BEBEBE;
  border-radius: 30px;
  margin-right: 10px;
  padding: 5px 10px;
}
.product .right ul.tag-product li a{
  font-weight: 300;
  font-size: 13px;
  color: #000;
}
.product .right h1 {
  font-size: 25px;
  font-weight: 400;
  color: #212121;
  overflow: hidden;
  line-height: 30px;
}
.product .right .mua-chung h4 {
  font-size: 20px;
  font-weight: 400;
  color: #000000;
  margin-bottom: 10px;
}
.product .right .mua-chung .detail .item {
  margin-bottom: 10px;
}
.product .right .mua-chung .detail .item .title {
  width: 350px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 25px;
}
.product .right .mua-chung .detail .item .title input[type=checkbox] {
  width: 20px;
  height: 20px;
  position: absolute;
  z-index: 1;
  opacity: 0;
  left: 0;
}
.product .right .mua-chung .detail .item .title input[type=checkbox] + span {
  border: 1px solid #000;
  width: 20px;
  height: 20px;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
}
.product .right .mua-chung .detail .item .title input[type=checkbox]:checked + span {
  background: url("../img/check2.svg") no-repeat;
  border: none;
}
.product .right .mua-chung .detail .item img {
  margin-right: 10px;
}
.product .right .mua-chung .detail .item .price {
  font-size: 14px;
  font-weight: 400;
  color: #000000;
}
.product .right .mua-chung a.add {
  background: #5D5D5D;
  border-radius: 3px;
  width: 100%;
  height: 30px;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
}
.product .right .mua-chung .total {
  margin-bottom: 20px;
}
.product .right .mua-chung .total span:nth-child(1) {
  font-size: 14px;
  font-weight: 300;
  color: #000000;
  margin-right: 10px;
}
.product .right .mua-chung .total span:nth-child(2) {
  font-size: 16px;
  font-weight: 600;
  color: #FE2B6D;
}
.product .right .mua-chung .img-product {
  margin-bottom: 20px;
}
.product .right .mua-chung .img-product .item {
  width: 28%;
  background: #FFFFFF;
  border: 1px solid #AFAFAF;
  padding: 16px;
  position: relative;
}
.product .right .mua-chung .img-product .item.active {
  opacity: 0.3;
}
.product .right .mua-chung .img-product .item img {
  display: block;
  margin: 0 auto;
  width: 115px;
  height: 120px;
}
.product .right .mua-chung .img-product .item::after {
  content: "+";
  position: absolute;
  right: -35px;
  top: 65px;
  font-size: 16px;
  font-weight: 400;
  color: #000;
}
.product .right .mua-chung .img-product .item:last-child::after {
  display: none;
}
.product .right .promotions {
  margin-bottom: 20px;
  border-bottom: 1px solid #B6B6B6;
}
.product .right .promotions li {
  margin-bottom: 15px;
  width: 33.33%;
  padding: 0 15px;
  text-align: center;
}
.product .right .promotions .img {
  margin-bottom: 10px;
}
.product .right .promotions .text span {
  font-size: 16px;
  font-weight: 300;
  color: #444;
}
.product .right .promotions .text p img {
  width: 30px;
  margin: 0 3px 0 0;
}
.product .right .promotions .text ul li {
  margin-right: 10px;
}
.product .right .promotions .text img {
  mix-blend-mode: luminosity;
}
.product .right .options {
  margin-bottom: 20px;
}
.product .right .options .buy_product {
  width: 48%;
  height: 45px;
  background: #FE2B6D;
  border-radius: 5px;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
}
.product .right .options .add_to_cart {
  width: 48%;
  height: 45px;
  border-radius: 5px;
  font-size: 16px;
  font-weight: 500;
  color: #555555;
  text-transform: uppercase;
  border: 1px solid #444444;
}
.product .right .radio {
  padding: 0px 0 20px 0;
  margin-bottom: 20px;
  border-bottom: 1px solid #B6B6B6;
}
.product .right .radio audio {
  width: 100%;
  outline: none;
  height: 30px;
}
.product .right .number {
  height: 36px;
  width: 75px;
  text-align: center;
  text-align-last: center;
  background: #FFFFFF;
  border: 0.5px solid #969696;
  border-radius: 30px;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  outline: none;
  color: #303030;
  margin-right: 20px;
}
.product .right .price-new {
  font-size: 25px;
  font-weight: 400;
  color: #FE2B6D;
  margin-right: 20px;
}
.product .right .price-old {
  font-size: 16px;
  font-weight: 300;
  color: #A5A5A5;
  -webkit-text-decoration-line: line-through;
  text-decoration-line: line-through;
}
.product .right .description li {
  font-size: 16px;
  font-weight: 300;
  color: #444444;
  margin-bottom: 10px;
}
.product .right .description li.first{
  height: 48px;
  overflow: hidden;
}
.product .right .description li span {
  color: #000;
  font-weight: 400;
  margin-right: 5px;
}
.product .right .description li img {
  margin-top: -5px;
  margin-left: 15px;
  max-width: 65%;
}
.product .right .size {
  margin-bottom: 20px;
}
.product .right .size span {
  font-size: 16px;
  font-weight: 400;
  margin-right: 20px;
}
.product .right .size li {
  position: relative;
  margin-right: 10px;
}
.product .right .size li a {
  width: 70px;
  height: 35px;
  text-align: center;
  background: #F9F9F9;
  border-radius: 5px;
  color: #444;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 300;
}
.product .right .size li a span {
  display: none;
}
.product .right .size li:hover, .product .right .size li.active {
  position: relative;
}
.product .right .size li a:hover, .product .right .size li a.active{
  background-color: #FE2B6D;
  color: #fff;
}
.product .right .color{
  margin-bottom: 20px;
}
.product .right .color span{
  font-size: 16px;
  font-weight: 400;
  margin-right: 20px;
}
.product .right .color ul li {
  cursor: pointer;
}
.product .right .color ul li span{
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 10px;
}
.product .right .color ul li span.new, .product .right .color ul li span.old{
  display: none;
}
.product .right .quatang{
  margin-bottom: 20px;
}
.product .right .quatang span{
  font-size: 16px;
  font-weight: 400;
  color: #000;
}
.product .right .khuyenmai{
  background: #F4F5F6;
  padding: 10px;
  margin-bottom: 20px;
}
.product .right .quatang{
  margin-bottom: 20px;
}
.product .right .quatang span{
  font-size: 16px;
  font-weight: 400;
  color: #000;
}
.product .right .quatang #qt {
  width: calc(100% - 120px);
  position: relative;
}
.product .right .quatang #qt span {
  background: #F9F9F9;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 300;
  color: #424242;
  line-height: 40px;
  border: #F9F9F9;
  display: flex;
  padding: 5px 10px;
  justify-content: space-between;
  align-items: center;
}
.product .right .quatang #qt.active .list-qt{
  display: block;
}
.product .right .quatang #qt .list-qt{
  position: absolute;
  background-color: #fff;
  z-index: 6;
  height: 250px;
  overflow: scroll;
  box-shadow: 0px 2px 18px rgb(0 0 0 / 10%);
  display: none;
}
.product .right .quatang #qt .list-qt .item{
  padding: 10px;
  display: flex;
  align-items: center;
}
.product .right .quatang #qt .list-qt .item img{
  width: 50px;
  height: 50px;
}
.product .right .coupon .item{
  cursor: pointer;
  padding: 3px 20px;
  border: 1px solid #FE2B6D;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 700;
  line-height: 40px;
  color: #FE2B6D;
  position: relative;
  margin: 8px 12px 0px 0px;
}
.product .right .coupon{
  display: flex;
    padding: 0px 4px 0px 0px;
    flex-wrap: wrap;
    margin-bottom: 20px;
    align-items: center;
}
.product .right .coupon .item::after {
  right: -6px;
  transform: rotate(
135deg
);
}
.product .right .coupon .item::before, .product .right .coupon .item::after {
  content: "";
  width: 10px;
  height: 10px;
  background-color: rgb(255, 255, 255);
  border-width: 1px;
  border-style: solid;
  border-color: transparent #FE2B6D #FE2B6D transparent;
  border-image: initial;
  position: absolute;
  top: 50%;
  margin-top: -5px;
  border-radius: 50%;
}
.product .right .coupon .item::before{
  left: -6px;
  transform: rotate(
-45deg
);
}
.product .right .rate {
  margin-right: 20px;
}
.product .right .rate img {
  margin: 0 5px;
}
.product .right .comments, .product .right .write-comment {
  font-size: 14px;
  font-weight: 300;
  margin-right: 20px;
}
.product .right .comments img, .product .right .write-comment img {
  margin-right: 10px;
}
.product .left {
  width: 650px;
  margin-right: 20px;
  color: #666666;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  align-self: flex-start;
  left: 0;
}
.product .left .gallery{
  display: none;
}
.product .left .gallery.active{
  display: block;
}
.product .left .gallery .owl-nav {
  position: relative;
}
.product .left .gallery .owl-nav .owl-next {
  background: url("../img/next.svg") no-repeat;
  width: 26px;
  height: 83px;
  position: absolute;
  right: -100px;
  top: -90px;
  text-indent: -9999px;
}
.product .left .gallery .owl-nav .owl-prev {
  background: url("../img/prev.svg") no-repeat;
  width: 26px;
  height: 83px;
  position: absolute;
  left: -100px;
  top: -90px;
  text-indent: -9999px;
}
.product .left .gallery .big img {
  display: block;
  margin: 0 auto;
  width: auto;
  max-width: 100%;
}
.product .left .gallery .big .item {
  width: 550px;
  margin: 0 auto;
}
.product .left .gallery .big .item.video {
  margin: 10px auto 0 10px;
  max-width: -webkit-fit-content;
  max-width: fit-content;
}
.product .left .gallery .thumbs {
  width: 400px;
  margin: 50px auto 0 auto;
}
.product .left .gallery .thumbs .item {
  width: 100px;
  height: 100px;
  background: #FFFFFF;
  border: 1px solid #C2C2C2;
  border-radius: 5px;
  margin: 0 10px;
  position: relative;
  cursor: pointer;
}
.product .left .gallery .thumbs .item img{
  width: 98px;
  height: 98px;
}
.product .left .gallery .thumbs .item.video .play img {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 32px;
  top: 32px;
  z-index: 2;
}
.product .left .gallery .thumbs .item.video .play::after {
  content: "";
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

@media (max-width: 1899.99px) {
  .product .right .mua-chung .img-product .item::after {
    right: -27px;
  }
}
.partner {
  background: #fff;
  border-top: 1px solid #DBDBDB;
  border-bottom: 1px solid #DBDBDB;
  margin-bottom: 25px;
}
.partner ul li {
  width: 125px;
  height: 125px;
  border-right: 1px solid #DBDBDB;
  cursor: pointer;
}
.partner ul li:first-child {
  border-left: 1px solid #DBDBDB;
}
.partner ul li:hover, .partner ul li.active {
  background: #FBF3F3;
}

.kinhnghiemlamdep {
  margin-bottom: 25px;
}
.kinhnghiemlamdep .item {
  width: 32%;
  background: #FFFFFF;
  box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.04);
  border-radius: 5px;
}
.kinhnghiemlamdep .item .img {
  position: relative;
}
.kinhnghiemlamdep .item .img img {
  border-radius: 5px 5px 0px 0px;
}
.kinhnghiemlamdep .item .img span.date {
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(255, 50, 108, 0.7);
  border-radius: 0px 5px 0px 0px;
  font-size: 14px;
  font-weight: 300;
  color: #fff;
  padding: 3px 10px;
}
.kinhnghiemlamdep .item .text {
  padding: 20px;
  text-align: center;
}
.kinhnghiemlamdep .item .text h5 {
  font-size: 18px;
  font-weight: 300;
  text-transform: uppercase;
  color: #000;
  margin-bottom: 5px;
  height: 54px;
  overflow: hidden;
}
.kinhnghiemlamdep .item .text p {
  font-size: 16px;
  font-weight: 300;
  color: #636363;
  margin-bottom: 15px;
  height: 70px;
  overflow: hidden;
}
.kinhnghiemlamdep .item .text a {
  font-size: 16px;
  font-weight: 300;
  color: #000000;
  text-decoration: underline;
}

.videomoinhat {
  background: #FFFFFF;
  margin-bottom: 25px;
  padding: 25px 0 50px 0;
  border-top: 1px solid #E1E1E1;
  position: relative;
}
.videomoinhat .owl-nav .owl-next {
  background: url("../img/right.svg") no-repeat;
  width: 20px;
  height: 45px;
  position: absolute;
  bottom: 25px;
  right: 26%;
  text-indent: -9999px;
}
.videomoinhat .owl-nav .owl-prev {
  background: url("../img/left.svg") no-repeat;
  width: 20px;
  height: 45px;
  position: absolute;
  bottom: 25px;
  left: 23%;
  text-indent: -9999px;
}
.videomoinhat .owl-item {
  padding-bottom: 150px;
  padding-right: 50px;
  position: relative;
}
.videomoinhat .owl-item::after {
  content: "";
  border-bottom: 1px solid #E1E1E1;
  position: absolute;
  bottom: 100px;
  width: 100%;
}
.videomoinhat .owl-item.center::before {
  content: "";
  position: absolute;
  bottom: 100px;
  width: calc(100% - 50px);
  height: 4px;
  background: #000;
  z-index: 12;
}
.videomoinhat .owl-item.center .img::after {
  background: url("../img/play.svg") no-repeat;
  content: "";
  position: absolute;
  width: 80px;
  height: 80px;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 40%;
  z-index: 10;
}
.videomoinhat .item .img {
  position: relative;
}
.videomoinhat .item .img::before {
  content: "";
  background: rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
}
.videomoinhat .item .img img {
  border-radius: 5px;
}
.videomoinhat .item p {
  font-size: 16px;
  font-weight: 300;
  text-align: center;
  color: #000;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding-right: 50px;
  height: 70px;
  overflow: hidden;
  text-transform: uppercase;
  width: 80%;
  margin: 0 auto;
}

.timkiemnhieunhat {
  padding: 0 40px;
  margin-bottom: 25px;
  background: #fff;
  border-radius: 5px;
  padding: 20px 40px;
}
.timkiemnhieunhat .owl-nav .owl-next {
  background: url("../img/right.svg") no-repeat;
  width: 20px;
  height: 45px;
  position: absolute;
  right: 10px;
  top: 18px;
  text-indent: -9999px;
}
.timkiemnhieunhat .owl-nav .owl-prev {
  background: url("../img/left.svg") no-repeat;
  width: 20px;
  height: 45px;
  position: absolute;
  left: 10px;
  top: 18px;
  text-indent: -9999px;
}
.timkiemnhieunhat .item {
  margin: 0 5px;
}
.timkiemnhieunhat a {
  padding: 10px 15px;
  background: #FFFFFF;
  border: 1px solid #C0C0C0;
  border-radius: 40px;
  font-size: 15px;
  font-weight: 300;
  color: #000;
  display: block;
}
.timkiemnhieunhat a:hover {
  background: #FF326C;
  border: 1px solid #C0C0C0;
  border-radius: 40px;
  color: #fff;
}

.main-banner {
  position: relative;
}
.main-banner .owl-nav .owl-next, .news-top .owl-nav .owl-next {
  background: url("../img/next.svg") no-repeat;
  width: 26px;
  height: 83px;
  position: absolute;
  right: 30px;
  top: 40%;
  text-indent: -9999px;
}
.main-banner .owl-nav .owl-prev, .news-top .owl-nav .owl-prev {
  background: url("../img/prev.svg") no-repeat;
  width: 26px;
  height: 83px;
  position: absolute;
  left: 30px;
  top: 40%;
  text-indent: -9999px;
}
.main-banner .item .caption {
  width: 375px;
  text-align: center;
  padding-top: 150px;
}
.main-banner .item .caption h1 {
  font-size: 30px;
  font-weight: 300;
  color: #000;
  text-transform: uppercase;
}
.main-banner .item .caption h1 span {
  font-size: 44px;
  font-weight: 400;
  color: #000;
  display: block;
}
.main-banner .item .caption p {
  background: #FF9E9B;
  border-radius: 30px;
  margin-bottom: 10px;
}
.main-banner .item .caption p span:nth-child(1) {
  font-size: 30px;
  font-weight: 300;
  color: #fff;
  text-transform: uppercase;
  padding-top: 22px;
}
.main-banner .item .caption p span:nth-child(2) {
  font-size: 51px;
  font-weight: 700;
  margin-left: 5px;
  color: #fff;
}
.main-banner .item .caption a {
  font-size: 30px;
  font-weight: 300;
  color: #000000;
  text-decoration: underline;
}

.bg_header {
  position: fixed;
  background: rgba(0, 0, 0, 0.3);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 8;
  display: none;
}

.bannerproduct {
  margin-bottom: 25px;
}
.bannerproduct a {
  width: 49%;
}

.styleproduct {
  margin-top: 20px;
}
.styleproduct .banner-left {
  width: 491px;
}
.styleproduct .style {
  margin-bottom: 10px;
}
.styleproduct a.xtc {
  font-size: 14px;
  font-weight: 300;
  color: #545454;
  text-decoration: underline;
}
.styleproduct h2 {
  font-size: 22px;
  font-weight: 300;
  position: relative;
  padding-left: 50px;
  text-transform: uppercase;
}
.styleproduct h2::before {
  content: "";
  width: 40px;
  height: 1px;
  background: #000;
  position: absolute;
  top: 16px;
  left: 0;
}
.styleproduct h3 {
  font-size: 25px;
  font-weight: 300;
  position: relative;
  padding-left: 50px;
  margin-bottom: 25px;
  text-transform: uppercase;
}
.styleproduct h3::before {
  content: "";
  width: 40px;
  height: 1px;
  background: #000;
  position: absolute;
  top: 16px;
  left: 0;
}

.danhgianhanxet {
  background: #FFFFFF;
  border-radius: 5px;
  margin-bottom: 30px;
  padding: 30px;
}

.comments-area {
  width: 100%;
}
.comments-area .l {
  margin-bottom: 20px;
}
.comments-area .l .count-replay{
    margin-left: 66px;
    margin-top: 10px;
}
.comments-area .l .count-replay span {
  font-size: 14px;
  font-weight: 300;
  color: #0093E5;
  margin-left: 10px;
}
.comments-area  .xem-them{
  background: #F5F5F5;
  text-align: center;
  font-size: 16px;
  font-weight: 300;
  color: #000;
  display: flex;
  justify-content: center;
  padding: 5px 0;
}
.comments-area .left {
  width: 46px;
  height: 46px;
  margin-right: 20px;
}
.comments-area .right {
  width: calc(100% - 66px);
}
.comments-area .right .name h5 {
  font-size: 16px;
  font-weight: 700;
  color: #000000;
  margin-bottom: 5px;
}
.comments-area .right .name h5 img {
  width: 30px;
  height: 30px;
  margin: 0 5px;
}
.comments-area .right .name h5 span {
  font-size: 14px;
  font-weight: 300;
}
.comments-area .right .name .md {
  height: 20px;
  width: 90px;
  border-radius: 3px;
  background: #444444;
  font-size: 12px;
  font-weight: 300;
  color: #FFFFFF;
  margin-left: 10px;
}
.comments-area .right .name .rate {
  margin-bottom: 5px;
}
.comments-area .right .name .rate img {
  margin: 0 3px;
}
.comments-area .right .name .content {
  font-size: 16px;
  font-weight: 300;
  color: #212121;
  margin-bottom: 5px;
  width: 100%;
}
.comments-area .replay a {
  margin: 0 20px 0 0;
  font-size: 13px;
  font-weight: 300;
  color: #007BFF;
}
.comments-area .replay a img {
  margin-right: 5px;
}
.comments-area .replay .time, .comments-area .replay .share {
  font-size: 13px;
  font-weight: 300;
  color: #8E8E8E;
  margin-right: 20px;
}
.comments-area .persion-replay {
  margin-left: 66px;
  margin-top: 20px;
}
.comments-area .persion-replay .right .name h5 {
  margin-bottom: 0;
}

.box-comments {
  width: 100%;
  padding: 20px 0;
}
.box-comments button {
  border: none;
  background: transparent;
  position: absolute;
  left: 7px;
  top: 5px;
  outline: none;
}
.box-comments span {
  font-size: 20px;
  font-weight: 400;
  color: #000000;
}
.box-comments .search-ct {
  position: relative;
}
.box-comments .search-ct input {
  background: #FFFFFF;
  border: 1px solid #D1CECE;
  border-radius: 25px;
  width: 245px;
  height: 37px;
  font-size: 14px;
  font-style: italic;
  font-weight: 300;
  color: #B1A7A7;
  padding: 0 10px 0 40px;
}
.box-comments .search-ct input::placeholder {
  font-size: 14px;
  font-style: italic;
  font-weight: 300;
  color: #B1A7A7;
}

.comments-review {
  background: #FFFFFF;
  border: 1px solid #D1D1D1;
  border-radius: 5px;
  width: 100%;
  height: 214px;
}
.comments-review .comments {
  width: 100%;
  padding: 10px;
  font-size: 16px;
  font-weight: 300;
  color: #666666;
  border: none;
  outline: none;
  height: 140px;
}
.comments-review .options {
  background: #F5F5F5;
  border-top: 1px solid #D1D1D1;
  border-radius: 0px 0px 5px 5px;
  border-bottom: 1px solid #D1D1D1;
}
.comments-review .options .input {
  background: #FFFFFF;
  border: 1px solid #E1DDDD;
  border-radius: 20px;
  height: 40px;
  width: 336px;
  font-size: 14px;
  font-weight: 300;
  color: #666;
  padding: 0 10px;
}
.comments-review .options .input::placeholder {
  font-size: 14px;
  font-weight: 300;
  color: #666;
}
.comments-review .options .form {
  width: calc(100% - 150px);
  padding: 0 25px;
}
.comments-review .options .submit {
  background: #444444;
  border-radius: 40px;
  width: 70px;
  height: 40px;
  font-size: 20px;
  font-weight: 600;
  border: none;
  color: #fff;
  text-transform: uppercase;
  font-size: 16px;
}
.comments-review .options .files {
  border-right: 1px solid #D1D1D1;
  position: relative;
  padding: 20px;
  cursor: pointer;
  width: 150px;
}
.comments-review .options .files span {
  font-size: 16px;
  color: #666;
  font-weight: 300;
  cursor: pointer;
}
.comments-review .options .files span img {
  margin-right: 15px;
}
.comments-review .options .files input[type=file] {
  opacity: 0;
  width: 100px;
  cursor: pointer;
  position: absolute;
  left: 20px;
}

.reviewvote {
  width: 100%;
}
.reviewvote span.title {
  font-size: 20px;
  font-weight: 400;
  color: #000000;
  margin-right: 75px;
}
.reviewvote .choose-star ul {
  display: flex;
  direction: rtl;
}
.reviewvote .choose-star ul li {
  background: url("../img/Star7.svg") no-repeat;
  width: 60px;
  padding-top: 60px;
  margin: 0 10px;
  text-align: center;
  cursor: pointer;
}
.reviewvote .choose-star ul li:hover, .reviewvote .choose-star ul li.active, .reviewvote .choose-star ul li:hover ~ li, .reviewvote .choose-star ul li.active ~ li {
  background: url("../img/Star6.svg") no-repeat;
}
.reviewvote .choose-star img {
  margin: 0 10px;
}
.reviewvote .number_total {
  font-size: 40px;
  font-weight: 600;
  color: #444444;
  width: 200px;
}
.reviewvote .number_total img {
  margin-left: 10px;
}
.reviewvote .item {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #E0E0E0;
}
.reviewvote .item2 {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #E0E0E0;
}
.reviewvote .send-comment {
  width: 300px;
  height: 50px;
  background: #FFFFFF;
  border: 1px solid #000000;
  border-radius: 40px;
  color: #444444;
  font-weight: 600;
  font-size: 16px;
  text-transform: uppercase;
}
.reviewvote ul {
  width: 440px;
}
.reviewvote ul .percent {
  background: #000000;
  border-radius: 4px;
}
.reviewvote ul li {
  margin: 5px 0;
}
.reviewvote ul li span.number {
  width: 32px;
  font-size: 16px;
  font-weight: 300;
  color: #212121;
}
.reviewvote ul li span.number img {
  margin-lefT: 5px;
}
.reviewvote ul li.active span.text {
  color: #444444;
  font-size: 16px;
  font-weight: 300;
}
.reviewvote ul li span.text {
  width: 100px;
  color: #9B9B9B;
  font-size: 16px;
  font-weight: 300;
}
.reviewvote ul span.line {
  width: 287px;
  height: 5px;
  background: #D0CCCC;
  border-radius: 4px;
  display: inline-flex;
  margin: 0 10px;
  position: relative;
}

.information {
  margin-bottom: 30px;
}
.information .item {
  border: 1px solid #353535;
  background: #FFFFFF;
  width: 24%;
  height: 100px;
  border-radius: 5px;
}
.information .item img {
  margin-right: 20px;
}
.information .item p {
  font-size: 16px;
  color: #353535;
  font-weight: 300;
}

.lichsugiaodich {
  padding: 20px 40px;
  background: #FFFFFF;
  border-radius: 10px;
}
.lichsugiaodich h5 {
  font-size: 20px;
  font-weight: 400;
  color: #000;
  margin-bottom: 10px;
}
.lichsugiaodich table {
  border: 1px solid #E9E9E9;
  margin-bottom: 20px;
}
.lichsugiaodich table tr th, .lichsugiaodich table tr td {
  padding: 20px 30px;
}
.lichsugiaodich table tr th {
  background: #F8F8F8;
}
.lichsugiaodich table tr td {
  border-bottom: 1px solid #E9E9E9;
  font-size: 14px;
  color: #000;
}
.lichsugiaodich table tr td:nth-child(1) {
  color: #106909;
}

.quychelenhang {
  margin-bottom: 20px;
}
.quychelenhang .input-column3 {
  width: 32%;
  background: #FFFFFF;
  border-radius: 10px;
  padding: 20px;
}
.quychelenhang .input-column3 img {
  display: block;
  margin: 0 auto 10px;
}
.quychelenhang .input-column3 h5 {
  font-size: 18px;
  font-weight: 700;
  color: #000;
  margin-bottom: 5px;
  text-transform: uppercase;
}
.quychelenhang .input-column3 p.style {
  font-size: 14px;
  font-weight: 700;
  color: #000;
}
.quychelenhang .input-column3 p.style2 {
  font-size: 14px;
  font-weight: 300;
  color: #000;
}
.quychelenhang .input-column3 p.style2 span {
  font-weight: 700;
  margin-left: 3px;
}
.quychelenhang .input-column3 .uudai h6 {
  font-size: 16px;
  font-weight: 700;
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px dashed #C5C5C5;
}
.quychelenhang .input-column3 .uudai.vang .item p {
  background: url("../img/vang2.svg") no-repeat left 4px;
  padding-left: 15px;
  font-size: 14px;
  font-weight: 400;
}
.quychelenhang .input-column3 .uudai.vang .item p span {
  color: #FF326C;
}
.quychelenhang .input-column3 .uudai.bac .item p {
  background: url("../img/bac2.svg") no-repeat left 4px;
  padding-left: 15px;
  font-size: 14px;
  font-weight: 400;
}
.quychelenhang .input-column3 .uudai.bac .item p span {
  color: #FF326C;
}

.hangdiemhientai {
  padding: 30px 50px;
  background: #FFFFFF;
  border-radius: 10px;
  margin-bottom: 20px;
}
.hangdiemhientai .input-column2:nth-child(1) {
  margin-left: 50px;
}
.hangdiemhientai .hang {
  margin-top: 80px;
  position: relative;
}
.hangdiemhientai .hang p {
  font-size: 20px;
  font-weight: 300;
  color: #373737;
}
.hangdiemhientai .hang p span {
  font-weight: 600;
}
.hangdiemhientai .hang .circle {
  position: relative;
  margin-right: 35px;
  width: 36px;
  height: 36px;
}
.hangdiemhientai .hang .circle::before {
  content: "";
  position: absolute;
  border: 1px solid #106909;
  width: 36px;
  height: 36px;
  background: #fff;
  border-radius: 50%;
}
.hangdiemhientai .hang .circle::after {
  content: "";
  position: absolute;
  border: 1px solid #106909;
  width: 20px;
  height: 20px;
  background: #106909;
  border-radius: 50%;
  left: 8px;
  top: 8px;
}
.hangdiemhientai .diem {
  position: relative;
}
.hangdiemhientai .diem::after {
  content: "";
  width: 1px;
  height: 68px;
  position: absolute;
  background: #106909;
  top: 42px;
  left: 17px;
}
.hangdiemhientai .diem p {
  font-size: 20px;
  font-weight: 300;
  color: #373737;
}
.hangdiemhientai .diem p span {
  font-weight: 600;
}
.hangdiemhientai .diem .circle {
  position: relative;
  margin-right: 35px;
  width: 36px;
  height: 36px;
}
.hangdiemhientai .diem .circle::before {
  content: "";
  position: absolute;
  border: 1px solid #106909;
  width: 36px;
  height: 36px;
  background: #fff;
  border-radius: 50%;
}
.hangdiemhientai .diem .circle::after {
  content: "";
  position: absolute;
  border: 1px solid #106909;
  width: 20px;
  height: 20px;
  background: #106909;
  border-radius: 50%;
  left: 8px;
  top: 8px;
}
.hangdiemhientai .head {
  margin-bottom: 10px;
}
.hangdiemhientai .head h5 {
  font-size: 18px;
  font-weight: 400;
}
.hangdiemhientai .head .img {
  width: 40px;
}
.hangdiemhientai .thanhvien .content, .hangdiemhientai .uudai .content {
  margin-left: 40px;
}
.hangdiemhientai .thanhvien .content p, .hangdiemhientai .uudai .content p {
  font-size: 14px;
  font-weight: 400;
  color: #000;
  margin-bottom: 5px;
}
.hangdiemhientai .thanhvien .content p span, .hangdiemhientai .uudai .content p span {
  font-weight: 700;
}
.hangdiemhientai .thanhvien .content {
  border-bottom: 1px dashed #C5C5C5;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.openShow {
  position: relative;
}

.showNew {
  position: absolute;
  background: #fff;
  z-index: 12;
  display: none;
  width: 100%;
  padding: 10px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.showNew input[type=text] {
  background: #f5f6f6;
  width: 100%;
  border: none;
  font-size: 16px;
  color: #C6C6C6;
  padding: 10px;
}
.showNew ul li {
  color: #000;
  margin: 10px 5px;
  display: block;
  cursor: pointer;
}
.showNew.active {
  display: block;
}

.popup-address.active::before {
  display: block;
}
.popup-address.active .all {
  display: block;
}
.popup-address::before {
  content: "";
  background: rgba(0, 0, 0, 0.15);
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 14;
  transition: 0.1s ease-out;
  top: 0;
  left: 0;
  display: none;
}
.popup-address .all {
  position: absolute;
  background-color: #fff;
  z-index: 16;
  left: 0;
  border-radius: 20px;
  width: 600px;
  transition: 1s ease-out;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 50px;
  display: none;
}
.popup-address h5 {
  text-align: center;
  font-family: "Roboto";
  font-weight: 500;
  margin: 10px 0 0 0;
}
.popup-address .icon-arrow-pre {
  position: absolute;
  left: 15px;
  top: 18px;
  font-size: 1rem;
}
.popup-address .close {
  position: absolute;
  right: 15px;
  top: 18px;
  font-size: 1rem;
}
.popup-address .close::after {
  content: "X";
}
.popup-address .detail {
  padding: 15px;
  border-top: 1px solid #e1e1e1;
  margin: 15px 0 0 0;
}
.popup-address .detail .pr{
  overflow: hidden;
}
.popup-address .detail .pr .resultall{
  width: 1710px;
  display: flex;
}
.popup-address .detail .pr .control {
  margin: 0 0 20px 0;
}
.popup-address .detail .pr .control label {
  display: block;
  color: #4b4b4b;
  font-size: 16px;
}
.popup-address .detail .pr .control input.text {
  width: 100%;
  color: #4b4b4b;
  font-size: 14px;
  font-weight: 300;
  height: 35px;
  border: none;
  background-color: #f5f6f6;
  border-radius: 5px;
  color: #a2a2a2;
  padding: 0 10px;
}
.popup-address .detail .pr .control input.text::placeholder {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
}
.popup-address .detail .pr .control:last-child {
  margin: 0;
}
.popup-address .detail .pr .control input.submit {
  background-color: #d0ced1;
  border-radius: 10px;
  height: 45px;
  text-align: center;
  font-size: 16px;
  width: 100%;
  border: none;
  color: #fff;
}
.popup-address .detail .result {
  margin-left: 0;
  transition: margin 0.5s linear;
  width: 570px;
}
.popup-address .detail .result.active {
  margin-left: -570px;
}
.popup-address .detail .result .item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 10px 0;
  cursor: pointer;
}
.popup-address .detail .result .item::after {
  content: ">";
  font-weight: 300;
  color: #4b4b4b;
  font-size: 15px;
}
.popup-address .detail .result .item i, .popup-address .detail .result .item p {
  font-weight: 300;
  color: #4b4b4b;
  font-size: 15px;
}

.popup-gallery {
  margin: 10px 0;
}
.popup-gallery a {
  margin: 0 10px 10px 0;
  display: inline-block;
}

.productslider .owl-nav .owl-next {
  background: url("../img/right.svg") no-repeat;
  width: 20px;
  height: 45px;
  position: absolute;
  top: 40%;
  right: 35px;
  text-indent: -9999px;
}
.productslider .owl-nav .owl-prev {
  background: url("../img/left.svg") no-repeat;
  width: 20px;
  height: 45px;
  position: absolute;
  top: 40%;
  left: 35px;
  text-indent: -9999px;
}

#top {
  transition: right 2s;
  right: -100%;
  position: fixed;
  bottom: 180px;
  z-index: 10;
}
#top.active {
  right: 30px;
}

.main_right_thuonghieu {
  background: transparent;
  padding: 0;
}
.main_right_thuonghieu .san_pham_da_xem_2 {
  margin: 0 -1%;
}
.main_right_thuonghieu .san_pham_da_xem_2 .item {
  background: #fff;
  border: none;
  width: 23.7%;
  margin: 0 0 10px 10px;
}
.main_right_thuonghieu .pager2 {
  background: #FFFFFF;
  border-radius: 5px;
  padding: 10px;
  clear: both;
}
.main_right_thuonghieu .pager2 ul {
  display: flex;
  align-items: center;
  justify-content: center;
}
.main_right_thuonghieu .pager2 ul li {
  margin: 0 10px;
}
.main_right_thuonghieu .pager2 ul li a.number {
  width: 35px;
  height: 35px;
  font-size: 14px;
  font-weight: 400;
  background: #C4C4C4;
  border-radius: 50%;
  display: flex;
  color: #fff;
  align-items: center;
  justify-content: center;
}
.main_right_thuonghieu .pager2 ul li:hover a, .main_right_thuonghieu .pager2 ul li.active a {
  background: #FF326C;
  border-radius: 50%;
}

.sidebar_thuonghieu {
  overflow: auto;
  height: 100vh;
  position: sticky;
  top: 5px;
  padding: 0;
}

.dcpd_no_scrollbar {
  scrollbar-width: none;
  /*for fire fox */
}
.dcpd_no_scrollbar::-webkit-scrollbar {
  display: none;
}

.sidebar_thuonghieu .box-filter {
  border-bottom: 1px solid #DBDBDB;
}
.sidebar_thuonghieu .box-filter h2 {
  background: url("../img/plus.svg") no-repeat right 16px center;
  padding: 16px;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  cursor: pointer;
}
.sidebar_thuonghieu .box-filter.active h2 {
  background: url("../img/minius.svg") no-repeat right 16px center;
}
.sidebar_thuonghieu .box-filter.active h2.top {
  border-bottom: 1px solid #DBDBDB;
}
.sidebar_thuonghieu .box-filter.active .box-filter-2 {
  display: block;
}
.sidebar_thuonghieu .box-filter.active .box-filter-2.top {
  padding: 16px;
}
.sidebar_thuonghieu .box-filter .box-filter-2 {
  padding: 0 16px 16px 16px;
  display: none;
}
.sidebar_thuonghieu .box-filter .box-filter-2.top {
  border-bottom: 1px dashed #e8e8e8;
}
.sidebar_thuonghieu .box-filter .box-filter-2:last-child.top {
  border-bottom: none;
}
.sidebar_thuonghieu .box-filter .box-filter-2 h3 {
  background: url("../img/left_icon.svg") no-repeat left center;
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
  padding-left: 20px;
  line-height: 30px;
  cursor: pointer;
}
.sidebar_thuonghieu .box-filter .box-filter-2.active h3 {
  background: url("../img/down_icon.svg") no-repeat left center;
}
.sidebar_thuonghieu .box-filter .box-filter-2.active .box-filter-3 {
  display: block;
}
.sidebar_thuonghieu .box-filter .box-filter-2 label {
  font-size: 15px;
  font-weight: 300;
  line-height: 30px;
  color: #000000;
  display: flex;
  cursor: pointer;
  position: relative;
}
.sidebar_thuonghieu .box-filter .box-filter-2 label input[type=checkbox] {
  opacity: 0;
  position: absolute;
  left: 0;
}
.sidebar_thuonghieu .box-filter .box-filter-2 label input[type=checkbox]:checked + span::after {
  content: "";
  background: url("../img/check_icon.svg") no-repeat;
  position: absolute;
  top: 10px;
  right: 0;
  width: 15px;
  height: 10px;
}
.sidebar_thuonghieu .box-filter .box-filter-2 .box-price {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  clear: both;
}
.sidebar_thuonghieu .box-filter .box-filter-2 #price_from, .sidebar_thuonghieu .box-filter .box-filter-2 #price_to {
  background: #FFFFFF;
  border: 0.5px solid #545353;
  border-radius: 3px;
  width: 130px;
  height: 35px;
  font-size: 15px;
  font-weight: 300;
  text-align: center;
  color: #B8B8B8;
}
.sidebar_thuonghieu .box-filter .box-filter-2 .box-filter-3 {
  padding-left: 20px;
  display: none;
}
.sidebar_thuonghieu .box-filter .box-filter-2 .box-filter-3 h4 {
  font-size: 16px;
  font-weight: 600;
  line-height: 30px;
}
.sidebar_thuonghieu .box-filter .box-filter-2 .box-filter-3 label {
  padding-left: 10px;
  font-size: 15px;
  font-weight: 300;
  line-height: 30px;
  color: #000000;
  display: flex;
  cursor: pointer;
  position: relative;
}
.sidebar_thuonghieu .box-filter .box-filter-2 .box-filter-3 label input[type=checkbox] {
  opacity: 0;
  position: absolute;
  left: 0;
}
.sidebar_thuonghieu .box-filter .box-filter-2 .box-filter-3 label input[type=checkbox]:checked + span::after {
  content: "";
  background: url("../img/check_icon.svg") no-repeat;
  position: absolute;
  top: 10px;
  right: 0;
  width: 15px;
  height: 10px;
}

.sort {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 5px;
  background: #fff;
  padding: 10px 20px;
  margin-bottom: 10px;
  position: relative;
}
.sort span.top {
  font-size: 15px;
  font-weight: 400;
  background: url("../img/down_icon.svg") no-repeat right center;
  padding-right: 20px;
  cursor: pointer;
}
.sort .sort_thuonghieu {
  position: relative;
}
.sort .sort_thuonghieu.active .box-open {
  display: block;
  left: -20px;
  top: 32px;
  z-index: 999;
}
.sort .sort_thuonghieu.active .box-open .content {
  overflow-y: scroll;
  height: 350px;
  margin-bottom: 10px;
}
.sort .sort_thuonghieu.active .box-open .content::-webkit-scrollbar {
  width: 2px;
  background-color: #d6d6d6;
  border-radius: 5px;
}
.sort .sort_thuonghieu.active .box-open .content::-webkit-scrollbar-thumb {
  background-color: #FFC5C5;
}
.sort .sort_sapxep {
  position: relative;
}
.sort .sort_sapxep.active .box-open {
  display: block;
  right: -20px;
  top: 32px;
  width: 235px;
  z-index: 999;
}
.sort label {
  font-size: 15px;
  font-weight: 300;
  line-height: 30px;
  color: #000000;
  display: flex;
  cursor: pointer;
  position: relative;
}
.sort label input[type=checkbox] {
  opacity: 0;
  position: absolute;
  left: 0;
}
.sort label input[type=checkbox]:checked + span::after {
  content: "";
  background: url("../img/check_icon.svg") no-repeat;
  position: absolute;
  top: 10px;
  right: 0;
  width: 15px;
  height: 10px;
}
.sort .search-form {
  position: relative;
  margin-bottom: 16px;
}
.sort .search-form input[type=text] {
  border: 0.5px solid #A4A4A4;
  border-radius: 5px;
  width: 325px;
  height: 40px;
  font-size: 14px;
  font-weight: 300;
  color: #8C8C8C;
  padding: 0 30px 0 10px;
}
.sort .search-form button {
  border: nonen;
  position: absolute;
  right: 0;
  top: 0;
  height: 40px;
  border: none;
  background: transparent;
  outline: none;
}
.sort .button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 0.5px solid #e6e6e6;
  padding-top: 20px;
}
.sort .button button {
  width: 156px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 400;
  border: none;
  outline: none;
}
.sort .button button.accept {
  background: #212121;
  border-radius: 5px;
  color: #fff;
}
.sort .button button.cancel {
  color: #000;
  background: #fff;
}
.sort .box-open {
  display: none;
  background: #FFFFFF;
  box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.13);
  border-radius: 5px;
  position: absolute;
  padding: 20px;
}

._form_search .box-open {
  position: absolute;
  background: #FFFFFF;
  border-radius: 5px;
  width: 100%;
  z-index: 10;
  border: 0.5px solid #797979;
  border-top: none;
  border-radius: 0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 30px;
  display: none;
}
._form_search .box-search{
  position: absolute;
  background: #FFFFFF;
  border-radius: 5px;
  width: 100%;
  z-index: 10;
  border: 0.5px solid #797979;
  border-top: none;
  border-radius: 0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  display: none;
}
._form_search .box-search .tim-thuong-hieu, ._form_search .box-search .tim-danh-muc{
  padding: 15px 30px;
  border-bottom: 1px solid #E2E2E2;
}
._form_search .box-search .tim-thuong-hieu li, ._form_search .box-search .tim-danh-muc li{
  margin: 5px 0;
}
._form_search .box-search .tim-thuong-hieu span, ._form_search .box-search .tim-danh-muc span{
  font-weight: 300;
  font-size: 16px;
  color: #000;
}
._form_search .box-search .tim-thuong-hieu a, ._form_search .box-search .tim-danh-muc a{
  font-size: 16px;
  color: #000;
  font-weight: 600;
  margin: 0 5px;
}
._form_search .box-search .tim-san-pham{
  padding: 15px 30px; 
}
._form_search .box-search .tim-san-pham li{
  margin: 10px 0;
}
._form_search .box-search .tim-san-pham li a{
  display: flex;
  align-items: center;
}
._form_search .box-search .tim-san-pham li a img{
  width: 64px;
  height: 64px;
  margin-right: 20px;
}
._form_search .box-search .tim-san-pham li a span{
  font-size: 15px;
  color: #212121;
}
._form_search .box-search .tim-san-pham a.xtc{
  background: #F5F5F5;
  border: 1px solid #E3E3E3;
  border-radius: 20px;
  width: 380px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 15px auto 0 auto;
}
._form_search .box-open span {
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 10px;
  display: block;
  color: #000;
}
._form_search .box-open ul li {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 5px 10px;
  font-size: 16px;
  display: flex;
  cursor: pointer;
  background: #F5F5F5;
  border: 1px solid #EAEAEA;
  border-radius: 5px;
}
._form_search .box-open ul li a {
  padding: 5px 10px;
  font-weight: 300;
  font-size: 15px;
  color: #3A3A3A;
  display: flex;
}
._form_search .box-open ul li:hover {
  background: #FF326C;
  border: 1px solid #FF326C;
  border-radius: 5px;
  color: #fff;
}
._form_search .box-open ul li:hover a{
  color: #fff;
}
._form_search input[type=text].focus {
  border-radius: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border: 0.5px solid #797979;
}

.top_thuong_hieu {
  background: #FFFFFF;
  border-radius: 5px;
  padding: 10px;
  margin-bottom: 10px;
}
.top_thuong_hieu .right {
  width: calc(100% - 800px);
  padding: 10px 20px 10px 30px;
}
.top_thuong_hieu .right .content {
  padding: 0 20px 0 0;
  height: 325px;
  overflow-y: scroll;
  text-align: justify;
}
.top_thuong_hieu .right .content img {
  margin-bottom: 5px;
}
.top_thuong_hieu .right .content::-webkit-scrollbar {
  width: 1px;
  background-color: #9e9e9e;
  border-radius: 5px;
}
.top_thuong_hieu .right .content::-webkit-scrollbar-thumb {
  background-color: #FFC5C5;
}
.top_thuong_hieu .right .content h1 {
  font-size: 15px;
  font-weight: 600;
  color: #000;
  margin-bottom: 5px;
}
.top_thuong_hieu .right .content p {
  font-size: 15px;
  font-weight: 300;
  color: #000;
}
.top_thuong_hieu .left {
  width: 800px;
  position: relative;
}
.top_thuong_hieu .left #thumbs {
  position: absolute;
  bottom: 10px;
}
.top_thuong_hieu .left #thumbs .owl-item {
  width: 64px !important;
  height: 58px;
  margin: 0 0 0 15px;
}
.top_thuong_hieu .left #thumbs .owl-item .item {
  border: 1px solid #FFFFFF;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  position: relative;
}
.top_thuong_hieu .left #thumbs .owl-item .item::before {
  content: "";
  position: absolute;
  top: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%);
  width: 100%;
  height: 100%;
  border-radius: 5px;
}
.top_thuong_hieu .left #thumbs .owl-item .item img {
  width: 60px !important;
  height: 45px;
}
.top_thuong_hieu .left #thumbs .owl-item .item .play {
  position: absolute;
  top: 14px;
}
.top_thuong_hieu .left #thumbs .owl-item .item .play img {
  width: 20px;
  height: 20px;
}

.tag {
  background: #FFFFFF;
  border-radius: 5px;
  margin-bottom: 10px;
  text-align: center;
  padding: 10px;
  display: inline-block;
}
.tag a.xtc {
  font-size: 16px;
  font-weight: 300;
  color: #000;
  text-decoration: underline;
}
.tag ul {
  padding-bottom: 5px;
  display: inline-block;
}
.tag ul li {
  display: flex;
  padding: 10px 5px 0 5px;
  float: left;
  width: 153px;
  justify-content: center;
  align-items: center;
}
.tag ul li a {
  padding: 10px 0;
  display: flex;
  font-size: 14px;
  color: #FFFFFF;
  font-weight: 300;
  width: 100%;
  overflow: hidden;
  text-align: center;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 45px;
  line-height: 16px;
}
.tag ul li a.black {
  background: linear-gradient(90.33deg, #C7C7C7 3.36%, #9B9B9B 97.72%);
  border-radius: 5px;
}
.tag ul li a.blue {
  background: linear-gradient(90.33deg, #B2CFD8 3.36%, #87ADB7 97.72%);
  border-radius: 5px;
}
.tag ul li a.green {
  background: linear-gradient(90.33deg, #99C596 3.36%, #C1DFC4 97.72%);
  border-radius: 5px;
}
.tag ul li a.red {
  background: linear-gradient(90.33deg, #FEADA6 3.36%, #F5576C 97.72%);
  border-radius: 5px;
}

.load-price .item {
  float: left;
  border: 0.5px solid #545353;
  padding: 5px 10px;
  border-radius: 5px;
  margin: 0 10px 10px 0;
}
.load-price .item span {
  margin-left: 5px;
  cursor: pointer;
}

@media (max-width: 1280px) {
  #header, #footer-new, #header2, .banner, .partner, .videomoinhat {
    width: 1280px !important;
  }
}
.top_thuong_hieu .owl-carousel .owl-item img {
  height: 340px;
}

.top_account ul li:hover {
  background: #F1F1F1;
}

@media (min-width: 1900px) {
  body ._container {
    width: 1440px;
  }

  .partner ul li {
    width: 141px;
  }

  .contentproduct .item {
    width: 269px;
  }
  .contentproduct .item1 {
    width: 290px;
  }

  .styleproduct .banner-left {
    /* width: 491px; */
  }

  .contentproduct.contentproduct_right {
    width: calc(100% - 495px);
  }
  .contentproduct .item .inner img.product {
    height: 212px;
  }

  .timkiemnhieunhat .owl-item:last-child {
    display: none;
  }

  .main_right, .main_right2 {
    width: 1040px;
  }

  .menu ul > li .open {
    width: 1410px;
  }

  .product .right {
    width: 700px;
  }

  .thongtinsanpham .left .content {
    width: 988px;
  }

  .sidebar_right {
    width: 455px;
  }

  .main_left {
    width: 935px;
  }

  .sidebar {
    width: 350px;
  }

  .main_right_thuonghieu .san_pham_da_xem_2 {
    margin: 0 -0.5%;
  }
  .main_right_thuonghieu .san_pham_da_xem_2 .item {
    width: 24%;
    margin: 0 0.5% 15px 0.5%;
  }

  .giohang .contentproduct .item {
    width: 222px !important;
  }
}
.feed .right {
  width: 280px;
  background: #FFFFFF;
  border: 0.5px solid #ececec;
  border-radius: 5px;
  position: sticky;
}
.feed .noibattrongtuan {
  margin-bottom: 20px;
}
.feed .noibattrongtuan h3 {
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.feed .noibattrongtuan ul {
  display: flex;
  margin: 0 -1%;
}
.feed .noibattrongtuan ul li {
  width: 23%;
  margin: 0 1%;
  border: 0.5px solid #ececec;
  border-radius: 5px;
  position: relative;
}
.feed .noibattrongtuan ul li span {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  font-size: 14px;
  text-align: center;
  color: #FFFFFF;
  padding: 5px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.8) 100%);
}
.feed .guibinhluan {
  background: #FFFFFF;
  border: 0.5px solid #ececec;
  border-radius: 5px;
  padding: 20px;
  margin-bottom: 20px;
}
.feed .guibinhluan .formguibinhluan {
  display: flex;
  align-items: center;
}
.feed .guibinhluan .formguibinhluan .name img {
  width: 54px;
  height: 54px;
  border-radius: 50%;
}
.feed .guibinhluan .formguibinhluan .options {
  width: calc(100% - 69px);
  margin-left: 15px;
}
.feed .guibinhluan .formguibinhluan .options input[type=text] {
  width: 100%;
  background: #F0F2F5;
  border-radius: 40px;
  height: 45px;
  width: 100%;
  font-weight: 300;
  font-size: 15px;
  color: #929292;
  border: none;
  padding: 0 10px;
}
.feed .bg {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  align-self: flex-start;
}
.feed .key-word {
  padding: 15px;
}
.feed .key-word h3 {
  font-size: 16px;
  font-weight: 400;
  color: #000000;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.feed .key-word ul li {
  float: left;
  margin: 0 10px 10px 0;
}
.feed .key-word ul li a {
  background: #F5F5F5;
  border-radius: 5px;
  padding: 5px 5px;
  display: block;
  color: #000;
  font-size: 14px;
}
.feed .baiviet {
  margin-bottom: 20px;
}
.feed .binhluan .list .reply {
  padding-left: 60px;
}
.feed .binhluan .list .personal, .feed .binhluan .list .reply {
  display: flex;
  width: 100%;
  margin-bottom: 10px;
}
.feed .binhluan .list .personal .img, .feed .binhluan .list .reply .img {
  width: 45px;
  height: 45px;
}
.feed .binhluan .list .personal .text, .feed .binhluan .list .reply .text {
  width: calc(100% - 60px);
  margin-left: 15px;
}
.feed .binhluan .list .personal .text .bg, .feed .binhluan .list .reply .text .bg {
  background: #F0F2F5;
  border-radius: 10px;
  padding: 10px 20px;
}
.feed .binhluan .list .personal .text .bg .name, .feed .binhluan .list .reply .text .bg .name {
  font-size: 16px;
  font-weight: 600;
  color: #000;
}
.feed .binhluan .list .personal .text .bg .bl, .feed .binhluan .list .reply .text .bg .bl {
  font-size: 16px;
  font-weight: 300;
  color: #000;
}
.feed .binhluan .list .personal .text .options, .feed .binhluan .list .reply .text .options {
  margin-top: 5px;
}
.feed .binhluan .list .personal .text .options a, .feed .binhluan .list .reply .text .options a {
  margin-left: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #3a3a3a;
}
.feed .binhluan .form {
  display: flex;
  padding: 15px 0;
}
.feed .binhluan .form .name {
  width: 45px;
  height: 45px;
  background: #DBDBDB;
  border-radius: 50%;
  text-align: center;
  line-height: 45px;
  font-size: 16px;
  font-weight: 400;
  color: #636363;
}
.feed .binhluan .form .options {
  width: calc(100% - 60px);
  margin-left: 15px;
  position: relative;
}
.feed .binhluan .form .options .file {
  position: absolute;
  top: 0;
  right: 0;
  width: 100px;
  height: 45px;
}
.feed .binhluan .form .options .file #avatar {
  opacity: 0;
}
.feed .binhluan .form .options .file img {
  position: absolute;
  top: 12px;
  right: 25px;
}
.feed .binhluan .form .options input[type=text] {
  width: 100%;
  background: #F0F2F5;
  border-radius: 40px;
  height: 45px;
  width: 100%;
  font-weight: 300;
  font-size: 15px;
  color: #929292;
  border: none;
  padding: 0 10px;
}
.feed .center {
  width: calc(100% - 560px);
  padding: 0 20px;
}
.feed .center .baiviet {
  background: #FFFFFF;
  border: 0.5px solid #ececec;
  border-radius: 5px;
  padding: 15px;
}
.feed .center .baiviet .picture {
  padding: 10px 0;
  clear: both;
}
.feed .center .baiviet .picture .col2 {
  width: 49%;
}
.feed .center .baiviet .picture .col2.last {
  position: relative;
}
.feed .center .baiviet .picture .col2.last::before {
  content: "";
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 6;
}
.feed .center .baiviet .picture .col2.last .more {
  font-size: 50px;
  font-weight: 300;
  position: absolute;
  left: 0;
  right: 0;
  top: 40%;
  color: #fff;
  z-index: 88;
  text-align: center;
}
.feed .center .baiviet .picture .row {
  margin-bottom: 2%;
}
.feed .center .baiviet .picture .row:last-child {
  margin-bottom: 0;
}
.feed .center .baiviet .count {
  border-top: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
  padding: 10px 0;
}
.feed .center .baiviet .count .like {
  margin-right: 20px;
}
.feed .center .baiviet .count span {
  margin-left: 10px;
  font-size: 15px;
  font-weight: 300;
  color: #414141;
}
.feed .center .baiviet .content p {
  font-weight: 300;
  font-size: 16px;
  color: #000000;
  line-height: 25px;
  padding: 10px 0;
}
.feed .center .baiviet .content ul li {
  float: left;
  margin-right: 10px;
}
.feed .center .baiviet .content ul li a {
  font-weight: bold;
  font-size: 16px;
  color: #000000;
}
.feed .center .baiviet .top .title {
  width: calc(100% - 111px);
  padding: 0 50px 0 20px;
  font-size: 16px;
  font-weight: 300;
  color: #000;
}
.feed .center .baiviet .top .title .name {
  font-weight: 600;
}
.feed .center .baiviet .top .title span.date {
  font-weight: 300;
  font-size: 14px;
  color: #878787;
  margin-left: 20px;
}
.feed .center .baiviet .top .avatar img {
  width: 54px;
  height: 54px;
  border-radius: 50%;
}
.feed .center .baiviet .top .nameproduct {
  background: #FFFFFF;
  border: 0.5px solid #ececec;
  border-radius: 5px;
  padding: 5px;
  height: 57px;
}
.feed .center .baiviet .top .nameproduct img {
  width: 45px;
  height: 45px;
}
.feed .left {
  width: 280px;
  background: #FFFFFF;
  border: 0.5px solid #ececec;
  border-radius: 5px;
}
.feed .left .bg {
  position: -webkit-sticky;
  top: 0;
  position: sticky;
  align-self: flex-start;
}
.feed .left ul {
  padding: 30px;
}
.feed .left ul:first-child {
  border-bottom: 1px solid #E3E3E3;
}
.feed .left ul li {
  padding: 10px 0;
}
.feed .left ul li a {
  font-family: Nunito;
  font-size: 16px;
  font-weight: 400;
  color: #000;
  display: flex;
  align-items: center;
}
.feed .left ul li a .img {
  width: 22px;
  margin-right: 20px;
}
.feed .left ul li a .text {
  width: 22px;
  height: 22px;
  margin-right: 22px;
  border-radius: 50%;
  background: #C4C4C4;
  font-size: 14px;
  font-weight: 400;
  color: #5B5B5B;
  text-align: center;
}

.profile {
  background: linear-gradient(180deg, #FFF1F1 0%, #FFFFFF 100%);
  border-radius: 5px;
  margin-bottom: 15px;
}
.profile .top .img {
  margin-right: 20px;
}
.profile .top .img img {
  width: 175px;
  height: 175px;
  border-radius: 50%;
  border: 5px solid #FFFFFF;
  filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.1));
}
.profile .top .text span.name {
  font-weight: 600;
  font-size: 16px;
  color: #000;
  display: block;
}
.profile .top .text span.address {
  font-weight: 300;
  font-size: 16px;
  color: #4A4A4A;
  display: block;
}
.profile .top .text span.member {
  font-weight: 300;
  font-size: 16px;
  color: #000;
  display: block;
}
.profile .bottom {
  border-top: 0.5px solid #D6D6D6;
  padding: 20px 0;
}
.profile .bottom span {
  font-size: 16px;
  font-weight: 600;
  color: #000;
  padding: 0 60px;
}
.profile .bottom span.daphop {
  border-left: 0.5px solid #D1D1D1;
  border-right: 0.5px solid #D1D1D1;
}

.giohang .styleproduct {
  margin-top: 0;
}
.giohang .styleproduct h2 {
  padding-left: 0;
}
.giohang .styleproduct h2::before {
  display: none;
}
.giohang .contentproduct {
  margin-bottom: 10px;
}
.giohang .contentproduct .item {
  width: 187px;
}
.giohang .contentproduct .item a.changecoin {
  background: #FFFFFF;
  border: 0.5px solid #D8D8D8;
  border-radius: 30px;
  margin: 0 10px 10px 10px;
  line-height: 30px;
  font-size: 14px;
  font-weight: 300;
  color: #878787;
}
.giohang .main_left .head {
  margin-bottom: 10px;
}
.giohang .main_left .head h3 {
  font-size: 20px;
  font-weight: 400;
  color: #000;
  text-transform: uppercase;
}
.giohang .main_left .head span {
  font-size: 16px;
  font-weight: 300;
  margin-left: 30px;
  color: #575757;
}
.giohang .main_left .content {
  background: #FFFFFF;
  border-radius: 5px;
  padding: 15px;
  margin-bottom: 20px;
}
.giohang .main_left .content .item {
  padding: 12px 0;
  border-bottom: 1px solid #E9E9E9;
}
.giohang .main_left .content .item:last-child {
  border-bottom: none;
}
.giohang .main_left .content .item .left .img {
  width: 80px;
  height: 80px;
  margin-right: 20px;
}
.giohang .main_left .content .item .left .text {
  width: calc(100% - 100px);
}
.giohang .main_left .content .item .left .text span.title {
  font-size: 16px;
  font-weight: 300;
  color: #000;
  margin-bottom: 5px;
  display: block;
}
.giohang .main_left .content .item .left .text span.number {
  margin-right: 20px;
}
.giohang .main_left .content .item .left .text span.number input {
  background: #FFFFFF;
  border: 0.5px solid #969696;
  border-radius: 30px;
  height: 30px;
  width: 63px;
  font-size: 16px;
  font-weight: 400;
  color: #303030;
  text-align-last: center;
  text-align: center;
}
.giohang .main_left .content .item .left .text span.price-new {
  font-size: 16px;
  font-weight: 300;
  margin-right: 20px;
  color: #FF326C;
}
.giohang .main_left .content .item .left .text span.price-old {
  font-size: 14px;
  font-weight: 300;
  text-decoration: line-through;
  color: #C3C3C3;
}
.giohang .main_left .content .left {
  width: 500px;
}
.giohang .main_left .content .right {
  width: calc(100% - 500px);
  text-align: right;
}
.giohang .main_left .content .right a.buy, .giohang .main_left .content .right a.delete {
  background: #F1F1F1;
  border-radius: 5px;
  padding: 10px;
  font-size: 14px;
  font-weight: 300;
  color: #000000;
  margin: 0 5px;
}
.giohang .main_left .content .right a.buy img, .giohang .main_left .content .right a.delete img {
  margin-right: 10px;
}
.giohang .sidebar_right {
  margin-top: 40px;
}
.giohang .sidebar_right .button #cash {
  margin-bottom: 20px;
}

.makhuyenmai h3 {
  font-size: 18px;
  font-weight: 400;
  color: #000000;
  padding-left: 10px;
}
.makhuyenmai .chuy {
  position: relative;
}
.makhuyenmai .chuy:hover .note {
  display: block;
}
.makhuyenmai .chuy .note {
  position: absolute;
  background: url("../img/Union.png") no-repeat;
  width: 419px;
  height: 213px;
  z-index: 10;
  left: -225px;
  top: 5px;
  padding: 50px;
  display: none;
}
.makhuyenmai .chuy .note .top span:nth-child(1) {
  font-size: 14px;
  font-weight: 300;
  color: #525252;
  margin-right: 20px;
}
.makhuyenmai .chuy .note .top span:nth-child(2) {
  font-size: 14px;
  font-weight: 300;
  color: #000;
}
.makhuyenmai .chuy .note .bottom {
  border-top: 0.5px solid #CACACA;
  padding-top: 10px;
  margin-top: 10px;
}
.makhuyenmai .chuy .note .bottom span {
  font-size: 14px;
  font-weight: 300;
  color: #525252;
  display: block;
  margin-bottom: 5px;
}
.makhuyenmai .chuy .note .bottom p {
  font-size: 14px;
  font-weight: 300;
  color: #000;
}
.makhuyenmai .item2 {
  position: relative;
}
.makhuyenmai .item2 .bg {
  background: url("../img/subtract.png") no-repeat center center;
  width: 100%;
  background-size: contain;
  height: 45px;
}
.makhuyenmai .item2 .content {
  position: absolute;
  top: 10px;
  left: 30px;
  right: 30px;
}
.makhuyenmai .item2 .content img {
  margin-right: 10px;
}
.makhuyenmai .item2 .content span {
  font-size: 16px;
  font-weight: 300;
  color: #2457B6;
  cursor: pointer;
}
.makhuyenmai .item {
  position: relative;
}
.makhuyenmai .item .bg {
  background: url("../img/bggiohang.png") no-repeat;
  width: 100%;
  background-size: contain;
  height: 70px;
}
.makhuyenmai .item .content {
  position: absolute;
  left: 30px;
  right: 20px;
  top: 20px;
}
.makhuyenmai .item .left {
  width: 250px;
  border-right: 1px dashed #2457B6;
  padding-right: 15px;
}
.makhuyenmai .item .left span {
  font-size: 16px;
  font-weight: 600;
  color: #000000;
}
.makhuyenmai .item .right button {
  font-size: 16px;
  font-weight: 600;
  background: transparent;
  border: none;
  color: #2457B6;
}

.bgkm {
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 10;
  display: none;
}

.popupkm {
  position: fixed;
  background: #FFFFFF;
  border-radius: 5px;
  width: 660px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 30px;
  z-index: 10;
  display: none;
}
.popupkm button.end {
  background: #4B4B4B;
  border-radius: 5px;
  width: 100%;
  height: 47px;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  border: none;
}
.popupkm .head {
  margin-bottom: 10px;
}
.popupkm h3 {
  font-size: 16px;
  font-weight: 600;
  color: #000000;
  text-transform: uppercase;
  margin: 0 5px;
}
.popupkm .form {
  background: #F5F5F5;
  border-radius: 5px;
  padding: 30px;
  margin: 0 5px 15px 5px;
  position: relative;
}
.popupkm .form img{
  position: absolute;
  top: 42px;
  left: 40px;
}
.popupkm .form input {
  background: #FFFFFF;
  border: 0.5px solid #8B8B8B;
  border-radius: 5px;
  width: 395px;
  height: 42px;
  padding: 0 10px 0 40px;
  font-size: 16px;
  font-weight: 300;
  color: #a3a3a3;
}
.popupkm .form button {
  background: #2C2C2C;
  border-radius: 5px;
  width: 125px;
  height: 42px;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  border: none;
}
.popupkm .list .item {
  background: url("../img/Subtract2.png") no-repeat;
  padding: 10px 40px;
  height: 114px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}
.popupkm .list .item .left {
  width: 380px;
  position: relative;
  border-right: 1px dashed #D2D2D2;
  padding-right: 20px;
}
.popupkm .list .item .left span.top {
  position: relative;
}
.popupkm .list .item .left span.top span:nth-child(1) {
  font-size: 20px;
  font-weight: 700;
  color: #000000;
  display: block;
  margin-bottom: 10px;
}
.popupkm .list .item .left span.top span:nth-child(2) {
  font-size: 16px;
  font-weight: 300;
  color: #878787;
}
.popupkm .list .item .left .img1 {
  position: absolute;
  top: -20px;
  right: 0;
}
.popupkm .list .item .left .chuy {
  position: relative;
}
.popupkm .list .item .left .chuy.active .note {
  display: block;
}
.popupkm .list .item .left .chuy .note {
  position: absolute;
  background: #FFFFFF;
  box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  z-index: 10;
  left: -225px;
  justify-content: center;
  align-items: center;
  display: none;
  width: 370px;
  height: 175px;
  margin-top: 10px;
}
.popupkm .list .item .left .chuy .note .top{
  background: #F5F5F5;
  margin-top: 10px;
  padding: 5px 20px;
}
.popupkm .list .item .left .chuy .note .top span:first-child{
  font-size: 14px;
  font-weight: 300;
  color: #636363;
}
.popupkm .list .item .left .chuy .note .top span:nth-child(2){
  font-size: 14px;
  font-weight: 300;
  color: #000000;
  margin-left: 20px;
}
.popupkm .list .item .left .chuy .note .middle{
  padding: 10px 20px;
}
.popupkm .list .item .left .chuy .note .middle span:first-child,.popupkm .list .item .left .chuy .note .bottom span:first-child{
  font-size: 14px;
  font-weight: 300;
  color: #636363;
  text-decoration: underline;
}
.popupkm .list .item .left .chuy .note .middle span:last-child{
  font-size: 15px;
  font-weight: 300;
  color: #5A5A5A;
  margin-left: 20px;
}

.popupkm .list .item .left .chuy .note .top img{
  margin-left: 20px;
}
.popupkm .list .item .left .chuy .note::before{
  content: "";
  width: 0; 
  height: 0; 
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
  top: -10px;
  left: 227px;
  position: absolute;
}
.popupkm .list .item .left .chuy .note .top span:nth-child(1) {
  font-size: 14px;
  font-weight: 300;
  color: #525252;
  margin-right: 20px;
}
.popupkm .list .item .left .chuy .note .top span:nth-child(2) {
  font-size: 14px;
  font-weight: 300;
  color: #000;
}
.popupkm .list .item .left .chuy .note .bottom {
  padding: 0 20px 10px 20px;
}
.popupkm .list .item .left .chuy .note .bottom p {
  font-size: 14px;
  font-weight: 300;
  color: #000;
}
.popupkm .list .item .right{
  margin-left: 30px;
  width: 100px;
}
.popupkm .list .item .right img{
  margin: 0 auto;
  width: 100%;
}
.popupkm .list .item .right button{
  background: #2457B6;
  border-radius: 5px;
  width: 100px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  border: none; 
}

.popup-pro{
  background: url("../img/Desktop1.jpg") no-repeat;
  width: 650px;
  height: 400px;
  position: fixed;
  top: 20%;
  right: -100%;
  z-index: 90;
  transition: right 1s ease;
}
.popup-pro.active
{
  right: 0;
}
.popup-pro .close{
  float: right;
  margin: 5px 10px;
}
.popup-pro input{
  border-radius: 5px;
  background: #fff;
  height: 40px;
  margin-top: 210px;
  margin-left: 20px;
  width: 270px;
  border: none;
  color: #000;
  padding: 0 10px;
}
.popup-pro input:focus{
  border: 1px solid #000;
}
.popup-pro button{
  display: block;
  width: 270px;
  height: 40px;
  background: #000;
  color: #fff;
  margin-left: 20px;
  margin-top: 10px;
  border: none;
  border-radius: 5px;
}
.popupgiohang
{
  position: fixed;
  right: 0;
  top: 0;
  width: 400px;
  background-color: #fff;
  z-index: 12;
  height: 100%;
  display: none;
}
.popupgiohang .head{
  height: 75px;
  background: #F5F5F5;
  padding: 0 20px;
}
.popupgiohang .head h4{
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  text-transform: uppercase;
}
.popupgiohang .head span{
  cursor: pointer;
}
.popupgiohang .end{
  height: 100px;
}
.popupgiohang .center{
  min-height: calc(100% - 220px);
  overflow-y: scroll;
}
.popupgiohang .item {
  margin: 20px;
  border-bottom: 1px solid #DADADA;
  padding-bottom: 20px;
}
.popupgiohang .item:last-child{
  border-bottom: none;
}
.popupgiohang .item .product2{
  width: 70px;
  height: 70px;
}
.popupgiohang .item .text{
  width: calc(100% - 80px);
  margin-left: 10px;
}
.popupgiohang .item .text .title{
  font-size: 14px;
  font-weight: 300;
  color: #212121;
  height: 43px;
  overflow: hidden;
}
.popupgiohang .item .text  .price .new{
  font-size: 14px;
  font-weight: 400;
  color: #FE2B6D;
  margin-right: 20px;
}
.popupgiohang .item .text  .price .old{
  font-size: 14px;
  font-weight: 300;
  text-decoration: line-through;
  color: #606060;
}
.popupgiohang .item .text  .price{
  margin-bottom: 5px;
}
.popupgiohang .item .text  .number{
  border-radius: 10px;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  color: #000;
  text-align-last: center;
  text-align: center;
  border: 1px solid #A2A2A2;
  width: 66px;
  height: 32px;
  outline: none;
}
.popupgiohang .end{
  margin: 20px;
}
.popupgiohang .end .thanhtoan{
  background: #FE2B6D;
  border-radius: 5px;
  width: 100%;
  height: 40px;
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  color: #FFFFFF;
  margin-top: 25px;
}
.popupgiohang .end .tongtien span{
  font-weight: normal;
  font-size: 20px;
  color: #000;
}
.popupgiohang .end .tongtien span .tt{
  color: #FE2B6D;
}
.popup-giohang-dn{
  width: 820px;
  z-index: 12;  
  background: #fff;
  border-radius: 5px;
  height: 415px;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: none;
}
.popup-giohang-dn .left{
  background: url("../img/bgpopupgh.png") no-repeat;
  height: 415px;
  width: 410px;
}
.popup-giohang-dn .left .ct{
  padding: 50px;
}
.popup-giohang-dn .left .ct h2{
  font-size: 20px;
  font-weight: 400;
  color: #000;
  text-transform: uppercase;
  margin-bottom: 5px;
}
.popup-giohang-dn .left .ct p{
  font-size: 15px;
  font-weight: 300;
  color: #000;
  margin-bottom: 10px;
} 
.popup-giohang-dn .left .ct .btn-facebook{
  background: #437BCE;
  border-radius: 5px;
  width: 100%;
  height: 45px;
  margin-bottom: 10px;
  border: 1px solid #437BCE;
  color: #fff;
}
.popup-giohang-dn .left .ct .btn-facebook img, .popup-giohang-dn .left .ct .btn-google img{
  margin-right: 10px;
}
.popup-giohang-dn .left .ct .btn-google{
  border-radius: 5px;
  width: 100%;
  height: 45px;
  margin-bottom: 10px;
  background: #FFFFFF;
  border: 1px solid #BBBBBB;
}
.popup-giohang-dn span.close{
  position: absolute;
  top: 15px;
  right: 15px;
}
.popup-giohang-dn .right{
  width: 410px;
}
.popup-giohang-dn .right .input{
  position: relative;
  border: 1px solid #C5C5C5;
  border-radius: 5px;
  width: 336px;
  height: 46px;
  margin-bottom: 15px;
}
.popup-giohang-dn .right .input span{
  background: #F2F0F0;
  border-radius: 5px 0px 0px 5px;
  position: absolute;
  top: 0;
  left: 0;
  padding: 10px;
}
.popup-giohang-dn .right .input input{
  margin-left: 80px;
  width: calc( 336px - 90px);
  border: none;
  height: 44px;
  color: #9F9F9F;
  font-weight: 400;
  font-size: 15px;
}
.popup-giohang-dn .right button{
  width: 336px;
  height: 45px;   
  background: #FF326C;
  border-radius: 5px;
  font-size: 15px;
  font-weight: 600;
  color: #fff;
  border: none;
  outline: none;
  cursor: pointer;
}
.popup-ma-otp{
  width: 620px;
  z-index: 12;  
  background: #fff;
  border-radius: 5px;
  height: 400px;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: none;
}
.popup-ma-otp .close{
  position: absolute;
  top: 15px;
  right: 15px;
}
.popup-ma-otp .change-phone
{
  position: absolute;
  background: #F5F5F5;
  border-radius: 0px 0px 5px 5px;
  bottom: 0;
  height: 55px;
  width: 100%;
  font-size: 16px;
  font-weight: 300;
  color: #000;
}
.popup-ma-otp .ct
{
  margin-top: -30px;
}
.popup-ma-otp .ct h3{
  font-size: 25px;
  font-weight: 600;
  color: #000;
  margin-bottom: 20px;
}
.popup-ma-otp .ct form input{
  background: #ECECEC;
  border-radius: 5px;
  width: 75px;
  height: 65px;
  border: none;
  margin-bottom: 20px;
  margin-right: 20px;
  text-align: center;
  font-size: 30px;
  color: #000;
}
.popup-ma-otp .ct  p{
  font-size: 16px;
  color: #000;
}
.popup-ma-otp .ct  .send-otp 
{
  margin-top: 10px;
}
.popup-ma-otp .ct  .send-otp span{
  color: #FF326C;
}
.popup-ma-otp .ct  .send-otp a{
  display: none;
  width: 105px;
  height: 30px;
  background: #FF326C;
  border-radius: 5px;
  margin: 0 auto;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
}
.news-top {
  background: #FFFFFF;
  margin-bottom: 25px;
  position: relative;
}

.news-top .owl-item {
  padding-right: 30px;
  position: relative;
}
.news-top .item, .news-top .item .img {
  position: relative;
  display: block;
}
.news-top .item .img::before {
  content: "";
  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 150%);
  border-radius: 10px;
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
}
.news-top .item .img img {
  border-radius: 10px;
}
.news-top .item .caption {
  position: absolute;
  bottom: 0;
  z-index: 14;
  width: 100%;
  padding: 15px;
}
.news-top .item .caption h2{
  font-size: 29px;
  font-weight: 400;
  color: #fff;
  line-height: 30px;
  margin-bottom: 10px;
  height: 60px;
  overflow: hidden;
  width: 80%;
}
.news-top .item .caption ul li img{
  width: 13px;
  height: 13px;
  margin-right: 5px;
}
.news-top .item .caption ul li{
  font-size: 15px;
  font-weight: 400;
  margin-right: 10px;
  color: #fff;
}
._breadcrumb_news ul li{
  margin-right: 15px;
}
._breadcrumb_news ul li a {
  color: #151515;
  font-weight: 300;
  font-size: 16px;
}
._breadcrumb_news ul li img{
  margin-right: 5px;
}
.backgroundwhite{
  background-color: #fff;
}
.news_style, .news_video_style{
  margin: 0 -15px;
}
.news_style h2.style1 {
  font-size: 20px;
  font-weight: 600;
  color: #212121;
  line-height: 25px;
  margin-bottom: 10px;
  height: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.news_style .col-md-3 h2.style1{
  font-size: 15px;
}
.news_style img.main{
  border-radius: 10px;
  margin-bottom: 10px;
}
.news_style ul li{
  font-size: 14px;
  font-weight: 300;
  color: #636363;
  margin-right: 10px;
}
.news_style ul li img{
  margin-right: 5px;
}
.news_style a{
  margin-bottom: 30px;
  display: block; 
}
.news_style .inner{
  position: relative;
}
.news_style img.play{
  position: absolute;
  bottom: 20px;
  left: 10px;
}
.news_style .col-md-3 img.play{
  width: 42px;
  height: 42px;
}
.news_style h2{
  font-size: 16px;
  font-weight: 300;
  color: #212121;
  height: 50px;
  overflow: hidden;
}
.video-news .head{
  position: relative;
  margin-bottom: 25px;
}
.video-news .head h2{
  font-size: 30px;
  font-weight: 700;
  color: #000;
}
.video-news .head .xtc{
  position: absolute;
  right: 15px;
  top: 12px;
  font-size: 14px;
  font-weight: 300;
  color: #636363;
}
.video-news .head .xtc span{
  margin-right: 5px;
}
.news_video_style .item, .news_video_style .item .img {
  position: relative;
  display: block;
}
.news_video_style .item .img::before {
  content: "";
  background: rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
}
.news_video_style .item .img img {
  border-radius: 10px;
  width: 100%;
}
.news_video_style .item .caption {
  position: absolute;
  bottom: 0;
  z-index: 14;
  width: 100%;
  padding: 15px;
}
.news_video_style .item .caption h2{
  font-size: 29px;
  font-weight: 400;
  color: #fff;
  line-height: 30px;
  margin-bottom: 10px;
  height: 60px;
  overflow: hidden;
}
.news_video_style .item .caption ul li img{
  width: 13px;
  height: 13px;
  margin-right: 5px;
}
.news_video_style .item .caption ul li{
  font-size: 15px;
  font-weight: 400;
  margin-right: 10px;
  color: #fff;
}
.news_video_style .left .item .caption .play img{
  width: 66px;
  height: 66px;
}
.news_video_style .left .item .caption .text{
  width: calc(100% - 76px);
  margin-left: 10px;
}
.news_video_style .right .item .caption .play img{
  width: 43px;
  height: 43px;
}
.news_video_style .right .item .caption .text{
  width: calc(100% - 53px);
  margin-left: 10px;
}
.news_video_style .right .item .caption .text h2{
  font-size: 16px;
  line-height: 20px;
  height: auto;
}
.news_video_style .right .item:first-child{
  margin-bottom: 18px;
}
.news-detail .centernews{
  width: 50%;
  padding: 0 30px;
}
.news-detail .rightnews{
  width: 25%;
}
.news-detail .contentproduct .item{
  border: 1px solid #DADADA;
}
.news-style-right{
  margin-top: 30px;
}
.news-style-right h4{
  font-size: 20px;
  font-weight: 700;
  color: #000;
  margin-bottom: 10px;
}
.news-style-right li:first-child img {
  margin-bottom: 10px;
}
.news-style-right li:first-child a{
  font-size: 16px;
  font-weight: 700;
  color: #000;
}
.news-style-right li {
  border-bottom: 1px solid #D3D3D3;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.news-style-right li a{
  font-size: 15px;
  font-weight: 400;
  color: #444444;
}
.news-style-right li:first-child .img{
  position: relative;
}
.news-style-right li:first-child .img .play{
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
}
.news-detail .leftnews{
  width: 25%;
}
.news-detail .leftnews .bg {
  position: -webkit-sticky;
  top: 0;
  position: sticky;
  align-self: flex-start;
}
.news-style-left {
  background: #F5F5F5;
  margin-bottom: 15px;
  padding: 20px;
}
.news-style-left  h2, .news-style-left  ul li a{
  font-size: 15px;
  font-weight: 400;
  color: #212121;
  padding: 5px 0;
  display: block;
}
.news-style-left  .icon{
  background: url("../img/arrow_news2.svg") no-repeat;
  width: 15px;
  height: 8px;
}
.news-style-left ul{
  display: none;
}
.news-style-left.active ul{
  display: block;
}
.news-style-left.active .icon{
  background: url("../img/arrow_news1.svg") no-repeat;
  width: 9px;
  height: 14px;
}
.news-style-left .head{
  cursor: pointer;
}
.news-detail .centernews .style1 h1{
  font-size: 40px;
  font-weight: 700;
  line-height: 40px;
  color: #000;  
  margin-bottom: 15px;
}
.news-detail .centernews .style1 ul li{
  font-size: 14px;
  font-weight: 300;
  color: #636363;
  margin-right: 10px;
}
.news-detail .centernews .style1 ul li img{
  margin-right: 5px;
}
.news-detail .centernews .style2{
  background: #FFEFEF;
  padding: 30px;
  margin: 30px 0;
}
.news-detail .centernews .style2 h3{
  font-size: 16px;
  font-weight: 700;
  color: #000;
  margin-bottom: 10px;
}
.news-detail .centernews .style2 ul li{
  padding: 10px 0;
  border-top: 1px solid #D9D9D9;
}
.news-detail .centernews .style2 ul li a{
  font-size: 16px;
  font-weight: 300;
  color: #000;
}
.news-detail .centernews .style3 .top span.number{
  font-size: 55px;
  font-weight: 600;
  color: #FF326C;
  float: left;
  width: 42px;
  margin-right: 10px;
}
.news-detail .centernews .style3 .top h2{
  font-size: 16px;
  font-weight: 700;
}
.news-detail .centernews .style3 .ct{
  clear: both;
}
.news-detail .centernews .style3 .ct p{
  font-size: 16px;
  font-weight: 300;
  color: #000000;
  text-align: justify;
  margin-bottom: 10px;
}
.news-detail .centernews .style3 .ct img{
  margin-bottom: 10px;
}
.news-detail .product-news .contentproduct  .item{
  width: calc(33% - 15px);
}
.news-detail .product-news h3 {
  font-size: 20px;
  font-weight: 700;
  color: #000;
  margin-bottom: 10px;
}
.news-detail .danhgianhanxet{
  padding: 0;
}
.news-detail .box-comments span{
  text-transform: uppercase;
}
.news-detail .comments-review{
  border: none;
  height: auto;
  margin-bottom: 20px;
}
.news-detail .comments-review .right {
  width: calc(100% - 66px);
  margin-left: 20px;
}
.news-detail .comments-review .right .comments{
  border: 1px solid #A7A7A7;
  height: 60px;
  margin-bottom: 20px;
}
.news-detail .comments-review .right p{
  font-size: 15px;
  font-weight: 300;
  color: #212121;
}
.news-detail .comments-review .right p a{
  font-weight: 400;
  color: #212121;
}
.news-detail .comments-review .right .submit{
  background: #FF326C;
  border-radius: 5px;
  width: 63px;
  height: 35px;
  border: none;
  color: #fff;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  cursor: pointer;
}
.news-detail .tag-news{
  background: #F5F5F5;
  padding: 15px;
  display: inline-block;
  width: 100%;
}
.news-detail .tag-news span{
  float: left;
  margin-right: 10px;
}
.news-detail .tag-news ul li{
  float: left;
}
.news-detail .tag-news ul li a{
  display: inline-block;
  background: #FFFFFF;
  border-radius: 5px;
  padding: 3px 10px;
  font-size: 16px;
  font-weight: 300;
  margin-right: 10px;
  color: #000;
}
.danh-gia-dich-vu{
  width: 870px;
  background: #FFFFFF;
  border: 1px solid #E7E7E7;
  border-radius: 5px;
  margin: 20px auto;
  padding: 50px;
  text-align: center;
}
.danh-gia-dich-vu .ct{
  width: 520px ;
}
.danh-gia-dich-vu h1{
  font-size: 25px;
  font-weight: 600;
  color: #000;
  text-transform: uppercase;
  margin-bottom: 5px;
}
.danh-gia-dich-vu p{
  font-size: 15px;
  font-weight: 300;
}
.danh-gia-dich-vu form{
  margin-top: 30px;
}
.danh-gia-dich-vu form .row:first-child {
  margin-bottom: 30px;
}
.danh-gia-dich-vu form .row:first-child span{
  
  font-size: 15px;
  font-weight: 700;
}
.danh-gia-dich-vu form .row:first-child span:hover{
  color: #00904A;
}
.danh-gia-dich-vu form .row:first-child span img{
  display: block;
  margin: 0 auto 10px auto;
}
.danh-gia-dich-vu form .row:nth-child(n+1) label{
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  width: 50%;
  font-size: 15px;
  font-weight: 300;
  color: #000;
}
.danh-gia-dich-vu form .row:nth-child(n+1) label input{
  width: 25px;
  height: 25px;
  margin-right: 10px;
}
.danh-gia-dich-vu form .input
{
  width: 100%;
  border: none;
  border-bottom: 1px solid #000000;
  height: 40px;
  font-size: 15px;
  font-weight: 300;
  color: #868686;
  margin-bottom: 20px;

}
.danh-gia-dich-vu form .input::placeholder{
  font-size: 15px;
  font-weight: 300;
  color: #868686;
}
.danh-gia-dich-vu form .submit{
  background: #FF326C;
  border-radius: 5px;
  font-size: 15px;
  font-weight: 700;
  color: #fff;
  display: flex;
  justify-content: center;
  width: 100%;  
  padding: 15px;
  border: none;
}
.comments-area2{
  margin-bottom: 30px;
}
.comments-area2 .comment-item{
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #ECECEC;
  padding: 30px 0;
}
.comments-area2 .comment-item .l, .comments-area2 .comment-item .r{
  width: 20%;
}
.comments-area2 .comment-item .c{
  width: 60%;
}
.comments-area2 .comment-item .l .rate img{
  width: 22px;
  height: 22px;
}
.comments-area2 .comment-item .l .time{
  font-size: 14px;
  font-weight: 400;
  color: #636363;
  display: block;
  margin-top: 5px;
}
.comments-area2 .comment-item  .c{
  padding-right: 30px;
  border-right: 1px solid #ECECEC;
}
.comments-area2 .comment-item  .c h4{
  font-size: 16px;
  font-weight: 700;
  color: #000000;
  margin-bottom: 5px;
}
.comments-area2 .comment-item .c p {
  font-size: 15px;
  font-weight: 400;
  color: #212121;
  margin-bottom: 5px;
}
.comments-area2 .comment-item .r{
  padding-left: 30px;
}
.comments-area2 .comment-item .c .huuich{
  border: 1px solid #3463B4;
  border-radius: 5px;
  padding: 5px;
}
.comments-area2 .comment-item .c .huuich img{
  margin: 0 5px;
}
.comments-area2 .comment-item .c .huuich span{
  font-size: 14px;
  font-weight: 600;
  color: #3463B4;
}
.comments-area2 .comment-item .c .guitraloi{
  color: #3463B4;
  font-size: 14px;
  font-weight: 600;  
  margin-left: 10px;
}
.comments-area2 .comment-item .r .img img{
  width: 36px;
  height: 36px;
  margin-right: 16px;
}
.comments-area2 .comment-item .r .text{
  width: calc(100% - 52px);
}
.comments-area2 .comment-item .r .text .name{
  font-size: 16px;
  font-weight: 700;
  color: #000;
  margin-bottom: 5px;
}
.comments-area2 .comment-item .r .text .time{
  font-size: 14px;
  font-weight: 300;
  color: #636363;
  display: block;
}
.comments-area2 .comment-item .c .replay{
  margin-top: 30px;
  display: none;
}
.comments-area2 .comment-item .c.active .replay{
  display: flex;
}
.comments-area2 .comment-item .c .replay .img img{
  width: 54px;
  height: 54px;
  margin-right: 16px;
}
.comments-area2 .comment-item .c .replay .box {
  width: calc(100% - 70px);
  position: relative;
}
.comments-area2 .comment-item .c .replay .box input{
  background: #FFFFFF;
  border: 1px solid #9C9C9C;
  border-radius: 10px;
  width: 100%;
  height: 54px;
  padding: 0 10px;
}
.comments-area2 .comment-item .c .replay .box button{
  border: none;
  position: absolute;
  right: 10px;
  top: 15px;
  background-color: transparent;
  outline: none;
}
.comments-area2 .comment-item .c  .popup-gallery img{
  width: 155px;
  height: 130px;
  border-radius: 5px;
}
.hinh-bai-danh-gia {
  margin-bottom: 30px;
}
.hinh-bai-danh-gia .owl-nav .owl-prev::before{
  background: url("../img/leftdg.svg") no-repeat;
  width: 10px;
  height: 20px;
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.hinh-bai-danh-gia .owl-nav .owl-next::before{
  background: url("../img/rightdg.svg") no-repeat;
  width: 12px;
  height: 22px;
  position: absolute;
  content: "";
  right: 50%;
  top: 50%;
  transform: translate(50%, -50%);
}
.hinh-bai-danh-gia .owl-nav .owl-prev{
  position: absolute;
  top: 0;
  left: 0;
  text-indent: -9999px;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 5px 0px 0px 5px;
  height: 100%;
  width: 65px;
}
.hinh-bai-danh-gia .owl-nav .owl-next{
  position: absolute;
  top: 0;
  right: 0;
  text-indent: -9999px;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 0px 5px 5px 0px;
  height: 100%;
  width: 65px;
}
.hinh-bai-danh-gia h3, .comments-area2 h3{
  font-size: 20px;
  font-weight: 400;
  color: #000;
}
.hinh-bai-danh-gia h3{
  margin-bottom: 20px;
}
.popup-review {
  position: fixed;
  background: #FFFFFF;
  border-radius: 5px;
  width: 1040px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  display: none;
}
.popup-review #big-review .item img{
  width: 493px;
  height: 385px;
  border-radius: 5px;
}
.popup-review #big-review {
  margin-bottom: 20px;
}
.popup-review #thumbs-review .item img{
  width: 110px;
  height: 80px;
  border-radius: 5px;
}
.popup-review #thumbs-review .owl-item.current .item img{
  border: 2px solid #000;
}
.popup-review .comment-item-review{
  margin-bottom: 10px;
  background-color: #fff;
}
.popup-review .comment-item-review .l .rate img{
  width: 22px;
  height: 22px;
}
.popup-review .comment-item-review .l .time{
  font-size: 14px;
  font-weight: 400;
  color: #636363;
  display: block;
  margin-top: 5px;
}
.popup-review .comment-item-review .c {
  margin-top: 10px;
}
.popup-review .comment-item-review  .c h4{
  font-size: 16px;
  font-weight: 700;
  color: #000000;
  margin-bottom: 5px;
}
.popup-review .comment-item-review .c p {
  font-size: 15px;
  font-weight: 400;
  color: #212121;
  margin-bottom: 20px;
}
.popup-review .comment-item-review .c .huuich{
  border: 1px solid #3463B4;
  border-radius: 5px;
  padding: 5px;
}
.popup-review .comment-item-review .c .huuich img{
  margin: 0 5px;
}
.popup-review .comment-item-review .c .huuich span{
  font-size: 14px;
  font-weight: 600;
  color: #3463B4;
}
.popup-review .comment-item-review .c .guitraloi{
  color: #3463B4;
  font-size: 14px;
  font-weight: 600;  
  margin-left: 10px;
}
.popup-review .comment-item-review .r .img img{
  width: 36px;
  height: 36px;
  margin-right: 16px;
}
.popup-review .comment-item-review .r .text{
  width: calc(100% - 52px);
}
.popup-review .comment-item-review .r .text .name{
  font-size: 16px;
  font-weight: 700;
  color: #000;
  margin-bottom: 5px;
}
.popup-review .comment-item-review .r .text .time{
  font-size: 14px;
  font-weight: 300;
  color: #636363;
  display: block;
}
.popup-review .comment-item-review .c .replay{
  margin-top: 10px;
  display: none;
}
.popup-review .comment-item-review .c.active .replay{
  display: flex;
}
.popup-review .comment-item-review .c .replay .img img{
  width: 36px;
  height: 36px;
  margin-right: 16px;
}
.popup-review .comment-item-review .c .replay .box {
  width: calc(100% - 52px);
  position: relative;
}
.popup-review .comment-item-review .c .replay .box input{
  background: #FFFFFF;
  border: 1px solid #9C9C9C;
  border-radius: 10px;
  width: 100%;
  height: 54px;
  padding: 0 10px;
}
.popup-review .comment-item-review .c .replay .box button{
  border: none;
  position: absolute;
  right: 10px;
  top: 15px;
  background-color: transparent;
  outline: none;
}
.popup-review .comment-item-review .c  .popup-gallery img{
  width: 100%;
  margin: 0;
  height: 130px;
  border-radius: 5px;
}
.popup-review-product{
  width: 520px;
  padding: 20px;
}
.comment-item-review{
  width: 520px;
  padding: 20px;
}
.popup-review .comment-item-review .r{
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #E9E9E9;
}
.popup-review .head{
  padding: 15px;
  border-bottom: 1px solid #E9E9E9;
  margin-bottom: 10px;
}
.popup-review .head h3{
  font-size: 18px;
  font-weight: 600;
  color: #000;
}
.popup-review .head span.close{
  position: absolute;
  right: 20px;
  top: 15px;
}
.popup-review .owl-nav .owl-prev{
  background: url(../img/review-prev.svg) no-repeat;
    width: 50px;
    height: 50px;
    position: absolute;
    left: 10px;
    top: -230px;
    text-indent: -9999px;
}
.popup-review .owl-nav .owl-next{
  background: url(../img/review-next.svg) no-repeat;
    width: 50px;
    height: 50px;
    position: absolute;
    right: 10px;
    top: -230px;
    text-indent: -9999px;
}
.show-room {
  display: flex;
  justify-content: space-between;
}
.show-room .head{
  width: 76px;
  background: #FFFFFF;
  border-radius: 5px;
  text-transform: uppercase;
}
.show-room .head h3{
  color: #000000;
  transform: rotate(-90deg);
  margin-top: 170px;
}
.show-room .showroom-slider{
  width: calc(100% - 106px);
}
.show-room .showroom-slider .owl-nav .owl-prev {
  background: url(../img/showroom-left.svg) no-repeat;
  width: 54px;
  height: 54px;
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  transform: translate(-50%, -50%);
  text-indent: -9999px;
}
.show-room .showroom-slider .owl-nav .owl-next {
  background: url(../img/showroom-right.svg) no-repeat;
  width: 54px;
  height: 54px;
  position: absolute;
  content: "";
  right: 0;
  top: 50%;
  transform: translate(50%, -50%);
  text-indent: -9999px;
}
.show-room .showroom-slider .item:hover::before{
  background: url(../img/play-showroom.svg) no-repeat;
  width: 62px;
  height: 62px;
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.videos-top .item .img {
  position: relative;
  display: block;
}
.videos-top .item .img::before {
  content: "";
  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 150%);
  border-radius: 10px;
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
}
.videos-top .item .caption {
  position: absolute;
  bottom: 0;
  z-index: 14;
  width: 100%;
  padding: 15px;
}
.videos-top .item .caption .text h2 {
    font-size: 16px;
    line-height: 20px;
    height: auto;
    color: #fff;
    height: 40px;
    overflow: hidden;
}
.videos-top .owl-item.active.center {
  transform: scale(1.2);
  z-index: 9999;
}
.videos-top .item .caption .play{
  width: 50px;
}
.videos-top .item .caption .text {
  width: calc(100% - 60px);
  margin-left: 10px;
}
.videos-top .owl-carousel .owl-item img{
  border-radius: 10px;
}
.videos-top .content .owl-stage-outer {
  padding: 60px 0;
}
.main-thuonghieu2 .inner{
  background: #FFFFFF;
  border-radius: 10px;
  margin: 30px 0;
  padding: 30px;
}
.main-thuonghieu2 .inner .branch-th{
  display: inline-block;
  width: 100%;
}
.main-thuonghieu2 .inner .branch-th .item{
  width: 18%;
  float: left;
  margin: 1%;
  background: #FFFFFF;
  border: 1px solid #E3E3E3;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 0;
}
.all-thuonghieu {
  padding-top: 50px;
}
.all-thuonghieu .head {
  border-bottom: 1px solid #DCDCDC;
  padding-bottom: 20px;
}
.all-thuonghieu .head ul li{
  width: 4%;
}
.all-thuonghieu .head ul li a{
  font-size: 25px;
  font-weight: 700;
  color: #000;
}
.all-thuonghieu h2{
  font-size: 30px;
  font-weight: 700;
  color: #000;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 20px;
}
.all-thuonghieu .bodyct .item{
  display: flex;
  padding: 10px 0;
  border-bottom: 1px solid #DCDCDC;
}
.all-thuonghieu .bodyct .item > span{
  font-size: 25px;
  font-weight: 700;
  color: #000;
  width: 19%;
  padding-right: 1%;
}
.all-thuonghieu .bodyct .item ul {
  width: 100% ;
}
.all-thuonghieu .bodyct .item ul li {
  width: 24%;
  float: left;
  padding-right: 1%;
  padding-bottom: 1%;
  display: flex;
  align-items: center ;
}
.all-thuonghieu .bodyct .item ul li a{
  font-size: 16px;
  font-weight: 400;
  color: #000;
}
.all-thuonghieu .bodyct .item ul li span{
  background: #FF326C;
  border-radius: 5px;
  margin-left: 10px;
  font-size: 10px;
  font-weight: 60;
  padding: 3px 5px;
  color: #fff;
}