@font-face {
  font-family: "TitilliumWebBold";
  src: url("../fonts/TitilliumWeb-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "TitilliumWeb";
  src: url("../fonts/TitilliumWeb-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "TitilliumWebLight";
  src: url("../fonts/TitilliumWeb-Light.ttf") format("truetype");
}
@font-face {
  font-family: "Vazirmatn";
  src: url("../fonts/Vazirmatn-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "VazirmatnBold";
  src: url("../fonts/Vazirmatn-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "VazirmatnLight";
  src: url("../fonts/Vazirmatn-Light.ttf") format("truetype");
}
@media (max-width: 768px) {
  body {
    min-height: 100vh;
  }
  html {
    min-height: 100vh;
  }
}
a:hover, a:focus {
  color: #ffffff;
}

.intl-tel-input {
  width: 100%;
}

.custom-modal-1.in {
  align-items: center;
  justify-content: center;
}

.dealer-listings.chat-with {
  right: auto !important;
  left: 0 !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 10px !important;
}

.custom-modal-1 .modal-dialog {
  margin: 0 !important;
  height: 100% !important;
  display: inline-flex;
  width: 100% !important;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

#row-banner > a {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.custom-modal-1 .modal-dialog * {
  pointer-events: all;
}

.custom-modal-1 .modal-dialog {
  height: auto;
  width: 35%;
}

.black-splash {
  position: relative;
}

.black-splash:before {
  position: absolute;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
}

.fix-bg-pos {
  background-size: cover;
  display: inline-flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}

.custom-modal-1 .modal-content {
  height: 500px;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
}

.flex-1 {
  flex: 1;
  display: inline-flex;
}

.custom-btn-1 {
  display: inline-flex;
  background-color: #57a656;
  color: #fff;
  padding: 5px;
  text-align: center;
  justify-content: center;
  border-radius: 5px;
}

.fix-btn-size {
  width: 280px !important;
  height: 40px !important;
}

.modal-messag {
  text-align: center;
  width: 100%;
  color: #333;
  padding: 0 15px;
}

.m-t-20 {
  margin-top: 20px;
}

.single-row ul {
  width: 100% !important;
}

.single-row input {
  width: 100%;
  margin: 0 20px;
  height: 45px;
  padding-left: 45px;
  border-radius: 5px;
  font-weight: normal;
}

.mega-menu {
  min-height: 35px;
}

.menu-list-items {
  padding: 0 !important;
}

.single-row {
  padding: 0 !important;
  display: inline-flex;
  width: 100%;
}

.fix-menu-line {
  display: inline-flex;
  padding: 5px 0;
  align-items: center;
  justify-content: center;
}

#form-panel {
  background: transparent;
  padding-left: 0;
}

.single-row ul input[type=text] {
  height: 40px;
  display: inline-flex;
  border: 1px solid #ccc;
  width: 85%;
  padding-left: 50px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.single-row ul input[type=text]::placeholder {
  color: #999;
}

.single-row ul input[type=text]:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #999;
}

.single-row ul input[type=text]::-ms-input-placeholder { /* Microsoft Edge */
  color: #999;
}

.pos-relative {
  position: relative;
}

.pos-relative.post-image {
  min-width: 12.5%;
  height: 105px;
  overflow: hidden;
  margin-bottom: 10px;
}

.custom-btn-search {
  position: absolute;
  width: 25px;
  padding: 0;
  height: 25px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 0;
  color: #1c7ea4;
  font-size: 22px;
  top: 10px;
  left: 10px;
}

.country-list {
  width: 200px;
}

.custom-btn-search .fa-search {
  font-size: 24px;
  font-weight: normal;
}

.custom-post-btn {
  color: #fff;
}

.custom-post-btn:hover {
  color: #fff;
}

.filter-box {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  /*background: rgba(251, 82, 1, 1);*/
  /*background: rgba(255,255,255,0.5)*/
}

.filter-box .filters {
  display: inline-flex;
  width: 33vw;
}

.filter-box .filters li {
  display: inline-flex;
  flex: 3;
  justify-content: center;
}

.filter-box .filters li a {
  height: 40px;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
  white-space: nowrap;
}

/*.filter-box .filters li:first-child {
    margin-left: 0;
    flex: 1;
}*/
.filter-box .filters li:last-child {
  margin-right: 0;
}

.filter-box .boxes {
  display: inline-flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-top: 0;
}

.filter-box .boxes li {
  display: inline-flex;
  flex: 1;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  cursor: pointer;
  background: #1C7EA4;
  margin: 2px;
  margin-bottom: 0;
  box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  transition: all ease-in-out 0.4s;
  height: 100px;
}

.filter-box .boxes li:first-child {
  margin-left: 0 !important;
}

.filter-box .boxes li:last-child {
  margin-right: 0 !important;
}

.filter-box .boxes li img {
  filter: invert(100%);
  height: 100px !important;
  width: auto;
  padding: 7px;
}

.filter-box .boxes li h2 {
  color: #fff;
  position: relative;
  bottom: 15px;
}

.filter-box .boxes li#type-32:last-child h2 {
  color: #fff;
  bottom: 3px;
  position: relative;
}

.filter-box .boxes li a {
  width: 100%;
  height: 100%;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-radius: 5px;
}

.filter-box .boxes li a.active {
  background: #fb5201;
}

.filter-box .boxes li a.active h4 {
  color: #fff;
}

.filter-box .boxes li a img {
  -webkit-filter: invert(100%);
}

.filter-box .boxes li#type-32:last-child a img {
  height: 75px !important;
  padding: 7px;
}

.filter-box .boxes li:hover {
  box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.6);
}

.filter-box-section {
  position: absolute;
  bottom: -8px;
  left: 0;
  z-index: 1000;
  width: 100%;
  padding-top: 15px;
  /* background: rgba(255, 255, 255, 0.55); */
  border-radius: 5px;
}

.flex-row {
  display: inline-flex;
  width: 100%;
}

.stick-btn {
  background: #fb5201;
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 5px;
  height: 32px;
  margin-left: 0;
  height: 45px;
}

.stick-btn a {
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  overflow: hidden;
  font-size: 20px;
}

.circile-hover {
  position: relative;
}

.circile-hover:before {
  position: absolute;
  content: "";
  border-radius: 100%;
  background-color: #1C7EA4;
  width: 0;
  height: 0;
  transition: all ease-in-out 0.5s;
}

.circile-hover:hover:before {
  width: 300px;
  height: 300px;
}

.circile-hover span {
  position: relative;
}

.filters li a:hover, .filters li a.active, .filters li.active a {
  background: #FB5201;
}

.blog-box {
  box-shadow: 1px 2px 11px rgba(0, 0, 0, 0.2);
}

.blog-description {
  border: 1px solid #dbdbdb;
  padding: 5px 15px;
  min-height: 170px;
}

.blog-box hr {
  margin: 5px 0;
}

.justify-space-between {
  justify-content: space-between;
}

.logo-main-color {
  color: #FB5201;
}

.adv-info {
  border-bottom: 1px solid #f1f1f1;
  padding: 5px 10px;
}

.adv-info ul li {
  flex: 1;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
}

.ad-info-1 a {
  transition: all ease-in-out 0.4s;
  height: 50px !important;
  display: inline-flex;
}

.ad-info-1 a:hover {
  background: #FB5201;
}

.ad-info-1 a:hover i {
  color: #fff;
}

.category-grid-box-1 .image-count {
  bottom: 1px;
  position: absolute;
  left: 0px;
  background: #fb5201;
  display: inline-flex;
  align-items: center;
  justify-content: space-evenly;
  width: 60px;
  height: 35px;
}

.image-count a {
  color: #fff;
}

.image-count a:hover {
  color: #fff;
}

.scalable .category-grid-box-1 .image img {
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  width: 100%;
}

.scalable .category-grid-box-1 .image:hover img {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.black-splash {
  position: relative;
}

.black-splash:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  top: 0;
  left: 0;
  display: none;
}

.scalable .category-grid-box-1 .image.black-splash:hover:before {
  display: inline-block;
}

button:focus {
  outline: none;
}

.btn-list-horizontal {
  display: inline-flex;
}

.btn-list-horizontal li {
  display: inline-flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  position: relative;
  min-width: 95px;
}

.filter-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  color: #1C7EA4;
  background: #EDEDED;
  flex-direction: column;
  height: 35px;
  /* margin-right: 2px; */
  margin-right: 2px;
}

.filter-btn:first-child {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  color: #1C7EA4;
  background: #EDEDED;
  flex-direction: column;
  height: 35px;
  /* margin-right: 2px; */
  margin-right: 0px;
  border-right: 1px solid #fff;
}

.filter-btn.active {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  color: #fff;
  background: #FB5201;
}

.icon-filter-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  color: #fff;
  background: transparent;
  flex-direction: column;
  line-height: 0;
}

.icon-filter-btn img {
  filter: invert(100%);
  height: 100px !important;
  width: auto;
  padding: 7px;
}

.icon-filter-btn span {
  color: #fff !important;
  position: relative;
  bottom: 13px;
  font-size: 16px;
}

.bg-logo-secondary-color {
  background: #1C7EA4 !important;
}

.offer-box {
  background: #f6f6f6;
  margin-bottom: 5px;
}

body {
  font-family: "TitilliumWeb", sans-serif;
}

.offer-box h1 {
  font-size: 32px;
  display: inline-block;
  color: #000;
}

.tag-right {
  float: right;
  color: #1C7EA4;
  padding-top: 10px;
  font-size: 16px;
  position: absolute;
  bottom: 0;
  right: 15px;
}

.offer-box-title {
  text-align: center;
  border-bottom: 1px solid #000;
  display: flex;
}

.offer-box-title h1 {
  font-size: 16px;
}

.c-red {
  color: red;
}

.offer-box hr {
  display: inline-block;
  height: 1px;
  width: 100%;
  margin: 0;
  color: #000;
  border-top: 1px solid #fb5201;
}

.offer-box .make-offer {
  font-size: 18px;
  color: #1C7EA4 !important;
  padding: 0;
  margin: 0;
}

.p-0 {
  padding: 0 !important;
}

.offer-box .select2 {
  position: absolute !important;
  top: 0;
  right: 0;
  height: 100%;
  padding-left: 0;
  color: #ccc;
  border: 1px solid #ccc;
  width: 70px !important;
}

.offer-box .select2-selection {
  height: 50px;
  border: 0;
}

.pb-25 {
  padding-bottom: 25px;
}

.w-100 {
  width: 100%;
}

.flex-row {
  display: inline-flex;
  flex-direction: row;
}

.center-all {
  align-items: center;
  justify-content: center;
}

.ad-pub {
  color: #333;
}

.offer-info li {
  color: #333;
  font-size: 14px;
  line-height: 1.4;
}

a:hover, a:focus {
  color: #000;
}

.icon-filter-btn {
  border-bottom: 5px solid #1C7EA4;
  box-sizing: border-box;
  border: 0;
  padding-bottom: 1px;
}

.icon-filter-btn.active {
  box-sizing: border-box;
  position: relative;
  height: 100%;
}

.offer-title a:hover {
  text-decoration: none !important;
}

.icon-filter-btn.active:before {
  width: 100%;
  height: 3px;
  background: #FB5201;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
}

.header-top {
  background: #fff !important;
}

.mega-menu > section.menu-list-items {
  /* background: #1;*/
  background-color: #fff;
}

.filters-row {
  padding-top: 10px;
  background: #f8f8f8;
  padding-bottom: 10px;
}

.custom-select2-h-38 .select2-container--default .select2-selection--single .select2-selection__rendered, .custom-select2-h-38 .select2-container--default .select2-selection--single, .custom-select2-h-38 .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 38px;
}

.custom-select2-h-38 .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 38px;
}

.rounded-handles.noUi-horizontal .noUi-handle {
  width: 5px !important;
  height: 5px !important;
  left: -4px;
  top: -1.5px;
  background: #1c7ea4;
  border-radius: 100%;
  color: #1c7ea4;
  border: 5px solid #1c7ea4;
}

.h-10 {
  height: 10px !important;
}

.rounded-handles.noUi-horizontal .noUi-handle:after, .noUi-handle:before {
  display: none;
}

.price-range {
  background: transparent;
  border: 0;
  font-size: 16px;
  padding-top: 5px;
  padding-left: 5px;
  border-bottom: 1px solid #FB5201;
  text-align: center;
}

.flex-center {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.price-range:focus {
  outline: none;
}

.flex-start {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
}

.flex-end {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
}

.font-white {
  color: #fff !important;
}

.floating-text {
  position: absolute;
  right: 175px;
  bottom: -16px;
  color: #fb5201;
}

@media (max-width: 1920px) and (min-width: 1000px) {
  .floating-text {
    height: 40px !important;
    bottom: -40px !important;
  }
}
.full-search {
  transition: all 1.5s;
  background: transpparent;
}

.animatedShow {
  position: relative;
  height: 0;
  animation-name: slowShow;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
  animation-duration: 1s;
}

@keyframes slowShow {
  0% {
    height: 0;
    overflow-y: hidden;
  }
  100% {
    height: 50px;
    overflow-y: initial;
  }
}
@media (min-width: 769px) {
  .animatedHide {
    position: relative;
    height: 300px;
    overflow-y: hidden;
    animation-name: slowHide;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
    animation-duration: 1s;
  }
}
.pointer.animatedShow {
  width: 100% !important;
}

@keyframes slowHide {
  0% {
    height: 50px;
  }
  100% {
    height: 0;
  }
}
.breadcrumbs-links {
  width: 100%;
  pointer-events: none;
}

.breadcrumbs-links li {
  min-width: 60px;
  display: inline-flex;
  align-items: center;
  padding-left: 25px;
  color: #fff;
  justify-content: center;
  position: relative;
  padding-right: 10px;
  height: 32px;
  pointer-events: all;
}

.breadcrumbs-links li:nth-of-type(1) {
  padding-left: 15px !important;
  justify-content: flex-start;
  height: 32px;
}

.breadcrumbs-links li:nth-child(odd) {
  background: #FB5201;
}

.breadcrumbs-links li:nth-child(even) {
  background: #1C7EA4;
}

.breadcrumbs-links li a {
  color: #fff;
  font-size: 14px;
  text-align: center;
  display: inline-block;
  width: 100%;
}

.header-top ul.listnone li {
  margin: 3px 0;
}

.top-header-actions li {
  border-left: 1px solid #bbb;
}

.top-header-actions li:first-child {
  border: 0;
}

.anchor-profile {
  display: flex;
  align-items: center;
  width: 100%;
  top: 10px;
}

.header-top ul li a {
  color: #000;
}

.header-top ul li a .caret {
  color: #1C7EA4;
}

.breadcrumbs-links li:nth-child(odd):after {
  border-bottom: 16px solid rgba(0, 0, 0, 0);
  border-left: 16px solid #fb5201;
  border-top: 16px solid rgba(0, 0, 0, 0);
  content: "";
  height: 0;
  right: -16px;
  position: absolute;
  top: 0;
  width: 0;
  z-index: 1;
}

.breadcrumbs-links li:nth-child(even):after {
  border-bottom: 16px solid rgba(0, 0, 0, 0);
  border-left: 16px solid #1c7ea4;
  border-top: 16px solid rgba(0, 0, 0, 0);
  content: "";
  height: 0;
  right: -16px;
  position: absolute;
  top: 0;
  width: 0;
  z-index: 1;
}

.main-banner .owl-item {
  display: inline-flex;
  justify-content: flex-end;
}

.main-banner .item {
  max-width: 100%;
  width: 100%;
  background-size: cover !important;
  position: relative;
}

.banner-content {
  padding-left: 0;
  padding-right: 0;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  position: relative;
}

.main-banner .item:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  content: "";
  background: rgba(0, 0, 0, 0.2);
  height: 100%;
}

.banner-content h2 {
  color: #fff;
  width: 100%;
}

.heading-subcolor {
  color: #1C7EA4;
}

.banner-content .custom-btn-1 {
  background-color: rgba(251, 82, 1, 0.7);
  width: 120px;
  border-radius: 5px;
  color: #fff !important;
}

.main-banner .owl-controls {
  position: absolute;
  bottom: 70px;
  right: 1px;
  width: 56vw;
}

.main-banner .owl-controls .owl-nav {
  display: inline-flex;
  width: 100%;
  justify-content: space-between;
}

.main-banner .owl-controls .owl-nav > div {
  background: #fff;
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.main-banner .owl-controls .owl-nav > div .fa {
  color: #000;
  font-size: 30px;
}

.fa-search {
  font-size: 18px;
  font-weight: normal;
}

button:hover .fa-search {
  color: #1C7EA4 !important;
}

.browes-tabs li a h2 {
  background: transparent !important;
  border: 0 !important;
  position: relative;
  font-size: 20px;
  color: #000;
}

.browes-tabs li.active a, .browes-tabs li:hover a {
  color: #FB5201 !important;
  font-weight: 800;
}

.browes-tabs li a:before {
  position: absolute;
  content: "";
  right: 0;
  bottom: 32%;
  width: 1px;
  height: 15px;
  background: #ccc;
  top: 5px;
}

.browes-tabs li:last-child a:before {
  display: none;
}

.browes-tabs {
  border: 0 !important;
}

.browes-tabs li {
  border: 0 !important;
}

.pv-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.image-card {
  text-align: center;
  margin: 15px 0;
  min-height: 112.5px;
}

.image-card img {
  width: 70px;
}

#makeTab img {
  width: 90px;
}

#madeTab img {
  width: 110px;
}

#madeTab .fix-tabs {
  border-bottom: 1px solid #1c7ea4 !important;
}

#countryTab .image-card p {
  margin-bottom: 0;
  white-space: nowrap;
}

.image-card p {
  margin: 10px 0;
  /*    color: #1c7ea4;
  */
  color: #000;
  font-size: 16px;
}

.multiple-tabs {
  position: relative;
  padding: 10px 20px;
  border: 1px solid #ddd;
  margin-top: 0;
  padding-bottom: 15px;
  /*height: 335px;*/
}

.multiple-tabs .owl-controls {
  position: absolute;
  width: 104%;
  bottom: 40%;
  left: -20px;
}

.multiple-tabs .owl-controls .owl-nav {
  display: inline-flex;
  width: 100%;
  justify-content: space-between;
}

.multiple-tabs .owl-controls .owl-nav > div {
  width: 30px;
  height: 40px;
  border-radius: 100%;
  background: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 50px;
}

.multiple-tabs .owl-controls .owl-nav > div .fa {
  color: #FB5201;
}

.multiple-tabs .item .image-card:first-child {
  margin-bottom: 0;
}

.multiple-tabs .item .image-card:last-child {
  margin-bottom: 0 !important;
}

.fix-tabs {
  border-bottom: 1px solid #1c7ea4 !important;
}

.fix-tabs a {
  background: transparent !important;
  border: 0 !important;
}

.fix-tabs li a {
  color: #000;
  position: relative;
}

.fix-tabs li.active a, .fix-tabs li:hover a {
  color: #FB5201 !important;
  font-weight: 800;
}

.fix-tabs li a:before {
  position: absolute;
  content: "";
  right: 0;
  bottom: 32%;
  width: 1px;
  height: 15px;
  background: #ccc;
}

.fix-tabs li:last-child a:before {
  display: none;
}

/*========== New Card =============*/
.category-grid-box-1 .image {
  position: relative;
}

.parklist-box {
  position: absolute;
  top: 10px;
  right: 4px;
}

.parklist-box img {
  width: 25px !important;
  cursor: pointer;
  transform: scale(1) !important;
}

.parklist-box img.set-on {
  display: initial;
}

.parklist-box img.set-off {
  display: none;
}

.saletype-box {
  position: absolute;
  top: 0;
  display: inline-block;
  width: inherit;
  align-items: center;
  justify-content: center;
  color: #fff;
  padding: 0 10px;
  border-bottom-right-radius: 5px;
  left: 0;
}

.for-sale {
  background: #0F93DD;
}

.for-rent {
  background: #F68D00;
}

.wanted {
  background: #D31018;
}

.saletype-box p {
  margin: 0;
  text-align: center;
  color: #fff;
}

.price-box {
  position: absolute;
  bottom: 0px;
  right: 0;
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100px;
  padding-right: 0;
  background: rgba(255, 255, 255, 0.9);
  padding-top: 0;
}

.price-box p {
  margin: 0;
}

.price-box .payment-type {
  color: green;
  line-height: 1;
  font-size: 15px;
}

.price-box .price {
  color: #fd0000;
  font-size: 16px;
  line-height: 1;
}

.offer-country {
  bottom: 0;
  left: 5px;
  display: inline-flex;
  align-items: center;
}

.offer-country img {
  transform: scale(1) !important;
  width: 35px !important;
  border-radius: 100% !important;
  padding-right: 10px;
  height: 28px;
  padding: 0;
}

.offer-country p {
  margin: 0;
  color: #fff;
}

.dark-splash {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.15);
  pointer-events: none;
}

.offer-title {
  display: inline-flex;
  width: 100%;
  align-items: center;
  position: relative;
}

.offer-title img {
  width: 50px !important;
}

.short-description-1 {
  padding: 5px !important;
  padding-bottom: 0 !important;
}

.offer-status {
  margin: 0;
  position: absolute;
  right: 0;
}

.offer-title a {
  padding: 0 10px;
}

.offer-status.new {
  color: green;
}

.white.category-grid-box-1 {
  border: 1px solid #1C7EA4;
}

.white.category-grid-box-1 .ad-info-1 {
  border: 0;
}

.ad-info-1 {
  padding: 10px 0;
}

.ad-info-1 ul {
  display: inline-flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}

.ad-info-1 ul li {
  display: inline-flex;
  padding: 0 5px;
  flex-direction: column;
  align-items: center;
  position: relative;
  flex: 1;
  box-sizing: content-box;
}

.ad-info-1 ul li:before {
  position: absolute;
  content: "";
  height: 95%;
  width: 1px;
  bottom: 4px;
  background: #0f93dd;
  right: 0;
}

.ad-info-1 ul li:last-child:before {
  display: none;
}

.ad-info-1 ul li p {
  margin: 0;
  font-size: 16px;
}

.adv-line {
  margin: 0 10px;
  overflow: hidden;
  position: relative;
  bottom: 0;
  height: 5px;
  display: flex;
  align-items: center;
}

.adv-details {
  height: 85px;
}

.offer-title .flex-column p {
  margin: 0 !important;
  font-size: 14px;
  padding-left: 4px;
  color: #000 !important;
}

.post-img {
  margin: 0;
}

.blog-post .user-preview {
  position: absolute;
  left: 15px;
  bottom: 0px;
  z-index: 110;
  display: inline-flex;
  width: auto;
  right: initial;
  height: 75px;
}

.blog-post .user-preview img {
  border-radius: 0;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.8);
  display: inline-block;
  height: initial;
  vertical-align: middle;
  height: 55px;
  width: 55px;
  z-index: 9;
}

.user-info {
  position: absolute;
  bottom: 15px;
  left: 100px;
  color: #fff;
  right: 0;
  display: inline-flex;
  flex-direction: column;
}

.post-img:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.3);
  content: "";
  z-index: 100;
  border-radius: 5px;
}

.user-info p {
  margin: 0;
  line-height: 1.5;
  text-align: left;
}

.user-info .user-name {
  font-weight: bold;
  font-size: 18px;
  color: #fff !important;
  max-width: 100%;
  line-height: 1;
}

.user-name span {
  display: inline-block;
  width: 195px;
  line-height: 1.5;
  text-align: left;
}

.user-name span, .blog-post.d-flex p, .user-info p {
  font-size: 12px;
  font-weight: 100;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);
}

.user-contact {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  margin-right: 10px;
  margin-top: 0;
}

.user-contact a {
  display: inline-flex;
  align-items: center;
  background: rgba(28, 126, 164, 0.55);
  width: 100px;
  justify-content: center;
  color: #fff !important;
  flex-direction: row-reverse;
  border-radius: 5px !important;
}

.user-contact a .fa-phone {
  position: relative;
  left: -2px;
}

.custom-modal-2.in {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}

.custom-modal-2.in .modal-content {
  display: inline-flex;
  flex-direction: row;
  width: 40vw;
  height: auto;
}

.countries-flags {
  display: inline-flex;
  width: 100%;
  padding-top: 40px;
  flex-wrap: wrap;
}

.countries-flags li {
  width: 25%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}

.countries-flags li img {
  width: 40px;
}

.countries-flags li a {
  display: inline-flex;
  align-items: center;
}

.countries-flags li p {
  color: #000;
  margin: 0;
  padding-left: 5px;
}

@media (min-width: 768px) {
  .custom-modal-2.in .modal-dialog {
    width: initial;
    margin: 30px auto;
  }
}
.footer-quicklinks {
  display: inline-flex;
  width: 100%;
  height: 25px;
  align-items: center;
  justify-content: flex-start;
}

.footer-bottom p {
  margin: 0;
}

.footer-bottom ul li {
  display: inline-flex;
  margin: 0px 10px;
}

.h-25 {
  height: 25px;
  position: relative;
  bottom: 1px;
}

.footer-bottom ul li a {
  height: 25px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.p-0-5 {
  padding: 0 5px;
}

.ps-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.serach-box {
  position: absolute;
  bottom: -31px;
  right: 17px;
  z-index: 1;
  width: 150px;
}

.filters-row .form-control {
  padding: 0 10px;
  height: 38px;
}

.fix-year-slider {
  background: #fff;
  padding-top: 5px;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: 0;
}

.header-listing h6 {
  margin: 0;
}

.order-select {
  border: 1px solid #bbb;
  padding: 5px;
  margin-left: 10px;
}

.flex-end {
  display: inline-flex;
  justify-content: flex-end;
}

.align-below {
  height: 30px;
  display: inline-flex;
  align-items: flex-end;
}

.full-citeis-header {
  display: inline-flex;
  align-items: center;
  width: 100%;
  justify-content: center;
  height: 50px;
  padding: 0 15px;
  margin-bottom: 5px;
}

.cities-select-holder {
  background: #1c7ea4;
  display: inline-flex;
  align-items: center;
  width: 100%;
  justify-content: center;
  height: 50px;
}

.cities-select-holder select {
  width: 200px !important;
  height: 40px;
  border: 2px solid #bbb;
  border-radius: 8px;
  padding-left: 10px;
  text-align: center;
}

.cities-select-holder .ui.selection.search.dropdown {
  width: 300px;
  text-align: center;
}

.pos-overlap {
  color: #FB5201;
  font-size: 23px;
  position: relative;
  left: 20px !important;
  z-index: 10;
  bottom: 2px;
}

.chat-with.online {
  background-color: green !important;
}

.blog-post.online img.avatar {
  border: 2px solid green;
}

.cities-select-holder .ui.search.dropdown.selection .dropdown.icon {
  font-size: 16px;
  padding: 0;
  padding-top: 10px;
  padding-right: 5px;
}

.cities-select-holder .ui.selection.search.dropdown .item {
  text-align: center;
}

.listingTopFilterBar {
  min-height: 35px;
  margin-bottom: 0;
}

.offer-box-title {
  position: relative;
  justify-content: center;
}

.m-t-8 {
  margin-top: 8px;
}

.custom-btn-3 span {
  font-size: 14px !important;
}

.custom-btn-3 {
  color: #fff !important;
  background: #1C7EA4;
  display: inline-flex;
  padding: 0 10px;
  border-radius: 5px;
}

.w-120 {
  width: 120px;
}

.w-80 {
  width: 80px;
}

.offer-info .member-since {
  font-size: 12px;
  margin: 0;
  margin-bottom: 5px;
}

.offer-ids p {
  margin: 0;
}

.offer-ids {
  padding: 5px 0;
  justify-content: center;
  display: inline-flex;
}

.border-right {
  padding-right: 15px;
  margin-right: 15px;
  border-right: 1px solid #1c7ea4;
}

.login-modal.custom-modal-1 .modal-dialog {
  width: auto;
}

.login-modal .pv-20 {
  padding-top: 45px;
  padding-bottom: 45px;
}

.login-modal.custom-modal-1 .modal-content {
  height: auto;
}

.category-grid-box-1 .short-description-1 a {
  font-size: 16px;
  font-weight: bold;
}

.multiple-tabs a {
  font-size: 18px;
}

.dealres-slider .post-img {
  border-radius: 5px;
  overflow: hidden;
}

.avatar-small {
  border-radius: 5px !important;
}

.m-0 {
  margin: 0 !important;
}

.p-r-10 {
  padding-right: 10px !important;
}

.modal-close {
  position: absolute;
  z-index: 1;
  background: transparent;
  border: 0;
}

.FreeLabel {
  position: absolute;
  background-image: url(/wsImages/free-en.png);
  background-repeat: no-repeat;
  background-size: 100% 90%;
  height: 50px;
  right: 11px;
  top: -4px;
  width: 50px;
}

.freepost-icon {
  width: 40px;
  position: absolute;
  left: 20px;
  top: 2px;
}

.dealr-link {
  font-size: 17px;
}

.link-2 {
  width: 80px !important;
}

.link-1 {
  width: 145px !important;
}

/*.avatar-active {
    border: 2px solid green;
}
*/
.vertical-center {
  display: inline-flex;
  align-items: center;
}

#year-slider input {
  width: 40px;
  height: 40px;
}

.blog-description p {
  font-size: 18px;
  line-height: 1.8;
  text-align: justify;
}

.key-features {
  display: inline-flex;
  width: 100%;
  margin-bottom: 5px;
  margin-top: 5px;
}

.boxicon {
  flex: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.p-l-15 {
  padding-left: 15px;
}

.pb-5 {
  padding-bottom: 5px;
}

.user-info-card {
  padding-bottom: 5px;
  padding-top: 5px;
}

.heading-zone {
  padding: 0 0 5px;
}

.boxicon.flex-2 {
  flex: 2;
  flex-direction: row;
  justify-content: flex-start;
  text-align: left;
}

.logo-secondary-color {
  color: #1C7EA4;
}

.detalis-title {
  font-size: 18px;
  /* line-height: 1; */
  font-weight: bold;
  color: #000;
}

.detalis-title span {
  font-size: 16px;
}

.details-case {
  line-height: 1;
  font-weight: bold;
}

.padding-top-10 {
  padding-top: 10px;
}

.f-color-black {
  color: #000 !important;
}

.p-t-5 {
  padding-top: 5px;
}

.f-site-20 {
  font-size: 20px !important;
}

.offer-location {
  text-align: left;
  display: inline-flex;
}

.profile-header {
  background: #fff;
}

.profile-banner {
  height: 150px;
  background-size: cover !important;
}

.profile-banner.card-banner {
  height: 250px !important;
  min-height: fit-content;
}

.bg-gray.dealer-profile-box > .profile-banner {
  height: 300px;
}

.p-l-80 {
  padding-left: 85px !important;
}

.bg-white {
  background: #fff;
}

.profile-image {
  bottom: 100px;
  position: relative;
  padding: 0 20px;
  min-width: 200px;
  box-sizing: content-box;
}

.p-l-30 {
  padding-left: 30px;
}

.profile-image img {
  border-radius: 10px;
  width: 200px;
}

.tag-primary {
  border: 1px solid #1C7EA4;
  color: #1c7ea4;
  border-radius: 3px;
  display: inline-flex;
  height: 20px;
  width: 80px;
  align-items: center;
  justify-content: center;
  margin-bottom: 0;
}

.tag-primary:not(:first-child) {
  margin-left: 5px;
}

.tag-primary:after {
  content: "," !important;
}

.tag-primary:last-child:after {
  content: "" !important;
}

.profile-btn:not(:first-child) {
  margin: 0 10px;
}

.h-130 {
  height: 100px;
}

.border-radius-10 {
  border-radius: 10px;
  overflow: hidden;
}

.flex-2 {
  flex: 2;
}

.align-items-center {
  align-items: center;
}

.custom-btn-4 {
  color: #fff !important;
  background: #1C7EA4;
  display: inline-flex;
  padding: 0 10px;
  min-width: 100px;
  border-radius: 5px;
  height: 50px;
  justify-content: space-evenly;
  width: 200px;
  font-size: 20px;
  text-transform: uppercase;
  margin-right: 15px;
}

.user-profile-tabs .nav-tabs {
  background-color: #fff;
  border: 0;
}

.user-profile-tabs a, .user-profile-tabs .active a {
  outline: 0;
  border: 0;
  color: #1C7EA4 !important;
  display: inline-flex !important;
  min-width: 80px;
  padding: 10px;
  height: 100%;
  align-items: center;
  justify-content: center;
  font-size: 15px;
}

.user-profile-tabs li.active, .user-profile-tabs li.active a {
  background: #FB5201 !important;
  padding-top: 10px;
  position: relative;
  color: #fff !important;
}

.user-profile-tabs li {
  position: relative;
}

.user-profile-tabs li.active:before {
  position: absolute;
  background: #1C7EA4;
  width: 100%;
  height: 3px;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}

.nav-tabs > li > a:hover {
  border: none;
}

.user-profile-tabs .nav-tabs > li.active > a, .user-profile-tabs .nav-tabs > li.active > a:hover, .user-profile-tabs .nav-tabs > li.active > a:focus {
  border: none;
}

.user-profile-tabs li:focus, .user-profile-tabs a:focus {
  outline: none !important;
}

.p-10 {
  padding: 10px;
}

.public-profile {
  display: inline-flex;
  align-items: center;
  min-height: 125px;
}

.public-profile .profile-image {
  bottom: initial;
}

.public-btns {
  height: 100%;
  align-items: flex-end;
  padding-bottom: 45px;
}

.user-info-header {
  margin-top: 30px;
  font-size: 20px;
  background: #fff;
  padding: 10px;
  border-radius: 10px;
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
}

.user-info-header h1 {
  font-size: 22px;
  color: #000;
  padding-bottom: 20px;
  border-bottom: 1px solid #aaa;
  padding-top: 20px;
}

.user-info-header .info-row p {
  width: 100%;
  text-align: left;
  margin: 0;
  font-size: 16px;
  flex: 3;
}

.email-field .user-info-field {
  white-space: nowrap;
  text-overflow: ellipsis;
}

.user-info-header .info-row label {
  margin: 0;
  color: #1c7ea4;
  font-size: 18px;
  font-weight: normal;
  flex: 2;
  line-height: 1;
  min-width: 95px;
}

.info-row {
  padding-top: 20px;
  padding-bottom: 20px;
}

.info-row:not(:last-child) {
  border-bottom: 1px solid #aaa;
}

.floating-edit-btn {
  position: absolute;
  top: 50px;
  right: 20px;
  font-size: 30px;
}

.floating-edit-btn:hover {
  color: #1C7EA4;
}

.info-row:last-child {
  padding-bottom: 10px;
}

.secondry-color {
  color: #1C7EA4 !important;
}

.f-size-16 {
  font-size: 16px;
}

.more-ads-btn {
  text-align: center;
  width: 100%;
  display: inline-block;
  margin-top: 10px;
  border-top: 1px solid #aaa;
  padding: 15px 0;
  padding-bottom: 0;
  color: #aaa;
  font-weight: bold;
}

/*.widget{
    text-align:center;
}
.widget img{
    width:300px;
}*/
.p-v-5 {
  padding-bottom: 5px;
}

.offer-location p {
  margin: 0;
  width: initial;
  color: #1c7ea4;
}

.offer-ids {
  padding: 0;
}

/*.featured-box .boxicon {

    border: none;

}*/
.featured-box .boxicon.flex-2 {
  padding-right: 23px;
}

.p-b-0 {
  padding-bottom: 0 !important;
}

.parklist-icon {
  width: 22px;
  padding-right: 5px;
  box-sizing: content-box;
}

.normal-color {
  color: #777;
}

.listing-details-edit {
  position: absolute;
  width: 100px;
  display: inline-flex;
  align-items: center;
  right: 10px;
  font-size: 22px;
  color: red;
  top: 15px;
}

.listing-details-edit .fa {
  padding: 0;
  font-size: 30px;
}

.bg-gray {
  background: #f6f6f6;
}

.banner-photo-btn {
  position: absolute;
  font-size: 30px;
  top: 10px;
  color: #fff;
  right: 10px;
  border: 2px solid #fff;
  border-radius: 100%;
  padding: 10px;
  background: #fb5201;
}

.banner-photo-btn:hover .fa {
  color: #1C7EA4;
}

.r-extra {
  right: 30px;
  font-size: 20px;
  height: 40PX;
  width: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.dealer-locaion {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  font-size: 20px;
}

.dealer-locaion img {
  border-radius: 25px;
}

.lh-1 {
  line-height: 1;
}

.bb-5 {
  line-height: 1;
  position: relative;
  bottom: 5px;
}

.order-select {
  border-radius: 5px;
}

.bg-grey {
  background: #666768 !important;
}

.text-normalcase {
  text-transform: initial;
}

.country-list {
  width: 326px;
}

.eye-pass {
  position: absolute;
  right: 15px;
  top: 50px;
  color: #333;
}

.forgot-pass {
  text-align: right;
  width: 100%;
  margin: 0;
  color: blue;
  display: inline-block;
  font-size: 12px;
}

#output {
  font-size: 14px;
}

.green-border {
  border: 3px solid green !important;
  /* background: #b0eab0f5; */
  border-radius: 5px;
}

.register-extra-btns {
  display: inline-flex;
  justify-content: space-between;
  width: 100%;
  flex-direction: column;
}

.register-extra-btns label {
  margin: 0;
}

.register-extra-btns a {
  color: #0F93DD;
}

.vertical-align {
  display: inline-flex;
  align-items: center;
}

.red-border {
  border: 1px solid red !important;
}

.m-b-0 {
  margin-bottom: 0 !important;
}

.eye-pass-2 {
  position: absolute;
  top: 15px;
  right: 50px;
  font-size: 20px;
  cursor: pointer;
}

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

.count-circle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  /*width: 20px;
  height: 20px;
  background: ;*/
  border-radius: 100%;
  top: 0px;
  right: 0px;
  color: #000;
  padding-right: 10px;
  font-weight: bold;
  font-size: 15px;
  position: absolute;
  pointer-events: none;
  margin-left: 13%;
}

#map {
  width: 100%;
  height: 300px;
  margin-bottom: 15px;
}

.listings-btns {
  position: relative;
}

.listings-btns li:before {
  position: absolute;
  top: 7px;
  content: "";
  width: 1px;
  height: 70px;
  background: #FFFFFF;
  opacity: 0.8;
  z-index: 2000;
  right: 0;
}

.listings-btns li:last-child:before {
  display: none;
}

.ui.selection.search.dropdown {
  min-width: initial;
  width: 100%;
}

.flex-item[data-name=sectionID] .ui.search.dropdown > .text span {
  overflow: hidden !important;
  display: inline-flex;
  width: 65%;
}

.fix-year-slider {
  padding: 0;
}

.ui.selection.search.dropdown .default.text {
  color: #000;
}

.fix-year-slider .col-md-6 {
  padding-left: 2px;
  padding-right: 2px;
}

.rounded-edges {
  border-radius: 3px;
}

.svg-for-sale > polyline {
  stroke: #0F93DD !important;
}

.svg-for-rent > polyline {
  stroke: #F68D00 !important;
}

.svg-wanted > polyline {
  stroke: #D31018 !important;
}

.svg-online > polyline {
  stroke: green !important;
}

/*========== fixed menu==============*/
.header-top {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  transition: all 0.5s;
}

.header-top.scrollUp:not(.ignore-moving), #menu-1.scrollUp:not(.ignore-moving) {
  transform: translateY(-48px);
}

#menu-1 {
  position: fixed;
  top: 44px;
  z-index: 9998;
  transition: all 0.5s;
}

.spacer-top {
  margin-top: 90px;
}

/*================ end fix menu ===============*/
.search-row .w-100.form-control.rounded-edges {
  height: 36px;
}

.search-row {
  position: fixed;
  top: -48px;
  left: 0;
  width: 100%;
  z-index: 1000;
  transition: all 0.5s;
}

.search-row {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  z-index: 1000;
  min-height: 70px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.search-row.scrollUp {
  transform: translateY(98px);
}

.full-show-2 .serach-box:not(.new-menu) {
  transition: all 1s;
  transform: translateY(10px);
}

.full-show-2 .floating-text:not(.new-menu) {
  transition: all 1s;
  transform: translateY(10px);
}

.serach-box.new-menu {
  bottom: -17px;
}

.floating-text.new-menu {
  bottom: 0;
  color: #fff;
}

.bg-transparent {
  background: transparent;
}

/*for now*/
.ad-holder {
  height: 200px;
  width: 100% !important;
}

.left-adv {
  position: fixed;
  top: 17vh;
  left: 1vw;
  width: 12vw;
  /* text-align: center; */
  display: inline-flex;
  align-items: flex-start;
  justify-content: flex-start;
  z-index: 100;
  height: 75vh;
}

.right-adv {
  position: fixed;
  top: 17vh;
  right: 1vw;
  width: 12vw;
  /* text-align: center; */
  display: inline-flex;
  align-items: flex-start;
  justify-content: flex-end;
  z-index: 100;
  height: 75vh;
}

.card-for-rent .ad-info-1 ul li:before {
  background: #f68d00;
}

.card-for-rent .white.category-grid-box-1 {
  border: 1px solid #f68d00;
}

.card-wanted .ad-info-1 ul li:before {
  background: #D31018;
}

.card-wanted .white.category-grid-box-1 {
  border: 1px solid #D31018;
}

.card-online .ad-info-1 ul li:before {
  background: green;
}

.card-online .white.category-grid-box-1 {
  border: 1px solid green;
}

.category-grid-box-1 .kilo-meter {
  color: #a0a0a0;
}

.category-grid-box-1 .petrol {
  color: #a0a0a0;
}

.category-grid-box-1 .reg-year {
  color: #a0a0a0;
}

.category-grid-box-1 .transmission {
  color: #a0a0a0;
}

.category-grid-box-1 .ad-info-1 ul li p {
  font-size: 13px;
}

.banner-btn {
  color: #fff;
  background: #FB5201;
  display: inline-flex;
}

.pixle-me {
  filter: blur(7px) !important;
}

@media (max-width: 1450px) and (min-width: 1000px) {
  .banner-area {
    height: 400px;
  }
  .fix-screen {
    position: relative;
    left: 100px;
  }
  .filter-box .filters li:first-child {
    margin-left: 0;
  }
  .filter-box .filters li:last-child {
    margin-right: 14px;
  }
  .fix-screen h1 {
    padding: 0;
  }
  .fix-screen-2 {
    padding-top: 10px;
  }
  .fix-screen-2 .heading-panel {
    margin-bottom: 15px;
  }
}
.cat-box h4 {
  position: relative;
  bottom: 4px;
  color: #fff;
}

.flex-row.boxes {
  width: initial !important;
  flex-wrap: wrap;
}

.step-box {
  flex-direction: column;
  display: inline-flex;
}

.add-process {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

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

.step-box {
  background: #fff;
  border-radius: 10px;
  padding: 15px 60px;
  justify-content: center;
}

.cat-box {
  text-align: center;
  position: relative;
  display: inline-flex;
  width: 200px;
  justify-content: center;
  align-items: center;
  background: rgb(28, 126, 164);
  border-radius: 10px;
  margin: 2px;
  height: 200px;
}

.cat-box img {
  filter: invert(100);
  height: 100px;
}

.cat-box:last-child img {
  width: auto;
  margin-bottom: 15px;
  height: 78px;
}

.box-title {
  margin-bottom: 10px;
  position: relative;
  padding-left: 10px;
  text-align: left;
  color: #fb5201;
}

.cat-box:last-child h4 {
  position: relative;
  bottom: 0px;
  color: #fff;
}

.box-title:before {
  position: absolute;
  top: 6px;
  left: 0;
  content: "";
  width: 4px;
  height: 25px;
  background: #1C7EA4;
}

.full-page {
  min-height: 70vh;
}

.step-box {
  position: relative !important;
  padding-bottom: 15px;
  width: 732px !important;
  min-width: 732px;
  min-height: 486px;
  display: inline-flex;
  justify-content: flex-start;
}

.process-step {
  width: 50px;
  height: 5px;
  background: #FB5201;
  position: absolute;
  bottom: 5px;
  left: 0px;
  border-radius: 5px;
}

.add-process {
  position: relative;
}

.add-process {
  overflow-x: hidden;
}

.flex-row.offer-boxes {
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.offerType-box {
  display: inline-flex;
  width: 200px;
  height: 100px;
  align-items: center;
  justify-content: center;
  background: #1C7EA4;
  border-radius: 5px;
  margin-bottom: 10px;
}

.offerType-box a h4 {
  color: #fff;
  font-size: 26px;
}

.margin-top-15 {
  margin-top: 15px;
}

.back-btn {
  position: absolute;
  top: 22px;
  left: 28px;
}

.back-btn .fa {
  font-size: 22px;
  color: #FB5201;
}

.section-boxes {
  display: inline-flex;
  width: 300px;
  height: 40px;
  align-items: center;
  justify-content: center;
  background: rgb(28, 126, 164);
  border-radius: 5px;
  margin-bottom: 15px;
}

.section-boxes a h4 {
  color: #fff;
  font-size: 18px;
}

.section-boxes-1 {
  display: inline-flex;
  width: 350px;
  height: 40px;
  align-items: center;
  justify-content: center;
  background: rgb(255, 255, 255);
  border-radius: 5px;
  margin-bottom: 15px;
  border: 1px solid #1c7ea4;
}

.section-boxes-1 a h4 {
  color: #1c7ea4;
  font-size: 18px;
}

.choices-holder {
  max-height: 410px;
  overflow-y: auto;
  display: inline-flex;
  flex-direction: column;
}

.choices-holder .flex-row {
  align-items: center;
  justify-content: flex-start;
}

.search-boxs .item {
  text-align: left;
  margin: 15px 0;
  padding-left: 10px;
  padding-bottom: 5px;
  border-bottom: 1px solid #eee;
}

.search-boxs .item span {
  font-size: 16px;
  padding-left: 10px;
  color: #000;
  padding: 0;
}

.search-boxs .item img {
  width: 40px;
}

.makemodel-boxes {
  width: 100%;
}

.makemodel-boxes .form-control {
  border: 0;
  border-bottom: 1px solid #1C7EA4;
  padding: 0;
  padding-bottom: 5px;
  padding-left: 5px;
  font-size: 20px;
}

.fule-type .section-boxes a {
  padding-left: 15px;
}

.fule-type .section-boxes a h4 {
  color: #fff;
  font-weight: bold;
}

.step-box {
  display: none;
}

.choices-holder {
  max-height: 410px;
  overflow-y: auto;
  display: inline-flex;
  flex-direction: column;
  width: 100%;
}

.color-type .section-boxes {
  background: transparent;
  width: 100px;
  text-align: center;
}

.color-type .section-boxes a h4 {
  color: #000;
}

.color-type.choices-holder .flex-row {
  justify-content: center;
  align-items: center;
}

.color-type.choices-holder {
  max-height: 500px !important;
  height: 320px;
}

.color-type .section-btn {
  text-align: center;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.color-type .section-boxes {
  height: initial;
  margin: 0;
}

.color-box {
  width: 30px;
  height: 30px;
  border-radius: 5px;
  margin-bottom: 5px;
}

.color-box.red {
  background: red;
}

.disabled {
  cursor: not-allowed;
}

.disabled a {
  background: grey;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 40px;
  cursor: not-allowed;
}

.disabled a span {
  font-size: 30px;
  height: 100%;
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  cursor: not-allowed;
}

.fix-rows-margin .row {
  margin: 0;
}

.search-row-holder {
  font-size: 14px;
}

.search-row-holder input.w-100.form-control.rounded-edges {
  padding: 0;
  padding-left: 10px;
  font-size: 14px;
  height: 100%;
}

.search-row-holder .col-md-6 {
  height: 100%;
}

.search-row-holder .row.m-0.flex-row {
  position: relative;
  bottom: 5px;
}

.cities-select-holder .ui.search.dropdown > input.search {
  text-align: center;
}

.search-boxs .item .red {
  color: red;
  font-size: 16px;
  padding: 0;
}

.search-boxs .item .blue {
  color: #1a0dab;
  font-size: 16px;
}

.search-boxs a {
  color: #000;
}

.custom-modal-1 .iti.iti--allow-dropdown {
  width: 100%;
}

.login-form .minimal-checkbox-1 {
  width: 100%;
}

.pv-5 {
  padding-bottom: 5px;
  padding-top: 5px;
}

#LoginModal {
  align-items: initial;
}

#LoginModal .modal-dialog {
  margin-top: 150px;
}

.form-grid .btn-social {
  margin-bottom: 0;
  padding-right: 10px;
  text-align: left;
  font-size: 12px;
}

#LoginModal .pv-5 {
  padding-left: 0;
  padding-right: 0;
}

#LoginModal.login-modal.custom-modal-1 .modal-content {
  height: auto;
  width: 300px;
}

#LoginModal.login-modal.custom-modal-1 .modal-dialog {
  width: auto;
}

#LoginModal .form-grid {
  padding: 20px;
}

.custom-modal-1 .form-grid {
  padding: 20px;
}

#LoginModal #loginphone:focus {
  border-color: initial;
}

.custom-modal-1.in .modal-close {
  padding: 5px;
}

.notifyjs-container .notifyjs-bootstrap-base {
  padding: 0px !important;
  padding-left: 25px !important;
  font-size: 14px;
  background-position-y: 3px;
}

.iti {
  width: 100%;
}

.bg-green {
  background: green !important;
}

.f-fix-18 {
  font-size: 18px;
}

.flex-column {
  flex-direction: column;
  display: inline-flex;
}

.review-box label {
  font-size: 18px;
  text-align: left;
  color: #1C7EA4;
  margin-bottom: 0;
}

.edit-input {
  padding-left: 10px;
  border: 3px solid #aaa;
  border-radius: 5px;
  position: relative;
}

.edit-input:focus {
  outline: none;
}

.edit-input-icon {
  position: absolute;
  top: 38px;
  /* top: 3px; */
  font-size: 15px;
  color: green;
  z-index: 100;
  right: 10px;
}

.mb-padding-details {
  padding-left: 0;
  padding-right: 0;
}

.review-box .flex-column {
  position: relative;
  width: 22%;
  margin: 0 10px;
  margin-bottom: 10px !important;
}

.review-box {
  flex-wrap: wrap;
}

.review-input {
  padding-left: 10px;
  border-radius: 5px;
  position: relative;
  border: 3px solid #aaa;
}

.review-input:focus {
  outline: none;
}

.review-select {
  position: absolute;
  bottom: 3px;
  right: 0px;
  height: 29px;
  border: 0;
  background-color: transparent;
  border-left: 1px solid #000;
  padding-right: 0px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 106px;
  font-size: 13px;
}

.review-select:focus {
  outline: none;
}

.push-check .edit-input-icon {
  right: 75px;
}

.add-filed .edit-input-icon, .name-box .edit-input-icon {
  display: none;
}

.filled.add-filed .edit-input-icon, .name-box .filled .edit-input-icon {
  display: initial;
}

.filled .review-select {
  border-left: 1px solid green;
}

.m-l-10 {
  margin-left: 10px;
}

.required-title {
  color: red;
  float: right;
  font-size: 12px;
  padding-right: 20px;
}

.file-upload button {
  -moz-appearance: none;
  -webkit-appearance: none;
  border: none;
  width: 65px;
  height: 40px;
  background-color: transparent;
  color: #09c;
  transition: all 0.2s;
  background: url("/wsImages/camera-icon.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  margin-bottom: 10px;
}

.file-upload {
  overflow: hidden;
  position: relative;
  width: 100%;
  text-align: left;
  padding: 10px;
  margin-top: 0;
  border: 1px solid #1C7EA4;
  border-radius: 5px;
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
}

.file-upload > input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  cursor: pointer;
}

.file-upload .file-info {
  display: block;
  clear: both;
  margin-top: 0.6em;
  color: #999;
}

.p-b-20 {
  padding-bottom: 20px;
}

.m-s-10 {
  margin-left: 10px;
  margin-right: 10px;
  box-sizing: content-box;
}

.images-label {
  text-align: left;
  margin: 0;
}

.color-blue {
  color: #1C7EA4 !important;
}

.images-label .color-blue {
  font-size: 18px;
}

.red-border {
  border-color: red;
}

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

.post-listing-btn {
  display: inline-flex;
  height: 60px;
  text-align: center;
  width: 200px;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: red;
  height: 85px;
  margin-top: 10px;
  border-radius: 5px;
  font-size: 20px;
}

.post-listing-btn:hover {
  color: #fff;
}

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

.name-box .edit-input-icon {
  right: 25px;
}

.step-box.perv-step {
  display: initial;
  transform: translateX(-1vw);
  opacity: 0.5;
  pointer-events: none;
}

.step-box.current-step {
  display: initial;
  transform: translateX(0vw);
}

.step-box.next-step {
  display: initial;
  transform: translateX(1vw);
  opacity: 0.5;
  pointer-events: none;
}

.step-box.first-step {
  display: initial;
  transform: translateX(17vw);
}

.step-box.first-next-step {
  display: initial;
  transform: translateX(18vw);
  opacity: 0.5;
  pointer-events: none;
}

.step-box.last-step {
  display: initial;
  width: 100% !important;
  transform: translateX(0);
}

.step-box.last-perv-step {
  display: none;
}

.toggleable-btn a span {
  font-size: 20px;
  height: 100%;
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.toggleable-btn a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 40px;
}

.section-boxes .section-btn {
  display: inline-flex;
  align-items: center;
  /* justify-content: space-evenly; */
  width: 100%;
}

.section-btn img {
  width: 90px;
  padding: 0 10px;
  box-sizing: content-box;
}

.banner-padding {
  padding: 0;
  margin-bottom: 0;
}

.main-banner {
  margin-top: 8px;
  margin-bottom: 94px;
  max-height: 400px;
  overflow: hidden;
}

.filter-box-section .filter-box {
  align-items: flex-start;
}

.p-r-9 {
  padding-right: 9px;
}

.fix-delete-pos {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 20px;
}

.red.pos-absolute {
  color: red;
  cursor: pointer;
  color: #fff;
  background: #000;
  width: 25px;
  height: 25px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  top: 2px;
  right: 5px;
  z-index: 10;
  font-size: 17px;
  font-weight: normal;
  line-height: 10px;
}

#PasswordModal .form-grid {
  width: 300px;
}

.ad-info-1 {
  display: none;
}

.adv-holder {
  /* display: none !important;*/
}

.sidebar .widget {
  display: none !important;
}

.featured-slider .item > div {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.category-grid-box-1 .image {
  height: 155px;
  /*do not change this value as it will runie the listings imgs - Khaled I changed it because the images are being cut*/
}

.category-grid-box-1 .offer-title img:first-child {
  min-width: 43px;
  width: 32px !important;
  position: relative;
  top: 4px;
}

.category-grid-box-1 .offer-title .new-icon {
  float: right;
  position: absolute !important;
  right: -7px !important;
  bottom: 0px;
}

.category-grid-box-1 .offer-title {
  min-height: 48px;
}

.featured-slider .owl-item, .featured-slider-single .owl-item {
  opacity: 0;
  position: relative;
}

#makeTab .flex-column, #madeTab .flex-column, #countryTab .flex-column {
  flex-direction: column;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

/*#result-cards .col-md-3 {
    padding-left: 0 !important;
    padding-right: 10px !important;
}*/
#result-cards img.imgHeight {
  min-width: 100%;
  min-height: 100%;
}

#result-cards .col-md-3.p-r-5 {
  padding-right: 3px !important;
  padding-left: 3px !important;
}

#result-cards .col-md-3.p-l-5 {
  padding-right: 5px !important;
  padding-left: 5px !important;
}

@media (max-width: 768px) {
  .dealer.p-l-5 {
    padding: 1px !important;
    padding-right: 2px !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }
  .dealer.p-r-5 {
    padding: 1px !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }
  #result-cards .col-md-3.p-r-5 {
    padding: 1px !important;
  }
  #result-cards .col-md-3.p-l-5 {
    padding: 1px !important;
    padding-right: 0px !important;
  }
  .responsive_ads {
    height: 318px !important;
    max-height: 318px !important;
  }
}
.fix-floating-text .floating-text {
  color: #fff;
  bottom: 0;
}

.flex-item {
  margin: 0 3px !important;
  max-width: 184px;
}

.custom-select2-h-36 {
  height: 36px !important;
}

.autocomplete-suggestions {
  BACKGROUND: #fff;
  font-size: 18px;
  padding-bottom: 0 !important;
}

.autocomplete-suggestions .autocomplete-suggestion {
  padding: 10px;
  border-bottom: 1px solid rgba(28, 126, 164, 0.3);
  cursor: pointer;
}

.autocomplete-suggestions .autocomplete-suggestion:last-child {
  padding: 10px;
  border-bottom: 0;
}

.header-top-left {
  padding: 0 12px;
}

.pl-0 {
  padding-left: 0;
}

.header-logo {
  width: 180px;
  height: auto;
}

.modal-open {
  padding: 0 !important;
  overflow-y: unset !important;
}

body {
  padding: 0 !important;
}

.card-model {
  font-size: 14px;
}

.offer-title .flex-column {
  line-height: 1.2;
}

.offer-title .flex-column span:first-child {
  color: #1C7EA4;
}

.offer-title {
  margin-bottom: 0;
}

.border-1 {
  border: 1px solid #0F93DD !important;
}

.border-2 {
  border: 1px solid #F68D00 !important;
}

.border-4 {
  border: 1px solid #D31018 !important;
}

.ui.selection.dropdown .menu > .item {
  padding: 10px 0 !important;
  font-size: 12px;
}

.short-features .main-title {
  line-height: 1;
}

.featured-slider .owl-item {
  pointer-events: none;
}

.featured-slider .owl-item.active {
  pointer-events: all;
}

#CountriesModal .modal-content {
  margin-top: 0;
  width: 60vw !important;
  max-height: 80vh;
  height: 60vh;
  min-height: 60vh;
  overflow-y: auto;
}

#CountriesModal .modal-content li a {
  padding: 0 10px;
  border: 3px solid #fff;
}

#CountriesModal .modal-content li.active a {
  border: 3px solid #fb5201;
  padding: 0 10px;
  box-sizing: content-box;
}

#CountriesModal {
  z-index: 10000;
  align-items: flex-start;
  padding: 0 !important;
}

#CountriesModal .pv-20.pos-relative.col-md-12 {
  max-height: 100%;
}

#CountriesModal .modal-dialog {
  z-index: 10000;
  align-items: center;
}

.countries-flags li {
  width: 25%;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 0;
}

.countries-flags li img {
  width: 20px;
}

.country-filter-input {
  border: 0;
  border-bottom: 1px solid #1c7ea4;
  padding-left: 10px;
  position: absolute;
  top: 0;
  right: 35%;
  width: 33%;
}

.country-filter-input:focus {
  outline: none;
}

#CountriesModal h3 {
  text-align: left;
  color: #FB5201;
  padding-left: 23px;
}

#CountriesModal .modal-close {
  font-size: 30px;
  padding-left: 10px;
  padding-top: 5px;
}

.modal-close a {
  color: #E95519;
}

.otp-confirmed {
  position: absolute;
  bottom: 10px;
  display: inline-flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-between;
  text-align: center;
  line-height: 0;
  font-size: 15px;
  color: #fb5201;
  width: 100%;
  justify-content: center;
  right: 0;
}

.email-confirmed {
  position: absolute;
  bottom: 5px;
  right: 0;
  display: inline-flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-between;
  text-align: center;
  line-height: 0.9;
  font-size: 15px;
  color: #fb5201;
  width: 100%;
  justify-content: center;
}

.verfied {
  color: green;
}

.user-mobile {
  font-size: 16px !important;
}

.verifyModals {
  position: absolute;
  top: 0;
  left: 0;
  transition: all linear 0.5s;
  z-index: 200;
}

.custom-save-btn {
  color: #fff !important;
  background: #FB5201;
  display: inline-flex;
  width: 80px;
  height: 35px;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  border-radius: 5px;
  font-size: 25px !important;
  position: absolute;
  top: 35px;
  right: 20px;
  font-size: 30px;
}

.normal-family {
  font-family: "TitilliumWeb", sans-serif;
  padding-left: 5px;
}

#userInfo-Edit-Btn:before {
  position: relative;
  top: 2px;
}

.user-info-input {
  padding-left: 5px;
}

.push-zindex {
  z-index: 500;
  position: relative;
}

.slideInView {
  left: 99%;
}

.custom-btn-5 {
  display: inline-flex;
  border: 0;
  background: #FB5201;
  color: #fff;
  min-width: 100px;
  height: 40px;
  align-items: center;
  justify-content: center;
  margin: 10px;
  border-radius: 5px;
  padding: 0 5px;
}

.bg-blue {
  background: #1C7EA4;
}

#profileUserName {
  font-weight: bold;
  font-size: 16px;
}

.custom-btn-5.disabled {
  background: grey;
  pointer-events: none;
  cursor: not-allowed;
  min-width: 121px;
}

.custom-btn-5.min-size {
  min-width: 121px;
}

#profilePhone:not(.p-l-5) {
  /*padding: 0;*/
  /*padding-left: 85px !important;*/
  height: 40px;
  /* max-width: 232px !important; */
  box-sizing: border-box !important;
}

.small-link {
  color: #1a0dab;
  font-size: 15px;
}

.info-row label {
  min-width: 68px;
}

.email-confirmed {
  color: green;
}

.image-upload > input {
  display: none;
}

.image-upload {
  position: absolute;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  display: inline-flex;
  z-index: 100;
  align-items: center;
  justify-content: center;
  top: 19px;
  left: 48px;
}

.image-upload img {
  width: 35px;
}

.category-grid-box-1 .offer-title .profile-card-logo img {
  width: 25px !important;
  min-width: 20px;
  position: absolute;
  top: 0;
}

.profile-card-mainTitle {
  padding-left: 17px;
}

.category-grid-box-1.profile-card .offer-title {
  min-height: initial;
  margin: 0;
}

.category-grid-box-1.profile-card .short-description-1 {
  padding: 0 !important;
  line-height: 1;
  padding-bottom: 8px !important;
  padding-left: 8px !important;
  min-height: 31px;
}

.category-grid-box-1.profile-card .short-description-1 a {
  font-size: 18px;
}

.category-grid-box-1.profile-card .short-description-2 > span {
  font-size: 15px;
  color: green;
  width: 100%;
  padding-left: 15px;
  display: inline-block;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.red {
  color: red;
}

.category-grid-box-1.profile-card .adv-details {
  height: auto;
}

.profile-card-controls {
  width: 100%;
}

.profile-card-controls ul {
  display: inline-flex;
  justify-content: space-evenly;
  width: 100%;
  font-size: 16px;
  padding: 5px 0;
}

.profile-card-controls ul li {
  text-align: center;
  flex: 1;
}

.profile-card-controls ul li:first-child {
  text-align: center;
  white-space: nowrap;
}
.profile-card-controls ul li:first-child a {
  border-left: none !important;
}

.profile-card-controls ul li:nth-child(2) {
  text-align: center;
  width: 20%;
}

.profile-card-controls ul li a {
  flex-direction: column;
  display: inline-flex;
}

.profile-card-controls ul li .fa-trash {
  color: red;
}

.profile-card-controls ul li .fa-pencil-square {
  color: #1C7EA4;
}

.profile-card-controls ul li .fa-share-alt {
  color: #1C7EA4;
}

.profile-card-controls ul li .fa-upload {
  color: green;
}

.profile-card-controls ul li a {
  flex-direction: column;
  display: inline-flex;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  width: 100%;
}

.profile-card-controls ul li:last-child a {
  border-right: 0;
}

.p-l-5 {
  padding-left: 5px;
}

.p-l-0 {
  padding-left: 0 !important;
}

.white.category-grid-box-1.profile-card:not(:last-child) {
  border: 1px solid #1C7EA4;
  min-height: 268px;
}

.white.category-grid-box-1.profile-card li:last-child a {
  border: 0;
  padding: 0;
}

.cursor-pointer {
  cursor: pointer;
}

#ProfilePhoneModal .modal-content, #ProfileNameModal .modal-content, #ProfileEmailModal .modal-content {
  width: 20%;
}

.bg-red {
  background: red;
}

.bg-green {
  background: green;
}

.bg-blue {
  background: #1C7EA4;
}

.password-dummy {
  font-size: 23px !important;
  line-height: 0;
  display: inline-flex;
  align-items: center;
}

.warning-body {
  background: rgba(255, 0, 0, 0.56);
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  /* width: 100%; */
  border-radius: 5px;
  font-size: 16px;
  padding-left: 15px;
  margin-top: 15px !important;
  box-sizing: content-box;
}

.warning-body i {
  color: #fff;
  padding-right: 5px;
  padding-left: 5px;
  position: relative;
  top: 3px;
}

.warning-body span {
  color: #fff;
}

.warning-body a {
  color: #1a0dab;
}

.not-verfied {
  color: red !important;
}

a .red {
  color: red !important;
}

.message-fixmargin .warning-body {
  margin: 5px 0;
  margin-top: 10px;
  margin-bottom: 0;
}

.btn-theme:hover, .btn-theme:focus, .btn-theme:active, .btn-theme.active, .open .dropdown-toggle.btn-theme {
  color: #ffffff;
  background-color: #FB5201;
  border-color: #FB5201;
}

.change-username-pos {
  color: #1a0dab !important;
  text-decoration: underline;
}

.f-size-18 {
  font-size: 18px;
}

.notifyjs-arrow {
  top: 36px !important;
}

.notifyjs-container {
  top: 40px !important;
}

.p-l-5:not(.dealer) {
  padding-left: 5px !important;
}

.logo-main-bgcolor {
  background: #FB5201;
}

.custom-btn-4 i {
  padding-right: 5px;
}

.custom-multi-select .header {
  margin: 0 !important;
  padding: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  color: #999;
  padding-left: 15px;
  font-size: 15px;
}

.custom-multi-select.ui.selection.dropdown .menu > .item {
  padding-left: 10px !important;
}

.custom-multi-select {
  min-height: 50px !important;
  display: inline-flex;
  align-items: center;
}

.custom-multi-select.ui.fluid.dropdown > .dropdown.icon {
  top: 15px;
}

.custom-multi-select.ui.multiple.search.dropdown > .text {
  height: 100%;
  align-items: center;
  margin: 0;
  padding-left: 15px;
  color: #aaa;
  display: flex;
}

.custom-multi-select.ui.multiple.search.dropdown .label.visible ~ .text {
  display: none;
}

select.red-border {
  color: #aaa !important;
}

.mb-anim-price {
  display: none;
}

.custom-search-select {
  height: 52px !important;
  padding: 0;
  padding-left: 15px;
}

.custom-btn-5:hover {
  color: #fff !important;
}

.flashing-blue {
  animation: ChangeColor;
  animation-fill-mode: both;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}

@keyframes ChangeColor {
  0% {
    background-color: #FB5201;
  }
  100% {
    background-color: #1C7EA4;
  }
}
#ProfileDealerModal .modal-content {
  width: 25vw;
}

#ProfileDealerModal .form-group.pos-relative {
  width: 25vw;
  text-align: center;
  width: 100%;
  font-size: 20px;
}

#ProfileDealerModal .form-group.pos-relative {
  width: 25vw;
  text-align: center;
  width: 100%;
  font-size: 20px;
}

#ProfileDealerModal .form-group.pos-relative p {
  text-align: center;
  font-size: 20px;
}

#ProfileDealerModal .form-group:not(.pos-relative) p {
  font-size: 24px;
  font-weight: bold;
  color: #000;
}

#ProfileDealerModal .custom-btn-5 {
  font-size: 20px;
}

#competence .ui.mini.avatar.image {
  width: 30px !important;
  height: auto !important;
}

#competence .ui.label, #makes .ui.label {
  margin-top: 0;
}

#competence .item .ui.mini.avatar.image {
  width: 40px !important;
  height: auto !important;
  max-height: initial !important;
}

#competence .item {
  display: flex;
  align-items: center;
}

.margin-bottom-15 {
  margin-bottom: 15px;
}

.bold {
  font-weight: bold;
}

.required-note {
  font-size: 14px;
  color: red;
  position: absolute;
  right: 15px;
  top: 0;
}

.single-box {
  width: 650px !important;
  min-width: 650px;
  min-height: 400px;
  background: #fff;
  border-radius: 10px;
  padding: 15px 60px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}

.f-size-20 {
  font-size: 30px;
  line-height: 1;
}

.m-t-40 {
  margin-top: 40px;
}

.profile-card-otp {
  color: #000 !important;
  line-height: 1;
  padding-bottom: 10px;
  text-align: center;
  font-size: 18px !important;
  padding-left: 0 !important;
}

.blue {
  color: #1a0dab !important;
}

.color-white {
  color: #fff !important;
}

.modal-note-bottom {
  color: red;
  margin: 0;
}

.skin-minimal label {
  color: #777777 !important;
}

.skin-minimal label a {
  color: #1a0dab !important;
}

.blue-link {
  color: #1a0dab !important;
}

#registerDealer input, #registerDealer select, #registerDealer textarea {
  border-radius: 5px !important;
}

.review-box .notifyjs-wrapper {
  top: 13px;
}

#forgotPassUsername {
  border: 1px solid #333;
  border-radius: 5px;
}

.custom-username {
  margin: 0;
  color: #1c7ea4;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
}

.user-info-header .flex-row {
  align-items: center;
}

.user-info-header .flex-column {
  justify-content: center;
}

.dealer-info .otp-confirmed {
  bottom: 5px;
}

.floating-edit-btn {
  justify-content: space-between;
  margin: 1px;
  margin-right: 13px;
  margin-left: 0;
}

.floating-edit-btn span {
  font-size: 18px;
}

.dropdown:disabled {
  background: #e8e8e8 !important;
  cursor: not-allowed;
}

.dropdown.disabled {
  background: #e8e8e8 !important;
  pointer-events: none;
}

.profile-image-upload {
  position: absolute;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  display: inline-flex;
  z-index: 100;
  align-items: center;
  justify-content: center;
  top: -10px;
  left: 20px;
}

.profile-image-upload > input {
  display: none;
}

.profile-image-upload img {
  border-radius: 0;
  width: 200px;
}

.profile-image-upload img {
  width: 35px;
}

.profile-banner-upload {
  position: absolute;
  height: 60px;
  border-radius: 100%;
  display: inline-flex;
  z-index: 100;
  align-items: center;
  justify-content: center;
  top: 5px;
  right: 20px;
}

.profile-banner-upload > input {
  display: none;
}

.profile-banner-upload img {
  border-radius: 0;
  width: 200px;
}

.profile-banner-upload label {
  border: 2px solid #FB5201;
  border-radius: 100%;
  padding: 10px;
  width: 60px;
  height: 60px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.profile-banner-upload img {
  width: 35px;
}

.profile-btns {
  position: absolute;
  bottom: 30px;
  right: 15px;
  width: auto;
}

.profile-banner-msg {
  margin: 0;
  padding-right: 10px;
  font-weight: bold;
  font-size: 18px;
}

.flex-cards {
  display: inline-flex;
  flex-wrap: wrap;
}

.category-boxes-1 .section-btn {
  display: inline-flex;
  flex-direction: column;
  flex: 1;
  align-items: center;
  justify-content: center;
}

.w-25 {
  width: 25%;
}

.w-33 {
  width: 33%;
  width: 31%;
  margin: 5px;
  box-sizing: content-box !important;
}

.category-boxes-1 {
  height: 100%;
}

.category-boxes-1 .section-btn {
  height: 100%;
}

.category-boxes-1 {
  border: 1px solid #1c7ea4;
  margin-top: 5px !important;
  margin-bottom: 0 !important;
  margin-left: 5px;
  margin-right: 0;
  padding: 5px;
  border-radius: 5px;
}

.category-boxes-1 h4 {
  font-size: 14px;
  color: #1C7EA4 !important;
  /*height: 45px;*/
  padding-top: 10px;
}

.p-r-10 {
  padding-right: 10px;
}

.section-boxes-2 .section-btn {
  display: inline-flex;
  flex-direction: column;
  flex: 1;
  align-items: center;
  justify-content: center;
}

.flex-cards .w-25 {
  width: 25%;
}

.section-boxes-2 {
  height: 100%;
}

.section-boxes-2 .section-btn {
  height: 100%;
}

.section-boxes-2 {
  border: 1px solid #1c7ea4;
  margin: 0;
  padding: 0;
  border-radius: 5px;
  width: 100%;
  background-color: transparent !important;
}

.section-boxes-2 h4 {
  font-size: 14px;
  color: #1C7EA4 !important;
  height: 45px;
  padding: 0 5px;
}

.flex-wrap {
  flex-wrap: wrap;
}

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

.category-boxes-2 {
  background: #1c7ea4;
  margin-top: 0;
  margin-bottom: 0 !important;
  margin-left: 5px;
  margin-right: 0;
  border-radius: 5px;
}

.category-boxes-2 .section-btn {
  display: inline-flex;
  flex-direction: column;
  height: 50px;
  flex: 1;
  align-items: center;
  justify-content: center;
}

.category-boxes-2 h4 {
  font-size: 18px;
  color: #fff;
  height: 45px;
  display: flex;
  align-items: center;
}

.adding-padding-dealer-card .card-dealer {
  padding: 4px;
}

.blog-post.online a.dealer-listings {
  background-color: green;
}

.blog-post.online {
  border: 0px solid green !important;
  border-radius: 10px;
}

.blog-post.online > div {
  border: 0px solid green !important;
}

.sub-categories-cards .w-33 {
  margin: 0;
  margin-bottom: 8px;
  margin-right: 3px;
}

.step-bar {
  display: inline-flex;
  margin-bottom: 10px;
}

.step-point label {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  /* background: #fb5201; */
  color: #1c7ea4;
  padding-right: 15px;
  margin-right: 5px;
  position: relative;
  font-size: 14px;
}

.step-point label:before {
  content: "\f054";
  font-family: FontAwesome;
  position: absolute;
  top: 1.5px;
  right: 0;
  color: #FB5201;
}

.step-point:last-child label:before {
  display: none;
}

.step-point:first-child label {
  margin-left: 0;
}

.step-point a label {
  cursor: pointer !important;
  display: inline-block;
  line-height: 1;
}

.header-pos-ab {
  width: 46px;
  position: absolute;
  right: 31px;
}

.red-bg {
  background: red;
}

.green-bg {
  background: green !important;
}

.main-image img {
  border: 4px solid #FB5201;
}

.f-color-main {
  color: #FB5201;
}

.pointer-none {
  pointer-events: none;
}

.textarea {
  resize: vertical;
  padding-left: 5px;
}

#postErro .notifyjs-container {
  left: -80px !important;
}

#postErro .notifyjs-arrow {
  left: -70px !important;
}

.disable-copy {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.top-right {
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 1000;
}

.add-entity-fix {
  display: flex;
  align-items: center;
  justify-content: center;
}

#FeaturesModal .modal-content {
  width: 50vw;
}

.features-box {
  display: flex;
  padding: 15px !important;
  flex-wrap: wrap;
}

.features-box .form-group {
  width: 25%;
  margin: 0;
  margin-bottom: 5px;
}

.features-box label {
  margin: 0;
}

.feature-Checkbox img {
  width: 35px;
  height: auto !important;
}

.feature-Checkbox {
  display: inline-flex;
  align-items: center;
  border: 3px solid #fff;
  position: relative;
}

.feature-Checkbox.active label {
  /*color:  green;*/
  background-color: #FB5201;
  color: #fff;
  white-space: nowrap;
}

.feature-Checkbox label {
  padding: 5px;
  width: 100%;
  border-radius: 8px;
}

/*.feature-Checkbox.active:before {
        content: "\f058";
        font-family: FontAwesome;
        position: absolute;
        right: 20px;
        top: 5px;
        color: green;
    }*/
.feature-value {
  color: #283B77;
}

.feature-Dropdown {
  display: flex;
  padding-left: 15px;
  align-items: center;
  flex-direction: column;
  align-items: flex-start;
}

.feature-Dropdown select {
  height: 30px;
  padding: 5px !important;
  border-radius: 5px;
}

.feature-Dropdown * {
  display: flex;
  flex: 1;
}

#FeaturesModal h3 {
  text-align: center;
  color: #1c7ea4;
  margin-top: 15px;
  font-size: 22px;
}

#FeaturesModal .modal-footer-custom {
  height: auto !important;
  display: inline-flex;
  width: 100%;
  border-top: 1px solid grey;
  padding: 10px 0;
}

.clear {
  clear: both;
  width: 100%;
}

.share-facebook-btn {
  align-items: center;
  justify-content: flex-start;
}

.share-facebook-btn input {
  width: 40px;
  height: 20px;
  margin: 0;
}

.share-facebook-btn label {
  font-size: 18px;
}

.min-h-280 {
  min-height: 280px;
}

.dealer-flag {
  width: 30px !important;
  padding-right: 10px;
  box-sizing: content-box;
}

#user-listings .category-grid-box-1 > .image {
  min-height: 201px;
}

.dealer-locaion-2 {
  position: absolute;
  bottom: 40px;
}

.bg-grey-2 {
  background: #F6F6F6;
}

.no-border {
  border: 0 !important;
  box-shadow: none !important;
}

.color-Sale {
  color: #0F93DD;
}

.color-Rent {
  color: #F68D00;
}

.color-Wanted {
  color: #D31018;
}

.spare-part .boxicon {
  height: 45px;
}

.singlepage-detail .short-features .col-sm-4.col-md-4 {
  display: flex;
  flex-direction: column;
}

.uploading-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background: rgba(255, 255, 255, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.moving-wheel {
  animation-name: moving;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-fill-mode: both;
  animation-timing-function: linear;
}

@keyframes spinning {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(370deg);
    -o-transform: rotate(370deg);
    transform: rotate(370deg);
    transform: translateX(200px);
  }
}
@keyframes moving {
  from {
    -webkit-transform: translateX(-250px) rotate(0deg);
    -o-transform: translateX(-250px) rotate(0deg);
    transform: translateX(-250px) rotate(0deg);
  }
  to {
    -webkit-transform: translateX(200px) rotate(370deg);
    -o-transform: translateX(200px) rotate(370deg);
    transform: translateX(200px) rotate(370deg);
    transform: translateX(200px) rotate(370deg);
  }
}
.user-contact-2 {
  justify-content: space-around;
  margin-right: 1px;
}

.user-contact-2 a {
  width: auto;
  padding: 0 5px;
  font-size: 15px;
  text-align: center;
  justify-content: center;
  align-items: center;
  padding-left: 7px;
}

.heading-panel .main-title {
  line-height: 1;
}

.heading-panel {
  margin: 0 !important;
  margin-top: 20px !important;
}

.description-text {
  margin: 0 !important;
}

.detalis-title {
  color: #1C7EA4;
}

.descrption-area {
  position: relative;
}

.show-more-btn {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  color: #1C7EA4;
  position: relative;
  padding-bottom: 15px;
  cursor: pointer;
}

.show-more-btn:before {
  font-family: FontAwesome;
  content: "\f078";
  position: absolute;
  bottom: 0;
}

.show-less .show-more-btn:before {
  font-family: FontAwesome;
  content: "\f077";
  position: absolute;
  bottom: 0;
}

.description-text {
  transition: all linear 0.5s;
}

.descrption-area.show-more .description-text {
  max-height: 260px;
  overflow: hidden;
  transition: all linear 0.5s;
}

.descrption-area.show-less .description-text {
  max-height: initial;
  overflow: hidden;
}

.show-less .show-more-text {
  display: none;
}

.show-more .show-less-text {
  display: none;
}

.show-less .show-less-text {
  display: initial;
}

.m-t-0 {
  margin-top: 0 !important;
}

.singlepage-detail .content-box-grid .short-features {
  margin-bottom: 15px;
}

.border-radius-5 {
  border-radius: 5px !important;
  overflow: hidden;
}

.dealer-listings {
  position: absolute;
  top: 0;
  right: 0;
  color: #fff !important;
  display: flex;
  /*    width: 100px;*/
  height: 30px;
  align-items: center;
  justify-content: center;
  background: #fb5201;
  border-radius: 0;
  z-index: 200;
  border-bottom-left-radius: 10px;
  font-size: 15px;
  padding: 0 5px;
}

.dealer-listings.chat-with {
  background-color: #1c7ea4 !important;
}

.dealer-listings span {
  font-size: 15px;
}

.listing-details-parklist {
  position: absolute;
  z-index: 1000;
  top: 5px;
  left: 5px;
  color: #1C7EA4 !important;
  font-size: 30px;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
}

.profile-card-controls .notifyjs-container {
  left: -240px !important;
  top: -35px !important; /* sleman changes*/
}

.padding-bottom-10 {
  padding-bottom: 10px;
}

#WindowModal.custom-modal-1 .modal-content {
  min-height: fit-content;
  width: 40vw;
  height: 320px;
}

.h-100 {
  height: 100%;
}

#WindowModal .modal-body {
  display: flex;
  flex-direction: column;
  height: 85%;
  justify-content: space-evenly;
}

#WindowModal #modalResult2 {
  color: #228b22;
  font-size: 20px;
  text-align: justify;
}

#WindowModal #modalResult, #WindowModal #modalResult3 {
  font-size: 20px;
  text-align: justify;
  color: #fb5201;
}

#WindowModal #modalTitle {
  font-size: 30px;
}

.l-h-1 {
  line-height: 1;
}

.white.category-grid-box-1 .short-description-1 {
  padding-right: 0 !important;
}

.category-grid-box-1 .short-description-1 a {
  padding-right: 0 !important;
}

.category-grid-box-1 .offer-title .new-icon {
  right: 7px !important;
}

.green-color {
  color: green;
}

.all-black a span {
  color: #232323;
}

.fa-refresh {
  color: #FB5201;
}

.choices-holder .item {
  cursor: pointer;
}

.old-images {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: flex-start;
  padding: 0 20px;
  margin-bottom: 10px;
}

.old-images > div {
  display: flex;
  width: 10%;
  margin: 0 5px;
  position: relative;
}

.old-images .active {
  border: 4px solid #FB5201;
}

.listing-details-parklist .fa-heart {
  position: relative;
  top: 2px;
}

.min-h-250 {
  min-height: 250px;
}

.banner-img-fix-pos {
  position: relative;
  top: 15px;
}

.user-preview, .user-info {
  z-index: 110;
}

.ui.dropdown > .text > img, .ui.dropdown > .text > .image, .ui.dropdown .menu > .item > .image, .ui.dropdown .menu > .item > img {
  border-radius: 0 !important;
}

.ui.search.dropdown > .text {
  white-space: nowrap;
}

.flex-item.flex-1 .ui.selection.dropdown .menu > .item {
  padding-left: 7px !important;
  font-size: 14px;
  white-space: nowrap;
}

.flex-item.flex-1 .search {
  padding-left: 7px !important;
}

.flex-item.flex-1 img {
  margin-right: 5px !important;
}

#result-cards .p-l-0 {
  padding-left: 0 !important;
}

.spare-part-title a {
  margin-left: 5px;
  max-width: 83%;
  line-height: 1.4;
}

#result-cards .p-r-0 {
  padding-right: 0 !important;
}

.listings-btns li.listingTypeBtn-32:last-child img {
  height: 70px !important;
  padding: 7px;
}

.listings-btns li:last-child .icon-filter-btn span {
  bottom: -3px;
}

.card-for-sale {
  /*padding-right: -1px !important;*/
  /*  padding:0px !important;
     margin: 0px 1px !important;*/
  padding: 4px !important;
}

.ui.selection.search.dropdown .default.text {
  display: inline-flex;
  align-items: center;
}

.sumo-select:not(.red-border) {
  border-color: rgba(34, 36, 38, 0.14) !important;
  width: 100%;
  border-radius: 5px;
  padding-left: 10px;
}

.SumoSelect {
  max-width: 100% !important;
}

.sumo-select:focus {
  outline: none;
}

.CaptionCont.SelectBox {
  height: 100%;
  width: 100%;
  display: inline-flex;
  align-items: center;
  border-color: rgba(34, 36, 38, 0.14) !important;
}

.CaptionCont.SelectBox:focus {
  outline: none;
}

.sumo-img {
  width: 25px;
}

.SumoSelect .options .opt label {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  margin: 0;
}

.SumoSelect .options .opt:not(.hidden) {
  display: inline-flex;
  align-items: center;
  width: 100%;
}

.SumoSelect select, .SumoSelect li {
  pointer-events: none;
}

.SumoSelect.open select, .SumoSelect.open li {
  pointer-events: all !important;
}

.SumoSelect {
  width: 100% !important;
}

.sumo_cities {
  left: 0px;
  width: 200px !important;
}

.user-contact-info .blog-post .post-img .profile-banner-img {
  aspect-ratio: 1.8/1;
  max-width: 100%;
  max-height: fit-content;
}

.h1 {
  font-size: 18px;
  color: #000;
}

.SumoSelect .select-all {
  height: 32px !important;
  padding-top: 11px !important;
  padding-bottom: 6px !important;
  display: flex !important;
  align-items: center !important;
  border-bottom: 1px solid #f5f5f5 !important;
}

.pagination {
  display: inline-flex;
  width: 100%;
  justify-content: center;
  margin-bottom: 10px;
}

.pagination a {
  min-width: 42px !important;
  text-align: center;
  border-radius: 4px !important;
}

.notifyjs-wrapper {
  z-index: 1000 !important;
}

.SumoSelect .placeholder {
  color: rgba(0, 0, 0, 0.87) !important;
  font-style: initial !important;
}

.p-t-15 {
  padding-top: 20px !important;
}

.normal-search:before {
  display: none;
}

.category-grid-box-1 {
  border-radius: 5px !important;
}

.category-grid-box-1 .fa-heart {
  color: #1C7EA4 !important;
  font-size: 25px;
  cursor: pointer;
}

.SumoSelect > .optWrapper.multiple > .options li.opt {
  padding-left: 25px !important;
}

.SumoSelect > .optWrapper.multiple > .options li.opt span, .SumoSelect .select-all > span {
  margin-left: -27px !important;
}

.SumoSelect .select-all {
  padding-left: 25px !important;
}

.minh-46vh {
  min-height: 46vh;
}

.dealerPhone1 .iti__flag.iti__jo {
  display: none;
}

.dots-overflow {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.p-b-10 {
  padding-bottom: 10px !important;
}

.pv-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.blog-post {
  border-radius: 5px;
  margin-bottom: 10px !important;
}

.f-vazirmatn {
  font-family: Vazirmatn !important;
}

.f-vazirmatn-bold {
  font-family: VazirmatnBold !important;
}

.f-vazirmatn-light {
  font-family: VazirmatnLight !important;
}

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

.align-end {
  align-items: flex-end;
}

.user-name a {
  font-family: Vazirmatn;
  font-size: 16px;
}

.ad-info-2 {
  display: inline-flex;
  width: 92%;
  justify-content: space-between;
  margin-left: 11px;
}

.ad-info-2 p {
  margin: 0;
}

.red-color {
  color: red;
}

.owl-stage .category-grid-box-1 {
  margin-bottom: 0 !important;
}

.nav > li > a {
  padding: 0 15px;
}

.card-chat {
  text-transform: uppercase;
  padding-left: 5px;
}

#filterForm {
  padding: 10px 5px;
  border: 1px solid #ddd;
}

.category-grid-box-1 .faourite i.fa-heart, .faourite i.fa-heart {
  color: red !important;
}

.fancybox-infobar__body {
  display: none;
}

.f-normal {
  font-weight: normal !important;
}

.mobile-tabs {
  display: none;
}

#desktop-menu .clearfix:before, #desktop-menu .clearfix:after, #desktop-menu .dl-horizontal dd:before, #desktop-menu .dl-horizontal dd:after,
#desktop-menu .container:before, #desktop-menu .container:after, #desktop-menu .container-fluid:before, #desktop-menu .container-fluid:after, #desktop-menu .row:before,
#desktop-menu .row:after, #desktop-menu .form-horizontal .form-group:before, #desktop-menu .form-horizontal .form-group:after, #desktop-menu .btn-toolbar:before,
#desktop-menu .btn-toolbar:after, .btn-group-vertical > .btn-group:before, #desktop-menu .btn-group-vertical > .btn-group:after, #desktop-menu .nav:before, .nav:after,
#desktop-menu .navbar:before, #desktop-menu .navbar:after, #desktop-menu .navbar-header:before, #desktop-menu .navbar-header:after, #desktop-menu .navbar-collapse:before,
#desktop-menu .navbar-collapse:after, #desktop-menu .pager:before, #desktop-menu .pager:after, #desktop-menu .panel-body:before,
#desktop-menu .panel-body:after, #desktop-menu .modal-header:before, #desktop-menu .modal-header:after, #desktop-menu .modal-footer:before, #desktop-menu .modal-footer:after {
  display: none;
}

.part-title {
  height: 44px;
  display: inline-flex;
  overflow: hidden;
}

.kep-login-facebook.metro {
  font-size: 12px;
  padding: 12px 10px 12px 60px;
  width: 100%;
  line-height: 1;
  background: #37538D;
  border: 1px solid #37538d;
  position: relative;
  text-align: left;
  margin-bottom: 5px;
  height: 42px;
}

.kep-login-facebook.metro:before {
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f09a";
  position: absolute;
  left: 10px;
  left: 0;
  font-size: 21px;
  top: 0;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  height: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 45px;
}

.orange-flash {
  color: #E95519;
  animation-name: flash;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}

.autocomplete-suggestions {
  overflow-y: scroll;
}

.browse-section .nav-tabs {
  min-height: 25px;
}

.autocomplete-suggestions .autocomplete-suggestion:focus, .autocomplete-suggestions .autocomplete-suggestion:hover, .autocomplete-suggestions .autocomplete-selected {
  background: #FB5201;
  color: #fff;
}

.mobile-add-offer {
  display: none;
}

.mobile-tabs-new-2, .listings-mobile-btns {
  display: none;
}

.display-none {
  display: none;
}

.clean-filter {
  filter: initial !important;
}

.custom-modal-3 {
  z-index: 10000 !important;
}

#SortByModal .form-grid {
  padding: 0;
}

#SortByModal .form-grid .form-group {
  padding: 0;
  margin: 0 10px 10px 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
}

#SortByModal .form-grid .form-group label {
  font-size: 18px;
  font-family: "TitilliumWeb", sans-serif;
  width: 90%;
  padding-bottom: 10px;
  padding-top: 10px;
}

#SortByModal .custom-btn-group a {
  font-size: 20px;
  font-weight: normal !important;
}

.custom-modal-3 .modal-dialog {
  margin: 0;
  height: 100%;
  display: inline-flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.custom-modal-3 .modal-dialog .modal-content {
  width: 100%;
  margin: 0 40px;
  padding: 5px;
  padding-top: 15px;
  position: relative;
  pointer-events: all;
}

.custom-modal-3 .modal-dialog .modal-close {
  padding: 5px;
  top: 5px;
}

#CitiesModal .form-grid {
  padding-left: 10px;
  padding-right: 0;
  max-height: 50vh;
  overflow-y: scroll;
  min-height: 50vh;
}

#CitiesModal .custom-modal-3 .form-grid .form-group {
  display: inline-flex;
  align-items: center;
  width: 100%;
}

#CitiesModal.custom-modal-3 .form-grid {
  margin-top: 50px;
}

.custom-modal-3 .form-grid .form-group * {
  margin: 0 !important;
}

#CitiesModal.custom-modal-3 .form-grid .form-group {
  border-bottom: 1px solid #ddd;
  margin-bottom: 10px;
  padding-bottom: 5px;
}

.custom-modal-3 .form-grid .form-group label {
  padding-left: 5px;
  font-weight: normal;
}

#CitiesModal.custom-modal-3 .modal-dialog .modal-content {
  padding: 0;
}

#CitiesModal.custom-modal-3 .form-group:last-child {
  margin-bottom: 5px;
}

#CitiesModal.custom-modal-3 .modal-header {
  width: 100%;
}

.custom-btn-group {
  display: flex;
  height: 50px;
  align-items: center;
  justify-content: center;
  margin: 0;
}

.custom-btn-group a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 100px;
  border-radius: 5px;
  margin: 10px 10px 10px;
}

.f-color-white {
  color: #fff !important;
}

.red-bg {
  background-color: red;
  color: #fff !important;
}

.blue-bg {
  background-color: #1E7EA6;
}

.mobile-filter-cities {
  border: 0;
  border-bottom: 1px solid #1E7EA6;
  width: 100%;
  padding-bottom: 5px;
  padding-left: 8px;
}

.mobile-filter-cities:focus {
  outline: none !important;
}

.f-bold {
  font-weight: bold;
}

.main-font {
  font-family: "TitilliumWeb", sans-serif;
}

.category-grid-box-1 .offer-title-mobile span {
  font-family: Vazirmatn, sans-serif;
}

#verifyEmail {
  flex-direction: row;
  align-items: center;
  width: 121px !important;
  justify-content: space-between;
  max-width: initial;
  min-width: 120px;
}

.top-left {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 10;
}

#ImagesPopup .top-left {
  position: absolute;
  top: -13px;
  left: 18px;
  z-index: 10;
  color: #fb5201;
}

.top-left i {
  font-size: 22px;
}

#ImagesPopup .top-left i {
  font-size: 35px;
}

#makes-options {
  flex-direction: column;
  display: flex;
  background: #fff;
  margin-top: 10px;
  max-height: 80vh;
  overflow-y: auto;
  overflow-x: hidden;
  box-shadow: 1px 1px 3px 2px #eee;
  border-radius: 5px;
}

.make-option {
  color: #666;
  padding: 10px 5px;
  margin: 0 10px;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: row-reverse;
  position: relative;
}

.make-option:not(:last-child) {
  border-bottom: 1px solid #ddd;
}

.make-option img {
  width: 40px;
  padding-right: 15px;
  box-sizing: content-box;
}

.make-option:before {
  position: absolute;
  content: "\f054";
  font-family: FontAwesome;
  right: 10px;
  color: #1E7EA6;
}

#sections-options {
  flex-direction: column;
  display: flex;
  background: #fff;
  margin-top: 10px;
  max-height: 80vh;
  overflow-y: auto;
  overflow-x: hidden;
  box-shadow: 1px 1px 3px 2px #eee;
  border-radius: 5px;
}

.section-option {
  color: #666;
  padding: 10px 5px;
  margin: 0 10px;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: row-reverse;
  position: relative;
}

.section-option:not(:last-child) {
  border-bottom: 1px solid #ddd;
}

.section-option img {
  width: 40px;
  padding-right: 15px;
  box-sizing: content-box;
}

.section-option:before {
  position: absolute;
  content: "\f054";
  font-family: FontAwesome;
  right: 10px;
  color: #1E7EA6;
}

.delaers .blog-post {
  margin-bottom: 3px !important;
  border-radius: 10px;
  margin-right: 3px;
  overflow: hidden;
  display: flex;
  align-items: center;
}

.custom-btn-6 {
  display: inline-flex;
  background-color: #57a656;
  color: #fff;
  padding: 5px;
  text-align: center;
  justify-content: center;
  border-radius: 5px;
  width: 150px;
}

.custom-btn-6:hover {
  color: #fff;
}

.margin-right-15 {
  margin-right: 15px;
}

.margin-left-15 {
  margin-left: 15px;
}

.color-circle {
  width: 25px;
  height: 25px;
  border-radius: 100%;
  box-shadow: 0px 2px 0 0px rgba(0, 0, 0, 0.2);
  padding: 0 !important;
  display: inline-flex;
  margin-right: 10px;
}

.feature-value {
  height: 35px;
  display: flex;
  align-items: center;
}

@media (min-width: 1000px) {
  .sumo_makeID .MultiControls, .sumo_modelID .MultiControls, .SumoSelect:not(.sumo_cities) .MultiControls {
    display: none !important;
  }
}
.tab-btn span {
  font-family: "TitilliumWeb", sans-serif;
}

#SureBackdModal .modal-content {
  width: 80%;
}

#SureBackdModal .modal-content .btn-lg.btn-block {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 49%;
  margin: 0;
  margin-right: 5px;
}

.no-results h1 {
  font-size: 16px;
  padding: 10px;
  margin-top: 10px !important;
  margin-bottom: 70vh !important;
  border: 1px solid #ddd;
  border-radius: 5px;
}

.mobile-cur-btn {
  display: none;
}

.offer-ids p {
  display: flex;
  padding-right: 5px;
  padding-left: 5px;
}

.user-information {
  padding-left: 5px;
}

.sumo_cities.SumoSelect > .CaptionCont > span {
  padding-left: 15px;
  padding-right: initial;
}

.sumo_cities.SumoSelect.open .search-txt {
  top: 3px;
  padding-left: 25px;
}

.condition-box {
  position: absolute;
  top: 0;
  display: inline-block;
  width: inherit;
  align-items: center;
  justify-content: center;
  color: #fff;
  padding: 0 10px;
  right: 0;
  background: green;
  border-bottom-left-radius: 5px;
}

.payment-type {
  position: absolute;
  bottom: 0;
  margin: 0;
  right: 0;
  color: #fff !important;
  text-transform: initial;
  background: green;
  padding: 0 10px;
  border-top-left-radius: 5px;
  padding-top: 3px;
  padding-bottom: 3px;
  text-transform: initial !important;
  font-size: 15px;
  font-size: 16px;
  z-index: 1;
  line-height: 1.2;
}

.SumoSelect > .optWrapper > .options li label {
  font-weight: normal;
}

#verifyPhone {
  flex-direction: row;
  align-items: center;
  max-width: initial;
  display: flex;
  min-width: 150px;
  position: relative;
  left: 15px;
}

#verifyPhone .small-link {
  padding-left: 5px;
}

.listings-slider {
  overflow-x: hidden !important;
}

#verifyEmail {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  max-width: initial;
  min-width: 150px !important;
  width: 100%;
  position: relative;
  left: 15px;
}

#verifyEmail .small-link {
  padding-left: 5px;
  white-space: nowrap;
}

#user-listings .category-grid-box-1 > .image {
  min-height: initial;
}

.p-t-10 {
  padding-top: 10px;
}

.body-noscroll, body.modal-open {
  overflow: hidden !important;
  overflow-y: hidden !important;
}

@media (min-width: 1000px) and (max-width: 1380px) {
  .features-box .form-group {
    width: 32%;
  }
  #FeaturesModal .modal-content {
    width: 75vw;
  }
  .features-box {
    max-height: 60vh;
    overflow-y: scroll;
  }
  #FeaturesModal .modal-dialog {
    align-items: flex-end;
    padding-bottom: 6px;
  }
}
.ahmed {
  background: green !important;
}

.owl-carousel {
  box-sizing: content-box;
  padding: 0;
}

.featured-slider .item > div {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#ForgotPasswordModal .modal-content, #PasswordModal .modal-content, #ConfirmForgotPasswordModal .modal-content, #ResetPasswordModal .modal-content, #UserSignupModal .modal-content {
  width: 300px;
}

.seo-description * {
  font-size: 16px;
  color: #000;
}

.seo-description a span {
  color: #00bfa0 !important;
}

.seo-description h2 {
  font-size: 16px;
}

.seo-description ul {
  list-style: initial !important;
}

.tags-table {
  margin: 10px 0;
  margin-bottom: 20px;
}

.tags-table th {
  color: #000;
  background: #F4F4F4;
  padding: 5px 10px;
  font-size: 16px;
}

.tags-table td {
  background: #f9f9f9;
  border-bottom: 1px solid #ddd;
}

.tags-table td a {
  color: #468acf;
  font-size: 14px;
  display: block;
  width: 100%;
  padding: 15px 10px;
}

#filter-page-all .category-grid-box-1 .short-description-1 a {
  font-size: 15px;
}

.category-grid-box-1 .short-description-1 a .card-model {
  padding-top: 5px;
}

.mega-menu * {
  font-weight: normal;
}

.custom-post-btn .free-label {
  position: absolute;
  right: 15px;
  padding: 0 10px;
}

.custom-post-btn .add-label {
  position: absolute;
  left: 55px;
}

.fix-menu-line .hidden-xs {
  display: flex;
}

#verifyPhone {
  flex-direction: row !important;
}

#verifyEmail {
  flex-direction: row !important;
}

.news {
  display: none !important;
}

.tags-tabel-holder {
  min-height: 450px;
}

.flash {
  animation-name: flashShow;
  padding-left: 5px;
  animation-fill-mode: forwards;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
}

@keyframes flashShow {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#user-listings .col-md-3.p-r-5 {
  padding-right: 0px;
}

#user-listings .col-md-3 {
  padding-right: 10px;
  padding-left: 0px;
}

#user-listings .col-md-3.dealer {
  padding-right: 5px;
}

#user-listings .category-grid-box-1 {
  margin-bottom: 10px;
}

.tabs-section:before {
  display: none;
}

.nav:before {
  display: none;
}

.nav .show {
  display: flex !important;
}

.p-v-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.error-img {
  width: 15vw;
  margin-bottom: 20px;
  margin-top: 20px;
}

@media (min-width: 1024px) {
  .user-listings-page .col-md-6 {
    padding-left: 5px;
    padding-right: 5px;
  }
  .user-listings-page .col-md-6:nth-child(odd) {
    padding-left: 4px;
    padding-right: 2px;
  }
  .user-listings-page .col-md-6:nth-child(even) {
    padding-left: 2px;
    padding-right: 4px;
  }
}
.report-modal {
  margin: 0;
  width: 100%;
}

.report-modal .modal-dialog {
  display: flex;
  max-width: initial;
  align-items: center;
  justify-content: center;
  height: 100%;
  margin: auto auto !important;
  width: 300px;
}

.report-modal .modal-content {
  width: 300px;
}

.featured-slider {
  height: 260px;
}

.dealerPhone1 .iti__flag iti__al {
  display: none;
}

.margin-top-90 {
  margin-top: 90px;
}

.margin-top-150 {
  margin-top: 150px;
}

.listing .user-contact.user-contact-2 {
  width: 200px !important;
  margin: 0 !important;
}

.listing .user-name > span {
  width: 190px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.seo-description h1 {
  font-size: 18px !important;
}

.seo-description h2 {
  font-size: 16px !important;
}

.owl-carousel {
  direction: ltr;
}

.ahmed {
  display: none !important;
}

.offer-box .col-md-12:not(.offer-box-title):not(.center) {
  display: none;
}

.listing-banner {
  height: 300px;
}

.browse-section .nav-tabs > li.active > a, .browse-section .nav-tabs > li > a:hover, .browse-section .nav-tabs > li.active > a:focus {
  border: none !important;
  background: transparent;
  outline: none !important;
}

.browse-section .nav-tabs > li > a h3 {
  font-size: 18px;
}

.browse-section .nav-tabs > li.active > a h3 {
  color: #1C7EA4;
}

#search-box .fa-search {
  display: flex;
  align-items: center;
  padding-right: 3px;
}

.listingTopFilterBar {
  margin-bottom: 10px;
  margin-top: 10px;
}

@media (min-width: 1024px) {
  .post h2 {
    font-size: 20px;
  }
  .header-row {
    padding-bottom: 10px;
  }
  .addListingScreen.step-1 .box-title:before {
    display: none;
  }
  .addListingScreen.step-1 .box-title {
    text-align: center;
  }
  .addListingScreen.step-1 .boxes {
    justify-content: center;
  }
  .step-bar {
    min-height: 37px;
    min-width: 10px;
    box-sizing: border-box;
    margin: 0;
    padding-bottom: 10px;
    align-items: center;
    display: flex;
    justify-content: center;
  }
  .w-10p {
    width: 10px;
  }
  .addListingScreen {
    display: flex;
    flex-direction: column;
  }
}
.something-wrong {
  font-size: 24px;
  font-weight: bold;
}

#result-cards .p-r-0 {
  padding-right: 0 !important;
  padding-left: 2px !important;
}

#result-cards .p-l-0 {
  padding-left: 0 !important;
  padding-right: 2px !important;
}

#result-cards .p-l-0 {
  padding-left: 0 !important;
  padding-right: 2px !important;
}

#result-cards .p-s-5 {
  padding-left: 2px !important;
  padding-right: 2px !important;
}

.price-rtl {
  display: flex;
  direction: ltr;
}

.ltr {
  direction: ltr;
}

.app-download-section-container {
  display: none;
}

#single-slider {
  direction: ltr;
}

@media (min-width: 1024px) {
  .fill-email span {
    display: none;
  }
}
.full-phones span {
  color: #fff !important;
}

.dropdown-toggle {
  direction: ltr;
}

.over-limit * {
  display: none;
}

.over-limit p {
  display: inline-block;
}

.sumo_competence .options li:first-child, .sumo_makes .options li:first-child {
  display: none !important;
}

.breadcrumbs-links {
  padding-top: 2px;
}

.flex-row-2 {
  display: flex;
  flex-direction: row;
}

.public-profile-name {
  padding-left: 20px;
}

.public-profile {
  padding-top: 10px;
  padding-bottom: 10px;
}

.a2a_kit.a2a_kit_size_32.a2a_default_style {
  line-height: 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-left: 54%;
}

.a2a_kit.a2a_kit_size_32.a2a_default_style div {
  display: none;
}

.offer-ids .border-right span {
  padding-left: 3px;
}

@media (min-width: 1024px) {
  .dsk-d-flex {
    display: flex;
  }
}
.copyright {
  padding-top: 0;
}

.modal-note-bottom {
  text-align: center;
}

.language-name:not(.show) {
  display: none;
}

#UserModal {
  pointer-events: none;
}

#UserModal .modal-content {
  height: 245px;
  width: 40vw;
  text-align: center;
  padding: 15px;
}

#UserModal .flex-row {
  align-items: center;
  justify-content: center;
}

#UserModal img {
  width: 80px;
  border-radius: 100%;
  padding-left: 20px;
  padding-right: 20px;
}

#UserModal p {
  margin: 0;
}

#ImagesPopup .modal-content {
  width: 50vw;
}

#ImagesPopup .modal-content {
  width: 60vw;
  height: 75vh;
}

#ImagesPopup .slides .owl-item img {
  height: 65vh;
  width: auto;
}

#ImagesPopup .slides .owl-item li {
  justify-content: center;
  display: flex;
}

#ImagesPopup .slides .owl-controls .owl-nav div {
  position: absolute;
  top: 45%;
}

#ImagesPopup .slides .owl-prev {
  left: 20px;
  background: TRANSPARENT !important;
  COLOR: #000 !important;
  FONT-SIZE: 60PX !important;
  PADDING: 0 !important;
  MARGIN: 0 !important;
}

#ImagesPopup .slides .owl-next {
  right: 20px;
  background: TRANSPARENT !important;
  COLOR: #000 !important;
  FONT-SIZE: 60PX !important;
  PADDING: 0 !important;
  MARGIN: 0 !important;
}

#download-app {
  background-color: #fff;
  border-bottom: 2px solid #94979d;
  box-shadow: inset 0 10px 15px -10px rgba(0, 0, 0, 0.8);
  display: none;
  align-items: center;
  padding-top: 60px;
  PADDING-BOTTOM: 10px;
}

#download-app .logo {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: 10px;
  width: 60px;
  padding-left: 10px;
}

#download-app .logo img {
  background: #fff;
  /* padding: 8px;*/
  box-sizing: content-box;
  /**/
  border-radius: 15px;
  /* margin: 10px 0; */
  width: 60px;
  /*            padding-left: 15px;
  */
}

#download-app .fa {
  color: #000;
  padding: 15px;
}

.download-app-text p {
  color: #000;
  margin: 0;
  font-size: 15px;
}

.app-btn {
  font-size: 20px;
  background: #FB5201;
  color: #fff;
  padding: 4px;
  border-radius: 5px;
  display: inline-block;
}

.userprofile #user-about .profile-card .image {
  height: 180px;
}

.dealersignup .SumoSelect {
  border-radius: 5px;
  height: 52px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.dealersignup .SumoSelect:focus > .CaptionCont, .dealersignup .SumoSelect:hover > .CaptionCont, .dealersignup .SumoSelect.open > .CaptionCont, .dealersignup .SumoSelect > .CaptionCont {
  box-shadow: none !important;
  border-color: transparent !important;
}

.ltr .browes-tabs li:not(.active) p {
  /*    color: #1C7EA4
  */
  color: #000;
}

.rtl .browes-tabs li a:not(.active) p {
  color: #000000;
}

.dealers-title {
  padding-top: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #000;
}

.pos-fixed {
  position: fixed !important;
  top: 0 !important;
}

.socail-icons a {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  background-color: transparent !important;
}

.socail-icons a i {
  background-color: #2b4a8b;
  border-radius: 100%;
  width: 28px;
  height: 28px;
  margin-right: 8px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  margin-left: 8px;
}

.socail-icons span {
  color: #333;
}

.socail-icons a.Twitter i {
  background-color: #1f94d9;
}

.socail-icons a.Instagram i {
  background-color: #3f729b;
}

.socail-icons a.Youtube i {
  background-color: #000;
}

.socail-icons a.Pinterest i {
  background-color: #cd201f;
}

.blog-post > a.post-img {
  display: flex;
  pointer-events: none;
}

.blog-post > a.post-img * {
  pointer-events: all;
}

.dealers .blog-post > a.post-img {
  pointer-events: all;
}

.blog-post {
  /*min-height: 250px;*/
  aspect-ratio: 1.8/1;
}

.loading {
  position: relative;
}

.loading:before {
  position: absolute;
  content: "";
  background-image: url("/wsImages/loading.gif");
  background-size: contain;
  background-repeat: no-repeat;
  top: 0px;
  right: 42px;
  width: 50px;
  height: 50px;
  z-index: 10;
}

.btn-google {
  color: #fff !important;
}

#UserSignupModal .iti__flag-container {
  display: none;
}

#CurrenciesModal .countries-flags li {
  width: 25%;
}

#CurrenciesModal .pv-20.pos-relative.col-md-12 {
  overflow-y: auto;
}

#CurrenciesModal .modal-content {
  margin-left: 0;
  margin-right: 0;
  width: 60vw;
  height: 60vh;
}

#CurrenciesModal .modal-content li {
  margin: 5px 0;
}

#EmailLoginModal.login-modal.custom-modal-1 .modal-content {
  width: 300px;
}

#EmailLoginModal #emailLogin {
  text-align: center;
}

#registerDealer select.green-border {
  color: #777;
}

.offer-box .price-single-row {
  display: flex !important;
}

.just-center {
  justify-content: center;
}

.offer-box .price-single-row > span {
  padding-left: 10px;
}

.premium-text {
  font-size: 18px;
  color: green;
}

.slash-price {
  position: relative;
  text-align: left;
  padding-left: 20px;
}

.slash-price:before {
  content: "/";
  left: 7px;
  top: 0;
}

.offer-condition {
  color: #1C7EA5;
  TEXT-TRANSFORM: UPPERCASE;
  font-size: 30px;
  font-weight: bold;
}

.green {
  color: green;
}

.footer-bottom {
  /*    display: flex;
  */
  align-items: center;
}

.flex-item {
  flex: 1;
  max-width: initial;
}

.m-s-0 {
  margin-left: 0;
  margin-right: 0;
}

.p-s-0 {
  padding-left: 0;
  padding-right: 0;
}

.p-l-0 {
  padding-left: 0;
}

.short-links li {
  font-size: 14px;
}

.flex-2 {
  flex: 2;
}

.f-size-14 {
  font-size: 14px;
}

.custom-modal-1 .modal-close {
  position: absolute;
  top: 0;
  left: 0px !important;
}

#CurrenciesModal .custom-modal-1 .modal-close {
  position: absolute;
  top: 5px;
  left: 10px;
}

#CurrenciesModal.custom-modal-1 .modal-close .fa {
  font-size: 30px;
}

.profile-btns .custom-btn-4.text-normalcase.logo-main-bgcolor {
  padding: 0 20px;
  box-sizing: content-box;
}

.increase-width {
  min-width: 300px;
}

.sumo_makes .optWrapper .options li.opt {
  background-size: contain;
  background-position-x: 25px;
  background-size: 35px 25px;
  background-position-y: 5px;
  background-repeat: no-repeat;
}

.sumo_makes .optWrapper .options li.opt label {
  padding-left: 40px;
}

.part-number {
  width: 100%;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow-x: hidden;
  overflow-y: hidden;
}

.listing-details {
  margin-left: 0;
  margin-right: 0;
}

.flex-row.profile-card-mainTitle span {
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 280px;
  overflow: hidden;
}

.package-form .form-group {
  display: flex;
  align-items: center;
}

.custom-hr {
  margin-top: 0 !important;
}

.similar-ads-note {
  font-size: 18px;
  color: #ff4100;
  font-weight: 700;
  padding: 10px 0 0 5px;
}

.package-form .form-group input[type=radio] {
  width: 20px;
  height: 20px;
}

.package-form .form-group label {
  margin: 0;
  padding-right: 10px;
  padding-left: 10px;
}

.package-form .form-group img {
  width: 120px;
}

.black-header {
  font-size: 20px;
  color: #000 !important;
  font-weight: 700;
}

.fon-size-20 {
  font-size: 20px;
  font-weight: 700;
}

.listings-views {
  position: absolute;
  background-color: rgb(255, 65, 0);
  bottom: 5px;
  left: 5px;
  width: 50px;
  border-radius: 4px;
  font-size: 13px;
  color: white;
  height: fit-content;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3px;
}

@media (max-width: 1000px) {
  #map {
    width: 336px;
    height: 300px;
  }
  .location-resposive {
    flex-direction: column !important;
  }
  .location-resposive p {
    margin: 15px auto !important;
  }
  .card-model-responsive {
    white-space: nowrap;
  }
}
.boxReason {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 65px;
  width: 30%;
  gap: 5px;
  margin: 1%;
  cursor: pointer;
}

.boxReason * {
  text-align: center;
  font-weight: 600;
}

.boxReason p {
  font-size: 12px;
}

.bg-orang {
  background: #fb5201;
  color: white;
}

.reportBTN {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  height: 64px;
}

.flexBox {
  display: flex;
}

#ResponseReport .modal-content {
  text-align: center;
  height: 200px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  width: 100% !important;
}

#ResponseReport .modal-footer {
  display: flex;
  align-self: center;
  flex-direction: column;
}

#ResponseReport .modal-body {
  flex: 0 1 auto !important;
}

#ResponseReport .modal-footer > button {
  width: 200px;
}

#display-report {
  cursor: pointer;
}

#row-banner {
  width: 100%;
  height: 300px;
  /*  height: 280px;
  padding: 5px 0;*/
  margin: 20px 0;
  max-height: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.small-font {
  font-size: 12px;
}

.listingAds > div {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.listing-banner {
  display: flex !important;
}

.user-info > div > a:nth-child(2),
.offer-info > div > a:nth-child(2) {
  font-size: 20px !important;
  margin: 0px 0px 0px 10px;
  background-color: #1c7ea4 !important;
  white-space: nowrap;
}

.dealer-btn.online,
.user-info > div > a.online:nth-child(2),
.offer-info > div > a.online:nth-child(2) {
  font-size: 20px !important;
  background-color: #1a8932 !important;
}

.chat-border.online > div {
  border: 2px solid #1a8932 !important;
}

.delaers .chat-border.online > div {
  border-width: 0px !important;
}

.chat-border.online > div > a.dealer-listings {
  background-color: #1a8932 !important;
}

.user-info > div > a:nth-child(2) > span.small-font,
.offer-info > div > a:nth-child(2) > span.small-font {
  font-size: 13px !important;
}

.custom-small-font {
  color: #fff !important;
  background: #1c7ea4 !important;
  display: inline-flex !important;
  padding: 0 10px !important;
  border-radius: 5px !important;
}

.listing .user-info .user-contact.user-contact-2 {
  width: 191px !important;
}

#SwearAutobeeb .modal-footer {
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#SwearAutobeeb .modal-body > p > span {
  color: red;
  font-size: 20px;
}

#SwearAutobeeb * {
  font-family: Vazirmatn !important;
}

#SwearAutobeeb .modal-title {
  text-align: center;
  font-size: 20px;
  color: red;
  height: 0;
  width: 100%;
}

#SwearAutobeeb .modal-title > p > span {
  font-size: 20px;
  color: red;
}

#SwearAutobeeb .modal-content {
  width: fit-content;
  max-width: 100%;
  font-size: 18px;
  margin-top: 150px;
}

#SwearAutobeeb .modal-footer button {
  border-radius: 3px;
  font-size: 16px;
  border: none;
}

#SwearAutobeeb .modal-footer button:first-child {
  background-color: #0080a8;
  color: white;
  padding: 6px 40px;
}

#SwearAutobeeb .modal-footer button:nth-child(2) {
  background-color: green;
  color: white;
  padding: 6px 40px;
}

#SwearAutobeeb .modal-dialog {
  max-width: 560px !important;
}

#ShareAutobeeb .modal-footer {
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#ShareAutobeeb .modal-body > p > span {
  color: red;
  font-size: 20px;
}

#ShareAutobeeb .modal-body > p {
  font-size: 15px;
  font-weight: 600;
  color: black;
}
#ShareAutobeeb .social-buttons {
  display: flex;
  gap: 10px;
  justify-content: space-evenly;
  align-items: center;
  width: 75%;
  margin: auto;
}
#ShareAutobeeb .social-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: #fff;
  font-size: 20px;
  text-decoration: none;
  border: 0px;
}
#ShareAutobeeb .facebook {
  background-color: #3b5998;
}
#ShareAutobeeb .twitter {
  background-color: #55acee;
}
#ShareAutobeeb .whatsapp {
  background-color: #34bf36;
}
#ShareAutobeeb .pinterest {
  background-color: #cb2027;
}
#ShareAutobeeb .copy-link-div {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 15px;
  border: 1px solid;
  padding: 20px 0px;
  border-radius: 5px;
}
@media (max-width: 768px) {
  #ShareAutobeeb .copy-link-div {
    gap: 5px;
    padding: 10px 0;
  }
}
#ShareAutobeeb .link-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 80%;
}
#ShareAutobeeb .copy-btn {
  background: transparent;
  border: 0.1px solid;
  border-radius: 5px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#ShareAutobeeb .copy-btn svg {
  width: 40px;
}
#ShareAutobeeb .copy-link-box {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
@media (max-width: 768px) {
  #ShareAutobeeb .modal-header .close {
    margin-top: -25px;
  }
}

#ShareAutobeeb .modal-title {
  text-align: center;
  font-size: 20px;
  color: red;
  height: 0;
  width: 100%;
}
@media (max-width: 768px) {
  #ShareAutobeeb .modal-title {
    height: fit-content;
  }
}

#ShareAutobeeb .modal-title > p > span {
  font-size: 20px;
  color: red;
}

#ShareAutobeeb .modal-content {
  font-size: 18px;
  margin-top: 10%;
  width: 100%;
}
#ShareAutobeeb .modal-content.modal-content-smaller {
  width: 75%;
}
@media (max-width: 768px) {
  #ShareAutobeeb .modal-content.modal-content-smaller {
    width: 100%;
  }
}
@media (max-width: 768px) {
  #ShareAutobeeb .modal-content {
    max-width: 100%;
  }
}

#ShareAutobeeb .social-buttons {
  display: flex;
  gap: 10px;
  justify-content: space-evenly;
  align-items: center;
  width: 75%;
  margin: auto;
  margin-top: 30px;
}
@media (max-width: 768px) {
  #ShareAutobeeb .social-buttons {
    width: 100%;
  }
}

#ShareAutobeeb .modal-footer button {
  border-radius: 3px;
  font-size: 16px;
  border: none;
}

#ShareAutobeeb .modal-footer button:first-child {
  background-color: #0080a8;
  color: white;
  padding: 6px 40px;
}

#ShareAutobeeb .modal-footer button:nth-child(2) {
  background-color: green;
  color: white;
  padding: 6px 40px;
}

#ShareAutobeeb .modal-dialog {
  max-width: 560px !important;
}

.new-banners-column > div:last-child {
  position: sticky;
  top: 110px;
}

.profile-special-offer {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ff4100;
}
.profile-special-offer a {
  color: white !important;
}
.profile-special-offer a:hover {
  color: white !important;
  font-size: 17px;
}

#page-login-loader {
  display: flex;
  align-items: center;
  justify-content: center;
}

#page-login-loader:after {
  content: " ";
  display: block;
  width: 15px;
  height: 15px;
  margin: 2px;
  border-radius: 50%;
  border: 2px solid #ffffff;
  border-color: #ffffff transparent #ffffff transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}

.fetured-erorr-message {
  color: forestgreen;
}

@media (max-width: 768px) {
  .for-custom-btn a.custom-btn-3.center-all, .listing .user-info .user-contact.user-contact-2 a.custom-small-font.dealr-link.custom-btn-3 {
    height: 32px;
    width: 162px;
  }
  .for-custom-btn a.custom-btn-3.w-80.center-all.chat-with, .listing .user-info .user-contact.user-contact-2 a.center-all.dealer-card-class {
    width: 100px !important;
    height: 32px;
  }
  .listing .user-info .user-contact.user-contact-2 {
    width: auto !important;
    display: flex;
    justify-content: space-between;
  }
  .page-9 .colored-header, .page-9 .mobile-tabs-new-2, .page-9 .mobile-add-offer {
    display: none;
  }
  .w-80 {
    width: 50%;
  }
  .call-ad-button span,
  .call-ad-button i,
  .custom-btn-3 i,
  .custom-btn-3 span {
    font-size: 18px !important;
  }
  .page-9 .main-content-area {
    padding: 0 25px;
  }
  #row-banner {
    height: auto !important;
    margin: 5px auto !important;
  }
  .tab-content #user-listings .dealer.p-l-5 {
    padding-right: 2px !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    padding-left: 4px !important;
  }
  .tab-content #user-listings .dealer.p-r-5 {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    padding-right: 4px !important;
    padding-left: 2px !important;
  }
}
.user-preview.remove-before *:before {
  height: 0px !important;
  width: 0px !important;
  z-index: -1 !important;
}

#FeturedOfferModal {
  width: 100%;
  min-width: 100%;
}
@media (max-width: 768px) {
  #FeturedOfferModal {
    padding: 0px;
    margin: 0px;
  }
}
#FeturedOfferModal .modal-title {
  text-align: center;
  width: 100%;
  font-weight: 900;
  font-size: 20px;
}
#FeturedOfferModal .modal-dialog-centered {
  width: 1000px;
  min-width: 1000px;
}
@media (max-width: 768px) {
  #FeturedOfferModal .modal-dialog-centered {
    width: 100%;
    min-width: 100%;
    margin: 0px !important;
  }
}
#FeturedOfferModal .modal-content {
  min-width: 1000px;
  background: white;
  overflow: hidden;
}
@media (max-width: 768px) {
  #FeturedOfferModal .modal-content {
    width: 100%;
    min-width: 100%;
  }
}
#FeturedOfferModal .modal-content .modal-body {
  width: 1000px;
  min-width: 1000px;
  background: white;
  padding: 0px;
}
@media (max-width: 768px) {
  #FeturedOfferModal .modal-content .modal-body {
    width: 100%;
    min-width: 100%;
    padding-bottom: 10px;
  }
}
@media (max-width: 768px) {
  #FeturedOfferModal .close {
    font-size: 25px;
  }
}
#FeturedOfferModal .fetured-offer-modal-container {
  width: 1000px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  overflow-x: hidden;
  flex-wrap: wrap;
  padding: 25px;
  background: white;
  max-height: 600px;
}
@media (max-width: 768px) {
  #FeturedOfferModal .fetured-offer-modal-container {
    width: 100%;
    min-width: 100%;
    gap: 1%;
    padding: 0px 0px 10px 0px;
  }
  #FeturedOfferModal .fetured-offer-modal-container::-webkit-scrollbar {
    width: 1px !important;
    height: 5px !important;
  }
  #FeturedOfferModal .fetured-offer-modal-container::-webkit-scrollbar-track {
    background: rgba(251, 251, 251, 0) !important;
    border-radius: 1px;
  }
  #FeturedOfferModal .fetured-offer-modal-container::-webkit-scrollbar-thumb {
    background: #fb5201;
    border-radius: 1px;
  }
  #FeturedOfferModal .fetured-offer-modal-container::-webkit-scrollbar-thumb:hover {
    background: #fb3b01;
  }
}
#FeturedOfferModal .fetured-offer-modal-container .fetured-offer-modal-card {
  width: 24%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid;
  border-radius: 3px;
  flex-direction: column;
}
@media (max-width: 768px) {
  #FeturedOfferModal .fetured-offer-modal-container .fetured-offer-modal-card {
    width: 49%;
    margin-bottom: 1%;
  }
}
#FeturedOfferModal .fetured-offer-modal-container .fetured-offer-modal-card .profile-special-offer {
  justify-content: center;
  margin: 5px;
  width: 90%;
  border: 1px solid #ff4100;
  border-radius: 4px;
}
#FeturedOfferModal .fetured-offer-modal-container .fetured-offer-modal-card hr {
  width: 90%;
}
#FeturedOfferModal .fetured-offer-modal-container .fetured-offer-modal-card > div {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  justify-content: start;
  padding: 0 5px;
}
#FeturedOfferModal .fetured-offer-modal-container .fetured-offer-modal-card > div div:nth-child(2) {
  display: flex;
  flex-direction: row;
  align-items: self-start;
  width: 100%;
  padding: 0 5px;
}
#FeturedOfferModal .fetured-offer-modal-container .fetured-offer-modal-card > div div img {
  max-height: 18px;
  object-fit: contain;
}
#FeturedOfferModal .fetured-offer-modal-container .fetured-offer-modal-card > div div span {
  color: #000;
  font-size: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: start;
}