/** menu toggle button **/

.toggle-nav,
.icon-bar {
  width: 24px;
  flex-direction: column;
  height: 20px;
  justify-content: space-between;
  border-radius: 3px
}

.toggle-nav .bar,
.icon-bar .bar {
  height: 3px;
  background: #333;
  width: 24px;
}

.toggle-nav .b ar:nth-child(2),
.icon-bar .bar:nth-child(2) {
  width: 86% !important
}

.icon-bar {
  cursor: auto !important
}

.icon-bar .bar {
  background: var(--text-color);
  height: 2px
}

.icon-bar .bar:nth-child(2) {
  width: 20px
}

/** end menu toggle button **/
/** mid header  **/.mid-header {
  background: var(--header-background);
  padding: 10px 0
}

.mid-header .logo-wrapper {
  max-width: 248px;
  display: block
}
.mid-header .toggle-nav {
  width: 24px;
  flex-direction: column;
  height: 20px;
  justify-content: space-between;
  border-radius: 3px
}

.mid-header .toggle-nav .bar {
  height: 3px;
  background: var(--primary-color);
  width: 24px;
  border-radius: 3px
}

.mid-header .toggle-nav .bar:nth-child(2) {
  width: 75%
}


@media (max-width: 992px) {
  .mid-header .logo-wrapper {
    margin: auto
  }

}

@media (max-width: 991px) and (min-width: 768px) {
  .logo-wrapper{
    padding-left: 128px;
  }
}

@media (max-width: 767px) and (min-width: 540px){
  .logo-wrapper{
    padding-left: 120px;
  }
}

/** end mid header  **/
/** header right **/
.header-right {
  font-size: 14px
}

.header-right .fas {
  font-size: 24px
}

.header-right a {
  color: var(--header-color)
}

.header-right a:hover {
  text-decoration: none;
}

/** end header right **/

/** mini cart **/.mini-cart .no-item {
  text-align: center
}

.mini-cart .no-item p {
  margin: 0 auto
}

.mini-cart > a .count_item {
  position: absolute;
  display: inline-block;
  background: #D1D1D1;
  border-radius: 999px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  color: #000000;
  font-size: 12px;
  top: -5px;
  right: 0
}

@media (max-width: 575px) {
  .mini-cart > a .count_item {
    font-size: 9px
  }

}
.mini-cart .no-item {
  text-align: center
}

.mini-cart .no-item p {
  margin: 0 auto
}


@media (max-width: 575px) {
  .mini-cart > a .count_item {
    font-size: 9px
  }

}

@media (max-width: 767px) {
  .mini-cart > a {
    position: relative;
  }
  .mini-cart .count_item {
    position: absolute;
    right: -12px;
    top: -5px;
    font-size: 10px;
  }
}

@media (max-width: 991px) {
  .mini-cart > a {
    display: flex;
    justify-content: center;
    padding: 0 5px;
  }

  .mini-cart > a .count_item{
    right: 9px;
  }
}


/** end mini-cart **/


/** search **/#search-header .custom-input-group {
  z-index: 1000
}

#search-header .custom-input-group .input-group-field {
  background: #f1f1f1
}

@media (max-width: 991px) {
  #search-header .custom-input-group .input-group-field {
    height: 35px;
    font-size: 12px
  }

}

@media (max-width: 991px) {
  #search-header {
    order: 1;
    margin-top: 10px
  }

}

@media (max-width: 375px) {
  #search-header .custom-input-group .input-group-field {
    padding-right: 45px
  }

  #search-header .btn {
    padding: 4px 10px
  }

}

#search-header .search-dropdow .search__list {
  display: block !important;
  white-space: nowrap;
  overflow: auto
}

#search-header .search-dropdow .search__list > li {
  display: inline-block
}
.search-overlay {
  position: fixed;
  z-index: -1;
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100vh;
  top: 0 !important;
  left: 0;
  opacity: 0;
  visibility: hidden
}

.search-overlay.active {
  opacity: 1;
  z-index: 999;
  visibility: visible
}

.search__list a {
  font-size: 12px;
  color: #6c757d
}

.search__list a:hover {
  color: var(--header-color)
}
/** end search **/

/** subheader **/.subheader {
  --subheader-padding: 0;
  background: var(--subheader-background);
  color: var(--subheader-color);
  display: flex;
  align-items: center;
  padding-top: 10px
}

.subheader .toogle-nav-wrapper {
  padding: 16px 0 20px;
  border-radius: 5px 5px 0 0;
  border: 1px;
  color: var(--subheader-background);
  background: var(--subheader-color);
  font-weight: 500
}

.subheader .navigation-wrapper {
  font-weight: 400
}

.subheader .toogle-nav-wrapper .icon-bar {
  width: 20px;
  height: 18px;
  margin-left: 15px
}

.subheader .toogle-nav-wrapper .icon-bar .bar {
  background: var(--subheader-background);
  width: 20px
}

@media (max-width: 991px) {
  .subheader {
    display: none
  }

}

.subheader .container {
  display: grid;
  grid-template-columns: calc(20% - 24px) 1fr;
  justify-content: space-between;
  align-items: center;
  grid-gap: 15px
}

@media (max-width: 1024px) {
  .subheader .container {
    grid-template-columns: calc(25% - 24px) 1fr
  }

}
.subheader .container > * {
  padding-bottom: 8px
}
.shop-policises {
  justify-content: flex-start
}

.shop-policises li {
  display: flex;
  align-items: center
}

.shop-policises li + * {
  margin-left: 15px
}

.shop-policises div {
  width: 40px;
  height: 40px;
  padding: 4px;
  margin-right: 6px;
  display: flex;
  align-items: center;
  justify-content: center
}

@media (max-width: 991px) {
  .shop-policises div {
    width: 32px;
    height: 32px
  }

}

.shop-policises .link {
  font-size: 16px
}

@media (min-width: 992px) {
  .shop-policises .link {
    color: var(--subheader-color)
  }

  .shop-policises .link:hover {
    color: var(--secondary-color)
  }

}

/** end subheader **/
/** ega-header **/.header_sticky {
  position: fixed;
  transform: translateY(-120px);
  top: 0 !important;
  left: 0;
  width: 100%;
  z-index: -1;
  transition: transform 0.3s ease-out;
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.4);
  opacity: 0;
  background: #fff
}

.header_sticky.active {
  z-index: 1000;
  transform: translateY(0);
  opacity: 1
}

.header_sticky .mid-header {
  font-size: 14px;
  padding: 0
}

.header_sticky .mid-header:after {
  content: none !important
}

.header_sticky .toogle-nav-wrapper {
  margin: -5px 0
}

.header_sticky .toogle-nav-wrapper:hover ~ .sticky-overlay {
  position: fixed;
  width: 100vw;
  height: 100vh;
  z-index: -1;
  background: rgba(0, 0, 0, 0.3);
  left: 0;
  top: 0
}

.header_sticky .toogle-nav-wrapper .navigation-wrapper {
  margin-top: 0
}

.header_sticky .navigation {
  --nav-height: 75vh
}

.header_sticky #search-header {
  order: 0 !important;
  margin: 0 !important
}


.ega-header:not(.header_sticky) {
  top: 0;
  position: sticky;
  position: -webkit-sticky;
  z-index: 1000;
  background: #F8F1EC
}

.ega-header.active {
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.4)
}

.ega-header .header-wrap {
  height: 65px;
  display: grid;
  grid-template-columns: 200px 1fr 200px;
  align-items: center;
  gap: 15px;
}

.ega-header .header-wrap .header-right {
  display: flex;
  justify-content: flex-end
}

.ega-header .header-wrap .header-right__icons {
  display: grid;
  grid-template-columns: var(--header-grid-template);
  width: 200px;
  text-align: center
}

.ega-header .header-wrap .header-right__icons .icon {
  font-size: 32px
}

.ega-header .header-wrap .header-right__icons .icon-action__search {
  cursor: pointer
}

.ega-header .header-wrap .header-right__icons #icon-account {
  position: relative
}

.ega-header .header-wrap .header-right__icons #icon-account .account-action {
  position: absolute;
  background: #333;
  border-radius: 5px;
  color: #fff;
  transition-duration: 0.3s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  visibility: hidden;
  text-align: left;
  left: 50%;
  transform: translateX(-50%);
  top: calc(100% + 10px);
  width: 95px
}

.ega-header .header-wrap .header-right__icons #icon-account .account-action a {
  display: block;
  padding: 7px 8px
}
.ega-header .header-wrap .header-right__icons #icon-account .account-action a:hover {
  background: #6666;
}
.ega-header .header-wrap .header-right__icons #icon-account .account-action:before {
  background: transparent;
  content: '';
  position: absolute;
  bottom: 100%;
  height: 10px;
  left: 0;
  width: 100%
}

.ega-header .header-wrap .header-right__icons #icon-account .account-action:after {
  background: #333333;
  content: '';
  height: 14px;
  position: absolute;
  transform: rotate(45deg);
  width: 14px;
  z-index: -1;
  left: calc(50% - 7px);
  top: -7px
}

.ega-header .header-wrap .header-right__icons #icon-account:hover .account-action {
  opacity: 1;
  visibility: visible;
  z-index: 99;
}


.ega-header .mega-menu-content {
  position: absolute;
  width: 100%;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 5px 58px 10px 40px;
  background-color: #fff;
  border: 1px solid #EEE;
  border-top: 2px solid #d9121f;
  height: auto;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  -webkit-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease
}

.ega-header .mega-menu-content .nav-links {
  --col-menu: 3;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(calc(100% / var(--col-menu)), 1fr))
}

.ega-header .mega-menu-content .nav-links__item {
  padding: 5px 10px
}

.ega-header #primary-menu {
  display: flex;
  justify-content: center
}

.ega-header.header_sticky {
  position: fixed
}

.ega-header.header_sticky .header-wrap {
  height: auto;
  padding-top: 30px;
  padding-bottom: 30px;
  justify-items: center
}
.ega-header.header_sticky .ega-form-search {
  width: 650px !important;
  max-width: 100%;
}
#ega-smartsearch-search-suggestion {
  width: 640px !important
}

.ega-header.header_sticky .ega-header-layer {
  display: none;
  position: absolute;
  content: "";
  background: #000;
  width: 100%;
  height: 100vh;
  opacity: .6;
  left: 0;
}

.ega-header.header_sticky.active .ega-header-layer {
  display: block
}

header.ega-header .navigation--horizontal {
  width: 100%;
  position: initial;
  justify-content: center;
}

header.ega-header .navigation--horizontal .navigation-arrows {
  display: none
}

header.ega-header .navigation--horizontal .navigation-arrows i {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer
}

header.ega-header .navigation--horizontal .navigation-arrows i:not(.disabled):hover {
  background: rgba(238, 238, 238, 0.4);
  border-radius: 100%
}

header.ega-header .navigation--horizontal .navigation-arrows i.disabled {
  cursor: not-allowed;
  opacity: 0.3
}

header.ega-header .navigation-wrapper {
  overflow: hidden;
  max-height: 65px;
}

header.ega-header .navigation-wrapper.overflow + .navigation-arrows {
  display: flex;
  align-items: center
}

@media(max-width: 991px) {
  .ega-header.header_sticky .header-wrap {
    grid-template-columns: 1fr;
    padding-left: 0;
    padding-right: 0
  }
  .ega-header.header_sticky #logo,
  .ega-header.header_sticky .header-right {
    display: none !important
  }

}
@media (max-width: 991px) {
  .ega-header .header-wrap {
    padding: 0 15px;
    grid-template-columns: auto 1fr 200px;
    gap: 10px;
  }

  .ega-header .header-wrap .header-right__icons {
    width: auto;
    display: inline-grid;
    grid-template-columns: repeat(3, 1fr);
  }

  .ega-header .header-wrap .header-right__icons.has-wishlist {
    grid-template-columns: repeat(4, 1fr);
  }

  .ega-header .header-wrap #logo {
    text-align: center
  }
  #ega-smartsearch-search-suggestion,
  .ega-header.header_sticky .ega-form-search {
    width: 100% !important;
  }

  #ega-smartsearch-search-suggestion {
    width: calc(100% - 10px) !important
  }
}

/** end  ega-header **/
/** navigation **/.navigation {
  --nav-height: 313px;
  min-height: 100%;


  /*
	overflow-x: auto;
	*/
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  max-width: 100%;
  width: 100%;

}


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

.navigation.overflow {
  overflow: hidden
}

.navigation::-webkit-scrollbar {
  display: none
}

.navigation .list-group-item {
  padding: 0;
  border-bottom: 0;
  background: transparent
}

.navigation .list-group-item:hover > a:after {
  filter: brightness(0.9)
}

.navigation .list-group-item > a {
  text-decoration: none;
  white-space: nowrap;
  display: flex;
  align-items: center;
  background: var(--main-menu-bg);
  color: var(--main-menu-color);
  padding: 20px 15px;
  position: relative;
  font-weight: 500;
}

.navigation .list-group-item > a:hover {
  color: var(--primary-color)
}

.navigation .list-group-item > a:after {
  background: var(--main-menu-color);
  background-color: currentColor;
  bottom: calc(1.25rem - 5px);
  content: "";
  height: 2px;
  left: 1rem;
  position: absolute;
  width: 0;
  transition: width 0.2s ease-in-out;
}
.navigation .list-group-item > a > img {
  max-width: 24px;
  max-height: 24px;
  object-fit: contain;
  margin-right: 4px;
}
@media(min-width: 1024px) {
  .navigation .list-group-item:hover > a:after {
    width: calc(100% - 30px)
  }
}
.navigation .list-group-item > a > span img {
  width: 24px;
  height: 24px;
  object-fit: contain;
  margin-right: 4px;
  animation: pulsate 1s ease-in alternate;
  animation-iteration-count: infinite
}

.navigation .list-group-item > a i,
.navigation .list-group-item > a svg {
  margin-left: 6px
}

@media (min-width: 992px) {
  .navigation .list-group-item > a i,
  .navigation .list-group-item > a svg {
    transform: rotate(45deg);
    margin-top: -3px
  }

}

.header_sticky .navigation .list-group-item > a i,
.header_sticky .navigation .list-group-item > a svg {
  transform: rotate(0deg)
}

.navigation .menu-item {
  position: initial
}

@media (min-width: 992px) {
  .navigation .menu-item .submenu:hover,
  .navigation .menu-item a:hover + .submenu {
    display: block;
    z-index: 900
  }

}

.navigation .submenu {
  display: none;
  width: 100%;
  min-height: 100px;
  max-height: 80vh;
  padding: 14px 20px;
  border-radius: 0;
  position: absolute;
  bottom: auto;
  top: 100%;
  left: 0;
  background: #fff;
  margin-left: 0;
  box-shadow: rgba(0, 0, 0, 0.06) 0 5px 8px 0;
  z-index: 1;
  overflow: auto;
  font-size: 1rem;
}

.submenu__level3 {
  padding: 0 14px;
  list-style-type: none;
}

.navigation .submenu__list {
  grid-gap: 10px 5px;
  padding: 0;
  list-style: none
}


/* For tablets and mobiles */
@media (max-width: 992px) {
  .navigation .submenu__list {
    flex-direction: column;
  }
}

.navigation .submenu__col {
  display: flex;
  flex-direction: column;
  align-items: start;
  font-size: 1rem
}

.submenu__col a:hover {
  color: #93C6BC !important;
}
.navigation .submenu__col .submenu__item {
  margin-bottom: 4px
}
.submenu__col .submenu__item:not(.submenu__item--main) a {
  color: #666666;
}
.submenu__col .submenu__item:not(.submenu__item--main) a:hover {
  color: var(--link-color);
}

.navigation .submenu__item--main {
  font-weight: 700;
  margin: 12px 0 0;
}

.navigation .submenu__item--main a {
  color: #000000;
}


.navigation .submenu__item--main a:hover,
.submenu__item--main2 a:hover {
  color: #93C6BC;
}
.navigation .submenu__level2 {
  font-weight: 700;
  margin: 5px 14px 0;
}

.navigation .submenu__level2 a {
  border-bottom: 1px solid transparent;
  color: #777;
  display: inline-block;
  font-size: 15px;
  letter-spacing: 0.47px;
  line-height: 1;
  text-decoration: none;
  transition: 0.1s ease-in-out;
  white-space: nowrap;
}


.navigation .submenu__level2.no_child {
  font-weight: 400;
}

.submenu__level2.no_child a:hover {
  font-weight: 400;
}


.submenu__item--level3 {
  font-weight: 400;
}


.navigation .submenu.default {
  width: auto;
  bottom: initial;
  left: inherit;
  height: auto;
  width: 250px
}

.navigation .submenu.default .submenu__list {
  display: flex;
  flex-direction: column;
  align-items: flex-start
}

/** end naviagtion **/

.desktop-nav {
  height: 40px;
}

.desktop-nav .desktop-nav-items {
  height: inherit;
}


/** navigation-menu **/
@media (max-width: 991px) {
  .desktop-nav {
    display: none;
  }

  .mobile-nav .mobile-nav-items {
    background: white !important;
    align-content: start;
  }
}

@media (min-width: 992px) {
  .mobile-nav {
    display: none;
  }
}

/* Cờ */
.language_navtitle {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.language_navtitle svg {
  margin-left: 5px;
}
.language_navtop ul,
.language_navtop li {
  margin: 0 !important;
  padding: 0 !important;
}
.language_navtop {
  position: relative;
  line-height: 38px;
  margin-right: 0;
  margin-left: 8px;
  transform: translateY(-5px);
}
.language_navtop .language_navtitle span {
  display: inline-block;
  vertical-align: middle;
}
.language_navtop .language_navtitle > i,
.language_navtop .language_navtitle >.fa,
.language_navtop .language_navtitle > svg {
  font-size: 12px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px;
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
}
.language_navtop:hover .language_navtitle > i,
.language_navtop:hover .language_navtitle > .fa,
.language_navtop:hover .language_navtitle > svg {
  color: #2979ff;
  -moz-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.language_navtop .language_navtitle span svg,
.language_dropdown ul li > a span svg {
  width: 30px;
  height: 30px;
  display: block;
}
.language_navcontent {
  position: absolute;
  z-index: 99999;
  top: 100%;
  right: -10px;
  width: 165px;
  padding: 0 10px 10px;
  overflow: hidden;
  height: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(10px);
  -ms-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.language_navcontent .language_dropdown {
  background: #fff;
  border-radius: 4px;
  margin-top: 20px;
  box-shadow: 0 0 7px 0 rgba(8, 88, 157, 0.2);
}
.language_navcontent .language_dropdown:after,
.language_navcontent .language_dropdown:before {
  content: '';
  position: absolute;
  top: 16px;
  right: 45px;
  border: 5px solid transparent;
  border-top-color: #fff;
  border-right-color: #fff;
  box-shadow: 0 0 7px 0 rgba(8, 88, 157, 0.2);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.language_dropdown ul {
  background-color: #fff;
  position: relative;
  z-index: 2;
  margin: 0
}
.language_dropdown ul li {
  display: block;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.language_dropdown ul li + li {
  border-top: 1px solid #dfe3e8;
}
.language_dropdown ul li > a {
  margin: 0;
  font-size: 13px;
  color: #3d5067;
  display: block !important;
  text-align: left;
  line-height: initial;
  padding: 5px 9px;
}
.language_dropdown ul li > a span {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
.language_dropdown ul li:hover {
  background: #e3f2fd;
}
.language_dropdown ul li:hover a {
  text-decoration: none;
}
.language_dropdown ul li:hover a:after {
  display: none;
}
.language_hovertop:hover .language_navcontent {
  height: auto;
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
  -webkit-transform: translateY(-12px);
  -ms-transform: translateY(-12px);
  transform: translateY(-12px);
}
.js-parents.hover-bg .language_dropdown:after,
.js-parents.hover-bg .language_dropdown:before {
  border-top-color: #e3f2fd;
  border-right-color: #e3f2fd;
}

.header-topbar {
  display: none;
  background: #e3f2fd;
  padding: 4px 0;
  border-bottom: 1px solid #c4e2fc;
  text-align: right;
}
.header-topbar .navTop {
  margin: 0;
  position: relative;
}
.header-topbar .navTop > li {
  display: inline-block;
  vertical-align: middle;
}
.navTop > li > a {
  font-size: 14px;
}
.navTop li.language_mobile {
  position: relative;
  cursor: pointer;
  float: left
}
.navTop li.language_mobile .language_flag {
  background-color: #fff;
  border: 1px solid #d8edff;
  height: 22px;
  line-height: 19px;
  padding: 0 20px 0 28px;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  border-radius: 13px;
  color: #3d5067;
  font-size: 12px;
}
.navTop li.language_mobile .language_flag .flag {
  width: 12px;
  height: 12px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  left: 8px;
  top: 5px;
  display: inline-block;
}
.navTop li.language_mobile .language_flag .flag.en {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cmVjdCB5PSI4NS4zMzMiIHN0eWxlPSJmaWxsOiNGMEYwRjA7IiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjM0MS4zMzciLz48cG9seWdvbiBzdHlsZT0iZmlsbDojRDgwMDI3OyIgcG9pbnRzPSIyODgsODUuMzMgMjI0LDg1LjMzIDIyNCwyMjMuOTk2IDAsMjIzLjk5NiAwLDI4Ny45OTYgMjI0LDI4Ny45OTYgMjI0LDQyNi42NjIgMjg4LDQyNi42NjIgMjg4LDI4Ny45OTYgNTEyLDI4Ny45OTYgNTEyLDIyMy45OTYgMjg4LDIyMy45OTYgIi8+PGc+PHBvbHlnb24gc3R5bGU9ImZpbGw6IzAwNTJCNDsiIHBvaW50cz0iMzkzLjc4NSwzMTUuMzU4IDUxMiwzODEuMDM0IDUxMiwzMTUuMzU4ICIvPjxwb2x5Z29uIHN0eWxlPSJmaWxsOiMwMDUyQjQ7IiBwb2ludHM9IjMxMS42NTIsMzE1LjM1OCA1MTIsNDI2LjY2MiA1MTIsMzk1LjE4OCAzNjguMzA3LDMxNS4zNTggIi8+PHBvbHlnb24gc3R5bGU9ImZpbGw6IzAwNTJCNDsiIHBvaW50cz0iNDU4LjYzNCw0MjYuNjYyIDMxMS42NTIsMzQ0Ljk5OCAzMTEuNjUyLDQyNi42NjIgIi8+PC9nPjxwb2x5Z29uIHN0eWxlPSJmaWxsOiNGMEYwRjA7IiBwb2ludHM9IjMxMS42NTIsMzE1LjM1OCA1MTIsNDI2LjY2MiA1MTIsMzk1LjE4OCAzNjguMzA3LDMxNS4zNTggIi8+PHBvbHlnb24gc3R5bGU9ImZpbGw6I0Q4MDAyNzsiIHBvaW50cz0iMzExLjY1MiwzMTUuMzU4IDUxMiw0MjYuNjYyIDUxMiwzOTUuMTg4IDM2OC4zMDcsMzE1LjM1OCAiLz48Zz48cG9seWdvbiBzdHlsZT0iZmlsbDojMDA1MkI0OyIgcG9pbnRzPSI5MC4zNDEsMzE1LjM1NiAwLDM2NS41NDYgMCwzMTUuMzU2ICIvPjxwb2x5Z29uIHN0eWxlPSJmaWxsOiMwMDUyQjQ7IiBwb2ludHM9IjIwMC4zNDgsMzI5LjUxIDIwMC4zNDgsNDI2LjY2MSAyNS40OTEsNDI2LjY2MSAiLz48L2c+PHBvbHlnb24gc3R5bGU9ImZpbGw6I0Q4MDAyNzsiIHBvaW50cz0iMTQzLjY5MywzMTUuMzU4IDAsMzk1LjE4OCAwLDQyNi42NjIgMCw0MjYuNjYyIDIwMC4zNDgsMzE1LjM1OCAiLz48Zz48cG9seWdvbiBzdHlsZT0iZmlsbDojMDA1MkI0OyIgcG9pbnRzPSIxMTguMjE1LDE5Ni42MzQgMCwxMzAuOTU4IDAsMTk2LjYzNCAiLz48cG9seWdvbiBzdHlsZT0iZmlsbDojMDA1MkI0OyIgcG9pbnRzPSIyMDAuMzQ4LDE5Ni42MzQgMCw4NS4zMyAwLDExNi44MDQgMTQzLjY5MywxOTYuNjM0ICIvPjxwb2x5Z29uIHN0eWxlPSJmaWxsOiMwMDUyQjQ7IiBwb2ludHM9IjUzLjM2Niw4NS4zMyAyMDAuMzQ4LDE2Ni45OTQgMjAwLjM0OCw4NS4zMyAiLz48L2c+PHBvbHlnb24gc3R5bGU9ImZpbGw6I0YwRjBGMDsiIHBvaW50cz0iMjAwLjM0OCwxOTYuNjM0IDAsODUuMzMgMCwxMTYuODA0IDE0My42OTMsMTk2LjYzNCAiLz48cG9seWdvbiBzdHlsZT0iZmlsbDojRDgwMDI3OyIgcG9pbnRzPSIyMDAuMzQ4LDE5Ni42MzQgMCw4NS4zMyAwLDExNi44MDQgMTQzLjY5MywxOTYuNjM0ICIvPjxnPjxwb2x5Z29uIHN0eWxlPSJmaWxsOiMwMDUyQjQ7IiBwb2ludHM9IjQyMS42NTksMTk2LjYzNiA1MTIsMTQ2LjQ0NiA1MTIsMTk2LjYzNiAiLz48cG9seWdvbiBzdHlsZT0iZmlsbDojMDA1MkI0OyIgcG9pbnRzPSIzMTEuNjUyLDE4Mi40ODIgMzExLjY1Miw4NS4zMzEgNDg2LjUwOSw4NS4zMzEgIi8+PC9nPjxwb2x5Z29uIHN0eWxlPSJmaWxsOiNEODAwMjc7IiBwb2ludHM9IjM2OC4zMDcsMTk2LjYzNCA1MTIsMTE2LjgwNCA1MTIsODUuMzMgNTEyLDg1LjMzIDMxMS42NTIsMTk2LjYzNCAiLz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48L3N2Zz4=');
  background-size: 25px 25px;
  background-repeat: no-repeat;
  background-position: center;
}
.navTop li.language_mobile .language_flag .flag.vn {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBzdHlsZT0iZmlsbDojRDgwMDI3OyIgcG9pbnRzPSIxOTYuNjQxLDg1LjMzNyAwLDg1LjMzNyAwLDQyNi42NjMgMTk2LjY0MSw0MjYuNjYzIDUxMiw0MjYuNjYzIDUxMiw4NS4zMzcgIi8+PHBvbHlnb24gc3R5bGU9ImZpbGw6I0ZGREE0NDsiIHBvaW50cz0iMjU2LDE1Ny4yNzkgMjc4LjY2MywyMjcuMDI2IDM1MiwyMjcuMDI2IDI5Mi42NjgsMjcwLjEzMiAzMTUuMzMyLDMzOS44ODEgMjU2LDI5Ni43NzQgMTk2LjY2OCwzMzkuODgxIDIxOS4zMzIsMjcwLjEzMiAxNjAsMjI3LjAyNiAyMzMuMzM3LDIyNy4wMjYgIi8+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PC9zdmc+');
  background-size: 25px 25px;
  background-repeat: no-repeat;
  background-position: center;
}
.navTop li.language_mobile .language_flag .flag.th {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4gPHBhdGggc3R5bGU9ImZpbGw6I0Y1RjVGNTsiIGQ9Ik01MDMuMiw0MjMuN0g4LjhjLTQuOSwwLTguOC00LTguOC04LjhWOTcuMWMwLTQuOSw0LTguOCw4LjgtOC44aDQ5NC4zYzQuOSwwLDguOCw0LDguOCw4Ljh2MzE3LjggQzUxMiw0MTkuOCw1MDgsNDIzLjcsNTAzLjIsNDIzLjd6Ij48L3BhdGg+IDxnPiA8cGF0aCBzdHlsZT0iZmlsbDojRkY0QjU1OyIgZD0iTTUwMy4yLDQyMy43SDguOGMtNC45LDAtOC44LTQtOC44LTguOHYtNDQuMWg1MTJ2NDQuMUM1MTIsNDE5LjgsNTA4LDQyMy43LDUwMy4yLDQyMy43eiI+PC9wYXRoPiA8cGF0aCBzdHlsZT0iZmlsbDojRkY0QjU1OyIgZD0iTTguOCw4OC4zaDQ5NC4zYzQuOSwwLDguOCw0LDguOCw4Ljh2NDQuMUgwVjk3LjFDMCw5Mi4yLDQsODguMyw4LjgsODguM3oiPjwvcGF0aD4gPC9nPiA8cmVjdCB5PSIxOTQuMiIgc3R5bGU9ImZpbGw6IzQxNDc5QjsiIHdpZHRoPSI1MTIiIGhlaWdodD0iMTIzLjYiPjwvcmVjdD4gPC9zdmc+');
  background-size: 25px 25px;
  background-repeat: no-repeat;
  background-position: center;
}
.navTop li a.link-login {
  height: 26px;
  line-height: 26px;
  color: #0180fe;
  font-family: 'sfuiText_bold';
  margin-left: 20px;
  border-bottom: 1px solid #0180fe;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .header-topbar {
    display: block;
  }
  .language_mobile .language_navcontent {
    left: -15px;
  }
  .language_mobile .language_navcontent .language_dropdown:after,
  .language_mobile .language_navcontent .language_dropdown:before {
    right: 72%;
  }
}
@media (max-width: 767px) {
  .header-topbar {
    display: block;
  }
  .navTop li a.link-login {
    display: none;
  }
}