@charset "utf-8";
/* CSS Document */
::selection {
  color: #000;
  background: #ffc22e;
}
::-moz-selection {
  color: #000;
  background: #ffc22e;
}
::-webkit-input-placeholder {
  color: #c9c9c9;
  text-overflow: ellipsis;
}
:-moz-placeholder {
  color: #ffc22e !important;
  text-overflow: ellipsis;
  opacity: 1;
}
::-moz-placeholder {
  color: #ffc22e !important;
  text-overflow: ellipsis;
  opacity: 1;
}
:-ms-input-placeholder {
  color: #ffc22e !important;
  text-overflow: ellipsis;
  opacity: 1;
}
/* ::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(100, 100, 100, 0.9);
  -moz-box-shadow: inset 0 0 6px rgba(100, 100, 100, 0.9);
  box-shadow: inset 0 0 6px rgba(100, 100, 100, 0.9);
  background-color: rgba(100, 100, 100, 0.9);
}
::-webkit-scrollbar-thumb {
  background: #ff900a;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
  background: #ff900a;
} */
a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
  outline: none !important;
}
@font-face {
  font-family: "MyriadPro";
  src: url(../fonts/MyriadPro-Regular.ttf);
}
@font-face {
  font-family: "MyriadPro-Bold";
  src: url(../fonts/MyriadPro-Bold.ttf);
}
@font-face {
  font-family: "MyriadPro-Semi";
  src: url(../fonts/MyriadPro-Semibold.ttf);
}
@font-face {
  font-family: "UTM Avo";
  src: url("../fonts/UTM-Avo.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/*loading*/
#loading {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  z-index: 999999;
}
#loading .cssload-loader {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.cssload-loader {
  position: relative;
  left: calc(50% - 52px);
  width: 104px;
  height: 104px;
  border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  perspective: 1300px;
}
.cssload-inner {
  position: absolute;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
.cssload-inner.cssload-one {
  left: 0%;
  top: 0%;
  animation: cssload-rotate-one 1.3s linear infinite;
  -o-animation: cssload-rotate-one 1.3s linear infinite;
  -ms-animation: cssload-rotate-one 1.3s linear infinite;
  -webkit-animation: cssload-rotate-one 1.3s linear infinite;
  -moz-animation: cssload-rotate-one 1.3s linear infinite;
  border-bottom: 5px solid #ff900a;
}
.cssload-inner.cssload-two {
  right: 0%;
  top: 0%;
  animation: cssload-rotate-two 1.3s linear infinite;
  -o-animation: cssload-rotate-two 1.3s linear infinite;
  -ms-animation: cssload-rotate-two 1.3s linear infinite;
  -webkit-animation: cssload-rotate-two 1.3s linear infinite;
  -moz-animation: cssload-rotate-two 1.3s linear infinite;
  border-right: 5px solid #ff900a;
}
.cssload-inner.cssload-three {
  right: 0%;
  bottom: 0%;
  animation: cssload-rotate-three 1.3s linear infinite;
  -o-animation: cssload-rotate-three 1.3s linear infinite;
  -ms-animation: cssload-rotate-three 1.3s linear infinite;
  -webkit-animation: cssload-rotate-three 1.3s linear infinite;
  -moz-animation: cssload-rotate-three 1.3s linear infinite;
  border-top: 5px solid #ff900a;
}
@keyframes cssload-rotate-one {
  0% {
    transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
  }
  100% {
    transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
  }
}
@-o-keyframes cssload-rotate-one {
  0% {
    -o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
  }
  100% {
    -o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
  }
}
@-ms-keyframes cssload-rotate-one {
  0% {
    -ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
  }
  100% {
    -ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
  }
}
@-webkit-keyframes cssload-rotate-one {
  0% {
    -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
  }
}
@-moz-keyframes cssload-rotate-one {
  0% {
    -moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
  }
  100% {
    -moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
  }
}
@keyframes cssload-rotate-two {
  0% {
    transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
  }
  100% {
    transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
  }
}
@-o-keyframes cssload-rotate-two {
  0% {
    -o-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
  }
  100% {
    -o-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
  }
}
@-ms-keyframes cssload-rotate-two {
  0% {
    -ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
  }
  100% {
    -ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
  }
}
@-webkit-keyframes cssload-rotate-two {
  0% {
    -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
  }
}
@-moz-keyframes cssload-rotate-two {
  0% {
    -moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
  }
  100% {
    -moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
  }
}
@keyframes cssload-rotate-three {
  0% {
    transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
  }
  100% {
    transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
  }
}
@-o-keyframes cssload-rotate-three {
  0% {
    -o-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
  }
  100% {
    -o-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
  }
}
@-ms-keyframes cssload-rotate-three {
  0% {
    -ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
  }
  100% {
    -ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
  }
}
@-webkit-keyframes cssload-rotate-three {
  0% {
    -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
  }
}
@-moz-keyframes cssload-rotate-three {
  0% {
    -moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
  }
  100% {
    -moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
  }
}
/*Col*/
/* loanding */
#fixed-left {
  position: fixed;
  top: 53%;
  z-index: 998;
  transform: translateY(-50%);
  right: 0;
  float: right;
}
#fixed-left ul {
  padding: 0;
  width: 55px;
  margin: 0;
}
#fixed-left ul li {
  margin-bottom: 5px;
  background: #eb2126;
  display: table;
  transition: all 0.3s ease-in-out;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  float: right;
}
#fixed-left ul li:hover a {
  width: 55px;
}
#fixed-left ul li:nth-child(2) {
  background: #2b61ad;
}
#fixed-left ul li:nth-child(3) {
  background: #008fe5;
}
#fixed-left ul li:last-child {
  background: #ea9316;
}
#fixed-left ul li a {
  text-align: center;
  width: 44px;
  height: 44px;
  display: block;
  line-height: 44px;
}

h1,
h2,
h3,
h4,
p {
  display: block;
  margin: 0;
}
body {
  color: #303030;
  font-family: "Open Sans", sans-serif;
  overflow-x: hidden;
}
html {
  overflow-x: hidden;
}
b {
  font-family: "MyriadPro-Bold";
}
a {
  transition: ease-in-out 0.3s;
  color: #1f1f1f;
}
a.img {
  display: block;
  overflow: hidden;
}
._img {
  overflow: hidden;
}
._img img {
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  width: 100%;
}
._img:hover img {
  transform: scale(1.1, 1.1);
}
a:hover {
  text-decoration: none;
  color: #e28a00;
}
.tbl {
  display: table;
}
.tbl > .tbl-cell {
  display: table-cell;
}
.fixed {
  position: fixed !important;
  z-index: 1000;
  width: 100%;
  background: #ffffff;
  top: 0px;
  left: 0;
  right: 0;
  -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.1);
  display: table;
}
.top-header {
  background: #ff900a;
}
.top-header ul {
  padding: 0;
  margin: 0;
  display: table;
  height: 28px;
  width: 100%;
}
.menu-menu-dau-trang-container #menu-menu-dau-trang {
  display: flex;
  justify-content: end;
}
.top-header .right ul li {
  display: table-cell;
  vertical-align: middle;
  color: #ffffff;
  position: relative;
  padding: 0 12px;
  line-height: 24px;
}
.top-header .right ul li:after {
  content: "";
  height: 12px;
  width: 1px;
  background: #ffffff8c;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.top-header ul li a {
  color: #ffffff;
  font-size: 13px;
}
.top-header ul li.hotline a {
  font-size: 14px;
}
.top-header ul li a:hover {
  color: #fff901;
}
.top-header .left {
  width: 50%;
  float: left;
}
.top-header .left ul li {
  padding: 0 22px;
  position: relative;
  list-style: none;
  float: left;
  line-height: 28px;
}
.top-header .left ul li:before {
  display: block;
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  background: url("../images/icon-hotline.png") left center / 16px 16px no-repeat;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.top-header .left ul li.gmail:before {
  background: url("../images/icon-mail.png") left center / 16px 16px no-repeat;
  background-size: contain;
}
.sub-full {
  display: none;
}

.top-header .right {
  float: right;
  width: 50%;
  text-align: right;
}
.translate_flex {
  display: flex;
  align-items: center;
  justify-content: end;
}
.gg_translate .gt_selector {
  background: transparent;
  border: none;
  color: #fff;
  font-size: 13px;
  cursor: pointer;
  width: 80px;
}
.gg_translate .gt_selector option {
  color: #000;
}
.gg_translate {
  position: relative;
  padding: 0 0 0 20px;
}
.gg_translate::before {
  position: absolute;
  content: "";
  background: url(../images/icon-word.png) center no-repeat;
  top: 50%;
  left: 0;
  width: 15px;
  height: 15px;
  margin: -7.5px 0 0 0;
}
.right ul li.leng {
  padding: 0;
  position: relative;
  font-size: 13px;
  line-height: 24px;
}
.right ul li.leng:before {
  position: absolute;
  content: "";
  background: url("../images/icon-word.png") center no-repeat;
  top: 0;
  left: 0;
  width: 40px;
  height: 28px;
}
.right ul li.leng {
  padding: 0 15px 0 40px;
  white-space: nowrap;
}
.right ul li.leng i {
  padding-left: 15px;
}
.leng ._lang.show {
  visibility: visible;
  opacity: 1;
  left: 0;
}
._lang {
  position: absolute;
  top: 134%;
  left: 0;
  background: #f4f4f4;
  border-radius: 3px;
  z-index: 99;
  visibility: hidden;
  opacity: 0;
  width: 170px;
  transition: all 0.5s ease-in-out;
}
._lang ul {
  list-style: none;
  padding: 10px;
  display: table;
}
._lang ul li {
  font-size: 14px;
  font-weight: bold;
  color: #000 !important;
  line-height: 24px;
  padding: 10px 0 !important;
  border-bottom: 1px solid #ff900a;
  display: block !important;
  text-align: left;
}
._lang ul li a {
  color: #000 !important;
}
._lang ul li:last-child {
  border: none;
}
._lang ul li img {
  padding-right: 10px;
}
#logo figure,
.menu_mobile_top .ct_left figure {
  height: 120px;
}
#logo figure img,
.menu_mobile_top .ct_left figure img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#logo {
  width: 18%;
  /* float: left;
  line-height: 72px; */
}
#sticker {
  float: left;
}
header {
  position: relative;
  z-index: 999;
}
.fixed #logo img {
  -moz-box-shadow: 0 3px 4px 0px rgba(2, 2, 2, 0.4);
}
.search .form-search {
  transition: all 0.5s ease-in-out;
  visibility: hidden;
  opacity: 0;
  width: 0;
  overflow: hidden;
}
.search.active .form-search {
  opacity: 1;
  visibility: visible;
  width: 400px;
}
#back-top {
  cursor: pointer;
  display: none;
  position: fixed;
  width: 41px;
  height: 41px;
  border-radius: 4px;
  background: url(../images/icon-scoll-top-cnc.png) center no-repeat;
  bottom: 73px;
  right: 10px;
  z-index: 999;
}
.icon-sr a {
  border-radius: 50%;
  padding: 3px 6.5px;
  border: 1px solid #ff900a;
}
.icon-sr {
  position: relative;
  /* overflow: hidden; */
}
.form-search {
  position: absolute;
  right: 0;
  top: 101%;
  transition: all 2s ease-in-out;
}
.form-search form {
  line-height: 0;
  position: relative;
  border: 1px solid #e6e6e6;
}
.form-search input {
  padding: 8.5px 12px;
  border: 2px solid #ededed;
  width: 400px;
}
.form-search button {
  position: absolute;
  top: 0;
  right: 0;
  color: #fff;
  line-height: 36px;
  border: 2px solid #ededed;
  padding: 0 12px;
  border-radius: 0px;
  background: linear-gradient(to bottom, #8b8d90, #64676b);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #7b7e81;
  box-shadow:
  inset 0 1px 0 rgba(236, 237, 237, 0.6),
  0 1px 2px rgba(0, 0, 0, 0.05);
  border: 1px solid #64676b;
}
.icon-sr a i {
  font-size: 14px;
  color: #ff900a;
  line-height: 26px;
}
.banner img {
  width: 100%;
  display: block;
  transition: all 18s ease-in-out;
}
.banner img:hover {
  transform: scale(1.2, 1.2);
}
.banner {
  overflow: hidden;
}
.banner {
  position: relative;
}
.banner .lSSlideOuter .lSPager.lSpg {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 99;
  display: flex;
  align-items: center;
  justify-content: center;
}
.banner .lSSlideOuter .lSPager.lSpg > li a {
  background: #fff;
  display: block;
  text-align: center;
}
.banner .lSSlideOuter .lSPager.lSpg > li.active a,
.banner .lSSlideOuter .lSPager.lSpg > li:hover a {
  padding: 7px;
  border: 1px solid #fff;
  background: #33333330;
  position: relative;
  bottom: 0px;
}
.banner .lSSlideOuter .lSPager.lSpg > li.active a:before,
.banner .lSSlideOuter .lSPager.lSpg > li:hover a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  width: 8px;
  height: 8px;
  border-radius: 50%;
}

.about {
}
.content-ab {
  margin: 55px 0;
}
.titH2 {
  position: relative;
  padding-left: 13px;
  margin-bottom: 25px;
}
.titH2::before {
  content: "";
  background: #ff900a;
  height: 47px;
  width: 2px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
}
.titH2 h2 a,
.titH2 h1 a {
  margin: 0;
}
.titH2 h2,
.titH2 h1 {
  font-size: 14px;
  font-family: "UTM Avo";
  color: #455a66;
  text-transform: uppercase;
  display: block;
  margin: 0;
}
.titH2 p {
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  font-size: 28px;
  color: #333333;
  text-transform: uppercase;
  margin: 0;
}
.titH2 p span {
  color: #ff900a;
}
.video-new .titH2 p span {
  margin: 0 0 0 3px;
}
.view {
  background: #ff900a;
  border-radius: 20px;
  display: table;
  margin-top: 35px;
}
.view:hover {
  background: #ff900a;
}
.view a {
  font-size: 14px;
  line-height: 25px;
  text-transform: uppercase;
  font-weight: 600;
  color: #fff;
  display: block;
  padding: 5.5px 20px;
}
.view a img {
  padding-left: 12px;
  line-height: 24px;
}

.about-video {
  margin: 55px 0;
}
.about-video .video iframe {
  width: 100%;
}
.bg-video {
  display: block;
  box-shadow: -13px -13px 0 0 #ececec;
  overflow: hidden;
  transition: all 0.5s ease-in-out;
  position: relative;
}
.bg-video:hover {
  box-shadow: -15px -15px 10px 0 #eae6e6;
  transform: translate(4px, 4px);
}
.bg-video img {
  width: 100%;
  transition: all 0.5s ease-in-out;
}
.bg-video:before {
  content: "";
  background: url(../images/icon-play.png) no-repeat;
  width: 64px;
  height: 64px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99;
  background-size: cover;
}
.bg-video span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.history {
  background: url(../images/bg-so.png) no-repeat;
  padding: 34px 0;
  background-size: cover;
}
.history .parameter .item {
  display: table;
}
.history .parameter .item p {
  font-family: "Roboto";
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  font-size: 60.81px;
  line-height: 48.71px;
  float: left;
  margin: 0;
}
.history .parameter .item span {
  font-size: 18px;
  line-height: 24px;
  color: #fff;
  text-transform: uppercase;
  float: left;
  padding-left: 15px;
  font-weight: 600;
}

.product-custom {
}
.titH3 h3 {
  font-size: 37px;
  line-height: 37px;
  color: #ff900a;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
  margin: 0;
}
.titH3 p {
  font-size: 16px;
  line-height: 24px;
  color: #333333;
  text-align: center;
  margin: 0;
  padding: 0;
}
.nav-p a {
  display: block;
  padding: 0 40px;
  position: relative;
  margin: 7px 0;
  border-right: 1px solid #b1b1b1;
}
.nav-p .tbl-cell:last-child a {
  border: none;
}
.nav-p .col-md-3:last-child a:before {
  width: 0;
}
.nav-p p::after {
  content: "";
  background: #ff900a;
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.nav-p .item.active p:after,
.nav-p .item:hover p:after {
  opacity: 1;
}
.nav-p .item.active span,
.nav-p .item:hover span {
  opacity: 0;
  visibility: hidden;
}
.nav-p .item.active .li-ac,
.nav-p .item:hover .li-ac {
  opacity: 1 !important;
  visibility: visible !important;
}
.nav-p span {
  display: table;
  margin: 0 auto;
  position: relative;
  visibility: visible;
  opacity: 1;
}
.nav-p span img {
  display: block;
}
.nav-p p {
  font-size: 14px;
  text-transform: uppercase;
  position: relative;
  padding: 10px 0;
  font-weight: bold;
  white-space: nowrap;
  margin: 0 auto;
  display: table;
}
.nav-p {
  display: table;
  margin: 0 auto;
  padding: 35px 0 30px;
  overflow-x: auto;
}
.product-custom {
  padding: 45px 0 40px;
}
.tab-content {
  position: relative;
}
.product-custom .tab-content .tab-pane {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  height: 323px;
  width: 100%;
}
.product-custom .tab-content .tab-pane.active.in {
  position: relative;
  z-index: 10;
  opacity: 1;
  visibility: visible;
}
.product-custom .view {
  margin: 0 auto;
  margin-top: 25px;
}
.slider-product .text a::before {
  background: none;
}
.slider-product .text a {
  display: block;
  padding: 0;
  text-align: center;
}
.slider-product .item {
  background: #fff;
  padding: 9px;
  border: 7px solid #98989861;
}
.slider-product .item ._img {
  display: block;
}
.slider-product .item ._img img {
  width: 100%;
}
.slider-product .item .desc {
  display: block;
  text-align: center;
  padding: 17px 0 8px;
}
.slider-product .item .desc a {
  font-size: 14px;
  color: #333;
  font-weight: bold;
}
.slider-product .item .desc:hover a {
  color: #ff900a;
}
.slider-product .lSSlideWrapper {
  position: initial;
}
.slider-product .lSAction > .lSPrev {
  position: absolute;
  left: -30px;
  background: url(../images/icon-prev.png) no-repeat;
  width: 21px;
  height: 42px;
  opacity: 1;
  transform: translateY(-50%);
}
.slider-product .lSAction > .lSNext {
  position: absolute;
  right: -30px;
  background: url(../images/icon-next.png) no-repeat;
  width: 21px;
  height: 42px;
  opacity: 1;
  transform: translateY(-50%);
}
.li-ac {
  position: absolute !important;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0 !important;
  visibility: hidden !important;
}
.action {
  display: table;
}
.news {
  padding: 35px 0 58px;
}
.news-first {
  display: table;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #dedede;
}
.news .col-md-6 {
  padding: 0;
}
.news-first ._img {
  display: block;
  max-height: 230px;
  overflow: hidden;
}
.news-first ._img img {
  width: 100%;
  transition: all.5s ease-in-out;
}
.news-first ._img img:hover {
  transform: scale(1.1, 1.1);
}
.news-first .text {
  display: table;
  padding-left: 18px;
}
.news-first .text h3 {
  margin: 0;
  margin-bottom: 10px;
  line-height: 22px;
}
.news-first .text h3 a {
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
  color: #333;
  height: 72px;
  overflow: hidden;
  display: block;
}
.news-first .text h3 a:hover {
  color: #ff900a;
}
.clock {
  font-size: 14px;
  line-height: 20px;
  color: #747474;
}
.clock i {
  color: #ff900a;
  padding-right: 5px;
}
.news-first .text p {
  margin: 10px 0;
  line-height: 22px;
  height: 88px;
  overflow: hidden;
  display: block;
}
.text > a {
  font-size: 12px;
  line-height: 20px;
  color: #4c4c4c;
  text-transform: uppercase;
  padding-left: 24px;
  position: relative;
}
.text > a::before {
  content: "";
  background: #ff900a;
  width: 16px;
  height: 1px;
  position: absolute;
  top: 50%;
  left: 0;
}
.text > a:hover {
  color: #ff900a;
}
.news .item {
  display: table;
  padding-top: 10px;
  width: 100%;
}
.action .col-md-6:last-child {
  padding-left: 18px;
}
.news .item ._img {
  width: 20%;
  float: left;
}
.news .item ._img img {
  width: 100%;
}
.news .item .desc {
  width: 80%;
  float: left;
  padding-left: 15px;
}
.news .item .desc h3 {
  margin: 0;
  margin-bottom: 10px;
  line-height: 22px;
  height: 44px;
  overflow: hidden;
}
.news .item .desc h3 a {
  font-size: 14px;
  line-height: 22px;
  color: #333;
  font-weight: 600;
  display: block;
  height: 44px;
  overflow: hidden;
}
.content-video .col-xs-12 {
  padding: 5px;
}
.news .item .desc h3 a:hover {
  color: #ff900a;
}
.content-video .item-video {
  overflow: hidden;
  position: relative;
  height: 222px;
}
.capacity .content-video .item-video {
  height: auto !important;
}
.item-video-50 {
  height: auto !important;
}
.content-video .item-video:before {
  content: "";
  background: url(../images/icon-play.png) no-repeat;
  width: 64px;
  height: 64px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99;
  background-size: cover;
}
.content-video .col-md-6 .item-video:before {
  width: 41px;
  height: 41px;
}
.modal.in .modal-dialog {
  margin: 100px auto;
  width: 800px;
}
.modal-title {
  width: 97%;
  float: left;
}
.modal-header .close {
  float: left;
}
.item-video {
  overflow: hidden;
}
.item-video img {
  width: 100%;
  transition: all 0.5s ease-in-out;
}
.item-video img:hover {
  transform: scale(1.1, 1.1);
}
.modal-body iframe {
  width: 100%;
  height: 400px;
}

.partner {
  padding: 35px 0;
  margin: 60px 0 0 0;
}
.partner #sliderPartner li a img{
  background: #fff;
  height: 80px;
  object-fit: contain;
}
.tit-H3 h3 {
  font-family: "Roboto", sans-serif;
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  padding-bottom: 10px;
  color: #fff;
  position: relative;
  margin: 0;
  margin-bottom: 30px;
  text-transform: uppercase;
}
.tit-H3 h3::after {
  content: "";
  width: 54px;
  height: 3px;
  background: #ff900a;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

footer {
  background: #f2f2f2;
}
.footer {
  padding: 50px 0 35px;
  display: inline-block;
  width: 100%;
}
.footer h3 {
  font-size: 16px;
  line-height: 24px;
  color: #333333;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0;
  padding-bottom: 15px;
}
.footer ul {
  list-style: none;
  padding: 0;
}
.footer ul li {
  font-size: 14px;
  line-height: 26px;
  position: relative;
}
.footer .form-ft ul li {
  padding-left: 18px;
}
.footer .form-ft ul li.location_social::before {
  content: "\f041";
  font: normal normal normal 14px/1 FontAwesome;
  position: absolute;
  top: 4px;
  left: 0;
  font-size: 17px;
}
.footer .form-ft ul li:last-child {
  padding-left: 0;
}
.footer .form-ft ul li:last-child::before {
  content: "";
}
.footer .form-ft ul li:last-child a {
  padding-left: 36px;
  position: relative;
  line-height: 26px;
}
.footer .form-ft ul li:last-child a::before {
  content: "";
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 16px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 11px;
}
.footer .form-ft ul li:last-child a:nth-child(1) {
  padding-left: 25px;
}
.footer .form-ft ul li:last-child a.tel_social::before {
  content: "\f095";
  left: 0;
}
.footer .form-ft ul li:last-child a.fax_social::before {
  content: "\f1ac";
}
.footer .form-ft ul li:last-child a.email_social::before {
  content: "\f0e0";
}
.new-letter form .form-group {
  position: relative;
}
.new-letter form input {
  position: relative;
  padding-right: 40px;
  overflow: initial;
}
.new-letter form .form-group::before {
  content: "";
  width: 22px;
  height: 18px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  z-index: 99;
}
.new-letter form .form-group:first-child::before {
  background: url(../images/icon-tel.png) no-repeat;
}
.new-letter form .form-group:last-child::before {
  background: url(../images/icon-dow.png) no-repeat;
  height: 13px;
}
.bottom-footer {
  padding: 0;
  background: #ff900a;
}
.bottom-footer .left p,
.bottom-footer .left p a {
  color: #e4e4e4;
  padding: 16.5px 0;
  margin-bottom: 0;
}
.bottom-footer .left p a:hover {
  color: orange;
}
.bottom-footer .right {
  padding: 14.5px 0px;
}
.bottom-footer .right li {
  padding: 0 7px;
}
.bottom-footer .right li a {
  color: #fff;
  display: block;
  line-height: 20px;
  position: relative;
  height: 29px;
  width: 28px;
  border: 1.5px solid #fff;
  border-radius: 50%;
}
.bottom-footer .right li a i {
  transition: all 0.35s;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.bottom-footer .right li:nth-of-type(5) a:hover i {
  color: #e73072;
}
.bottom-footer .right li:nth-of-type(1) a:hover i {
  color: #3b5999;
}
.bottom-footer .right li:nth-of-type(2) a:hover i {
  color: #0084ff;
}
.bottom-footer .right li:nth-of-type(3) a:hover i {
  color: #dd4b39;
}
.bottom-footer .right li:nth-of-type(4) a:hover i {
  color: #cd201f;
}

/* Giới thiệu */
.banner-ab figure {
  margin: 0;
}
.banner-ab img,
.banner-ab a img {
  width: 100%;
  display: block;
}
.tool-bar {
  background: #f6f6f6;
}
.tool-bar ul {
  list-style: none;
  padding: 13px 0;
  display: table;
  margin: 0;
}
.tool-bar ul li {
  float: left;
  font-size: 14px;
  color: #7f7f7f;
  padding-right: 10px;
  font-weight: bold;
}
.tool-bar ul li a {
  color: #7f7f7f;
  font-weight: bold;
}
.tool-bar ul li i {
  padding-left: 10px;
}

.tit-detail {
  border-bottom: 1px solid #e3e3e3;
  position: relative;
  margin: 16px 0;
  padding-bottom: 8px;
}
.tit-detail h2,
.tit-detail h1 {
  font-size: 28px;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
}
.tit-detail::before {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 52px;
  height: 3px;
  background: #ff900a;
}
.content-contact .detail .desc {
  /* padding: 30px 0 */
}
.detail .desc > h4 {
  font-size: 14px;
  font-weight: bold;
  color: #4c4c4c;
  display: block;
  padding: 30px 0;
}
.detail .desc p {
  font-size: 14px;
  line-height: 24px;
}
.tit-right {
  position: relative;
  display: block;
  padding-bottom: 12px;
  border-bottom: 1px solid #ededed;
  padding-top: 25px;
  margin-bottom: 10px;
  clear: both;
}
.tit-right h3,
.tit-right h2 {
  font-size: 18px;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  clear: both;
}
.tit-right h3 a {
  color: #333;
}
.tit-right::before {
  position: absolute;
  content: "";
  width: 52px;
  height: 3px;
  bottom: -1px;
  left: 0;
  background: #ff900a;
}
.intro .desc ul {
  list-style: none;
  padding: 0;
  overflow: hidden;
}
.intro .desc ul li {
  font-size: 14px;
  line-height: 36px;
  padding-left: 25px;
  position: relative;
  text-transform: uppercase;
  border-bottom: 1px solid #ededed;
  white-space: nowrap;
}
.tool-bar ul li a:hover {
  color: orange;
}
.intro .desc ul li::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background: url(../images/icon-right-mn.png) no-repeat;
  width: 14px;
  height: 14px;
}
.detail .desc {
  padding-bottom: 60px;
}
.detail .desc iframe {
  margin: 0 auto;
  display: table;
  margin-top: 40px;
  width: 100%;
}
.detail .desc img {
  width: 100%;
}

/* sản phẩm */
.product {
  padding-top: 25px;
}
.product .tit-right {
  display: table;
  margin: 0 auto;
  margin-bottom: 17px;
  border: none;
}
.product .tit-right:before {
  left: 50%;
  transform: translateX(-50%);
}
.product .tit-right h1 {
  font-size: 28px;
  font-weight: bold;
  text-transform: uppercase;
  font-family: "Roboto", sans-serif;
}
.product .tit-H3 h3 {
  color: #333;
  text-transform: uppercase;
  font-family: "Roboto", sans-serif;
}
.sub-menu-2 {
  display: table;
  margin: 0 auto;
}
.sub-menu-2 ul {
  list-style: none;
  padding: 0;
}
.sub-menu-2 ul li {
  float: left;
  padding: 3px 15px;
  margin: 0 3.5px;
  border-radius: 4px;
  border: 1px solid #b8b8b8;
  font-size: 14px;
  text-transform: uppercase;
}
.sub-menu-2 ul li a {
  color: #333;
  text-decoration: none;
}
.sub-menu-2 ul li.active a,
.sub-menu-2 ul li:hover a {
  color: #fff;
}
.sub-menu-2 ul li.active,
.sub-menu-2 ul li:hover {
  background: #ff900a;
  border-color: #ff900a;
}
.detail-product {
  padding: 20px 0;
}
.detail-product .col-xs-12 {
  padding: 11.5px;
}
.detail-product .item {
  border: 1px solid #dfdfdf;
  background: #fff;
  padding: 9px;
}
.detail-product .item ._img img {
  width: 100%;
  height: 100%;
}
.detail-product .item ._img a {
  display: block;
  height: 190px;
}
.detail-product .item .text {
  padding: 17px 0 8px;
  background: #fff;
  text-align: center;
}
.detail-product .item .text a {
  font-size: 14px;
  color: #333;
  text-decoration: none;
  font-weight: 600;
  display: block;
  line-height: 24px;
  overflow: hidden;
  font-family: "Roboto";
  height: 48px;
  overflow: hidden;
  text-transform: uppercase;
}
.detail-product .item .text a:hover {
  color: orange;
}
.pagination {
  padding: 20px 0;
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
}
.pagi nav ul li a {
  margin-right: 0px;
  color: #312c2c;
  font-weight: 600;
  transition: ease-in-out 0.3s;
  display: block;
  border-color: #b4b4b4;
  padding: 6px 11px;
  text-align: center;
  font-size: 15px;
  border: 1px solid #d4d4d4;
  line-height: 18px;
}
.pagination > li > a.active,
.pagination > li > a:hover {
  border-color: #ff900a;
  color: #333;
}
.pagination > li > a,
.pagination > li > span {
  color: #ff900a;
}
.pagination > li:first-child > a,
.pagination > li:last-child > a {
  border-radius: 0px;
}

/* Tin tức */
.news-hot .item {
  padding: 14px 0;
  display: table;
  width: 100%;
  border-bottom: 1px dotted #ededed;
}
.news-hot .item ._img {
  width: 22%;
  float: left;
  padding: 1px;
  border: 1px solid #d2d2d2;
  height: 55px;
}
.news-hot .item ._img a {
  display: block;
  overflow: hidden;
}
.news-hot .item ._img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.news-hot .item .text {
  width: 78%;
  float: left;
  padding-left: 11px;
}
.news-hot .item .text p {
  font-size: 14px;
  line-height: 20px;
  overflow: hidden;
  height: 40px;
}
.news-hot .item .text p a {
  display: block;
  line-height: 18px;
  height: 36px;
  overflow: hidden;
}
.news-list .item {
  display: table;
}
.news-list .col-xs-12 {
  padding: 0;
}
.news-list .item .col-md-6 {
  min-height: 265px;
}
.news-list .item ._img {
  height: 265px;
}
.news-list .item ._img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.news-list .text {
  background: #f2f2f2;
  padding: 18px 22px 25px;
}
.news-list .text h3 {
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
  margin-bottom: 20px;
  display: block;
  height: 48px;
  overflow: hidden;
}
.news-list .text p {
  font-size: 14px;
  line-height: 22px;
  height: 66px;
  overflow: hidden;
  display: block;
  margin-top: 20px;
  margin-bottom: 26px;
}
.news-list .desc {
  padding: 22px 0;
  border-bottom: 1px solid #e3e3e3;
  display: inline-block;
}
.news-list .desc ._img {
  width: 30%;
  float: left;
}
.news-list .desc .text-nd {
  width: 70%;
  float: left;
}
.news-list .text-nd {
  padding: 0 22px;
}
.news-list .text-nd h4 a {
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  margin-bottom: 14px;
  padding: 0;
  display: block;
  overflow: hidden;
}
.news-list .text-nd p {
  margin-top: 15px;
  display: block;
}
.news-detail .content .pagi .pagination {
  margin: 0;
}
.single-news-detail {
  padding: 18px 0 60px;
}
.single-news-main .tit-detail {
  margin-top: 0;
}
.single-news-main .tit-detail h1 {
  margin: 0;
  color: #333;
  font-size: 28px;
  line-height: 36px;
}
.single-news-content {
  padding-top: 10px;
  color: #333;
  font-size: 14px;
  line-height: 24px;
}
.single-news-featured {
  margin: 0 0 22px;
}
.single-news-featured img {
  display: block;
  width: 100%;
  height: auto;
}
.single-news-content .post-entry {
  overflow-wrap: break-word;
}
.single-news-content .post-entry p {
  margin: 0 0 14px;
  color: #333;
  font-size: 14px;
  line-height: 24px;
}
.single-news-content .post-entry img {
  max-width: 100%;
  height: auto;
}
.single-news-content .post-entry ul,
.single-news-content .post-entry ol {
  margin: 0 0 16px 20px;
  padding: 0;
}
.single-news-content .post-entry li {
  margin-bottom: 6px;
  line-height: 24px;
}
.single-news-content .post-entry h2,
.single-news-content .post-entry h3,
.single-news-content .post-entry h4 {
  margin: 20px 0 12px;
  color: #333;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  line-height: 1.35;
}
.single-news-content .post-entry h2 {
  font-size: 22px;
}
.single-news-content .post-entry h3 {
  font-size: 19px;
}
.single-news-content .post-entry h4 {
  font-size: 17px;
}
.single-news-other {
  margin-top: 70px;
  padding-top: 14px;
  border-top: 2px solid #ff900a;
}
.single-news-other h2 {
  margin: 0 0 18px;
  color: #ff900a;
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  line-height: 26px;
  font-weight: 700;
  text-transform: uppercase;
}
.single-news-other ul {
  margin: 0;
  padding-left: 18px;
  list-style: circle;
}
.single-news-other li {
  margin-bottom: 8px;
  color: #333;
  font-size: 14px;
  line-height: 22px;
}
.single-news-other a {
  color: #333;
}
.single-news-other a:hover {
  color: #ff900a;
}
.single-news-sidebar .tit-right:first-child {
  padding-top: 5px;
}
.single-news-sidebar .content-video {
  margin-right: -5px;
  margin-left: -5px;
}
.single-news-sidebar .content-video .col-xs-12 {
  padding-right: 5px;
  padding-left: 5px;
}
@media (max-width: 991px) {
  .single-news-detail {
    padding-bottom: 42px;
  }
  .single-news-sidebar {
    margin-top: 28px;
  }
  .single-news-sidebar .news-hot .item ._img {
    width: 86px;
  }
  .single-news-sidebar .news-hot .item .text {
    width: calc(100% - 86px);
  }
}
@media (max-width: 767px) {
  .single-news-detail {
    padding-top: 14px;
    padding-bottom: 32px;
  }
  .single-news-main .tit-detail h1 {
    font-size: 23px;
    line-height: 31px;
  }
  .single-news-content {
    padding-top: 6px;
  }
  .single-news-other {
    margin-top: 38px;
  }
  .single-news-other h2 {
    font-size: 17px;
  }
  .single-news-sidebar .content-video .col-md-6 {
    width: 50%;
    float: left;
  }
}
@media (max-width: 480px) {
  .single-news-main .tit-detail h1 {
    font-size: 20px;
    line-height: 28px;
  }
  .single-news-sidebar .news-hot .item ._img {
    width: 72px;
  }
  .single-news-sidebar .news-hot .item .text {
    width: calc(100% - 72px);
  }
  .single-news-sidebar .content-video .col-md-6 {
    width: 100%;
  }
}

/* Liên hệ */
.contact-into {
}
.contact-into .logo-ft {
  display: block;
  text-align: center;
  padding: 25px 0 30px;
}
.contact-into .logo-ft ul {
  list-style: none;
  padding: 0;
  display: table;
  margin: 0 auto;
  padding-top: 30px;
}
.contact-into .logo-ft ul li {
  float: left;
  position: relative;
  font-size: 18px;
  line-height: 26px; /* padding-left: 31px; */
  margin: 0 12.5px;
}
.contact-into .logo-ft ul li a {
  color: #333;
  font-weight: bold;
  letter-spacing: 1px;
}
.contact-into .logo-ft ul li a:hover {
  color: orange;
}
.contact-into .logo-ft ul li a i {
  color: #ff900a;
  padding-right: 12px;
  font-size: 18px;
}
.contact-into .map .maps {
  border: 1px solid #e3e3e3;
  height: 240px;
}
.contact-into .map .maps iframe {
  width: 100%;
  display: block;
  height: 100%;
}
.contact-into .map .text {
  background: url(../images/bg-map.png) no-repeat;
  background-size: cover;
  padding: 16px 0;
  display: table;
  text-align: center;
  width: 100%;
}
.contact-into .map .text h4 {
  font-size: 14px;
  line-height: 24px;
  font-weight: bold;
  color: #fff;
}
.contact-into .map .text p {
  color: #fff;
  line-height: 24px;
  height: 48px;
  display: block;
}
.form-contact {
  margin-bottom: 50px;
}
.form-contact .tit-right h2 {
  font-size: 24px;
}
.form-contact .tit-right {
  text-align: center;
  display: inline-block;
  width: 100%;
  border: none;
  margin-top: 25px;
}
.form-contact .tit-right::before {
  left: 50%;
  transform: translateX(-50%);
}
.form-contact .contact-form {
  display: inline-block;
  margin: 20px 0;
}
.form-contact .contact-form .col-sm-6:first-child {
  padding-right: 9px;
}
.form-contact .contact-form .col-sm-6:last-child {
  padding-left: 9px;
}
.form-contact .contact-form .col-xs-12 {
  padding: 0;
}
.contact-form .form-group {
  margin-bottom: 10px;
}
.contact-form .form-group input,
.contact-form .form-group textarea {
  padding: 12px;
  background: #f6f6f6;
  border: none;
  box-shadow: initial;
  margin-bottom: 5px;
  height: 47px;
  border-radius: 0;
}
.contact-form .form-group textarea {
  height: 160px;
  margin: 0;
}
.form-contact span {
  padding: 11px 14px;
  background: #204b8b;
  border-radius: 4px;
  margin: 0 auto;
  display: table;
}
.form-contact span a {
  font-size: 14px;
  line-height: 24px;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  display: block;
}
.form-contact span i {
  padding-right: 8px;
  font-size: 16px;
}
.form-contact span:hover {
  background: #ff900a;
}
.contact-page-banner figure {
  height: 414px;
  margin: 0;
  overflow: hidden;
}
.contact-page-banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.contact-page-content {
  padding: 22px 0 72px;
}
.contact-page .tit-detail {
  margin-top: 0;
}
.contact-page .tit-detail h1 {
  margin: 0;
  color: #333;
  font-size: 28px;
  line-height: 36px;
}
.contact-page-logo {
  display: table;
  max-width: 250px;
  margin: 0 auto 24px;
}
.contact-page-logo img {
  display: block;
  max-width: 100%;
  height: auto;
}
.contact-page .contact-into .logo-ft {
  padding: 48px 0 30px;
}
.contact-page .contact-into .logo-ft ul {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 16px 28px;
  width: 100%;
  padding-top: 0;
}
.contact-page .contact-into .logo-ft ul li {
  float: none;
  margin: 0;
}
.contact-page-maps {
  margin-bottom: 38px;
}
.contact-page-maps .row {
  display: flex;
  flex-wrap: wrap;
}
.contact-page-maps .item {
  height: 100%;
  background: #fff;
}
.contact-page-maps .maps {
  height: 240px;
}
.contact-page-maps .maps iframe {
  border: 0;
}
.contact-page-maps .text {
  min-height: 98px;
  padding: 15px 18px;
}
.contact-page-maps .text h4 {
  margin: 0 0 4px;
}
.contact-page-maps .text p {
  height: auto;
  min-height: 48px;
  margin: 0;
  overflow: hidden;
}
.contact-page .form-contact {
  max-width: 1110px;
  margin: 0 auto;
}
.contact-page .form-contact .tit-right {
  margin: 0 0 28px;
  padding-bottom: 15px;
}
.contact-page .form-contact .tit-right h2 {
  margin: 0;
  color: #333;
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
  text-transform: uppercase;
}
.contact-page .contact-form {
  display: block;
  width: 100%;
  margin: 0;
}
.contact-page .contact-form form {
  width: 100%;
}
.contact-page .contact-form form:not(:has(> .row)) {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px 18px;
}
.contact-page .contact-form form p {
  margin: 0 0 10px;
}
.contact-page .contact-form form:not(:has(> .row)) > p {
  margin: 0;
}
.contact-page .contact-form form:not(:has(> .row)) > p:has(textarea),
.contact-page .contact-form form:not(:has(> .row)) > p:has(input[type="submit"]),
.contact-page .contact-form form:not(:has(> .row)) > p:has(button),
.contact-page .contact-form .wpcf7-response-output {
  grid-column: 1 / -1;
}
.contact-page .contact-form .wpcf7-form-control-wrap {
  display: block;
  margin: 0;
  padding: 0;
  border-radius: 0;
  background: transparent;
}
.contact-page .contact-form .wpcf7-form-control-wrap:hover,
.contact-page .contact-form .wpcf7-spinner:hover {
  background: transparent;
}
.contact-page .contact-form input:not([type="submit"]),
.contact-page .contact-form textarea,
.contact-page .contact-form select {
  width: 100%;
  min-height: 48px;
  padding: 12px 14px;
  border: 0;
  border-radius: 0;
  background: #f5f5f5;
  color: #333;
  font-size: 14px;
  line-height: 22px;
  box-shadow: none;
  outline: none;
}
.contact-page .contact-form textarea {
  min-height: 182px;
  resize: vertical;
}
.contact-page .contact-form input:not([type="submit"]):focus,
.contact-page .contact-form textarea:focus,
.contact-page .contact-form select:focus {
  box-shadow: inset 0 0 0 1px #ff900a;
}
.contact-page .contact-form input[type="submit"],
.contact-page .contact-form button[type="submit"] {
  display: table;
  min-width: 96px;
  min-height: 46px;
  margin: 22px auto 0;
  padding: 11px 18px;
  border: 0;
  border-radius: 4px;
  background: #204b8b;
  color: #fff;
  font-size: 15px;
  line-height: 22px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  transition: background 0.2s ease;
}
.contact-page .contact-form input[type="submit"]:hover,
.contact-page .contact-form button[type="submit"]:hover {
  background: #ff900a;
}
@media (max-width: 991px) {
  .contact-page-banner figure {
    height: 300px;
  }
  .contact-page-content {
    padding-bottom: 52px;
  }
  .contact-page-maps .col-sm-4 {
    margin-bottom: 18px;
  }
}
@media (max-width: 767px) {
  .contact-page-banner figure {
    height: 210px;
  }
  .contact-page-content {
    padding: 18px 0 38px;
  }
  .contact-page .tit-detail h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .contact-page .contact-into .logo-ft {
    padding: 30px 0 24px;
  }
  .contact-page .contact-into .logo-ft ul {
    display: block;
  }
  .contact-page .contact-into .logo-ft ul li {
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
  }
  .contact-page-maps .row {
    display: block;
  }
  .contact-page-maps .item {
    margin-bottom: 18px;
  }
  .contact-page .form-contact .tit-right h2 {
    font-size: 21px;
    line-height: 29px;
  }
  .contact-page .contact-form form:not(:has(> .row)) {
    grid-template-columns: 1fr;
  }
  .contact-page .contact-form form:not(:has(> .row)) > p:has(textarea),
  .contact-page .contact-form form:not(:has(> .row)) > p:has(input[type="submit"]),
  .contact-page .contact-form form:not(:has(> .row)) > p:has(button) {
    grid-column: auto;
  }
}
@media (max-width: 480px) {
  .contact-page-banner figure {
    height: 170px;
  }
  .contact-page-logo {
    max-width: 210px;
  }
  .contact-page .form-contact .tit-right h2 {
    font-size: 19px;
    line-height: 27px;
  }
}

/* chi tiét snả phẩm */
.view-detail h1 {
  font-family: "Roboto";
  font-size: 24px;
  font-weight: bold;
}
.view-detail p {
  font-size: 14px;
  line-height: 24px;
  margin: 0;
  padding-top: 25px;
}
.support {
  display: table;
  width: 100%;
  padding: 30px 0;
}
.support .lh {
  width: calc(50% - 5px);
  float: left;
  background: #ff900a;
  border-radius: 4px;
  margin-right: 5px;
  position: relative;
  transition: all 0.3s ease-in-out;
  border: 2px solid #ff900a;
}
.support .lh:hover,
.support .ho-tro:hover {
  box-shadow: 0 0px 8px 4px rgba(0, 0, 0, 0.2);
}
.support .lh a {
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  text-transform: uppercase;
  font-weight: bold;
  padding-left: 60px;
  display: block;
  line-height: 51px;
  white-space: nowrap;
}
.support .lh::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 15px;
  background: url(../images/icon-mail-sp.png) no-repeat;
  width: 30px;
  height: 23px;
  transform: translateY(-50%);
}
.support .ho-tro {
  width: calc(50% - 5px);
  float: left;
  background: #253a75;
  border-radius: 4px;
  position: relative;
  padding-left: 88px;
  padding: 5px 0 5px 88px;
  border: 2px solid #253a75;
}
.support .ho-tro span {
  font-size: 11px;
  line-height: 00;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
}
.support .ho-tro a {
  font-size: 20px;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  display: block;
  line-height: 22px;
}
.support .ho-tro::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 28px;
  transform: translateY(-50%);
  width: 31px;
  height: 30px;
  background: url("../images/icon-phone-sp.png") no-repeat;
}
.detail-sp {
  padding: 38px 0;
}
.detail-sp .col-md-6 {
  padding: 0;
}
.view-detail-sp {
  padding-bottom: 55px;
}
.view-detail-sp .tit-right h2 {
  font-size: 24px;
}
.detail-sp .view-detail {
  padding-left: 27px;
}
.view-detail-sp p {
  font-size: 16px;
  line-height: 24px;
  padding-top: 25px;
  margin: 0;
}
.view-detail-sp ul {
  list-style: none;
  padding: 0;
  padding-left: 15px;
}
.view-detail-sp ul li {
  font-size: 14px;
  line-height: 24px;
}
.sam .detail-product {
  padding-top: 5px;
}
.sam .slider-product .item {
  border: 1px solid #989898;
}
.detail-product .text > a {
  padding: 0;
}
.detail-product .text > a::before {
  width: 0;
}
.mes-fb {
  border-bottom: 1px solid #e3e3e3;
  display: table;
  width: 100%;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.mes-fb p {
  font-weight: bold;
  font-size: 14px;
  line-height: 24px;
}
.mes-fb span {
  float: right;
  line-height: 34px;
  padding-left: 5px;
  margin: 0;
}
.mes-fb span select {
  padding: 0;
}
.chat {
  padding-bottom: 20px;
  border-bottom: 1px solid #e3e3e3;
  display: table;
  width: 100%;
}
.chat img {
  width: 53px;
  float: left;
}
.chat input {
  width: calc(100% - 63px);
  float: left;
  height: 53px;
  margin-left: 10px;
}
.mess > a {
  font-size: 13px;
  color: #3b579d;
  margin-top: 10px;
}

#imageGallery_details {
  margin-bottom: 10px;
}
.swiper-slide img {
  width: 100%;
}
.lSSlideOuter.vertical .lSGallery {
  left: 0;
}
.lSSlideOuter.vertical {
  position: relative;
  padding-right: 0 !important;
  padding-left: 105px;
}
._main-detail-product .lSPager li {
  border-radius: 0 !important;
  padding: 0 5px;
}
._main-detail-product .lSPager li a {
  width: 100%;
}
._main-detail-product .lSPager li a img {
  padding: 2px;
  border: 1px solid #cecece;
  width: 100%;
  height: 100%;
}
._main-detail-product .lSPager li.active a img,
._main-detail-product .lSPager li:hover a img {
  padding: 2px;
  border: 1px solid #528f46;
}
/* .lSSlideOuter.vertical .lSGallery{left: 0 !important;} */
.lSSlideOuter.vertical .lightSlider > * {
  padding: 2px;
  border: 1px solid #441818;
}
._main-detail-product span.text-center {
  margin: 0 auto;
  display: block;
  padding-top: 10px;
}
._main-detail-product span.text-center img {
  padding-right: 10px;
}
.detail-sp .slider-product .lSAction > a {
  display: none;
}
#back-top.hide1 {
  display: none !important;
}
.item-video-50 img {
  width: 100%;
}

.addthis_button_google_plusone {
  width: 35px !important;
}

.fb-comment h3,
.same-news h3 {
  font-weight: 600;
  font-size: 18px;
  text-transform: uppercase;
  margin: 10px 0 15px;
  color: #ff900a;
}
.same-news ul {
  padding-left: 17px;
  line-height: 24px;
}
.same-news ul li {
  list-style: circle;
}
.same-news ul li a {
  color: #000;
}
.same-news ul li a:hover {
  color: #ff900a;
}
.same-news {
  border-top: 2px solid #ff900a;
  margin-top: 25px;
}

.fb_iframe_widget_fluid_desktop iframe {
  width: 100% !important;
}
.Content {
  overflow: hidden;
}
/* css content rau */
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #ff900a;
  border-color: #ff900a;
}
.detail-sp .mess {
  display: none;
}
#imageGallery_details li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* Product category tabs rendered by page-template-do-ga-bang-tai.php. */
.product-tab-panel {
  display: none;
}
.product-tab-panel.is-active {
  display: block;
}
.detail-product .product-empty {
  margin: 20px 0;
  text-align: center;
}
/*css menu mobile*/
#menu_mobile_full {
  position: fixed;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: #fff;
  -webkit-transition: -webkit-transform 0.3s ease;
  -moz-transition: -moz-transform 0.3s ease;
  -o-transition: -o-transform 0.3s ease;
  transition: transform 0.3s ease;
  z-index: 9999;
  overflow: auto;
  background: #ff900a;
}
#menu_mobile_full .close_menu {
  cursor: pointer;
}
#menu_mobile_full .menu_mobile_top {
  color: #fff;
  font-size: 20px;
  line-height: 28px;
  padding: 8px 16px;
}
#menu_mobile_full .menu_mobile_top figure {
  margin: 0px;
}
#menu_mobile_full .top_general {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
#menu_mobile_full .mobile-menu > ul.menu {
  padding: 0px;
  margin: 0px;
  list-style: none;
}
#menu_mobile_full ul.sub-menu {
  list-style: none;
  margin: 0 0 8px 0;
  display: none;
  padding: 0;
}
#menu_mobile_full .mobile-search form {
  position: relative;
}
#menu_mobile_full .mobile-search form input {
  width: 100%;
  background: transparent;
  border: none;
  padding: 10px 50px 10px 15px;
  font-size: 14px;
  line-height: 22px;
  background: #fff;
}
#menu_mobile_full .mobile-search {
  margin: 20px 0 0 0;
}
#menu_mobile_full .mobile-search form button {
  padding: 0;
  background: transparent;
  border: none;
  right: 15px;
  top: 11px;
  position: absolute;
}
#menu_mobile_full .mobile-search form button i.fa {
  font-size: 20px;
}
#menu_mobile_full ul.sub-menu > li,
#menu_mobile_full ul.sub-menu > li::marker {
  list-style: none;
}
#menu_mobile_full ul.sub-menu > li::marker {
  content: "";
}
#menu_mobile_full .mobile-menu > ul.menu > li {
  position: relative;
  padding: 0;
  font-size: 13px;
  line-height: 21px;
  border-bottom: 1px solid #fff;
  list-style: none;
}
#menu_mobile_full .close_menu svg path {
  fill: #fff;
}
#menu_mobile_full .mobile-menu ul li a {
  color: #fff;
  padding: 4px 0;
}
#menu_mobile_full .mobile-menu ul.menu > li > a {
  display: inline-block;
  width: 100%;
}
#menu_mobile_full li.menu-item-has-children::before {
  content: "\f107";
  font: normal normal normal 14px / 1 FontAwesome;
  width: 30px;
  height: 30px;
  position: absolute;
  right: 0px;
  top: 1px;
  line-height: 30px;
  text-align: center;
  color: #fff;
}
#menu_mobile_full li.editBefore_mobile::before {
  transform: rotate(90deg);
}
#menu_mobile_full ul.sub-menu > li {
  padding: 0;
  font-size: 13px;
  line-height: 21px;
}
#menu_mobile_full li.menu-item-has-children {
  position: relative;
}
.icon_mobile_click {
  display: none;
  position: absolute;
  right: 15px;
  top: 16px;
  z-index: 99;
  width: 30px;
}
.icon_mobile_click svg path {
  fill: #ff900a;
}
.mobile_gg_translate {
  margin: 20px 0 0 0;
  padding: 0 15px;
}
.mobile_gg_translate .gt_selector {
  font-size: 14px;
  line-height: 22px;
  border: none;
  background: transparent;
  color: #fff;
  width: 100px;
}
.mobile_gg_translate .gt_selector option {
  color: #000;
}
/*end css menu mobile*/
ul {
  list-style: none;
}
a,
a:hover {
  text-decoration: none !important;
}
.menu_search .icon-sr {
  cursor: pointer;
}
.menu_search .form-search {
  transition: all 0.3s;
  opacity: 0;
  visibility: hidden;
  z-index: 9999;
}
.menu_search.tg_active .form-search {
  opacity: 1;
  visibility: visible;
}
.home .news {
  contain: layout paint;
}
.gg_translate {
  display: inline-block;
  margin-left: 12px;
  vertical-align: middle;
  line-height: 1;
}
.row {
  margin-right: -15px;
  margin-left: -15px;
}
.header_flex {
  display: flex;
  align-items: center;
  position: relative;
}
.menu_flex {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 16px;
}
.menu_flex .menu_hd ul.menu {
  display: flex;
  align-items: center;
  margin: 0;
}
.menu_flex .menu_hd ul.menu > li {
  padding: 0 15px;
  position: relative;
}
.menu_flex .menu_hd ul.menu > li > a {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  line-height: 22px;
  text-transform: uppercase;
  color: #000;
  font-weight: 600;
  transition: all 0.3s;
  white-space: nowrap;
}
.menu_flex .menu_hd ul.menu > li > a:hover {
  color: #ff900a;
}
.menu_flex .menu_hd ul.menu > li.li_dgbt > a::before {
  content: url("../images/icon-li-1.png");
}
.menu_flex .menu_hd ul.menu > li.li_ctm > a::before {
  content: url("../images/icon-li-2.png");
}
.menu_flex .menu_hd ul.menu > li.li_tm > a::before {
  content: url("../images/icon-li-3.png");
}
.menu_flex .menu_hd ul.menu > li.li_tdh > a::before {
  content: url("../images/icon-li-5.png");
}
.menu_flex .menu_hd ul.menu > li > ul.sub-menu {
  position: absolute;
  padding: 0;
  border-radius: 0 0 4px 4px;
  border-top: 4px solid #ff900a;
  width: 300px;
  left: 0;
  top: 73px;
  transition: all 0.3s;
  z-index: 9;
  background: #fff;
  opacity: 0;
  visibility: hidden;
}
.menu_flex .menu_hd ul.menu > li > ul.sub-menu::before {
  position: absolute;
  top: -40px;
  left: 0;
  content: "";
  width: 100%;
  height: 40px;
  background: transparent;
}
.menu_flex .menu_hd ul.menu > li:hover > ul.sub-menu {
  opacity: 1;
  visibility: visible;
}
.menu_flex .menu_hd ul.menu > li > ul.sub-menu > li > a {
  border-bottom: 1px solid #d9caae;
  color: #442314;
  padding: 12px 10px 14px;
  line-height: 18px;
  border-left: 3px solid rgba(17, 17, 17, 0);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  font-size: 15px;
  text-align: left;
  display: inline-block;
  width: 100%;
  transition: all 0.3s;
}
.menu_flex .menu_hd ul.menu > li > ul.sub-menu > li > a:hover {
  border-left: 3px solid #ff900a;
  color: #ff900a;
}
.home-video-fancybox img {
  cursor: pointer;
}
.slider-banner {
  position: relative;
}
.slider-banner .lSSlideOuter,
.slider-banner .lSSlideWrapper {
  position: relative;
  overflow: hidden;
}
.slider-banner .slider {
  position: relative;
  aspect-ratio: 1600 / 574;
  min-height: 280px;
  background: #f4f4f4;
}
.slider-banner .slider .item {
  position: absolute;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  transition:
  opacity 0.8s ease,
  visibility 0.8s ease;
}
.slider-banner .slider .item.active {
  opacity: 1;
  visibility: visible;
  z-index: 2;
}
.slider-banner .slider .item a,
.slider-banner .slider .item img {
  display: block;
  width: 100%;
  height: 100%;
}
.slider-banner .slider .item img {
  object-fit: cover;
}
.slider-banner .lSAction > a {
  position: absolute;
  top: 50%;
  width: 21px;
  height: 42px;
  opacity: 0.85;
  z-index: 4;
  transform: translateY(-50%);
}
.slider-banner .lSAction > a:hover {
  opacity: 1;
}
.slider-banner .lSAction > .lSPrev {
  left: 18px;
  background: url("../images/icon-prev.png") no-repeat center;
}
.slider-banner .lSAction > .lSNext {
  right: 18px;
  background: url("../images/icon-next.png") no-repeat center;
}
.slider-banner .lSPager.lSpg {
  position: absolute;
  bottom: 20px;
  left: 50%;
  z-index: 4;
  display: flex;
  gap: 4px;
  padding: 0;
  margin: 0;
  transform: translateX(-50%);
}
.slider-banner .lSPager.lSpg > li {
  list-style: none;
}
.slider-banner .lSPager.lSpg > li > a {
  display: block;
  width: 10px;
  height: 10px;
  border: 1px solid #fff;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.35);
  text-indent: -9999px;
  overflow: hidden;
}
.slider-banner .lSPager.lSpg > li.active > a,
.slider-banner .lSPager.lSpg > li:hover > a {
  background: #fff;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.2);
}
@media (max-width: 991px) {
  .slider-banner .slider {
    min-height: 220px;
  }
}
@media (max-width: 767px) {
  .slider-banner .slider {
    min-height: 160px;
  }
  .slider-banner .lSAction > .lSPrev {
    left: 10px;
  }
  .slider-banner .lSAction > .lSNext {
    right: 10px;
  }
  .slider-banner .lSPager.lSpg {
    bottom: 12px;
    gap: 4px;
  }
}
.partner #sliderPartner li a {
  display: block;
  width: 100%;
  height: 100%;
}
.tg-fast-order-open {
  overflow: hidden;
}
.tg-fast-order-modal {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
.tg-fast-order-modal.is-active {
  display: flex;
}
.tg-fast-order-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.58);
}
.tg-fast-order-dialog {
  position: relative;
  z-index: 1;
  width: min(750px, 100%);
  max-height: calc(100vh - 40px);
  overflow: auto;
  background: #fff;
  border: 1px solid #ff900a;
  box-shadow: 0 18px 54px rgba(0, 0, 0, 0.28);
}
.tg-fast-order-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 42px;
  padding: 9px 12px 9px 20px;
  background: #ff900a;
  color: #fff;
}
.tg-fast-order-header h3 {
  margin: 0;
  padding-right: 12px;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  text-transform: uppercase;
}
.tg-fast-order-close {
  width: 23px;
  height: 23px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #fff;
  color: #ff900a;
  font-size: 21px;
  line-height: 21px;
  font-weight: 700;
  text-align: center;
}
.tg-fast-order-body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 1.18fr);
  gap: 28px;
  padding: 16px 10px 28px;
}
.tg-fast-order-product-top {
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr);
  gap: 18px;
  align-items: center;
  margin-bottom: 30px;
}
.tg-fast-order-product figure {
  width: 92px;
  height: 92px;
  margin: 0;
}
.tg-fast-order-product img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.tg-fast-order-product h4 {
  margin: 0 0 10px;
  color: #333;
  font-family: "Roboto", sans-serif;
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
}
.tg-fast-order-price {
  color: #d80000;
  font-size: 17px;
  line-height: 24px;
  font-weight: 700;
}
.tg-fast-order-product p {
  margin: 0;
  color: #333;
  font-size: 14px;
  line-height: 22px;
}
.tg-fast-order-form {
  display: block;
}
.tg-fast-order-field-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.tg-fast-order-field {
  margin-bottom: 10px;
}
.tg-fast-order-field input,
.tg-fast-order-field textarea {
  display: block;
  width: 100%;
  min-height: 40px;
  padding: 10px 11px;
  border: 1px solid #d5d5d5;
  border-radius: 4px;
  background: #fff;
  color: #333;
  font-size: 14px;
  line-height: 20px;
  outline: none;
  transition:
  border-color 0.2s ease,
  box-shadow 0.2s ease;
}
.tg-fast-order-field textarea {
  min-height: 44px;
  resize: vertical;
}
.tg-fast-order-field input:focus,
.tg-fast-order-field textarea:focus {
  border-color: #ff900a;
  box-shadow: 0 0 0 2px rgba(255, 144, 10, 0.16);
}
.tg-fast-order-field.has-error input,
.tg-fast-order-field.has-error textarea {
  border-color: #d80000;
}
.tg-fast-order-error {
  display: block;
  min-height: 17px;
  margin-top: 3px;
  color: #d80000;
  font-size: 12px;
  line-height: 17px;
}
.tg-fast-order-message {
  min-height: 20px;
  margin-bottom: 8px;
  font-size: 13px;
  line-height: 20px;
}
.tg-fast-order-message.is-error {
  color: #d80000;
}
.tg-fast-order-submit {
  display: block;
  width: 100%;
  min-height: 40px;
  padding: 9px 16px;
  border: 0;
  border-radius: 4px;
  background: #ff900a;
  color: #fff;
  font-size: 15px;
  line-height: 22px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  transition:
  background 0.2s ease,
  opacity 0.2s ease;
}
.tg-fast-order-submit:hover,
.tg-fast-order-submit:focus {
  background: #e57f00;
}
.tg-fast-order-submit:disabled {
  cursor: wait;
  opacity: 0.72;
}
.tg-fast-order-success {
  display: none;
  padding: 32px 18px;
  border: 1px solid rgba(255, 144, 10, 0.35);
  background: rgba(255, 144, 10, 0.08);
  text-align: center;
}
.tg-fast-order-success strong {
  display: block;
  margin-bottom: 10px;
  color: #ff900a;
  font-size: 22px;
  line-height: 28px;
}
.tg-fast-order-success p {
  margin: 0;
  color: #333;
  font-size: 15px;
  line-height: 24px;
}
@media (max-width: 1024px) {
  .icon_mobile_click {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .tg-fast-order-modal {
    align-items: flex-start;
    padding: 12px;
  }
  .tg-fast-order-dialog {
    max-height: calc(100vh - 24px);
  }
  .tg-fast-order-header {
    padding-left: 14px;
  }
  .tg-fast-order-header h3 {
    font-size: 14px;
    line-height: 20px;
  }
  .tg-fast-order-body {
    grid-template-columns: 1fr;
    gap: 18px;
    padding: 14px;
  }
  .tg-fast-order-product-top,
  .tg-fast-order-field-row {
    grid-template-columns: 1fr;
  }
  .tg-fast-order-product figure {
    width: 112px;
    height: 90px;
  }
  .tg-fast-order-product-top {
    gap: 10px;
    margin-bottom: 14px;
  }
}
/* end css content rau */