:root {
  --main_bg: #109DAD;
  --button_bg: #0F4C75;
  --banner_bg: #1f2434;
  --search_bg: #c9e4ea;
  --search_color: #000;
  --inactive_button_bg: #d3d3d3;
}

.top_menu {
  background: var(--main_bg);
}

.navbar-dark .navbar-nav .active .nav-link,
.navbar-dark .navbar-nav .active .nav-link:hover {
  background: var(--button_bg);
  color: #ffffff;
  border-radius: 10px;
}
.navbar-dark .navbar-nav .nav-link,
.navbar-dark .navbar-nav .nav-link:hover {
  background: var(--button_bg);
  color: #ffffff;
  border-radius: 10px;
  padding: 5px 15px 
}

.sidebar.navbar-dark .navbar-nav .active .nav-link,
.sidebar.navbar-dark .navbar-nav .active .nav-link:hover {
  background: var(--button_bg);
  color: #ffffff;
  border-radius: 10px;
}
.sidebar.navbar-dark .navbar-nav .nav-link,
.sidebar.navbar-dark .navbar-nav .nav-link:hover {
  background: var(--button_bg);
  color: #ffffff;
}

.top_menu ul li {
  padding: 8px 5px;
}

.navbar-dark .navbar-nav .nav-link{
  margin-top: 18px !important;
}
.navbar-dark .navbar-nav .active .nav-link{
  padding: 5px 15px !important;  
  margin-top: 18px !important;
}


.top_menu.navbar {
  padding: 5px 5px;
}

.menu_icons {
  margin-bottom: 3px;
}

input#searchbox {
  border: 1px solid var(--search_bg);
  color: var(--search_color);
  background: #ffffff;
  border-radius: 10px 0 0 10px;
  margin-right: -3px;
}
#searchbox::placeholder {
  color: var(--search_color);
  text-align: center;
}
#searchbox:-ms-input-placeholder {
  color: var(--search_color);
  text-align: center;
}
#searchbox::-ms-input-placeholder {
  color: var(--search_color);
  text-align: center;
}

.form__icon {
  position: absolute;
  z-index: 2;
  left: 26%;
  top: 10px;
  color: var(--search_color);
}
.form__input {
  position: relative;
  z-index: 3;
}
.form__input:placeholder-shown {
  z-index: 1;
}
.search_box input:focus::-webkit-input-placeholder {
  color: transparent !important;
}

.banner-title {
  font-size: 40px;
}

#searchbox_btn {
  background: var(--search_bg);
  margin-left: 0px;
}
#searchbox_btn .search_btn
{
  color: #000;
}
.nav-pills .nav-link.active {
  background: #152431;
}
.nav-pills .nav-link {
  color: #152431;
}
.searchTitle {
  color: #212529;
}
.reviewBtn,
.reviewBtn:hover {
  background: var(--button_bg);
}
.banner-title {
  color: #e8eef1;
}
.widget_title {
  background: var(--main_bg);
  color: #ffffff;
}
.widget_title span a {
  color: #e8eef1;
}


.footer {
  background: var(--main_bg);
}

.mobileTopBar {
  background-color: var(--main_bg) !important;
}
.sub_page_search_btn {
  background: var(--button_bg) !important;
  color: #ffffff !important;
}

.open-menu {
  color: #ffffff !important;
}

.btnDownload,
.btnDownload:hover {
  background: var(--main_bg);
  color: #ffffff;
}

.downloadBtn.direct {
  background: var(--button_bg);
}

.more_button_container {
  border-color: var(--button_bg);
}

.box_area,
.box_are {
  background: var(--main_bg) !important;
}

.question_block.current .question {
  color: #fff !important;
}

.result_container {
  background: var(--main_bg) none repeat scroll 0 0 !important;
}
.test_description {
  color: #fff !important;
}

h6.app_title span a {
  color: var(--button_bg) !important;
}

.infoContent .appCateName a {
  color: var(--main_bg);
}

.banner_area {
  padding-bottom: 0px;
}
.banner_area .banner-title {
  top: 20%;
}
.home_page_title {
  font-size: 45px;
  text-align: center;
  padding: 45px 0px;
  font-weight: 700;
}

.discoverBox {
  box-shadow: 0 0 4px #ccc;
  padding: 3px;
  border-radius: 8px;
}
.discoverBox img {
  border-radius: 8px;
}

.js-contact-btn {
  cursor: pointer;
}

#search_form .search_box {
  margin-top: -2px;
}

.footerTop
{
  padding: 0px;
  margin-top: auto;
}

#topAppTopHotSection .widget_item {
  border-bottom: none;
}

@media only screen and (max-width: 1023px) {
  .copyRight {
    color: #fff;
  }
  .icon-download,
  .icon-dashboard_customize {
    font-size: 24px;
    position: absolute;
    left: -28px;
    top: -1px;
  }

  .btn-text {
    position: relative;
    margin-left: 23px;
  }
  .downloadBtns .downloadBtn.downloadVersion > .btn-text {
    color: #fff !important;
    font-weight: 700;
  }
  .good-safe {
    border-color: var(--main_bg) var(--main_bg) transparent transparent;
  }
  .icon-local_polic {
    color: #fff;
    display: block;
    margin-top: -20px;
    font-size: 24px;
  }
  .curapp {
    border: 1px solid var(--main_bg);
  }

  .icon-apple,
  .icon-google_play {
    display: block;
    margin-right: 5px;
    font-size: 24px;
  }

  .able-pf-mac,
  .able-pf-googlepay {
    background: var(--main_bg);
    color: #fff;
  }
  .n-version-ls .version-item {
    background: var(--main_bg);
    border-color: var(--main_bg);
  }
  .n-version-ls .version-item-txt {
    border: none;
  }
  .able-pf-mac.inactive,
  .able-pf-googlepay.inactive {
    background: var(--inactive_button_bg);
  }
  .thisapp {
    background: var(--main_bg);
  }
  .downloadBtns .downloadBtn.downloadVersion {
    background-color: #aaae76;
  }
  .header-wrapper {
    border-bottom: var(--banner_bg);
  }
  .content_top_fixed {
    padding-top: 44px;
  }
}

@media only screen and (max-width: 1200px) {
  .searchbar-icon,
  .searchbar-submit {
    background: var(--main_bg) !important;
  }
  #searchbar-icon #search-icon {
    color: #fff;
  }
  .searchbar-open .searchbar-icon {
    background: #f5f5f5 !important;
  }
  .search_item_container {
    display: flex;
    position: relative;
    align-items: center;
  }
  .app_item_number {
    max-width: 2.6rem;
    font-weight: 600;
  }
  .search_single_item_mobile {
    margin-left: 8px;
    flex-grow: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 98px;
  }
  .app_item_left {
    padding: 15px 0px;
    display: flex;
    align-items: center;
  }
  .app_item_left .app-image {
    width: 4rem;
    height: 4rem;
  }
  .app_item_left .app-image img {
    border-radius: 20px;
    width: 100%;
  }
  .app_item_left .app-detail {
    max-width: 185px;
    margin-left: 12px;
  }
  .app_item_left .app_name {
    margin-bottom: 0px;
    font-weight: 600;
    max-height: 41px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .app_item_left .app_des_info {
    display: flex;
    margin-top: 4px;
  }
  .app_des_grade {
    display: flex;
    align-items: center;
    color: #000;
    font-size: 15px;
    font-weight: 600;
  }
  .app_item_left .star_icon {
    color: var(--main_bg);
    padding-right: 5px;
  }
  .app_cat_name {
    padding-left: 8px;
    color: #1d2127;
    font-size: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .more_button_container {
    font-size: 10px;
    padding: 3px 13px;
    text-align: center;
    height: 100%;
    font-weight: 500;
    border: 0.1rem solid var(--main_bg);
    border-radius: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
  ul.navbar-nav li {
    padding: 16px 10px;
  }
  .footerTop ul li {
    padding-right: 10px !important;
  }
  .downloadBtns .downloadBtn {
    text-align: center;
  }
}

@media only screen and (max-width: 767px) {
  #searchbox::placeholder {
    color: #495057;
  }
  #searchbox:-ms-input-placeholder {
    color: #495057;
  }
  #searchbox::-ms-input-placeholder {
    color: #495057;
  }

  .downloadBtns .downloadBtn.latest_version {
    background: var(--main_bg) !important;
    color: #ffffff;
  }

  .navbar-dark .navbar-nav .active .nav-link,
  .navbar-dark .navbar-nav .active .nav-link:hover {
    background: transparent;
    color: #ffffff;
  }
  .navbar-dark .navbar-nav .nav-link,
  .navbar-dark .navbar-nav .nav-link:hover {
    background: transparent;
    color: #ffffff;
  }

  .header-wrapper {
    border-bottom: none;
  }
}
.downloadBtns .downloadBtn.downloadVersion {
  background-color: var(--button_bg);
}