:root {
  --main-color: #ff0000;
  --main-color2: #bfd2f8;
}

body {
  overflow: hidden;
}

/*ul, li {*/
/*    list-style: none;*/
/*}*/

@font-face {
  src: url("../fonts/YesevaOne-Regular.ttf");
  font-family: "YesevaOne";
}

.absolute-footer,
html {
  background-color: #fff !important;
}

#wrapper,
#main {
  background: #fff !important;
}

.row-0 {
  padding: 0px 15px !important;
}

.row-cus {
  padding: 0px !important;
}

.pd-0 {
  padding: 0px !important;
}

.row-5 {
  padding: 0px 10px !important;
}

.pd-5 {
  padding: 0px 5px 8px 5px !important;
}

.row-20 {
  padding: 0px 0px !important;
}

.pd-20 {
  padding: 0px 20px 20px 20px !important;
}

.pd-35 {
  padding: 0px 35px 20px 35px !important;
}

.row-7 {
  padding: 0px 7px !important;
}

.pd-7 {
  padding: 0px 7px 7px 7px !important;
}

.noPadding {
  padding-bottom: 0px !important;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.mr-0 {
  margin-right: 0 !important;
}

.mr-20 {
  margin-right: 20px;
}

.mr-30 {
  margin-right: 30px;
}

.mr-40 {
  margin-right: 40px;
}

.ml-0 {
  margin-left: 0 !important;
}

.bk-cloud-item.mrLeft {
  margin-left: 0px !important;
}

.ml-20 {
  margin-left: 20px;
}

.ml-30 {
  margin-left: 30px;
}

.ml-40 {
  margin-left: 40px;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-10 {
  margin-top: 10px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-60 {
  margin-top: 60px;
}

.mt-80 {
  margin-top: 80px;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-60 {
  margin-bottom: 60px;
}

.button_style {
  height: 35px;
  background-color: transparent;
  color: #fff !important;
  text-align: left;
  padding: 0px 15px;
  font-weight: 400;
  line-height: 35px !important;
  position: relative;
  overflow: hidden;
  z-index: 9;
  border-radius: 26px;
  border: 1px solid #fff;
  display: flex;
  align-items: center;
  font-size: 16px;
}

.button_style:before {
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
  background: -webkit-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.3) 100%
  );
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.3) 100%
  );
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
}

.btn_style2 {
  width: 100%;
  height: 55px;
  border-radius: 10px !important;
  border: 0px !important;
  margin: 0px !important;
  padding: 0px 25px !important;
  font-weight: 700;
  display: block;
  font-size: 18px;
  text-align: center;
}

.button_for_all {
  background: var(--primary-color);
}

.button_style:hover:before {
  -webkit-animation: shine 0.75s;
  animation: shine 0.75s;
}

.button_style svg,
.button_style img {
  width: 20px;
  margin-right: 3px;
}

.button_for_red {
  background: var(--main-color) !important;
}

@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}

@keyframes shine {
  100% {
    left: 125%;
  }
}

/**header**/
div#masthead input#s {
  border: 1px solid var(--primary-color) !important;
  box-shadow: unset !important;
  border-radius: 50px !important;
  color: var(--primary-color) !important;
  padding-left: 35px !important;
  width: 150px !important;
  font-size: 15px;
  height: 35px !important;
  background: #fff !important;
}

div#masthead input#s::placeholder {
  color: var(--primary-color) !important;
}

div#masthead button.ux-search-submit.submit-button.secondary.button.icon.mb-0 {
  position: absolute;
  top: 3px;
  left: 3px;
  background: transparent;
  color: var(--primary-color) !important;
  border: 0px !important;
  padding: 0px !important;
  width: unset !important;
  height: unset !important;
  font-size: 13px;
  box-shadow: unset !important;
}

.header-right ul li a img {
  width: 25px !important;
  height: 15px !important;
  object-fit: contain;
}

.header-right ul li a {
  color: #000;
  font-size: 16px !important;
}

.header-right ul li {
  list-style: none !important;
  margin: 0px !important;
}

.logo a {
  position: relative;
  overflow: hidden;
  animation: zoomBig 1s forwards;
}

@keyframes zoomBig {
  0% {
    transform: scale(2.5);
    transform: 0;
  }
  100% {
    transition: scale(1);
    opacity: 1;
  }
}

@keyframes logo {
  0% {
    left: 0;
  }
  50% {
    left: 100%;
  }
  100% {
    left: 100%;
  }
}

/**menu**/
._display-none-header {
  display: none !important;
}

div#wide-nav {
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
}

div#wide-nav .header-km a {
  color: var(--main-color);
  border: 1px dashed var(--main-color);
  height: 40px;
  display: flex;
  padding: 0px 15px;
  border-radius: 5px;
  font-size: 17px !important;
  line-height: 40px;
  align-items: center;
}

div#wide-nav .header-km a:hover {
  background: var(--main-color);
  color: #fff !important;
}

div#wide-nav .header-km a:hover svg path {
  stroke: #fff;
}

div#wide-nav .header-km a svg {
  width: 20px;
  margin-left: 5px;
}

div#mega-menu-wrap-primary {
  width: 100%;
}

#mega-menu-wrap-primary #mega-menu-primary {
  display: flex;
  justify-content: space-between;
}

#mega-menu-wrap-primary
  #mega-menu-primary
  > li.mega-menu-item
  > a.mega-menu-link {
  color: #000 !important;
  font-size: 17px !important;
  padding: 0px 10px !important;
}

#mega-menu-wrap-primary
  #mega-menu-primary
  > li.mega-menu-item
  > a.mega-menu-link:hover {
  background: var(--primary-color) !important;
  color: #fff !important;
}

#mega-menu-wrap-primary
  #mega-menu-primary
  > li.mega-menu-megamenu
  > ul.mega-sub-menu {
  max-width: 1200px !important;
  left: 0px !important;
  background: #fff !important;
  box-shadow: 0px 0px 16px rgb(0 0 0 / 10%);
  padding: 15px !important;
  width: 1200px;
}

#mega-menu-wrap-primary #mega-menu-primary img {
  width: 65px;
  height: 65px;
  object-fit: contain;
  margin-right: 15px;
}

#mega-menu-wrap-primary
  #mega-menu-primary
  > li.mega-menu-megamenu
  > ul.mega-sub-menu
  li.mega-menu-column.menu-icon
  > ul.mega-sub-menu
  > li.mega-menu-item
  > a.mega-menu-link {
  text-align: center;
}

#mega-menu-wrap-primary
  #mega-menu-primary
  > li.mega-menu-megamenu
  > ul.mega-sub-menu
  li.mega-menu-column.menu-icon
  > ul.mega-sub-menu
  > li.mega-menu-item
  > a.mega-menu-link {
  display: block !important;
}

#mega-menu-wrap-primary
  #mega-menu-primary
  > li.mega-menu-megamenu
  > ul.mega-sub-menu
  li.mega-menu-column.menu-icon
  > ul.mega-sub-menu
  > li.mega-menu-item
  > a.mega-menu-link
  img {
  display: block;
  margin: 0 auto 15px;
}

#mega-menu-wrap-primary
  #mega-menu-primary
  > li.mega-menu-megamenu
  > ul.mega-sub-menu
  li.mega-menu-column
  > ul.mega-sub-menu
  > li.mega-menu-item
  > a.mega-menu-link {
  display: flex;
  text-transform: unset !important;
  color: #000;
  font-size: 16px;
  align-items: center;
}

#mega-menu-wrap-primary
  #mega-menu-primary
  > li.mega-menu-megamenu
  > ul.mega-sub-menu
  li.mega-menu-column
  > ul.mega-sub-menu
  > li.mega-menu-item
  > a.mega-menu-link:hover {
  color: var(--primary-color) !important;
}

#mega-menu-wrap-primary
  #mega-menu-primary
  > li.mega-menu-megamenu
  > ul.mega-sub-menu
  li.mega-menu-column
  > ul.mega-sub-menu
  > li.mega-menu-item
  > a.mega-menu-link
  span
  div {
  font-weight: normal;
  text-transform: unset !important;
  font-size: 14px;
  color: #848484;
}

#mega-menu-wrap-primary
  #mega-menu-primary
  > li.mega-menu-flyout
  ul.mega-sub-menu
  li.mega-menu-item
  a.mega-menu-link {
  height: unset !important;
  line-height: 20px !important;
  font-size: 15px !important;
  padding: 10px 10px 10px 10px !important;
  display: block;
  transition: 0.4s;
  color: #000;
  text-transform: unset !important;
  background: #fff !important;
}

#mega-menu-wrap-primary
  #mega-menu-primary
  > li.mega-menu-flyout
  ul.mega-sub-menu
  li.mega-menu-item {
  background: #fff !important;
  border-bottom: 1px solid #f2f2f2 !important;
}

#mega-menu-wrap-primary
  #mega-menu-primary
  > li.mega-menu-flyout
  ul.mega-sub-menu
  li.mega-menu-item:hover {
  color: var(--primary-color) !important;
}

.menu-3 ul.mega-sub-menu li {
  padding-bottom: 0px !important;
  padding-top: 10px !important;
  list-style: inside disc !important;
}

.menu-3 ul.mega-sub-menu li a {
  position: relative !important;
  padding-left: 10px !important;
}

.menu-3 ul.mega-sub-menu li a:before {
  content: "";
  width: 4px !important;
  height: 4px !important;
  background: #000 !important;
  border-radius: 50% !important;
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  left: 0px !important;
}

.menu-3 ul.mega-sub-menu li a {
  font-weight: normal !important;
}

/**domain**/
.bk-domain {
  width: 100%;
  display: inline-block;
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.bk-domain .domain-head {
  text-align: center;
}

.bk-domain .domain-head p {
  color: #fff;
  font-size: 18px;
  line-height: 30px;
  margin: 10px 0 0 0;
}

.bk-domain .domain-head h1 {
  color: #fff;
  font-size: 50px;
  line-height: 60px;
  margin: 0px;
}

.bk-domain .domain-form {
  width: 100%;
  position: relative;
  background: rgba(255, 255, 255, 0.4);
  padding: 30px;
  border-radius: 12px !important;
  margin-bottom: 25px;
}

.bk-domain textarea#domain-name {
  min-height: 55px;
  height: 50px;
  line-height: 55px;
  border: none;
  box-shadow: none;
  border-radius: 10px !important;
  padding: 0 0 0 25px;
  overflow: hidden;
  margin: 0px !important;
  font-size: 18px;
}

.active_input {
  padding: 10px 15px 0 15px !important;
  height: 160px !important;
  min-height: unset !important;
  line-height: 1.6 !important;
}

.bk-domain .domain-form input.formS {
  width: 100%;
  height: 55px;
  font-size: 18px;
  border-radius: 10px !important;
  box-shadow: unset !important;
  border: 0px !important;
  margin: 0px !important;
  padding: 0 15px !important;
}

.bk-domain .domain-form button i {
  display: none;
}

.bk-domain .domain-list {
  width: 1070px;
  margin: auto;
  background: #fff;
  border-radius: 10px !important;
}

.bk-domain .domain-form form {
  margin: 0px !important;
}

.bk-domain .owl-dots {
  display: none !important;
}

.slide-domain .owl-item:not(:last-child) {
  border-right: 1px solid #f2f2f2;
}

.bk-domain .domain-price {
  width: 100%;
  text-align: center;
  padding: 10px;
}

.bk-domain .owl-nav button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 35px !important;
  min-height: 35px !important;
  height: 35px !important;
  background: #fff !important;
  border-radius: 50% !important;
  margin: 0px !important;
  box-shadow: 0px 2px 16px rgb(0 0 0 / 10%) !important;
}

.bk-domain .owl-nav button i {
  font-size: 20px;
}

.bk-domain .owl-nav button.owl-prev {
  left: -15px;
}

.bk-domain .owl-nav button.owl-next {
  right: -15px;
}

.bk-domain .owl-nav button:hover {
  background: var(--main-color) !important;
}

.bk-domain .owl-nav button:hover i {
  color: #fff !important;
}

.bk-domain .domain-price b {
  color: #000000;
  font-size: 25px;
}

.bk-domain .domain-price-wrapper ins span {
  font-size: 16px !important;
  color: var(--main-color);
  font-weight: 700;
}

.bk-domain .domain-price-wrapper del span,
.bk-domain .domain-price-wrapper del {
  color: #646464;
  font-size: 15px;
}

.bk-domain .domain-price-wrapper {
  line-height: 22px;
}

/**title**/
.home-title {
  width: 100%;
  display: inline-block;
  margin-bottom: 30px;
}

.home-title > .description {
  width: 900px;
  text-align: center;
  margin: 5px auto 0;
  font-size: 18px;
  color: #23394e;
}

.home-title h2,
.home-title h1,
.home-title h3,
.home-title h4,
.home-title h5,
.home-title h6 {
  color: var(--primary-color);
  font-size: 40px;
  text-align: center;
  line-height: 50px;
  margin: 0px !important;
  text-transform: capitalize;
}

/**menu footer**/
section#footer-menu {
  width: 100%;
  display: inline-block;
  background: #f6f6f6;
  padding: 30px 0;
}

section#footer-menu .menu-top {
  width: 100%;
  display: inline-block;
}

section#footer-menu .menu-top > .menu-title {
  width: 100%;
  display: inline-block;
  margin-bottom: 15px;
}

section#footer-menu .menu-top > .menu-title h3 {
  font-size: 20px;
  color: #000;
  margin: 0px;
}

section#footer-menu .menu-top .menu-panel ul li {
  border: 0px !important;
}

section#footer-menu .menu-top .menu-panel ul li a {
  color: #333;
  font-size: 15px !important;
  padding: 0px !important;
  margin-bottom: 5px;
}

section#footer-menu .menu-top .menu-panel ul li a:hover {
  color: var(--main-color);
}

/*footer*/
#footer {
  padding: 40px 0 0px 0;
  width: 100%;
  display: inline-block;
  background: #373737;
}

#footer a {
  color: var(--primary-color);
}

#footer .footer-top {
  width: 100%;
  display: inline-block;
}

#footer .footer-top .footer-logo img {
  max-width: 250px;
}

#footer .footer-top p,
#footer .footer-top a {
  color: #fff;
  font-size: 15px;
  margin-bottom: 8px;
}

#footer .footer-top a:hover {
  color: var(--primary-color) !important;
}

#footer .footer-cty {
  width: 100%;
  display: inline-block;
  margin-top: 15px;
}

#footer .footer-top .footer-cty a {
  background: #fff !important;
  display: block;
  padding: 10px;
  border-radius: 5px;
  width: 31%;
  height: 60px;
  float: left;
  margin-bottom: 10px;
  transition: 0.3s ease-in-out;
}

#footer .footer-top .footer-cty a:not(:nth-child(3n)) {
  margin-right: 10px;
}

#footer .footer-top .footer-cty a img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

#footer .footer-top .footer-cty a:hover {
  transition: 0.3s ease-in-out;
  transform: translateY(-10px);
  box-shadow: 0px 2px 16px rgba(255, 255, 255, 0.3);
}

#footer .footer-top .footer-address {
  width: 100%;
  display: inline-block;
}

#footer .footer-top p.company-name {
  font-weight: 700;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  padding-bottom: 5px;
  font-size: 16px !important;
}

#footer .footerBorder:not(:last-child) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  margin: 10px 0;
  padding: 10px 0;
}

#footer .footer-top .footer-address p {
  display: flex;
  align-items: start;
}

#footer .footer-top .footer-address p img {
  width: 20px;
  margin-right: 5px;
  margin-top: 2px;
}

#footer .footer-copyright {
  width: 100%;
  margin-top: 30px;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  padding: 15px;
  text-align: center;
  color: #fff;
  font-weight: 700;
  font-size: 16px;
}

#footer .footer-top .footer-title {
  width: 100%;
  display: inline-block;
  margin-bottom: 15px;
}

#footer .footer-top .footer-title h3 {
  color: #fff;
  font-size: 16px;
  margin: 0px !important;
}

#footer .footer-top .footer-social a {
  width: 35px;
  height: 35px;
  display: inline-block;
  background: #3b5998;
  border-radius: 5px;
  text-align: center;
  line-height: 35px;
  font-size: 20px;
  transition: 0.3s ease-in-out;
}

#footer .footer-top .footer-social a:hover {
  transition: 0.3s ease-in-out;
  transform: translateY(-10px);
  color: #fff !important;
  box-shadow: 0px 2px 16px rgba(255, 255, 255, 0.3);
}

#footer .footer-top .footer-social a:not(:last-child) {
  margin-right: 10px;
}

#footer .footer-top .footer-social a.pinterest {
  background: #dd4b39;
}

#footer .footer-top .footer-social a.twitter {
  background: #00aced;
}

#footer .footer-top .footer-social a.youtube {
  background: #bb0000;
}

#footer .footer-top .footer-social a.linkedin {
  background: #006699;
}

.mb25 {
  margin-bottom: 20px;
}

#footer .footer-top .footer-zalo img {
  max-width: 80px;
}

#footer .footer-top .footer-payment a img {
  width: 40px;
}

#footer .footer-register a img {
  width: 80px;
  height: 80px;
  object-fit: contain;
}

/**service**/
.slide-service .service-item {
  margin: 10px;
}

.service-item {
  border-radius: 10px;
  border: 1px solid #f2f2f2;
  box-shadow: 1px 1px 1px #ffffff12, 0 0 10px #98959594, 0 0 8px #908c8c00;
  transition: 0.3s ease-in-out;
  cursor: pointer;
}

.service-item:hover {
  transition: 0.3s ease-in-out;
  box-shadow: none !important;
  transform: translateY(10px);
}

.service-item .service-header {
  width: 100%;
  border-bottom: 1px solid #f2f2f2;
  padding: 20px;
}

.service-item .service-header .service-icon {
  width: 100px;
  height: 100px;
  margin: 0 auto 20px;
}

.service-item .service-header .service-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.service-item .service-header h3 {
  text-align: center;
  font-size: 24px;
  margin: 0px !important;
}

.service-item .service-body {
  width: 100%;
  display: inline-block;
  padding: 15px;
  height: 250px;
  border-bottom: 1px solid #f2f2f2;
}

.service-item .service-body .service-ex {
  text-align: center;
  font-size: 15px;
}

.service-item .service-body .service-list {
  width: 100%;
  display: inline-block;
  margin: 15px 0;
}

.service-item .service-body .service-list ul li {
  list-style: none;
  font-size: 15px;
  margin-left: 0px !important;
}

.service-item .service-footer {
  padding: 15px;
}

.service-item .service-footer .service-price {
  text-align: center;
  margin: 0 0 10px 0;
  color: var(--main-color);
  font-weight: 700;
  font-size: 20px;
}

.service-item .service-footer a {
  width: 150px;
  text-align: center;
  display: block;
  margin: auto;
}

/**slide**/
.owl-nav button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 35px !important;
  min-height: 35px !important;
  height: 35px !important;
  background: #fff !important;
  border-radius: 50% !important;
  margin: 0px !important;
  box-shadow: 0px 2px 16px rgb(0 0 0 / 10%) !important;
}

.owl-nav button i {
  font-size: 20px;
}

.owl-nav button.owl-prev {
  left: -45px;
}

.owl-nav button.owl-next {
  right: -45px;
}

.owl-nav button:hover {
  background: var(--main-color) !important;
}

.owl-nav button:hover i {
  color: #fff !important;
}

.owl-dots {
  display: none;
}

/**page-domain**/
table.table-domain-sale {
  border: 1px solid #f2f2f2;
}

table.table-domain-sale tr td {
  font-size: 16px;
  padding: 15px;
  color: #000;
}

table.table-domain-sale tr:nth-child(1) {
  background: rgba(170, 182, 190, 0.1);
}

table.table-domain-sale tr:nth-child(1) td {
  color: var(--primary-color) !important;
  font-weight: 700 !important;
}

table.table-domain-sale tr {
  border-bottom: 1px solid #f2f2f2 !important;
}

table.table-domain-sale tr td:not(:last-child) {
  border-right: 1px solid #f2f2f2 !important;
}

.home-title.color-white h3 {
  color: #fff;
}

/**bk support abouts**/
.bk-support {
  width: 100%;
  display: inline-block;
  padding: 20px;
  background: #ffffff;
  box-shadow: 0px 5px 10px rgb(0 0 0 / 5%);
  border-radius: 10px;
  text-align: center;
  cursor: pointer;
  transition: 0.3s ease-in-out;
}

.bk-support:hover {
  transition: 0.3s ease-in-out;
  transform: translateY(10px);
}

.bk-support .bk-support-images {
  width: 80px;
  height: 80px;
  margin: 0 auto 15px;
}

.bk-support .bk-support-images img,
.bk-support .bk-support-images svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.bk-support .bk-support-content p {
  font-size: 17px;
  margin: 0px !important;
}

.bk-support .bk-support-content h3 {
  font-size: 20px;
  margin: 0 0 10px 0;
}

/**bk tab**/
.bk-tab ul {
  border-radius: 50px !important;
  border: 1px solid var(--primary-color);
  padding: 5px !important;
  width: unset !important;
  margin: auto;
}

.bk-tab ul li a {
  color: #000;
  font-size: 17px;
  border: 0px !important;
}

.bk-tab ul li.active a,
.bk-tab ul li a:hover {
  background: var(--primary-color);
  color: #fff;
  border: 0px !important;
}

/**domain table**/
table.domain-table {
  border: 1px solid #f2f2f2;
}

table.domain-table tr td {
  font-size: 15px;
  padding: 10px;
  color: #000;
}

table.domain-table thead {
  background: var(--primary-color);
}

table.domain-table thead tr th {
  padding: 10px;
  color: #fff !important;
  font-weight: 700 !important;
  text-align: center;
  text-transform: unset !important;
  font-size: 16px;
}

table.domain-table tr {
  border-bottom: 1px solid #f2f2f2 !important;
}

table.domain-table tr td:not(:last-child) {
  border-right: 1px solid #f2f2f2 !important;
}

table.domain-table tr td b {
  color: var(--main-color) !important;
}

table.domain-table tr td:not(:first-child) {
  text-align: center;
}

table.domain-table tr:nth-child(even) {
  background: #f0f0f0;
}

.domain-register-link {
  width: 150px;
  margin: 10px auto 0;
}

.domain-register-link a {
  text-align: center;
  display: block;
  height: 40px;
  line-height: 40px !important;
  font-size: 18px;
}

.domain-text p {
  font-size: 16px;
}

.domain-text h3 {
  color: var(--primary-color);
}

/**form-register**/
.mt150 {
  margin-top: 160px;
}

div#bk-form-tv {
  margin: -150px 0 50px 0;
}

#bk-form-tv {
  background: url(../images/contact-us.webp) no-repeat;
  padding: 20px;
  background-size: cover !important;
  border-radius: 20px !important;
  border: 1px solid var(--primary-color) !important;
  background-position: bottom !important;
}

div#bk-form-tv h3 {
  text-align: center;
  margin: 0px;
  font-size: 35px;
  color: var(--primary-color);
  line-height: 40px;
}

div#bk-form-tv .input-tv {
  border: 1px solid var(--primary-color) !important;
  height: 40px !important;
  box-shadow: unset !important;
  border-radius: 10px !important;
}

div#bk-form-tv button.btnTv {
  border-radius: 10px !important;
  color: #fff;
  font-size: 16px;
  margin: auto;
  display: inherit;
  width: 150px;
}

.form-message {
  color: #fff;
}

.alert {
  margin-top: 15px;
}

.alert.alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
  padding: 5px 15px;
  border-radius: 10px;
}

.alert.alert-success {
  background: #d4edda;
  padding: 5px 15px;
  border-radius: 10px;
  color: #155724;
}

/**category**/
/**single**/
section#breadcrumbs {
  width: 100%;
  display: inline-block;
  padding: 8px 0;
  background: #f2f2f2;
}

section#breadcrumbs a,
section#breadcrumbs span {
  font-weight: 500;
  font-size: 15px;
}

section#breadcrumbs span.breadcrumb_last {
  color: var(--primary-color);
}

#category-page {
  width: 100%;
  display: inline-block;
  margin: 20px 0;
}

.post-item {
  width: 100%;
  display: inline-block;
  transition: 0.3s ease-in-out;
}

.post-item:not(:last-child) {
  margin-bottom: 5px;
  padding-bottom: 15px;
  border-bottom: 1px solid #f2f2f2;
}

.post-item .post-thumbnail {
  max-width: 290px;
  width: 100%;
  float: left;
  height: 160px;
  /*border: 1px solid #e6e6e6;*/
  transition: 0.3s ease-in-out;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center center !important;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-flow: wrap;
  align-items: center;
}

.post-item .post-thumbnail:before {
  content: "";
  background: rgba(255, 255, 255, 0.25);
  height: 220px;
  left: 100%;
  position: absolute;
  top: 100%;
  width: 100%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.post-item .post-thumbnail:after {
  content: "";
  background: rgba(255, 255, 255, 0.25);
  height: 100%;
  left: -100%;
  position: absolute;
  top: -100%;
  width: 100%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.post-item .post-thumbnail img {
  max-width: 100%;
  width: 100%;
  height: 100%;
  transition: 0.3s ease-in-out;
  object-fit: cover !important;
}

.post-item .post_meta {
  width: 100%;
  display: flex;
  margin: 0px 0px 10px 0px;
}

.post-item .post_meta p {
  color: #919191;
  margin: 0px;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  line-height: 22px;
  position: relative;
  padding: 0px 20px 0px 0;
  display: inline-block;
}

.post-item .post-content {
  /*width: calc(100% - 290px);*/
  /*float: left;*/
  /*padding-left: 30px;*/
}

.col.medium-9.noPadding.mt-footer .post-item .post-content h3 {
  margin-top: 10px;
  font-size: 18px;
  height: 60px;
  overflow: hidden;
  display: flex;
  -webkit-box-flex: 2;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.khuyen_mai .post-item .post-thumbnail {
  max-width: 290px;
  width: 100%;
  float: left;
  height: 190px;
  border: 1px solid #e6e6e6;
  transition: 0.3s ease-in-out;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center center !important;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-flow: wrap;
  align-items: center;
}
.khuyen_mai .post-item .post-content {
  width: calc(100% - 290px);
  float: left;
  padding-left: 30px;
}

.post-item .post-content h3:hover {
  color: var(--primary-color);
}

.post-item .post-content .post-desc {
  font-size: 15px;
  line-height: 22px;
  color: #616161;
}

.post-item:hover .post-thumbnail::before,
.post-item:hover .post-thumbnail::after {
  left: 0;
  top: 0;
}

/**page hosting**/
.bk-logo {
  position: absolute;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
}

.bk-logo a img {
  animation: zoomBig 1s forwards;
}

.bk-logo-white {
  position: absolute;
  top: 20px;
  left: 50%;
  z-index: 99;
  transform: translateX(-50%);
}

.bk-logo-white a img {
  max-width: 250px;
  animation: zoomBig 1s forwards;
}

/**price**/
article.bk-table-price {
  width: 100%;
  display: inline-block;
  margin: 20px 0 0 0;
}

.price-item {
  border-radius: 15px;
  border: 1px solid #f2f2f2;
  box-shadow: 1px 1px 1px #ffffff12, 0 0 10px #98959594, 0 0 8px #908c8c00;
  transition: 0.3s ease-in-out;
  cursor: pointer;
}

/*.price-item:hover {*/
/*    transition: 0.3s ease-in-out;*/
/*    box-shadow: unset;*/
/*    transform: translateY(10px);*/
/*}*/

.price-item .price-item-header {
  width: 100%;
  padding: 30px 30px 20px 30px;
}

.price-item .price-item-header h2,
.price-item .price-item-header .price-head {
  margin: 0px !important;
  color: var(--primary-color);
  font-size: 28px;
  font-weight: 700;
}

.price-item .price-wrapper {
  margin: 3px 0;
  color: var(--main-color);
  font-weight: 700;
  font-size: 25px;
}

.price-item .price-item-header p {
  margin: 0px !important;
  color: #8d9298;
  font-size: 17px;
}

.price-item .price-item-body {
  width: 100%;
  padding: 0px 13px;
  max-height: 250px;
  overflow: hidden;
  position: relative;
  transition: max-height 0.5s ease-in-out;
}

.price-item .price-item-body.tp-close.tp-open {
  max-height: 800px !important;
}

.price-item .price-item-body.tp-close {
  margin-bottom: 20px;
}

.price-item .price-item-body.tp-close:after {
  content: "";
  background-image: url(../images/arrow-overlay.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  width: 100%;
  height: 60px;
  position: absolute;
  left: 0;
  bottom: 0;
  cursor: pointer;
  opacity: 1;
  transition: opacity 0.5s ease-in-out;
}

.price-item .price-item-body.tp-close.tp-open:after {
  display: none;
}

.price-item .price-item-body ul {
  border: 0px !important;
  list-style: none;
  padding: 0px !important;
}

.price-item .price-item-body ul li svg {
  margin-right: 4px;
  width: 25px;
  height: 25px;
}

.price-item .price-item-body ul li {
  margin: 0px 0 10px 0;
  display: flex;
  flex-flow: wrap;
  color: #7d7979;
  align-items: center;
  font-size: 16px;
}

.price-item .price-item-body ul li b {
  color: var(--main-color) !important;
  margin: 0 3px;
}

.price-item .price-item-body ul li a {
  color: var(--primary-color);
}

.price-item .price-item-body ul li s {
  color: #000;
  margin: 0 5px;
}

.price-item .price-item-option {
  width: 100%;
  padding: 20px 30px;
}

.price-item .price-item-option select {
  border: 1px solid #7d7979;
  border-radius: 10px;
  box-shadow: unset !important;
  color: #7d7979;
}

.price-item .price-item-footer {
  width: 100%;
  padding: 0 20px 20px 20px;
}

.price-item .price-item-footer a {
  background: var(--primary-color);
  width: 100%;
  display: block;
  padding: 8px;
  text-align: center;
  border-radius: 50px;
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  height: unset !important;
  line-height: unset !important;
}

.slide-table-price .price-item {
  margin: 15px;
}

/**sale**/
#page-sale {
  width: 100%;
  display: inline-block;
  margin: 30px 0;
}

div#bkMenu a {
  color: #000;
  border: 1px solid #f2f2f2;
  padding: 5px 10px;
  border-radius: 5px;
  font-size: 20px;
}

/**sale-title**/
.zone {
  width: 100%;
  display: inline-block;
  margin-bottom: 15px;
}

.zone__heading {
  margin-bottom: 40px;
}

.zone__heading h2 {
  margin: 0px !important;
}

.zone__heading * {
  width: unset;
  display: inline-block;
}

.zone-aside__heading .heading,
.zone__heading .heading {
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 22px;
}

.zone__heading .heading {
  color: var(--primary-color);
  background: #fff;
  width: unset;
  padding-right: 35px;
  position: relative;
}

.zone__heading .heading:after {
  width: 6px;
  height: 6px;
  background: #e9e9e9;
  position: absolute;
  right: 15px;
  top: 8px;
  border-radius: 50%;
}

.zone__content::after,
.zone__heading .heading:after {
  display: block;
  content: "";
}

.zone__heading:after {
  content: "";
}

.zone__heading:after {
  display: block !important;
  width: 100% !important;
  height: 1px !important;
  background: #e9e9e9 !important;
  margin-top: -18px !important;
}

.zone__heading h1 {
  margin: 0px !important;
}

/**widget**/
aside.sale-widget > .image {
  width: 100%;
}

/**paginate**/
.pagination {
  width: 100%;
  display: inline-block;
  margin: 20px 0 0 0;
}

.pagination ul li a {
  color: #000;
}

.pagination ul li a,
.pagination ul li span {
  border-radius: 0px !important;
  border: 1px solid #e9e9e9;
  width: 35px;
  height: 35px;
  padding: 0px;
  line-height: 35px;
  font-weight: normal;
}

.pagination ul li a:hover {
  background: var(--primary-color);
  color: #fff;
}

.wp-pagenavi {
  width: 100%;
  display: inline-block;
  margin: 20px 0 0 0;
  text-align: center;
}

.wp-pagenavi a,
.wp-pagenavi span {
  border-radius: 0px !important;
  border: 1px solid #e9e9e9;
  width: 35px;
  height: 35px;
  color: #000;
  display: inline-block;
  padding: 0px;
  line-height: 35px;
  font-weight: normal;
}

.wp-pagenavi a:hover,
.wp-pagenavi span.current {
  background: var(--primary-color);
  color: #fff;
  border: 1px solid var(--primary-color);
}

/**widget**/
aside.bk-widget {
  border: 5px solid #ededed;
  margin: 0px 0px 25px 0px;
  background: #fff;
  padding: 20px;
}

.is-divider.small {
  display: none;
}

span.widget-title {
  background: none;
  color: #000;
  position: relative;
  border-bottom: none;
  font-size: 21px;
  line-height: 28px;
  text-align: center;
  text-transform: uppercase;
  margin: 0px 0px 30px 0px;
  display: block;
}

span.widget-title:before {
  content: "";
  width: 100%;
  max-width: 155px;
  background: var(--primary-color);
  bottom: -12px;
  left: 0px;
  right: 0px;
  margin: 0px auto;
  height: 3px;
  position: absolute;
}

.widget-post-list {
  width: 100%;
  display: inline-block;
}

.widget-post-list ul li {
  padding: 0px 0px 10px 15px;
  position: relative;
  list-style: none !important;
  margin: 0px 0px 10px 0px;
  border-bottom: 1px dashed #e6e6e6;
}

.widget-post-list ul li:last-child {
  border-bottom: 0px;
}

.widget-post-list ul li a {
  color: #000;
  font-size: 14px;
  line-height: 23px;
  width: 100%;
  display: block;
  word-break: break-all;
}

.widget-post-list ul li a:hover {
  color: var(--primary-color);
}

.widget-post-list ul li a:hover span {
  color: #000;
}

.widget-post-list ul li:before {
  content: "";
  width: 5px;
  height: 5px;
  display: block;
  background: #919191;
  position: absolute;
  top: 10px;
  left: 0px;
}

aside.sale-widget,
image {
  margin-bottom: 25px;
}

/**single**/
.content_single_post .single_post_info {
  border-bottom: 1px dotted #e6e6e6;
  margin: 0px 0px 20px 0px;
}

.content_single_post .single_post_info h1 {
  font-size: 28px;
  line-height: 45px;
  color: var(--primary-color);
  display: inline-block;
  font-weight: normal;
  margin: 0px !important;
}

.content_single_post .single_post_info p {
  color: #000;
  font-size: 14px;
  margin: 0px 0 10px 0;
}

.content_single_post .single_post-thumbnail img {
  width: 100%;
}

.content_single_post .text_content {
  font-size: 17px;
  line-height: 28px;
  margin: 30px 0;
}

.content_single_post .text_content p,
.content_single_post .text_content ul li {
  margin-bottom: 10px !important;
}

.widget_media_image img {
  width: 100%;
}

.content_single_post table tr td,
.content-entry table tr td {
  padding: 10px;
  color: #000;
  font-size: 15px;
  border-right: 1px solid #f2f2f2;
}

.content_single_postt table tr td:last-child,
.content-entry table tr td:last-child {
  border-right: 0px !important;
}

.content_single_post table tr:nth-child(even),
.content-entry table tr:nth-child(even) {
  background: #f2f2f2;
}

.content_single_post table,
.content-entry table {
  border: 1px solid #f2f2f2 !important;
}

.content_single_post table thead tr:nth-child(1) th,
.content-entry thead table tr:nth-child(1) th {
  background: var(--primary-color) !important;
  text-align: center;
  color: #fff;
  font-size: 15px;
  text-transform: unset !important;
}

/**widget**/
.widget_categories ul {
  margin-top: -5px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAEklEQVQImWNgYGCQYiAAhoYCAEfjALcmCP1hAAAAAElFTkSuQmCC);
}

.widget_categories ul li {
  width: 100%;
}

.widget_categories ul li a {
  width: 100%;
  display: block;
  color: #333;
  padding: 10px 15px !important;
  background: #e4e4e499;
  border-bottom: 1px solid #fff;
  text-decoration: none;
  font-size: 14px;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
}

.widget_categories ul li a:before {
  content: "\f105";
  font-family: "FontAwesome";
  font-weight: 900;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-size: 20px;
  vertical-align: middle;
  margin-right: 10px;
  color: var(--primary-color);
}

.widget_categories {
  border-radius: 30px;
  border: 5px solid #ededed;
  margin: 0px 0px 25px 0px;
  background: #fff;
  padding: 20px 10px 10px 10px;
}

.widget_categories ul li:last-child a {
  border-bottom: 0px !important;
}

div#bk-form-register .form-group label {
  font-weight: normal;
  font-size: 16px;
}

div#bk-form-register .form-group {
  margin-bottom: 10px;
}

div#bk-form-register .input-register {
  background: #f4f4f4 !important;
  box-shadow: unset !important;
  border: 0px !important;
  height: 45px !important;
  border-radius: 5px !important;
  color: #000;
}

div#bk-form-register .register-select {
  background-color: #f4f4f4 !important;
  border: 0px !important;
  height: 45px !important;
  border-radius: 5px !important;
}

div#bk-form-register h4 b {
  color: var(--primary-color);
}

div#bk-form-register h4 {
  font-size: 18px;
}

div#bk-form-register button.btnRegister {
  color: #fff;
  width: 200px !important;
  border-radius: 5px;
  display: block;
  margin: auto;
  background: var(--primary-color);
}

/**review**/
article.bk-review-home {
  width: 1000px;
  margin: auto;
}

.review-home-item {
  position: relative;
  background: #fff;
  border: 1px solid #f2f2f2;
  border-radius: 8px;
  margin: 15px !important;
  padding: 25px;
  box-shadow: 0 0 5px #0000004d;
}

.review-home-item .review-avatar {
  width: 100px;
  height: 100px;
  display: block;
  border-radius: 50%;
  margin: auto;
}

.review-home-item .review-avatar img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.slide-review-home .owl-dots {
  width: 100%;
  text-align: center;
  margin: 20px 0 0 0;
}

.slide-review-home .owl-dots button {
  width: 12px !important;
  min-height: 12px !important;
  margin: 0 5px;
  cursor: pointer;
  transition: opacity 0.3s;
  background: #fff !important;
  border-color: #fff !important;
}

.slide-review-home .owl-dots button.active {
  background: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  border-radius: 99px;
  width: 12px !important;
  height: 10px !important;
}

.review-home-item .review-author {
  width: 100%;
  display: inline-block;
  margin: 15px 0 0 0;
  text-align: center;
}

.review-home-item .review-author p.name_kh {
  font-weight: 700;
}

.review-home-item .review-author p {
  font-style: oblique;
  margin: 0px;
  font-size: 15px;
}

.review-home-item .review-star {
  display: flex;
  justify-content: center;
}

.review-home-item .review-star img {
  width: 20px !important;
  margin-right: 3px;
}

.review-home-item .review-content {
  position: relative;
}

.review-home-item .review-avatar::before {
  content: "“";
  font-size: 116px;
  color: var(--primary-color);
  opacity: 0.3;
  line-height: 1;
  position: absolute;
  top: 100px;
}

/*.review-home-item .review-content:before {*/
/*  content: "“";*/
/*  font-size: 300px;*/
/*  color: #444;*/
/*  opacity: 0.1;*/
/*  line-height: 1;*/
/*  position: absolute;*/
/*  top: -20px;*/
/*  left: -50px;*/
/*}*/

button.with-tooltip {
  left: 10px;
  color: var(--main-color);
  margin: 0px !important;
  border: 1px solid var(--main-color);
  border-radius: 50% !important;
  width: 30px !important;
  height: 30px !important;
  padding: 0px !important;
  min-height: 30px !important;
  line-height: 30px !important;
}

button.with-tooltip::after {
  padding: 10px;
  /* color: #333; */
  text-transform: initial;
  font-size: 10px;
  content: attr(data-tooltip-content);
  padding: 13px;
  border-radius: 4px;
  position: absolute;
  color: #000;
  bottom: 115%;
  right: 50%;
  left: 50%;
  width: 324 p;
  background-color: #fff;

  opacity: 0;
  font-size: 0.8rem;
  visibility: hidden;
  transform: translate(-50%, 18px) scale(0.8);
  transition: visibility, opacity, transform 200ms;
  width: 300px;
}

button.with-tooltip:hover::after {
  visibility: visible;
  opacity: 1;
  transform: translate(-50%, 0);
}

.page-template table tr td,
.content-entry table tr td {
  padding: 10px;
  color: #000;
  font-size: 15px;
  border-right: 1px solid #f2f2f2;
}

.page-template table tr td:last-child,
.content-entry table tr td:last-child {
  border-right: 0px !important;
}

.page-template table tr:nth-child(even),
.content-entry table tr:nth-child(even) {
  background: #f2f2f2;
}

.page-template table,
.content-entry table {
  border: 1px solid #f2f2f2 !important;
}

.page-template table thead tr:nth-child(1) td,
.content-entry table thead tr:nth-child(1) th,
.page-template table thead tr:nth-child(1) th {
  background: var(--primary-color) !important;
  text-align: center;
  color: #fff;
  font-size: 15px;
  padding: 10px !important;
  text-transform: unset !important;
}

/**zalo**/

.tg_contact_fixed_2021 {
  position: fixed;
  z-index: 999;
  right: 28px;
  bottom: 90px;
}

.tg_contact_fixed_2021 ul li {
  margin: 0 0 10px 0;
  position: relative;
  list-style: none;
}

.tg_contact_fixed_2021 ul li .aml-tooltiptext {
  visibility: hidden;
  font-size: 12px !important;
  line-height: 16px !important;
  text-align: center;
  white-space: nowrap;
  border-radius: 4px;
  padding: 8px;
  position: absolute;
  top: calc(50% - 16px);
  z-index: 1;
  opacity: 0;
  right: 120%;
  transition: opacity 0.5s;
}

.tg_contact_fixed_2021 ul li .aml-tooltiptext {
  background-image: linear-gradient(180deg, #4fc3f7 0%, #0277bd 100%);
  color: #fff;
}

.tg_contact_fixed_2021 ul li.tg_scroll_top img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.tg_contact_fixed_2021 ul li:hover .aml-tooltiptext {
  visibility: visible;
  opacity: 1;
}

.zalo-chat-widget {
  bottom: 200px !important;
  right: 42px !important;
}

.tg_contact_fixed_2021 ul li a {
  width: 55px;
  height: 55px;
  background: #00bff3;
  color: #fff;
  display: table;
  text-align: center;
  line-height: 53px;
  cursor: pointer;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* pay content */
.pay-title {
  background-color: #f3f3f3;
  padding: 30px 0;
  text-align: center;
}

.pay-title h1 {
  font-size: 30px;
  font-weight: bold;
  margin: 0;
  padding: 0;
}

.pay-intro-text {
  font-size: 18px;
  margin-top: 15px;
}

.pay-content {
  margin: 0;
  padding: 0;
}

.pay-tabs {
  border-bottom: 1px solid #ccc;
}

.pay-tab-item {
  padding: 0 15px;
  height: 55px;
  line-height: 55px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  background: var(--primary-color);
  cursor: pointer;
  text-transform: uppercase;
  border: 1px solid #ccc;
  position: relative;
  float: left;
  margin-bottom: -1px;
  margin-right: 5px;
  border-radius: 5px 5px 0 0;
}

.pay-tab-item:hover {
  color: #fff;
}

.pay-tab-item.active {
  background: #ffff;
  color: var(--primary-color);
  border-bottom-color: #fff;
}

.pay-content-tabs {
  background: #fff;
  padding: 25px;
  border: 1px solid #ccc;
  border-top: unset;
}

.pay-item-tab {
  display: none;
}

.pay-item-tab.show-content {
  display: block;
}

.pay-item-tab img.aligncenter.size-full {
  border: 2px solid #ddd;
  margin-bottom: 10px;
}

@media (max-width: 991px) {
  .pay-tab-item {
    width: 100%;
    text-align: center;
    border-radius: 0;
  }
}

.pay-lists {
  margin: 0;
  padding: 0;
  list-style: none;
}

.pay-lists-li {
  padding: 0;
  list-style: none;
  margin-bottom: 15px;
}

.pay-item {
  background: #f9f9f9;
}

.pay-item .pay-item--title {
  font-size: 18px;
  color: #fff;
  font-weight: bold;
  margin: 0;
  padding: 15px 15px 15px 50px;
  background: var(--primary-color);
  border-bottom: 1px solid #ffffff;
  position: relative;
  text-transform: uppercase;
}

.pay-item--title a {
  color: #fff;
}

.pay-item--title a:hover {
  color: #fff;
}

.pay-lists-li.active .pay-item .pay-item--title {
  color: var(--primary-color);
  background: #e1e1e1;
}

.pay-item .pay-item--title:after {
  display: inline-block;
  font: normal normal normal 18px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f196";
  position: absolute;
  top: 50%;
  left: 21px;
  transform: translateY(-50%);
  color: #fff;
}

.pay-lists-li.active .pay-item .pay-item--title:after {
  color: var(--primary-color);
  content: "\f147";
}

.pay-item .pay-item--content {
  padding: 20px 20px 30px 20px;
  margin: 0;
  text-align: justify;
  display: none;
}

.pay-lists-li.active .pay-item .pay-item--content {
  display: block;
}

.payment-note {
  padding: 15px;
  background: #fffbcc;
  border: 1px solid #e6db55;
  margin: 0 0 50px 0;
}

.payment-note ul {
  padding-left: 25px !important;
}

.payment-note ul li {
  list-style-type: disc;
  list-style-position: outside;
}

.payment-note a {
  color: var(--primary-color);
}

.content_single_post ul {
  padding-left: 25px !important;
}

#toc_container.no_bullets li,
#toc_container.no_bullets ul,
#toc_container.no_bullets ul li,
.toc_widget_list.no_bullets,
.toc_widget_list.no_bullets li {
  margin-bottom: 5px !important;
}

/**bank**/

/*payment*/
.payment-row01 {
  background: #e5f0f3;
  border: 1px solid #c8dbdf;
  margin-bottom: 20px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

.payment-row01 div {
  float: left;
  padding: 18px;
  width: 430px;
}

.payment-row01-1 {
  border-right: 1px dashed #c8dbdf;
}

.payment-row02 {
  width: 100%;
}

.payment-row02 ul {
  margin: 0 -15px;
  padding: 0;
}

.payment-row02 ul li {
  list-style: none;
  float: left;
  padding: 0 15px;
  width: 50%;
  margin-bottom: 20px;
  overflow: hidden;
}

.payment-row02 li:nth-child(2n + 1) {
  clear: both;
}

.payment-row02 li img {
  height: 42px;
  object-fit: contain;
  margin: 0px !important;
}

.payment-row02 li div.payment-list {
  background: #f3f8f9;
  border: 1px solid #e6eef0;
  padding: 15px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  min-height: 200px;
}

.payment-title {
  text-align: left;
  color: #1b85c2;
  font-size: 14px;
  font-weight: bold;
}

.payment-note {
  padding: 15px;
  background: #fffbcc;
  border: 1px solid #e6db55;
  margin: 0 0 50px 0;
}

.payment-note ul {
  padding-left: 0px !important;
}

.payment-note ul li {
  list-style-type: disc;
  list-style-position: outside;
}

.payment-note ul li {
  font-size: 15px;
  margin-bottom: 5px !important;
}

.cli-style-v2 .cli-bar-message {
  width: 85% !important;
}

/**404**/
.page_404_none {
  display: none !important;
}

.body_404_none {
  overflow: hidden !important;
}

.body_404_none .top-slide {
  display: none;
}

#page--not-found {
  width: 100%;
  height: 100vh;
  min-height: 50rem;
  overflow-x: hidden;
  position: relative;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  background: url(../images/404-2.png) right bottom / 50% no-repeat;
}

#page--not-found .page_not_404 h3 {
  font-weight: bold;
  font-size: 5rem;
  color: var(--primary-color);
  margin: 0px !important;
  line-height: 75px;
}

#page--not-found .h3-title {
  font-size: 3rem;
  font-weight: bold;
  color: rgb(63, 63, 122);
  margin-bottom: 1rem;
}

#page--not-found .h3-button {
  width: 100%;
  display: inline-block;
  margin: 2em 0 0 0;
}

#page--not-found .button_for_home {
  background: var(--primary-color) !important;
  display: inline-block;
  border-radius: 4px !important;
  padding: 5px 15px !important;
  height: unset !important;
  font-weight: 700;
}

table.table-ss thead tr th:nth-child(1) {
  background: transparent !important;
}

#bk-form-register h3 {
  font-size: 18px;
}

div#bk-form-register h3 b {
  color: var(--primary-color);
}

.table-price-sale .price-item .price-wrapper span {
  display: none !important;
}

.btn-default-order {
  display: inline-block;
  background: #ff1212;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #ffffff !important;
  text-transform: uppercase;
  padding: 5px 15px;
  font-size: 14px;
}

table.custom-table td,
table.custom-table th {
  text-align: center;
}

.btn-order a {
  display: inline-block;
  background: #ee3523;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #ffffff;
  text-transform: uppercase;
  padding: 5px 10px;
}

.btn-order a:hover,
.btn-default-order:hover {
  color: #fff;
}

/**faqs**/
/**question**/
.nv-accordion a i {
  color: #959595;
}

.nv-accordion a img {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}

.nv-accordion.nv-faq .accordion-title {
  color: #264ee4;
  font-size: 15px;
  font-weight: 700;
  display: flex;
  align-items: center;
  position: relative;
  height: 70px;
}

.nv-accordion .accordion-item {
  box-shadow: 0px 2px 16px rgb(0 0 0 / 10%);
  border-radius: 4px;
  width: 100%;
  margin-bottom: 25px !important;
  border: 0px !important;
  position: relative;
  background: #f8f8f8;
}



.nv-accordion a:before {
  content: "";
  display: block;
  background: url("../images/question.png");
  width: 20px;
  height: 20px;
  background-repeat: no-repeat !important;
  margin-right: 10px;
  background-size: 100% !important;
}

.nv-accordion a.active {
  color: var(--primary-color);
}

.nv-accordion .nv-body {
  margin: 20px 0 0 0;
  color: #000;
  font-size: 14px;
}

.nv-accordion {
  margin-bottom: 25px;
}

.nv-accordion a button.toggle {
  position: absolute;
  right: 0px;
  left: unset;
  margin: 0px !important;
  top: 50%;
  transform: translateY(-50%);
}

.nv-accordion .accordion-inner {
  padding: 15px !important;
}

.nv-accordion a span {
  width: 90%;
  line-height: 22px;
}

.button_gadient {
  background: linear-gradient(
    89.95deg,
    #0025e6 -4.07%,
    #0061f2 99.95%
  ) !important;
  box-shadow: unset !important;
  border: 1px solid #fff !important;

  font-weight: 700;
  height: unset !important;
  text-transform: unset !important;
}

.button_none_color {
  border: 1px solid #fff !important;
  background: transparent !important;

  font-weight: 700;
  height: unset !important;
  text-transform: unset !important;
}

/*domain checked*/
.domain-checked-wrap {
}

.domain-checked-wrap .domain-checked-form {
}

.domain-checked-form .dc-step-col01 {
  width: 100%;
  margin-bottom: 15px;
}

.domain-checked-form .dc-step-col02 {
  width: 100%;
  margin-bottom: 15px;
}

.domain-checked-form .dc-step-col03 {
  width: 100%;
  margin-bottom: 15px;
}

.dc-step-label {
  line-height: 22px;
  color: #000;
  padding: 15px 0;
}

span.dc-step-num {
  background: url(../images/icon-step.png) no-repeat;
  width: 22px;
  height: 22px;
  color: #fff;
  text-align: center;
  line-height: 22px;
  float: left;
  margin-right: 10px;
}

.domain-checked-form textarea {
  border: 1px solid #e0e0e0;
  background: #ededed;
  width: 100%;
  box-shadow: unset !important;
  border-radius: 4px !important;
  height: 120px;
}

.domain-checked-form .dc-step-content p {
  font-size: 11px;
  border-bottom: 1px dotted #cdcdcd;
  padding: 8px 0;
}

.domain-checked-form .dc-step-content div {
  background: url(../images/icon-more.png) no-repeat left center;
  padding-left: 20px;
}

.domain-checked-form .dc-step-content div a {
  color: #73aa32;
}

.domain-checked-form input.btn-submit {
  background: #ee3523;
  padding: 0 25px;
  height: 42px;
  text-align: center;
  line-height: 42px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  color: #fff;
  font-weight: bold;
  font-size: 17px;
  text-transform: uppercase;
  border: none;
}

.domain-checked-form .domain-ext-panel {
  display: none;
}

.domain-checked-form .domain-ext-panel label {
  width: 95px;
  color: #000;
  float: left;
  margin-bottom: 10px;
}

.domain-checked-form .dc-tabs {
  border-bottom: 1px solid #ededed;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.domain-checked-form .dc-tabs li {
  float: left;
  background: url(../images/icon-dot-uncheck.png) no-repeat left center;
  padding-left: 20px;
  margin-right: 10px;
  cursor: pointer;
  list-style-type: none;
}

.domain-checked-form .dc-tabs li.dc-tab-active {
  background: url(../images/icon-dot-checked.png) no-repeat left center;
}

.domain-checked-form .domain-ext-panel .show-province {
  cursor: pointer;
}

.domain-checked-form .domain-ext-panel .province-domains {
  display: none;
}

.domain-checked-form .domain-ext-panel .province-domains label {
  width: calc(100% / 3);
  white-space: nowrap;
  overflow: hidden;
}

.domain-check-msg {
  display: none;
}

.domain-check-msg p {
  text-align: center;
  color: #e63737;
  font-weight: bold;
  vertical-align: bottom;
}

.result-check-wrap {
  margin-top: 30px;
  border-top: 1px solid #c5c5c5;
  min-height: 120px;
}

.result-check {
  display: none;
}

.result-check p.loading-wide {
  text-align: center;
}

.loading-small {
  background: url(../images/loading.gif) no-repeat center center;
  height: 20px;
}

.domain-item-wrap {
}

table.domain-items {
  width: 100%;
  border-collapse: inherit;
}

table.domain-items th {
  background: #879092;
  padding: 8px 0;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  font-size: 15px;
  font-weight: normal;
}

table.domain-items td {
  padding: 5px 8px;
  color: #000;
  vertical-align: middle;
  font-size: 14px;
}

table.domain-items td.dt-center {
  text-align: center;
}

table.domain-items td.dt-gray {
  background: #f0f0f0;
}

table.domain-items td.dt-light {
  background: #f6f6f6;
}

table.domain-items div.btn-register-domain {
  color: #fff;
  background: #2995d4;
  border-radius: 3px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  width: 115px;
  padding: 5px 0;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  display: inline-block;
  margin: 0 auto;
}

table.domain-items div.btn-whois-domain {
  color: #fff;
  background: #879092;
  border-radius: 3px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  width: 115px;
  padding: 5px 0;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  display: inline-block;
  margin: 0 auto;
  cursor: pointer;
}

table.domain-items div.btn-whois-domain a,
table.domain-items div.btn-register-domain a {
  color: #fff;
}

table.domain-items div.tld-available {
  float: left;
  color: #6ebc12;
  font-weight: bold;
}

table.domain-items div.icon-available {
  float: right;
  width: 16px;
  height: 16px;
  background: url(../images/icon-domain-available.png) no-repeat;
}

table.domain-items div.tld-unavailable {
  float: left;
  color: #e63737;
  font-weight: bold;
}

table.domain-items div.icon-unavailable {
  float: right;
  width: 16px;
  height: 16px;
  background: url(../images/icon-domain-unavailable.png) no-repeat;
}

.domain-checked-form .dc-tabs ul {
  width: 100%;
  margin: 0px !important;
}

.domain-checked-form .dc-tabs ul li {
  margin-left: 0px !important;
  font-size: 15px;
  margin-bottom: 0px !important;
}

.domain-checked-form .domain-ext-panel label {
  display: flex;
  align-items: center;
}

.click-show-domain {
  clear: both;
}

.domain-checked-form .domain-ext-panel input.ext {
  margin: 0 2px 0px 0;
}

.domain-checked-form .domain-ext-panel .show-province {
  font-size: 15px;
}

.bkns-banner h1,
.bkns-banner h3 {
  font-size: 30px !important;
  font-weight: bold !important;
  color: #fff;
  text-align: center;
  text-shadow: 1px 1px 1px rgb(0 0 0 / 65%) !important;
}

.bkns-banner p {
  color: #fff;
}

.table-price-2 .price-item .price-item-body ul li svg {
  display: none !important;
}

.ld-banner {
  position: relative;
  z-index: 1;
  text-align: center;
}

.ld-banner h1 {
  color: #ffffff;
  text-transform: uppercase;
  font-size: 50px;
  font-weight: 500;
  margin: 20px 0 0 0;
}

.ld-banner h1 span {
  color: #fff200;
}

.ld-banner h2 {
  color: #ffffff;
  font-size: 30px;
  font-weight: 500;
  text-transform: uppercase;
  margin: 0;
}

.ld-banner h2 span {
  display: inline-block;
  position: relative;
  padding: 0 50px;
}

.ld-banner h2 span:before {
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  left: 0;
  background: url(../images/arrow1.png) no-repeat;
  width: 40px;
  height: 27px;
}

.ld-banner h2 span:after {
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  right: 0;
  width: 40px;
  height: 27px;
}

.ld-banner .ld-banner-price {
  margin: 40px 0 30px 0;
  text-align: center;
}

.ld-banner .ld-banner-price span {
  display: inline-block;
  border: 2px dashed #ffffff;
  padding: 10px 20px;
  font-size: 26px;
  color: #fff200;
}

.ld-banner .ld-banner-price span strong {
  font-size: 48px;
}

.ld-btn-order {
  background: var(--primary-color);
  border-radius: 5px;
  width: 218px;
  padding: 6px 0;
  display: inline-block;
  margin: auto;
  overflow: hidden;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 16px;
}

.ld-tab {
  text-align: center;
}

/**search**/
h1.h1-title {
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  margin: 0;
  text-shadow: 1px 1px 1px rgb(0 0 0 / 65%);
}

.search-result__table {
  width: 100%;
  border-color: #ececec;
  border-bottom: 1px solid #e2e2e2;
  margin: 0;
  display: table;
  border-collapse: unset;
}

.search-result__table thead > tr:nth-child(1) {
  border-bottom: 1px solid #fff !important;
}

.search-result__table thead tr:first-child > th:nth-child(1) {
  width: 125px;
  color: var(--primary-color) !important;
  background-color: #d4edff !important;
  font-weight: 700 !important;
  border-right: 1px solid #d4edff !important;
  border-bottom: 1px solid #d4edff !important;
  text-align: center !important;
  font-size: 16px !important;
}

.search-result__table thead tr:nth-child(2) > th {
  border-bottom-color: transparent !important;
}

.search-result__table thead tr th {
  font-size: 15px !important;
  color: #fff !important;
  background: #838383 !important;
  border-right: 1px solid #fff !important;
  text-align: center !important;
  font-weight: 400 !important;
  border-bottom: 1px solid #fff !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
  padding: 7px 0 !important;
}

.search-result__table tbody th,
.search-result__table tbody td {
  border-top: 1px solid #e2e2e2;
  border-right: 1px solid #e2e2e2;
  border-bottom: none;
  padding: 17px 10px !important;
  font-weight: 400;
  font-size: 15px;
  background: #fff;
  color: #333;
}

.search-result__table tbody tr > td:first-child {
  border-left: 1px solid #e2e2e2;
  text-align: left;
  padding: 10px 10px 10px 15px;
  max-width: 125px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cbdm_cpd {
  display: table;
  margin: 0px auto;
  position: relative;
}

.search-result__table tbody td {
  text-align: center;
}

.load_whois,
.loading_remove_all {
  border: 2px solid #f3f3f3;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
  border-top: 2px solid var(--primary-color);
  border-radius: 50%;
  width: 30px;
  height: 30px;
  margin: 0 auto;
}

.cbdm_cpd input[type="checkbox"],
.cbdm_cpd input[type="radio"] {
  display: none;
  font-size: 15px;
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}

.cbdm_cpd input[type="checkbox"] + label,
.cbdm_cpd input[type="radio"] + label {
  position: relative;
  width: 31px;
  height: 31px;
  margin: 0px;
  background: rgba(0, 154, 218, 0.32);
  display: table-cell;
  vertical-align: middle;
  border-radius: 25px;
  cursor: pointer;
  font-size: 15px;
}

.tg_result_tbdm_cpd img {
  display: table;
  margin: 0px auto;
  cursor: pointer;
}

.cbdm_cpd cite {
  position: absolute;
  top: -16px;
  right: -16px;
  font-size: 17px;
  cursor: pointer;
  color: #c3c2c2;
}

.cbdm_cpd input + label::before {
  position: absolute;
  content: "";
  width: 25px;
  height: 25px;
  border-radius: 25px;
  left: 3px;
  background: #fff;
  top: 3px;
  border: 1px solid var(--primary-color);
}

.cbdm_cpd input:checked + label::after {
  position: absolute;
  content: "";
  background-image: url(https://vinahost.vn/wp-content/themes/flatsome-child/assets/images/check_domain.png);
  color: #fff;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  border-radius: 25px;
  left: 3px;
  top: 3px;
  background-color: var(--primary-color);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}

.search-result__table .tr_last_act_cpd td input {
  display: none;
}

input[type="checkbox"] + label,
input[type="radio"] + label {
  display: inline;
}

.btn_checkall_tdcoll em {
  font-style: normal;
  font-size: 12px;
  color: #fff;
}

.btn_checkall_tdcoll em + em {
  display: none;
}

label.btn_checkall_tdcoll {
  padding: 2px 12px;
  border-radius: 22px;
  background-color: var(--primary-color);
  position: relative;
  cursor: pointer;
  display: inline-block;
  width: 100%;
  margin: 0px;
  font-size: 12px;
  font-weight: 500;
}

input[type="checkbox"],
input[type="radio"] {
  display: inline;
  margin-right: 10px;
  font-size: 16px;
}

.wrap_search_domain .slick-dots li {
  margin: 0;
  display: inline-block;
}

.wrap_search_domain .slick-dots {
  margin: 20px 0 0 !important;
  text-align: center;
  list-style: none;
  display: inline-block;
  bottom: -35px !important;
}

.wrap_search_domain .slick-dots li {
  list-style: none !important;
  margin: 0px 5px !important;
}

.wrap_search_domain .slick-dots li.slick-active button,
.wrap_search_domain .slick-dots li button:hover {
  background-color: var(--primary-color);
  color: #fff;
}

.wrap_search_domain .slick-dots li button {
  width: 24px;
  min-height: 24px;
  line-height: 24px;
  height: 24px;
  letter-spacing: 0;
  border: none;
  box-shadow: none;
  font-size: 15px;
  color: #828286;
  background-color: #e0dddd;
  font-weight: 400;
  border-radius: 3px;
  text-align: center;
  padding: 0;
  margin: 0 2px 2px;
  transition: all 0.3s;
}

.wrap_search_domain .slick-dots li button:before {
  display: none !important;
}

.wrap_search_domain .tb_overfl {
  overflow-x: auto;
}

.wrap_search_domain .tb_overfl::-webkit-scrollbar {
  height: 5px;
}

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-thumb {
  background-color: #aaa;
}

::-webkit-scrollbar-track {
  background-color: #f1f1f1;
}

/* cart_proceduce */
.cart_proceduce .wrap_cart_proceduce {
  border: 1px solid #bdbdbd;
  box-sizing: border-box;
  box-shadow: 5px 4px 11px rgba(0, 0, 0, 0.2);
  border-radius: 8px;
}

.cart_proceduce .wrap_cart_proceduce h3 {
  background: var(--primary-color);
  box-sizing: border-box;
  border-radius: 8px 8px 0px 0px;
  text-align: center;
  color: #fff;
  font-size: 18px;
  line-height: 1.3;
  font-weight: 500;
  padding: 12px 0;
  margin: 0;
}

.cart_proceduce .wrap_cart_proceduce .cart_proceduce_inner {
  padding: 15px;
  background-color: #fff;
  border-radius: 0 0 22px 22px;
}

.cart_proceduce .wrap_cart_proceduce .cart_proceduce_inner .tg_sum_dm_cart {
  margin: 0 0 10px;
  font-size: 15px;
  font-weight: 500;
}

.cart_proceduce .wrap_cart_proceduce .cart_proceduce_inner .tg_sum_dm_cart p {
  margin: 0;
}

.cart_proceduce
  .wrap_cart_proceduce
  .cart_proceduce_inner
  .tg_sum_dm_cart
  p
  strong {
  color: var(--primary-color);
}

.cart_proceduce .wrap_cart_proceduce .cart_proceduce_inner .tg_empty_cart_cpd {
  text-align: center;
  display: none;
}

.cart_proceduce
  .wrap_cart_proceduce
  .cart_proceduce_inner
  .tg_list_domain_choose_2021 {
  padding: 10px 12px 0 12px;
  overflow-y: auto;
  height: 106px;
  overflow-x: hidden;
  border: 3px solid var(--primary-color);
}

.cart_proceduce
  .wrap_cart_proceduce
  .cart_proceduce_inner
  .tg_list_domain_choose_2021
  ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
}

.cart_proceduce
  .wrap_cart_proceduce
  .cart_proceduce_inner
  .tg_list_domain_choose_2021
  ul
  li {
  font-size: 15px;
  position: relative;
  padding: 0px 20px 0px 0px;
  margin: 0px 0px 7px 0px;
  word-break: break-word;
}

.cart_proceduce
  .wrap_cart_proceduce
  .cart_proceduce_inner
  .tg_list_domain_choose_2021
  ul
  li
  span {
  position: absolute;
  top: 0px;
  right: 0px;
  cursor: pointer;
}

.cart_proceduce
  .wrap_cart_proceduce
  .cart_proceduce_inner
  .tg_list_domain_choose_2021
  ul
  li
  span
  img {
  max-width: 100%;
  height: auto;
}

.cart_proceduce .wrap_cart_proceduce .cart_proceduce_inner .tg_del_alldm_cart {
  display: table;
  width: 100%;
  margin: 10px 0px 10px 0px;
}

.cart_proceduce
  .wrap_cart_proceduce
  .cart_proceduce_inner
  .tg_del_alldm_cart
  .loading_remove_all {
  border: 2px solid #f3f3f3;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
  border-top: 2px solid #555;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  margin: 0 auto;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.cart_proceduce
  .wrap_cart_proceduce
  .cart_proceduce_inner
  .tg_del_alldm_cart
  a {
  display: block;
  text-align: center;
  text-decoration: underline !important;
  color: #1977b9;
  font-size: 13px;
}

.cart_proceduce
  .wrap_cart_proceduce
  .cart_proceduce_inner
  .tg_register_cart
  form {
  margin: 0;
}

.cart_proceduce
  .wrap_cart_proceduce
  .cart_proceduce_inner
  .tg_register_cart
  form
  button {
  display: block;
  padding: 7px 20px;
  border-radius: 22px;
  background: var(--primary-color);
  color: #fff;
  font-size: 17px;
  text-align: center;
  min-height: unset;
  height: unset;
  line-height: 1;
  letter-spacing: 0;
  margin: 0 auto;
  text-transform: unset;
  font-weight: 500;
  border: none;
  box-shadow: none;
  transition: all 0.3s;
}

.cart_proceduce
  .wrap_cart_proceduce
  .cart_proceduce_inner
  .tg_register_cart
  form
  button:hover {
  background: var(--primary-color);
}

/* end cart_proceduce --------------------------------------------------------------------------------------------------------------------*/
.wrap_search_domain .slick-arrow {
  position: absolute;
  bottom: 7px;
  min-width: unset;
  min-height: unset;
  height: unset;
  line-height: 1;
  border: none;
  margin: 0;
  box-shadow: none;
  letter-spacing: 0;
  padding: 0;
}

.slick-prev:before,
.slick-next:before {
  font-family: "FontAwesome" !important;
}

.slick-prev:before {
  content: "\f104" !important;
}

.slick-next:before {
  content: "\f104" !important;
}

.btn-readmore {
  text-align: center;
}

.btn-readmore a {
  background: var(--primary-color) !important;
  display: inline-block;
  padding: 3px 25px;
  height: unset !important;
  margin: auto !important;
}

.domain-pane {
  width: 100%;
  border: 3px solid var(--primary-color);
  border-radius: 10px;
  margin: 30px 0;
}

.domain-pane .pane-header {
  width: 100%;
  padding: 15px;
  background: var(--primary-color);
}

.domain-pane .pane-header h3 {
  margin: 0px !important;
  color: #ffff;
  font-size: 18px;
}

.domain-pane .pane-body {
  width: 100%;
  display: inline-block;
  padding: 15px;
}

.domain-pane .pane-body textarea#domain-name {
  min-height: 55px;
  height: 50px;
  line-height: 55px;
  box-shadow: none;
  border-radius: 10px !important;
  padding: 0 0 0 25px;
  overflow: hidden;
  margin: 0px !important;
  font-size: 18px;
}

.domain-pane button.button_style.btn_style2.button_for_red {
  padding: 0px !important;
  margin: 0px !important;
}

div#mauticform_wrapper_dangkynhanuudai .mauticform-row {
  width: 80%;
  float: left;
}

div#mauticform_wrapper_dangkynhanuudai .mauticform-button-wrapper {
  width: calc(100% - 80%);
  float: left;
  padding-left: 15px;
}

div#mauticform_wrapper_dangkynhanuudai .mauticform-label {
  color: #fff;
  margin-bottom: 10px;
  font-size: 15px;
}

div#mauticform_wrapper_dangkynhanuudai
  .mauticform-page-wrapper.mauticform-page-1 {
  width: 100%;
  display: flex;
  align-items: end;
}

input#mauticform_input_dangkynhanuudai_email_nhan_thong_tin_khuy {
  height: 40px !important;
  border-radius: 4px !important;
  margin: 0px !important;
}

div#mauticform_wrapper_dangkynhanuudai button {
  height: 40px;
  border-radius: 4px !important;
}

div#DigiCertClickID_-oCCTfyv img {
  max-width: 77px;
  margin: 21px 0 0 0 !important;
}

.footer-register a,
.footer-register div {
  width: 30%;
  margin-right: 10px;
  margin-bottom: 10px;
  float: left;
}

.footer-register a:nth-child(3n),
.footer-register div:nth-child(3n) {
  margin: 0px !important;
}

p.text_evaluate {
  overflow-y: hidden;
  height: 255px;
}

a.google_home_footer_s {
  float: left;
  width: 20%;
}

/*css Điều Khoản Sử Dụng Dịch Vụ*/
.w-full-flex-1 {
  text-align: center;
}

.w-full-flex-1 img {
  width: 200px !important;
}

.w-full.flex-1.center {
  height: 175px;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

h1.vnx-page-title {
  font-style: normal;
  font-weight: 700;
  font-size: 38px;
  line-height: 52px;
  color: var(--primary-color);
}

#menu-menu-page li a {
  width: 100%;
  display: block;
  color: #333;
  padding: 10px 15px !important;
  text-decoration: none;
  font-size: 16px;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
}

#menu-menu-page [aria-current]:not([aria-current="false"]) {
  color: var(--primary-color);
}

ul#menu-menu-page a:before {
  content: "\f45c";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-size: 6px;
  vertical-align: middle;
  margin-right: 10px;
  color: var(--primary-color);
}

.menu-menu-page-container {
  margin-top: -30px;
}

.product__price--percent {
  /* padding: 4px; */
  background-size: 115px 35px;
  background-image: url(/wp-content/uploads/2023/09/Thiet-ke-chua-co-ten.png);
  height: 35px;
  left: 10px;
  position: absolute;
  top: -1px;
  width: 115px;
}

p.product__price--percent-detail {
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  margin: 5px 0 0;
  text-align: center;
  width: 100%;
}

/*popup index*/
.tg_popup_slide .textwidget {
  height: auto;
}

.tg_popup_slide {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999999999;
  background: 0 0;
  font-size: 15px;
  display: none;
  background: rgba(0, 0, 0, 0.4);
}

.tg_popup_slide :focus {
  outline: 0 !important;
}

.tg_popup_slide ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.tg_popup_slide ul.slick-dots {
  position: absolute;
  bottom: -20px;
  right: 0;
  width: initial;
  left: 0;
}

.tg_popup_slide ul.slick-dots li button {
  width: 15px;
  height: 15px;
}

.tg_popup_slide ul.slick-dots li a {
  display: inline-block;
  padding: 2px 5px;
  background: #70b521;
  color: #fff;
  font-size: 11px;
}

.tg_popup_slide ul.slick-dots li a:hover {
  text-decoration: none;
}

.tg_popup_slide table td,
.tg_popup_slide table tr {
  border: 1px solid #ccc;
  padding: 5px;
  font-size: 13px;
  line-height: 22px;
  text-align: left !important;
}

.tg_popup_slide .textwidget {
  height: auto;
  overflow: hidden;
}

.tg_popup_slide .textwidget img {
  display: table;
  margin: 0 auto;
  border-radius: 10px;
}

.tg_popup_slide .textwidget a {
  display: block;
}

.tg_popup_slide .textwidget p {
  font-size: 13px;
  line-height: 22px;
}

.tg_popup_slide .content_popup {
  position: relative;
  margin: 90px auto 0 auto;
  z-index: 9;
  width: 80%;
  text-align: center;
  transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  -ms-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  -webkit-transition: all 0.4s linear;
  max-width: 820px;
  width: 100%;
  background: #fff;
  border-radius: 15px;
  text-align: left;
}

.tg_popup_slide .title_top_popslide {
  margin: 0 0 15px 0;
  background: #6f6f6f;
  color: #fff;
  font-size: 16px;
  padding: 10px;
  font-weight: 700;
  line-height: 23px;
  display: none !important;
}

.tg_popup_slide .dear_title_popslide {
  font-size: 15px;
  font-weight: 700;
  margin: 0 0 25px 0;
}

.tg_popup_slide .content_popup p {
  margin: 10px 0 10px 0;
}

.tg_popup_slide .slick-dots li {
  margin: 0 2px;
}

.tg_popup_slide .slick-dots li.slick-active a {
  background: #6f6f6f;
}

.tg_popup_slide .content_popup .title {
  font-size: 18px;
  background: url(/wp-content/uploads/2023/09/cloes_kt_42420234.png) top center
    no-repeat;
  padding-top: 70px;
  margin-bottom: 15px;
}

.tg_popup_slide h2 {
  font-size: 20px;
  margin: 0 0 15px 0;
  line-height: 32px;
  text-align: center;
}

.tg_close_popupslide {
  cursor: pointer;
  text-transform: uppercase;
  display: table;
  margin: 0 auto;
  clear: both;
  position: absolute;
  top: -18px;
  right: -15px;
  z-index: 99;
  width: 45px;
  height: 45px;
  background: url(/wp-content/uploads/2023/09/cloes_kt_42420234.png);
  background-size: 100% 100%;
}

.tg_close_popupslide i.fa {
  display: none;
}

.popup-slide {
  border-radius: 15px !important;
  overflow: hidden;
}

.popup-image img {
  border-radius: 15px;
}

.popup-slide .owl-item,
.popup-slide .owl-item .slide-item {
  border-radius: 15px !important;
}

.popup-slide .owl-nav button {
  margin: 0px !important;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.popup-slide .owl-nav button {
  align-items: center !important;
  background: #fff !important;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2) !important;
  display: flex !important;
  font-size: 1.8rem !important;
  min-height: 60px !important;
  justify-content: center !important;
  opacity: 0.8 !important;
  outline: none !important;
  top: 50% !important;
  transition: 0.3s !important;
  width: 30px !important;
  position: absolute;
  transform: translateY(-50%);
}

.popup-slide .owl-nav button i {
  font-size: 24px;
  font-weight: 900;
  color: #3a3a3a !important;
}

.popup-slide .owl-nav button:hover i {
  color: #3a3a3a !important;
}

.popup-slide .owl-nav button.owl-prev {
  border-radius: 0 100px 100px 0 !important;
  left: 0 !important;
  padding-right: 10px !important;
}

.popup-slide .owl-nav button.owl-next {
  border-radius: 100px 0 0 100px !important;
  padding-left: 10px !important;
  right: 0 !important;
}

.popup-slide .owl-dots button {
  width: 10px !important;
  height: 10px !important;
  min-height: 10px !important;
  background: #fff !important;
  border-radius: 50% !important;
  margin: 0px 4px !important;
}

.owl-dots {
  display: block !important;
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
}

.popup-slide .owl-dots button.active {
  background: var(--primary-color) !important;
}

@media only screen and (max-width: 768px) {
  .tg_popup_slide .content_popup {
    max-width: 90%;
    width: 90%;
  }
}

.content_single_post_hoai tr td,
.content-entry table tr td {
  border-right: 1px solid #000000 !important;
  border-bottom: 1px solid #000000 !important;
}

table.content_single_post_hoai {
  border: 1px solid #000000 !important;
}

/*css single*/

span.author img {
  border-radius: 99px;
  width: 30px;
  height: 30px;
}
span.author {
  color: #58575c;
  font-size: 16px;
  /* text-transform: uppercase; */
}
span.view {
  color: #58575c;
  margin-left: 10px;
}
span.view i {
  color: var(--primary-color);
}
span.date {
  color: #58575c;
  margin-left: 10px;
}
span.date i {
  color: var(--primary-color);
}
span.share a {
  color: #58575c;
  margin-left: 10px;
}
span.share i {
  color: #000000;
}
.category-page-single .container {
  border-radius: 30px;
  border: 5px solid #ededed;
  background: #fff;
  padding: 20px 10px 10px 10px;
}

.icon_lien_ket_mang_single li {
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  margin: 0 7px;
  transition: background-color 0.3s;
}
.icon_lien_ket_mang_single img {
  width: 30px;
  height: 30px;
  display: inline-block;
  background: #3b5998;
  border-radius: 5px;
  text-align: center;
  line-height: 30px;
  font-size: 20px;
  transition: 0.3s ease-in-out;
}
.circle img {
  height: 150px;
  width: 150px;
  border-radius: 999px !important;
  -o-object-fit: cover;
  object-fit: cover;
}
.share_single_s {
  display: flex;
  align-items: flex-end;
}
.share_single_s span.single_s_1 {
  font-size: 16px;
  color: #000;
  margin: 0px;
}
.share_single_s span.single_s_2 {
  margin-left: 20px;
}
.share_single_s_home {
  border-top: 1px solid #58575c;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}
span.single_s_2 img {
  width: 150px;
}
.share_single_s.new {
  margin-left: 10px;
}
.share_single_s.new span.single_s_2 {
  margin-left: 5px;
}
.category-page-single .post-item .post-content {
  width: 100%;
  float: left;
  padding-left: 0px;
}
.category-page-single .post-item .post_meta {
  margin: 7px 9px 10px 7px;
}
.category-page-single .post-item .post-content h3 {
  font-size: 18px;
  color: #000000;
  height: 60px;
  overflow: hidden;
  display: flex;
  -webkit-box-flex: 2;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.category-page-single .post-item {
  margin-bottom: 10px;
  padding: 10px;
  background: #ffffff;
  position: relative;
  border-radius: 10px;
  border: 1px solid #e6e6e6;
  transition-duration: 0.3s;
}
.col.medium-9.noPadding.mt-footer.category-page-single {
  border-radius: 30px;
  border: 5px solid #ededed;
  margin: 0px 0px 25px 0px;
  background: #fff;
  padding: 20px 10px 10px 10px;
  padding: 20px !important;
  /* border-radius: 15px !important; */
  /* box-shadow: 0px 2px 16px rgb(0 0 0 / 10%) !important; */
}
section#category-page .flex-row.align-top {
  padding: 0 20px 20px 20px;
}

article.bk-img-widget .owl-nav {
  display: none !important;
}
.col.medium-9.noPadding.mt-footer .post-item {
  padding: 10px;
  background: #ffffff;
  position: relative;
  border-radius: 10px;
  transition-duration: 0.3s;
  border: 1px solid #e6e6e6;
}

div#DigiCertClickID_ydtsENmf {
  margin-top: 20px;
}

.header-km a i {
  margin-left: 5px;
  font-size: 25px !important;
}
span.author a {
  color: #58575c !important;
  font-size: 16px;
  /* text-transform: uppercase; */
}
p.author-desc.small {
  color: black !important;
}
h5.author-name.uppercase.pt-half a {
  color: #080808;
}

.tg_popup_slide_imgthong_bao {
  position: fixed;
  right: 0px;
  bottom: -10px;
  z-index: 999999;
  transition: 0.3s ease-in-out;
}

.tg_close_popupslide_imgthong_bao {
  cursor: pointer;
  text-transform: uppercase;
  display: table;
  margin: 0 auto;
  clear: both;
  position: absolute;
  top: 0px;
  right: 148px;
  z-index: 99;
  width: 45px;
  height: 45px;
  background: url(/wp-content/uploads/2023/09/cloes_kt_42420234.png);
  background-size: 100% 100%;
}
.tg_close_popupslide_imgthong_bao i.fa {
  display: none;
}

article.bk-table-price.hosting_g .price_hostinsh span {
  font-size: 18px;
  color: #011149;
}

article.bk-table-price.hosting_g .price-wrapper-home-hosting {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.price-item .price-item-header.hosting_k .price-head {
  text-align: center;
  margin: 3px !important;
  color: #000000;
  font-size: 28px;
  font-weight: 700;
}

.price-item .price-item-header.hosting_k .price-wrapper-sale {
  margin: 2px;
}

article.bk-table-price.hosting_g .price-item {
  border-radius: 15px;
  border: 1px solid #f2f2f2;
  box-shadow: 1px 1px 1px #ffffff12, 0 0 10px #98959594, 0 0 8px #908c8c00;
  transition: 0.3s ease-in-out;
  cursor: pointer;
}
article.bk-table-price.hosting_g .price-item .price-item-header {
  display: flex;
  height: auto;
  text-align: center;
  width: 100%;
  padding: 5px 10px 5px 10px;
  align-items: stretch;
  flex-direction: column;
  justify-content: center;
}

article.bk-table-price.hosting_g .phan_khuyen_mai_hostins span {
  font-weight: 600;
  font-size: 16px;
  color: #011149;
  border-radius: 10px;
  padding: 5px;
  background: #cccccc;
}

article.bk-table-price.hosting_g
  .price-item
  .price-item-header
  .price-wrapper-sale
  p {
  margin: 0px !important;
  color: #ff0000;
  font-size: 25px;
  font-weight: 600;
  position: relative;
}

article.bk-table-price.hosting_g
  .price-item
  .price-item-header
  .price-wrapper-sale
  p::before {
  content: "";
  position: absolute;
  left: 10%;
  top: 45px;
  height: 2px;
  width: 80%;
  background: #9e9e9e;
}

article.bk-table-price.hosting_g .price-item:hover {
  transition: 0.3s ease-in-out;
  transform: translateY(-10px);
}

.price-item .price-item-header p.nost_tang {
  font-weight: 600;
  margin-top: 10px !important;
  color: #011149;
  font-size: 20px;
}

article.bk-table-price.hosting_g .price-item .price-item-bodys {
  padding: 0px 15px;
  /*max-height: 350px !important;*/
}

article.bk-table-price.hosting_g .price-item .price-item-bodys ul {
  border: 0px !important;
  list-style: none;
  padding: 0px !important;
}
article.bk-table-price.hosting_g .price-item .price-item-bodys img {
  width: 13px;
  margin-right: 5px;
}
article.bk-table-price.hosting_g .price-item .price-item-bodys {
  width: 100%;
  overflow: hidden;
  position: relative;
  transition: max-height 0.5s ease-in-out;
  padding: 0px 15px;
}

article.bk-table-price.hosting_g .price-item .price-item-footer a {
  margin: auto;
  background: #0093dd;
  width: 80%;
  display: block;
  padding: 8px;
  text-align: center;
  border-radius: 50px;
  color: #fff;
  font-weight: 700;
  font-size: 20px;
  height: unset !important;
  line-height: unset !important;
}

article.bk-table-price.hosting_g .price-item .price-item-footer a:hover {
  background: #fe0f0f;
}

.price-item-bodys p {
  margin: 0px;
}

.price-item-bodys li p span {
  font-weight: 600;
  color: #4c4ad3;
}

.col.medium-9.noPadding.mt-footer.category-page-single ul {
  margin-left: 29px;
}

.single_link_button a.button_style.button_for_all {
  margin: auto;
}
.header_km {
  text-align: right;
}
.header_km_s a {
  width: 60%;
  color: var(--main-color);
  /*border: 1px dashed var(--main-color);*/
  height: 40px;
  display: flex;
  padding: 0px 15px;
  border-radius: 5px;
  font-size: 17px !important;
  line-height: 40px;
  align-items: center;
}
.header_km_s {
  padding: 10px;
  display: flex;
  text-align: right;
  justify-content: flex-end;
  height: 70px;
}
.header_km_s i.fa.fa-gift {
  margin-left: 10px;
}
.header_km_s img {
  width: 120px;
  height: 80px;
  animation: buttonAnimation 1s infinite;
}

@keyframes buttonAnimation {
  0% {
    transform: scale(1); /* Kích thước ban đầu */
  }
  50% {
    transform: scale(1.1); /* Kích thước tăng lên */
  }
  100% {
    transform: scale(1); /* Kích thước trở về ban đầu */
  }
}

.pane-body input#domain-name {
  border: 1px solid #ddd;
  width: 100%;
  min-height: 55px;
  height: 50px;
  line-height: 55px;
  box-shadow: none;
  border-radius: 10px !important;
  padding: 0 0 0 25px;
  overflow: hidden;
  margin: 0px !important;
  font-size: 18px;
}

.col.medium-12.center.kk_star_ratings {
  padding: 10px;
  color: black;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
}
.ten_mien_phi_ls .domain-list {
  display: none;
}
.ten_mien_phi_ls .bk-domain {
  width: 100%;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.accordion_bk .nv-accordion a:before {
  content: "";
  display: none !important;
  background: url(../images/question.png);
  width: 20px;
  height: 20px;
  background-repeat: no-repeat !important;
  margin-right: 10px;
  background-size: 100% !important;
}

.header_km_s_d {
  padding: 10px;
  display: flex;
  text-align: right;
  justify-content: flex-end;
  height: 70px;
}
.header_km_s_d img {
  width: 120px;
  height: 80px;
  animation: buttonAnimation 1s infinite;
}

.col-banggia p {
  margin-bottom: 0px !important;
}
.col-banggia .col-inner {
  border: 2px solid #c7c7c7;
  border-radius: 12px !important;
  padding: 24px !important;
}
.border-bkns {
  border: 2px solid #c7c7c7;
  border-radius: 12px !important;
  padding: 24px !important;
}
.item-bc {
  height: 130px;
  background: linear-gradient(90deg, #1c6ceb 33.65%, #28aeff 100%);
  border-radius: 18px;
}
.text-bkns > p {
  padding: 20px !important;
  line-height: 23px;
  padding-left: 0px !important;
  padding-right: 30px !important;
  margin-bottom: 0px !important;
  color: #fff !important;
  font-size: 14px !important;
}
.text-bkns.right > p {
  padding-right: 0px !important;
  padding-left: 0px !important;
}
.row-bkns:first-child {
  left: 38px;
  position: relative;
}
.row-bkns:nth-child(2) {
  /* Các thuộc tính CSS áp dụng cho phần tử thứ hai */
  left: 114px;
  position: relative;
}

/* CSS cho phần tử thứ ba */
.row-bkns:nth-child(3) {
  /* Các thuộc tính CSS áp dụng cho phần tử thứ ba */
  left: 172px;
  position: relative;
}
.row-bkns-right:first-child {
  right: 164px;
  position: relative;
}
.row-bkns-right:nth-child(2) {
  /* Các thuộc tính CSS áp dụng cho phần tử thứ hai */
  right: 86px;
  position: relative;
}

/* CSS cho phần tử thứ ba */
.row-bkns-right:nth-child(3) {
  /* Các thuộc tính CSS áp dụng cho phần tử thứ ba */
  right: 9px;
  position: relative;
}
.full-h {
  height: 100% !important;
}
.button-close-home {
  background-color: #e1f1ff;
  border-radius: 12px !important;
  margin-top: 20px;
  display: flex;
  gap: 8px;
  align-items: center;
}
.dichvucuachungtoi .large-4 {
  max-width: calc(33.3333333333% - 20px) !important;
  -ms-flex-preferred-size: calc(
    33.3333333333% - 20px
  ) !important; /* For older versions of Internet Explorer */
  flex-basis: calc(33.3333333333% - 20px) !important;
}
.dichvucuachungtoi .medium-4 {
  max-width: calc(33.3333333333% - 20px) !important;
  -ms-flex-preferred-size: calc(
    33.3333333333% - 20px
  ) !important; /* For older versions of Internet Explorer */
  flex-basis: calc(33.3333333333% - 20px) !important;
}
.tabcontent {
  background: #ffffff;
  border: 1px solid #e8e8e8;
  box-shadow: 3px 4px 4.6px rgba(0, 0, 0, 0.15);
  border-radius: 27px;
  overflow: hidden;
  padding: 20px;
  margin-top: 30px;
}
.align-center {
  display: flex;
  align-items: center !important;
}
.faq {
  border: 1px solid #ccc;
  margin-bottom: 10px;
  padding: 0px;
  overflow: hidden;
  border-radius: 12px;
}

.faq-title {
  cursor: pointer;
  font-size: 18px;
  margin: 0;

  font-weight: 500;
  padding-left: 8px;
}

.faq-text {
  height: 0;
  overflow: hidden;
  transition: height 0.3s ease;
  margin-top: 10px;
  padding-left: 8px;
}

.faq-toggle i {
  margin-left: 10px;
}

.faq.open .faq-text {
  height: auto;
}

.faq.open .faq-toggle .fa-chevron-down {
  display: none;
}

.faq.open .faq-toggle .fa-times {
  display: inline;
}

.faq-toggle .fa-times {
  display: none;
}

@-webkit-keyframes glowing {
  0% {
    background-color: #b20000;
    -webkit-box-shadow: 0 0 3px #b20000;
  }
  50% {
    background-color: #ff0000;
    -webkit-box-shadow: 0 0 40px #ff0000;
  }
  100% {
    background-color: #b20000;
    -webkit-box-shadow: 0 0 3px #b20000;
  }
}

@-moz-keyframes glowing {
  0% {
    background-color: #b20000;
    -moz-box-shadow: 0 0 3px #b20000;
  }
  50% {
    background-color: #ff0000;
    -moz-box-shadow: 0 0 40px #ff0000;
  }
  100% {
    background-color: #b20000;
    -moz-box-shadow: 0 0 3px #b20000;
  }
}

@-o-keyframes glowing {
  0% {
    background-color: #b20000;
    box-shadow: 0 0 3px #b20000;
  }
  50% {
    background-color: #ff0000;
    box-shadow: 0 0 40px #ff0000;
  }
  100% {
    background-color: #b20000;
    box-shadow: 0 0 3px #b20000;
  }
}

@keyframes glowing {
  0% {
    background-color: #b20000;
    box-shadow: 0 0 3px #b20000;
  }
  50% {
    background-color: #ff0000;
    box-shadow: 0 0 40px #ff0000;
  }
  100% {
    background-color: #b20000;
    box-shadow: 0 0 3px #b20000;
  }
}
.button-bkns-custom {
  padding: 8px 16px;
  border-radius: 12px;
  background-color: #3498db;
  color: white;
  text-decoration: none;
  display: inline-block;
  transition: all 0.3s ease;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.1);
}

.button-bkns-custom:hover {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.1);
  transform: translateY(-6px);
}
.button.open-video.icon.circle {
  background-color: red;
}
.discount-price {
  text-align: center;
}
.bknks-discount p {
  margin-bottom: 0px !important;
}
.row-bkns-right {
  background-size: contain !important;
}

.mota {
  max-height: 100px; /* Use max-height instead of height for smoother transitions */
  overflow: hidden;
  transition: max-height 0.3s ease-in-out; /* Smooth transition */
}

.mota.expanded {
  max-height: 1000px; /* Set a large enough max-height to accommodate the full content */
}

.see-more {
  cursor: pointer;
  margin: 4px 0px !important;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  width: 100%;
  text-align: center;
}

.rotate-icon {
  transform: rotate(90deg) !important;
}













/*css table son*/

.tabbed-content.giuseart_tabs .title_table_son_bkns {
  color: var(--primary-color);
  font-size: 40px;
  text-align: center;
  line-height: 50px;
  text-transform: capitalize;

}



.owl-carousel.slide-table-price.owl-loaded.owl-drag .price-item-bodys img {
  width: 13px;
  margin-right: 5px;
  display: unset;
}
.owl-carousel.slide-table-price.owl-loaded.owl-drag .price-item-header .price-wrapper-sale p {
  text-align: center;
  margin: 0px !important;
  color: red;
  font-size: 22px;
  font-weight: 600;
  position: relative;
}
.owl-carousel.slide-table-price.owl-loaded.owl-drag  .price-item-header .price-wrapper-sale p::before {
  content: "";
  position: absolute;
  left: 10%;
  top: 45px;
  height: 2px;
  width: 80%;
  background: #9e9e9e;
}
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.owl-carousel.slide-table-price.owl-loaded.owl-drag .price-item-bodys ul {
  border: 0px !important;
  list-style: none;
  padding: 0px !important;
}

.owl-carousel.slide-table-price.owl-loaded.owl-drag .price-item-header {
  width: 100%;

}
.owl-carousel.slide-table-price.owl-loaded.owl-drag .price-item-bodys ul {
  border: 0px !important;
  list-style: none;
  padding: 0px !important;
}


/*.owl-carousel.slide-table-price.owl-loaded.owl-drag .slide-item  .price-item-bodys {*/
/*  padding: 0px 15px;*/
/*  max-height: 350px !important;*/
/*}*/


.owl-carousel.slide-table-price.owl-loaded.owl-drag .slide-item .price-item {
  border-radius: 15px;
  border: 1px solid #f2f2f2;
  box-shadow: 1px 1px 1px #ffffff12, 0 0 10px #98959594, 0 0 8px #908c8c00;
  transition: 0.3s ease-in-out;
  cursor: pointer;
}

/*.owl-carousel.slide-table-price.owl-loaded.owl-drag .slide-item .price-item-bodys:after {*/
/*  content: "";*/
/*  background-image: url(/wp-content/themes/bkns/assets/images/arrow-overlay.png);*/
/*  background-repeat: no-repeat;*/
/*  background-position: center bottom;*/
/*  width: 100%;*/
/*  height: 60px;*/
/*  position: absolute;*/
/*  left: 0;*/
/*  bottom: 0;*/
/*  cursor: pointer;*/
/*  opacity: 1;*/
/*  transition: opacity 0.5s ease-in-out;*/
/*}*/
.owl-carousel.slide-table-price.owl-loaded.owl-drag .slide-item  .price-item-bodys.tp-open {
  max-height: 100% !important;
}
.owl-carousel.slide-table-price.owl-loaded.owl-drag .slide-item .price-item .price-item-bodys.tp-open:after {
  display: none;
}
.owl-carousel.slide-table-price.owl-loaded.owl-drag .slide-item .price-item .price-item-bodys {
  width: 100%;
  overflow: hidden;
  position: relative;
  transition: max-height 0.5s ease-in-out;
  padding: 0px 4px;
}
.owl-carousel.popup-slide.owl-loaded.owl-drag .slide-item {
  margin: 0px;
}
.faq-lists.s2 .accordion.nv-accordion.nv-faq .row  .accordion-item a.accordion-title.plain, strong {
  font-weight: 900 !important;
}


.home-title2 h2 {
  margin: 0px;
  font-size: 30px;
  text-align: center;
  line-height: 30px;
  color: var(--primary-color);
}




/*css câu hoi thương gặp*/
/*.faq-lists.s2 .nv-accordion.nv-faq a {*/
/*    color: var(--primary-color);*/

/*}*/


.faq-lists.s2 .accordion.nv-accordion.nv-faq .row .noPadding:nth-child(1) .accordion-item a.accordion-title.plain,
.faq-lists.s2 .accordion.nv-accordion.nv-faq .row .noPadding:nth-child(4) .accordion-item a.accordion-title.plain,
.faq-lists.s2 .accordion.nv-accordion.nv-faq .row .noPadding:nth-child(5) .accordion-item a.accordion-title.plain,
.faq-lists.s2 .accordion.nv-accordion.nv-faq .row .noPadding:nth-child(8) .accordion-item a.accordion-title.plain,
.faq-lists.s2 .accordion.nv-accordion.nv-faq .row .noPadding:nth-child(9) .accordion-item a.accordion-title.plain {
  background: -webkit-linear-gradient(123deg, #b862fe, #2450e0 32%) !important;
  border-radius: 10px;
}


.faq-lists.s2 .accordion.nv-accordion.nv-faq .row .noPadding:nth-child(1) .accordion-item a.accordion-title.plain ,
.faq-lists.s2 .accordion.nv-accordion.nv-faq .row .noPadding:nth-child(4) .accordion-item a.accordion-title.plain,
.faq-lists.s2 .accordion.nv-accordion.nv-faq .row .noPadding:nth-child(5) .accordion-item a.accordion-title.plain,
.faq-lists.s2 .accordion.nv-accordion.nv-faq .row .noPadding:nth-child(8) .accordion-item a.accordion-title.plain,
.faq-lists.s2 .accordion.nv-accordion.nv-faq .row .noPadding:nth-child(9) .accordion-item a.accordion-title.plain {
  color: #ffffff !important;
}


.faq-lists.s2 .accordion.nv-accordion.nv-faq .row .noPadding:nth-child(1) .accordion-item a.accordion-title.plain i.icon-angle-down,
.faq-lists.s2 .accordion.nv-accordion.nv-faq .row .noPadding:nth-child(4) .accordion-item a.accordion-title.plain i.icon-angle-down,
.faq-lists.s2 .accordion.nv-accordion.nv-faq .row .noPadding:nth-child(5) .accordion-item a.accordion-title.plain i.icon-angle-down,
.faq-lists.s2 .accordion.nv-accordion.nv-faq .row .noPadding:nth-child(8) .accordion-item a.accordion-title.plain i.icon-angle-down,
.faq-lists.s2 .accordion.nv-accordion.nv-faq .row .noPadding:nth-child(9) .accordion-item a.accordion-title.plain i.icon-angle-down {
  color: #ffffff !important;
}



.faq-lists.s2  .accordion.nv-accordion.nv-faq .row .noPadding .accordion-item {
  border-radius: 10px !important;
  border: 1px solid #2cb4ff !important;
}


.faq-lists.s2   .nv-accordion a:before {
  display: none !important;
}


.dicH_vu_back_d_l .owl-carousel.slide-table-price.owl-loaded.owl-drag  .price-item-header .price-head {
  text-align: left;
  margin: 0px !important;
  color: #194ff3;
  font-size: 18px;
  font-weight: 700;
}
..dicH_vu_back_d_l owl-carousel.slide-table-price.owl-loaded.owl-drag .price-item .price-wrapper {
  margin: 3px 0;
  font-weight: 700;
  font-size: 28px;
}
.dicH_vu_back_d_l .owl-carousel.slide-table-price.owl-loaded.owl-drag .price-wrapper span {
  font-size: 16px;
}
.dicH_vu_back_d_l .owl-carousel.slide-table-price.owl-loaded.owl-drag .price-item .price-item-header {

  padding: 17px 8px 4px 18px;
}
.dicH_vu_back_d_l .owl-carousel.slide-table-price.owl-loaded.owl-drag .price-item .price-item-header p {

  color: #000000;

}
.dicH_vu_back_d_l .owl-carousel.slide-table-price.owl-loaded.owl-drag .price-item .price-item-body ul li {
  color: #000000;
}


.dicH_vu_back_d_l .owl-carousel.slide-table-price.owl-loaded.owl-drag .price-item .price-item-body ul li {

  font-size: 15px;
}

section#breadcrumbs\ single .broken_link, a.broken_link {
         text-decoration: blink !important;
}



.phu_hop_bkns_hostings .icon-box.featured-box.icon-box-left.text-left {
  display: flex;
  position: relative;
  margin-top: 20px;
  background: #fff;
  border: 2px solid var(--primary-color);
  border-radius: 15px;
  padding: 10px;
  box-shadow: 0 0 5px #0000004d;
  align-items: center;

}
.tinh_nang_l .col-inner {
  position: relative;
  margin-top: 20px;
  background: #fff;
  border: 2px solid var(--primary-color);
  border-radius: 15px;
  padding: 10px;
  box-shadow: 2px 2px 1px #2196F3, 0 0 10px #98959594, 0 0 8px #1259d8;
  transition: 0.3s ease-in-out;
  cursor: pointer;
}

.phu_hop_bkns_hostings .icon-box.featured-box.icon-box-left.text-left:hover {
  transition: .3s ease-in-out;
  transform: translateY(-10px);
}
.phu_hop_noi_dung h4 span {
  background: #c0e5ff;
  width: 50%;
  display: block;
  padding: 8px;
  text-align: center;
  border-radius: 50px;
  color: #0062ff;
  font-weight: 100;
  font-size: 16px;
  height: unset !important;
  line-height: unset !important;
}
.phu_hop_noi_dung h3 {
  position: relative;
  margin-bottom: 20px;
}
.phu_hop_noi_dung h3::before {
  content: "";
  color: var(--primary-color);
  position: absolute;
  top: 35px;
  left: 0%;
  width: 50%;
  height: 2px;
  background: red;
}
.phu_hop_noi_dung p {
  font-size: 18px;
  color: black;
}



.kk-star-ratings .kksr-stars .review-star img {
  width: 30px;
}
div#DigiCertClickID_NegQCm7C {
  max-width: 100px;
  float: left;
  padding-top: 20px;
}
.home-title h1 {
  text-transform: uppercase;
  color: #F44336 !important;
}



.bk-domain.homes_m a.btn.btn-domain-ai-suggest {
  height: 50px;
  font-size: 18px;
  width: 250px;
  border-radius: 5px;
  display: flex;
  color: #f9f9f9;
  margin-left: 10px;
  /*background: #000000;*/
  align-items: center;
  justify-content: center;
  background: -webkit-linear-gradient(123deg, #b862fe, #2450e0 32%) !important;
}
.bk-domain.homes_m .col.medium-5.noPadding.button_style_home_l {
  display: flex;
  align-items: center;
}
.bk-domain.homes_m button.button_style.btn_style2.button_for_red {
  width: 150px;
}
.bk-domain.homes_m button.button_style.btn_style2.button_for_red span {
  font-size: 18px;
  font-weight: 600;
}
.bk-domain  form#searchDomain a.btn.btn-domain-ai-suggest svg.mr-2 {
  animation: rotatePopup 3s linear infinite;
}
@keyframes rotatePopup {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
p.gia_goit_s_s {
  display: none;
}



aside.floating {
  background: #098cff;
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 200;
  animation: slideIn 0.5s ease-out forwards;
}

@keyframes slideIn {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}

aside.floating:before {
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
  background: linear-gradient(
          to right,
          rgba(255, 255, 255, 0) 0%,
          rgba(255, 255, 255, 0.3) 100%
  );
  transform: skewX(-25deg);

  animation: shine 5s ease-in-out infinite;
  animation-delay: 4s;
}

@keyframes shine {
  0% {
    left: -75%;
  }
  50% {
    left: 125%;
  }
  100% {
    left: 125%;
  }
}




#footer aside.floating a {
  color: #f6f6f6;
  font-size: 25px;
}

aside.floating section.inside>a {
  color: #f6f6f6;
  border-right: 0px !important;
}
aside.floating section.chatus, aside.floating section.inside>a {
  float: left;
  border-right: 1px dotted #ccc;
  text-transform: capitalize;
  vertical-align: middle;
  color: #fff;
  text-align: center;
  width: 33.33%;
  padding: 15px 0;
  cursor: pointer;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  position: relative;
}


section.inside.cover a {
  font-size: 20px;
}