@font-face {
  font-family: "BrandonBold";
  src: url("../fonts/icielBrandonText-Bold.ttf");
}
@font-face {
  font-family: "RobotoCondensed";
  src: url("../fonts/Roboto/RobotoCondensed.ttf");
}
@font-face {
  font-family: "RobotoCondensed";
  src: url("../fonts/Roboto/RobotoCondensedBold.ttf");
  font-weight: bold;
}
@font-face {
  font-family: "Arial";
  src: url("../fonts/Arial/arial.ttf");
}
@font-face {
  font-family: "Arial";
  src: url("../fonts/Arial/arialbd.ttf");
  font-weight: bold;
}
@font-face {
  font-family: "utmavo";
  src: url("../fonts/utmavo/utmavo.ttf");
}
@font-face {
  font-family: "UTMHelvetIns";
  src: url("../fonts/UTMHelvetIns.ttf");
}
@font-face {
  font-family: "SFUFenice";
  src: url("../fonts/sfu/SFUFeniceRegular.TTF");
}
@font-face {
  font-family: "SFUFenice";
  src: url("../fonts/sfu/SFUFeniceBold.TTF");
  font-weight: bold;
}

.d-flex {
  display: flex;
}

.justify-center {
  justify-content: center;
}

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

ul,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  padding: 0;
}
.des-cate ul {
  padding-left: 20px;
}
p {
  margin: 0 0 8px;
}
img {
  max-width: 100%;
}
button,
a,
button:active,
a:active button:focus,
a:focus {
  outline: none;
}
.form-control,
.btn {
  border-radius: 0;
}
a {
  color: #000;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
}
a:hover,
a:focus {
  text-decoration: none;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.row5 {
  margin-left: -5px;
  margin-right: -5px;
}
.p0 {
  padding: 0 !important;
}
.plr0 {
  padding-left: 0;
  padding-right: 0;
}
.plr5 {
  padding-left: 5px;
  padding-right: 5px;
}
.row10 {
  margin-left: -10px;
  margin-right: -10px;
}
.plr10 {
  padding-left: 10px;
  padding-right: 10px;
}
.plr15 {
  padding-left: 15px;
  padding-right: 15px;
}
.p0 {
  padding: 0px;
}
.p15 {
  padding: 15px;
}
.pl0 {
  padding-left: 0px;
}
.pr0 {
  padding-right: 0px;
}
.pb15 {
  padding-bottom: 15px;
}
.mb10 {
  margin-bottom: 10px;
}
.mb15 {
  margin-bottom: 15px;
}
.mb20 {
  margin-bottom: 20px;
}
.mb30 {
  margin-bottom: 30px;
}
.mr10 {
  margin-right: 10px;
}
.mr0 {
  margin-right: 0px;
}
.uppercase {
  text-transform: uppercase;
}
.font14 {
  font-size: 14px;
}
.font20 {
  font-size: 20px;
}
.font25 {
  font-size: 25px;
}
.bold {
  font-weight: bold;
}
.white {
  color: #fff;
}
.relative {
  position: relative;
}
.animate1 {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
/*TIÊU ĐỀ AND FONT*/
.title-font {
  /* font-family: "RobotoCondensed"; */
}
.title-main {
  text-align: center;
  text-transform: uppercase;
  margin: 0;
  font-size: 25px;
  padding: 10px 0;
  margin-bottom: 30px;
  color: #444;
  font-weight: 500;
  display: inline-block;
  border-bottom: solid 1px #eee;
  position: relative;
  min-width: 320px;
}
.title-main:before {
  width: 140px;
  content: "";
  border-bottom: solid 1px #d1203a;
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
}
.title-main:after {
  content: "";
  z-index: -1;
  -moz-transition: width 0.3s;
  -o-transition: width 0.3s;
  -webkit-transition: width 0.3s;
  transition: width 0.3s;
  height: 15px;
  position: absolute;
  bottom: 16px;
  left: 0;
  display: block;
  background: #fff798;
  width: 180px;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
.title-main h3 a {
  color: #fff;
}
.wrap-why .title-main h3 {
  color: #fff;
}
.text-contents .relative-contents ul {
  list-style: none;
}
.text-contents .relative-contents ul li {
  margin-bottom: 6px;
}
.text-contents .relative-contents h3 {
  font-size: 20px;
  text-transform: uppercase;
  /* font-family: "RobotoCondensed"; */
  margin-bottom: 15px;
}
.bao-left {
  margin-bottom: 15px;
}
.title-left {
  margin-bottom: 0;
  background: #d1203a;
  text-align: center;
  padding: 6px 10px;
  line-height: 24px;
  color: #fff;
  text-transform: uppercase;
  border-top: 4px solid #ff0000;
}
.title-left h3 {
  margin: 0;
  padding: 1px;
  font-size: 15px;
  color: #fff;
  text-transform: capitalize;
  position: relative;
}

/* 1 */
.item-pro {
  position: relative;
  float: left;
  width: 100%;
  background: #fff;
  padding: 4px;
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
  border: 1px solid #e6e6e6;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.item-pro .info {
  position: relative;
  text-align: center;
  background: #fff;
  padding: 8px 0px;
  min-height: 50px;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.item-pro .info a {
  font-size: 14px;
  color: #222;
}
.p-10 {
  padding: 10px;
}
body {
  font-family: RobotoCondensed, Arial;
}
header {
  padding: 0;
  margin-bottom: 1px;
}
.item-gallery img {
  border-radius: 6px;
}
/*=========================================*/
.body-home {
  margin-top: 5px;
}
.col-left .box {
  float: left;
  width: 100%;
  border-top: none;
  padding: 10px;
  background: #fff;
  border: 1px solid #e7e7e7;
}
.col-right .box {
  float: left;
  width: 100%;
  border: 1px solid #e8e8e8;
  border-top: 0;
  margin-bottom: 10px;
  border-top: none;
  padding: 10px;
}
.col-right ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.col-right ul li {
  margin-bottom: 8px;
}
.box.category {
  padding: 0;
}
.box.category ul {
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
}
.box.category a {
  display: block;
  color: #333;
  position: relative;
  border-bottom: 1px dashed #c4c4c4;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.box.category ul.sub li a {
  padding: 10px 0px;
  padding-left: 5px;
}
.box.category ul.sub li a:hover {
  color: #ff7300;
}
.box.category ul.sub .sub_1 {
  position: absolute;
  top: 0;
  left: 100%;
  min-width: 250px;
  background: #fff;
  z-index: 999;
  display: none;
}
.ic-menu {
  position: absolute;
  top: 9px;
  left: 0px;
}
.box.category ul.sub > li > a {
  padding-left: 15px;
}
.box.category ul.sub > li:last-child > a {
  border-bottom: none;
}

.box.category ul.sub > li {
  padding: 0px 10px;
  position: relative;
  z-index: 9;
}
.box.category ul.sub .sub_1 i {
  margin-right: 5px;
}
.box.category ul.sub > li:hover > .sub_1 {
  display: block;
}
.footer {
  position: relative;
  width: 100%;
  float: left;
  margin: 0;
  padding-top: 10px;
  font-size: 14px;
}
.news-letter {
  background: rgba(222, 208, 189, 0.6);
}
.footer-top {
  padding: 10px 0;
}
/*TICH CUSTOM*/
.price {
  color: #ff0000;
  font-size: 16px;
  font-weight: bold;
}
.price.old-price {
  color: #000;
  text-decoration: line-through;
  font-weight: normal;
  font-size: 14px;
  color: #656565;
}
.price-km {
  font-weight: bold;
  color: red;
  display: inline-block;
  margin-right: 6px;
  font-size: 16px;
}
.title-web h1,
.title-web h2 {
  margin: 0;
  font-family: "utmavo";
  font-weight: bold;
}
.title-web h2 {
  font-size: 18px;
}
.title-web h1 {
  padding: 12px 0;
}
.title-web h1 span {
  color: #cb0000;
}
.hotline-top {
  padding-top: 3px;
}
.copy-right {
  color: #fff;
  padding: 15px;
  background: rgba(82, 59, 26, 0.6);
}
.copy-right a {
  color: #fff;
}

.item-news {
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 1px dashed #e7e7e7;
}
.content-slogan h4 {
  font-size: 16px;
  /* font-family: "RobotoCondensed"; */
  margin-top: 0;
}
.content-slogan p {
  margin: 0;
}
.list-tin .item-tin {
  padding-bottom: 10px;
  border-bottom: 1px dashed #e7e7e7;
}
.first-tin h3 {
  font-size: 18px;
  /* font-family: "RobotoCondensed"; */
}
.soluong {
  outline: none;
  width: 60px;
  height: 34px;
  border-radius: 4px;
  border: 1px solid #e7e7e7;
  text-align: center;
}
.sp-soluong {
  display: block;
  font-weight: bold;
  padding-top: 5px;
  font-size: 15px;
}
.frm-add .btn {
  padding-top: 10px;
  padding-bottom: 10px;
  height: auto;
}
.hotline-cart .btn {
  color: yellow;
  font-size: 20px;
  font-weight: bold;
}
.info-cart .title-form {
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: bold;
  color: #cb0000;
}
.tong_tt h3 {
  margin: 0;
  font-size: 18px;
}
#tong_tien_gh {
  color: #cb0000;
  /* font-family: "RobotoCondensed"; */
  font-size: 20px;
}
a .fa-trash-o {
  color: #cb0000;
}
.title-dat {
  text-transform: uppercase;
  text-align: center;
  margin: 10px 0;
  color: #cb0000;
  font-size: 18px;
  /* font-family: "RobotoCondensed"; */
}
.btn-guidon {
  text-align: right;
  padding-right: 15px;
}
.support .phone {
  color: #cb0000;
  /* font-family: "RobotoCondensed"; */
  font-size: 16px;
}
.item-tieubieu .info {
  text-align: center;
  font-weight: bold;
  min-height: 60px;
  padding: 5px;
}
.item-content-row {
  width: 100%;
  padding: 10px;
  margin: 0;
  margin-bottom: 10px;
  border: 1px solid #eee;
}
.item-content-row .img {
  display: table-cell;
  width: 130px;
  overflow: hidden;
  vertical-align: top;
}
.item-content-row .content {
  display: table-cell;
  vertical-align: top;
  padding-left: 15px;
  color: #333;
}
.item-content-row .content h3.name {
  margin: 0px;
  /* font-family: "RobotoCondensed"; */
  font-size: 16px;
  margin-bottom: 5px;
}
h1.name {
  margin-bottom: 15px;
  font-size: 24px;
}
.wrap-why {
  background: url(../images/vi-sao-chon-tibo.jpg);
  background-size: cover;
  position: relative;
  padding: 20px 0 30px;
}
.wrap-why:before {
  position: absolute;
  content: "";
  background: rgba(0, 150, 136, 0.9);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.item-why {
  color: #fff;
}
.text-why {
  padding-top: 10px;
  font-size: 15px;
}
.item-why img {
  transition: 0.5s all;
}
.item-why img:hover {
  transform: rotateY(180deg);
}
.item-website {
  padding: 4px;
  position: relative;
  border: 1px solid #e7e7e7;
  margin-bottom: 20px;
}
.item-website h3 {
  font-size: 13px;
  margin: 0;
  text-align: center;
  background: #32bb9d;
  color: #fff;
  padding: 6px 0;
}
.show-bt-1 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  text-align: center;
  z-index: 9;
  transition: all 0.5s;
}
.show-bt-1 a:hover {
  color: yellow;
}
.nut_right,
.nut_left {
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  text-align: center;
  z-index: 9999;
  overflow: hidden;
  width: 110px;
  height: 34px;
  line-height: 34px;
  background: #32bb9d;
  text-transform: uppercase;
  color: #fff;
  border: none;
  font-size: 13px;
  font-weight: bold;
  margin: 50% 1px;
  border-radius: 50px;
  cursor: pointer;
  border: 1px solid rgba(255, 255, 255, 0.38);
  display: inline-block;
}
.nut_left {
  transform: translate(250px);
}
.nut_right {
  transform: translate(-250px);
  margin-top: 5px;
}
.show-bt-1:hover {
  background: rgba(0, 0, 0, 0.4);
}
.show-bt-1:hover .nut_right,
.show-bt-1:hover .nut_left {
  transform: translate(0px);
}
.btn-xem-web {
  background: #32bb9d;
  padding: 10px 31px;
  display: inline-block;
  font-size: 16px;
  text-transform: uppercase;
  color: #fff;
  border-radius: 100px;
  -webkit-transition: all 150ms ease;
  -moz-transition: all 150ms ease;
  transition: all 150ms ease;
  -webkit-transition-property: background-color border-color color;
  -moz-transition-property: background-color border-color color;
  transition-property: background-color border-color color;
  -webkit-user-select: none;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  white-space: nowrap;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.btn-xem-web:hover {
  background-color: transparent;
  text-decoration: none;
  color: #fff;
}
.btn-xem-web:before {
  content: "";
  border-radius: 45px;
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #32bb9d;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.btn-xem-web:hover:before,
.btn-xem-web:focus:before,
.btn-xem-web:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.d7-desktop {
  box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 999;
  background: #fff;
  padding: 4px;
}
.d7-desktop input.form-control {
  min-width: 250px;
  border-radius: 0;
}
.d7-desktop button {
  font-size: 13px;
  position: absolute;
  right: 5px;
  top: 5px;
  background: #000;
  border-radius: 0;
  height: 33px;
  border: 0;
  color: #fff;
  min-width: 35px;
}
.fancybox-lock body nav#aff_menu {
  display: none;
}
.logo-web a {
  line-height: 70px;
}
.logo-inline {
  display: inline-block;
}
.search-mobile {
  display: none;
}
.sec-gallery {
  padding: 20px 0;
}
.item-service h2 {
  margin: 10px 0;
}
.sec-chuyen-nghiep {
  padding: 20px 0;
  position: relative;
  background: url(../images/web-design-2.jpg);
  background-attachment: fixed;
}
.sec-chuyen-nghiep:before {
  content: "";
  background: rgba(0, 150, 136, 0.9);
  width: 100%;
  height: 100%;
  z-index: 0;
  position: absolute;
  left: 0;
  top: 0;
}
.text-cn {
  padding: 0 0 30px;
  width: 80%;
  margin: 0 auto;
  font-size: 15px;
  line-height: 30px;
}
.item-footer ul {
  list-style: none;
}
.item-footer ul li {
  margin-bottom: 6px;
}

.item-footer > h3 {
  text-transform: uppercase;
  /* font-family: "RobotoCondensed"; */
  font-size: 18px;
  margin-bottom: 20px;
  text-align: center;
  color: #25205b;
}
.item-footer hr {
  border-color: #ccc;
}
.item-footer h3.connect {
  margin: 20px 0 15px;
}
.item-footer p {
  margin-top: 0;
}
.line-footer {
  height: 1px;
  background: #f2f2f2;
  width: 100%;
  margin: 10px 0;
}
#form_emaillist button {
  background: #32bb9d;
}
.content-post h3 {
  margin-top: 10px;
  margin-bottom: 10px;
}
figure.caption {
  margin: 10px 0;
}
figure.caption figcaption {
  margin: 5px;
  font-style: italic;
  font-size: 13px;
}
.top-about img {
  width: 100%;
}
.right-fix.affix {
  top: 10px;
  position: fixed;
  min-width: 260px;
}
.right-fix.affix-top {
  position: static;
}
.right-fix.affix-bottom {
  position: absolute;
  top: 10px;
  min-width: 260px;
}
.widget-toc {
  background: #444;
  border-radius: 10px;
  color: #fff;
  margin-bottom: 20px;
}
.toc-title {
  margin: 0;
  padding: 10px 15px;
  background: #222;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding-left: 30px;
  position: relative;
}
.toc-title:before {
  font-family: "FontAweSome";
  content: "\f03a";
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 1;
}
li.li-toc a {
  color: #fff;
  display: block;
  font-size: 12px;
  padding: 4px;
}
.widget-toc > ol > li > a {
  font-weight: bold;
}
.widget-toc > ol > li:before {
  font-weight: bold;
}
.content-fix-toc > ol,
.widget-toc > ol {
  padding: 15px;
  margin: 0;
  padding-left: 30px;
}
.content-fix-toc ol,
.widget-toc ol {
  counter-reset: item;
}
li.li-toc {
  position: relative;
  list-style: none;
}
li.li-toc:before {
  content: counters(item, ".");
  counter-increment: item;
  position: absolute;
  right: 100%;
  top: 4px;
  font-size: 12px;
}
.fix-toc > .content-fix-toc {
  color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  width: 280px;
  height: 100%;
  z-index: 9999;
  background: #444;
  display: none;
}
.content-fix-toc > ol ol,
.widget-toc ol ol {
  padding-left: 25px;
}
.fix-toc > .btn-fix-toc {
  position: fixed;
  left: 50px;
  top: 30%;
  z-index: 99;
  display: none;
  background: #222;
  color: #fff;
  border-radius: 6px;
}
.text-pages {
  text-align: justify;
  font-size: 15px;
  line-height: 1.6;
}
.well {
  padding: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.red {
  color: #ff0000;
}
.green {
  color: green;
}
.blue {
  color: blue;
}
.yellow {
  color: yellow;
}
#signupbox .panel-heading {
  padding: 10px;
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
}
.red {
  color: red;
}
.item-website .content {
  font-size: 13px;
  margin: 0;
  text-align: center;
  background: #32bb9d;
  color: #fff;
  padding: 6px 0;
}
.text-contents ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.text-contents ul li {
  position: relative;
  padding-left: 25px;
  margin-bottom: 10px;
}
.text-contents ul li:before {
  width: 8px;
  height: 8px;
  content: "";
  position: absolute;
  left: 5px;
  top: 5px;
  background: #0f5f4d;
  transform: rotate(45deg);
}
.table-function {
  text-align: left;
}
.table-function tr th,
.table-function tr td {
  border: 1px solid #ddd;
}
.table-function tr th {
  background: #32bb9d;
  color: #fff;
  text-transform: uppercase;
}
.table-function p {
  margin: 0;
}
.mid-header {
  padding: 15px 0px 23px 0;
}
.mid-header .content_header .header-left {
  padding-right: 10px;
}
.mid-header .content_header .header-left .header_searchs {
  margin: 20px 0 5px 0;
}
.mid-header .content_header .header-left .header_searchs .search-bar {
  margin-bottom: 10px;
  position: relative;
  display: table;
  border-collapse: separate;
}
.mid-header
  .content_header
  .header-left
  .header_searchs
  .search-bar
  .collection-selector {
  position: absolute;
  display: inline-block;
  min-width: 70px;
  z-index: 999;
  left: 0;
  text-align: right;
}
.mid-header
  .content_header
  .header-left
  .header_searchs
  .search-bar
  .collection-selector
  .search_text {
  height: 40px;
  text-align: right;
  line-height: 42px;
  cursor: pointer;
  padding: 0px 32px 0px 12px;
  width: 100%;
  font-size: 13px;
  border-right: 1px solid #ebebeb;
}
.mid-header
  .content_header
  .header-left
  .header_searchs
  .search-bar
  .collection-selector
  .search_text:before {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  content: "";
  position: absolute;
  top: 19px;
  right: 12px;
  color: #333;
  margin-top: -1px;
  opacity: 1;
}
.mid-header
  .content_header
  .header-left
  .header_searchs
  .search-bar
  .collection-selector
  .list_search {
  display: none;
  background: #fff;
  border: 1px solid #ebebeb;
  background-color: #fff;
  position: absolute;
  top: 100%;
  min-width: 200px;
  width: auto;
  z-index: 3;
  border-radius: 0;
  left: 2px;
  margin-top: 1px;
  margin-left: -2px;
  font-size: 13px;
  padding: 4px 0;
}
.mid-header
  .content_header
  .header-left
  .header_searchs
  .search-bar
  .collection-selector
  .list_search
  .search_item {
  text-align: left;
  display: block;
  padding-left: 24px;
  position: relative;
  opacity: 1;
  filter: alpha(opacity=100);
  filter: none;
  height: auto;
  min-height: 24px;
  line-height: 30px;
  padding: 0 20px;
  cursor: pointer;
}
.mid-header
  .content_header
  .header-left
  .header_searchs
  .search-bar
  .input-group-field {
  width: 100%;
  margin-left: 0px;
  margin-bottom: 0;
  height: 40px;
  padding: 0px 25px 0 90px;
  font-size: 13px;
  max-width: 100%;
  display: block;
  border-radius: 3px;
  border: 1px solid #e7e8ed;
  outline: none;
  padding-left: 91px;
}
.mid-header
  .content_header
  .header-left
  .header_searchs
  .search-bar
  .input-group-btn {
  position: relative;
  white-space: nowrap;
  width: 1%;
  padding: 0;
  display: table-cell;
  vertical-align: middle;
  margin: 0;
}
.mid-header
  .content_header
  .header-left
  .header_searchs
  .search-bar
  .input-group-btn
  .icon-fallback-text {
  background: #f62d3e;
  color: #fff;
  font-size: 18px;
  text-transform: uppercase;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  width: 70px;
}
.wishlist_header {
  margin-left: 23px;
  margin-top: 23px;
  line-height: 16px;
}
.wishlist_header .img_hotline {
  position: absolute;
  top: 26px;
  left: -7px;
}
.wishlist_header .text_hotline {
  display: block;
}
.wishlist_header .hai01 {
  color: #f62d3e;
  font-weight: bold;
}
.mid-header .content_header .header-right .top-cart-contain {
  position: absolute;
  float: right !important;
  top: 20px;
  right: 15px;
}
.mini-cart {
  z-index: 10;
  text-align: center;
  height: 90px;
}
.mid-header .content_header .header-right .header-acount .heading-cart {
  background: #f62d3e;
  border-radius: 3px;
  width: 130px;
  height: 40px;
  line-height: 40px;
}
.mid-header .content_header .header-right .header-acount .heading-cart a {
  font-size: 13px;
  color: #fff;
}
.top-cart-content {
  right: 0px;
  top: 55px;
  display: none;
  position: absolute;
  background: #fff;
  padding: 0;
  text-align: left;
  box-shadow: 0 0 15px -5px rgba(0, 0, 0, 0.4);
  z-index: 10000;
}
.tab_link_module .ul_link,
.tab_link_modules .ul_link {
  text-align: center;
  list-style: none;
}
.tab_link_module .ul_link .li_tab,
.tab_link_modules .ul_link .li_tab {
  display: inline-block;
  margin-right: 0px;
}
.tab_link_module .ul_link .li_tab a,
.tab_link_modules .ul_link .li_tab a {
  border-radius: 3px;
  font-size: 14px;
  background: #f4f5f9;
  line-height: 36px;
  text-decoration: none;
  color: #474c5f;
  padding: 0px 20px;
  display: block;
  cursor: pointer;
  font-weight: bold;
  position: relative;
}
.tab_link_module .ul_link .li_tab a.active,
.tab_link_modules .ul_link .li_tab a.active {
  color: #fff;
  background: #f62d3e;
  border: none;
}
.content-tab {
  display: none;
}
.content-tab.active {
  display: block;
}
.sale-flash {
  position: absolute;
  font-size: 12px;
  color: #fff;
  width: 38px;
  height: 38px;
  line-height: 38px;
  font-weight: 400;
  top: 4px;
  right: 4px;
  text-align: center;
  z-index: 1;
  background: url(../images/label-moi.png);
}
.wrap-service {
  padding: 20px 0;
}
.sec_banner_infor .content_sec_banner_infor {
  background: #2d2e2f;
  padding: 5px;
  color: #fff;
}
.sec_banner_infor .content_sec_banner_infor .infor {
  text-align: center;
  border: 1px dashed #fff;
  padding: 30px 0;
  font-size: 24px;
}
.sec_banner_infor .content_sec_banner_infor .infor h3 {
  margin: 0;
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 15px;
}
.sec_banner_infor a {
  color: #fff;
}
.section_service_end .service_item_ed {
  height: 140px;
  padding: 0px 0px 0px 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.section_service_end .service_item_ed .iconx {
  display: inline-block;
  width: 80px;
  float: left;
}
.section_service_end .service_item_ed .content_srv {
  width: calc(100% - 65px);
  -o-width: calc(100% - 65px);
  -moz-width: calc(100% - 65px);
  -webkit-width: calc(100% - 65px);
  display: inline-block;
  float: left;
  margin-left: 15px;
}
.section_service_end .service_item_ed .content_srv .title_service {
  display: block;
  font-size: 16px;
  line-height: 22px;
  font-weight: bold;
  color: #f62d3e;
}
.section_service_end .service_item_ed .content_srv .content_service {
  display: block;
  font-size: 14px;
  line-height: 22px;
  margin-top: 5px;
  color: #878a96;
}
.style-bt {
  border: 1px solid #222;
  background: #fff;
  z-index: 2;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  margin-top: -20px;
  height: 40px;
  width: 40px;
  line-height: 40px;
  padding: 0;
  text-align: center;
}
.bt-prev {
  left: -15px;
}
.bt-next {
  right: -15px;
}
.style-bt:hover {
  background: #333;
  color: #fff;
}
.item-post {
  text-align: center;
}
.item-post .xem-nua a {
  display: inline-block;
  margin-top: 10px;
  padding: 6px 15px;
  border: 1px solid #222;
  border-radius: 25px;
}
.item-post .xem-nua a:hover {
  background: #222;
  color: #fff;
}
.sec-camnhan {
  background: url(../images/bg-camnhan.png);
  background-size: cover;
  padding: 40px 0;
  color: #fff;
  text-align: center;
}
.sec-camnhan .title-main h3 {
  color: #fff;
}
.item-camnhan .des {
  max-width: 500px;
  margin: 0 auto;
  line-height: 30px;
}
.item-camnhan h3 {
  text-transform: uppercase;
  /* font-family: "RobotoCondensed"; */
  font-size: 16px;
  margin-top: 20px;
}
.img-camnhan {
  margin-top: 30px;
}
.item-camnhan img {
  display: inline-block;
  border-radius: 50%;
}
.sec-tin {
  padding: 20px 10px;
}
.text-right {
  text-align: right;
}
.sec-camnhan .style-bt {
  color: #000;
}
.map-ft iframe {
  width: 100%;
  height: 180px;
}
.footer {
  padding-top: 40px;
}
.logo img {
  max-height: 58px;
}
.custom-btn-number {
  width: 150px;
  display: inline-block;
  float: left;
  position: relative;
  padding: 0;
  margin-bottom: 20px;
  border: none;
  box-shadow: none;
  height: 45px;
}
.input_number_product .btn_num {
  font-size: 25px;
  line-height: 0px;
  border: solid 1px #ebebeb;
  display: inline-block;
  width: 40px;
  height: 40px;
  background: #fff;
  float: left;
  color: #222;
  text-align: center;
  padding: 0px;
}
.input_number_product .btn_num.num_1 {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.input_number_product input {
  margin: 0px;
  display: block;
  float: left;
  height: 40px;
  border-right: none;
  border-left: none;
  width: 55px;
  text-align: center;
  box-shadow: none;
  border-radius: 0px;
  font-size: 15px;
}
.input_number_product .btn_num.num_2 {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  font-size: 18px;
}
.button_actions {
  width: 200px;
  display: inline-block;
  float: left;
}
.button_cart_buy_enable {
  height: 40px;
  line-height: 40px;
  width: auto;
  border-radius: 3px;
  font-weight: 400;
  font-size: 14px;
  color: #fff;
  float: left;
  background: #f62d3e;
  position: relative;
  padding: 0;
  width: 100%;
  text-align: center;
}
.button_cart_buy_enable:hover {
  background: #c30404;
  color: #fff;
}
.bd-info {
  padding: 10px 0;
  border-bottom: 1px solid #f1f1f1;
  float: left;
  width: 100%;
}
.bd-info .price-km {
  font-size: 24px;
}
.wp-add-cart {
  padding-top: 25px;
}
.module_service_details .wrap_module_service {
  overflow: hidden;
  background: #fff;
  border-radius: 3px;
  border: 1px solid #f62d3e;
}
.module_service_details .wrap_module_service .item_service {
  padding: 0px 12px;
  border-bottom: solid 1px #e5e5e5;
}
.module_service_details
  .wrap_module_service
  .item_service
  .wrap_item_
  .content_service {
  position: relative;
  padding: 20px 0px 20px 55px;
}
.module_service_details
  .wrap_module_service
  .item_service
  .wrap_item_
  .content_service:before {
  content: "";
  width: 35px;
  height: 35px;
  background-position: left;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 27px;
}
.module_service_details
  .wrap_module_service
  .item_service
  .wrap_item_
  .content_service
  p {
  font-size: 14px;
  line-height: 22px;
  margin: 0px;
  padding: 0px;
  color: #474c5f;
}
.module_service_details
  .wrap_module_service
  .item_service
  .wrap_item_
  .content_service
  span {
  font-family: "Roboto", sans-serif;
  font-size: 13px;
  line-height: 22px;
  font-weight: 400;
  color: #707070;
}
.module_service_details
  .wrap_module_service
  .item_service:nth-child(1)
  .wrap_item_
  .content_service:before {
  background-image: url(//bizweb.dktcdn.net/100/284/162/themes/698638/assets/shiper.png?1543812316197);
}
.module_service_details
  .wrap_module_service
  .item_service:nth-child(2)
  .wrap_item_
  .content_service:before {
  background-image: url(//bizweb.dktcdn.net/100/284/162/themes/698638/assets/change.png?1543812316197);
}
.module_service_details
  .wrap_module_service
  .item_service:nth-child(3)
  .wrap_item_
  .content_service:before {
  background-image: url(//bizweb.dktcdn.net/100/284/162/themes/698638/assets/pay.png?1543812316197);
}
.module_service_details
  .wrap_module_service
  .item_service:nth-child(4)
  .wrap_item_
  .content_service:before {
  background-image: url(//bizweb.dktcdn.net/100/284/162/themes/698638/assets/phone.png?1543812316197);
}
.fix-aff.affix {
  top: 60px;
  position: fixed;
}
.fix-aff.affix-top {
  position: static;
}
.fix-aff.affix-bottom {
  position: absolute;
  top: 0;
}
.hai01 {
  font-weight: bold;
  color: #ff0000;
}
.mua-tiep a {
  display: inline-block;
  padding: 6px 20px;
  border-radius: 4px;
  background: #f62d3e;
  color: #fff;
}
.mua-tiep a:hover {
  background: #a70f1c;
}
.title-form {
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
}
.img-success img {
  max-height: 100px;
  margin-bottom: 20px;
}
.cus-info {
  display: none;
}
.info-cart .title-form {
  text-align: left;
}
.mini-cart .heading-cart-mobi .bg_cart .count_item_pr {
  position: absolute;
  left: 18px;
  top: 0px;
  font-size: 11px;
  height: 17px;
  line-height: 17px;
  width: 17px;
  border-radius: 50%;
  color: #fff !important;
  text-align: center;
  background: #f62d3e;
}
.heading-cart-mobi {
  margin-right: 15px;
}
.news .item {
  float: left;
  width: 100%;
  margin-bottom: 10px;
  font-weight: bold;
}
.news .item .img {
  float: left;
  margin-right: 10px;
  max-width: 90px;
}
.title-hotro {
  margin-top: 10px;
  font-weight: bold;
  /* font-family: "RobotoCondensed"; */
}
.support .phone {
  font-size: 22px;
  font-weight: bold;
}
nav#aff_menu.affix {
  position: fixed;
  width: 100%;
  z-index: 99;
  top: 0;
  left: 0;
}
#aff_menu ul li a:hover {
  background: none;
}
#aff_menu ul li.active > a {
  color: #ff0000;
}
.fix-tel {
  position: fixed;
  bottom: 50px;
  left: 30px;
  padding: 6px 20px;
  border-radius: 50px;
  padding-left: 50px;
  font-weight: bold;
  color: #ff0000;
  background: #eee;
}
.fix-tel a {
  color: #ff0000;
  font-size: 20px;
}
.call_now {
  bottom: 30px !important;
}
.logo-top {
  padding: 4px 0;
}
.logo-top img {
  max-height: 56px;
}
.title-web {
  text-align: center;
}
.title-web h1 {
  text-align: center;
  margin: 0;
  color: #d10000;
  padding-top: 22px;
  padding-bottom: 8px;
  text-transform: uppercase;
  font-size: 24px;
  font-family: "UTMHelvetIns";
  text-shadow: 2px 1px 0px #fff, 4px 3px 0px rgba(0, 0, 0, 0.15);
}
.info-top {
  margin: 22px 0;
  margin-left: -20px;
  font-weight: bold;
  position: relative;
}
.hot-top {
  position: absolute;
  top: 20px;
  left: 50px;
  white-space: nowrap;
  color: #ff0000;
  /* font-family: "RobotoCondensed"; */
  font-size: 24px;
  font-weight: bold;
}
.title-web p {
  font-size: 18px;
}
.hot-email {
  text-align: right;
  position: relative;
  z-index: 1000;
  height: 46px;
  color: #fff;
  background: #7a5c4d;
}
.wrapper-header-top {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.button-buy-rent a {
    display: inline-block;
    padding: 1px 40px;
    border-radius: 4px;
    background: #a85b0b;
    color: #fff;
    height: 37px;
    margin-top: 5px;
    line-height: 37px;
    font-size: 16px;
}
.navbar-nav>li {
  padding-left: 10px;
  padding-right: 10px;
}
.navbar-nav>li>a {
  padding-bottom: 2px;
  padding-left: 0;
  padding-right: 0;
  font-weight: bold;
}
#aff_menu ul li.active > a {
  border-bottom: 3px solid #a85b0b;
}

.button-buy-rent a.active {
  background: #de7100;
}
.button-buy-rent a:hover {
  background: #f9850d;
}

.hot-email .text-hot {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0;
}

.sec-slogan {
  float: left;
  width: 100%;
  background: #00214e;
  color: #fff;
  padding: 6px 0;
}
.img-house {
  float: left;
  margin-right: 10px;
}
.img-house img {
  max-height: 60px;
}
.sec-slogan p {
  margin-bottom: 0;
}
.sec-slogan h3 {
  margin-bottom: 5px;
  margin-top: 10px;
}
.box.visited p {
  margin-bottom: 5px;
  font-weight: bold;
}
.box.visited span {
  display: inline-block;
  width: 150px;
  font-weight: normal;
  padding-left: 25px;
}
.box.visited span.v1 {
  background: url(../images/v1.png) no-repeat left center;
}
.box.visited span.v2 {
  background: url(../images/v2.png) no-repeat left center;
}
.box.visited span.v3 {
  background: url(../images/v3.png) no-repeat left center;
}
ul.social-block li {
  list-style: none;
  display: inline-block;
  margin-top: 10px;
}
.ft-social ul.social-block li a {
  background: #3a548d;
  border-radius: 6px;
  text-align: center;
  line-height: 30px;
  height: 30px;
  width: 30px;
  display: inline-block;
}
.ft-social ul.social-block li.twitter a {
  background: #00abe9;
}
.ft-social ul.social-block li.google a {
  background: #dc6563;
}
.ft-social ul.social-block li.youtube a {
  background: #cc3323;
}
.bo-cong-thuong img {
  margin-top: 10px;
  max-height: 60px;
}
.mid-header {
  display: none;
}
.title-camnhan h3 {
  color: #fff;
  text-transform: uppercase;
  font-size: 24px;
}
.sec-doitac {
  padding: 30px 0;
}
.img-dt img {
  border: 1px solid #ccc;
  padding: 4px;
}
.pagination-page {
  text-align: center;
}

.list-ic {
  display: flex;
  list-style: none;
  padding-top: 34px;
  justify-content: space-between;
}
.list-ic li {
  display: flex;
  margin-right: 10px;
}
.list-ic li img {
  width: 48px;
  height: 48px;
  margin-right: 5px;
}
.list-ic li:nth-child(2) img,
.list-ic li:nth-child(3) img {
  width: 40px;
  height: 40px;
}
.list-ic li b {
  font-size: 16px;
  display: block;
  margin-bottom: 1px;
  color: #d1203a;
}
.cart-header {
  text-align: right;
  padding-top: 35px;
}
.cart-header a {
  border-radius: 15px;
  padding: 7px 15px;
  padding-left: 40px;
  background: #c30404;
  background-image: url(../images/shopping-bag.png);
  background-repeat: no-repeat;
  background-position: 9px 6px;
  background-size: 18px;
}
.danhmuc-index {
  border: 1px #ebebeb solid;
  border-radius: 15px;
  margin-bottom: 30px;
}
.aside-title {
  border-radius: 15px;
  background: #d1203a;
  padding: 6px 20px;
  margin: 0;
  position: relative;
}
.aside-title h2 {
  font-size: 17px;
  font-weight: bold;
  text-transform: uppercase;
  background: none;
  color: #fff;
  text-transform: uppercase;
  margin: 0;
}
.aside-content {
  margin: 0;
  /* padding: 0px 15px; */
}
.aside-content ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.aside-content ul li {
  position: relative;
  padding: 0 15px;
}
.aside-content ul li i {
  position: absolute;
  top: 13px;
  left: 15px;
  color: #d1203a;
}
.aside-content ul li a {
  font-size: 14px;
  line-height: 24px;
  border-top: 1px #ebebeb solid;
  display: block;
  padding: 8px 20px 8px 25px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
}
.aside-content ul ul {
  position: absolute;
  left: 100%;
  top: 0;
  padding: 10px 0px;
  border-radius: 0;
  box-shadow: 0 0 15px -5px rgba(0, 0, 0, 0.4);
  z-index: 99;
  background: #fff;
  min-width: 220px;
  display: none;
}
.aside-content ul ul li:first-child a {
  border: 0;
}
.aside-content ul ul li a {
  text-transform: initial;
}
.aside-content ul li:hover > ul {
  display: block;
}
.aside-content ul i.ii {
  left: initial;
  right: 15px;
}
.title-main ul {
  list-style: none;
  padding: 0;
  margin: 0;
  float: right;
}
.title-main ul li {
  display: inline-block;
  line-height: 40px;
  padding: 0 10px;
}
.title-news {
  text-align: center;
  margin-bottom: 20px;
}
.title-news h3 {
  margin: 0;
  margin-bottom: 5px;
  font-size: 20px;
  text-transform: uppercase;
}
.section_service_end {
  background: #e7e7e7;
  padding-top: 40px;
  padding-bottom: 20px;
}
.cart-now {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -15px;
  transform: translateX(-50%);
  z-index: 9;
  opacity: 0;
  transition: 0.3s all;
  width: 100%;
  text-align: center;
}
.cart-now a,
.cart-now button {
  display: inline-block;
  border: 0;
  border-radius: 15px;
  padding: 4px 12px 4px;
  background: #d1203a;
  font-size: 13px;
  color: #fff;
  min-width: 75px;
}
.item-pro:hover .cart-now {
  opacity: 1;
}
ul.breadcrumb {
  background: #d1203a;
  border-radius: 6px;
}

/* Footer */
.call_now_circle {
  border-color: #d1203a;
}
.call_now_circle_fill,
.call_now_icon {
  background: #d1203a;
}
.news-letter .wrap-news-letter {
  padding: 45px 0;
}
.news-letter .wrap-news-letter .title-block {
  margin: 0;
  text-transform: uppercase;
  font-size: 18px;
  color: #222;
  line-height: 42px;
  font-weight: 500;
}
form .newsletter-content {
  position: relative;
}
form .newsletter-content .action-button {
  position: absolute;
  top: 0;
  right: 0;
}
form .newsletter-content .input-box input {
  outline: none;
  width: 100%;
  border-radius: 25px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  padding-left: 30px;
  height: 44px;
  font-size: 100%;
  border: 1px solid #e5e5e5;
  line-height: 1.66;
  background-color: #fff;
  margin-bottom: 0;
}
form .newsletter-content .action-button button {
  border-radius: 25px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  width: auto;
  margin: 0;
  cursor: pointer;
  height: 44px;
  line-height: 44px;
  white-space: nowrap;
  text-transform: uppercase;
  text-decoration: none;
  border: none;
  padding: 0 20px;
  color: #fff;
}
.button_gradient {
  background: #d1203a;
  background-image: -moz-linear-gradient(
    35deg,
    #d1203a 0%,
    #ff8a6c 100%
  ) !important;
  background-image: -webkit-linear-gradient(
    35deg,
    #d1203a 0%,
    #ff8a6c 100%
  ) !important;
  background-image: -ms-linear-gradient(
    35deg,
    #d1203a 0%,
    #ff8a6c 100%
  ) !important;
}
.wrap-news-letter .follow-us {
  text-align: right;
}
.wrap-news-letter .follow-us .title-social {
  display: inline-block;
  vertical-align: middle;
  text-transform: uppercase;
  color: #222;
  margin-right: 40px;
  font-size: 18px;
  font-weight: 500;
}
.wrap-news-letter .follow-us .social {
  display: inline-block;
  vertical-align: middle;
  list-style: none;
  margin: 0;
  padding: 0;
}
.wrap-news-letter .follow-us .social li {
  float: left;
  margin-right: 5px;
}
.wrap-news-letter .follow-us .social li a {
  display: inline-block;
  height: 42px;
  width: 42px;
  line-height: 42px;
  border: 1px solid #ebebeb;
  text-align: center;
  color: #888;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  background: #fff;
}
.social-fix {
  position: fixed;
  top: 30%;
  right: 10px;
  z-index: 99;
}
.social-fix ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.social-fix ul li {
  background: #d1203a;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
}
.social-fix ul li a {
  color: #fff;
}
.social-fix ul li:first-child {
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
  border-bottom: 1px solid #ccc;
}
.social-fix ul li:last-child {
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
  border-top: 1px solid #ccc;
}
.social-fix ul img {
  max-width: 18px;
}
.social-fix ul li i {
  font-size: 18px;
}
.it-news {
  float: left;
  width: 100%;
  margin-bottom: 20px;
  padding-bottom: 15px;
}
.it-news .name a {
  display: block;
  margin-top: 10px;
  color: #7a5c4d;
}
.it-news .img-shine img {
  border-radius: 8px;
}

.flex {
  display: flex;
}
.top-header {
  box-shadow: 3px 3px 10px #ccc;
  margin-bottom: 15px;
}
.top-header .flex {
  justify-content: space-between;
  align-items: center;
}
.section_about {
  margin-top: 40px;
  margin-bottom: 40px;
}
.heading h2 {
  font-size: 28px;
  text-align: center;
  position: relative;
  margin-bottom: 10px;
}
.heading h2:before {
  content: "";
  background: #c30404;
  width: 70px;
  height: 3px;
  position: absolute;
  left: 50%;
  bottom: 20px;
  margin-left: -35px;
}
.heading h2 span,
.heading h2 a {
  text-transform: uppercase;
  padding-bottom: 25px;
  display: inline-block;
}
.text_gradient {
  background: -webkit-linear-gradient(35deg, #bf4081 0%, #a2361b 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-background-clip: text;
  -moz-text-fill-color: transparent;
  -ms-background-clip: text;
  -ms-text-fill-color: transparent;
}
.heading p {
  padding: 0 150px;
  margin-top: 15px;
  text-align: center;
  color: #8b8b99;
}
.section_about .uti_content {
  margin-top: 45px;
}
.section_about .uti_body img {
  width: 135px;
  max-width: 100%;
}
.section_about .uti_body {
  display: flex;
  align-items: center;
  flex-flow: column;
  text-align: center;
  justify-content: center;
}
.section_about .uti_body .content {
  float: left;
  text-align: center;
}
.section_about .uti_body .content .title {
  text-align: center;
  width: 100%;
  float: left;
  font-size: 18px;
  font-weight: bold;
  padding: 15px 0 10px 0;
}
.section_about .uti_body .content .sum {
  color: #707070;
}

/* PRODUCT */
.grid-view {
  text-align: right;
  padding: 10px 0;
}
.list-product {
  min-height: 200px;
}
.list-product .col-xs-6 {
  transition: 0.5s all;
}
.list-product.list .col-xs-6 {
  width: 100%;
}
.list-product.list .col-xs-6 .product-box-h {
  float: left;
  width: 100%;
  min-height: inherit;
  border: 1px solid #eee;
}
.list-product.list .col-xs-6 .product-box-h .product-thumbnail {
  float: left;
}
.list-product.list .col-xs-6 .product-box-h .product-info {
  position: static;
  float: right;
  width: inherit;
  padding: 0;
  width: calc(100% - 270px);
  background: inherit;
  padding: 10px;
}
.list-product.list .product-box-h .product-info .product-hide,
.list-product.list .product-box-h .product-info .product-name {
  text-align: left;
}
.show-list-switch {
  display: none;
  transition: 0.5s all;
  opacity: 0;
}
.list-product.list .show-list-switch {
  display: block;
  opacity: 1;
}
.list-product.list .product-box-h .product-thumbnail > a.display_flex {
  display: block;
}

.switch-view {
  border: 1px solid #ccc;
  border-radius: 0;
  width: 34px;
  height: 34px;
  padding: 0;
  line-height: 34px;
}
.switch-view.active {
  background: #d1203a;
  color: #fff;
}
.section_product_feature .tab_link_module {
  float: left;
  width: 100%;
}
.ul_link {
  margin-top: 10px;
  text-align: center;
}
.ul_link .li_tabs {
  display: inline-block;
  line-height: 36px;
  padding: 0px;
  position: relative;
  margin: 4px;
}
.ul_link .li_tabs a {
  padding: 0 18px;
  font-size: 13px;
  font-weight: 400;
  display: block;
  cursor: pointer;
  text-decoration: none;
  position: relative;
  color: #000;
  border: 1px solid #e7e9f3;
  border-radius: 30px;
}
.ul_link .li_tabs a.active {
  background: #d1203a;
  color: #fff !important;
  border-radius: 30px;
}
.ct-tab {
  display: none;
}
.ct-tab.active {
  display: block;
}

/* NEW */
.wp-right-nav {
  line-height: 50px;
  position: relative;
  /* width: 220px; */
}
.wp-right-nav .lang-nav img {
  display: inline-block;
  width: 32px;
  height: 22px;
  border: 1px solid #ccc;
}
.ic-mail,
.ic-like {
  font-size: 18px;
  /* position: absolute;
  right: 0; */
}
.lang-nav {
  margin-right: 15px;
}
.lang-nav a {
  display: flex;
  align-items: center;
  justify-content: center;
}
.lang-nav a span {
  display: block;
  margin-left: 6px;
  margin-right: 6px;
  position: relative;
  padding-right: 6px;
  font-size: 16px;
}
.lang-nav a.active span {
  color: #a85b0b;
}
.lang-nav a span:after {
  position: absolute;
  content: "";
  width: 1px;
  height: 16px;
  background: #ccc;
  right: 0;
  top: 50%;
  transform: translateY(-50%)
}
.lang-nav a.lang-vn span:after {
  display: none;
}

.ic-like {
  margin-right: 5px;
  position: relative;
}
.ic-like > span {
  position: absolute;
    font-size: 10px;
    color: #c30404;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 7px;
    left: 8px;
    line-height: initial;
}
.tooltip-like {
  display: none;
      position: absolute;
    top: 35px;
    background: #fff;
    width: 200px;
    transform: translateX(-100px);
    font-size: 12px;
    z-index: 9;
    line-height: 20px;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #f2f2f2;
}
.ic-like:hover .tooltip-like {
  display: block;
}
.tooltip-like p {
  margin-bottom: 0;
}

nav .navbar-collapse {
  padding: 0;
}
.content-news {
  float: left;
  width: 100%;
}
.content-news .img-left {
  float: left;
  margin-right: 10px;
  max-width: 45%;
}
.content-news .img-left img {
  height: 140px;
  border-radius: 20px;
}
.product-box-h {
  transition: 0.3s all;
  padding: 8px;
  background: #fff;
  position: relative;
  border-radius: 4px;
  box-shadow: 0px 0px 0px 0px rgba(167, 167, 167, 0.29);
}
ul.product-des {
  list-style: none;
  padding: 0;
  margin: 0;
}
ul.product-des li {
  margin: 4px 0;
}
ul.product-des li .available {
  color: green;
}
ul.product-des li .soon {
  color: rgb(232, 178, 0);
}
ul.product-des li .update_at {
  display: inline-block;
  margin-left: 10px;
  font-size: 13px;
  color: #888;
}
ul.product-des li .sold {
  color: red;
}
.product-info {
  padding: 10px 4px;
}
.product-name {
  font-size: 15px;
  color: #000;
  display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.4;
    height: calc(1.4em * 3); /* 3 dòng */
}
.product-box-h:hover {
  -moz-box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.12);
  border-color: #222;
}
.product-thumbnail {
  position: relative;
}
.it-gia-kv {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0 10px;
  line-height: 30px;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-size: 11px;
}
.it-gia-kv .pri {
  float: left;
}
.it-gia-kv .khu {
  float: right;
}
.right-search-bar .group-form {
  text-align: left;
}
.chinh-sach ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.chinh-sach ul li {
  margin-bottom: 10px;
}
.it-support {
  text-align: center;
}
.it-support span {
  display: inline-block;
  margin-bottom: 15px;
  width: 80px;
  height: 80px;
  text-align: center;
  line-height: 80px;
  font-size: 40px;
  background: #ccc;
  border-radius: 50%;
}
.it-support b {
  font-size: 20px;
  color: #ff0000;
}

/* PRODUCT DETAIL */
.it-slide {
  height: 510px;
  width: 100%;
  background-size: 100%;
  background-color: #e6e6e6;
  background-position: center;
}
.gallery-thumbs .owl-item img {
  opacity: 0.5;
}
.gallery-thumbs .owl-item.synced img {
  opacity: 1;
}
.grey-bg-info {
  background: #e6e6e6;
  padding: 20px 20px 16px;
  font-size: 15px;
}
.big-price {
  font-weight: 900;
  font-size: 24px;
}
.house-feature {
  list-style: none;
  padding: 0;
  margin: 0;
}
.house-feature li i {
  color: #0070ff;
}
.pro-baogom {
  font-size: 19px;
  padding-left: 10px;
  padding-top: 8px;
}
.product-prop {
  border-bottom: 1px dotted #ccc;
  overflow: hidden;
  line-height: 2.3;
  font-size: 11px;
  margin-bottom: 1px;
}
.product-query {
  display: block;
  background: red;
  color: #fff;
  font-size: 16px;
  padding-top: 1px;
  line-height: 66px;
  height: 67px;
  margin-top: 1.5em;
  margin-bottom: 4px;
}
.pro-query {
  line-height: inherit;
  width: 100%;
  background-color: #fff !important;
  margin-top: 0px;
}
.border-pro {
  border: 1px solid #ccc;
  margin-top: 5px;
  font-size: 11px;
}
.m0 {
  margin: 0;
}
.pdb10 {
  padding-bottom: 10px;
}
.des-detail {
  padding: 15px;
  background: #efefef;
}
.product-query.text-black {
  color: #000;
}
.owl-partner {
  padding-left: 1px;
}
.map-pro {
  padding: 20px 0;
}
.map-pro iframe {
  width: 100%;
  height: 400px;
}
/* Modal */

.icon-require:before {
  content: "*";
}
.modal-like > .modal-dialog {
  width: 90%;
  max-width: 1045px;
  margin: 69px auto;
}

.popup-like {
  padding: 27px 48px 40px;
  margin: 0 auto;
  background-color: #fff;
  max-width: 1045px;
  border-radius: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.popup-like .top-popup {
  position: relative;
}

.popup-like .top-popup div {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
}

.popup-like .top-popup div:first-child {
  width: 70%;
}

.popup-like .top-popup > div p {
  margin-bottom: 0;
  line-height: 1.8;
}

.popup-like .img-top {
  text-align: center;
}

.popup-like .list-house-popup {
  overflow: hidden;
  margin: 30px -5px;
}

.popup-like .list-house-popup .post-house {
  float: left;
  padding: 0 5px;
  position: relative;
}

.popup-like .list-house-popup .post-house a {
  color: #000;
}

.popup-like .list-house-popup .post-house:nth-child(6n) {
  margin-right: 0;
}

.popup-like .list-house-popup .post-house .title {
  font-size: 9px;
  line-height: 12px;
  height: 24px;
  overflow: hidden;
  font-family: Verdana, sans-serif;
  margin: 3px 0 10px;
  -webkit-transition: color 0.2s linear;
  transition: color 0.2s linear;
}

@media (min-width: 320px) and (max-width: 767px) {
  .popup-like .list-house-popup .post-house .title {
    font-size: 0.8em;
  }
}

.popup-like .list-house-popup .post-house .close-house {
  cursor: pointer;
  color: #000;
  position: absolute;
  top: 11px;
  right: 11px;
  font-size: 20px;
  line-height: 20px;
  border-radius: 100%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

@media (min-width: 320px) and (max-width: 991px) {
  .popup-like .list-house-popup .post-house .close-house {
    display: block;
    font-size: 35px;
  }
}

.popup-like .list-house-popup .post-house .feature-image {
  position: relative;
}

.popup-like .list-house-popup .post-house .feature-image > img {
  max-width: 100%;
  height: 120px;
  width: 100%;
  object-fit: cover;
}

.popup-like .list-house-popup .post-house .feature-image > .item-brief {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 5px 10px;
  color: #fff;
}

.popup-like .list-house-popup .post-house:hover > a > .title {
  color: #d1203a;
}

.popup-like .list-house-popup .post-house:hover .close-house {
  display: block;
}

.popup-like .close-like {
  font-size: 20px;
  position: absolute;
  top: 20px;
  right: 18px;
  width: auto;
  cursor: pointer;
}

.popup-like > div p > span {
  font-size: 16px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  cursor: pointer;
}

.form-contact {
  max-width: 800px;
  margin: 0 auto;
}

.form-contact .title {
  font-size: 15px;
  text-align: center;
  padding-bottom: 15px;
  margin-bottom: 22px;
  border-bottom: 1px solid #ccc;
}

@media (min-width: 320px) and (max-width: 991px) {
  .form-contact .title {
    font-size: 13px;
  }
}

.form-contact .title b {
  font-size: 16px;
}

@media (min-width: 320px) and (max-width: 991px) {
  .form-contact .title b {
    font-size: 14px;
  }
}

.form-contact .title span {
  margin-left: 15px;
}

@media (min-width: 320px) and (max-width: 991px) {
  .form-contact .title span {
    margin-left: 10px;
  }
}

.form-contact span {
  color: #d1203a;
  vertical-align: middle;
}
.form-contact span.pri {
  color: #fff;
}

@media (min-width: 320px) and (max-width: 991px) {
  .form-contact span {
    margin-left: 10px;
  }
}

.form-contact .wrap-form {
  padding: 0 55px;
}

.form-contact .wrap-form > .group-form {
  margin-bottom: 13px;
}

.form-contact .wrap-form > .group-form label {
  width: 195px;
  font-size: 14px;
  display: inline-block;
  padding-left: 5px;
}

.form-contact .wrap-form > .group-form label span {
  margin-top: -2px;
}

.form-contact .wrap-form > .group-form label.error {
  display: none;
  font-family: Arial;
  font-weight: 400;
  margin: 0;
  line-height: 1.2;
}

.form-contact .wrap-form > .group-form input {
  box-shadow: none;
  vertical-align: middle;
}

.form-contact .wrap-form > .group-form input.error {
  background-color: #ffeff1;
  border: 1px solid #f15a24 !important;
}

.form-contact .wrap-form > .group-form textarea {
  padding: 3px 10px;
  width: calc(100% - 200px);
  height: 80px;
  line-height: 1.7;
  box-shadow: none;
  border: 1px solid #ccc;
}

.form-contact .wrap-form > .group-form textarea.error {
  background-color: #ffeff1;
  border: 1px solid #f15a24 !important;
}


@media (min-width: 320px) and (max-width: 767px) {
  .form-contact .wrap-form > .group-form textarea {
    width: 100%;
    height: 100px;
  }
}

.form-contact .wrap-form > .group-form > input {
  width: 280px;
  height: 35px;
  padding: 0 10px 2px;
  border: 1px solid #ccc;
}

.form-contact .wrap-form > .group-form > input:focus {
  outline: none;
  border: 1px solid #d1203a;
}

.form-contact .wrap-form > .group-form > span {
  color: #b3b3b3;
  display: inline-block;
  font-size: 12px;
  margin-left: 4px;
}

@media (min-width: 320px) and (max-width: 991px) {
  .form-contact .wrap-form > .group-form > span {
    margin: 5px 0 0;
  }
}

.form-contact .wrap-form > .group-form:last-child {
  margin-bottom: 20px;
}

@media (min-width: 320px) and (max-width: 991px) {
  .form-contact .wrap-form {
    padding: 0;
  }
}

.form-contact > .policy {
  padding-left: 255px;
  padding-top: 15px;
  margin-bottom: 13px;
  font-size: 13px;
  border-top: 1px solid #e6e6e6;
}

@media (min-width: 320px) and (max-width: 991px) {
  .form-contact > .policy {
    width: 100%;
    padding-left: 0;
  }
}

.form-contact > .policy p {
  margin-bottom: 0;
  line-height: 1.5;
  font-size: 13px;
}

.form-contact > .policy p label {
  font-weight: 400;
  width: calc(100% - 21px);
  vertical-align: top;
}

.form-contact > .policy p label.error {
  display: none !important;
}

@media (min-width: 320px) and (max-width: 991px) {
  .form-contact > .policy p label {
    width: calc(100% - 21px);
    vertical-align: top;
  }
}

.form-contact > .policy p a {
  color: #d1203a;
}

.form-contact > .policy p a:hover {
  text-decoration: underline;
}

.form-contact > .policy input {
  height: 17px;
  width: 17px;
  margin-top: 0;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  box-shadow: none;
  outline: 0;
}

.form-contact > .g-recaptcha {
  margin-left: 255px;
  border: none;
}

@media (min-width: 320px) and (max-width: 991px) {
  .form-contact > .g-recaptcha {
    width: 100%;
    margin-left: 0;
  }
}

.form-contact > .btn-send {
  max-width: 304px;
  margin-left: 255px;
  width: 100%;
  border: none;
  font-weight: 700;
  margin-top: 20px;
  color: #fff;
  font-size: 16px;
  height: 48px;
  line-height: 45px;
  padding-top: 3px;
  background-color: #95193e;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}

.form-contact > .btn-send:hover {
  background-color: #95193e;
}

@media (min-width: 320px) and (max-width: 767px) {
  .form-contact > .btn-send {
    margin: 30px auto;
    display: block;
  }
}

@media (min-width: 320px) and (max-width: 480px) {
  .form-contact > .btn-send {
    max-width: none;
  }
}

.form-contact .ajax-loader {
  margin-left: 15px;
}

.form-contact .contact-errors {
  margin-bottom: 20px;
}

.form-contact .contact-errors > .error {
  color: red;
  margin-bottom: 10px;
}
.form-contact .wrap-form > .group-form label.error {
  display: block;
  color: #f15a24;
}

.popup-thankyou {
  z-index: 99999;
}

.box-img-rounded > img {
  width: 100% !important;
}
.item-actions {
  position: absolute;
  top: 8px;
  right: 10px;
}
.item-actions img {
  filter: brightness(255);
}
.item-actions .active img {
  filter: inherit;
}


.irs--flat .irs-handle {
  background: #d1203a;
}
.showmore {
  display: none;
}
.wrap-owl-slider .j-item {
  height: 500px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
}
.wp-slide {
  border-bottom: 2px solid #d1203a;
}
.lang-mb {
  position: absolute;
  right: 10px;
  top: 5px;
}
.lang-mb img {
  width: 25px;
  height: 15px;
  border: 1px solid #ccc;
}
.bg_cart.ic-like {
  top: 15px;
}
.hidden-desktop {
  display: none;
}
button.tim-mobile {
  display: block;
  width: 100%;
  background: #95193e;
  color: #fff;
  text-align: center;
  padding: 7px 10px;
}
.owl-related .col-xs-6 {
  width: 100%;
}
.owl-related > .owl-nav > button {
  position: absolute;
  top: 50%;
  margin-top: -20px;
  width: 36px;
  height: 36px;
  /* background: #d1203a !important; */
  z-index: 2;
  border: 0;
  border-radius: 0;
  color: #fff !important;
}
.owl-related .owl-prev {
  left: 10px;
}
.owl-related .owl-next {
  right: 10px;
}
.nav > li:hover > ul.dropdown-menu {
  display: block;
}
/* LAND */
.item-land img {
  width: 100%;
}
.w-30 {
  width: 30%;
}
.item-land {
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 2px solid #ccc;
}
.table-style-2 {
  border-bottom: 1px dotted #cacaca;
}
.table-style-2 th {
  background-color: #f1f1f1;
  border-right: 1px dotted #cacaca;
}
.bg-ccc {
  background: #ccc;
}
.set-text {
  border-radius: 7px;
  background-color: #ccc;
  border: 1px solid #d1203a;
}
.set-p {
  padding: 3px;
}
.wrap-searchbox.box-office .right-search-bar {
  max-width: 100px;
}
.inner-search {
  position: relative;
  padding-bottom: 30px;
}

.inner-search .wrap-searchbox {
  position: relative;
  top: 0;
}
.bg-default {
  background: #d1203a;
  color: #fff;
}
.detail h1 {
  font-size: 18px;
}
.detail h1 b {
  display: inline-block;
  margin-right: 8px;
  font-size: 28px;
}
.wrapper-slider-detail button {
  border: 0;
  padding: 0;
  margin: 0;
  background: none;
  outline: none;
  position: absolute;
  top: 50%;
  margin-top: -50px;
  font-size: 60px;
  z-index: 1;
}
.wrapper-slider-detail .nav-prev {
  left: 10px;
}
.wrapper-slider-detail .nav-next {
  right: 10px;
}
.wrapper-slider-detail button:hover {
  background: initial;
}
.box-form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  text-align: center;
}
.box-form .left-form {
  width: 40%;
  background-color: #a85b0b;
  color: #fff;
  line-height: 40px;
  margin-bottom: 10px;
}
.box-form .right-form {
  width: 58%;
  margin-bottom: 10px;
}
.list-checkbox {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  text-align: left;
}
.list-checkbox > div {
  width: 25%;
}
.nowrap {
  white-space: nowrap;
}
.right-form input {
  text-align: center;
}
.pro-labels {
  position: absolute;
  top: 10px;
  right: 10px;
}
.item-actions .red {
  color: #a28f7c;
}

body {
  background: #f8f8f8;
}
.top-header {
  background: #fff;
}
/* 2026 */
body.land .top-header,
body.mua-nha .top-header,
body.office .top-header,
body.home .top-header {
  margin-bottom: 0;
}
.wp-slide {
  position: relative;
}
.social-icons {
  position: fixed;
  bottom: 60px;
  right: 20px;
  z-index: 99;
}
.social-icons a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  padding: 3px;
  background: #fff;
  border: 1px solid #f2f2f2;
  border-radius: 4px;
  margin-bottom: 8px;
}
.social-icons a:hover {
  background: #f2f2f2;
}
.social-icons a span {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}
.social-icons a.social-whatsapp span {
  background: #25d366;
}
.social-icons a span.text-social {
	display: none;
}
@media screen and (max-width: 767px) {
	.social-icons a span.text-social {
		display: flex;
    margin-left: 5px;
	}
  .social-icons {
    right: 0;
    bottom: 70px;
    left: 5%;
    display: flex;
    width: 90%;
    justify-content: center;
    background: #fff;
    border-radius: 10px;
    align-items: center;
    padding: 10px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  }
  .social-icons a {
    width: auto;
    margin-bottom: 0;
    margin: 0 5px;
    border: 0;
    height: 30px;
  }
  .social-icons a.social-phone {
    display: none;
  }
  .social-icons a.social-whatsapp span {
    background: none;
  }
  .social-icons a.social-whatsapp span i {
    color: #25d366;
  }
}

.social-whatsapp i {
  color: #fff;
  font-size: 30px;
}
.social-facebook img {
  max-width: 32px;
}
.social-zalo img {
  width: 40px;
}
.social-phone {
  color: red;
  font-size: 46px;
}
.product-query .icon-heart {
  margin-top: -3px;
}
.home-support {
  padding: 40px 0;
  background: #fff;
}
.owl-carousel .owl-item .img-heart img {
  width: 22px;
}
.location-productcode {
  justify-content: space-between;
  margin-bottom: 15px;
}
.property-location li {
  margin-right: 20px;
}
.location-productcode li {
  list-style: none;
}
.location-productcode li.available {
  color: green;
}
.location-productcode li.sold {
  color: red;
}

.cate-li {
  list-style: none;
  padding: 20px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cate-li li {
  padding: 0 10px;
  position: relative;
}.cate-li li a {
  display: block;
  padding: 5px 0;
}
.cate-li li.active a {
  border-bottom: 3px solid #7a5c4d;
}
.module.content-detail {
  background: #fff;
  padding: 15px;
  border-radius: 8px;
  display: block;
  width: 100%;

}
th {
  font-weight: normal;
}
.land-detail table {
  border: 0;
}
.land-detail table tbody tr th,
.land-detail table tbody tr td {
  border: 0;
}
.land-detail table tbody tr {
  border-bottom: 1px solid #ddd;
}
.dock-mobile {
    background: #fff;
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 9;
}
.dock-mobile-inner {
    padding: 10px;
    display: flex;
}
.dock-mobile-inner div {
    text-align: center;
    width: 25%;
}
.dock-mobile-inner div i {
    background: no-repeat top;
    background-size: contain;
    display: block;
    height: 20px;
    position: relative;
    width: 100%;
}
.dock-mobile-inner div .icon-home {
    background-image: url(../images/icons/ic-home.png);
}
.dock-mobile-inner div .icon-cat {
    background-image: url(../images/icons/ic-cat.png);
}
.dock-mobile-inner div .icon-store {
    background-image: url(../images/icons/ic-shop.png);
}
.dock-mobile-inner div .icon-hotline {
    background-image: url(../images/icons/ic-hotline.png);
}
.dock-mobile-inner div .icon-zalo {
    background-image: url(../images/icons/ic-zalo.png);
}
.dock-mobile-inner div .icon-heart {
    background-image: url(../images/icons/ic-heart-3.png);
}

@media screen and (max-width: 991px) {
  .dock-mobile {
    display: block;
  }
  .mid-header {
    background-color: #fff;
  }
  .detail h1 {
    padding: 0 10px;
  }
}