#app.app-newui {
  margin-top: 6.75rem !important; }
  #app.app-newui .container.all-vertical-home {
    position: relative;
    z-index: 5; }
    #app.app-newui .container.all-vertical-home::after {
      content: '';
      display: block;
      top: -2.5rem;
      bottom: 0;
      left: -3rem;
      right: -3rem;
      margin: auto;
      position: absolute;
      background: white;
      box-shadow: 0 0 100px -10px rgba(0, 0, 0, 0.025);
      z-index: -1;
      filter: blur(0px);
      display: none; }

@media (min-width: 600px) {
  #app.app-newui {
    margin-top: 6.5rem !important; } }
@media (min-width: 992px) {
  #app.app-newui {
    margin-top: 3rem !important; } }
#app.app-current-ui {
  margin-top: 9.25rem !important; }
  #app.app-current-ui .installment-wr .vehicles > .col-2 {
    display: none; }

@media (min-width: 992px) {
  #app.app-current-ui {
    margin-top: 4rem !important; }
    #app.app-current-ui .installment-wr .vehicles > .col-2 {
      display: block; }
      #app.app-current-ui .installment-wr .vehicles > .col-2 span h5 {
        margin: 0 0 0.25rem 0;
        color: #fff;
        font-size: 0.6rem; } }
@media (min-width: 1200px) {
  #app.app-current-ui {
    margin-top: 4.5rem !important; } }
.top-search-bar-newui {
  width: 100%; }
  .top-search-bar-newui form#main_keyword_search {
    margin: 0.5rem 0.75rem 0.125rem 0.75rem;
    flex-direction: row;
    flex-wrap: wrap; }
    .top-search-bar-newui form#main_keyword_search .custom-select:disabled {
      color: #000;
      background-color: #fff; }
    .top-search-bar-newui form#main_keyword_search .input-group {
      background: #fff;
      color: #8f4299;
      border-radius: 2rem;
      flex-wrap: nowrap;
      padding: 0.25rem 0.5rem;
      align-items: center; }
      .top-search-bar-newui form#main_keyword_search .input-group .cat-list {
        margin-left: 0.25rem;
        padding: 0;
        height: 1rem;
        font-size: 0.6rem;
        border-color: #fff;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-right: 0.5rem; }
      .top-search-bar-newui form#main_keyword_search .input-group select {
        pointer-events: none; }

@media (min-width: 600px) {
  .top-search-bar-newui form#main_keyword_search {
    margin: 0.5rem 0 0.25rem 0; } }
@media (min-width: 992px) {
  .header-wr.fixed-top {
    border-bottom: 1px solid #8f4299; }
    .header-wr.fixed-top header > .header-inner > section.row {
      display: flex;
      flex-wrap: nowrap;
      flex-direction: row; }

  .top-search-bar-newui {
    padding-right: 2rem; }
    .top-search-bar-newui form#main_keyword_search {
      margin: 0;
      flex-wrap: nowrap;
      font-size: 0.65rem; }
      .top-search-bar-newui form#main_keyword_search .input-group {
        padding: 0;
        height: 100%;
        border-radius: 0; }
        .top-search-bar-newui form#main_keyword_search .input-group i {
          display: none; }
        .top-search-bar-newui form#main_keyword_search .input-group .cat-list {
          height: 1.75rem;
          border-color: #dadada;
          font-size: 0.65rem;
          padding-left: 0.25rem;
          margin-left: 0; }
        .top-search-bar-newui form#main_keyword_search .input-group ::placeholder {
          font-size: 0.65rem !important; }
      .top-search-bar-newui form#main_keyword_search .custom-select {
        background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.25rem center/8px 10px; } }
.top-search-bar-newui .group-search {
  order: 1;
  width: calc(100% - 2rem); }
.top-search-bar-newui .group-category {
  order: 4;
  width: 50%;
  border-radius: 1rem;
  padding: 0 0 0 0.25rem;
  margin-top: 0.5rem; }
.top-search-bar-newui .group-city {
  order: 3;
  width: 50%;
  border-radius: 1rem;
  padding: 0 0.25rem 0 0;
  margin-top: 0.5rem; }
.top-search-bar-newui .group-submit {
  order: 2;
  width: 2rem;
  border-left: 1px solid #dadada; }

@media (min-width: 600px) {
  .top-search-bar-newui .group-submit {
    position: relative;
    left: -5px; } }
@media (min-width: 992px) {
  .top-search-bar-newui .group-search {
    order: 3;
    width: 100%; }
    .top-search-bar-newui .group-search .search-bar {
      border-radius: 0 !important; }
  .top-search-bar-newui .group-category {
    order: 2;
    width: auto;
    border-radius: 0;
    margin-top: 0;
    min-width: 6rem;
    padding: 0; }
  .top-search-bar-newui .group-city {
    order: 1;
    width: auto;
    border-radius: 0;
    margin-top: 0;
    min-width: 6.5rem;
    padding: 0 0 0 0.25rem; }
    .top-search-bar-newui .group-city .input-group {
      border-radius: 4px 0 0 4px !important; }
    .top-search-bar-newui .group-city .cat-list {
      border: none;
      border-radius: 4px 0 0 4px !important; }
  .top-search-bar-newui .group-submit {
    order: 4;
    width: 2rem; } }
.top-search-bar-newui .group-submit {
  position: relative;
  font-size: 0; }
  .top-search-bar-newui .group-submit input {
    color: #fff; }
  .top-search-bar-newui .group-submit::before {
    content: "\f002";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    display: block;
    width: 100%;
    height: 100%;
    color: #8f4299;
    font-size: 0.8rem;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1;
    text-align: center;
    line-height: 2;
    pointer-events: none; }

@media (min-width: 600px) {
  .top-search-bar-newui .group-submit::before {
    line-height: 2.25; } }
.top-button-wrap-new-ui {
  width: 15rem; }
  .top-button-wrap-new-ui .dropdown.sub-info #dropdownMenuButton {
    padding-right: 0.025rem !important; }
    .top-button-wrap-new-ui .dropdown.sub-info #dropdownMenuButton + .dropdown-menu {
      transform: translateX(-14%); }

.user-login-wr {
  width: auto !important;
  float: right !important;
  margin: 0 !important; }
  .user-login-wr .user-login {
    display: flex;
    width: 100%;
    flex-wrap: nowrap;
    align-self: flex-end; }
    .user-login-wr .user-login a {
      display: block;
      border: 1px solid #fff;
      width: auto;
      border-radius: 3px;
      padding: 0.25rem 0.5rem; }
      .user-login-wr .user-login a + a {
        margin-left: 0.25rem; }
  .user-login-wr .user-login-mobile {
    display: flex; }
    .user-login-wr .user-login-mobile .mobile-profile-popup {
      pointer-events: all;
      z-index: 100;
      padding: 0.25rem 0.5rem 0.35rem 0.5rem !important;
      border: 1px solid #fff !important;
      line-height: normal; }
      .user-login-wr .user-login-mobile .mobile-profile-popup i {
        margin-left: 0; }
      .user-login-wr .user-login-mobile .mobile-profile-popup * {
        pointer-events: none; }
    .user-login-wr .user-login-mobile .mobile-profile-dropdown-menu .dropdown-item {
      text-transform: capitalize;
      color: #888;
      font-size: .8em;
      letter-spacing: 1px;
      padding: 0.4rem 0.5rem; }

.header .brand-wr {
  width: auto; }

@media (min-width: 600px) {
  .user-login-wr .user-login a {
    font-size: 1rem; }
    .user-login-wr .user-login a + a {
      margin-left: 0.5rem; } }
@media (max-width: 767px) {
  .badge.become-member {
    transform: scale(0.7) translate(1.25rem, 0);
    top: unset;
    bottom: 3rem;
    position: fixed;
    right: 0;
    display: none !important; } }
.top-search-bar-newui.top-search-newui-home .group-category {
  display: none; }
.top-search-bar-newui.top-search-newui-home .group-city {
  order: 1;
  margin: 0.5rem auto; }
.top-search-bar-newui.top-search-newui-home .group-search {
  order: 2; }
.top-search-bar-newui.top-search-newui-home .group-submit {
  order: 3; }

@media (min-width: 992px) {
  .top-search-bar-newui.top-search-newui-home form#main_keyword_search {
    padding-right: 0; }
  .top-search-bar-newui.top-search-newui-home .group-city {
    margin: 0;
    border-right: 1px solid #dadada;
    min-width: 7.5rem; }
    .top-search-bar-newui.top-search-newui-home .group-city .input-group {
      padding-left: 0.5rem; }
  .top-search-bar-newui.top-search-newui-home .group-search {
    order: 2; }
  .top-search-bar-newui.top-search-newui-home .group-submit {
    order: 3; } }
.post-ad-btn-wrapper-lg {
  text-align: right;
  position: relative;
  top: -0.25rem;
  right: -0.25rem; }
  .post-ad-btn-wrapper-lg .post-ad-btn {
    padding: 0.25rem 0.5rem;
    font-size: 14px; }

@media (min-width: 1200px) {
  .post-ad-btn-wrapper-lg {
    right: -0.75rem; }
    .post-ad-btn-wrapper-lg .post-ad-btn {
      padding: 0.25rem 0.75rem; } }
.fixed-menu.fixed-bottom {
  transition: all 0.3s ease-in-out;
  transform: translateY(100%); }

.fixed-menu.fixed-bottom.bottom-nav-visible {
  transform: translateY(0); }

#app.app-newui + footer .copyrights {
  padding-bottom: 0 !important;
  margin-top: -2rem; }

@media (min-width: 600px) {
  #app.app-newui + footer .copyrights {
    margin-top: 0rem; } }
#home-slider .carousel-indicators li {
  width: 10px;
  height: 10px;
  margin-right: 3px;
  margin-left: 3px;
  border-radius: 44px !important;
  overflow: hidden;
  border: none;
  margin-bottom: 10px; }

.home-slider {
  margin-bottom: 1.5rem; }

@media (min-width: 1200px) {
  .home-slider {
    margin-bottom: 2.5rem; } }
.home-section {
  color: #000; }
  .home-section h2 {
    text-transform: uppercase;
    font-weight: 600;
    color: #000;
    margin: 0;
    font-size: 0.675rem; }
    .home-section h2 small {
      display: block; }

.home-section + .home-section {
  margin-top: 1.75rem; }
.home-section .section-header {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-bottom: 0.75rem;
  align-items: center; }

@media (min-width: 600px) {
  .home-section h2 {
    font-size: 0.8rem; } }
@media (min-width: 1200px) {
  .home-section + .home-section {
    margin-top: 2rem; }
  .home-section .section-header {
    margin-bottom: 0.5rem; } }
ul.section-item-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0 -0.25rem; }
  ul.section-item-list .item {
    padding: 0.25rem; }
  ul.section-item-list.item-list-sm-5 .item {
    width: 20%; }
  ul.section-item-list.item-list-sm-2 .item {
    width: 50%; }

@media (min-width: 600px) {
  ul.section-item-list {
    margin: 0 -0.5rem; }
    ul.section-item-list .item {
      padding: 0.5rem; } }
@media (min-width: 992px) {
  ul.section-item-list.item-list-md-6 .item {
    width: 16.6666%; } }
@media (min-width: 1200px) {
  ul.section-item-list {
    margin: 0 -0.75rem; }
    ul.section-item-list .item {
      padding: 0.75rem; } }
.section-item-list .item-link {
  display: block;
  text-align: center;
  border-radius: 0.5rem;
  height: 100%; }
  .section-item-list .item-link:hover .icon::after {
    transform: scale(110%); }
  .section-item-list .item-link:hover .icon svg {
    transform: translateY(-7.5%); }
  .section-item-list .item-link h3 {
    text-transform: uppercase;
    font-weight: 600;
    color: #000;
    font-size: 0.485rem;
    margin: 0.5rem -0.5rem 0 -0.5rem; }
  .section-item-list .item-link p {
    display: none;
    color: #000;
    text-align: center;
    margin: 0.75rem 0 0 0;
    font-weight: 300;
    line-height: normal;
    font-size: 0.7rem; }
  .section-item-list .item-link .icon {
    display: block;
    width: 100%;
    padding-bottom: 100%;
    position: relative;
    height: 0; }
    .section-item-list .item-link .icon::after {
      content: '';
      position: absolute;
      width: 100%;
      height: 100%;
      border-radius: 0.5rem;
      z-index: 0;
      opacity: 0.3;
      top: 0;
      left: 0;
      transition: all 0.3s ease-in-out; }
    .section-item-list .item-link .icon.square::after {
      border-radius: 0.5rem; }
    .section-item-list .item-link .icon.round::after {
      border-radius: 100%; }
    .section-item-list .item-link .icon svg {
      display: block;
      max-width: 100%;
      height: auto;
      margin: 0 auto;
      position: absolute;
      width: 70%;
      height: 70%;
      margin: auto;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 5;
      transition: all 0.3s ease-in-out; }

@media (min-width: 600px) {
  .section-item-list .item-link h3 {
    font-size: 0.7rem; }
    .section-item-list .item-link h3 br {
      display: none; } }
@media (min-width: 992px) {
  .section-item-list .item-link {
    padding: 1rem;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); }
    .section-item-list .item-link p {
      display: block; } }
@media (min-width: 1200px) {
  .section-item-list .item-link .icon.square {
    width: 4rem;
    padding-bottom: 4rem;
    margin: 0.75rem auto 1rem auto; }
  .section-item-list .item-link p {
    margin-bottom: 0.75rem; } }
ul.section-item-list.item-list-vertical .item {
  width: 50%; }

.section-item-list.item-list-vertical .item-link {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  border-radius: 0.5rem;
  padding: 0.5rem;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center; }
  .section-item-list.item-list-vertical .item-link h3 {
    font-size: 0.6rem;
    margin: 0;
    padding-left: 0.75rem;
    text-align: left;
    line-height: normal; }
  .section-item-list.item-list-vertical .item-link .icon {
    padding-bottom: 2rem;
    max-width: 2rem; }

@media (min-width: 600px) {
  .section-item-list.item-list-vertical .item-link h3 {
    font-size: 0.7rem; }
  .section-item-list.item-list-vertical .item-link .icon {
    padding-bottom: 3rem;
    max-width: 3rem; } }
@media (min-width: 992px) {
  ul.section-item-list.item-list-vertical .item {
    width: 25%; } }
.item-link .icon.green--shade1::after {
  background: #65bfb1; }
.item-link .icon.green--shade1 svg {
  fill: #65bfb1; }
.item-link .icon.green--shade2::after {
  background: #69c25f; }
.item-link .icon.green--shade2 svg {
  fill: #69c25f; }
.item-link .icon.green--shade3::after {
  background: #5abc3e; }
.item-link .icon.green--shade3 svg {
  fill: #5abc3e; }
.item-link .icon.blue--shade1::after {
  background: #649cf2; }
.item-link .icon.blue--shade1 svg {
  fill: #649cf2; }
.item-link .icon.blue--shade2::after {
  background: #52b5c9; }
.item-link .icon.blue--shade2 svg {
  fill: #52b5c9; }
.item-link .icon.blue--shade3::after {
  background: #4bcfcf; }
.item-link .icon.blue--shade3 svg {
  fill: #4bcfcf; }
.item-link .icon.orange--shade1::after {
  background: #e58767; }
.item-link .icon.orange--shade1 svg {
  fill: #e58767; }
.item-link .icon.orange--shade2::after {
  background: #d1c159; }
.item-link .icon.orange--shade2 svg {
  fill: #d1c159; }
.item-link .icon.pink--shade1::after {
  background: #f871c6; }
.item-link .icon.pink--shade1 svg {
  fill: #f871c6; }
.item-link .icon.purple--shade1::after {
  background: #8550ef; }
.item-link .icon.purple--shade1 svg {
  fill: #8550ef; }
.item-link .icon.duotone-gray-purple::after {
  background: #eee;
  opacity: 1; }
.item-link .icon.duotone-gray-purple svg {
  fill: #8f4299; }

.home-section .btn-post-ad {
  border: none;
  background: #00008b;
  text-transform: uppercase;
  color: #fff;
  border-radius: 0.35rem;
  width: 100%;
  font-weight: 400;
  padding: 0.45rem;
  margin-top: -0.5rem;
  transition: all 0.3s ease-in-out; }
  .home-section .btn-post-ad:hover {
    color: #fff;
    background: #0000a5;
    box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.35); }

@media (min-width: 1200px) {
  .home-section .btn-post-ad {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 25rem;
    font-weight: bold;
    padding: 0.75rem; } }
.home-section .btn-outlined {
  font-size: 0.6rem;
  color: #000;
  font-weight: 700;
  line-height: 1;
  border-width: 2px;
  border-color: purple;
  padding: 0.35rem 0.5rem; }
  .home-section .btn-outlined:hover {
    background: #8f4299;
    color: #fff; }

@media (min-width: 600px) {
  .home-section .btn-outlined {
    font-size: 0.7rem; } }
@media (min-width: 1200px) {
  .home-section .btn-outlined {
    border-radius: 1px;
    padding: 0.5rem 0.7rem; } }
.section-promotions .promotions-list {
  position: relative; }
  .section-promotions .promotions-list .slick-list {
    min-width: 100%; }
  .section-promotions .promotions-list .slick-track {
    min-width: 100%; }
  .section-promotions .promotions-list .slick-arrow {
    display: block;
    width: 1.25rem;
    height: 2rem;
    background: rgba(0, 0, 0, 0.3);
    border: none;
    font-size: 0;
    position: absolute;
    top: 23%;
    z-index: 5;
    color: #fff; }
    .section-promotions .promotions-list .slick-arrow::before {
      font-family: 'Font Awesome 5 Free';
      font-weight: 900;
      display: block;
      font-size: 0.75rem; }
    .section-promotions .promotions-list .slick-arrow:hover {
      background: rgba(0, 0, 0, 0.6); }
    .section-promotions .promotions-list .slick-arrow.slick-prev {
      left: 0.5rem; }
      .section-promotions .promotions-list .slick-arrow.slick-prev::before {
        content: "\f053"; }
    .section-promotions .promotions-list .slick-arrow.slick-next {
      right: 0.5rem; }
      .section-promotions .promotions-list .slick-arrow.slick-next::before {
        content: "\f054"; }

@media (max-width: 992px) {
  .home-section .promotions-list .promotion-item {
    flex: 0 0 50%;
    max-width: 50%; } }
@media (min-width: 1200px) {
  .section-promotions .promotions-list .slick-arrow {
    top: 25%; }
    .section-promotions .promotions-list .slick-arrow.slick-prev {
      left: 1.5rem; }
    .section-promotions .promotions-list .slick-arrow.slick-next {
      right: 1.4rem; } }
.section-adverts .adverts-list {
  position: relative; }
  .section-adverts .adverts-list .slick-list {
    min-width: 100%; }
  .section-adverts .adverts-list .slick-track {
    min-width: 100%; }
  .section-adverts .adverts-list .slick-arrow {
    display: block;
    width: 1.25rem;
    height: 2rem;
    background: rgba(0, 0, 0, 0.3);
    border: none;
    font-size: 0;
    position: absolute;
    top: 23%;
    z-index: 5;
    color: #fff; }
    .section-adverts .adverts-list .slick-arrow::before {
      font-family: 'Font Awesome 5 Free';
      font-weight: 900;
      display: block;
      font-size: 0.75rem; }
    .section-adverts .adverts-list .slick-arrow:hover {
      background: rgba(0, 0, 0, 0.6); }
    .section-adverts .adverts-list .slick-arrow.slick-prev {
      left: 0.25rem; }
      .section-adverts .adverts-list .slick-arrow.slick-prev::before {
        content: "\f053"; }
    .section-adverts .adverts-list .slick-arrow.slick-next {
      right: 0.125rem; }
      .section-adverts .adverts-list .slick-arrow.slick-next::before {
        content: "\f054"; }

.section-adverts .promotion-item.promo-item-in::before {
  display: none; }
.section-adverts .promotions-list .promotion-item .promo-item-in .promo-image img {
  width: 100%;
  height: auto; }
.section-adverts .promotions-list .promotion-item .promo-info .price {
  color: #888;
  margin: 0 0 0.5rem 0;
  display: block;
  font-size: 0.85rem;
  transition: all 0.3s ease-in-out; }
.section-adverts .promotions-list .promotion-item .promo-info .meta {
  margin-bottom: 0.5rem;
  transition: all 0.3s ease-in-out; }
  .section-adverts .promotions-list .promotion-item .promo-info .meta li {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 0 2rem;
    text-align: left;
    align-items: center; }
    .section-adverts .promotions-list .promotion-item .promo-info .meta li span {
      display: block;
      width: 4rem;
      position: relative; }
      .section-adverts .promotions-list .promotion-item .promo-info .meta li span::after {
        content: ":";
        position: absolute;
        right: 0.5rem; }
    .section-adverts .promotions-list .promotion-item .promo-info .meta li + li {
      margin-top: 0.25rem; }
.section-adverts .promotion-item .btn.btn-default {
  width: 100%;
  font-size: 0.6rem;
  transition: all 0.3s ease-in-out; }
.section-adverts .promotions-list .promotion-item:hover .promo-info .price {
  color: #fff; }
.section-adverts .promotions-list .promotion-item:hover .btn.btn-default {
  background: #7a3382; }

@media (max-width: 992px) {
  .home-section .promotions-list .promotion-item {
    flex: 0 0 50%;
    max-width: 50%; } }
@media (min-width: 1200px) {
  .section-promotions .promotions-list .slick-arrow {
    top: 25%; }
    .section-promotions .promotions-list .slick-arrow.slick-prev {
      left: 1.5rem; }
    .section-promotions .promotions-list .slick-arrow.slick-next {
      right: 1.4rem; } }

/*# sourceMappingURL=style.newui.css.map */

.header-wr .header .login-wrapper .nav-link, .header-wr .header .user-login-wr .nav-link {
  border-radius: 5px;
  color: #fff;
  background: #00abeb;
  border-color: #00abeb !important;
}
.header-wr .header .login-wrapper .nav-link:hover, .header-wr .header .user-login-wr .nav-link:hover {
  background: #05bbff;
  border-color: #05bbff !important;
  transform: scale(0.98);
}