﻿/*#region Tab */
.custom-menu {
	display: block !important;
}

.amis-tab-custom {
  position: fixed;
  top: 70px;
  width: 100%;
  transition: top 0.1s;
  z-index: 1999;
}

.amis-tab-custom-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.amis-tab-custom ul {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-flow: row wrap;
  width: 100%;
}

.amis-tab-custom ul li {
  color: #212121;
  padding: 0;
  margin: 0;
}

.amis-tab-custom ul li:not(:last-child) {
  margin-right: 15px;
}

.amis-tab-custom li {
  display: flex;
}

.amis-tab-custom li:first-child {
  margin-left: 0;
  padding: 0;
}

.amis-tab-custom li a {
  color: #fff;
  padding: 8px 10px;
  border-radius: 5px;
  opacity: 1;
}

.amis-tab-custom.stickyCss li a {
  color: #212121;
}

.amis-tab-custom.stickyCss li a i.arrow {
  border: solid #212121;
  border-width: 0 2px 2px 0;
  margin: 0 0 2px 2px;
  display: inline-block;
  opacity: 0.5;
  padding: 3px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.amis-tab-custom ul li.active a {
  color: #fff;
  opacity: 1;
}

.amis-tab-custom.stickyCss ul li.active > a {
  background: #4262f0;
  color: #fff;
}

.amis-aiMarkting.stickyCss ul li.active > a {
  background: #FF5637;
  color: #fff;
}

.logo-banner-tab {
  display: none;
}

.amis-tab-custom.stickyCss .logo-banner-tab {
  display: block;
}

.amis-tab-custom ul li.only-show-in-sticky {
  display: none;
}

.amis-tab-custom.stickyCss ul li.only-show-in-sticky {
  display: block;
}

.stickyCss {
  position: fixed;
  background: #fff;
  display: flex;
  align-items: center;
  padding: 10px 0;
  top: 0;
  box-shadow: 3px 7px 6px -5px #c9c4c4;
  z-index: 99999;
}

.menu-item {
  position: relative;
}

.menu-item ul.menu-child {
  list-style: none;
  box-shadow: 0 1px 8px -1px #e0e0e0;
  position: absolute;
  top: 44px;
  background: #fff;
  width: 300px;
  height: auto !important;
  padding: 10px 15px 10px;
  display: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.amis-act .menu-item ul.menu-child {
  width: 400px;
}

.menu-item ul.menu-child::before {
  content: " ";
  display: block;
  position: absolute;
  left: 20px;
  top: -8px;
  margin-left: -4px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #fff;
}

.menu-item ul.menu-child::after {
  content: " ";
  display: block;
  position: absolute;
  left: 0;
  top: -10px;
  width: 100%;
  height: 10px;
}

.menu-item ul.menu-child a {
  padding: 4px 0;
}

.menu-item:hover ul.menu-child {
  display: block;
  z-index: 99;
}

.td-toggle {
  display: none;
}

i.arrow {
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  margin: 0 0 2px 2px;
  display: inline-block;
  opacity: 0.5;
  padding: 3px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.menu-child a {
  color: #212121 !important;
}

.menu-col-title {
  font-family: GoogleSans Bold, Arial, sans-serif;
  padding-bottom: 8px;
}

.menu-flex {
  display: flex;
}

.menu-col-1 {
  flex: 1;
}

.menu-col-3 {
  flex: 3;
}

.amis-tab-custom.stickyCss .container {
  width: 100%;
  max-width: 1600px;
}

.amis-act.stickyCss a#tel-banner2 {
  background: url(/sites/amis/images/pages/amis-accounting/ic-phone.svg) no-repeat;
  background-size: 24px;
  background-position: center;
  font-family: GoogleSans Medium, Arial, sans-serif;
  color: #4262f0;
  padding: 0 13px 0 30px;
  display: inline-block;
  height: 32px;
} 

.amis-act.stickyCss a#dungthu-banner2 {
  display: inline-block;
  background: #4262f0;
  height: 40px;
  line-height: 40px;
  color: #fff;
  padding: 0 15px;
  border-radius: 4px;
  overflow: hidden;
}

.amis-act.stickyCss a#dangnhap-banner2 {
  display: inline-block;
  height: 40px;
  line-height: 38px;
  color: #4262f0;
  border: solid 1px #4262f0;
  padding: 0 15px;
  border-radius: 4px;
  overflow: hidden;
}

.toggle-mobile {
  display: none;
}

.ic-mobile:before {
  background: url(/sites/amis-blog/images/digital-conversion-rate/ic-toggle-menu.png) no-repeat center;
  content: '';
  width: 42px;
  height: 42px;
  display: block;
}

.amis-tab-custom.stickyCss .logo-banner-tab img {
  width: auto;
  max-width: unset;
  height: 40px;
}

@media (min-width: 1170px) {
  .amis-tab-custom .container {
    width: 1170px;
  }
}

@media (min-width: 980px) {
  .amis-tab-custom.stickyCss ul {
    justify-content: flex-end;
  }

  .menu-item:hover ul.menu-child {
    display: flex;
    align-items: flex-start;
    flex-flow: row wrap;
    width: 445px;
  }

  .amis-act .menu-item:hover ul.menu-child {
    width: 600px;
    left: -250px;
  }

  .amis-act .menu-item ul.menu-child::before {
    left: 50%;
  }

  .menu-item ul.menu-child .menu-col {
    width: 50%;
  }
}

@media (max-width: 1200px) {
  .amis-tab-custom.stickyCss li a {
    font-size: 14px;
    padding: 8px;
  }

  .amis-tab-custom ul li:not(:last-child) {
    margin-right: 10px;
  }
}

@media (max-width: 1070px) {
  .amis-tab-custom.stickyCss ul {
    display: none;
  }

  .amis-tab-custom.stickyCss .toggle-mobile {
    display: block;
  }

  .amis-tab-custom ul {
    display: none;
  }
}

@media (max-width: 979px) {
  .amis-tab-custom {
    display: none;
  }

  .amis-tab-custom.stickyCss {
    display: block;
  }
}

@media (max-width: 767px) {
  .amis-tab-custom {
    top: 15px;
  }

  .amis-tab-custom li a {
    font-size: 14px;
  }

  .amis-tab-custom.stickyCss {
    top: 0;
  }
}

.menu-item:hover ul.menu2 {
  display: block;
  width: 264px;
}

/*#endregion*/

/*#region mobile menu */
@media (max-width: 700px) {
  .amis-tab-custom-wrap ul:nth-child(2) {
    display: none;
  }
}

@media (min-width: 701px) {
  .amis-tab-custom-wrap ul:nth-child(3) {
    display: none;
  }
}

.amis-tab-custom-wrap ul:nth-child(3) {
  padding-bottom: 10px;
}

.amis-mobile-menu {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  height: 100%;
  width: 0;
  overflow-y: auto;
  background-image: linear-gradient(#36404a, #378bac);
}

.mobile-container {
  position: relative;
}

.mobile-close {
  position: absolute;
  right: 1px;
  top: 0;
  z-index: 1000;
}

.mobile-header {
  height: 60px;
}

.mobile-close .td-icon-close-mobile {
  height: 70px;
  width: 70px;
  line-height: 70px;
  font-size: 21px;
  color: #fff;
  top: 4px;
  position: relative;
}

.mobile-content {
  padding: 20px 20px 0;
}

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

.mobile-content ul li {
  margin: 0;
  padding: 0;
}

.mobile-content li a {
  color: #fff;
  padding: 12px 30px 12px 12px;
  line-height: 1.42857143;
  display: block;
}

.mobile-content .td-icon-menu-right {
  font-size: 14px;
  padding: 6px 12px;
  right: 15px;
  position: absolute;
}

.mobile-content .mobile-sub-menu {
  display: none;
}

.mobile-content .mobile-sub-menu a {
  padding: 9px 26px 9px 36px;
}

.mobile-main-menu i {
  transition: transform 0.3s ease;
}

.mobile-main-menu i.rotate-down {
  transform: rotate(90deg);
  /* transition: transform 0.3s ease; */
}

/*#endregion*/
/*#region wesign */
.sub-wesign {
  width: fit-content !important;
}
.sub-wesign a {
  width: max-content;
}
/*👉.sub-wesign a:hover {
  font-family: GoogleSans Bold, Roboto, Arial, sans-serif;
}👈*/
/*#endregion wesign */
