@charset "UTF-8";



@font-face {

  font-family: "svn";

  src: url("../fonts/SVN-HC-Yellowtail.eot");

  src: url("../fonts/SVN-HC-Yellowtail.eot?#iefix") format("embedded-opentype"),

    url("../fonts/SVN-HC-Yellowtail.woff2") format("woff2"),

    url("../fonts/SVN-HC-Yellowtail.woff") format("woff"),

    url("../fonts/SVN-HC-Yellowtail.ttf") format("truetype");

  font-weight: normal;

  font-style: normal;

  font-display: swap;

}


@font-face {

  font-family: "UTMSharnay";

  src: url("../fonts/UTMSharnay.eot");

  src: url("../fonts/UTMSharnay.eot?#iefix") format("embedded-opentype"),

    url("../fonts/UTMSharnay.woff2") format("woff2"),

    url("../fonts/UTMSharnay.woff") format("woff"),

    url("../fonts/UTMSharnay.ttf") format("truetype");

  font-weight: normal;

  font-style: normal;

  font-display: swap;

}

@font-face {

  font-family: "UTMAvoBold";

  src: url("../fonts/UTMAvoBold.eot");

  src: url("../fonts/UTMAvoBold.eot?#iefix") format("embedded-opentype"),

    url("../fonts/UTMAvoBold.woff2") format("woff2"),

    url("../fonts/UTMAvoBold.woff") format("woff"),

    url("../fonts/UTMAvoBold.ttf") format("truetype");

  font-weight: 500;

  font-style: normal;

  font-display: swap;

}

@font-face {

  font-family: "SVN-Avo";

  src: url("../fonts/SVN-Avo.eot");

  src: url("../fonts/SVN-Avo.eot?#iefix") format("embedded-opentype"),

    url("../fonts/SVN-Avo.woff2") format("woff2"),

    url("../fonts/SVN-Avo.woff") format("woff"),

    url("../fonts/SVN-Avo.ttf") format("truetype");

  font-weight: 500;

  font-style: normal;

  font-display: swap;

}


@font-face {

  font-family: "UTMAvoBold";

  src: url("../fonts/Quicksand-Medium.eot");

  src: url("../fonts/Quicksand-Medium.eot?#iefix") format("embedded-opentype"),

    url("../fonts/Quicksand-Medium.woff2") format("woff2"),

    url("../fonts/Quicksand-Medium.woff") format("woff"),

    url("../fonts/Quicksand-Medium.ttf") format("truetype");

  font-weight: 500;

  font-style: normal;

  font-display: swap;

}

@font-face {

  font-family: "Montserrat-Black";

  src: url("../fonts/Montserrat-Black.eot");

  src: url("../fonts/Montserrat-Black.eot?#iefix") format("embedded-opentype"),

    url("../fonts/Montserrat-Black.woff2") format("woff2"),

    url("../fonts/Montserrat-Black.woff") format("woff"),

    url("../fonts/Montserrat-Black.ttf") format("truetype");

  font-weight: 500;

  font-style: normal;

  font-display: swap;

}

@font-face {

  font-family: "Montserrat-Bold";

  src: url("../fonts/Montserrat-Bold.eot");

  src: url("../fonts/Montserrat-Bold.eot?#iefix") format("embedded-opentype"),

    url("../fonts/Montserrat-Bold.woff2") format("woff2"),

    url("../fonts/Montserrat-Bold.woff") format("woff"),

    url("../fonts/Montserrat-Bold.ttf") format("truetype");

  font-weight: 500;

  font-style: normal;

  font-display: swap;

}

@font-face {

  font-family: "Montserrat-Regular";

  src: url("../fonts/Montserrat-Regular.eot");

  src: url("../fonts/Montserrat-Regular.eot?#iefix") format("embedded-opentype"),

    url("../fonts/Montserrat-Regular.woff2") format("woff2"),

    url("../fonts/Montserrat-Regular.woff") format("woff"),

    url("../fonts/Montserrat-Regular.ttf") format("truetype");

  font-weight: 500;

  font-style: normal;

  font-display: swap;

}

@font-face {

  font-family: "Mulish-Black";

  src: url("../fonts/Mulish-Black.eot");

  src: url("../fonts/Mulish-Black.eot?#iefix") format("embedded-opentype"),

    url("../fonts/Mulish-Black.woff2") format("woff2"),

    url("../fonts/Mulish-Black.woff") format("woff"),

    url("../fonts/Mulish-Black.ttf") format("truetype");

  font-weight: 500;

  font-style: normal;

  font-display: swap;

}

@font-face {

  font-family: "qb";

  src: url("../fonts/Quicksand-Bold.eot");

  src: url("../fonts/Quicksand-Bold.eot?#iefix") format("embedded-opentype"),

    url("../fonts/Quicksand-Bold.woff2") format("woff2"),

    url("../fonts/Quicksand-Bold.woff") format("woff"),

    url("../fonts/Quicksand-Bold.ttf") format("truetype");

  font-weight: bold;

  font-style: normal;

  font-display: swap;

}



@font-face {

  font-family: "qr";

  src: url("../fonts/Quicksand-Regular.eot");

  src: url("../fonts/Quicksand-Regular.eot?#iefix") format("embedded-opentype"),

    url("../fonts/Quicksand-Regular.woff2") format("woff2"),

    url("../fonts/Quicksand-Regular.woff") format("woff"),

    url("../fonts/Quicksand-Regular.ttf") format("truetype");

  font-weight: normal;

  font-style: normal;

  font-display: swap;

}



@font-face {

  font-family: "qsm";

  src: url("../fonts/Quicksand-SemiBold.eot");

  src: url("../fonts/Quicksand-SemiBold.eot?#iefix") format("embedded-opentype"),

    url("../fonts/Quicksand-SemiBold.woff2") format("woff2"),

    url("../fonts/Quicksand-SemiBold.woff") format("woff"),

    url("../fonts/Quicksand-SemiBold.ttf") format("truetype");

  font-weight: 600;

  font-style: normal;

  font-display: swap;

}


@font-face {

  font-family: "iCielBCCubano-Normal";

  src: url("../fonts/iCielBCCubano-Normal.eot");

  src: url("../fonts/iCielBCCubano-Normal.eot?#iefix") format("embedded-opentype"),

    url("../fonts/iCielBCCubano-Normal.woff2") format("woff2"),

    url("../fonts/iCielBCCubano-Normal.woff") format("woff"),

    url("../fonts/iCielBCCubano-Normal.ttf") format("truetype");

  font-weight: 600;

  font-style: normal;

  font-display: swap;

}

.text-split1 {

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: normal;

  -webkit-box-orient: vertical;

  display: -webkit-box;

  -webkit-line-clamp: 1;

}



.text-split2 {

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: normal;

  -webkit-box-orient: vertical;

  display: -webkit-box;

  -webkit-line-clamp: 2;

}



.text-split3 {

  overflow: hidden;

  text-overflow: ellipsis !important;

  white-space: normal;

  -webkit-box-orient: vertical;

  display: -webkit-box;

  -webkit-line-clamp: 3;

}



@keyframes spin {

  to {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}



@-webkit-keyframes spin {

  to {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}



@keyframes blink {

  0% {

    opacity: 1;

  }



  50% {

    opacity: 0;

  }



  100% {

    opacity: 1;

  }

}



@-webkit-keyframes blink {

  0% {

    opacity: 1;

  }



  50% {

    opacity: 0;

  }



  100% {

    opacity: 1;

  }

}



@keyframes shake-anim {

  0% {

    -webkit-transform: rotate(0) scale(1) skew(1deg);

    transform: rotate(0) scale(1) skew(1deg);

  }



  10%,

  30% {

    -moz-transform: rotate(-25deg) scale(1) skew(1deg);

  }



  20%,

  40% {

    -moz-transform: rotate(25deg) scale(1) skew(1deg);

  }



  100%,

  50% {

    -moz-transform: rotate(0) scale(1) skew(1deg);

  }

}



@-webkit-keyframes shake-anim {

  0%,

  100%,

  50% {

    -webkit-transform: rotate(0) scale(1) skew(1deg);

  }



  10%,

  30% {

    -webkit-transform: rotate(-25deg) scale(1) skew(1deg);

  }



  20%,

  40% {

    -webkit-transform: rotate(25deg) scale(1) skew(1deg);

  }

}

section.cate_pro.mt_cate2 {

  margin-top: 5%;

}

.popup-custom .modal-content {

  border-radius: 0px;

  border: 0px;

}



.popup-custom .modal-content .modal-body {

  padding: 10px;

}



.popup-custom .close {

  position: absolute;

  top: 10px;

  right: 10px;

  width: 40px;

  height: 40px;

  z-index: 2;

  color: #888888;

  cursor: pointer;

  border: 1px solid #eeeeee;

  background-color: #ffffff;

  opacity: 1 !important;

}



#popup-quickview .modal-dialog {

  max-width: 1140px;

}



.opacity-0 {

  opacity: 0;

}



@keyframes fadeInUp {

  0% {

    opacity: 0;

    transform: translate3d(0, 100px, 0);

  }



  100% {

    opacity: 1;

    transform: translate3d(0, 0, 0);

  }

}



@keyframes fadeInDown {

  0% {

    opacity: 0;

    transform: translate3d(0, -100px, 0);

  }



  100% {

    opacity: 1;

    transform: translate3d(0, 0, 0);

  }

}



@keyframes scaleLarge {

  0% {

    opacity: 0;

    transform: scale(2);

  }



  100% {

    opacity: 1;

    transform: scale(1);

  }

}



/* Main */

:root {

  --color-red: #e21c1d;

  --color-medium-red: #cc2c32;

  --color-dark-red: #c31829;

  --color-green: #e21c1d;

  --color-dark-green: #e21c1d;

  --color-black: #212529;

  --color-gray: #6c757d;

  --background-static: #3fa07e;

  --background-hover: #eceb1b;

  --color-static: #000;

  --color-hover: #e21c1d;

}



/* Toc */

a.mucluc-dropdown-list_button {}



a.mucluc-dropdown-list_button:before {

  content: "\f03a";

  font-family: "FontAwesome";

  font-style: normal;

  font-weight: 400;

  background: #fff;

  color: #006acb !important;

  font-size: 20px;

  width: 35px;

  height: 35px;

  display: inline-block;

  line-height: 38px;

  text-align: center;

  border: 1px solid #ddd;

}

.images_banner {

  padding-right: 14%;

  padding-left: 4%;

  margin-top: -25%;

}



.meta-toc {

  position: fixed;

  left: 5px;

  top: 200px;

  z-index: 111;

  display: none;

}



.box-readmore {

  padding: 10px;

  background-color: #f5f5f5;

  width: 350px;

  margin-top: 2px;

  border: 1px solid #dddddd;

  display: none;

  font-size: 13px;

}



.box-readmore li ul>li {

  margin: 0;

  margin-bottom: 8px;

}



.box-readmore li ul>li:before {

  content: counters(item, ".") " ";

}



.box-readmore ul {

  list-style-type: none;

  counter-reset: item;

  margin-bottom: 0px;

  padding-left: 0px !important;

  margin-top: 8px;

}



.box-readmore ul li {

  display: table;

  counter-increment: item;

  margin: 0 0 5px 0;

}



.box-readmore ul li:before {

  content: counters(item, ".") ". ";

  display: table-cell;

  padding-right: 5px;

}



.box-readmore ul li a {

  color: #006acb !important;

  cursor: pointer;

  font-weight: 400;

}



.box-readmore ul li a:hover {

  color: #767676;

}





/* name */



@-webkit-keyframes anime {

  0% {

    color: grey;

    letter-spacing: 1px;

    text-shadow: 1px 1px 0 #000;

    transform: translateY(0);

  }



  50% {

    color: #ffc107;

    letter-spacing: 5px;

    text-shadow: 5px 10px 1px #000;

    transform: translateY(-10px);

  }



  100% {

    color: grey;

    letter-spacing: 1px;

    text-shadow: 1px 1px 0 #000;

    transform: translateY(0);

  }

}



@keyframes anime {

  0% {

    color: grey;

    letter-spacing: 1px;

    text-shadow: 1px 1px 0 #000;

    transform: translateY(0);

  }



  50% {

    color: #ffc107;

    letter-spacing: 5px;

    text-shadow: 5px 10px 1px #000;

    transform: translateY(-10px);

  }



  100% {

    color: grey;

    letter-spacing: 1px;

    text-shadow: 1px 1px 0 #000;

    transform: translateY(0);

  }

}



/* end name*/

@-webkit-keyframes MaskPlay {

  from {

    -webkit-mask-position: 0 0;

    mask-position: 0 0;

  }



  to {

    -webkit-mask-position: 100% 0;

    mask-position: 100% 0;

  }

}



@keyframes MaskPlay {

  from {

    -webkit-mask-position: 0 0;

    mask-position: 0 0;

  }



  to {

    -webkit-mask-position: 100% 0;

    mask-position: 100% 0;

  }

}



/*  end loadpage website */

body {

  font-size: 14px;

  /* min-width: 1366px;

  margin: 0 auto; */

  background-color: #ffffff;

  scroll-behavior: smooth;

}



blockquote {

  font-style: italic;

  font-family: Georgia, Times, "Times New Roman", serif;

  padding: 2px 0;

  border-style: solid;

  border-color: #ccc;

  border-width: 0;

  padding-left: 20px;

  padding-right: 8px;

  border-left-width: 5px;

}



blockquote p {

  margin-bottom: 0;

}



.img100 {

  width: 100%;

  height: 100%;

}



.footer-copyright a {

  color: #fff;

}



.row-10 {

  margin-left: -5px;

  margin-right: -5px;

}



.row-20 {

  margin-left: -10px;

  margin-right: -10px;

}



.row-30 {

  margin-left: -15px;

  margin-right: -15px;

}



.col-30 {

  padding-left: 15px;

  padding-right: -15px;

}



.col-20 {

  padding-left: 10px;

  padding-right: 10px;

}



.mg-col-10 {

  padding-left: 5px;

  padding-right: 5px;

}



.padding-top-bottom {

  padding: 2.5rem 0;

}



.pad-top {

  padding-top: 2.5rem;

}



.pad-bottom {

  padding-bottom: 2.5rem;

}



.mg-top {

  margin-top: 2.5rem;

}



.mg-bottom {

  margin-bottom: 2.5rem;

}



.hover_xemthem {

  transition: 0.4s;

}



.hover_xemthem:hover {

  letter-spacing: 2px;

}



img {

  max-width: 100%;

  height: auto;

  vertical-align: top;

}



a,

input,

textarea {

  outline: none;

  padding: 0px;

}



input[type="number"]::-webkit-outer-spin-button,

input[type="number"]::-webkit-inner-spin-button {

  -webkit-appearance: none;

  margin: 0;

}



.w-clear:after {

  display: block;

  content: "";

  clear: both;

}



.hidden {

  display: none;

}



.clear {

  clear: both;

}



.none {

  display: none;

}



.hidden-seoh {

  visibility: hidden;

  height: 0px;

  margin: 0px;

  overflow: hidden;

}



.maxwidth {

  max-width: 1200px;

  margin: auto;

  width: calc(100% - 30px);

}



.maxwidth2 {

  max-width: 1346px;

  margin: auto;

  width: calc(100% - 30px);

}



.fix_head {

  position: fixed !important;

  top: 0;

  width: 100%;

  z-index: 999 !important;

}



.pd-l-10 {

  padding-left: -10px;

}



.pd-r-10 {

  padding-right: -10px;

}



.mg-l-10 {

  margin-left: -10px;

}



.mg-r-10 {

  margin-right: -10px;

}



.mg-b-20 {

  margin-bottom: 20px;

}



.title-detail-main {

  color: #252525;

  font-size: 23px;

  margin-bottom: 1.5rem;

  font-weight: 500;

}



/* General */

.title-main {
  margin-bottom: 47px;
  text-align: center;
  background: url(../images/banhmi.png) no-repeat center bottom;
  padding-bottom: 51px;
  background-size: 17%;

}

li.on-bar.divLeft ul {
  padding-left: 0;
}

.title-main span {
  text-transform: uppercase;
  color: #e21c1d;
  font-size: 41px;
  font-family: 'iCielBCCubano-Normal';
  margin-bottom: 4px;
  line-height: 43px;
  display: inline-block;

}


.news2 {
  box-shadow: 0px 0px 6px #ccc;
  padding: 7px;
}

.time-main {

  margin-bottom: 0.75rem;

  color: #999999;

}



.contact-input input,

.contact-input textarea {

  border-radius: 0;

  border-top: none;

  border-left: none;

  border-right: none;

}



.contact-input input:focus,

.contact-input textarea:focus {

  box-shadow: none;

  outline: none;

}



.time-main i {

  vertical-align: top;

  margin: 3px 7px 0px 0px;

}



.time-main span {

  vertical-align: top;

  display: inline-block;

}



.share {

  padding: 17px 15px 10px 15px;

  line-height: normal;

  background: rgba(128, 128, 128, 0.15);

  margin-top: 15px;

  border-radius: 5px;

}



.share b {

  display: block;

  margin-bottom: 5px;

}



.control-owl {

  position: absolute;

  width: 100%;

  z-index: 2;

  left: 0px;

  top: calc(50% - 45px / 2);

}



.control-owl button {

  opacity: 0.5;

  top: 0px;

  position: absolute;

  outline: none;

  border: 0px;

  padding: 0px;

  margin: 0px;

  display: block;

  cursor: pointer;

  color: #ffffff;

  width: 45px;

  height: 45px;

  text-align: center;

  font-size: 25px;

  margin: 0px;

  background-color: #000000;

  border-radius: 3px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

}



.control-owl button:hover {

  opacity: 1;

}



.control-owl button.owl-prev {

  left: 20px;

}



.control-owl button.owl-next {

  right: 20px;

}



.custom-form-row {

  margin-right: -10px;

  margin-left: -10px;

}



.custom-form-row>.col,

.custom-form-row>[class*="col-"] {

  padding-right: 10px;

  padding-left: 10px;

}



.text-sm {

  font-size: 0.875rem !important;

}



/* Lazyload */

img.lazy {

  opacity: 0;

}



img:not(.initial) {

  -webkit-transition: opacity 1s;

  transition: opacity 1s;

}



img.initial,

img.loaded,

img.error {

  opacity: 1;

}



img:not([src]) {

  visibility: hidden;

}



/* User */

.wrap-user {

  width: 100%;

  max-width: 550px;

  margin: auto;

  border: 1px solid #bce8f1;

  border-radius: 5px;

}



.title-user {

  background-color: #d9edf7;

  padding: 12px 15px;

  border-radius: 5px 5px 0px 0px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: end;

  -ms-flex-align: end;

  align-items: flex-end;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

}



.title-user span {

  color: #31708f;

}



.title-user a {

  color: #0056b3;

  font-size: 12px;

}



.form-user {

  padding: 20px 15px;

}



.input-user {

  margin-bottom: 0.75rem;

}



.input-user input {

  font-size: 14px;

}



.button-user {

  margin-bottom: 1rem;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

}



.button-user input {

  font-size: 14px;

}



.checkbox-user,

.radio-user {

  cursor: pointer;

}



.checkbox-user input {

  top: calc(50% - 1.25rem / 2);

  height: auto;

}



.checkbox-user label {

  font-size: 14px;

  cursor: pointer;

}



.checkbox-user label::before,

.checkbox-user label::after {

  top: calc(50% - 1rem / 2);

}



.radio-user {

  margin-right: 1rem;

}



.radio-user:last-child {

  margin-right: 0px;

}



.radio-user label::before,

.radio-user label::after {

  top: calc(50% - 1rem / 2);

}



.note-user {

  font-size: 14px;

  border-top: 1px solid #ddd;

  padding-top: 0.5rem;

}



/* Cart */

#popup-cart .modal-title {

  text-transform: uppercase;

}



#popup-cart .modal-body .wrap-cart {

  padding: 0px;

  -webkit-box-shadow: none;

  box-shadow: none;

  border: 0px;

}



#popup-cart .modal-footer {

  padding: 0.75rem 0 0 0;

  border-top: 0px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

}



.buymore-cart {

  color: #e21c1d;

  cursor: pointer;

  margin: 0px;

}



.buymore-cart i {

  margin-right: 2px;

  margin-top: 5px;

  vertical-align: top;

  font-size: 12px;

}



.wrap-cart {

  padding: 20px 15px;

  background: #ffffff;

  border: 1px solid #d8d8d8;

  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);

  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);

}



.top-cart {

  border-right: 1px solid #eee;

}



.procart {

  padding: 20px 10px;

  border: 1px solid #eee;

  border-top: 0px;

}



.pic-procart {

  text-align: center;

}



.pic-procart img {

  max-height: 100px;

  height: inherit;

}



.pic-procart .del-procart {

  color: #999;

  font-size: 12px;

  display: block;

  margin-top: 5px;

  cursor: pointer;

}



.pic-procart .del-procart:hover {

  color: red;

}



.name-procart a {

  font-size: 14px;

  color: #000;

  display: block;

}



@media only screen and (max-width: 575px) {

  .name-procart a {

    font-size: 13px;

  }

}



.name-procart a:hover {

  color: #e21c1d;

}



.properties-procart {

  display: block;

}



.properties-procart p {

  display: inline-block;

  margin-bottom: 0px;

}



.properties-procart p:first-child {

  margin-right: 10px;

}



.properties-procart p strong {

  font-weight: 600;

}



@media only screen and (max-width: 767px) {

  .quantity-procart {

    text-align: right;

  }

}



.quantity-procart p {

  margin-bottom: 0px;

}



.quantity-counter-procart {

  border: 1px solid #dfdfdf;

  width: 100%;

  height: 30px;

  line-height: normal;

  text-align: center;

  border-radius: 3px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: stretch;

  -ms-flex-align: stretch;

  align-items: stretch;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

}



.counter-procart {

  background-color: transparent;

  border: 0px;

  width: 30%;

  color: #333;

  outline: none;

  cursor: pointer;

  font-size: 23px;

}



.counter-procart:hover,

.counter-procart:focus {

  color: #e21c1d;

}



.counter-procart:disabled {

  color: #ccc;

  cursor: not-allowed;

}



.counter-procart:disabled:hover {

  color: #ccc;

  cursor: not-allowed;

}



.counter-procart-minus {

  line-height: 26px;

}



.counter-procart-plus {

  line-height: 24px;

}



.quantity-counter-procart .quantity-procart {

  width: 40%;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  border: 0px;

  border-right: 1px solid #dfdfdf;

  border-left: 1px solid #dfdfdf;

  outline: none;

  -webkit-box-shadow: none;

  box-shadow: none;

  padding: 0px;

  color: #333;

  text-align: center;

}



.price-procart {

  width: 20%;

  text-align: right;

}



@media only screen and (max-width: 767px) {

  .price-procart {

    display: none;

  }

}



.price-procart-rp {

  display: none;

  width: 100%;

  margin-bottom: 10px;

  font-size: 13.5px;

}



@media only screen and (max-width: 767px) {

  .price-procart-rp {

    display: block;

  }

}

p.name {
  margin-bottom: 1px;
}

.add-to-cart-button i {
  color: #fff;
  font-size: 20px;
  margin-right: -21px;
  position: relative;
  right: -4px;
}


.product-small:hover .title-wrapper a {
  color: #4a0000;
}

.product-small .title-wrapper a {
  transition: all .3s;
}

.col-inner {
  position: relative;
  padding: 0 3px;
}

#sanphambc .row {
  margin: 0 -3px;
}

.add-to-cart-button:after {
    content: "\f291";
    position: absolute;
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    right: 9px;
    top: 2px;
    color: #fff;
    font-size: 19px
}

.add-to-cart-button {
    display: inline-block;
    border: 3px solid #e21c1d!important;
    border-radius: 30px!important;
    background: #e21c1d;
    padding-right: 37px;
    position: relative;
    margin: 14px 0 0 0
}

.add-to-cart-button a {
    font-size: 20px!important;
    color: #e21c1d!important;
    background: #fff!important;
    margin: 0px!important;
    border-radius: 30px;
    border: none!important;
    width: 100%;
    line-height: 37px!important;
    min-height: auto;
    display: inline-block;
}

.price-new-cart {
  color: #1b9b45;
  font-size: 32px;
  font-family: 'Montserrat-Bold';

}

.box_outstanding2:hover .infor_product h3 a {

  color: #dd0000;

}

.box_outstanding2 .infor_product h3 a {

  transition: all 0.3s;

}

.price-old-cart {

  color: #999;

  text-decoration: line-through;

}



.procart-label {

  border: 0px;

  background: #eee;

  padding: 10px;

  margin: 0px;

  text-transform: capitalize;

}



@media only screen and (max-width: 575px) {

  .procart-label {

    font-size: 13px;

  }

}



@media only screen and (min-width: 768px) {

  .procart-label .quantity-procart p:first-child {

    display: block;

  }

}



@media only screen and (max-width: 767px) {

  .procart-label .quantity-procart p:first-child {

    display: none;

  }

}



@media only screen and (min-width: 768px) {

  .procart-label .quantity-procart p:last-child {

    display: none;

  }

}



@media only screen and (max-width: 767px) {

  .procart-label .quantity-procart p:last-child {

    display: block;

  }

}



.money-procart {

  margin-top: 15px;

}



.total-procart {

  background: #eee;

  padding: 7px 10px;

  border: 1px solid #dddfe2;

  margin-bottom: -1px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

}



.total-procart p {

  margin-bottom: 0px;

  font-size: 15px;

}



.total-procart p:last-child {

  color: #e21c1d;

}



.section-cart {

  position: -webkit-sticky;

  position: sticky;

  top: 15px;

}



.title-cart {

  font-size: 15px;

  text-transform: uppercase;

  color: #000;

  border-bottom: 1px solid #eee;

  padding-bottom: 5px;

  margin-bottom: 15px;

}



.information-cart {

  margin-bottom: 1.5rem;

}



.input-cart {

  margin-bottom: 0.5rem;

  position: relative;

}



.input-cart textarea {

  resize: none;

  height: 100px;

}



.input-cart select {

  cursor: pointer;

}



.payments-cart {

  text-align: left;

  margin-bottom: 5px;

  min-height: auto;

  padding-left: 0;

  margin-left: 20px;

  position: relative;

}



.payments-cart:last-child {

  margin-bottom: 0px;

}



.payments-cart input {

  top: 10px;

  /* opacity: 0; */

  position: absolute;

}



.payments-label {

  cursor: pointer;

  background: #eee;

  display: block;

  padding: 10px 15px;

  border-radius: 3px;

  margin-bottom: 0px;

  color: #313131 !important;

}



.payments-label::before,

.payments-label::after {

  top: calc(50% - 1rem / 2);

}



.payments-label.active {

  background: var(--background-static);

  color: #ffffff !important;

}



.payments-info {

  opacity: 0;

  visibility: hidden;

  height: 0px;

  overflow: hidden;

  background: #f5efef;

  border-radius: 5px;

}



.payments-info p {

  margin-bottom: 1em;

}



.payments-info.active {

  padding: 10px 15px;

  margin-top: 5px;

  opacity: 1;

  visibility: visible;

  height: auto;

}



.btn-cart {

  text-transform: capitalize;

}



.empty-cart {

  padding: 25px 30px;

  text-align: center;

}



.empty-cart i {

  color: red;

  font-size: 70px;

}



.empty-cart p {

  margin: 15px 0px;

  color: #333;

  font-size: 18px;

}



/* Comment */

.comment-title {

  font-size: 18px;

}



.comment-show {

  display: block !important;

}



.comment-point {

  font-size: 47px;

  color: #fe302e;

}



.comment-star {

  font-size: 0;

  position: relative;

  display: inline-block;

  vertical-align: top;

  margin-bottom: 0.5rem;

}



.comment-star span {

  display: block;

  position: absolute;

  top: 0;

  left: 0px;

  bottom: 0;

  z-index: 1;

  overflow: hidden;

  text-align: left;

  white-space: nowrap;

}



.comment-star i {

  display: inline-block;

  margin: 0.1rem;

  color: #b8b8b8;

  text-rendering: auto;

  font-size: 20px;

}



.comment-star i:nth-child(1) {

  margin-left: 0;

}



.comment-star span i {

  color: #ffc120;

}



.comment-progress {

  width: 100%;

  margin-bottom: 0.375rem;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

}



.comment-progress:last-child {

  margin-bottom: 0px;

}



.comment-progress .progress {

  height: 12px;

  margin-right: 10px;

  margin-left: 5px;

  width: calc(100% - 90px);

  border-radius: 10px;

}



.comment-progress .progress-bar#has-rate {

  background-color: #23b445;

}



.comment-progress .progress-num {

  font-size: 15px;

  width: 25px;

  text-align: center;

  color: #787878;

}



.comment-progress .progress-total {

  font-weight: 600;

  text-align: left;

  color: #787878;

  width: 50px;

}



.comment-write {

  display: none;

}



.review-rating-star {

  font-size: 0;

}



.review-rating-star-icon .fa {

  font-weight: 400;

  font-style: normal;

  display: inline-block;

  margin: 0.1rem;

  font-size: 21px;

  cursor: pointer;

  color: #f0c808;

}



.review-rating-star-icon .fa.star-empty {

  color: #dedddc;

}



.review-rating-star-icon .fa.star-not-empty {

  color: #f0c808;

}



.review-rating-star-icon .fa:nth-child(1) {

  margin-left: 0;

}



.review-fileuploader {

  padding: 20px 15px;

  text-align: center;

  background-color: #ffffff;

  cursor: pointer;

  border: 2px dashed #c2cdda;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

}



.review-fileuploader .review-fileuploader-text {

  color: #90a0bc;

}



.review-file-uploader .fileuploader {

  padding: 0px;

  margin: 0px;

  background: transparent;

}



.review-file-uploader .fileuploader-items .fileuploader-items-list {

  margin: 1rem -5px 0 -5px;

}



.review-file-uploader .fileuploader-items .fileuploader-items-list:after {

  display: block;

  content: "";

  clear: both;

}



.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item {

  padding: 0px;

  width: calc(100% / 7 - 10px);

  float: left;

  margin: 0 5px 5px 5px;

  border-bottom: 0px;

}



.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .columns {

  display: block;

}



.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .column-thumbnail {

  width: auto;

  height: auto;

}



.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .column-thumbnail .fileuploader-item-image {

  height: auto;

  padding: 50% 0;

}



.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .column-thumbnail .fileuploader-item-image img {

  position: absolute;

  top: 0px;

  left: 0px;

  max-width: 100%;

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

  object-fit: cover;

  -webkit-transform: none;

  transform: none;

}



.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .column-title {

  padding: 0px;

  margin-top: 0.5rem;

  text-align: center;

  display: none;

}



.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .column-actions {

  margin: 0px;

  position: absolute;

  top: 0px;

  right: -5px;

}



.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .column-infos input {

  border: 1px solid #dddddd;

  border-radius: 0.25rem;

}



.review-poster-video-avatar {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: start;

  -ms-flex-pack: start;

  justify-content: flex-start;

}



.review-poster-video-avatar .avatar-detail {

  width: 95px;

  height: 95px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

}



.review-poster-video-avatar .avatar-detail img {

  max-width: 95px;

  max-height: 95px;

}



#review-content {

  height: 350px;

}



.carousel-comment-media .carousel-control a {

  opacity: 1;

  width: 45px;

  height: 45px;

  top: calc(50% - 45px / 2);

  bottom: inherit;

}



.carousel-comment-media .carousel-control a span {

  display: block;

  cursor: pointer;

  color: #222222;

  width: 45px;

  height: 45px;

  padding: 5px;

  text-align: center;

  background-color: #ffffff;

  -webkit-box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.12);

  box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.12);

  border-radius: 100%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

}



.carousel-comment-media .carousel-control a.carousel-control-prev {

  left: 20px;

}



.carousel-comment-media .carousel-control a.carousel-control-prev span {

  padding-right: 9px;

}



.carousel-comment-media .carousel-control a.carousel-control-next {

  right: 20px;

}



.carousel-comment-media .carousel-control a.carousel-control-next span {

  padding-left: 8px;

}



.carousel-comment-media .carousel-indicators {

  position: static;

  margin: 0 0 1rem 0;

}



.carousel-comment-media .carousel-indicators li {

  width: auto;

  max-width: 60px;

  height: auto;

  text-indent: inherit;

  -webkit-box-flex: 0;

  -ms-flex: none;

  flex: none;

  margin: 0px 0px 3px 0px;

  border: 2px solid transparent;

  opacity: 1;

  cursor: -webkit-zoom-in;

  cursor: zoom-in;

}



.carousel-comment-media .carousel-indicators li.active {

  border-color: #ffc120;

  cursor: -webkit-zoom-out;

  cursor: zoom-out;

  -webkit-transform: scale(1.05);

  transform: scale(1.05);

}



.carousel-comment-media .carousel-inner {

  max-width: 550px;

  -webkit-box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.12);

  box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.12);

  margin: auto;

}



.carousel-comment-media .carousel-inner .carousel-lists .carousel-comment-media-item-video #file-video {

  max-width: 100%;

  width: 100%;

  height: 500px;

  vertical-align: top;

  display: inline-block;

  background-color: #000000;

}



#form-reply {

  display: none;

}



.comment-item {

  margin-bottom: 3rem;

}



@media only screen and (min-width: 992px) {

  .comment-item {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    justify-content: flex-start;

  }

}



.comment-item-poster {

  width: 200px;

  margin-right: 30px;

  text-align: center;

}



.comment-item-letter {

  border-radius: 50%;

  background-color: #d3d2d3;

  color: #919090;

  width: 65px;

  height: 65px;

  text-transform: uppercase;

  display: inline-block;

  vertical-align: top;

  line-height: 67px;

  font-size: 18px;

  font-weight: 700;

  margin-bottom: 0.5rem;

}



.comment-item-name {

  margin-bottom: 0.25rem;

  text-transform: capitalize;

}



.comment-item-posttime {

  font-size: 12px;

  color: #999999;

}



.comment-item-information {

  width: calc(100% - 230px);

}



.comment-item-star {

  float: left;

  margin-right: 10px;

}



.comment-item-star i {

  font-size: 17px;

}



.comment-item-title {

  font-size: 15px;

  font-weight: 500;

}



.comment-replies {

  position: relative;

  background: #f8f9fa;

  border: 1px solid #dfdfdf;

  padding: 1.75rem 1.5rem;

}



.comment-replies:after {

  content: "";

  position: absolute;

}



.comment-replies:before {

  content: "";

  position: absolute;

  z-index: 1;

  top: -13px;

  left: 10px;

  border-left: 10px solid transparent;

  border-right: 10px solid transparent;

  border-bottom: 13px solid #f8f9fa;

}



.comment-replies:after {

  top: -14px;

  left: 9px;

  border-left: 11px solid transparent;

  border-right: 11px solid transparent;

  border-bottom: 14px solid #dfdfdf;

}



.comment-replies-item {

  margin-bottom: 1.5rem;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: start;

  -ms-flex-align: start;

  align-items: flex-start;

  -webkit-box-pack: start;

  -ms-flex-pack: start;

  justify-content: flex-start;

}



.comment-replies-item:last-child {

  margin-bottom: 0px;

}



.comment-replies-letter {

  width: 45px;

  height: 45px;

  margin-right: 10px;

  line-height: 45px;

  padding-left: 1px;

  font-size: 14px;

  border-radius: 50%;

  background-color: #e5e3e5;

  color: #919090;

  text-transform: uppercase;

  display: inline-block;

  vertical-align: top;

  font-weight: 500;

  text-align: center;

  margin-top: 0.125rem;

}



.comment-replies-letter.admin {

  position: relative;

  background-color: #189eff;

  text-indent: 9999px;

  overflow: hidden;

}



.comment-replies-letter.admin:before {

  content: "QTV";

  text-indent: 0px;

  color: #ffffff;

  font-weight: 500;

  text-transform: uppercase;

  font-size: 13px;

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

}



.comment-replies-info {

  width: calc(100% - 55px);

}



.comment-replies-name {

  font-weight: 500;

  margin-bottom: 0.125rem;

}



.comment-replies [class*="btn-load-more-"] {

  border: 0px;

  outline: none;

  padding: 0px;

  background: transparent;

}



.comment-media-play {

  z-index: 1;

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translateY(-50%) translateX(-50%);

  transform: translateY(-50%) translateX(-50%);

}



.comment-media-play svg {

  -webkit-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.3);

  box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.3);

  border-radius: 50%;

  background-color: rgba(255, 255, 255, 0.15);

}



.comment-media-play svg .comment-media-play-stroke-dotted {

  opacity: 0;

  stroke-dasharray: 4, 5;

  stroke-width: 1px;

  -webkit-transform-origin: 50% 50%;

  transform-origin: 50% 50%;

  -webkit-animation: spin 4s infinite linear;

  animation: spin 4s infinite linear;

  -webkit-transition: opacity 1s ease, stroke-width 1s ease;

  transition: opacity 1s ease, stroke-width 1s ease;

}



.comment-media-play svg .comment-media-play-stroke-solid {

  stroke-dashoffset: 0;

  stroke-dasharray: 300;

  stroke-width: 4px;

  -webkit-transition: stroke-dashoffset 1s ease, opacity 1s ease;

  transition: stroke-dashoffset 1s ease, opacity 1s ease;

}



.comment-media-play svg .comment-media-play-icon {

  -webkit-transform-origin: 50% 50%;

  transform-origin: 50% 50%;

  -webkit-transition: -webkit-transform 200ms ease-out;

  transition: -webkit-transform 200ms ease-out;

  transition: transform 200ms ease-out;

  transition: transform 200ms ease-out, -webkit-transform 200ms ease-out;

}



.comment-media-play:hover svg .comment-media-play-stroke-dotted {

  stroke-width: 4px;

  opacity: 1;

}



.comment-media-play:hover svg .comment-media-play-stroke-solid {

  opacity: 0;

  stroke-dashoffset: 300;

}



.comment-media-play:hover svg .comment-media-play-icon {

  -webkit-transform: scale(1.05);

  transform: scale(1.05);

}



.head .head-top {

  color: #ffffff;

  background-color: var(--background-static);

}



.head .head-top .maxwidth {}



.slogan-head {

  height: 40px;

  display: flex;

  align-items: center;

  width: 40%;

}



.info-head {

  margin-bottom: 0;

}



.info-head i {

  vertical-align: top;

  margin: 3px 5px 0px 0px;

  font-size: 16px;

}



.head .head-bottom .maxwidth {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

}



.social-head li {

  width: 30px;

}



.head-bottom .maxwidth {

  padding: 10px 0;

}



.hotline-head {}



.hotline-head p {}



.hotline-head span {}



.user-head a {

  color: #ffffff;

  padding-right: 9px;

  margin-right: 7px;

  position: relative;

  display: inline-block;

  vertical-align: top;

  text-decoration: none;

}



.user-head a:after {

  content: "";

  position: absolute;

  width: 1px;

  height: 8px;

  background-color: #ffffff;

  top: calc(50% - 7px / 2);

  right: 0px;

  opacity: 0.7;

}



.user-head a:last-child {

  padding-right: 0px;

  margin-right: 0px;

}



.user-head a:last-child:after {

  display: none;

}




/* Menu */

.menu {

  position: relative;

  z-index: 10;

  width: 72%;

  top: 0;

}

ul.menu-main {
  padding-left: 0;
  background: #e21c1d;
  border-radius: 50px;
}


.menu ul {
  width: 100%;
  list-style: none;
  margin-bottom: 0;
  padding-left: 23px;

}



.menu ul.menu-main {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

}



span.countcart {

  position: absolute;

  top: -6px;

  background: red;

  z-index: 9999;

  right: -5px;

  width: 21px;

  height: 20px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 50px;

  font-family: qb;

  color: #fff;

  padding-left: 1px;

}



.menu ul li {

  /* position: relative; */

  z-index: 1;

}



.menu ul li.menu-line {

  width: 1px;

  height: 15px;

  background-color: rgba(0, 0, 0, 0.1);

}

.scroll-second-menu::-webkit-resizer {

  background-color: #e7e7e7;

}

.scroll-second-menu::-webkit-scrollbar {

  width: 5px;

  height: 10px;

}

.scroll-second-menu::-webkit-scrollbar-button {

  width: 0;

  height: 0;

}

.scroll-second-menu::-webkit-scrollbar-corner {

  background-color: #e7e7e7;

}

.scroll-second-menu::-webkit-scrollbar-thumb {

  height: 60px;

  background-color: #d4d4d4;

}

.scroll-second-menu::-webkit-scrollbar-track {

  background-color: #d4d4d4;

}

.scroll-second-menu::-webkit-scrollbar-track-piece {

  background-color: #e7e7e7;

}

.item-holder {
  width: 200px;
  padding-left: 10px;
  /* margin-bottom: 10px; */
  display: block;
  background: #fff;
}

.item-holder p {
  font-family: HelveticaNeue-Medium;
  font-size: 15px;
  color: var(--main-color);
  text-transform: uppercase;
  margin-bottom: 10px;
}

ul.second-menu {

  width: 250px;

}

.timkiem {
  width: 67%;
  background: url(../img/search.png) no-repeat center center;
  /* height: 30px; */
}

.timkiem form {
  height: 43px;
  border-radius: 10px;
  border-color: #e21c1d;
  border-width: 2px;
  background: #fff;
  font-family: 'Google sans';
  color: red;
  border: 2px solid #e21c1d;
}

.item-holder ul {

  list-style: none;

  padding: 0;

  margin: 0;

}

.item-holder ul li {

  position: relative;

  margin-bottom: 10px;

  font-family: HelveticaNeue;

  font-size: 13px;

  color: #333;

}



.menu-hover::-webkit-resizer {

  background-color: #e7e7e7;

}

.menu-hover::-webkit-scrollbar {

  width: 5px;

  height: 10px;

}

.menu-hover::-webkit-scrollbar-button {

  width: 0;

  height: 0;

}

.menu-hover::-webkit-scrollbar-corner {

  background-color: #e7e7e7;

}

.menu-hover::-webkit-scrollbar-thumb {

  height: 60px;

  background-color: #d4d4d4;

}

.menu-hover::-webkit-scrollbar-track {

  background-color: #d4d4d4;

}

.menu-hover::-webkit-scrollbar-track-piece {

  background-color: #e7e7e7;

}



.menu ul li a {

  display: block;
  position: relative;
  padding: 14px 0;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
  font-family: qb;
  color: #ffffff;

}

ul.ulli_items li a {

  font-family: qm !important;

  padding-bottom: 6px !important;

  padding-top: 6px !important;

}

ul.ulli_items li {

  margin-bottom: 0;

}



.menu ul li a:hover,

.menu ul li a.active {

  color: #fff200;

}



.menu ul li a.has-child {

  padding-right: 16px;

  margin-right: 8px;

}



/* 

.menu ul li ul {

  position: absolute;

  min-width: 250px;

  background-color: #fafafa;

  border-radius: 0.25rem;

  -webkit-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.15);

  box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.15);

  -webkit-transform: perspective(600px) rotateX(-90deg);

  transform: perspective(600px) rotateX(-90deg);

  -webkit-transform-origin: 0 0 0;

  transform-origin: 0 0 0;

  opacity: 0;

  visibility: hidden;

} */



.menu ul li:hover>ul {

  -webkit-transform: perspective(600px) rotateX(0);

  transform: perspective(600px) rotateX(0);

  transform-origin: 0 0 0;

  -webkit-transform-origin: 0 0 0;

  opacity: 1;

  visibility: visible;

}






.menu ul li ul li a {
  font-size: 14px;
  color: #343434;
  border-bottom: 1px solid #ececec;
  padding: 10px 10px 9px 10px;
  text-transform: capitalize;
  font-family: "qb";

}



.menu ul li ul li a.has-child {

  margin-right: 0px;

}



.menu ul li ul li a.has-child:after {

  border-color: #313131;

  -webkit-transform: rotate(-45deg);

  transform: rotate(-45deg);

}



.menu ul li ul li a.active {

  color: #e21c1d;

}



.menu ul li ul li a.active.has-child:after {

  border-color: #e21c1d;

}



.menu ul li ul li:last-child>a {

  border-bottom: 0px;

}



.menu ul li ul li:hover>a {

  color: #e21c1d;

}



.menu ul li ul li a {

  transition: all 0.3s;

}

.menu ul li ul li:hover>a.has-child:after {

  border-color: #e21c1d;

}



.menu ul li ul li ul {

  top: 0;

  left: 100%;

  margin-top: 0px;

}



/* Search */

.search {

  width: 100%;

  background: #ffffff;

}

.star_view .star {

  list-style: none;

  padding: 0;

  margin: 0;

  display: flex;

}

.search p {

  float: left;

  width: 35px;

  height: 35px;

  line-height: 35px;

  cursor: pointer;

  text-align: center;

  margin: 0px;

  color: #6c757d;

  font-size: 16px;

}



.search input {

  width: calc(100% - 35px);

  height: 35px;

  float: left;

  outline: none;

  padding: 0px;

  border: 0px;

  background: transparent;

  text-indent: 10px;

  font-size: 12px;

}



.search input::-webkit-input-placeholder {

  color: #313131;

}



.timkiem input::-webkit-input-placeholder {

  color: #ececec;
  font-size: 15px;
}

.search input:-moz-placeholder {

  color: #313131;

}



.search input::-moz-placeholder {

  color: #313131;

}



.search input:-ms-input-placeholder {

  color: #313131;

}



/* Mmenu */

.menu-res {

  z-index: 100;

  /* background: var(--background-static); */

  position: relative;

  display: none;

}



.menu-bar-res {

  height: 46px;

  padding: 0px 15px;

  position: fixed;

  width: 100%;

  top: 0;
  /* background: #e21c1d; */

}



#menu {

  display: none;

}



#hamburger {

  display: block;

  width: 15px;

  height: 15px;

  position: relative;

}

.fixed{
  padding: 5px;
  background-color: #e21c1d;
  border-radius: 5px;
}



#hamburger:before,

#hamburger:after,

#hamburger span {

  background: #fff;

  content: "";

  display: block;

  width: 100%;

  height: 2px;

  position: absolute;

  left: 0px;

}



#hamburger:before {

  top: 2px;

}



#hamburger span {

  top: 6px;

}



#hamburger:after {

  top: 10px;

}



#hamburger:before,

#hamburger:after,

#hamburger span {

  -webkit-transition: none 0.5s ease 0.5s;

  transition: none 0.5s ease 0.5s;

  -webkit-transition-property: transform, top, bottom, left, opacity;

  transition-property: transform, top, bottom, left, opacity;

}



.mm-wrapper_opening #hamburger:before,

.mm-wrapper_opening #hamburger:after {

  top: 10px;

}



.mm-wrapper_opening #hamburger span {

  left: -50px;

  opacity: 0;

}



.mm-wrapper_opening #hamburger:before {

  transform: rotate(45deg);

}



.mm-wrapper_opening #hamburger:after {

  transform: rotate(-45deg);

}



.mm-menu_opened {

  display: block !important;

}



/* Search Responsive */

.search-res {

  position: relative;

}



.search-res .icon-search {

  width: 30px;

  height: 30px;

  cursor: pointer;

  text-align: center;

  line-height: 30px;

  color: #fff;
  background: #e21c1d;
  border-radius: 100%;

  font-size: 13px;

  margin: 0px;

}



.search-res .icon-search.active {

  color: #fff;

  background: #e21c1d;

}



.search-res .search-grid {

  position: absolute;

  top: 50px;

  right: 0px;

  width: 0px;

  height: 40px;

  overflow: hidden;

  background: #ffffff;

  border: 1px solid #e21c1d;

  z-index: 2;

  opacity: 0;

  border-radius: 25px;

  line-height: normal;

}



.search-res .search-grid p {

  float: left;

  width: 35px;

  height: 38px;

  cursor: pointer;

  outline: none;

  border: none;

  margin: 0px;

  font-size: 17px;

  display: block;

  color: #e21c1d;

  line-height: 40px;

  text-align: center;

}



.search-res .search-grid input {

  width: calc(100% - 35px);

  float: right;

  line-height: 38px;

  outline: none;

  border: none;

  color: #e21c1d;

}



.search-res .search-grid input::-webkit-input-placeholder {

  color: #313131;

}



.search-res .search-grid input:-moz-placeholder {

  color: #313131;

}



.search-res .search-grid input::-moz-placeholder {

  color: #313131;

}



.search-res .search-grid input:-ms-input-placeholder {

  color: #313131;

}



.search-desktop {

  position: relative;

}



.search-desktop .icon-search {

  width: 40px;

  height: 40px;

  cursor: pointer;

  text-align: center;

  line-height: 42px;

  color: #ffffff;

  font-size: 17px;

  margin: 0px;

}



.search-desktop .icon-search.active {

  color: #e21c1d;

  background: #ffffff;

  border-radius: 100%;

}



.search-desktop .search-grid {

  position: absolute;

  top: 50px;

  right: 0px;

  width: 0px;

  height: 40px;

  overflow: hidden;

  background: #ffffff;

  border: 1px solid #e21c1d;

  z-index: 2;

  opacity: 0;

  border-radius: 25px;

  line-height: normal;

}



.search-desktop .search-grid p {

  float: left;

  width: 35px;

  height: 38px;

  cursor: pointer;

  outline: none;

  border: none;

  margin: 0px;

  font-size: 17px;

  display: block;

  color: #e21c1d;

  line-height: 40px;

  text-align: center;

}



.search-desktop .search-grid input {

  width: calc(100% - 35px);

  float: right;

  line-height: 38px;

  outline: none;

  border: none;

  color: #e21c1d;

}



.search-desktop .search-grid input::-webkit-input-placeholder {

  color: #313131;

}



.search-desktop .search-grid input:-moz-placeholder {

  color: #313131;

}



.search-desktop .search-grid input::-moz-placeholder {

  color: #313131;

}



.search-desktop .search-grid input:-ms-input-placeholder {

  color: #313131;

}





/* Slideshow */

.slideshow {

  position: relative;

}



.slideshow-item {

  display: block;

  cursor: pointer;

}



.slideshow:hover .control-slideshow {

  opacity: 1;

}



.control-slideshow {

  opacity: 0;

}



.info-slide {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  text-align: center;

}



.name-slide {

  font-size: 70px;

  text-transform: uppercase;

  color: #fff;

  font-family: "svn";

  margin-bottom: 40px;

}



.desc-slide {

  font-size: 15px;

  color: #fff;

  width: 500px;

  margin: 20px 0 30px;

}



.views-more-slide {

  width: 175px;

  height: 40px;

  font-family: "qb";

  color: #fff;

  font-size: 17px;

  text-transform: capitalize;

}



.box-slide.slick-current.slick-active .name-slide {

  animation: fadeInUp;

  animation-duration: 1s;

  animation-delay: 0.5s;

  animation-fill-mode: forwards;

}



.box-slide.slick-current.slick-active .desc-slide {

  animation: fadeInUp;

  animation-duration: 1s;

  animation-delay: 1s;

  animation-fill-mode: forwards;

}



.box-slide.slick-current.slick-active .views-more-slide {

  animation: scaleLarge;

  animation-duration: 1s;

  animation-delay: 1.5s;

  animation-fill-mode: forwards;

}



.slide-text .slick-prev,

.slide-text .slick-next {

  width: 40px;

  height: 50px;

  border-radius: 5px;

  background: rgba(0, 0, 0, 0.3);

}



.slide-text .slick-prev {

  left: 5px;

}



.slide-text .slick-next {

  right: 5px;

}



.slide-text .slick-prev:before {

  font-family: "FontAwesome";

  font-weight: 400;

  content: "\f053";

}



.slide-text .slick-next:before {

  font-family: "FontAwesome";

  font-weight: 400;

  content: "\f054";

}



.slide-text .slick-dots {

  bottom: 20px;

}



.slide-text .slick-dots li {

  margin: 0;

}



.slide-text .slick-dots li button:before {

  color: #fff;

  font-size: 15px;

}



/* Partner */

.control-partner button {

  background-color: transparent;

  color: #222222;

  opacity: 1;

  width: 25px;

  font-size: 23px;

}



.control-partner button:hover {

  opacity: 0.7;

}



.control-partner button.owl-prev {

  left: 0px;

}



.control-partner button.owl-next {

  right: 0px;

}



.wrap-partner {

  margin-bottom: 2rem;

}



.wrap-partner .maxwidth {

  position: relative;

}



.partner {

  display: block;

  border: 1px solid #eee;

  max-width: 175px;

  margin: 0px auto;

}



/* Breadcrumb */

.breadCrumbs {

  background: none;

}



.breadCrumbs .maxwidth {

  padding: 0.75rem 0;

}



.breadCrumbs .maxwidth .breadcrumb {

  padding: 0;

  margin-bottom: 0;

  background-color: transparent;

  border-radius: 0;

}



.breadCrumbs .maxwidth .breadcrumb-item a {

  color: #212529;

}



.breadCrumbs .maxwidth .breadcrumb-item.active a {

  color: #e21c1d;

}



/* Intro */



.news-intro:before {

  content: "";

  position: absolute;

  width: 1px;

  height: calc(100% - 50px);

  top: 10px;

  left: 90px;

  background-color: #cacaca;

}



.news-scroll:before,

.news-scroll:after {

  content: "";

  position: absolute;

  width: 10px;

  height: 10px;

  left: 85px;

  border-radius: 100%;

  background-color: #cacaca;

}



.news-scroll:before {

  top: 10px;

}



.news-scroll:after {

  bottom: 40px;

}



.news-control {

  left: 85px;

  font-size: 13px;

  opacity: 0.5;

  z-index: 1;

  cursor: pointer;

}



.news-control:hover {

  opacity: 1;

  color: #e21c1d;

}



.news-control#up {

  top: -10px;

}



.news-control#down {

  bottom: 20px;

}



.news-shadow {

  padding-bottom: 30px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: start;

  -ms-flex-pack: start;

  justify-content: flex-start;

}



.news-shadow .news-shadow-time {

  font-size: 13px;

  width: 75px;

  margin-right: 45px;

}



.news-shadow .news-shadow-time:after {

  content: "";

  position: absolute;

  width: 20px;

  height: 20px;

  top: calc(50% - 20px / 2);

  right: -26px;

  background-repeat: no-repeat;

  background-position: center;

  background-image: url(../images/pattern-news.png);

}



.news-shadow .news-shadow-article {

  width: calc(100% - 120px);

  padding: 14px 15px;

  border-radius: 10px;

  background-color: #ffffff;

  border: 1px solid #cecabb;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: start;

  -ms-flex-pack: start;

  justify-content: flex-start;

}



.news-shadow .news-shadow-article:before {

  content: "";

  position: absolute;

  top: calc(50% - 26px / 2);

  left: -13px;

  z-index: 0;

  border-top: 13px solid transparent;

  border-right: 13px solid #cecabb;

  border-bottom: 13px solid transparent;

}



.news-shadow .news-shadow-article:after {

  content: "";

  position: absolute;

  top: calc(50% - 24px / 2);

  left: -11px;

  z-index: 1;

  border-top: 12px solid transparent;

  border-right: 11px solid #ffffff;

  border-bottom: 12px solid transparent;

}



.news-shadow .news-shadow-article .news-shadow-image {

  margin-right: 10px;

  width: 90px;

}



.news-shadow .news-shadow-article .news-shadow-info {

  width: calc(100% - 100px);

}



.news-shadow .news-shadow-article .news-shadow-info .news-shadow-name {

  height: 36px;

  font-size: 15px;

  font-weight: 700;

}



.news-shadow .news-shadow-article .news-shadow-info .news-shadow-name a {

  color: #222222;

}



.news-shadow .news-shadow-article .news-shadow-info .news-shadow-name a:hover {

  color: #e21c1d;

}



.news-shadow .news-shadow-article .news-shadow-info .news-shadow-name a .text-split {

  -webkit-line-clamp: 2;

}



.news-shadow .news-shadow-article .news-shadow-info .news-shadow-desc {

  height: 38px;

  font-size: 13px;

}



.news-shadow .news-shadow-article .news-shadow-info .news-shadow-desc.text-split {

  -webkit-line-clamp: 2;

}



/* Video */

.video {

  cursor: pointer;

  margin-bottom: 1rem;

}



.video .video-image {

  position: relative;

  margin-bottom: 0.75rem;

}



.video .video-image:before {

  content: "";

  position: absolute;

  width: 50px;

  height: 35px;

  top: calc(50% - 50px / 2);

  left: calc(50% - 35px / 2);

  z-index: 1;

  background-repeat: no-repeat;

  background-image: url(../images/play.png);

}



.video .video-name {

  text-align: center;

  font-size: 16px;

  color: #212529;

  margin-bottom: 0px;

}



/* Album */

.album {

  cursor: pointer;

}



.album .album-image {

  margin-bottom: 0.75rem;

}



.album .album-name {

  margin-bottom: 0px;

  text-align: center;

}



.album .album-name a {

  display: block;

  font-size: 16px;

  color: #212529;

  margin-bottom: 0px;

}



/* Brand */

.wrap-brand .maxwidth {

  position: relative;

}



.brand {

  display: block;

  border: 1px solid #eee;

  max-width: 160px;

  margin: 0px auto;

}



/* Product */

.wrap-product {

  margin-bottom: 50px;

}



.cart-product {

  margin-bottom: 0px;

}



.cart-product span {

  cursor: pointer;

  color: #ffffff;

  text-transform: capitalize;

  text-align: center;

}



/* Product Detail */

.grid-pro-detail {

  margin-bottom: 3rem;

}



.left-pro-detail {

  position: relative;

  text-align: center;

  width: 45%;

}



.right-pro-detail {

  width: calc(55% - 40px);

}



.left-pro-detail .MagicZoom {

  border: 1px solid #eee;

  padding: 7px;

  border-radius: 5px;

  background-color: #ffffff;

}



.gallery-thumb-pro {

  position: relative;

  margin-top: 10px;

}



.owl-pro-detail {

  padding: 0;

}



.control-pro-detail button {

  background-color: transparent;

  color: #222222;

  opacity: 1;

  width: 25px;

  font-size: 23px;

}



.control-pro-detail button:hover {

  opacity: 0.7;

}



.control-pro-detail button.owl-prev {

  left: 0px;

}



.control-pro-detail button.owl-next {

  right: 0px;

}



.thumb-pro-detail {

  display: block !important;

  border: 1px solid #eee;

  padding: 5px;

  border-radius: 3px;

  cursor: pointer;

  background-color: #ffffff;

}



.thumb-pro-detail.mz-thumb.mz-thumb-selected {

  border-color: #cecfd2;

}



.thumb-pro-detail img {

  -webkit-box-shadow: none !important;

  box-shadow: none !important;

  -webkit-filter: brightness(100%) !important;

  filter: brightness(100%) !important;

  border-bottom: 0px !important;

  padding-bottom: 0px !important;

}



.title-pro-detail {
  text-transform: capitalize;
  font-size: 24px;
  display: block;
  font-family: 'qb';
  margin-bottom: 3% !important;
  color: black;

}



.comment-pro-detail {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: start;

  -ms-flex-pack: start;

  justify-content: flex-start;

}



.social-plugin-pro-detail {

  margin-bottom: 1rem;

  margin-top: 0px !important;

}



.desc-pro-detail {

  margin-bottom: 1rem;

}



.attr-pro-detail {

  list-style: none;

  padding: 0px;

}



.attr-pro-detail li {

  margin-bottom: 0.5rem;

}



.attr-label-pro-detail {

  margin: 0px 5px 0px 0px;

}



.attr-content-pro-detail {

  display: inline-block;

  margin-bottom: 0px;

}



.brand-pro-detail {}



.brand-pro-detail a {

  background: var(--color-red);

  color: #fff;

  border-radius: 2px;

  padding: 2px 5px;

}



.price-new-pro-detail {

  font-weight: 700;

  font-size: 23px;

  color: #e21c1d;

}

p.cart-product {

  width: 65%;

}

.price-old-pro-detail {

  font-weight: 400;

  color: var(--color-gray);

  text-decoration: line-through;

  padding-left: 10px;

}



.color-pro-detail {

  cursor: pointer;
  vertical-align: top;
  position: relative;
  width: 40px;
  height: 40px;
  margin: 0 8px 5px 0;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  border: 1px solid #dadada;
  transition: 0.3s;
  border-radius: 2px;
  border-radius: 100%;

}



.size-pro-detail {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  width: auto;
  position: relative;
  margin: 0 8px 0 0;
  border: 1px solid #dadada;
  border-radius: 2px;
  font-size: 12px;
  transition: 0.3s;
  padding: 0 10px;

}



.size-pro-detail.active,

.color-pro-detail.active {

  border-color: var(--color-dark-red);

}



.size-pro-detail.active:after,

.color-pro-detail.active:after {

  content: "";

  position: absolute;

  bottom: 0px;

  right: 0px;

  width: 13px;

  height: 13px;

  background-repeat: no-repeat;

  background-image: url(../images/check-cart.png);

}



.color-pro-detail input[type="radio"],

.size-pro-detail input[type="radio"] {

  display: none;

}



.quantity-pro-detail {

  width: 150px;

  display: flex;

  align-items: center;

  justify-content: space-between;

  text-align: center;

  height: 45px;

  border-radius: 30px;

  overflow: hidden;

  border: 1px solid #dfdfdf;

}



.quantity-pro-detail span {

  line-height: 25px;

  padding: 0px;

  width: 45px;

  height: 100%;

  color: #000;

  cursor: pointer;

  font-size: 22px;

  display: flex;

  align-items: center;

  justify-content: center;

  font-weight: 500;

}



.quantity-pro-detail span.quantity-plus-pro-detail {

  border-left: 0px;

}



.quantity-pro-detail span.quantity-minus-pro-detail {

  border-right: 0px;

}



.quantity-pro-detail input {

  height: 100%;

  border: none;

  width: calc(100% - 90px);

  text-align: center;

  font-size: 15px;

}



.cart-pro-detail {

  max-width: 400px;

}



.cart-pro-detail a {

  text-align: center;

  color: #fff;

  text-transform: uppercase;

  cursor: pointer;

  width: calc(100% / 2 - 5px);

  height: 45px;

  border-radius: 5px;

}



.cart-pro-detail a.addnow {

  background: #fff;

  color: var(--color-red);

}



.cart-pro-detail a.addnow:hover {

  color: #fff;

  background: var(--color-red);

}



.cart-pro-detail a.buynow {

  background-color: #333;

}



.cart-pro-detail a.buynow:hover {

  background-color: var(--color-dark-red);

  color: #fff;

}



.cart-pro-detail a i {

  vertical-align: top;

  margin-right: 8px;

  font-size: 24px;

  position: relative;

  top: -2px;

}



.tags-pro-detail a {

  float: left;

  font-size: 13px;

  padding-bottom: 0.375rem;

  margin: 0px 5px 5px 0px;

}



.tags-pro-detail a i {

  font-size: 11px;

  margin: 5px 5px 0px 0px;

}



.tabs-pro-detail {

  margin-top: 2rem;
  margin-bottom: 6% !important;

}



.tabs-pro-detail .nav-tabs .nav-link {

  border-top-width: 3px;

  font-size: 13px;

  color: #333;

  text-transform: uppercase;

  font-weight: 500;

}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: #495057;
  background-color: #fff;
  border-color: #e0e9e1 #e0e9e1 #fff;
}

.desc-pro-detail {
  border: 1px solid #e0e9e1;
  padding: 0px;
  border-radius: 10px;
  box-shadow: 0 3px 3px #cccccc;

  line-height: 5px;
}

.desc_gif {
  padding: 0 12px;
}

.tabs-pro-detail .nav-tabs .nav-link.active,

.tabs-pro-detail .nav-tabs .nav-item.show .nav-link {

  border-top-color: #9ca79d;

}

.box_gift {
  border: 1px solid #dddddd;
  position: relative;
  border-radius: 10px;
  margin-bottom: 24px;
  margin-top: 12px;
}

h3.tile_gif {
  border-top-left-radius: 11px;
  border-top-right-radius: 11px;
  text-transform: capitalize;
  font-size: 20px;
  display: block;
  font-weight: 700;
  font-size: 19px;
  display: flex;
  background: #e21c1d;
  padding: 10px;
  align-items: center;
  margin-bottom: 20px;
}

h3.tile_gif i {
  font-size: 17px;
}

h3.tile_gif i {
  margin-right: 8px;
}

/* News */



.pic-news {

  width: 210px;

}



.pic-news img {

  width: 100%;

}



.info-news {

  width: calc(100% - 210px);

  padding-left: 20px;

}



.name-news {

  color: #252525;

  font-size: 17px;

  line-height: normal;

  font-weight: 600;

}



.name-news.text-split {

  -webkit-line-clamp: 2;

}

.name-news {

  transition: all 0.3s;

}

.name-news:hover {

  color: #e21c1d;

}

a.pic-news {

  border-radius: 5px;

}

.box-album:hover {

  cursor: pointer;

}

a.close-form-search i {

  color: #ff6a00;

}

.box-album h3 a {
  font-family: qb;
  font-size: 15px;
  color: black;
  line-height: 21px;
}

.box-album .pic-product {
  margin-bottom: 10px;

}

.mg-cus {
  padding: 0 0;
}

.row.flex-cus {
  margin: 0 0px;
}

h3.txt_album {
  width: 90%;
  text-align: center;
  margin: auto;
}

.box-album h3 a:hover {

  color: #e21c1d;

}

.box-album h3 a {

  transition: all 0.3s;

}

.news:hover .info-news h3 a {

  color: #e21c1d;

}



.time-news {

  color: var(--color-gray);

  margin-bottom: 10px;

}



.desc-news {

  color: #676767;

  margin-top: 5px;

  line-height: 22px;

}



.news .news-name {

  margin-bottom: 0.5rem;

}



.news .news-name a {

  color: #333;

  font-size: 16px;

}



.news .news-name a.text-split {

  -webkit-line-clamp: 2;

}



.news .news-name a:hover {

  color: #e21c1d;

}



.news .news-time {

  color: #84878a;

  margin-bottom: 0.25rem;

}



.news .news-desc {

  color: #333333;

  margin-top: 5px;

  line-height: 22px;

}



.othernews b {

  margin-bottom: 10px;

  font-size: 15px;

}



/*News orther*/

.othernews {

  position: sticky;

  top: 100px;

  z-index: 11;

}



.news-other {

  margin-bottom: 15px;

}



.pic-news-other {

  width: 40%;

}



.info-news-other {

  width: 60%;

  padding-left: 10px;

}



.name-news-other {

  color: #252525;

  font-size: 14px;

  line-height: normal;

  font-weight: 600;

}

.product-small.product-small2 {
  margin-bottom: 75px;
}

.name-news-other:hover {

  color: #e21c1d;

}



/* Contact */

.contact-input input,

.contact-input textarea {

  border-radius: 0;

  border-top: none;

  border-left: none;

  border-right: none;

}



.contact-input input:focus,

.contact-input textarea:focus {

  box-shadow: none;

  outline: none;

}



.form-floating.form-floating-cus>input {

  height: 45px;

}



.form-floating.form-floating-cus>textarea {

  height: 100px;

}



.form-floating.form-floating-cus>label {

  padding: 10px 10px;

  color: var(--color-gray);

}



.contact-article {

  margin-bottom: 3rem;

}



.contact-input {

  position: relative;

  margin-bottom: 20px;

}



.contact-input textarea {

  resize: none;

  height: 150px;

}



.contact-input .custom-file-label::after {

  content: attr(title);

}



.contact-map {

  position: relative;

  height: 500px;

}



.contact-map iframe {

  position: absolute;

  top: 0px;

  left: 0px;

  width: 100% !important;

  height: 100% !important;

}







/* Like Share */

.social-plugin {

  margin-top: 10px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: start;

  -ms-flex-align: start;

  align-items: flex-start;

  -webkit-box-pack: start;

  -ms-flex-pack: start;

  justify-content: flex-start;

}



.social-plugin .at-share-btn {

  margin-bottom: 0px !important;

}



.social-plugin .zalo-share-button {

  margin-left: 3px;

}



/* Paging */

.pagination-home .pagination .page-item .page-link {

  color: #555555;

  font-size: 0.875rem;

}



.pagination-home .pagination .page-item.active .page-link {

  color: #ffffff;

  background-color: #555555;

  border-color: #555555;

}



/* Paging Ajax */

.pagination-ajax {

  text-align: center;

}



.pagination-ajax a {

  display: inline-block;

  vertical-align: top;

  margin: 0px 3px 3px 3px;

  width: 35px;

  height: 35px;

  line-height: 33px;

  color: #666 !important;

  border: 1px solid #e6e6e6;

  font-size: 13px;

  cursor: pointer;

  text-decoration: none !important;

  background-color: #ffffff;

}



.pagination-ajax a.current,

.pagination-ajax a:hover {

  color: #ffffff !important;

  border-color: #e21c1d;

  background-color: #e21c1d;

}



.pagination-ajax a.first,

.pagination-ajax a.last,

.pagination-ajax a.prev,

.pagination-ajax a.next {

  text-indent: -9999px;

  position: relative;

  background-color: #ffffff !important;

}



.pagination-ajax a.first:before,

.pagination-ajax a.last:before,

.pagination-ajax a.prev:before,

.pagination-ajax a.next:before {

  content: "";

  position: absolute;

  top: 0px;

  left: 0px;

  width: 100%;

  height: 100%;

  z-index: 2;

  background-color: transparent;

  background-repeat: no-repeat;

  background-position: center;

}



.pagination-ajax a.first:before {

  background-image: url(../images/page-first.png);

}



.pagination-ajax a.last:before {

  background-image: url(../images/page-last.png);

}



.pagination-ajax a.prev:before {

  background-image: url(../images/page-prev.png);

}



.pagination-ajax a.next:before {

  background-image: url(../images/page-next.png);

}



/* Popup */

#popup .modal-body {

  padding: 0px;

}



/* Hidden Google Captcha */

.grecaptcha-badge {

  display: none !important;

  width: 0px !important;

  height: 0px !important;

  visibility: hidden !important;

  overflow: hidden;

}



/* Hidden Check Grammar Coccoc */

coccocgrammar {

  display: none;

}



/* Scroll Top */

.scrollToTop {

  width: 45px;

  height: 45px;

  text-align: center;

  font-weight: bold;

  color: #444;

  text-decoration: none;

  bottom: 75px;

  right: 25px;

  position: fixed;

  z-index: 10;

  cursor: pointer;

  justify-content: center;

  align-items: center;

  background: #b70404;

  border-radius: 100rem;

  transition: 1s;

  margin: 0 auto;

  visibility: visible;

  transition: all 0.5s;

  animation: slide-top 0.8s linear infinite alternate-reverse;

  align-items: center;

}



/* Text Hide */

.text-split {

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: normal;

  -webkit-box-orient: vertical;

  display: -webkit-box;

  -webkit-line-clamp: 3;

}



/* Transition All */

.transition,

.control-owl button,

.carousel-comment-media .carousel-control a span,

.menu ul li a.has-child:after,

.menu ul li ul,

.menu ul li:hover>ul,

.scale-img img,

.scale-img:hover>img,

.btn-frame .kenit-alo-circle-fill,

.support-online .kenit-alo-circle-fill {

  -webkit-transition: 0.3s all;

  transition: 0.3s all;

}



/* Scale IMG */

.scale-img {

  overflow: hidden;

  display: block;

}



.scale-img img {

  -webkit-transform: scale(1, 1);

  transform: scale(1, 1);

}



.scale-img:hover>img {

  -webkit-transform: scale(1.1, 1.1);

  transform: scale(1.1, 1.1);

}



/* Blink */

.blink {

  -webkit-animation-name: blink;

  -webkit-animation-duration: 1s;

  -webkit-animation-timing-function: linear;

  -webkit-animation-iteration-count: infinite;

  -moz-animation-name: blink;

  -moz-animation-duration: 1s;

  -moz-animation-timing-function: linear;

  -moz-animation-iteration-count: infinite;

  animation-name: blink;

  animation-duration: 1s;

  animation-timing-function: linear;

  animation-iteration-count: infinite;

}



/* Button Frame */

.btn-frame {

  display: block;

  width: 50px;

  height: 50px;

  position: fixed;

  right: 20px;

  z-index: 10;

  cursor: pointer;

}



.btn-frame i {

  width: 50px;

  height: 50px;

  border-radius: 50%;

  background: #1182fc;

  position: relative;

  z-index: 1;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

}



.btn-frame i img {

  vertical-align: middle;

  width: 70%;

}



.btn-frame .animated.infinite {

  -webkit-animation-iteration-count: infinite;

  animation-iteration-count: infinite;

}



.btn-frame .kenit-alo-circle {

  width: 60px;

  height: 60px;

  top: -5px;

  right: -5px;

  position: absolute;

  background-color: transparent;

  border-radius: 100%;

  border: 2px solid rgba(7, 41, 103, 0.8);

  opacity: 0.1;

  border-color: #1182fc;

  opacity: 0.5;

}



.btn-frame .zoomIn {

  -webkit-animation-name: zoomIn;

  animation-name: zoomIn;

}



.btn-frame .animated {

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

}



.btn-frame .kenit-alo-circle-fill {

  width: 70px;

  height: 70px;

  top: -10px;

  right: -10px;

  position: absolute;

  border-radius: 100%;

  border: 2px solid transparent;

  background-color: rgb(1 150 11 / 50%);

  opacity: 0.4;

}



.btn-frame .pulse {

  -webkit-animation-name: pulse;

  animation-name: pulse;

}



/* Zalo */

.btn-zalo {

  bottom: 315px;

}



/* Phone */

.btn-phone {

  bottom: 230px;

}



/* Messenger */

.js-facebook-messenger-top-header {

  background: #487dfc;

  color: #fff;

  height: 35px;

  display: flex;

  align-items: center;

  justify-content: center;

  text-align: center;

  border-radius: 5px 5px 0 0;

}



.js-facebook-messenger-container.closed {

  display: none !important;

}



.js-facebook-messenger-tooltip {

  bottom: 97px;

  right: 97px;

  color: #404040;

  background: #fff;

}



.js-facebook-messenger-tooltip.closed {

  display: none !important;

}



.js-facebook-messenger-box,

.js-facebook-messenger-button {

  z-index: 999;

}



.js-facebook-messenger-tooltip {

  z-index: 999;

  display: none;

  position: fixed;

  text-align: center;

  border-radius: 10px;

  overflow: hidden;

  font-size: 12px;

  line-height: 1;

  padding: 10px;

  border: 1px solid rgba(0, 0, 0, 0.1);

  -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 2pt 10pt;

  box-shadow: rgba(0, 0, 0, 0.15) 0 2pt 10pt;

  z-index: 1000000000000000019884624838656;

}



.js-facebook-messenger-close-tooltip {

  width: 10px;

  height: 10px;

  display: inline-block;

  cursor: pointer;

  margin-left: 10px;

}



.js-facebook-messenger-box {

  z-index: 999;

}



.js-facebook-messenger-box.rubberBand {

  -webkit-animation-name: rubberBand;

  animation-name: rubberBand;

}



.js-facebook-messenger-box.animated {

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

}



.js-facebook-messenger-button,

.js-facebook-messenger-tooltip {

  z-index: 999;

}



.js-facebook-messenger-box {

  display: block;

  position: fixed;

  cursor: pointer;

  bottom: 150px;

  right: 17px;

  width: 56px;

  height: 56px;

  text-align: center;

  background: #1182fc;

  border-radius: 100%;

  overflow: hidden;

  z-index: 99;

  -webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.3);

  box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.3);

}



.js-facebook-messenger-box.rotate svg#fb-msng-icon {

  -webkit-transform: rotate(0deg);

  transform: rotate(0deg);

}



.js-facebook-messenger-box svg#fb-msng-icon {

  width: 32px;

  height: 33px;

  position: absolute;

  top: 13px;

  left: 12px;

  opacity: 1;

  overflow: hidden;

  -webkit-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out;

  -webkit-transition: opacity 160ms ease-in-out,

    -webkit-transform 160ms ease-in-out;

  transition: opacity 160ms ease-in-out, -webkit-transform 160ms ease-in-out;

  transition: opacity 160ms ease-in-out, transform 160ms ease-in-out;

  transition: opacity 160ms ease-in-out, transform 160ms ease-in-out,

    -webkit-transform 160ms ease-in-out;

}



.js-facebook-messenger-box.rotate svg#close-icon {

  -webkit-transform: rotate(-45deg);

  transform: rotate(-45deg);

}



.js-facebook-messenger-box svg#close-icon {

  opacity: 0;

  width: 19px;

  height: 20px;

  position: absolute;

  top: 19px;

  left: 19px;

  -webkit-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out;

  -webkit-transition: opacity 160ms ease-in-out,

    -webkit-transform 160ms ease-in-out;

  transition: opacity 160ms ease-in-out, -webkit-transform 160ms ease-in-out;

  transition: opacity 160ms ease-in-out, transform 160ms ease-in-out;

  transition: opacity 160ms ease-in-out, transform 160ms ease-in-out,

    -webkit-transform 160ms ease-in-out;

}



.js-facebook-messenger-container,

.js-facebook-messenger-container-button {

  z-index: 1000;

}



.js-facebook-messenger-container {

  width: 250px;

  position: fixed;

  opacity: 0;

  -webkit-transform: translateY(50px);

  transform: translateY(50px);

  bottom: 110px;

  right: 90px;

  border-radius: 10px;

  pointer-events: none;

  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06),

    0 2px 32px rgba(0, 0, 0, 0.16);

  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06), 0 2px 32px rgba(0, 0, 0, 0.16);

  -webkit-transition: transform 160ms ease-in-out, opacity 160ms ease-in-out;

  -webkit-transition: opacity 160ms ease-in-out,

    -webkit-transform 160ms ease-in-out;

  transition: opacity 160ms ease-in-out, -webkit-transform 160ms ease-in-out;

  transition: transform 160ms ease-in-out, opacity 160ms ease-in-out;

  transition: transform 160ms ease-in-out, opacity 160ms ease-in-out,

    -webkit-transform 160ms ease-in-out;

}



.js-facebook-messenger-top-head {

  width: 220px;

  color: #ffffff;

  background: #1182fc;

  display: block;

  position: relative;

  width: 220px;

  background: #1182fc;

  color: #ffffff;

  text-align: center;

  line-height: 1;

  padding: 10px;

  font-size: 14px;

  border-top-left-radius: 10px;

  border-top-right-radius: 10px;

}



.js-facebook-messenger-container iframe,

.js-facebook-messenger-container-button iframe {

  border-bottom-left-radius: 10px;

  border-bottom-right-radius: 10px;

}



.js-facebook-messenger-box,

.js-facebook-messenger-button,

.js-facebook-messenger-tooltip {

  z-index: 999;

}



.js-facebook-messenger-container,

.js-facebook-messenger-container-button {

  z-index: 1000;

}



.js-facebook-messenger-top-head {

  color: #ffffff;

  background: #1182fc;

  width: 220px;

}



.js-facebook-messenger-tooltip {

  color: #404040;

  background: #fff;

}



.js-facebook-messenger-container.open {

  -webkit-transform: translateY(0px);

  transform: translateY(0px);

  opacity: 1;

  pointer-events: all;

}



.js-facebook-messenger-tooltip {

  bottom: 97px;

  right: 97px;

}



.js-facebook-messenger-box.open svg#fb-msng-icon {

  opacity: 0;

}



.js-facebook-messenger-box.rotate.open svg#close-icon {

  -webkit-transform: rotate(0deg);

  transform: rotate(0deg);

}



.js-facebook-messenger-box.open svg#close-icon {

  opacity: 1;

}



/* Cart Fix */

.cart-fixed {

  position: fixed;

  right: 20px;

  bottom: 390px;

  z-index: 10;

  background: #4b4f56;

  width: 50px;

  height: 50px;

  text-align: center;

  color: #fff !important;

  border-radius: 100%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

}



.cart-fixed i {

  font-size: 20px;

}



.cart-fixed span {

  position: absolute;

  top: 0px;

  right: -5px;

  color: #ffffff;

  width: 25px;

  height: 25px;

  background: #e21c1d;

  text-align: center;

  line-height: 25px;

  font-size: 11px;

  border-radius: 100%;

}



/* Toolbar */

@keyframes tada {

  0% {

    transform: scaleX(1);

  }



  10%,

  20% {

    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);

  }



  30%,

  50%,

  70%,

  90% {

    transform: scale3d(1.3, 1.3, 1.3) rotate(3deg);

  }



  40%,

  60%,

  80% {

    transform: scale3d(1.3, 1.3, 1.3) rotate(-3deg);

  }



  to {

    transform: scaleX(1);

  }

}



.toolbar {

  background: #e21c1d;

  width: 100%;

  padding: 2vw 0;

  bottom: 0px;
  display: none;

  position: fixed;

  z-index: 500;

  height: auto;

  left: 0px;

}



.toolbar ul {

  list-style: none;

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding: 0px;

  margin: 0px;

}



.toolbar ul li {

  text-align: center;

  width: 25%;

}



.toolbar ul li a {

  display: block;

  width: 100%;

  cursor: pointer;

}



.toolbar ul li a img {

  height: 20px;

  width: auto;

  animation: tada 1.2s infinite;

}



.toolbar ul li a span {

  color: #fff;

  font-size: 10px;

}



/* Fixbar */

.fixbar {

  bottom: 0;

  display: block;

  background: #f0eff4;

  border-top: 1px solid #ddd;

  width: 100%;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  position: fixed;

  margin: 0;

  z-index: 500;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  height: 50px;

}



.fixbar ul {

  margin: 0px;

  padding: 0px;

  list-style: none;

}



.fixbar ul li {

  margin: 0 auto 10px;

  text-align: center;

  width: 25%;

  float: left;

}



.fixbar .icon-cart-mobile,

.fixbar .icon-cart-new,

.fixbar .icon-home-new,

.fixbar .icon-hotdeal-new {

  width: 20px;

  height: 20px;

  display: block;

  margin: 8px auto 0;

}



.fixbar .icon-cart-mobile {

  background: url(../images/cart-mobile.png) no-repeat;

}



.cart-total-head-mobile {

  font-size: 10px;

  position: absolute;

  background: red;

  color: #fff !important;

  border-radius: 50%;

  height: 15px;

  width: 15px;

  line-height: 15px;

  top: 5px;

  margin-left: 5px;

}



.fixbar ul li a {

  font-size: 11px;

  text-decoration: none;

  color: #333;

}



.fixbar ul li a i {

  font-size: 20px;

}



/* Plugbar */

.plugbar {

  position: fixed;

  bottom: 0;

  left: 0;

  border-top: 1px solid #eae6e6;

  width: 100%;

  right: 0;

  max-width: 767px;

  margin: 0 auto;

  background: #ffffff;

  padding: 9px 10px 10px 7px;

  z-index: 10;

}



.plugbar ul {

  list-style: none;

  padding: 0;

  margin: 0px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

}



.plugbar ul li {

  width: 20%;

  float: left;

}



.plugbar ul li a {

  display: block;

  color: #696969;

  font-size: 12px;

  text-align: center;

  position: relative;

}



.plugbar ul li a i {

  font-size: 20px;

  color: #696969;

}



.plugbar ul li a span {

  position: absolute;

  width: 50px;

  height: 50px;

  top: -40px;

  left: calc(50% - 50px / 2);

  font-size: 14px;

  display: block;

  border: 1px solid rgba(234, 230, 230, 0.5);

  border-radius: 100%;

}



/* Combo Phone */



body::-webkit-scrollbar {

  background: white;

  width: 8px;

  -webkit-transition: all 9s;

  transition: all 9s;

}



body::-webkit-scrollbar-thumb {

  background: #e21c1d;

  -webkit-transition: all 9s;

  transition: all 9s;

  border-radius: 4px;

}



.options::-webkit-scrollbar {

  background: white;

  width: 4px;

  -webkit-transition: all 9s;

  transition: all 9s;

}



.options::-webkit-scrollbar-thumb {

  background: #e21c1d;

  -webkit-transition: all 9s;

  transition: all 9s;

  border-radius: 4px;

}



.support-online i {

  width: 40px;

  height: 40px;

  background: #e21c1d;

  color: #ffffff;

  border-radius: 100%;

  font-size: 20px;

  text-align: center;

  line-height: 1.9;

  position: relative;

  z-index: 999;

}







.fa-phone:before {

  content: "\f095";

  display: inline-flex;

}



.fa-facebook-messenger:before {

  content: "\f39f";

  display: inline-block;

}






.support-online .support-online .btn-support {

  cursor: pointer;

}



.support-online .mes i {

  background: orange;

}



.support-online .sms i {

  background: red;

}



.support-online .call-now i {

  background: #e21c1d;

}



/* Phone Switch */

.widget-mobile {

  position: fixed;

  left: 50%;

  -webkit-transform: translateX(-50%);

  transform: translateX(-50%);

  bottom: 10px;

  z-index: 9999999;

}



#my-phone-circle {

  position: relative;

  width: 50px !important;

  height: 50px !important;

}



.wcircle-open .wcircle-icon i:before {

  content: "\f00d";

}



.wcircle-icon {

  background: #1282fc;

  border-radius: 50%;

  position: relative !important;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

}



.wcircle-icon:before {

  position: absolute;

  content: "";

  width: 60px;

  height: 60px;

  background: rgba(18, 130, 252, 0.5);

  border: 1px solid #ffffff;

  border-radius: 50%;

  left: -5px;

  top: -5px;

  -webkit-animation: pulse 1s infinite ease-in-out;

  animation: pulse 1s infinite ease-in-out;

}



.wcircle-icon:after {

  position: absolute;

  content: "";

  width: 80px;

  height: 80px;

  background: rgba(18, 130, 252, 0.5);

  border-radius: 50%;

  left: -15px;

  top: -15px;

  -webkit-animation: zoomIn 2s infinite ease-in-out;

  animation: zoomIn 2s infinite ease-in-out;

}



.wcircle-menu {

  position: absolute !important;

  left: 0;

  top: 0;

  display: none;

}



.wcircle-menu-item {

  width: 50px;

  height: 50px;

  background: #1282fc;

  border-radius: 50%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

}



.wcircle-menu-item img {

  width: 50px;

  height: 50px;

  display: block;

  border-radius: 50%;

}



.wcircle-menu-item i {

  font-size: 25px;

  color: #ffffff;

  position: relative;

  z-index: 9999;

}



.wcircle-icon i {

  font-size: 25px;

  color: #ffffff;

  position: relative;

  z-index: 9999;

}



.shake-anim {

  -webkit-animation: shake-anim 1s infinite ease-in-out;

  animation: shake-anim 1s infinite ease-in-out;

  -webkit-transform-origin: 50% 50%;

  transform-origin: 50% 50%;

}



.wrap-newsnb {}



.wrap-newsnb .maxwidth {

  position: relative;

}



.item-newsnb {}



.pic-newsnb {}



.info-newsnb {}



a.name-newsnb {

  color: #000;

  font-size: 14px;

  margin: 0 0 10px 0;

  line-height: normal;

}



a.name-newsnb.text-split {

  -webkit-line-clamp: 2;

}



a.name-newsnb:hover {

  color: var(--color-dark-red);

}



.desc-newsnb {

  color: #333;

}



.video-main {

  position: relative;

  height: 440px;

}



.video-main iframe {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0px;

  left: 0px;

}



.listvideos {

  width: 100%;

  height: 40px;

  padding: 0px 10px;

  border: 1px solid #ccc;

  color: var(--color-black);

  margin-top: 10px;

  cursor: pointer;

}



.item-video1 img {

  max-height: 292px;

}



.item-video2 img {

  height: 102px;

}



.pic-video {

  position: relative;

  cursor: pointer;

}



.pic-video:before {

  content: "";

  position: absolute;

  width: 50px;

  height: 35px;

  top: calc(50% - 50px / 2);

  left: calc(50% - 35px / 2);

  z-index: 1;

  background: url(../images/play.png) no-repeat center center;

  cursor: pointer;

  background-size: cover;

}



.pic-video img {

  width: 100%;

}



.pic-video-2 {

  position: relative;

  cursor: pointer;

}



.pic-video-2:before {

  content: "";

  position: absolute;

  width: 50px;

  height: 35px;

  top: calc(50% - 50px / 2);

  left: calc(50% - 35px / 2);

  z-index: 1;

  background: url(../images/play.png) no-repeat center center;

  cursor: pointer;

  background-size: cover;

}



.pic-video-2 img {

  width: 100%;

}



.name-video {

  font-size: 16px;

  color: var(--color-black);

  margin-bottom: 0px;

}



.owl-video {

  margin-top: 10px;

}



.newshome-intro .name-newshome {

  margin: 10px 0;

}



.newshome-intro .view-newshome {

  margin-top: 10px;

}



.newshome-scroll {

  width: 50%;

  overflow: hidden;

  max-height: 406px;

}



.news-slick {

  display: flex;

  margin-bottom: 20px;

}



.news-slick h3 {

  margin: 0;

}



.news-slick h3 a.name-newshome {

  margin-bottom: 10px;

}



.news-slick .img {

  width: 150px;

}



.news-slick .info {

  width: calc(100% - 150px);

  padding-left: 15px;

}



.flex_ttnb {

  display: flex;

  flex-flow: row wrap;

  justify-content: space-between;

}



.newshome-intro {

  width: calc(50% - 20px);

}



.pic-newshome-normal {

  float: left;

  width: 34%;

  margin-right: 3%;

  margin-bottom: 0px;

}



.pic-newshome-normal img {

  width: 100%;

}



.info-newshome-normal {

  float: left;

  width: calc(100% - 37%);

}



.name-newshome {

  color: var(--color-black);

  font-size: 14px;

  line-height: normal;

}



.name-newshome.text-split {

  -webkit-line-clamp: 2;

}



.name-newshome.text-split a {

  color: #000;

}



.time-newshome {

  color: var(--color-gray);

  margin-bottom: 10px;

}



.desc-newshome {

  color: var(--color-black);

  margin-bottom: 0px;

  text-align: justify;

}



.desc-home-cl.text-split {

  -webkit-line-clamp: 2;

}



.view-newshome {

  width: 140px;

  height: 40px;

  display: flex;

  align-items: center;

  justify-content: center;

  border: 1px solid #ccc;

  color: #000;

}



.view-newshome:hover {

  color: #000;

}



.box-product {

  position: relative;

  margin-bottom: 20px;

}



.pic-product {

  background: #ffffff;

  position: relative;

  margin-bottom: 1rem;

}



.pic-product img {

  width: 100%;

}



.product-tool {

  opacity: 0;

  visibility: hidden;

  position: absolute;

  width: 100%;

  left: 0px;

  bottom: 0px;

  z-index: 1;

}



.product-tool a {

  cursor: pointer;

  width: 50%;

  padding: 10px;

  text-align: center;

  color: #ffffff;

  background-color: rgb(0 0 0 / 0.6);

}



.product-tool a:hover {

  background-color: rgb(0 0 0 / 0.8);

}



.product-tool a svg {

  margin-right: 5px;

}



.product-tool a span {

  text-transform: capitalize;

  font-size: 12px;

  font-weight: 300;

}



.box-product:hover .product-tool {

  opacity: 1;

  visibility: visible;

}



.name-product {

  font-size: 14px;

  color: var(--color-black);

  margin-bottom: 3px;

}

.name-product h3 {
  margin-bottom: 1px;
}

.name-product.text-split {

  -webkit-line-clamp: 2;

}

.box-text {
  position: relative;
  padding-top: 15px;
  padding-bottom: 20px;
}

.price-new {
  color: #1b9b45;
  font-size: 32px;
  font-family: 'Montserrat-Bold';

}



.price-old {

  padding-left: 6px;

  color: #95999d;

  text-decoration: line-through;

  font-family: qm;

  font-size: 14px;

}

.hover-glass2:hover:before {

  animation: shine 1.25s;

}



@keyframes shine {

  100% {

    left: 150%;

  }

}



.hover-glass2 {

  position: relative;

  transition: all 0.3s;

}



.hover-glass2::before {

  content: "";

  position: absolute;

  top: 0;

  left: -83%;

  z-index: 2;

  display: block;

  content: "";

  width: 50%;

  height: 100%;

  background: linear-gradient(to right,

      rgba(255, 255, 255, 0) 0%,

      rgba(255, 255, 255, 0.3) 100%);

  transform: skewX(-25deg);

}

.img_list a {

  border-radius: 12px;

}

.price-per {

  position: absolute;

  top: 20px;

  left: 20px;

  color: #ffffff;

  background: url(../images/icon-sale.png) center no-repeat;

  font-size: 14px;

  background-size: 100% 100%;

  border-radius: 2px;

  width: 50px;

  height: 50px;

  display: flex;

  align-items: center;

  justify-content: center;

  line-height: 25px;

  font-family: qb;

}

.img_list {

  position: relative;

}

a.addcart.add-item {

  color: red;

  font-size: 15px;

  display: flex;

  justify-content: center;

  align-items: center;

  justify-items: center;

  margin: auto;

  position: absolute;

  bottom: 10px;

  right: 10px;

  background: #ffffff;

  border-radius: 100%;

  width: 36px;

  height: 36px;

  text-align: center;

  transition: all 0.3s;

  opacity: 0;

}

.container_product .pagination-ajax {

  margin-top: 29px;

}

.box_outstanding:hover a.addcart.add-item {

  opacity: 1;

  -webkit-animation-name: fa-bounce;

  animation-name: fa-bounce;

  -webkit-animation-delay: var(--fa-animation-delay, 0);

  animation-delay: var(--fa-animation-delay, 0);

  -webkit-animation-direction: var(--fa-animation-direction, normal);

  animation-direction: var(--fa-animation-direction, normal);

  -webkit-animation-duration: var(--fa-animation-duration, 1s);

  animation-duration: var(--fa-animation-duration, 1s);

  -webkit-animation-iteration-count: var(--fa-animation-iteration-count,

      infinite);

  animation-iteration-count: var(--fa-animation-iteration-count, infinite);

  -webkit-animation-timing-function: var(--fa-animation-timing,

      cubic-bezier(0.28, 0.84, 0.42, 1));

  animation-timing-function: var(--fa-animation-timing,

      cubic-bezier(0.28, 0.84, 0.42, 1));

}

a.addcart.add-item i {

  color: #e21c1d;

}

a.addcart.add-item:hover {

  background: #e21c1d;

}

a.addcart.add-item:hover i {

  color: #ffff;

  cursor: pointer;

}

a.addcart.add-item i {

  transition: all 0.3s;

}

.star-box {

  display: flex;

}

img.fiximg {

  width: 1.2rem;

  height: 1.2rem;

}

.star-box {

  position: relative;

  margin: 10px 0 6px;

}



.cart-product {

  margin-bottom: 0px;

}

.cart-buy {
  background-color: #ffffff !important;
  border: 1px solid #e21c1d !important;
}

.cart-buy:hover {
  background-color: #e21c1d !important;
}

.cart-product span {

  cursor: pointer;

  width: calc(50% - 3px);

  color: #000000;

  text-transform: capitalize;

  text-align: center;

  padding: 9px 6px;

  border-radius: 3px;

  font-family: qb;
  border: 1px solid #e21c1d;

}



.cart-add {

  background-color: var(--color-red);

}



.cart-add:hover {

  background-color: #ffffff;
  border: 1px solid #e21c1d;

}



.cart-buy {

  background-color: var(--color-green);

}



.cart-buy:hover {

  background-color: var(--color-dark-green);

}

/* .on-bar {

  position: relative;

} */



.on-bar .wrapper-dropdown-menu {

  position: absolute;

  top: 100%;

  /* left: 0; */

  z-index: 9999;

  box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.15);

  transform: perspective(600px) rotateX(-90deg);

  transform-origin: 0 0 0;

  opacity: 0;

  visibility: hidden;

  transition: all 0.5s;

}

/* .wrapper-dropdown-menu {

  width: 100%;

} */

.second-menu>li:hover .menu-hover {

  opacity: 1;

  visibility: visible;

  transform: translateX(0);

}

.second-menu>li:hover .has-child::after {

  border-color: #fff;

}

.second-menu>li>a.has-child::after {

  content: "";

  position: absolute;

  bottom: calc(50% - 2px);

  right: 15px;

  width: 5px;

  height: 5px;

  border: 1px solid #393939;

  border-top: 0px;

  border-left: 0px;

  transform: rotate(-45deg);

  transition: all 0.3s ease-out;

}

.menu-hover {
  /* background: #fff; */
  /* border: solid 1px #dede;/* position: absolute; */
  /* olute; */
  /* z-index: 1; */
  /* top: -1px; */
  /* left: 202px; */
  /* width: 700px; */
  /* height: 403px; */
  /* overflow: auto; */
  /* font-size: 14px; */
  /* padding: 10px; */
  /* visibility: hidden; */
  opacity: 0;
  z-index: 999;
  transform: translateX(20px);
  transition: 0.7s;
  position: absolute;
  left: 100%;
  top: 0;
}

.scroll-second-menu {

  overflow-y: auto;

  /* height: 403px; */

}

.on-bar:hover .wrapper-dropdown-menu {

  transform: perspective(600px) rotateX(0);

  -webkit-transform-origin: 0 0 0;

  opacity: 1;

  visibility: visible;

  transition: all 0.3s;

}

.dm-noibat {

  max-width: 1000px;

  position: relative;

  margin: auto;

  margin-bottom: 40px;

}



.dm-noibat a {

  cursor: pointer;

  color: #333;

  transition: 0.4s;

  text-transform: capitalize;

  font-weight: 400;

  font-size: 16px;

  text-align: center;

  position: relative;

  display: block;

  background: #f7f7f7;

  border-radius: 5px;

  border: 1px solid #eaeaea;

  height: 100%;

  padding: 10px;

}



.dm-noibat a:hover,

.dm-noibat a.active {

  background: var(--background-static);

  color: #fff;

}



.cats-bar {

  width: 50px;

  padding-top: 3px;

  position: relative;

}



.cats-bar-icon {

  width: 30px;

  cursor: pointer;

}



.cats-bar-icon span {

  display: block;

  width: 100%;

  height: 2px;

  background: #505050;

  transition: all 0.3s;

  position: relative;

}



.cats-bar-icon span+span {

  margin-top: 5px;

}



.cats-bar-icon.active span:nth-child(1) {

  animation: ease 0.7s top forwards;

}



.cats-bar-icon.not-active span:nth-child(1) {

  animation: ease 0.7s top-2 forwards;

}



.cats-bar-icon.active span:nth-child(2) {

  animation: ease 0.7s scaled forwards;

}



.cats-bar-icon.not-active span:nth-child(2) {

  animation: ease 0.7s scaled-2 forwards;

}



.cats-bar-icon.active span:nth-child(3) {

  animation: ease 0.7s bottom forwards;

}



.cats-bar-icon.not-active span:nth-child(3) {

  animation: ease 0.7s bottom-2 forwards;

}



@keyframes top {

  0% {

    top: 0;

    transform: rotate(0);

  }



  50% {

    top: 6px;

    transform: rotate(0);

  }



  100% {

    top: 6px;

    transform: rotate(45deg);

  }

}



@keyframes top-2 {

  0% {

    top: 6px;

    transform: rotate(45deg);

  }



  50% {

    top: 6px;

    transform: rotate(0deg);

  }



  100% {

    top: 0;

    transform: rotate(0deg);

  }

}



@keyframes bottom {

  0% {

    bottom: 0;

    transform: rotate(0);

  }



  50% {

    bottom: 8px;

    transform: rotate(0);

  }



  100% {

    bottom: 8px;

    transform: rotate(135deg);

  }

}



@keyframes bottom-2 {

  0% {

    bottom: 8px;

    transform: rotate(135deg);

  }



  50% {

    bottom: 8px;

    transform: rotate(0);

  }



  100% {

    bottom: 0;

    transform: rotate(0);

  }

}



@keyframes scaled {

  50% {

    transform: scale(0);

  }



  100% {

    transform: scale(0);

  }

}



@keyframes scaled-2 {

  0% {

    transform: scale(0);

  }



  50% {

    transform: scale(0);

  }



  100% {

    transform: scale(1);

  }

}



.cats-owl.list-hot {

  width: calc(100% - 50px);

}



.footer-news:nth-child(4) {

  width: 300px;

}



.footer-news:nth-child(3) {

  width: 20%;

}



.footer-news:nth-child(2) {

  width: 17%;

}



.footer-news:nth-child(1) {

  width: 30%;

}



@-webkit-keyframes rotating {

  from {

    -webkit-transform: rotate(0deg);

    -o-transform: rotate(0deg);

    transform: rotate(0deg);

  }



  to {

    -webkit-transform: rotate(360deg);

    -o-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}



@keyframes rotating {

  from {

    -ms-transform: rotate(0deg);

    -moz-transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    -o-transform: rotate(0deg);

    transform: rotate(0deg);

  }



  to {

    -ms-transform: rotate(360deg);

    -moz-transform: rotate(360deg);

    -webkit-transform: rotate(360deg);

    -o-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}



.choose_list {}



.choose_list span {

  text-transform: capitalize;

  cursor: pointer;

  display: inline-block;

  position: relative;

  padding: 0 10px;

}



.choose_list span:last-child:after {

  display: none;

}



.choose_list span:after {

  content: "";

  width: 1px;

  height: 10px;

  background: #ddd;

  position: absolute;

  right: 0;

  top: 6px;

}



.choose_list span.choosed {

  color: #f00;

}



.btn_sp {}



.btn_sp a {

  color: #000;

  text-transform: uppercase;

  background: #e6e6e6;

  width: 100px;

  display: flex;

  align-items: center;

  justify-content: center;

  height: 40px;

}



.btn_sp a:hover {

  color: #f00;

}



.d-title-choose-list {

  margin-bottom: 20px;

  border: 1px solid #ddd;

  padding: 5px;

}



/* dat lich */

.div-datlich {

  width: 46%;

}



.newsletter-booking {

  margin-bottom: 5px;

}



.newsletter-booking input {

  border-radius: 0;

  border: none;

  border-bottom: 1px solid var(--background-static);

  background: none;

  padding: 0;

}



.newsletter-booking textarea {

  border-radius: 0;

  border: none;

  border-bottom: 1px solid var(--background-static);

  background: none;

  margin-bottom: 10px;

  padding: 0;

}



.newsletter-checkbox input {

  outline: none;

  width: 15px;

  height: 15px;

}



.label-checkbox {

  color: #7e7e7e;

  position: relative;

  top: 1px;

  margin-left: 10px;

}



.booking-button input {

  width: 86px;

  height: 37px;

  font-weight: 600;

  color: #fff;

  text-transform: capitalize;

}



.khung-datlich {

  background: rgba(255, 255, 255, 0.8);

  padding: 40px;

  border: 1px solid var(--background-static);

  border-radius: 20px;

}



.desc-dongy {

  color: #7e7e7e;

  font-size: 13px;

  font-style: italic;

  margin-top: 5px;

}



.btn-datlich {

  position: fixed;

  bottom: 455px;

  right: 10px;

  padding: 10px;

  border-radius: 5px;

  z-index: 99;

  background: #333;

  color: #fff;

  font-size: 14px;

  text-align: center;

  text-decoration: none !important;

}



.btn-datlich i {

  font-size: 20px;

}



.btn-datlich:hover {

  color: #ffff00;

  transition: 0.2s;

}



.head-top {

  background: #3fa07e;

}



.img_dichvu {

  /* flex-shrink: 0; */

}



.box_dichvu {

  position: relative;

}



.box_dichvu::after {

  position: absolute;

  content: "";

  left: 0;

  top: 0;

  background: url(../images/after_img.png);

  width: 100%;

  height: 233px;

  background-size: 100% 100%;

  z-index: 1;

}



.text_dichvu {

  position: absolute;

  left: 40px;

  top: 50%;

  width: 40%;

  z-index: 2;

  transform: translate(0%, -50%);

}



.img_dichvu img {

  height: 233px;

  object-fit: cover;

}



.background_dichvu {

  background: #f5f5f5;

}



.swap .text_dichvu {

  right: 40px !important;

  position: absolute;

  left: unset;

  top: 50%;

}



.swap::after {

  position: absolute;

  content: "";

  right: 0 !important;

  top: 0;

  background: url(../images/after_img.png);

  width: 100%;

  height: 233px;

  background-size: 100% 100%;

  z-index: 1;

  left: 0 !important;

  transform: rotate(180deg);

}



a.name_dichvu {

  font-size: 35px;

  font-family: "svn";

  background: rgb(27, 130, 204);

  background: linear-gradient(90deg,

      rgba(27, 130, 204, 1) 0%,

      rgba(0, 202, 211, 1) 100%);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  letter-spacing: 2px;

}



.desc_dichvu {

  margin-top: 7px;

  font-family: qr;

  font-size: 15px;

}



.btn_more_dv a {

  font-family: qb;

  color: black;

  text-transform: capitalize;

  font-size: 15px;

  position: relative;

  text-decoration: none;

  padding-left: 14px;

}



.btn_more_dv a:after {

  position: absolute;

  content: "";

  left: 0;

  right: 0;

  width: 100%;

  height: 1px;

  background: black;

  bottom: -3px;

}



.btn_more_dv a:before {

  position: absolute;

  content: "";

  left: 0;

  top: 0;

  bottom: 0;

  margin: auto;

  background: black;

  width: 5px;

  height: 5px;

  border-radius: 50%;

}



.btn_more_dv a:hover {

  transition: 0.4s;

  background: rgb(27, 130, 204);

  background: linear-gradient(90deg,

      rgba(27, 130, 204, 1) 0%,

      rgba(0, 202, 211, 1) 100%);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}



.background_banner {

  position: relative;

}



.background_banner::after {

  position: absolute;

  content: "";

  left: 0;

  right: 0;

  width: 100%;

  top: -1px;

  background: url(../images/may1.png);

  background-size: 100%;

  height: 140px;

}



.background_banner::before {

  position: absolute;

  content: "";

  left: 0;

  right: 0;

  width: 100%;

  bottom: -1px;

  background: url(../images/may2.png);

  background-size: 100%;

  height: 140px;

  z-index: 9;

}



.background_gallery .maxwidth {

  overflow: hidden;

}



.intro-parent .head {

  font-family: "svn" !important;

  font-size: 60px;

  text-transform: capitalize;

}



.pd-2 {

  padding: 0 2px;

}



.mg-2 {

  margin: 0 -2px;

}



.img3 {

  margin-bottom: 4px;

}



.right_gallery_row2 img {

  height: 84px;

}



.img2 img {

  height: 173px;

}



.gallery_row1.row {

  margin-bottom: 4px;

  transition: 2s;

  position: relative;

  z-index: 2;

}



.img6 {

  margin-bottom: 4px;

}



.img9 {

  margin-bottom: 4px;

}



.img8 img {

  height: 441px;

}



.img7 img {

  height: 280px;

}



.img5 img {

  height: 173px;

}



.list_gallery img {

  object-fit: cover;

}



/* Gallrey1 */



.gallery_row1.mg-2.active {

  position: relative;

  transition: 2.5s;

  height: 172px;

}



.gallery_row1.mg-2.active .img1 {

  transform: scale(0.9);

  position: absolute;

  transition: 2.5s;

  left: -2px;

  top: 0px;

  width: 189px;

}



.gallery_row1.mg-2.active .img1 img {

  height: 127px;

}



.gallery_row1.mg-2 .img1 {

  transition: 2s;

  width: 100%;

}



.gallery_row1.mg-2.active .img2 {

  transform: scale(0.9);

  position: absolute;

  transition: 2.5s;

  left: 224px;

  top: 18px;

  width: 189px;

}



.gallery_row1.mg-2.active .img2 img {

  height: 127px;

}



.gallery_row1.mg-2 .img2 {

  transform: unset;

  position: unset;

  transition: 2s;

}



.gallery_row1.mg-2.active .img3 {

  transform: scale(0.9);

  position: absolute;

  transition: 2.5s;

  left: 498px;

  top: 0px;

  width: 163px;

}



.gallery_row1.mg-2.active .img3 img {

  height: 103px;

}



.gallery_row1.mg-2 .img3 {

  transform: unset;

  position: unset;

  transition: 2s;

}



.gallery_row1.mg-2.active .img4 {

  transform: scale(0.9);

  position: absolute;

  transition: 2.5s;

  left: 568px;

  top: 70px;

  width: 197px;

}



.gallery_row1.mg-2.active .img4 img {

  height: 124px;

}



.gallery_row1.mg-2 .img4 {

  transform: unset;

  position: unset;

  transition: 2s;

}



.gallery_row1.mg-2.active .img5 {

  transform: scale(0.9);

  position: absolute;

  transition: 2.5s;

  right: -16px;

  top: 37px;

  width: 395px;

}



.gallery_row1.mg-2.active .img5 img {

  height: 204px;

}



.gallery_row1.mg-2 .img5 {

  transform: unset;

  position: unset;

  transition: 2s;

}












@media (max-width: 992px) {}



/*phone*/

.button-sidebar {

  border-radius: 3px;

  background-color: #fff;

  z-index: 9999;

  box-shadow: 0 0 3px #ccc;

  text-align: center;

  position: fixed;

  width: 100%;

  right: 0;

  top: auto;

  bottom: 0;

  transform: none;

  padding: 5px 15px;

  display: none;

}



.button-sidebar ul {

  display: flex;

  justify-content: space-between;

}



.button-sidebar ul {

  margin-bottom: 0;

  padding: 0;

}



.button-sidebar ul li {

  list-style: none;

}



.button-sidebar ul li {

  margin-bottom: 0;

}



.button-sidebar ul li img {

  width: 30px;

  display: block;

  margin: 0 auto;

}



.button-sidebar ul li.call img {

  width: 50px;

  margin-top: -20px;

  padding: 10px;

  background: #65bc54;

  border-radius: 100%;

  border: 2px solid #fff;

}



.button-sidebar ul li a {

  font-size: 11px;

  color: #000;

}



a {

  text-decoration: none;

}


.support-content {
  position: relative;
}

/*end*/

@media only screen and (max-width: 991px) {

  .toolbar {

    display: block;

  }

  .user-member a {

    transition: 0.4s;

    border: 1px solid #000000 !important;



  }





  .user-member a i {

    font-size: 16px;

    position: relative;

    left: 2px;

    color: #000000 !important;

  }

  button.readon-button.pd {

    background: #e21c1d;

    padding: 10px 28px;

    font-family: "qb";

    border-radius: 50px;

    font-size: 15px;



    margin-bottom: 55px;

  }

  .newsletter-input.input2 {

    margin-bottom: 15px;

  }



  /*phone*/

  .button-sidebar {

    display: block;

  }



  .headerMiddle {

    display: none;

  }



  .top-cart {

    margin-bottom: 2rem;

  }



  .comment-item-poster {

    width: auto;

    margin-right: 0px;

    margin-bottom: 0.5rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    justify-content: flex-start;

  }



  .comment-item-letter {

    width: 40px;

    height: 40px;

    line-height: 40px;

    font-size: 13px;

    margin-bottom: 0;

  }



  .comment-item-name {

    margin-bottom: 0px;

    margin-left: 10px;

    margin-right: 10px;

  }



  .comment-item-information {

    width: 100%;

  }



  .menu {

    display: none;

  }



  .menu-res {

    display: block;

  }

}



@media (max-width: 768px) {

  .name-slide {

    font-size: 56px;

    margin-bottom: 27px;

  }



  .background_banner::before,

  .background_banner::after {

    display: none;

  }



  .item-video1 img {

    height: 250px;

  }



  .right-intro {

    width: 100%;

  }



  .left-intro {

    width: 100%;

    margin-bottom: 20px;

    padding-right: 0;

  }

  .title-main span {

    font-size: 30px;

  }

  .left-pro-detail,

  .right-pro-detail {

    width: 100%;

    margin: 0px;

  }

  p.cart-product {

    width: 75%;

  }

  .box-album .pic-product {
    padding-bottom: 6px;
  }

  .left-pro-detail,

  .top-contact .article-contact {

    margin-bottom: 20px;

  }



  .pic-news {

    width: 40%;

  }



  .info-news {

    width: 60%;

    padding-left: 10px;

  }



  .name-news {

    font-size: 15px;

  }



  .desc-news.text-split {

    -webkit-line-clamp: 2;

  }



  .swap::after {

    transform: rotate(0deg);

  }



  .box_dichvu {

    margin-bottom: 5px;

  }



  .swap .text_dichvu {

    left: 40px;

    right: 0;

  }



  .background_gallery_mobile {

    display: block !important;

  }



  .background_gallery {

    display: none;

  }

}



@media (max-width: 576px) {

  .box_dichvu {

    margin-bottom: 5px;

  }



  .swap::after {

    transform: rotate(0deg);

  }



  .name-slide {

    font-size: 20px;

  }



  a.name_dichvu {

    font-size: 30px;

  }



  .text_dichvu {

    width: auto;

    left: 20px;

  }



  .swap .text_dichvu {

    left: 20px;

    right: 0;

  }



  .background_banner::before,

  .background_banner::after {

    display: none;

  }



  .toast-cus {

    left: 5px;

    width: calc(100% - 10px);

  }



  .box-readmore {

    width: calc(100% - 5px);

  }



  .newshome-scroll {

    width: 100%;

  }



  .newshome-intro {

    width: 100%;

    margin-bottom: 20px;

  }



  .top-contact .form-contact .button-contact .file-contact span b {

    max-width: 105px;

  }



  .cart-pro-detail {

    flex-wrap: wrap;

  }



  .cart-pro-detail a {

    width: 100%;

    text-align: center;

    margin: 0px !important;

  }



  .cart-pro-detail a:first-child {

    margin-bottom: 5px !important;

  }



  .background_gallery_mobile {

    display: block !important;

  }



  .background_gallery {

    display: none;

  }

}



.background_gallery_mobile {

  display: none;

}



.fix_head .menu {
  background: #e21c1d;

}

.fix_head .timkiem {
  width: 67%;
  height: 42px;
}

.fix_head .menu {
  width: 76%;
}

.fix_head li.contact_menu {
  margin-left: 0;
}

.fix_head ul.menu-main li:last-child a {
  background: none !important;
}

.w-menu.fix_head.animate__animated.animate__fadeIn {

  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;

}

.w-menu.fix_head.animate__animated.animate__fadeIn .logo-box {

  width: 60px;

}

.menu2 {

  position: sticky;

  top: 0;

  background: black;

}



.sub-title {

  font-family: "svn";

  letter-spacing: 10px;

}



.social-footer {

  justify-content: space-between;

}



/*code của tuân*/

/*contact*/

.quick_contact {

  position: fixed;

  bottom: 10%;

  left: 60px;

  z-index: 20;

}



.quick_contact a {

  display: block;

  position: relative;

  font-size: 18px;

  color: #fff;

  padding: 0 20px 0 35px;

  height: 45px;

  line-height: 45px;

  text-decoration: none;

  border-radius: 0 40px 40px 0;

}



.button_gradient {

  background-image: linear-gradient(90deg, #e51c23 0%, #ee2200 100%);

  border: 2px #fff solid;

}



.quick_contact a span {

  display: block;

  width: 48px;

  height: 48px;

  line-height: 40px;

  border-radius: 50%;

  text-align: center;

  position: absolute;

  left: -25px;

  top: -2.5px;

  border: solid 5px #fff;

}



.quick_contact a span:before {

  content: "";

  position: absolute;

  top: -30px;

  left: -27px;

  width: 95px;

  height: 95px;

  background: url(../images/contact_rotate.png) center no-repeat;

  animation: rotate 3s linear infinite;

}



.contact-phone {

  float: left;

  width: 100%;

  text-align: center;

  font-size: 18px;

  height: 41px;

  font-weight: bold;

  animation-duration: 500ms;

  animation-name: calllink;

  animation-iteration-count: infinite;

  animation-direction: alternate;

  line-height: 45px;

}



@keyframes rotate {

  from {

    transform: rotate(0deg);

  }



  to {

    transform: rotate(360deg);

  }

}



@keyframes calllink {

  0% {

    color: #eba11e;

  }



  50% {

    color: #fff;

  }



  100% {

    color: #ebfa48;

  }

}



.app-box {

  position: fixed;

  left: 15px;

  bottom: 28%;

  z-index: 9999;

  display: grid;

}



.app-box a {

  display: inline-block;

  border-radius: 100%;

  margin-bottom: 15px;

}



.vibration-icon {

  animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;

}



/*end*/

/*kim cương*/

.diamont_hover {

  position: relative;

  display: block;

}



.diamont_hover::before {

  content: "";

  background: rgba(255, 255, 255, 0.5);

  bottom: 0;

  left: 0;

  position: absolute;

  transform: rotate(90deg);

  -khtml-opacity: 1;

  -o-opacity: 1;

  -ms-opacity: 1;

  -webkit-opacity: 1;

  -moz-opacity: 1;

  opacity: 1;

  width: 0;

  height: 0;

  z-index: 1;

}



.diamont_hover::after {

  content: "";

  background: rgba(255, 255, 255, 0.5);

  top: 0;

  right: 0;

  position: absolute;

  transform: rotate(90deg);

  -khtml-opacity: 1;

  -o-opacity: 1;

  -ms-opacity: 1;

  -webkit-opacity: 1;

  -moz-opacity: 1;

  opacity: 1;

  width: 0;

  height: 0;

  z-index: 2;

}



.diamont_hover:hover::before,

.diamont_hover:hover::after {

  transform: rotateY(180deg);

  transition-duration: 1.3s;

  -khtml-opacity: 0;

  -o-opacity: 0;

  -ms-opacity: 0;

  -webkit-opacity: 0;

  -moz-opacity: 0;

  opacity: 0;

  height: 100%;

  width: 100%;

}



.diamont_hover:hover::before,

.diamont_hover:hover::after {

  transform: rotateY(180deg);

  transition-duration: 1.3s;

  -khtml-opacity: 0;

  -o-opacity: 0;

  -ms-opacity: 0;

  -webkit-opacity: 0;

  -moz-opacity: 0;

  opacity: 0;

  height: 100%;

  width: 100%;

}



/*tráng tròn*/

.hover-cirle {

  position: relative;

}



.hover-cirle::before {

  position: absolute;

  top: 50%;

  left: 50%;

  z-index: 2;

  display: block;

  content: "";

  width: 0;

  height: 0;

  background: rgba(255, 255, 255, 0.2);

  border-radius: 100%;

  transform: translate(-50%, -50%);

  opacity: 0;

}



.hover-cirle:hover::before {

  animation: circle 0.75s;

}



@keyframes circle {

  0% {

    opacity: 1;

  }



  40% {

    opacity: 1;

  }



  100% {

    width: 200%;

    height: 200%;

    opacity: 0;

  }

}



/*tráng gương*/

.hover-glass img {

  width: 100%;

  transition: ease 0.3s;

  display: block;

}



.box_images_album h3 {

  text-align: center;

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  background: rgba(50, 50, 50, 0.5);

  font-family: "SVN-BerkshireSwash";

  color: #fff;

  line-height: 43px;

  font-size: 22px;

  transition: 0.4s;

  opacity: 0;

}



.row-photo {

  margin: 0 -8px;

}



.box_images_album:hover h3 {

  opacity: 1;

  transition: 0.4s;

}



.box_images_album {

  position: relative;

}



.col-photo {

  padding: 0 8px;

}



.hover-glass:hover:before {

  animation: shine 0.75s;

}



@keyframes shine {

  100% {

    left: 125%;

  }

}



.hover-glass {

  overflow: hidden;

  display: block;

  position: relative;

}



.hover-glass::before {

  content: "";

  position: absolute;

  top: 0;

  left: -83%;

  z-index: 2;

  display: block;

  content: "";

  width: 50%;

  height: 100%;

  background: linear-gradient(to right,

      rgba(255, 255, 255, 0) 0%,

      rgba(255, 255, 255, 0.3) 100%);

  transform: skewX(-25deg);

}



.img100 {

  width: 100%;

  height: auto;

}



/*text_split*/

.text-split1 {

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: normal;

  -webkit-box-orient: vertical;

  display: -webkit-box;

  -webkit-line-clamp: 1;

}



.text-split2 {

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: normal;

  -webkit-box-orient: vertical;

  display: -webkit-box;

  -webkit-line-clamp: 2;

}



.text-split3 {

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: normal;

  -webkit-box-orient: vertical;

  display: -webkit-box;

  -webkit-line-clamp: 3;

}



.text-split4 {

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: normal;

  -webkit-box-orient: vertical;

  display: -webkit-box;

  -webkit-line-clamp: 4;

}



.text-split5 {

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: normal;

  -webkit-box-orient: vertical;

  display: -webkit-box;

  -webkit-line-clamp: 5;

}



.text-split6 {

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: normal;

  -webkit-box-orient: vertical;

  display: -webkit-box;

  -webkit-line-clamp: 6;

}



.text-split8 {

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: normal;

  -webkit-box-orient: vertical;

  display: -webkit-box;

  -webkit-line-clamp: 8;

}



.scale-img {

  overflow: hidden;

  display: block;

}

li.css_i i {
  font-size: 11px;
  position: relative;
  right: -1px;
  top: -1px;
}

.nav-tabs {
  border-bottom: 1px solid #e0e9e1;
}

div#tabsProDetailContent {
  border: 1px solid #e0e9e1;
  border-top: 0;
  padding: 20px 20px !important;
}

.scale-img img {

  transition: 0.3s ease-out;

  transform: scale(1, 1);

}



.scale-img:hover>img {

  transition: 0.3s ease-out;

  transform: scale(1.1, 1.1);

}



.color {

  animation: changeColor 1s infinite alternate;

}



.vibration-icon {

  animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;

}



.slideshow .owl-dots {

  position: absolute;

  bottom: 15px;

  z-index: 9;

  left: 0;

  right: 0;

}



@keyframes phonering-alo-circle-img-anim {

  0% {

    -webkit-transform: rotate(0) scale(1) skew(1deg);

  }



  10% {

    -webkit-transform: rotate(-25deg) scale(1) skew(1deg);

  }



  20% {

    -webkit-transform: rotate(25deg) scale(1) skew(1deg);

  }



  30% {

    -webkit-transform: rotate(-25deg) scale(1) skew(1deg);

  }



  40% {

    -webkit-transform: rotate(25deg) scale(1) skew(1deg);

  }



  50% {

    -webkit-transform: rotate(0) scale(1) skew(1deg);

  }



  100% {

    -webkit-transform: rotate(0) scale(1) skew(1deg);

  }

}



@keyframes changeColor {

  0% {

    color: #ce0404;

  }



  0% {

    color: #0000ff;

  }



  50% {

    color: #ce0404;

  }



  100% {

    color: #fed700;

  }

}



.slideshow .owl-theme .owl-dots .owl-dot.active span,

.owl-theme .owl-dots .owl-dot:hover span {

  background: #ec2d3f;

}



.headerTop-right a {

  display: inline-block;

  margin-left: 2px;

}



/*tienich-phone*/

@keyframes hueRotate {

  from {

    filter: hue-rotate(0deg);

  }



  to {

    filter: hue-rotate(360deg);

  }

}








.support-online .btn-support {

  cursor: pointer;

}







.social_fixed-phone {

  width: 100%;

  position: fixed;

  left: 0;

  bottom: 0;

  height: 55px;

  line-height: 45px;

  z-index: 100;

  display: none;

  box-shadow: 0 3px 6px #333333;

  border-radius: 10px 10px 0 0;

  background: #fff;

}



.social_fixed-phone ul {

  list-style: none;

  margin: 0;

  padding: 0;

  display: flex;

  height: 100%;

}



.social_fixed-phone ul li {

  flex: 0 0 25%;

  -ms-flex: 0 0 25%;

  max-width: 25%;

  width: 100%;

}



.social_fixed-phone ul li a {

  text-decoration: none;

  font-size: 9px;

  font-family: Arial;

  display: flex;

  justify-content: center;

  align-items: center;

  flex-direction: column;

  letter-spacing: 1px;

  line-height: 2;

  height: 100%;

  padding-top: 5px;

  color: red;

}



.social_fixed-phone svg {

  display: block;

  margin: 0 auto;

  height: 25px;

  fill: red;

  max-width: 100%;

}



@keyframes slide-top {

  0% {

    transform: translateY(0);

  }



  100% {

    transform: translateY(-10px);

  }

}





/* Scroll Top */






.goTop.hide {

  opacity: 0;

  visibility: hidden;

}



/* #mmenu */

.mobile_menu_section {

  flex-direction: column;

  padding: 10px 15px;

}



.mobile_menu_section .mobile_menu_section-title {

  color: #367e18;

  margin-bottom: 5px;

}



.mobile_menu_section img,

.mobile_menu_section svg {

  max-width: 14px;

  max-height: 14px;

  width: 14px;

  height: 14px;

  margin-right: 5px;

}



.mobile_menu_section .mobile_menu_help {

  display: flex;

  align-items: center;

}



/* Animation */







.wrap-phone-res {

  position: fixed;

  left: 10px;

  bottom: 65px;

  display: none;

}



.wrap-phone-res ul {

  margin: 0;

  padding: 0;

  list-style: none;

}



.wrap-phone-res ul li {

  margin: 8px 0;

  animation: customfadeInRight;

  animation-duration: 0.5s;

  animation-fill-mode: forwards;

  opacity: 0;

  transition: all 0.3s ease-in-out;

}



.wrap-phone-res ul li:nth-child(1) {

  animation-delay: 0.1s;

}



.wrap-phone-res ul li:nth-child(2) {

  animation-delay: 0.2s;

}



.wrap-phone-res ul li a {

  display: block;

  background: #fff;

  font-size: 14px;

  font-weight: bold;

  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);

  padding: 10px 15px;

  border-radius: 20px;

  color: red;

}



.wrap-phone-res ul li a i {

  animation: tada 1.2s infinite;

}



.wrap-phone-res.active {

  display: block;

}



@keyframes tada {

  0% {

    transform: scaleX(1);

  }



  10%,

  20% {

    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);

  }



  30%,

  50%,

  70%,

  90% {

    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);

  }



  40%,

  60%,

  80% {

    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);

  }



  to {

    transform: scaleX(1);

  }

}



#player {

  display: block;

  aspect-ratio: 435/330;

  width: 100%;

  margin-bottom: 10px;

}



.item-video-addon {

  padding: 0 5px;

  transition: 0.6s;

}



.slick-video-addon {

  margin: 0 -5px;

}



.animated {

  animation-duration: 1s;

  animation-fill-mode: both;

  opacity: 1;

}



.animated.infinite {

  animation-iteration-count: infinite;

}



.zoomIn {

  animation-name: customzoomIn;

}



@keyframes customzoomIn {

  0% {

    opacity: 0;

    transform: scale3d(0.3, 0.3, 0.3);

  }



  50% {

    opacity: 1;

  }

}



.swing-vertical {

  animation: top-image-bounce 2s infinite ease-in-out;

}



@keyframes top-image-bounce {

  0% {

    transform: translateY(-8px);

  }



  50% {

    transform: translateY(12px);

  }



  100% {

    transform: translateY(-8px);

  }

}



.vibration-icon {

  animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;

}



@keyframes phonering-alo-circle-img-anim {

  0% {

    -webkit-transform: rotate(0) scale(1) skew(1deg);

  }



  10% {

    -webkit-transform: rotate(-25deg) scale(1) skew(1deg);

  }



  20% {

    -webkit-transform: rotate(25deg) scale(1) skew(1deg);

  }



  30% {

    -webkit-transform: rotate(-25deg) scale(1) skew(1deg);

  }



  40% {

    -webkit-transform: rotate(25deg) scale(1) skew(1deg);

  }



  50% {

    -webkit-transform: rotate(0) scale(1) skew(1deg);

  }



  100% {

    -webkit-transform: rotate(0) scale(1) skew(1deg);

  }

}



.blink_me {

  -webkit-animation-name: blinker;

  -webkit-animation-duration: 1s;

  -webkit-animation-timing-function: linear;

  -webkit-animation-iteration-count: infinite;

  -moz-animation-name: blinker;

  -moz-animation-duration: 1s;

  -moz-animation-timing-function: linear;

  -moz-animation-iteration-count: infinite;

  animation-name: blinker;

  animation-duration: 1s;

  animation-timing-function: linear;

  animation-iteration-count: infinite;

}



@keyframes blinker {

  0% {

    opacity: 1;

  }



  50% {

    opacity: 0;

  }



  100% {

    opacity: 1;

  }

}



@keyframes customfadeIn {

  0% {

    opacity: 0;

  }



  to {

    opacity: 1;

  }

}



@keyframes customfadeOut {

  0% {

    opacity: 1;

  }



  to {

    opacity: 0;

  }

}



@keyframes customfadeInUp {

  0% {

    opacity: 0;

    transform: translate3d(0, 100px, 0);

  }



  to {

    opacity: 1;

    transform: translateZ(0);

  }

}



@keyframes customfadeInDown {

  0% {

    opacity: 0;

    transform: translate3d(0, -100px, 0);

  }



  to {

    opacity: 1;

    transform: translateZ(0);

  }

}



@keyframes customfadeInLeft {

  0% {

    opacity: 0;

    transform: translate3d(100px, 0, 0);

  }



  to {

    opacity: 1;

    transform: translateZ(0);

  }

}



@keyframes customfadeInRight {

  0% {

    opacity: 0;

    transform: translate3d(-100px, 0, 0);

  }



  to {

    opacity: 1;

    transform: translateZ(0);

  }

}



.text-nhapnhay {

  animation: my 700ms infinite;

}



@keyframes my {

  0% {

    color: #ffc853;

  }



  50% {

    color: #f00;

  }



  100% {

    color: #ffc853;

  }

}



.rotate360 {

  animation: rotation 2s infinite linear;

}



body::-webkit-scrollbar-track {

  background: rgba(0, 0, 0, 0.1);

}



@keyframes rotation {

  from {

    -webkit-transform: rotate(0deg);

  }



  to {

    -webkit-transform: rotate(359deg);

  }

}



.input2 {

  position: relative;

}



.placeholder {

  position: absolute;

  color: #888;

  left: 32px;

  top: 50%;

  transform: translateY(-50%);

  display: flex;

}

textarea#content-newsletter {

  height: 141px;

  border: 1px solid #ffd0b6;

  border-radius: 19px;

}

button.readon-button.pd {

  border: none;

  background: #e21c1d;

  padding: 10px 28px;

  font-family: "qb";

  border-radius: 50px;

  color: #fff;

  text-transform: capitalize;

  font-size: 15px;

  margin-top: 5px;

  transition: all 0.4s;

}

.items_newsllter_left .title_index_main h2 {

  margin-bottom: 10px;

}

.items_newsllter_left .title_index_main p {

  margin-bottom: 30px;

}

button.readon-button.pd:hover {

  letter-spacing: 2px;

  background: #ab3b00;

  box-shadow: 0 2px 3px #280000;

}

section.newsllter_main {

  position: relative;

  padding: 75px 0 0px 0px;

  background: #f1f1f1;

}

.images_banner img {

  border-radius: 5px;

}

section.newsllter_main:after {

  content: "";

  background: url(../images/dcor-ft.png) no-repeat;

  background-size: 100% 100%;

  position: absolute;

  right: 1%;

  bottom: -12%;

  pointer-events: none;

  width: 250px;

  z-index: 9;

  height: 318.9px;

}

.block-search {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 999;

  background: rgba(0, 0, 0, 0.8);

  display: none;

  transition: 0.8s;

}



.search-wrap {

  position: relative;

  color: #fff;

  height: 100vh;

}



.form-search-d {

  position: relative;

  width: 0;

  transition: 0.8s;

}



.form-search-d.active {

  width: 70%;

}



@media screen and (max-width: 991px) {
  .placeholder {
    position: absolute;
    color: #888;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
  }

  p.CaptionCont.SelectBox.search {
    padding-left: 0 !important;
  }

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

  .dflex-cate .step {
    width: 48.5%;
  }

  .content_product_outstanding {
    display: none;
  }

  .filter .step h3 {
    font-family: qb;
    font-size: 13px !important;
    color: #ff6500;
    text-transform: capitalize;
    margin-bottom: 7px;
  }

  .filter .checkbox label {
    margin: 0;
    margin-left: 5px;
    cursor: pointer;
    font-size: 10px;
  }

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

  .desc_gif p {
    line-height: 26px !important;
  }

  .items_banner_list {
    display: none;
  }

  .form-search-d.active {

    width: calc(100% - 50px);

  }

}



.form-search-d input {

  width: 100%;

  height: 45px;

  font-family: qr;

  outline: none;

  color: #ffffff;

  border: none;

  border-bottom: 1px solid #fff;

  background: transparent;

  padding: 0 30px 0 10px;

  font-size: 12px;

}



.form-search-d input::-moz-placeholder {

  color: #fff;

  font-size: 12px;

}



.form-search-d input::placeholder {

  color: #fff;

  font-size: 12px;

}

.timkiem input::placeholder {

  color: #313131;

  font-size: 13px;

}



.form-search-d button {

  position: absolute;

  top: 0;

  right: 0;

  outline: none;

  border: none;

  cursor: pointer;

  background: transparent;

  font-size: 14px;

  height: 100%;

  color: #fff;

}

button.open-form-search {

  border: 1px solid #ffc9ae;

  background: none;

  border-radius: 50px;

  padding: 6px 7px;

}

.close-form-search {

  position: absolute;

  top: 30px;

  right: 0;

  font-size: 25px;

  transition: 0.3s;

}

button.readon-button.pd i {

  margin-left: 4px;

}

.newsletter-input {

  padding: 0 9px;

}

.items_newsllter_left {

  padding-right: 7%;

}

.form-row.row {

  margin: 0 -8px 18px;

}

/* Add the asterix when the input is required */

input:required+.placeholder::after {

  content: "*";

  color: red;

  order: 1;

}



input:required+.placeholder::before {

  content: ")";

  color: #888;

  order: 2;

}



/* Hide the placeholder when the user wants to fill the input */

input:valid~.placeholder {

  visibility: hidden;

  opacity: 0;

}



/* Add the asterix when the input is required */

textarea:required+.placeholder::after {

  content: "*";

  color: red;

  order: 1;

}



textarea:required+.placeholder::before {

  content: ")";

  color: #888;

  order: 2;

}



/* Hide the placeholder when the user wants to fill the textarea */

textarea:valid~.placeholder {

  visibility: hidden;

  opacity: 0;

}



.border_loader img {

  border-radius: 100%;

}



/*search*/

.search-res button {

  float: left;

  width: 35px;

  height: 38px;

  cursor: pointer;

  outline: none;

  border: none;

  margin: 0px;

  font-size: 17px;

  display: block;

  color: var(--main-color);

  line-height: 38px;

  text-align: center;

  background: #fff;

}



/*end*/



/*lọc*/

.padding-20 {

  padding: 0 10px;

}



.row-20 {

  margin: 0 -10px;

}



.section-main .filter {

  position: sticky;

  top: 60px;

}



.filter .step {

  padding: 15px;

  border: 1px solid #ededed;

  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);

  transition: 0.3s;

  margin-bottom: 15px;

  border-radius: 5px;

}



.filter .step h3 {

  font-family: qb;

  font-size: 17px;

  color: #ff6500;

  text-transform: capitalize;

  margin-bottom: 7px;

}

p.CaptionCont.SelectBox.search .placeholder {

  left: 13px;

}

.input-cell .form-control {

  border-radius: 2px;

  border: 1px solid #49c408;

  background: #fff;

  font-family: HelveticaNeue;

  font-size: 15px;

  color: #aeaeb2;

}



.price-box {

  margin-top: 5px;

}



.price-box .price-new {

  font-family: HelveticaNeue-Bold;

  font-size: 14px;

  color: var(--hover-color);

}



.price-box .price-new span {

  font-family: HelveticaNeue-Bold;

}



.price-box .price-old {

  margin-left: 10px;

  font-family: HelveticaNeue;

  font-size: 14px;

  color: #8e8e93;

}



.filter .step {

  padding: 15px;

  border: 1px solid #ededed;

  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);

  transition: 0.3s;

  margin-bottom: 15px;

  border-radius: 5px;

}



.filter .input {

  margin-bottom: 15px;

}



.filter .input .irs-bar,

.filter .input .irs-handle {

  cursor: pointer;

}



.filter .checkbox {

  display: flex;

  align-items: center;

}



.filter .checkbox label {

  margin: 0;

  margin-left: 5px;

  cursor: pointer;

}



.filter .checkbox input {

  width: 15px;

  height: 15px;

  cursor: pointer;

}



.section-main .filter {

  position: sticky;

  top: 60px;

}



.SumoSelect {

  width: 100%;

}



.SumoSelect>.CaptionCont {

  border-color: #e7e7e7;

  position: relative;

  border: 1px solid #e5e2e0 !important;

  height: 40px;

  background-color: #fff;

  border-radius: 2px;

  margin: 0;

}



.SumoSelect label {

  margin: 0;

}



.SumoSelect .select-all {

  height: auto !important;

  padding: 8px 0px 8px 35px !important;

}



.box__newStyle {

  position: relative;

}

.content_product_outstanding {

  padding: 15px;

  border: 1px solid #ededed;

  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);

  transition: 0.3s;

  margin-bottom: 15px;

  border-radius: 5px;

}

.title_pro h2 {

  font-family: qb;

  font-size: 17px;

  color: #ff6500;

  text-transform: capitalize;

  margin-bottom: 7px;

}

.brand-n-status-box p {

  margin-bottom: 0;

}

.brand-n-status-box p {

  font-family: "Montserrat-Regular";

  text-transform: uppercase;

  color: #939393;

  font-size: 13px;

}

.brand-n-status-box p a {

  font-family: "Montserrat-Regular";

  text-transform: uppercase;

  color: #939393;

  font-size: 13px;

}




.bg_header {

  background: #Ffd700;

  position: relative;

  color: #000;

  padding: 7px 0;

}

.headerTop-right a {

  margin-left: 5px;

  display: inline-block;

}

.headerTop-right a:hover img {

  transform: rotateY(180deg);

}

.headerTop-right a img {

  transition: all 0.7s;

}

.logo-box {

  width: 100px;

}

.menu3 {

  width: 60%;

}

.mn_block {

  display: none;

}

.w-menu.fix_head.animate__animated.animate__fadeIn .mn_block {
  width: 100%;
  display: block;

}

ul.mn_ul li a {
  padding: 10px 0 !important;
}

.w-menu.fix_head.animate__animated.animate__fadeIn .menu ul {
  padding-left: 0;


}


.icon-search2 {

  color: #d34900 !important;

  border: 1px solid #ffbf9d;

  border-radius: 50px;

}

.icon-search2 i {

  font-size: 15px;

  position: relative;

  top: -3px;

  transition: all 0.2s;

  color: #000000;

}

.cart-image {

  background: #Ffd700;

  border-radius: 59px;

  color: #000;

  font-family: qb;

  position: relative;

  padding: 5px 15px;

  margin-left: 35px;

  display: inline-block;

}

.cart-image a {

  color: #000000;

}

.icon-search2 i:hover {

  color: #e21c1d;

}

.menu.mn_blockmenu2 {

  display: none;

}


span.cart-count font {

  position: absolute;

  top: -19px;

  right: -21px;

  background: #ffa900;

  padding: 1px 7px;

  border-radius: 100%;

  border: 1px solid #ffa900;

  font-size: 12px;

}

span.cart-count {

  position: relative;

}

.hcate-iiner {

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flex;

  display: -o-flex;

  display: flex;

  -ms-align-items: center;

  align-items: center;

  -webkit-align-items: center;

  justify-content: center;

  -webkit-justify-content: center;

  flex-direction: column;

  gap: 1rem;

  padding: 1.2rem;

  border-radius: 1.2rem;

  position: relative;

  overflow: hidden;

  height: 100%;

  text-align: center;

}

.hcate-iiner .icon {

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flex;

  display: -o-flex;

  display: flex;

  -ms-align-items: center;

  align-items: center;

  -webkit-align-items: center;

  justify-content: center;

  -webkit-justify-content: center;

}

.hcate-iiner .icon img {

  display: block;

  width: 100%;

}

.title_index_main {

  text-align: center;

  position: relative;

  margin-bottom: 3%;

}

.hcate-iiner .t-link {

  font-size: 16px;

  color: black;

  transition: 0.3s ease-in-out;

  font-family: "qb";

}

.news-item {
  margin-bottom: 30px;
}

.slick-product {

  margin: 0 -12px;

}

.hcate-sw .hcate-iiner:before {

  background: #feefe8;

}



.hcate-iiner:hover:before {

  background: #e21c1d !important;

  height: 100%;

}

.hcate-iiner:before {

  content: "";

  position: absolute;

  width: 100%;

  bottom: 0;

  height: 60%;

  background: #e21c1d;

  transition: 0.3s ease-in-out;

  z-index: -1;

}



.title_index_main h2 {

  font-family: "Mulish-Black";

  text-transform: uppercase;

  font-size: 36px;

  margin-bottom: 6px;

}



.title_index_main p {

  font-family: "Montserrat-Regular";

  color: #767676;

  letter-spacing: 1px;

}

.title_index_main h2 span {

  color: #e21c1d;

}

.wrap-home {

  position: relative;


}

.bg-1 .hcate-iiner:before {

  background: #eafee7;

}

.bg-2 .hcate-iiner:before {

  background: #fefae8;

}

.bg-3 .hcate-iiner:before {

  background: #ece8fe;

}

.bg-4 .hcate-iiner:before {

  background: #fee8f3;

}

.bg-5 .hcate-iiner:before {

  background: #feefe8;

}

.bg-6 .hcate-iiner:before {

  background: #fefae8;

}

.bg-7 .hcate-iiner:before {

  background: #eafee7;

}

.bg-8 .hcate-iiner:before {

  background: #fefae8;

}

.hcate-item {

  margin-bottom: 27px;

}

a.hcate-iiner:hover .t-link {

  color: #e10000;

}

section.cate_pro {

  position: relative;

}

section.cate_pro:before {

  position: absolute;

  background: url(../images/hcate-dcor.png) no-repeat;

  background-size: 100% 48%;

  width: 4%;

  height: 100%;

  content: "";

  top: -9%;

  left: 5%;

}



.slick-product .slick-dots li button:before {

  font-size: 14px;

}



.slick-product .slick-dots li.slick-active button:before {

  opacity: 0.75;

  color: #e21c1d;

}





.slick-product1 .slick-dots li button:before {

  font-size: 14px;

}



.slick-product1 .slick-dots li.slick-active button:before {

  opacity: 0.75;

  color: #e21c1d;

}





section.cate_pro:after {

  position: absolute;

  background: url(../images/hcate-dcor.png) no-repeat;

  background-size: 100% 48%;

  width: 4%;

  height: 100%;

  content: "";

  top: 12%;

  right: 5%;

  z-index: -1;

}



.slogan_abouts {

  margin-bottom: 4.3%;

}

section.abouts_video {

  background: #f9f9f9;

  position: relative;

  padding: 50px 0;

  margin-top: 5%;

}

.items_Abouts {

  padding-right: 2%;

}

.images_partner:hover {

  box-shadow: 4px 4px 5px #d6713b;

}

.items_video_main.video a {

  border-radius: 14px;

}

.btn-play {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  z-index: 1;

}

.btn-play .rotating {

  animation: rotating 12s linear infinite;

}



.btn-play .rounded-text {

  width: 7rem;

  height: 7rem;

  text-transform: uppercase;

  transform: rotate(-103deg);

  color: #fff;

  font-weight: 500;

  z-index: -1;

  font-size: 1.4rem;

  aspect-ratio: 1;

}



.btn-play-icon {

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  width: 7rem;

  height: 7rem;

  padding: 2rem;

  cursor: pointer;

}

.btn-play-icon:hover svg {

  transform: scale(1.2);

}

.btn-play-icon svg {

  width: 100%;

  height: 100%;

  transition: all 0.3s ease;

}

@keyframes rotating {

  from {

    transform: rotate(360deg);

  }



  to {

    transform: rotate(0deg);

  }

}

@keyframes coloring {

  0% {

    fill: #fff;

  }



  35% {

    fill: #ffda2a;

  }



  75% {

    fill: #00d3b9;

  }



  100% {

    fill: #fff;

  }

}

a.block_list {

  transition: all 0.3s;

  background: #e21c1d;

  display: inline-block;

  color: #000000;

  padding: 10px 22px;

  border-radius: 50px;

  font-family: qb;

  text-transform: capitalize;

  font-size: 15px;

  border: 1px solid #e21c1d;

}



a.block_list:hover {

  background: #ffffff;

  border: 1px solid #e21c1d;

  color: #e21c1d;

  box-shadow: 0 2px 5px #e21c1d;

}

a.block_list2 {

  transition: all 0.3s;

  background: #ffffff;

  display: inline-block;

  color: #000000;

  padding: 8px 19px;

  border-radius: 50px;

  font-family: qb;

  color: #da560f;

  text-transform: capitalize;

  font-size: 14px;

  border: 1px solid #ffffff;

}

a.block_list2:hover {

  background: #9d3700 !important;

  border: 1px solid #9d3700 !important;

  box-shadow: unset !important;

  color: #ffff !important;

}

section.news_main:after {

  position: absolute;

  pointer-events: none;

  background: url(../images/snews-decor.png) no-repeat;

  background-size: 100% 100%;

  width: 400px;

  height: 400px;

  left: 0;

  content: "";

  bottom: 0;

}

.content_owl_partner {

  margin-top: -10px;

}

section.parnter_main {

  position: relative;

  padding: 50px 0;

}

.images_partner {

  padding: 13px;

  box-shadow: 4px 4px 5px #ffae83;

  margin: 10px;

  border-radius: 8px;

  transition: all 0.3s;

}

a.block_list2 i {

  font-size: 11px;

  margin-left: 3px;

  position: relative;

  top: -1px;

}

a.block_list2:hover {

  background: #ffffff;

  border: 1px solid #e21c1d;

  color: #e21c1d;

  box-shadow: 0 2px 5px #e21c1d;

}

.productnb-title h2 {

  font-family: montserrat-bold;

  text-transform: capitalize;

  font-size: 30px;

}

section.product_list {

  position: relative;

  padding: 55px 0;

  background: #f9f9f9;

}

.productnb-title {

  position: relative;

  margin-bottom: 30px;

}

.box_outstanding {

  position: relative;

  margin-bottom: 13px;

  padding: 11px;

  border-radius: 10px;

  box-shadow: 0 0.5rem 1rem rgb(249 249 249) !important;

}

section.feedback_main {

  position: relative;

  padding: 50px 0;

}

.title_fb h2 {

  font-size: 35px;

  font-family: montserrat-bold;

  margin-bottom: 20px;

}

.hprd-dcorr2 {

  position: absolute;

  right: 1%;

  bottom: -25%;

}

.main_product-list:last-child {

  margin-bottom: 5px;

}

section.feedback_main:before {

  position: absolute;

  background: url(../images/hcate-dcor.png) no-repeat;

  background-size: 100% 48%;

  width: 4%;

  height: 100%;

  content: "";

  top: 5%;

  right: 4%;

  z-index: -1;

}

section.feedback_main:after {

  position: absolute;

  content: "";

  background: url(../images/hprd-dcor-bot.png) no-repeat;

  width: 77px;

  background-size: 100% 100%;

  height: 140px;

  top: 45%;

}

.items_left_fb {

  margin-left: 25px;

}

.slogan_fb {

  font-family: montserrat-regular;

  color: black;

  line-height: 27px;

  text-align: justify;

  padding-right: 12%;

}

.c_product {

  padding: 0 8px;

}

.r_product {

  margin: 0 -8px;

}

.col_product {

  padding: 0 8px;

}

.row.rowproduct {

  margin: 0 -8px;

}

.box_outstanding:hover {

  background: #fff;

  box-shadow: 0 0.5rem 1rem rgb(221, 220, 220) !important;

}

.box_outstanding:hover .infor_product h3 a {

  color: #dd0000;

}

.box_outstanding .infor_product h3 a {

  transition: all 0.3s;

}

.box_outstanding {

  transition: all 0.4s;

}

.box_outstanding {

  position: relative;

  padding: 11px;

  box-shadow: 0 0 6px red;

  border-radius: 10px;

}

.filter {

  position: sticky;

  top: 80px;

}

.title-main p {

  color: #282828;
  font-size: 23px;

}

.infor_product h3 a {

  font-family: qsm;

  font-size: 15px;

  color: black;

  line-height: 22px;

}

.infor_product h3 {

  margin: 4px 0 7px;

}



.prd-card-status.t-have-prd {

  background: #dcf3d8;

}

.prd-card-status {

  position: absolute;

  padding: 0.4rem 1.6rem;

  min-width: 12rem;

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flex;

  display: -o-flex;

  display: flex;

  -ms-align-items: center;

  align-items: center;

  -webkit-align-items: center;

  justify-content: center;

  -webkit-justify-content: center;

  align-items: center;

  gap: 0.6rem;

  border-radius: 3.6rem;

  bottom: 1rem;

  left: 1rem;

}

.prd-card-status.t-have-prd .text {

  color: #1d9d06;

}



.hprd-dcorr {

  position: absolute;

  right: 3%;

  top: 2%;

}

a.block_list i {

  font-size: 10px;

  margin-left: 3px;

  position: relative;

  top: -1px;

}

.dcor-arrow {

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flex;

  display: -o-flex;

  display: flex;

  flex-direction: column;

  align-items: center;

  position: relative;

  height: 7rem;

  margin-bottom: 10rem;

}

.dcor-arrow i:first-child {

  -webkit-animation-delay: 0s;

  animation-delay: 0s;

  top: 0;

}



.dcor-arrow i {

  font-size: 3rem;

  opacity: 0;

  -webkit-animation: blink 2s linear infinite;

  animation: blink 2s linear infinite;

  color: transparent;

  -webkit-text-stroke-width: 0.1rem;

  -webkit-text-stroke-color: #e21c1d;

  position: absolute;

  left: 50%;

  transform: translateX(-50%);

}

.dcor-arrow i:first-child {

  -webkit-animation-delay: 0s;

  animation-delay: 0s;

  top: 0;

}



.dcor-arrow i:nth-child(2) {

  -webkit-animation-delay: 0.15s;

  animation-delay: 0.15s;

  top: 25%;

}



.dcor-arrow i:nth-child(3) {

  -webkit-animation-delay: 0.3s;

  animation-delay: 0.3s;

  top: 50%;

}



.dcor-arrow i:nth-child(4) {

  -webkit-animation-delay: 0.45s;

  animation-delay: 0.45s;

  top: 75%;

}



@-webkit-keyframes blink {

  0% {

    opacity: 0;

  }



  50% {

    opacity: 1;

  }



  100% {

    opacity: 0;

  }

}

.main_product-list {

  position: relative;

  margin-bottom: 8%;

}

.items_banner_list a {

  border: 8px solid #e21c1d;

  border-radius: 22px;

}

.productnb-title .block_list {

  position: relative;

  top: -2px;

}

section.product_list:after {

  position: absolute;

  content: "";

  background: url(../images/hprd-dcor-bot.png) no-repeat;

  width: 77px;

  background-size: 100% 100%;

  height: 140px;

  top: 45%;

}

.main_product-list:nth-child(even) .r_product {

  flex-direction: row-reverse;

  display: flex;

}



.srate-avt-item {

  margin-left: -1rem;

  width: 2rem;

  height: 2rem;

  border-radius: 50%;

  border: 0.2rem solid #fff;

}

.srate-avt-item:last-child {

  background-color: #e21c1d;

  display: flex;

  justify-content: center;

  align-items: center;

  color: #fff;

  font-size: 1.4rem;

}

span.t20.fw-7.c-second {

  font-size: 20px;

  font-family: qb;

  color: #e21c1d;

}

p.text.t16 {

  font-family: montserrat-regular;

  margin-top: -1px;

}

.srate-avt-item img {

  width: 100%;

  height: 100%;

  border-radius: 100%;

}

.srate-avt {

  margin: 0 1rem;

  align-items: center;

}

.srate-avt-item span {

  position: relative;

  top: -2px;

}

.srate-avt-item span {

  position: relative;

  top: -2px;

}

.feedback {

  padding-top: 10px;

  width: 360px;

  margin-left: auto;

  margin-right: auto;

}

.feedback-content {

  position: relative;

}

.the-content-feedback {

  top: 50%;

  position: absolute;

  width: 100%;

  left: 0;

  padding: 40px 56px;

  text-align: justify;

  text-align-last: center;

  font-size: 15px;

  color: #333333;

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

}

.the-content-feedback img {

  display: block;

  margin: 0 auto;

  margin-bottom: 25px;

}



.feedback-obj {

  align-items: flex-start;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.hprd-dcorr2 {

  position: absolute;

  right: 0;

}

.items_left_fb {

  position: relative;

}

.hprd-dcorr2 .dcor-arrow i {

  font-size: 4rem;

}

.feedback-obj figure {

  border-radius: 50%;

  overflow: hidden;

  flex: 0 0 80px;

  -ms-flex: 0 0 80px;

  max-width: 80px;

}

.feedback-obj .aspect-ratio-box {

  padding-bottom: 100%;

}

.obj-content {

  padding-left: 15px;

  flex: 0 0 calc(100% - 80px);

  -ms-flex: 0 0 calc(100% - 80px);

  max-width: calc(100% - 80px);

}

.obj-content strong {

  display: block;

  text-transform: uppercase;

  font-size: 17px;

  color: #333333;

}

.obj-content i {

  display: block;

  color: #ff0000;

}

.circle-animate {

  margin-left: auto;

  margin-right: auto;

  width: 320px;

  height: 320px;

  position: relative;

}

.border-circle {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  border: 1px solid #e21c1d;

  border-radius: 92% 110% 100% 90%;

}

.border-circle:nth-child(1) {

  -webkit-animation: spin 6s linear infinite;

  -moz-animation: spin 6s linear infinite;

  -o-animation: spin 6s linear infinite;

  animation: spin 6s linear infinite;

}

.border-circle:nth-child(2) {

  -webkit-animation: spin2 6s linear infinite;

  -moz-animation: spin2 6s linear infinite;

  -o-animation: spin2 6s linear infinite;

  animation: spin2 6s linear infinite;

}

.border-circle:nth-child(3) {

  -webkit-animation: spin3 6s linear infinite;

  -moz-animation: spin3 6s linear infinite;

  -o-animation: spin3 6s linear infinite;

  animation: spin3 6s linear infinite;

}

.border-circle:nth-child(4) {

  -webkit-animation: spin4 6s linear infinite;

  -moz-animation: spin4 6s linear infinite;

  -o-animation: spin4 6s linear infinite;

  animation: spin4 6s linear infinite;

}

@keyframes spin {

  from {

    -webkit-transform: rotate(0deg);

    -moz-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    -o-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  to {

    -webkit-transform: rotate(360deg);

    -moz-transform: rotate(360deg);

    -ms-transform: rotate(360deg);

    -o-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}

@keyframes spin2 {

  from {

    -webkit-transform: rotate(72deg);

    -moz-transform: rotate(72deg);

    -ms-transform: rotate(72deg);

    -o-transform: rotate(72deg);

    transform: rotate(72deg);

  }

  to {

    -webkit-transform: rotate(-288deg);

    -moz-transform: rotate(-288deg);

    -ms-transform: rotate(-288deg);

    -o-transform: rotate(-288deg);

    transform: rotate(-288deg);

  }

}

@keyframes spin3 {

  from {

    -webkit-transform: rotate(-144deg);

    -moz-transform: rotate(-144deg);

    -ms-transform: rotate(-144deg);

    -o-transform: rotate(-144deg);

    transform: rotate(-144deg);

  }

  to {

    -webkit-transform: rotate(216deg);

    -moz-transform: rotate(216deg);

    -ms-transform: rotate(216deg);

    -o-transform: rotate(216deg);

    transform: rotate(216deg);

  }

}

@keyframes spin4 {

  from {

    -webkit-transform: rotate(216deg);

    -moz-transform: rotate(216deg);

    -ms-transform: rotate(216deg);

    -o-transform: rotate(216deg);

    transform: rotate(216deg);

  }

  to {

    -webkit-transform: rotate(-144deg);

    -moz-transform: rotate(-144deg);

    -ms-transform: rotate(-144deg);

    -o-transform: rotate(-144deg);

    transform: rotate(-144deg);

  }

}

.feedback-obj {

  margin-top: 8%;

}

.obj-content h3 {

  font-size: 17px;

  line-height: 24px;

}

img.img_start {

  width: 7%;

  margin-bottom: 10px;

}



/*tin tức*/

.bloga-item {

  width: 100%;

  padding: 0;

}



.bloga-item {

  height: 100%;

}

.bloga-inner {

  position: relative;

  z-index: 1;

  height: 100%;

}

.bloga-imgp {

  border-radius: 1rem;

  overflow: hidden;

  position: relative;

}

.bloga-imgp:before {

  content: "";

  position: absolute;

  z-index: 1;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  opacity: 0.9;

  background: linear-gradient(180deg,

      rgba(0, 0, 0, 0) 2.48%,

      rgba(0, 0, 0, 0.9) 100%);

}

.bloga-imgp .inner {

  position: relative;

  padding-top: 100%;

}

.bloga-tag {

  position: absolute;

  top: 8%;

  width: max-content;

  right: 0;

  background: #f36215;

  border-radius: 20rem 0 0 20rem;

  z-index: 1;

}

.bloga-imgp .inner img {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.bloga-tag .text {

  display: inline-block;

  padding: 0.7rem 1rem;

  color: #ffffff;

  font-weight: 500;

  font-family: "Montserrat-Bold";

}

.snews .bloga-pos {

  transform: translateY(60%);

}



.bloga-pos {

  position: absolute;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  background: 0 0;

  transform: translateY(60%);

  transition: 0.3s ease-in-out;

  z-index: 1;

}

.bloga-ctn {

  padding: 1.3rem;

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flex;

  display: -o-flex;

  display: flex;

  flex-direction: column;

  height: 100%;

}

a.bloga-link.text-split2 {

  font-family: qb;

  color: #fff;

  font-size: 17px;

}

.bloga-inner:hover .bloga-pos {

  transform: translateY(0);

  background: #522710;

}

.bloga-gr {

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flex;

  display: -o-flex;

  display: flex;

  gap: 1.6rem;

  align-items: center;

  margin-bottom: 0.4rem;

}

.bloga-des {

  font-size: 1.6rem;

  color: #444545;

  margin-top: 1rem;

  display: -webkit-box;

  -webkit-line-clamp: 4;

  -webkit-box-orient: vertical;

  overflow: hidden;

  text-overflow: ellipsis;

  word-break: break-word;

  margin-bottom: 2.6rem;

}

.bloga-gr .t-gr {

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flex;

  display: -o-flex;

  display: flex;

  align-items: center;

  gap: 0.6rem;

}

.bloga-gr .t-gr .icon {

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flex;

  display: -o-flex;

  display: flex;

  -ms-align-items: center;

  align-items: center;

  -webkit-align-items: center;

  justify-content: center;

  -webkit-justify-content: center;

  width: 1.2rem;

  filter: brightness(0) invert(1);

}

.bloga-gr .t-gr .text {

  color: #fff;

  font-size: 13px;

  font-family: qr;

  transition: 0.3s ease-in-out;

}

.bloga-des {

  font-size: 1.6rem;

  color: #444545;

  margin-top: 1rem;

  display: -webkit-box;

  -webkit-line-clamp: 4;

  -webkit-box-orient: vertical;

  overflow: hidden;

  text-overflow: ellipsis;

  word-break: break-word;

  margin-bottom: 2.6rem;

}

.bloga-btn {

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flex;

  display: -o-flex;

  display: flex;

  gap: 0.4rem;

  align-items: center;

  margin-top: auto;

}

.bloga-btn .text {

  color: #ffffff;

  font-weight: 500;

  transition: 0.3s ease-in-out;

  font-family: "qb";

  text-transform: capitalize;

}

.bloga-btn .icon {

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flex;

  display: -o-flex;

  display: flex;

  -ms-align-items: center;

  align-items: center;

  -webkit-align-items: center;

  justify-content: center;

  -webkit-justify-content: center;

  color: #e21c1d;

  font-size: 1.4rem;

  transform: rotate(-30deg);

  transition: 0.3s ease-in-out;

}

.bloga-btn .icon i {

  font-weight: 300;

  color: #ffff;

}

.bloga-btn:hover .text {

  color: #fff700;

}

.bloga-btn:hover .icon {

  color: #031230;

  transform: unset;

}

section.news_main {

  background: url(../images/snews-bg.png) no-repeat;

  background-size: 100% 100%;

  position: relative;

  padding: 117px 0 140px;

}

.productnb-title.productnb-title2 h2 {

  color: #fff;

  font-size: 31px;

  text-transform: capitalize;

}

.row.r_footer {
  padding-top: 457px;
}

footer#footer {
  background: url(../images/bg_footer.png) no-repeat top center;
  background-position: 100% 0%;
  /* background-size: 100%; */
  color: #fff;
  width: 100%;
}



.productnb-title.productnb-title2 h2 span {

  color: #4c1b00;

}

section.newsllter_main:before {

  position: absolute;

  content: "";

  background: url(../images/hprd-dcor-bot.png) no-repeat;

  width: 77px;

  background-size: 100% 100%;

  height: 140px;

  top: 45%;

}

h3.title:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 60px;
  height: 2px;
  background: #fff;
}

h3.title {
  font-family: 'Montserrat-Bold';
  font-size: 16px;
  margin-bottom: 0.75rem;
  position: relative;
  padding-bottom: 16px;

}

header#header2 {
  background: #ffffaf;
  position: relative;
}

.hinh_khachangg a:hover {
  cursor: pointer;
}

ul.list li {
  list-style: none;
  margin-bottom: 15px;
  position: relative;
  padding-left: 15px;
}

ul.list {

  padding-left: 6px;

}


ul.list li a {
  font-family: 'Montserrat-Regular';
  color: #ffffff;
  font-size: 15px;

}

ul.list li a:hover {
  color: #fff900;

}



.footertxt span font {
  color: #ffd200;
}

.footernamne {
  font-family: 'Montserrat-Regular';
  color: #fff;
}

.tieude_footer h2 {
  color: #fde41b;
  font-size: 33px;
  font-family: 'iCielBCCubano-Normal';
  margin-bottom: 15px;
  line-height: 43px;
}

.footertxt span {
  font-family: 'Montserrat-Regular';
  margin-left: 10px;
  padding-left: 10px;
  position: relative;
}

.footertxt span:after {
  position: absolute;
  background: #ffffff;
  width: 1px;
  height: 10px;
  left: -2px;
  content: '';
  top: 5px;
}

.social-box {
  margin-top: 30px;
}

ul.list li:after {
  position: absolute;
  background: #ffffff;
  width: 7px;
  height: 7px;
  border-radius: 100%;
  left: 0;
  content: '';
  top: 8px;
}

.social-box a:hover img {
  transform: rotate(359deg);
}

.social-box a img {
  transition: all 1s;
}

.footerArticle {
  position: relative;
  padding-bottom: 4%;
}

.social-box a {
  display: inline-block;
  margin-right: 9px;
}

.social-box p {
  margin-bottom: 0;
  color: #fde41b;
  font-family: 'qb';
  font-size: 18px;
  font-weight: 200;
  text-transform: uppercase;
  margin-right: 12px;
}

.footertxt span:nth-child(1):after {
  display: none;
}

.footersrc {
  padding-bottom: 20px;
}

.desc_footer {

  font-size: 14px;
  text-align: left;
  font-family: montserrat-regular;
  line-height: 23px;
  margin-top: 20px;
  color: #ffffff;

}

.news-item__text h3 a:hover {
  color: #e21c1d;
}

.footerMap_footer iframe {
  width: 100%;
  height: 325px;
  border-radius: 17px;
}

.footerMap_footer {
  margin: 40px 0 15px;
}

.socialfooter-box a {

  margin-right: 5px;

  margin-top: 17px;

  display: inline-block;

}

.socialfooter-box a:hover {

  transform: rotate(360deg);

}

.socialfooter-box a {

  transition: all 0.5s;

}

.all_hotline img {

  width: 1.2rem;

  height: 1.2rem;

}

.box_hl h3 a {

  line-height: 0;

  font-family: montserrat-bold;

  color: #e21c1d;

  font-size: 17px;

  margin-bottom: 0;

}



.box_hl p {

  margin-bottom: 5px;

  font-size: 13px;

  font-family: qb;

}

.box_hl h3 {

  line-height: 0;

}

.box_hl h3 {

  font-family: montserrat-bold;

  color: #e21c1d;

  font-size: 17px;

}

.box_hl {

  line-height: 33px;

  margin-left: 7px;

  position: relative;

  top: -8px;

}

.top_footer_address {

  border-bottom: 1px solid white;

  padding-bottom: 3.5%;

  margin-bottom: 4%;

  padding-left: 4%;

  padding-top: 4%;

  position: relative;

  z-index: 99;

}

.footerInfo1 {

  padding-left: 4%;

}

.border-left {

  border-left: 1px solid white;

  position: relative;

  padding-bottom: 4.5%;

}




.footerPowered {

  text-align: center;

  background: #e21c1d;

  padding: 10px 0;

  font-family: qb;

  color: #010101;

}




.menu ul li ul li:last-child>a {
  border-bottom: 0px;
  margin-left: 0 !important;
  background: unset !important;
  padding: 10px 10px 10px 10px;
  text-transform: capitalize;
}

.mn_top {
  margin-bottom: 15px;
}

li.contact_menu {
  margin-left: 14px;
}

ul.menu-main li:last-child a i {
  margin-right: 5px;
}

ul.menu-main li:last-child a {
  padding: 14px 22px;
  background: #1b9b45 !important;
  border-radius: 0 37px 38px 0;
  margin-left: -18px !important;
  font-size: 16px;
}


.wrapper-dropdown-menu-inside {

  background: #fff;

  padding-top: 0;

  padding-bottom: 0;

}

.scroll-second-menu {

  overflow-y: auto;
  /* 
  height: 403px; */

}

.second-menu>li:hover>a {

  color: #fff;

}

.second-menu>li>a {

  position: relative;

  display: block;

  font-size: 14px;

  color: #393939;

  padding: 0 18px;

  text-transform: capitalize;

  font-family: HelveticaNeue-Medium;

}

span.text-second-menu {

  padding: 0px 12px 0px 0;

  position: relative;

  text-transform: uppercase;

  white-space: nowrap;

  display: block;

  overflow: hidden;

  text-overflow: ellipsis;

}

.item-holder p a {}

.second-menu>li>a::after {}

ul.second-menu {
  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}



a.arrows {
  position: relative;
}

a.arrows:after {
  content: "";
  position: absolute;
  bottom: calc(50% - 2px);
  right: 0px;
  width: 5px;
  height: 5px;
  border: 1px solid #393939;
  border-top: 0px;
  border-left: 0px;
  transform: rotate(-45deg);
  transition: all 0.3s ease-out;
}

ul.ulli_items li a {

  font-family: qm;

}

.menu-hover {
  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}

li.on-bar.divLeft i {
  font-size: 11px;
  position: relative;
  right: -1px;
  top: -1px;
}

ul.ulli_items li {

  position: relative;

}

ul.ulli_items li:after {

  position: absolute;

  content: "";

  background: #b1b1b1;

  width: 4px;

  height: 4px;

  top: 18px;

  border-radius: 30px;

  left: 1px;

}

.item-holder p a {
  /* border: none !important; */
}



.item-holder p {
  margin-bottom: 0 !important;
}

ul.ulli_items li a {

  border: none !important;

}

.w-menu.fix_head.animate__animated.animate__fadeIn .second-menu li a {

  padding: 9px 0px;

}

.w-menu.fix_head.animate__animated.animate__fadeIn button.open-form-search {

  padding: 3px 7px 7px;

}

.w-menu.fix_head.animate__animated.animate__fadeIn .menu.mn_blockmenu2 {
  width: 100%;
  display: block;

}

.user-member {

  text-align: center;

  border-radius: 3px;

  line-height: 35px;

}



.user-member {

  font-size: 15px;

  margin-right: 12px;

  color: #e21c1d;

  font-family: "qb";

  text-transform: uppercase;

}



.user-member a i {

  margin-right: 4px;

}



.user-content {

  position: absolute;

  text-align: left;

  top: 100%;

  right: 0;

  transition: all 0.5s;

  z-index: 999;

  width: 171px;

  border: 1px solid #efefef;

  box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.15);

  transform: perspective(600px) rotateX(-90deg);

  transform-origin: 0 0 0;

  opacity: 0;

  visibility: hidden;

  transition: all 0.5s;

}

.admin_login:hover .user-content {

  transform: perspective(600px) rotateX(0);

  -webkit-transform-origin: 0 0 0;

  opacity: 1;

  visibility: visible;

  transition: all 0.3s;

}



.admin_login {

  position: relative;

}

.user-content i {

  margin-right: 4px;

}



.user-content A {

  display: block;

  border-bottom: 1px solid #f3f3f3;

  background: #ffffff;

  color: #000;

  padding: 9px 8px;

  font-family: "qm";

  font-size: 14px;

}



.user-member:hover {

  cursor: pointer;

}



.user-member A:hover {

  background: #ffd700;
  color: #ffff;
  border: 1px solid #ffd700;

}

.cart-image:after {

  content: "";

  background: #e3b49b;

  width: 1px;

  height: 22px;

  left: -18px;

  top: 9px;

  position: absolute;

}

.w-menu.fix_head.animate__animated.animate__fadeIn .cart-image:after {

  top: 5px;

}

button.open-form-search:hover {
  background: #ffd700;
  color: #ffff;
  border: 1px solid #ffd700;

}

button.open-form-search {

  transition: all 0.3s;

}

.btn-user {

  display: block;

  border-bottom: 1px solid #553318;

  background: #633e21;

  color: #fff;

  padding: 9px 8px;

  font-family: "Mulish-Medium";

  font-size: 14px;

}



a.btn-user i {

  margin-right: 5px;

}



.headerBottom-right:hover .user-content {

  transform: perspective(600px) rotateX(0);

  -webkit-transform-origin: 0 0 0;

  opacity: 1;

  visibility: visible;

  transition: all 0.7s;

}



.user-content a:hover {

  background: #e21c1d;

  transition: 0.5s;

  color: #fff;

}



.btn-user:last-child {

  border-bottom: 0;

}

.user-member a {

  transition: 0.4s;

  border: 1px solid #ffc9ae;

  background: none;

  border-radius: 50px;

  padding: 0px 8px;

  text-align: center;



  display: inline-block;

}



.user-member a i {

  font-size: 16px;

  position: relative;

  left: 2px;

  color: #000000;

}


.mmneu {
  display: none !important;
}

@media screen and (max-width: 991px) {


  .mmneu {
    display: block !important;
  }

  .w-menu {

    height: auto;

  }

  .bg_header {

    display: none;

  }

  .items_newsllter_left {

    padding-right: 0;

  }

  section.newsllter_main {

    padding: 40px 0 0;

  }

  section.parnter_main {

    position: relative;

    padding: 33px 0;

  }

  .hprd-dcorr2 {

    position: absolute;

    right: 7% !important;

    bottom: -52%;

  }

  .mt-top_mobile {

    margin-top: 8%;

  }

  .slogan_fb {

    line-height: 23px;

    text-align: justify;

    padding-right: 0;

    font-size: 13px;

    margin-bottom: 16px;

  }

  section.feedback_main:before {

    display: none;

  }

  .items_left_fb {

    margin-left: 0;

  }

  .title_fb h2 {

    font-size: 25px;

    font-family: montserrat-bold;

    margin-bottom: 13px;

  }

  section.feedback_main {

    position: relative;

    padding: 20px 0 40px;

  }

  .container_product .pagination-ajax {

    margin-top: 20px;

  }

  .price-per {

    font-size: 12px;

    width: 45px;

    height: 45px;

  }

  .price-old {

    padding-left: 5px;

    font-size: 13px;

  }

  .price-new {

    font-size: 16px;

  }

  .infor_product h3 a {

    font-family: qsm;

    font-size: 13px;

    line-height: 20px;

  }



  .box_outstanding {

    box-shadow: 0 0.5rem 1rem rgb(221, 220, 220) !important;

  }

  .brand-n-status-box p a {

    font-size: 12px;

  }

  .box_outstanding:hover {

    box-shadow: 0 0.5rem 1rem rgb(221, 220, 220) !important;

  }



  footer#footer {

    padding-bottom: 14%;

  }

  .footerNewsletter {

    flex: 0 0 100%;

    max-width: 100%;

    margin-top: 8%;

  }

  .footerInfo2 {

    flex: 0 0 100%;

    max-width: 100%;

    margin-bottom: 32px;

    margin-top: 15px;

  }

  .product_list .hprd-dcorr {

    display: none;

  }

  .productnb-title {

    margin-bottom: 15px;
    margin-bottom: 15px;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    padding: 10px;
    background: #fff;
    border-radius: 3px;
  }

  .productnb-title h2 {
    font-size: 21px;
    margin-bottom: 0;
  }

  a.block_list {

    padding: 10px 22px;

    font-size: 13px;

    border: 1px solid #e21c1d;

  }

  .items_banner_list {

    margin-bottom: 23px;

  }

  .productnb-title h2 {

    width: 63%;

  }

  .productnb-title h2 {

    font-size: 21px;

  }

  section.abouts_video {

    padding: 25px 0 2px;

  }

  section.product_list {

    padding: 20px 0;

  }

  a.block_abouts {

    color: #fff;

    padding: 9px 22px;

    border-radius: 50px;

    font-family: qb;

    font-size: 13px;

    margin-bottom: 8%;

  }

  .footerTern {

    flex: 0 0 100%;

    max-width: 100%;

  }

  .desc_abouts {

    font-size: 14px;

    line-height: 23px;

    margin-bottom: 12px;

    font-size: 13px;

  }

  section.abouts_video {

    padding: 25px 0;

    margin-top: 4%;

  }



  .top_footer_address {

    display: none !important;

  }

  .border-left {

    padding-bottom: 7.5%;

  }

  .footerlogo {

    padding-top: 6%;

  }

  footer#footer {

    overflow: hidden;

  }

  .title_Abouts {

    font-size: 24px;

    margin-bottom: 9px;

  }

  section.cate_pro {

    position: relative;

    padding-bottom: 15px;

  }

  .footerInfo1 {

    display: block !important;

  }

  .footerInfo1 {

    padding-left: 0;

  }

  .hcate-iiner .t-link {

    font-size: 14px;

  }

  .title_index_main p {

    letter-spacing: 1px;

    font-size: 12px;

  }

  .title_index_main h2 {

    font-size: 28px;

    margin-bottom: 4px;

  }



  section.newsllter_main:after {

    right: 0;

    bottom: -5%;

    pointer-events: none;

    width: 250px;

    z-index: 9;

    height: 250px;

  }

  .filter {

    position: relative;

    top: 0;

  }

  .col-lg-4.col-6.col_product:nth-child(21) {

    display: none;

  }

  .wrap-home {

    position: relative;


  }

  .footerPowered {

    padding: 18px 0 27px;

  }

  .bloga-tag .text {

    padding: 0.5rem 0.7rem;

    font-size: 11px;

  }

  a.bloga-link.text-split2 {

    font-size: 14px;

  }

  .t-gr {

    display: none !important;

  }

  section.news_main {

    padding: 100px 0 110px;

  }

  .social_fixed {

    right: 25px;

    bottom: 115px;

  }

  .logo-box {

    width: 56px;

  }

  .form-row.row {

    margin: 0 -8px 0px;

  }

}



@media screen and (max-width: 767px) {

  .admin_login-mobile {

    display: block !important;

  }

  .admin_login {

    display: none;

  }

  .admin_login {

    display: none;

  }

  .hcate-iiner {

    padding: 0.8rem;

  }

  section.cate_pro:after {

    display: none;

  }

  section.cate_pro:before {

    display: none;

  }

}



.srate-guest {

  margin-top: 14px;

}

@media screen and (max-width: 480px) {

  section.abouts_video {

    padding: 25px 0 1px;

  }

  .title_Abouts {

    font-size: 20px;

  }

  .admin_login:hover .user-content {

    display: none;

  }

  a.block_list2 {

    transition: all 0.3s;

    padding: 6px 14px;

    border-radius: 50px;

    font-family: qb;

    font-size: 12px;

  }

  .slogan_abouts marquee {

    font-size: 14px;

  }

  .padding-top-bottom {

    padding: 1.5rem 0 !important;

  }

  .title-main span {

    font-size: 26px !important;

  }

  .title-main span {
    text-transform: uppercase;
    color: #e21c1d;
    font-size: 41px;
    font-family: 'iCielBCCubano-Normal';
    line-height: 43px;
    display: inline-block;
    margin-bottom: 6px;

  }

  .title_index_main h2 {

    font-size: 22px;

  }

}

#loader-wrapper {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 999999;

  pointer-events: none;

}

#loader-wrapper #wrap {

  background: #fff;

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  margin: auto;

  display: block;

  text-align: center;

  width: 100%;

  height: 100%;

  z-index: 999999;

}

#loader-wrapper.show1 #wrap {

  background: transparent;

}

#loader-wrapper:after {

  -webkit-mask: url(../images/mask-01.png);

  mask: url(../images/mask-01.png);

  -webkit-mask-size: 2300% 100%;

  mask-size: 2300% 100%;

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  overflow: hidden;

  background-color: rgba(255, 255, 255, 1);

  z-index: 99999;

}

#loader-wrapper.show1::after {

  -webkit-animation: MaskPlay 1s steps(22) forwards;

  animation: MaskPlay 1s steps(22) forwards;

}

#loader-wrapper.show1 #wrap {

  opacity: 0;

}

@-webkit-keyframes MaskPlay {

  from {

    -webkit-mask-position: 0 0;

    mask-position: 0 0;

  }

  to {

    -webkit-mask-position: 100% 0;

    mask-position: 100% 0;

  }

}

@keyframes MaskPlay {

  from {

    -webkit-mask-position: 0 0;

    mask-position: 0 0;

  }

  to {

    -webkit-mask-position: 100% 0;

    mask-position: 100% 0;

  }

}



@media screen and (max-width:480px) {

  .footerPowered {

    padding: 18px 0 40px;

  }

  .the-content-feedback {

    font-size: 13px;

  }

  section.newsllter_main:after {

    right: 0;

    bottom: -5%;

    pointer-events: none;

    width: 171px;

    z-index: 9;

    height: 214px;

  }

  a.bloga-link.text-split2 {

    -webkit-line-clamp: 1;

  }

  section.news_main .productnb-title h2 {

    font-size: 24px;

  }

  .productnb-title h2 {

    width: 55%;

  }

  .wrap-home {

    overflow: hidden;

  }

}

/* Menu */
.menu ul li {
  position: relative;
  z-index: 1;
}

.menu-parent>li:last-child:before {
  display: none;
}

.menu ul li a.has-child:after {
  content: '';
  position: absolute;
  bottom: calc(50% - 4px/2);
  right: 5px;
  width: 5px;
  height: 5px;
  border: 1px solid #fafafa;
  border-top: 0px;
  border-left: 0px;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.menu-row>ul>li>a.active,
.menu-row>ul>li:hover>a {
  background-color: #ce7557;
  font-family: 'Muli Bold';
}

.menu ul li:hover>a.has-child:after,
.menu ul li a.active.has-child:after {}

.menu ul li ul {
  position: absolute;
  min-width: 250px;
  background-color: #ffffff;
  -webkit-box-shadow: 1px 1px 15px rgb(0 0 0 / 15%);
  box-shadow: 1px 1px 15px rgb(0 0 0 / 15%);
  -webkit-transform: perspective(600px) rotateX(-90deg);
  transform: perspective(600px) rotateX(-90deg);
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
  opacity: 0;
  visibility: hidden;
  transition: all .5s;
}

.menu ul li:hover>ul {
  -webkit-transform: perspective(600px) rotateX(0);
  transform: perspective(600px) rotateX(0);
  -webkit-transform-origin: 0 0 0;
  opacity: 1;
  visibility: visible;
  transition: all .7s;
}



.menu ul li ul li a {
  line-height: 22px;
  font-size: 14px;
  text-align: left;
  color: #1e1e1e;
  border-bottom: 1px solid #ededed;
  font-family: 'Montserrat-Regular';
}

.menu ul li ul li:last-child>a {
  border-bottom: 0px;
}

.menu ul li ul li a.has-child {
  margin-right: 0px;
}

.menu ul li ul li a.has-child:after {
  border-color: #313131;
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.menu ul li ul li a.active,
.menu ul li ul li:hover>a {
  color: var(--color-red);
}

.menu ul li ul li:hover>a.has-child:after,
.menu ul li ul li a.active.has-child:after {
  border-color: var(--color-red);
}

.menu ul li ul li a {
  padding: 10px 10px 9px 10px;
  text-transform: capitalize;
}

.menu ul li ul li ul {
  top: 0;
  left: 100%;
  margin-top: 0px;
}

.menu-row {
  align-items: center;
}




.social-header {
  margin-bottom: 12px;
}


.hotline-header p {
  font-size: 17px;
  margin-bottom: 0;
  text-transform: capitalize;
  font-family: UTMAvoBold;
  color: #fff;
}

.hotline-header span {
  font-family: 'Montserrat-Bold';
  color: #fff200;
  font-size: 25px;
  display: block;
  line-height: 30px;
}

.timkiem input {
  width: calc(100% - 35px);
  height: 100%;
  float: left;
  outline: none;
  padding: 0px;
  border: 0px;
  background: transparent;
  text-indent: 18px;
  font-size: 13px;
  color: black;
  font-family: 'Montserrat-Regular';
}

.timkiem button {
  float: left;
  width: 41px;
  height: 30px;
  line-height: 30px;
  cursor: pointer;
  text-align: center;
  margin: 0px;
  color: #e21c1d;
  font-size: 16px;
  border: none;
  background: none;
}













/*tienich-phone*/
.support-online {
  margin-bottom: 30px;
}

.support-online a {
  position: relative;
  margin: 20px 10px;
  text-align: left;
  width: 40px;
  height: 40px;
  display: block;
}

.support-online a span {
  border-radius: 2px;
  text-align: center;
  background: var(--main-color);
  padding: 9px;
  display: none;
  width: 180px;
  margin-left: 10px;
  position: absolute;
  color: #fff;
  z-index: 999;
  top: 0;
  left: 40px;
  transition: all 0.2s ease-in-out 0s;
  animation: headerAnimation 0.7s 1;
}

.support-online a span:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 10px 0;
  border-color: transparent var(--main-color) transparent transparent;
  position: absolute;
  left: -10px;
  top: 10px;
}

.support-online a:hover span {
  display: block;
}

.support-online img {
  width: 40px;
  height: 40px;
  background: #e21c1d;
  color: #fff;
  border-radius: 100%;
  font-size: 20px;
  text-align: center;
  line-height: 1.9;
  position: relative;
  z-index: 999;
}

.support-online .btn-support {
  cursor: pointer;
}

.kenit-alo-circle-fill {
  width: 60px;
  height: 60px;
  top: -10px;
  position: absolute;
  transition: all 0.2s ease-in-out;
  border-radius: 100%;
  border: 2px solid transparent;
  transition: all 0.5s;
  background-color: rgb(226 28 29/50%);
  opacity: 0.75;
  right: -10px;
}

.kenit-alo-circle {
  width: 50px;
  height: 50px;
  top: -5px;
  right: -5px;
  position: absolute;
  background-color: transparent;
  border-radius: 100%;
  border: 2px solid rgba(204, 44, 50, 0.4);
  opacity: 0.1;
  border-color: red;
  opacity: 0.5;
}

.social_fixed-phone {
  width: 100%;
  position: fixed;
  left: 0;
  bottom: 0;
  height: 55px;
  line-height: 45px;
  color: #fff;
  z-index: 50;
  display: none;
  background: var(--main-color);
}

.social_fixed-phone ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  height: 100%;
}

.social_fixed-phone ul li {
  flex: 0 0 100%/4;
  -ms-flex: 0 0 100%/4;
  max-width: 100%/4;
  width: 100%;
}

.social_fixed-phone ul li a {
  color: #fff;
  text-decoration: none;
  font-size: 11px;
  font-family: Arial, sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  letter-spacing: 1px;
  line-height: 2;
  height: 100%;
  border-left: 1px solid rgba(204, 44, 50, 0.2);
  padding-top: 3px;
}

li.on-bar.divLeft ul li a:hover {
  color: #e21c1d;
}

.goTop {
  text-align: center;
}

.social_fixed-phone ul li a i {
  font-size: 19px;
}

.social_fixed-phone img {
  display: block;
  margin: 0 auto;
  height: 19px;
  max-width: 100%;
}

@media screen and (max-width: 991px) {
  .social_fixed-phone {
    display: block;
  }
}

.social_fixed {
  position: fixed;
  right: 25px;
  bottom: 110px;
  z-index: 999;
}

.social_fixed a {
  display: block;
}

@media screen and (max-width: 991px) {
  .social_fixed {
    display: none;
  }

}

.headerTop {
  background: #e21c1d;
  position: relative;
  padding: 10px 0;
  z-index: 9;
}

.headerTop-left p {
  margin-bottom: 0;
  position: relative;
  padding-right: 10px;
  margin-right: 10px;
  font-size: 16px;
  font-family: 'Montserrat-Regular';
  color: rgb(255 255 255 / .8);
}

.headerTop-left p:after {
  position: absolute;
  background: #e95a5a;
  width: 1px;
  height: 15px;
  right: -4px;
  top: 5px;
  content: '';
}


.headerTop-left p:last-child:after {
  display: none;
}

.headerTop-left p i {
  margin-right: 4px;
  font-size: 20px;
  position: relative;
  top: 1px;
}

.html.custom.html_topbar_left img {
  width: 64px;
  float: left;
}

.custom.html_topbar_left span {
  color: #e21c1d;
  font-size: 15px;
  line-height: 30px;
  display: grid;
}

.html_topbar_left span strong {
  font-size: 31px;
}

header#header {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
  text-align: center;
}

a.logo-header2 {
  position: relative;
  z-index: 9;
}

.w-menu.fix_head.animate__animated.animate__fadeIn .timkiem {
  width: 23%;
}

.text_tieude h2 {
  font-family: iCielBCCubano-Normal;
  color: #e21c1d;
  font-size: 41px;
  margin-bottom: 5px;
  line-height: 43px;
}

.text_tieude p {
  font-size: 17pt;
}

.text_tieude {
  text-align: center;
}

.title-1 {
  background: url(../images/banhmi.png) center bottom no-repeat;
  padding-bottom: 4.5%;
  background-size: 17%;
}

.title-2 {
  background: url(../images/title_banhmi.png) center bottom no-repeat;
  padding-bottom: 4.5%;
  background-size: 17%;
  margin-bottom: 3.2%;
}

.title-2 {
  position: relative;
}

.title-2:after {
  position: absolute;
  background: url(../images/ship2.png);
  content: '';
  width: 298px;
  height: 300px;
  left: 14%;
  top: -103%;
}

div#madamwin {
  position: relative;
  padding: 3% 0;
}

.hinh_gioithieu {
  position: relative;
}

.hinh_gioithieu .control-owl button.owl-prev {
  left: -20px;
  background: none;
  background: #e21c1d;
  border-radius: 100%;
  opacity: 1;
  width: 40px;
  height: 40px;
  font-size: 18px;
}

.hinh_link img {
  border-radius: 35px;
}

.hinh_gioithieu .control-owl button.owl-next {
  right: -20px;
  background: none;
  background: #e21c1d;
  border-radius: 100%;
  opacity: 1;
  width: 40px;
  height: 40px;
  font-size: 18px;
}

.wap_gioithieu .col-lg-6 {
  padding: 0 15px;
}

.wap_gioithieu .row {
  margin: 0 -15px;
}

.des_gthieu {
  padding: 20px 20px 89px 20px;
  background: #fff8c7;
  border-radius: 30px;
}

.mota_gioithieu {
  position: relative;
}

.add-to-cart-button:hover {
  background: #990202;
  border: 3px solid #990202 !important;
  cursor: pointer;
}

.add-to-cart-button {
  transition: all .3s;
}

div#sanphambc {
  padding-top: 206px;
  background: url(../images/nendo.png) no-repeat;
  position: relative;
  background-size: 100% 100%;
  padding-bottom: 40px;
}

.wap_gioithieu {
  position: relative;
  padding-bottom: 2%;
}

.mota_gioithieu:after {
  position: absolute;
  background: url(../images/cus.png) no-repeat;
  content: '';
  background-size: 100% 100%;
  height: 30%;
  pointer-events: none;
  bottom: -78px;
  right: 0;
  width: 23%;
}

a.button.white.box-shadow-2 {
  position: absolute;
  left: 50%;
  right: auto;
  width: 180px;
  margin-left: -90px;
  padding: 9px 10px;
  bottom: -17px;
  -webkit-box-shadow: 0 3px 6px -4px rgb(0 0 0 / .16), 0 3px 6px rgb(0 0 0 / .23);
  box-shadow: 0 3px 6px -4px rgb(0 0 0 / .16), 0 3px 6px rgb(0 0 0 / .23);
  background: #fff;
  text-align: center;
  color: #c91e1e;
  font-family: 'qb';
  font-size: 14px;
  text-transform: uppercase;
  border-radius: 50px;
}

a.button.white.box-shadow-2:hover {
  background: #e3e3e3;
}

a.button.white.box-shadow-2 i {
  font-size: 10px;
  margin-left: 2px;
  position: relative;
  top: -1px;
}

.two_img {
  position: relative;
}

.hinh2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0;
}

.product-small:hover .hinh1 {
  opacity: 1;
}

.product-small:hover .hinh2 {
  opacity: 1;
}

.hinh1 {
  transition: all .4s;
}

.hinh2 {
  transition: all .4s;
}

.product-small {
  padding: 12px;
  background: #fff;
  -webkit-box-shadow: 0 3px 6px -4px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
  box-shadow: 0 3px 6px -4px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
  border-radius: 30px;
  margin-bottom: 43px;
}

.two_img img {
  border-radius: 10%;
}

.numb_product {
  font-family: 'Montserrat-Bold';
  position: absolute;
  top: -12%;
  left: 0;
  right: 0;
  background: url(../images/top_pro.png);
  margin: auto;
  display: flex;
  text-align: center;
  width: 100px;
  height: 95px;
  justify-content: center;
  align-items: center;
  color: #d10909;
  font-size: 22px;
}


#sanphambc .text_tieude h2 {
  color: #fde41b;
}

#sanphambc .text_tieude p {
  display: inline-block;
  background: #fff;
  padding: 2px 20px;
  border-radius: 30px;
  font-weight: 700;
  color: #d10909;
  font-size: 21px;
  margin-top: 13px;
}

.product-small {
  position: relative;
}

.woocommerce-loop-product__title a {
  text-transform: uppercase;
  font-size: 20px;
  color: #d10909;
  font-weight: 600;
  font-family: 'qb';
  line-height: 26px;
}

.add-to-cart-button.add-to-cart-button_more {
  background: #1a9643;
  border: 3px solid #1a9643 !important;
  color: #1a9643 !important;
}

.add-to-cart-button.add-to-cart-button_more a {
  color: #1a9643 !important;
  font-family: 'qb';
  padding-bottom: 4px;
}

a.img-inner.dark {
  width: 30%;
  position: relative;
  top: 4px;
}

div#baochi {
  position: relative;
  padding: 50px 0 75px;
}

.hinh_khachangg a {
  border-radius: 5%;
}

.body_swiper {
  position: relative;
}

.body_swiper .control-owl button.owl-prev {
  left: calc((100% - 1195px) / 2);
  background: red;
  border-radius: 100%;
  font-size: 20px;
  width: 40px;
  height: 40px;
  opacity: 1;
}

.body_swiper .control-owl button.owl-next {
  right: calc((100% - 1195px) / 2);
  background: red;
  border-radius: 100%;
  font-size: 20px;
  width: 40px;
  height: 40px;
  opacity: 1;
}

.inner_txt h3 {
  background: #e21c1d;
  color: #fff;
  border-radius: 30px;
  padding: 8px 24px 8px 80px;
  display: inline;
  font-size: 19px;
}


.inner_txt {
  position: relative;
  margin-left: calc((100% - 1300px) / 2);
  margin-bottom: 3.2%;
}

.inner_txt h3 img {
  position: absolute;
  top: -31px;
  left: -37px;
}

#baochi .text_tieude.title-1 {
  margin-bottom: 3%;
}

@media screen and (max-width: 991px) {
  .mmneu {
    text-align: center;
  }

  p.name {
    margin-bottom: 10px;
  }

  .add-to-cart-button {
    display: inline-block;
    border: 3px solid #e21c1d !important;
    border-radius: 30px !important;
    background: #e21c1d;
    padding-right: 37px;
    position: relative;
    margin: 13px 0 0 0;
    line-height: 14px;
    padding: 5px 0px 7px 0px;
  }

  a.add-to-cart-button2 {
    font-size: 15px !important;

  }

  .add-to-cart-button i {
    display: none;
  }

  .woocommerce-loop-product__title a {
    text-transform: uppercase;
    font-size: 15px;
    color: #d10909;
    font-weight: 600;
    font-family: 'qb';
    line-height: 18px;
  }

  .product-small {
    padding: 6px;
  }

  .title-2:after {
    display: none;
  }

  .numb_product {
    font-size: 17px;
  }

  #sanphambc .text_tieude p {
    padding: 5px 20px;
    border-radius: 30px;
    font-weight: 700;
    color: #d10909;
    font-size: 15px;
    margin-top: 13px;
  }

  div#baochi {
    position: relative;
    padding: 1px 0 30px;
  }

  div#sanphambc {
    padding-top: 37%;
    background: url(../images/nendo.png) top 0 center no-repeat;
    position: relative;
    padding-bottom: 13%;
    background-position: 79% 55% !important;
  }

  .title-2 {
    background: url(../images/title_banhmi.png) center bottom no-repeat;
    padding-bottom: 9.5%;
    background-size: 43%;
    margin-bottom: 6.2%;
  }

  .des_gthieu {
    padding: 15px 15px 87px 15px;
    background: #fff8c7;
    border-radius: 30px;
    margin-top: 20px;
  }

  .mota_gioithieu:after {
    height: 24%;
  }

  .title-1 {
    padding-bottom: 4.5%;
    background-size: 26%;
    margin-bottom: 4%;
  }

  .hinh_gioithieu .control-owl button.owl-next {
    right: 15px;

  }

  .hinh_gioithieu .control-owl button.owl-prev {
    left: 15px;

  }

  .text_tieude p {
    font-size: 14pt;
  }

  footer#footer {
    background: #b70f10;
  }

  .row.r_footer {
    padding-top: 10px;
  }

  .text_tieude h2 {
    font-size: 33px;
    margin-bottom: 5px;
    line-height: 49px;
  }

  ul.menu-main li:last-child a {
    padding: 10px 19px !important;
    background: none !important;
    border-radius: unset !important;
    margin-left: 0 !important;
    font-size: 14px !important;
  }

  .headerTop {
    display: none;
  }

  ul.menu-main {
    padding-left: 0;
    background: url();
    border-radius: unset;
  }

  a.logo-header2 img {
    width: 24%;
    margin: auto;
  }

  .collapse_more.d-flex.align-items-center.justify-content-center {
    display: block !important;
    text-align: center;
  }

  .add-to-cart-button.add-to-cart-button_more a {
    color: #ffffff !important;
    font-family: 'qb';
    padding-bottom: 4px;
    background: #1a9643 !important;
  }

  a.add-to-cart-button2 {
    font-size: 13px !important;
    color: #ffffff !important;
    background: #e21c1d;
    border-radius: 30px;
    border: none !important;
    width: 100%;
    min-height: auto;
    padding: 2px 17px 5px;
  }

  .inner_txt h3 {
    display: none;
  }

  .add-to-cart-button.add-to-cart-button_more {
    margin-top: 0;
  }

  #baochi .text_tieude.title-1 {
    margin-bottom: 8%;
  }

  .title-main p {
    color: #282828;
    font-size: 16px;
  }

  .title-main {
    padding-bottom: 31px;
    background-size: 33%;
  }
}

@media screen and (max-width: 480px) {
  .wap_gioithieu {
    padding-bottom: 21%;
  }

  div#baochi {
    position: relative;
    padding: 33px 0 30px;
  }
}

.branch-item__text .text-box{
  padding: 10px;
}

.branch-item__text .titlez{
  font-size: 18px;
  line-height: 28px;
  padding-bottom: 0;
  font-family: 'iCielBCCubano-Normal';
}

.branch-item__text .desc{
  font-size: 14px;
  line-height: 20px;
}

.branch-item__text .desc p{
  margin-bottom: 0;
}

.branch-item{
  background-color: #fff8c7;
}

.branch-item-row.swap .branch-item__text{
  order: 1;
}

.branch-item-row.swap .branch-item__image{
  order: 2;
}

.branch-item-row .branch-item__image{
  margin-top: -10px;
  margin-bottom: 10px;
}

.branch-item-row .branch-item__image a{
  border: 1px solid #fde41b;
}

.branch-item{
  margin-bottom: 30px;
}