body { font-family: roboto; }
.phone-header { }
.phone-header span { position: absolute; top: -17px; background: white; padding: 1px 19px; text-transform: uppercase; color: rgb(255, 135, 0); left: 0px; right: 0px; margin: 0px auto; text-align: center; max-width: 91px; font-size: 13px; }
.phone-header a { font-family: UTM-AVOBOLD; font-size: 17px; color: red; }
footer { background: url("../images/ft-background.jpg") 0% 0% / cover no-repeat; }
.footer-menu { }
.footer-menu li { }
.footer-menu a {color: #000;position: relative;padding-left: 15px;font-weight: 500;}
.footer-menu a:hover { color: rgb(255, 135, 0); }
.footer-menu a:hover { color: rgb(255, 135, 0); }
footer .footer-menu ul a::before {position: absolute;top: 5px;left: 0px;width: 5px;height: 5px;background: #000;content: "";border-radius: 50%;}
footer .footer-menu ul a:hover::before { background: rgb(255, 130, 11); }
.ft-hotline { font-family: UTMAvo; font-weight: bold; display: inline-block; color: rgb(102, 102, 102); text-align: center; width: 100%; border: 2px solid rgb(255, 135, 0); border-radius: 10px; position: relative; padding: 6px 24px 7px; }
.ft-hotline .text { position: absolute; top: -20px; background: rgb(24, 23, 21); padding: 1px 19px; text-transform: uppercase; color: rgb(255, 135, 0); left: 0px; right: 0px; margin: 0px auto; text-align: center; max-width: 111px; font-size: 16px; }
.ft-hotline .number { }
.fanpage-box { display: block; margin: 23px 0px 30px; }
ul.footer-social {margin-top: 18px;margin-bottom: 10px;text-align: left;}
ul.footer-social li { display: inline-block; list-style: none; }
ul.footer-social li + li { margin-left: 5px; }
ul.footer-social li a {display: block;height: 40px;width: 40px;line-height: 40px;text-align: center;background: #e8202a;color: white;font-size: 24px;padding: 0px;border-radius: 50%;}
ul.footer-social li a:hover, ul.footer-social li a:focus { color: rgb(59, 182, 75); }
.ft-info { }
.ft-info ul { color: white; padding-top: 14px; }
.ft-info li { display: block; margin-bottom: 17px; }
.ft-info a { }
.ft-info span { font-family: UTM-AVOBOLD; display: block; margin-bottom: 5px; }
.ft-info p { font-family: UTM-Avo; font-size: 12px; }
.ft-info i { margin-right: 2px; }
.ft-info h3 { color: white; font-size: 24px; margin-top: 18px; display: block; }
.ft-banner {padding-top: 10px;padding-left: 0px;padding-right: 0px;}
.ft-banner img { text-align: center; display: block; margin: 0px auto 20px; }
.ft-hotline .number a { font-family: UTM-AVOBOLD; font-size: 24px; color: white; }
h2.title a { color: rgb(0, 0, 0); text-transform: uppercase; }
h2.title:hover a { color: unset; }
.why .title {border: none;padding-bottom: 0px;font-size: 20px;margin: 0px 0px 5px;}
.why .title::before { display: none; }
.why .title a { }
.why .title a::before { }
.why .description {font-size: 30px;text-align: center;color: rgb(226, 0, 0);display: block;margin-bottom: 20px;font-weight: bold;}
.advide-title { color: rgb(226, 0, 0); margin-bottom: 5px; text-align: left; }
.advide-description { text-align: left; }
.new-main {background: #fff;padding: 35px 0px 50px;}
.fadeInRight.t-fade .why-img { top: -1px; position: absolute; left: 31px; }
.fadeLeft-title {display: block;text-align: left;color: #e20000;font-size: 14px;padding: 10px 0px 10px 25px;font-weight: bold;width: 255px;}
.fadeLeft-Content { background: url("../images/icon-why-left.png") 0% 0% / 100% 100% no-repeat; padding: 9px 0px; }
.fadeLeft-Content::before { content: ""; width: 105px; height: 88px; position: absolute; }
.fadeInRight { }
.right-r .fadeLeft-Content { background: url("../images/icon-why-right.png") 0% 0% / 100% 100% no-repeat; padding: 9px 0px; }
.right-r .fadeLeft-Content::before { content: ""; width: 105px; height: 88px; position: absolute; }
.right-r .fadeLeft-title {display: block;text-align: left;color: #e20000;font-size: 14px;padding: 10px 0px 10px 140px;width: 350px;min-height: 50px;}
.right-r .why .why-text li { margin-bottom: 75px; position: relative; max-width: 100%; clear: both; margin-left: auto; width: 340px; min-height: 90px; background: transparent; transition: all 0.3s ease-in-out 0s; }
.right-r .why-name {display: block;padding: 0px 20px 0px 140px;width: 100%;color: #000;font-size: 13px;text-align: left;margin-bottom: 12px;}
.new-price { font-size: 13px; }
.old-price { font-size: 12px; }
.price-box { display: block; margin-bottom: 15px; }
.heading-proHome {font-size: 25px;font-weight: bold;padding: 15px 0px 15px;color: rgb(102, 102, 102);position: relative;text-align: center;border-bottom: 2px solid #E8202A;}
.heading-proHome a {
    color: #E8202A;
    text-transform: uppercase;
}
.heading-proHome a::before { content: ""; }
.heading-proHome::before {content: "";width: 70px;height: 6px;background: url("../images/line-2.png") no-repeat;position: absolute;top: unset;left: 0px;right: 0px;bottom: 2px;margin: auto;}
.tns-item img { width: 100%; }
.banner img { width: 100%; }
.new-cate { padding-top: 25px; }
.time-share { margin-bottom: 10px; }
.old-price { color: black; }
.relate-st .new-name-cate { min-height: 54px; }
.owl-dots { text-align: center; margin: 20px 0px 0px; }
.owl-dot {width: 13px;margin: 0px 10px;display: inline-block;min-height: unset;height: 13px !important;background: #000 !important;border-radius: 50%;}
.owl-dot.active {background: #f00 !important;height: 13px !important;width: 13px !important;border-radius: 50%;}
.phone-bar a, #phone-vr .phone-vr-circle-fill, #phone-vr .phone-vr-img-circle, #phone-vr .phone-bar a { background-color: rgb(221, 51, 51); }
#phone-vr .phone-vr-circle-fill { opacity: 0.7; box-shadow: rgb(221, 51, 51) 0px 0px 0px 0px; }
#contact-vr .phone-vr-circle-fill, #contact-vr .phone-vr-img-circle { background-color: rgb(30, 115, 190); }
#contact-vr .phone-vr-circle-fill { opacity: 0.7; box-shadow: rgb(30, 115, 190) 0px 0px 0px 0px; }
#button-contact-vr { transform: scale(1.1); }
#button-contact-vr { position: fixed; bottom: 0px; z-index: 99999; }
#button-contact-vr .button-contact { position: relative; }
#button-contact-vr .button-contact .phone-vr { position: relative; visibility: visible; background-color: transparent; width: 90px; height: 90px; cursor: pointer; z-index: 11; backface-visibility: hidden; transform: translateZ(0px); transition: visibility 0.5s ease 0s; left: 0px; bottom: 0px; display: block; }
.phone-vr-circle-fill { width: 65px; height: 65px; top: 12px; left: 12px; position: absolute; box-shadow: rgb(195, 29, 29) 0px 0px 0px 0px; background-color: rgba(230, 8, 8, 0.7); border-radius: 50%; border: 2px solid transparent; transition: all 0.5s ease 0s; transform-origin: 50% 50%; animation: 1.3s ease 0s infinite normal none running zoom; }
.phone-vr-img-circle { background-color: rgb(230, 8, 8); width: 40px; height: 40px; line-height: 40px; top: 25px; left: 25px; position: absolute; border-radius: 50%; display: flex; justify-content: center; animation: 1s ease-in-out 0s infinite normal none running phone-vr-circle-fill; }
.phone-vr-img-circle a { display: block; line-height: 37px; }
.phone-vr-img-circle img { max-height: 25px; max-width: 27px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
@-webkit-keyframes phone-vr-circle-fill { 
  0% { transform: rotate(0deg) scale(1) skew(1deg); }
  10% { transform: rotate(-25deg) scale(1) skew(1deg); }
  20% { transform: rotate(25deg) scale(1) skew(1deg); }
  30% { transform: rotate(-25deg) scale(1) skew(1deg); }
  40% { transform: rotate(25deg) scale(1) skew(1deg); }
  50% { transform: rotate(0deg) scale(1) skew(1deg); }
  100% { transform: rotate(0deg) scale(1) skew(1deg); }
}
@-webkit-keyframes zoom { 
  0% { transform: scale(0.9); }
  70% { transform: scale(1); box-shadow: transparent 0px 0px 0px 15px; }
  100% { transform: scale(0.9); box-shadow: transparent 0px 0px 0px 0px; }
}
@keyframes zoom { 
  0% { transform: scale(0.9); }
  70% { transform: scale(1); box-shadow: transparent 0px 0px 0px 15px; }
  100% { transform: scale(0.9); box-shadow: transparent 0px 0px 0px 0px; }
}
.phone-bar a { position: fixed; bottom: 25px; left: 30px; z-index: -1; color: rgb(255, 255, 255); font-size: 16px; padding: 8px 15px 7px 50px; border-radius: 100px; white-space: nowrap; }
.phone-bar a:hover { opacity: 0.8; color: rgb(255, 255, 255); }
@media (max-width: 736px) {
  .phone-bar { display: none; }
}
#zalo-vr .phone-vr-circle-fill { box-shadow: rgb(33, 150, 243) 0px 0px 0px 0px; background-color: rgba(33, 150, 243, 0.7); }
#zalo-vr .phone-vr-img-circle { background-color: rgb(33, 150, 243); }
#viber-vr .phone-vr-circle-fill { box-shadow: rgb(113, 68, 151) 0px 0px 0px 0px; background-color: rgba(113, 68, 151, 0.8); }
#viber-vr .phone-vr-img-circle { background-color: rgb(113, 68, 151); }
#contact-vr .phone-vr-circle-fill { box-shadow: rgb(33, 150, 243) 0px 0px 0px 0px; background-color: rgba(33, 150, 243, 0.7); }
#contact-vr .phone-vr-img-circle { background-color: rgb(33, 150, 243); }
#gom-all-in-one #phone-vr { transition: all 0.7s ease 0s; }
#gom-all-in-one #zalo-vr { transition: all 1s ease 0s; }
#gom-all-in-one #viber-vr { transition: all 1.3s ease 0s; }
#gom-all-in-one #contact-vr { transition: all 1.6s ease 0s; }
#button-contact-vr.active #gom-all-in-one .button-contact { margin-left: -100%; }
.box-qtys .button { color: rgb(255, 255, 255); background-color: rgb(214, 25, 25); font-size: 1rem; display: flex; height: 100%; margin-left: 1rem; border: 1px solid rgb(214, 25, 25); padding: 0.2rem 0.5rem; align-items: center; }
.value-button1 { border: 1px solid rgb(153, 153, 153); padding: 0px 0.5rem; }
.smooth { transition: all 0.2s ease-in-out 0s; }
.quanty .input_cart { flex-direction: column; }
.number.qty { border: none; text-align: center; }
.number_qty { font-size: 20px; }
.quanty1 { border: 1px solid rgb(136, 136, 136); }
.align-items-center { -webkit-box-align: center !important; align-items: center !important; }
.d-flex { display: flex !important; }
.box-qtys { justify-content: space-between; }
.d-inline-flex { display: inline-flex !important; }
.main-content { margin-top: 70px; }
#btnbuys { background: rgb(197, 14, 14); color: white; }
#btnorder { background: rgb(197, 14, 14); color: white; }
#btneditcart { display: none; }
#btncancelorder { display: none; }
#btncancel { display: none; }
.tool_cart input { margin-top: 20px; }
.filter-username input::placeholder { color: black; }
.filter-username textarea::placeholder { color: black; }