.title-head {
  font-size:30px;
  text-align:center;
  margin-bottom:30px;
}

.hethong-info {
  margin-bottom:20px;
}

.hethong-info .item {
  -ms-flex-align:center;
  align-items:center;
  -ms-flex-pack:center;
  justify-content:space-between;
  display:flex;
  background:#ff7e00;
  padding:10px;
  border-radius:5px;
}

.hethong-info .item .thump img {
  max-height:80px;
}

@media (max-width:1199px) {
  .hethong-info .item .thump img {
    max-height:60px;
  }
}

.hethong-info .item span {
  font-size:16px;
  color:#fff;
  display:block;
  text-align:right;
}

@media (max-width:1199px) {
  .hethong-info .item span {
    font-size:14px;
  }
}

.hethong-info .item span b {
  display:block;
  font-size:50px;
}

@media (max-width:1199px) {
  .hethong-info .item span b {
    font-size:40px;
  }
}

.page-he-thong {
  margin-bottom:30px;
  color:#000;
}

.page-he-thong .option-chos.option-chos1 {
  border-radius:10px;
  background:#F2F2F2;
  padding:10px;
}

.page-he-thong .option-chos .group-option {
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  margin-right:-5px;
  margin-left:-5px;
}

.page-he-thong .option-chos .group-option .group-city,
.page-he-thong .option-chos .group-option .group-district {
  margin-bottom:10px;
  position:relative;
  width:100%;
  padding-right:5px;
  padding-left:5px;
  -ms-flex:0 0 50%;
  flex:0 0 50%;
  max-width:50%;
}

@media (max-width:1199px) {
  .page-he-thong .option-chos .group-option .group-city,
  .page-he-thong .option-chos .group-option .group-district {
    -ms-flex:0 0 100%;
    flex:0 0 100%;
    max-width:100%;
  }
}

.page-he-thong .option-chos .group-option .group-city .title,
.page-he-thong .option-chos .group-option .group-district .title {
  margin-bottom:10px;
  display:block;
  color:#8D8D9F;
}

.page-he-thong .option-chos .group-option .group-city select,
.page-he-thong .option-chos .group-option .group-district select {
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  background-position:right center;
  background-repeat:no-repeat;
  background-position:right 10px center;
  padding-right:28px;
  text-indent:0.01px;
  text-overflow:'';
  cursor:pointer;
  font-size:14px;
  font-weight:500;
  padding:5px 20px 5px 12px;
  border-radius:5px;
  width:100%;
  height:35px;
  border-radius:0;
  border:1px solid #ff7e00;
  outline:none !important;
  border-radius:5px;
}

.page-he-thong .option-chos .group-option .group-city select option,
.page-he-thong .option-chos .group-option .group-district select option {
  background-color:#fff;
  color:#000;
}


.page-he-thong .option-chos .info-store {
  overflow:hidden;
  overflow-y:auto;
  margin-top:10px;
}

@media (max-width:991px) {
  .page-he-thong .option-chos .info-store {
    height:auto;
    max-height:220px;
    padding-right:10px;
  }
}

.page-he-thong .option-chos .info-store::-webkit-scrollbar {
  width:5px;
  background-color:#ff7e00;
}

.page-he-thong .option-chos .info-store::-webkit-scrollbar-thumb {
  border-radius:5px;
  -webkit-box-shadow:inset 0 0 2px rgba(0,0,0,0.3);
  -moz-box-shadow:inset 0 0 2px rgba(0,0,0,0.3);
  background-color:#ff7e00;
}

.page-he-thong .option-chos .info-store::-webkit-scrollbar-track {
  -webkit-box-shadow:inset 0 0 2px rgba(0,0,0,0.3);
  -moz-box-shadow:inset 0 0 2px rgba(0,0,0,0.3);
  border-radius:5px;
  background-color:#f5f5f5;
}

.page-he-thong .option-chos .info-store .store-list {
  padding:5px 10px;
  line-height:24px;
  border:1px solid #e1e1e1;
  margin-bottom:10px;
  border-radius:5px;
}

.page-he-thong .option-chos .info-store .store-list .name-cuahang {
  color:#ff7e00;
  font-weight:700;
  margin-bottom:20px;
  display:block;
}

.page-he-thong .option-chos .info-store .store-list .store-name {
  position:relative;
  display:inline-flex;
  width:100%;
  margin-bottom:10px;
  align-items:center;
}

.page-he-thong .option-chos .info-store .store-list .store-name b {
  min-width:30px;
  width:30px;
  height:30px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid #949494;
  border-radius:50%;
  margin-right:10px;
  padding:5px;
  margin-right:10px;
}

.page-he-thong .option-chos .info-store .store-list .store-phone {
  position:relative;
  display:inline-flex;
  width:100%;
  margin-bottom:10px;
  align-items:center;
}

.page-he-thong .option-chos .info-store .store-list .store-phone b {
  min-width:30px;
  width:30px;
  height:30px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid #949494;
  border-radius:50%;
  margin-right:10px;
  padding:5px;
}

.page-he-thong .option-chos .info-store .store-list .store-phone .phone-url {
  margin-right:15px;
  color:#ff7e00;
}

.page-he-thong .option-chos .info-store .store-list .store-phone .phone-url:hover {
  color:#1435c3;
}

.page-he-thong .option-chos .info-store .store-list .store-url {
  background:#E4ECFF;
  padding:5px 20px;
  border-radius:30px;
  display:inline-block;
  margin-bottom:5px;
}

.page-he-thong .option-chos .info-store .store-list .store-url b {
  margin-right:10px;
}

.page-he-thong .option-chos .info-store .store-list .store-url:hover {
  background:#1435c3;
  color:#fff;
}

.page-he-thong .option-chos .info-store .store-list .store-url:hover svg path {
  fill:#fff;
}

.page-he-thong .option-chos .info-store .store-list:hover,
.page-he-thong .option-chos .info-store .store-list.active {
  border:1px solid #ff7e00;
}

.page-he-thong .wrapcontact {
  height:calc(100vh - 95px);
  overflow:hidden;
  position:-webkit-sticky;
  position:sticky;
  top:10px;
  border-radius:5px;
}

.page-he-thong .wrapcontact iframe {
  width:100% !important;
  height:100vh !important;
  border:none !important;
}

.page-he-thong .pagebody {
  height:calc(100vh - 95px);
  overflow:hidden;
  position:-webkit-sticky;
  position:sticky;
  top:10px;
  border-radius:5px;
}

.page-he-thong .pagebody iframe {
  width:100% !important;
  height:100vh !important;
  border:none !important;
}

@media (max-width:991px) {
  .col-left {
    margin-bottom:30px;
  }
}

.form-control {
  height:35px;
  border:1px solid #ff7e00;
  width:100%;
  border-radius:5px;
  padding:0 10px;
}

.col-6 {
  margin-bottom:30px;
}

.d-none {
  display:none !important;
}

/* Select City (Màu cam) */
.page-he-thong .option-chos .group-option .group-city select#city,
.page-he-thong .option-chos .group-option .group-district select#city {
    background-color: #ff7e00;
    color: #fff;
    background-image: url(img/ico-select_1.png?1754209552663);
    background-size: auto;
}

/* Select District (Màu trắng) */
.page-he-thong .option-chos .group-option .group-city select#district,
.page-he-thong .option-chos .group-option .group-district select#district {
    background-color: #fff;
    color: #000;
    background-image: url(img/ico-select_2.png?1754209552663);
    background-size: auto;
}




.product-hethong .option-chos .group-option {
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  margin-right:-5px;
  margin-left:-5px;
}

.product-hethong .option-chos .group-option .group-city,
.product-hethong .option-chos .group-option .group-district {
  margin-bottom:10px;
  position:relative;
  width:100%;
  padding-right:5px;
  padding-left:5px;
  -ms-flex:0 0 50%;
  flex:0 0 50%;
  max-width:50%;
}

.product-hethong .option-chos .group-option .group-city select,
.product-hethong .option-chos .group-option .group-district select {
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  background-position:right center;
  background-repeat:no-repeat;
  background-position:right 10px center;
  padding-right:28px;
  text-indent:0.01px;
  text-overflow:'';
  cursor:pointer;
  font-size:12px;
  font-weight:500;
  padding:5px 10px 5px 5px;
  border-radius:5px;
  width:100%;
  outline:none !important;
  color:#000;
  background-image:url(img/ico-select_2.png?1754209552663);
  background-color:#fff;
  border:0;
  background-size: auto;
}

@media (max-width:767px) {
  .product-hethong .option-chos .group-option .group-city select,
  .product-hethong .option-chos .group-option .group-district select {
    font-size:11px;
  }
}

.product-hethong .option-chos .group-option .group-city select option,
.product-hethong .option-chos .group-option .group-district select option {
  background-color:#fff;
  color:#000;
}

.product-hethong .option-chos .info-store {
  height:200px;
  overflow:hidden;
  overflow-y:auto;
}

@media (max-width:991px) {
  .product-hethong .option-chos .info-store {
    height:auto;
    max-height:220px;
  }
}

.product-hethong .option-chos .info-store::-webkit-scrollbar {
  width:3px;
  background-color:#ff7e00;
}

.product-hethong .option-chos .info-store::-webkit-scrollbar-thumb {
  border-radius:5px;
  -webkit-box-shadow:inset 0 0 2px rgba(0,0,0,0.3);
  -moz-box-shadow:inset 0 0 2px rgba(0,0,0,0.3);
  background-color:#ff7e00;
}

.product-hethong .option-chos .info-store::-webkit-scrollbar-track {
  -webkit-box-shadow:inset 0 0 2px rgba(0,0,0,0.3);
  -moz-box-shadow:inset 0 0 2px rgba(0,0,0,0.3);
  border-radius:5px;
  background-color:#f5f5f5;
}

.product-hethong .option-chos .info-store .store-list {
  margin:0 5px 10px 0;
  background:#fff;
  padding:10px;
  border-radius:15px;
}

.product-hethong .option-chos .info-store .store-list .name-cuahang {
  color:#ff7e00;
  font-weight:600;
}

.product-hethong .option-chos .info-store .store-list .store-name {
  position:relative;
  display:inline-block;
  width:100%;
}

.content-pro {
  background:#f3f4f6;
  padding:10px;
  border-radius:15px;
}