/*!******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/postcss-loader/src/index.js??clonedRuleSet-4.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[4]!./assets/src/scss/layout/public/main-style.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************/
@-webkit-keyframes rotate360 {
  0% {
    -webkit-transform: rotate(0deg);
    transform        : rotate(0deg)
  }

  to {
    -webkit-transform: rotate(1turn);
    transform        : rotate(1turn)
  }
}

@keyframes rotate360 {
  0% {
    -webkit-transform: rotate(0deg);
    transform        : rotate(0deg)
  }

  to {
    -webkit-transform: rotate(1turn);
    transform        : rotate(1turn)
  }
}

@-webkit-keyframes atbd_spin {
  0% {
    -webkit-transform: rotate(0deg)
  }

  to {
    -webkit-transform: rotate(1turn)
  }
}

@keyframes atbd_spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform        : rotate(0deg)
  }

  to {
    -webkit-transform: rotate(1turn);
    transform        : rotate(1turn)
  }
}

@-webkit-keyframes atbd_spin2 {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    transform        : translate(-50%, -50%) rotate(0deg)
  }

  to {
    -webkit-transform: translate(-50%, -50%) rotate(1turn);
    transform        : translate(-50%, -50%) rotate(1turn)
  }
}

@keyframes atbd_spin2 {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    transform        : translate(-50%, -50%) rotate(0deg)
  }

  to {
    -webkit-transform: translate(-50%, -50%) rotate(1turn);
    transform        : translate(-50%, -50%) rotate(1turn)
  }
}

@-webkit-keyframes atbd_scale {
  0% {
    -webkit-transform: scale(.8);
    transform        : scale(.8)
  }

  to {
    -webkit-transform: scale(1);
    transform        : scale(1)
  }
}

.reset-pseudo-link:active,
.reset-pseudo-link:focus,
.reset-pseudo-link:visited {
  outline           : none;
  -webkit-box-shadow: none;
  box-shadow        : none
}

.cptm-shortcodes {
  max-height: 300px;
  overflow  : scroll
}

.directorist-center-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.directorist-center-content-inline {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex
}

.directorist-center-content,
.directorist-center-content-inline {
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-flex-wrap      : wrap;
  -ms-flex-wrap          : wrap;
  flex-wrap              : wrap;
  -webkit-box-orient     : vertical;
  -webkit-box-direction  : normal;
  -webkit-flex-direction : column;
  -ms-flex-direction     : column;
  flex-direction         : column
}

.directorist-text-right {
  text-align: right
}

.directorist-text-left {
  text-align: left
}

.directorist-mt-0 {
  margin-top: 0 !important
}

.directorist-mt-5 {
  margin-top: 5px !important
}

.directorist-mt-10 {
  margin-top: 10px !important
}

.directorist-mt-15 {
  margin-top: 15px !important
}

.directorist-mt-20 {
  margin-top: 20px !important
}

.directorist-mt-30 {
  margin-top: 30px !important
}

.directorist-mb-0 {
  margin-bottom: 0 !important
}

.directorist-mb-25 {
  margin-bottom: 25px !important
}

.directorist-mb-n20 {
  margin-bottom: -20px !important
}

.directorist-mb-10 {
  margin-bottom: 10px !important
}

.directorist-mb-15 {
  margin-bottom: 15px !important
}

.directorist-mb-20 {
  margin-bottom: 20px !important
}

.directorist-mb-30 {
  margin-bottom: 30px !important
}

.directorist-mb-35 {
  margin-bottom: 35px !important
}

.directorist-mb-40 {
  margin-bottom: 40px !important
}

.directorist-mb-50 {
  margin-bottom: 50px !important
}

.directorist-mb-70 {
  margin-bottom: 70px !important
}

.directorist-mb-80 {
  margin-bottom: 80px !important
}

.directorist-pb-100 {
  padding-bottom: 100px !important
}

.directorist-w-100 {
  width    : 100% !important;
  max-width: 100% !important
}

.directorist-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.directorist-flex-wrap {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap    : wrap;
  flex-wrap        : wrap
}

.directorist-align-center {
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center
}

.directorist-justify-content-center {
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center
}

.directorist-justify-content-between {
  -webkit-box-pack       : justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack          : justify;
  justify-content        : space-between
}

.directorist-justify-content-around {
  -webkit-justify-content: space-around;
  -ms-flex-pack          : distribute;
  justify-content        : space-around
}

.directorist-justify-content-start {
  -webkit-box-pack       : start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack          : start;
  justify-content        : flex-start
}

.directorist-justify-content-end {
  -webkit-box-pack       : end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack          : end;
  justify-content        : flex-end
}

.directorist-display-none {
  display: none
}

.directorist-icon-mask:after {
  content              : "";
  display              : block;
  width                : 18px;
  height               : 18px;
  background-color     : var(--directorist-color-dark);
  -webkit-mask-repeat  : no-repeat;
  mask-repeat          : no-repeat;
  -webkit-mask-position: center;
  mask-position        : center;
  -webkit-mask-image   : var(--directorist-icon);
  mask-image           : var(--directorist-icon)
}

.directorist-error__msg {
  color    : var(--directorist-color-danger);
  font-size: 14px
}

.directorist-content-active .entry-content .directorist-search-contents {
  width             : 100% !important;
  max-width         : 100% !important;
  -webkit-box-sizing: border-box;
  box-sizing        : border-box
}

.directorist-content-module {
  border: 1px solid var(--directorist-color-border)
}

.directorist-content-module__title {
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-pack       : justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack          : justify;
  justify-content        : space-between;
  padding                : 15px 40px;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-flex-wrap      : wrap;
  -ms-flex-wrap          : wrap;
  flex-wrap              : wrap;
  min-height             : 36px;
  -webkit-box-sizing     : border-box;
  box-sizing             : border-box
}

@media (max-width:480px) {
  .directorist-content-module__title {
    padding: 20px
  }
}

.directorist-content-module__title h2 {
  margin     : 0 !important;
  font-size  : 16px;
  font-weight: 500;
  line-height: 1.2
}

.directorist-content-module__contents {
  display               : -webkit-box;
  display               : -webkit-flex;
  display               : -ms-flexbox;
  display               : flex;
  -webkit-box-orient    : vertical;
  -webkit-box-direction : normal;
  -webkit-flex-direction: column;
  -ms-flex-direction    : column;
  flex-direction        : column;
  gap                   : 40px 0;
  padding               : 30px 40px 40px;
  border-top            : 1px solid var(--directorist-color-border)
}

@media (max-width:480px) {
  .directorist-content-module__contents {
    padding: 20px
  }
}

.directorist-content-module__contents .directorist-form-description-field .wp-editor-wrap {
  margin-top: -30px
}

.directorist-content-module__contents .directorist-form-description-field .wp-editor-tabs {
  position: relative;
  bottom  : -7px
}

.directorist-content-module__contents .directorist-form-description-field .wp-editor-tabs .wp-switch-editor {
  margin       : 0;
  border       : none;
  border-radius: 5px;
  padding      : 5px 10px 12px;
  background   : transparent;
  color        : var(--directorist-color-body)
}

.directorist-content-module__contents .directorist-form-description-field .html-active .switch-html,
.directorist-content-module__contents .directorist-form-description-field .tmce-active .switch-tmce {
  background-color: #f6f7f7
}

.directorist-content-module__contents .directorist-form-description-field .wp-editor-container {
  border       : none;
  border-bottom: 1px solid var(--directorist-color-border)
}

.directorist-content-module__contents .directorist-form-description-field .wp-editor-container input {
  background  : transparent !important;
  color       : var(--directorist-color-body) !important;
  border-color: var(--directorist-color-border)
}

.directorist-content-module__contents .directorist-form-description-field .wp-editor-area {
  border    : none;
  resize    : none;
  min-height: 238px
}

.directorist-content-module__contents .directorist-form-description-field .mce-top-part:before {
  display: none
}

.directorist-content-module__contents .directorist-form-description-field .mce-stack-layout {
  border : none;
  padding: 0
}

.directorist-content-module__contents .directorist-form-description-field .mce-toolbar-grp,
.directorist-content-module__contents .directorist-form-description-field .quicktags-toolbar {
  border       : none;
  padding      : 8px 12px;
  border-radius: 8px
}

.directorist-content-module__contents .directorist-form-description-field .mce-toolbar .mce-ico {
  color: var(--directorist-color-body)
}

.directorist-content-module__contents .directorist-form-description-field .mce-toolbar .mce-btn-group .mce-btn.mce-listbox,
.directorist-content-module__contents .directorist-form-description-field .mce-toolbar .mce-btn button {
  background: transparent
}

.directorist-content-module__contents .directorist-form-description-field .mce-toolbar .mce-menubtn.mce-fixed-width span.mce-txt {
  color: var(--directorist-color-body)
}

.directorist-content-module__contents .directorist-form-description-field .mce-statusbar {
  display: none
}

.directorist-content-module__contents .directorist-form-description-field #wp-listing_content-editor-tools {
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-pack       : end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack          : end;
  justify-content        : flex-end
}

.directorist-content-module__contents .directorist-form-description-field iframe {
  max-width: 100%
}

.directorist-content-module__contents .directorist-form-social-info-field .directorist-btn {
  width       : 100%;
  gap         : 10px;
  padding-left: 40px
}

.directorist-content-module__contents .directorist-form-social-info-field .directorist-btn i:after {
  width           : 16px;
  height          : 16px;
  background-color: var(--directorist-color-btn)
}

.directorist-content-module__contents .directorist-form-social-info-field .directorist-btn:hover {
  color           : var(--directorist-color-white);
  background-color: var(--directorist-color-primary)
}

.directorist-content-module__contents .directorist-form-social-info-field .directorist-btn:hover i:after {
  background-color: var(--directorist-color-white)
}

.directorist-content-module__contents .directorist-form-social-info-field select {
  color: var(--directorist-color-primary)
}

.directorist-content-module__contents .directorist-checkbox .directorist-checkbox__label {
  margin-left: 0
}

.directorist-content-active #directorist.atbd_wrapper {
  max-width: 100%
}

.directorist-content-active #directorist.atbd_wrapper .atbd_header_bar {
  margin-bottom: 35px
}

.directorist-form-required {
  color: var(--directorist-color-danger)
}

.directory_register_form_wrap .dgr_show_recaptcha {
  margin-bottom: 20px
}

.directory_register_form_wrap .dgr_show_recaptcha>p {
  font-size    : 16px;
  color        : var(--directorist-color-primary);
  font-weight  : 600;
  margin-bottom: 8px !important
}

.directory_register_form_wrap a {
  text-decoration: none
}

.atbd_login_btn_wrapper .directorist-btn {
  line-height   : 2.55;
  padding-top   : 0;
  padding-bottom: 0
}

.atbd_login_btn_wrapper .keep_signed.directorist-checkbox .directorist-checkbox__label {
  color: var(--directorist-color-primary)
}

.atbdp_login_form_shortcode .directorist-form-group label {
  display      : inline-block;
  margin-bottom: 5px
}

.atbdp_login_form_shortcode a {
  text-decoration: none
}

.directory_register_form_wrap .directorist-form-group label {
  display      : inline-block;
  margin-bottom: 5px
}

.directory_register_form_wrap .directorist-btn {
  line-height   : 2.55;
  padding-top   : 0;
  padding-bottom: 0
}

.directorist-quick-login .directorist-form-actions {
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  gap                : 15px;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center
}

.atbd_success_mesage>p i {
  top         : 2px;
  margin-right: 5px;
  position    : relative;
  display     : inline-block
}

.directorist-loader {
  position: relative
}

.directorist-loader:before {
  position         : absolute;
  content          : "";
  right            : 20px;
  top              : 31%;
  border-top       : 2px solid var(--directorist-color-white);
  border-radius    : 50%;
  border           : 2px solid var(--directorist-color-white);
  border-top-color : var(--directorist-color-primary);
  width            : 20px;
  height           : 20px;
  -webkit-animation: atbd_spin 2s linear infinite;
  animation        : atbd_spin 2s linear infinite
}

.plupload-upload-uic {
  border: 1px dashed var(--directorist-color-border-gray)
}

.plupload-upload-uic .atbdp-dropbox-title {
  font-weight  : 500;
  margin-bottom: 15px;
  font-size    : 15px
}

.plupload-upload-uic .atbdp_button {
  border            : 1px solid var(--directorist-color-border);
  background-color  : var(--directorist-color-ss-bg-light);
  font-size         : 14px;
  -webkit-box-shadow: none;
  box-shadow        : none;
  line-height       : 40px !important;
  padding           : 0 30px !important;
  height            : auto !important;
  -webkit-transition: .3s ease;
  transition        : .3s ease;
  color             : inherit
}

.plupload-upload-uic .atbdp-dropbox-file-types {
  margin-top: 10px;
  color     : var(--directorist-color-deep-gray)
}

@media (max-width:575px) {
  .plupload-upload-uic {
    width: 100%
  }
}

.directorist-address-field .address_result,
.directorist-form-address-field .address_result {
  position          : absolute;
  left              : 0;
  top               : 100%;
  width             : 100%;
  max-height        : 345px !important;
  overflow-y        : scroll;
  border-radius     : 8px;
  background-color  : var(--directorist-color-white);
  -webkit-box-shadow: 0 5px 20px rgba(var(--directorist-color-dark-rgb), .1);
  box-shadow        : 0 5px 20px rgba(var(--directorist-color-dark-rgb), .1);
  z-index           : 10
}

.directorist-address-field .address_result ul,
.directorist-form-address-field .address_result ul {
  list-style   : none;
  margin       : 0;
  padding      : 0;
  border-radius: 8px
}

.directorist-address-field .address_result li,
.directorist-form-address-field .address_result li {
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center;
  gap                : 15px;
  margin             : 0;
  padding            : 10px 20px;
  border-bottom      : 1px solid #eee
}

.directorist-address-field .address_result li a,
.directorist-form-address-field .address_result li a {
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  -webkit-box-align  : start;
  -webkit-align-items: flex-start;
  -ms-flex-align     : start;
  align-items        : flex-start;
  gap                : 15px;
  font-size          : 14px;
  line-height        : 18px;
  padding            : 0;
  margin             : 0;
  color              : #767792;
  background-color   : var(--directorist-color-white);
  border-bottom      : 1px solid #d9d9d9;
  text-decoration    : none;
  -webkit-transition : color .3s ease, border .3s ease;
  transition         : color .3s ease, border .3s ease
}

.directorist-address-field .address_result li a:hover,
.directorist-form-address-field .address_result li a:hover {
  color        : var(--directorist-color-dark);
  border-bottom: 1px dashed #e9e9e9
}

.directorist-address-field .address_result li:last-child,
.directorist-address-field .address_result li:last-child a,
.directorist-form-address-field .address_result li:last-child,
.directorist-form-address-field .address_result li:last-child a {
  border: none
}

.pac-container {
  list-style   : none;
  margin       : 0;
  padding      : 18px 5px 11px;
  max-width    : 270px;
  min-width    : 200px;
  border-radius: 8px
}

@media (max-width:575px) {
  .pac-container {
    max-width: unset;
    width    : calc(100% - 30px) !important;
    left     : 30px !important
  }
}

.pac-container .pac-item {
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center;
  margin             : 0 13px 7px;
  padding            : 0;
  border             : none;
  background         : unset;
  cursor             : pointer
}

.pac-container .pac-item span {
  color: var(--directorist-color-body)
}

.pac-container .pac-item .pac-matched {
  font-weight: 400
}

.pac-container .pac-item:hover span {
  color: var(--directorist-color-primary)
}

.pac-container .pac-icon-marker {
  position        : relative;
  height          : 36px;
  width           : 36px;
  min-width       : 36px;
  border-radius   : 8px;
  margin          : 0 15px 0 0;
  background-color: var(--directorist-color-border-gray)
}

.pac-container .pac-icon-marker:after {
  content              : "";
  display              : block;
  width                : 12px;
  height               : 20px;
  position             : absolute;
  left                 : 50%;
  top                  : 50%;
  -webkit-transform    : translate(-50%, -50%);
  transform            : translate(-50%, -50%);
  background-color     : var(--directorist-color-body);
  -webkit-mask-repeat  : no-repeat;
  mask-repeat          : no-repeat;
  -webkit-mask-position: center;
  mask-position        : center;
  -webkit-mask-image   : url(../images/2823e3547c32a23392a06652e69a8a71.svg);
  mask-image           : url(../images/2823e3547c32a23392a06652e69a8a71.svg)
}

.pac-container:after,
p.status:empty {
  display: none
}

.gateway_list input[type=radio] {
  margin-right: 5px
}

.directorist-checkout-form .directorist-container-fluid {
  -webkit-box-sizing: border-box;
  box-sizing        : border-box
}

.directorist-checkout-form ul {
  list-style-type: none
}

.directorist-select select {
  width        : 100%;
  height       : 40px;
  border       : none;
  color        : var(--directorist-color-body);
  border-bottom: 1px solid var(--directorist-color-border-gray)
}

.directorist-select select:focus {
  outline: 0
}

.directorist-content-active .select2-container--open .select2-dropdown--above {
  top         : 0;
  border-color: var(--directorist-color-border)
}

body.logged-in.directorist-content-active .select2-container--open .select2-dropdown--above {
  top: 32px
}

.directorist-content-active .select2-container--default .select2-dropdown {
  border            : none;
  border-radius     : 10px !important;
  background-color  : var(--directorist-color-white);
  -webkit-box-shadow: var(--directorist-box-shadow);
  box-shadow        : var(--directorist-box-shadow);
  border            : 1px solid var(--directorist-color-border-light)
}

.directorist-content-active .select2-container--default .select2-search--dropdown {
  padding: 20px 20px 10px
}

.directorist-content-active .select2-container--default .select2-search__field {
  padding      : 10px 18px !important;
  border-radius: 8px;
  background   : transparent;
  color        : var(--directorist-color-deep-gray);
  border       : 1px solid var(--directorist-color-border-gray) !important
}

.directorist-content-active .select2-container--default .select2-search__field:focus {
  outline: 0
}

.directorist-content-active .select2-container--default .select2-results {
  padding-bottom: 10px
}

.directorist-content-active .select2-container--default .select2-results__option {
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-pack       : justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack          : justify;
  justify-content        : space-between;
  gap                    : 15px;
  padding                : 6px 20px;
  color                  : var(--directorist-color-body);
  font-size              : 14px;
  line-height            : 1.5
}

.directorist-content-active .select2-container--default .select2-results__option--highlighted {
  font-weight     : 500;
  color           : var(--directorist-color-primary) !important;
  background-color: transparent
}

.directorist-content-active .select2-container--default .select2-results__message {
  margin-bottom: 10px !important
}

.directorist-content-active .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  margin-left: 0;
  margin-top : 8.5px
}

.directorist-content-active .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search--inline.form-group {
  margin-bottom: 0;
  padding      : 0
}

.directorist-content-active .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search--inline.form-group .form-control {
  height: 24.5px
}

.directorist-content-active .select2-container--default .select2-selection--multiple .select2-selection__rendered li .select2-search__field {
  margin   : 0;
  max-width: none;
  width    : 100% !important;
  padding  : 0 !important;
  border   : none !important
}

.directorist-content-active .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: rgba(var(--directorist-color-primary-rgb), .1) !important;
  font-weight     : 400
}

.directorist-content-active .select2-container--default.select2-container--open .select2-results__option {
  margin: 0
}

.directorist-content-active .select2-container--default.select2-container--open .select2-results__option[aria-selected=true] {
  font-weight     : 600;
  color           : var(--directorist-color-primary);
  background-color: rgba(var(--directorist-color-primary-rgb), .1)
}

.directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents {
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center
}

.directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents .directorist-icon-mask {
  margin-right: 12px
}

.directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents .directorist-icon-mask:after {
  width           : 16px;
  height          : 16px;
  background-color: var(--directorist-color-light-gray)
}

@media (max-width:575px) {
  .directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents .directorist-icon-mask {
    width                  : 40px;
    height                 : 40px;
    display                : -webkit-box;
    display                : -webkit-flex;
    display                : -ms-flexbox;
    display                : flex;
    -webkit-box-align      : center;
    -webkit-align-items    : center;
    -ms-flex-align         : center;
    align-items            : center;
    -webkit-box-pack       : center;
    -webkit-justify-content: center;
    -ms-flex-pack          : center;
    justify-content        : center;
    border-radius          : 8px;
    background-color       : var(--directorist-color-bg-light)
  }
}

.directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents.item-level-2 {
  padding-left: 20px
}

.directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents.item-level-3 {
  padding-left: 40px
}

.directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents.item-level-4 {
  padding-left: 60px
}

.directorist-content-active .select2-container--default .select2-selection--single .select2-selection__rendered {
  opacity: 1
}

.directorist-content-active .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center;
  font-size          : 14px;
  font-weight        : 400;
  color              : var(--directorist-color-body)
}

.directorist-content-active .select2-container--default .directorist-select2-addons-area .directorist-icon-mask:after {
  background-color: var(--directorist-color-body) !important
}

.custom-checkbox input {
  display: none
}

.custom-checkbox input[type=checkbox]+.check--select+label,
.custom-checkbox input[type=radio]+.radio--select+label {
  min-width            : 18px;
  min-height           : 18px;
  font-size            : 14px;
  display              : -webkit-box;
  display              : -webkit-flex;
  display              : -ms-flexbox;
  display              : flex;
  -webkit-box-orient   : vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow    : column;
  -ms-flex-flow        : column;
  flex-flow            : column;
  position             : relative;
  padding-left         : 28px;
  padding-top          : 3px;
  padding-bottom       : 3px;
  margin-bottom        : 0;
  line-height          : 1.2;
  font-weight          : 400;
  color                : var(--directorist-color-gray)
}

.custom-checkbox input[type=checkbox]+.check--select+label:before,
.custom-checkbox input[type=radio]+.radio--select+label:before {
  position          : absolute;
  font-size         : 10px;
  left              : 5px;
  top               : 5px;
  font-weight       : 900;
  font-family       : Font Awesome\ 5 Free;
  content           : "\f00c";
  display           : block;
  opacity           : 0;
  -webkit-transition: all .3s ease 0s;
  transition        : all .3s ease 0s;
  z-index           : 2
}

.custom-checkbox input[type=checkbox]+.check--select+label:after,
.custom-checkbox input[type=radio]+.radio--select+label:after {
  position        : absolute;
  left            : 0;
  top             : 3px;
  width           : 18px;
  height          : 18px;
  content         : "";
  background-color: var(--directorist-color-white);
  border          : 2px solid var(--directorist-color-border-gray)
}

.custom-checkbox input[type=radio]+.radio--select+label:before {
  top      : 8px;
  font-size: 9px
}

.custom-checkbox input[type=radio]+.radio--select+label:after {
  border-radius: 50%
}

.custom-checkbox input[type=radio]+.radio--select+label span {
  color: var(--directorist-color-light-gray)
}

.custom-checkbox input[type=radio]+.radio--select+label span.active {
  color: var(--directorist-color-warning)
}

.custom-checkbox input[type=checkbox]:checked+.check--select+label:after,
.custom-checkbox input[type=radio]:checked+.radio--select+label:after {
  background-color: var(--directorist-color-success);
  border-color    : var(--directorist-color-success)
}

.custom-checkbox input[type=checkbox]:checked+.check--select+label:before,
.custom-checkbox input[type=radio]:checked+.radio--select+label:before {
  opacity: 1;
  color  : var(--directorist-color-white)
}

.directorist-table {
  display: table;
  width  : 100%
}

.directorist-container,
.directorist-container-fluid,
.directorist-container-lg,
.directorist-container-md,
.directorist-container-sm,
.directorist-container-xl,
.directorist-container-xxl {
  width             : 100%;
  padding-right     : 15px;
  padding-left      : 15px;
  margin-right      : auto;
  margin-left       : auto;
  -webkit-box-sizing: border-box;
  box-sizing        : border-box
}

@media (min-width:576px) {

  .directorist-container,
  .directorist-container-sm {
    max-width: 540px
  }
}

@media (min-width:768px) {

  .directorist-container,
  .directorist-container-md,
  .directorist-container-sm {
    max-width: 720px
  }
}

@media (min-width:992px) {

  .directorist-container,
  .directorist-container-lg,
  .directorist-container-md,
  .directorist-container-sm {
    max-width: 960px
  }
}

@media (min-width:1200px) {

  .directorist-container,
  .directorist-container-lg,
  .directorist-container-md,
  .directorist-container-sm,
  .directorist-container-xl {
    max-width: 1140px
  }
}

@media (min-width:1400px) {

  .directorist-container,
  .directorist-container-lg,
  .directorist-container-md,
  .directorist-container-sm,
  .directorist-container-xl,
  .directorist-container-xxl {
    max-width: 1320px
  }
}

.directorist-row {
  display          : -webkit-box;
  display          : -webkit-flex;
  display          : -ms-flexbox;
  display          : flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap    : wrap;
  flex-wrap        : wrap;
  margin-right     : -15px;
  margin-left      : -15px;
  margin-top       : -15px;
  min-width        : 100%
}

.directorist-row>* {
  -webkit-box-sizing : border-box;
  box-sizing         : border-box;
  -webkit-flex-shrink: 0;
  -ms-flex-negative  : 0;
  flex-shrink        : 0;
  width              : 100%;
  max-width          : 100%;
  padding-right      : 15px;
  padding-left       : 15px;
  margin-top         : 15px
}

.directorist-col {
  -webkit-box-flex: 1;
  -webkit-flex    : 1 0 0%;
  -ms-flex        : 1 0 0%;
  flex            : 1 0 0%
}

.directorist-col-auto {
  -webkit-box-flex: 0;
  -webkit-flex    : 0 0 auto;
  -ms-flex        : 0 0 auto;
  flex            : 0 0 auto;
  width           : auto
}

.directorist-col-1 {
  -webkit-box-flex: 1;
  -webkit-flex    : 1;
  -ms-flex        : 1;
  flex            : 1;
  width           : 8.3333333333%
}

.directorist-col-2,
.directorist-col-2-5,
.directorist-col-3,
.directorist-col-4,
.directorist-col-5,
.directorist-col-6,
.directorist-col-7,
.directorist-col-8,
.directorist-col-9,
.directorist-col-10,
.directorist-col-11,
.directorist-col-12 {
  -webkit-box-flex: 0;
  -webkit-flex    : 0 0 auto;
  -ms-flex        : 0 0 auto;
  flex            : 0 0 auto;
  max-width       : 100%
}

.directorist-offset-1 {
  margin-left: 8.3333333333%
}

.directorist-offset-2 {
  margin-left: 16.6666666667%
}

.directorist-offset-3 {
  margin-left: 25%
}

.directorist-offset-4 {
  margin-left: 33.3333333333%
}

.directorist-offset-5 {
  margin-left: 41.6666666667%
}

.directorist-offset-6 {
  margin-left: 50%
}

.directorist-offset-7 {
  margin-left: 58.3333333333%
}

.directorist-offset-8 {
  margin-left: 66.6666666667%
}

.directorist-offset-9 {
  margin-left: 75%
}

.directorist-offset-10 {
  margin-left: 83.3333333333%
}

.directorist-offset-11 {
  margin-left: 91.6666666667%
}

@media (min-width:576px) {

  .directorist-col-2,
  .directorist-col-2-5,
  .directorist-col-3,
  .directorist-col-4,
  .directorist-col-5,
  .directorist-col-6,
  .directorist-col-7,
  .directorist-col-8 {
    -webkit-box-flex: 0;
    -webkit-flex    : 0 0 auto;
    -ms-flex        : 0 0 auto;
    flex            : 0 0 auto;
    max-width       : 50%
  }

  .directorist-col-sm {
    -webkit-box-flex: 1;
    -webkit-flex    : 1 0 0%;
    -ms-flex        : 1 0 0%;
    flex            : 1 0 0%
  }

  .directorist-col-sm-auto {
    width: auto
  }

  .directorist-col-sm-1,
  .directorist-col-sm-auto {
    -webkit-box-flex: 0;
    -webkit-flex    : 0 0 auto;
    -ms-flex        : 0 0 auto;
    flex            : 0 0 auto
  }

  .directorist-col-sm-1 {
    width: 8.3333333333%
  }

  .directorist-col-sm-2 {
    width: 16.6666666667%
  }

  .directorist-col-sm-2,
  .directorist-col-sm-3 {
    -webkit-box-flex: 0;
    -webkit-flex    : 0 0 auto;
    -ms-flex        : 0 0 auto;
    flex            : 0 0 auto
  }

  .directorist-col-sm-3 {
    width: 25%
  }

  .directorist-col-sm-4 {
    width: 33.3333333333%
  }

  .directorist-col-sm-4,
  .directorist-col-sm-5 {
    -webkit-box-flex: 0;
    -webkit-flex    : 0 0 auto;
    -ms-flex        : 0 0 auto;
    flex            : 0 0 auto
  }

  .directorist-col-sm-5 {
    width: 41.6666666667%
  }

  .directorist-col-sm-6 {
    width: 50%
  }

  .directorist-col-sm-6,
  .directorist-col-sm-7 {
    -webkit-box-flex: 0;
    -webkit-flex    : 0 0 auto;
    -ms-flex        : 0 0 auto;
    flex            : 0 0 auto
  }

  .directorist-col-sm-7 {
    width: 58.3333333333%
  }

  .directorist-col-sm-8 {
    width: 66.6666666667%
  }

  .directorist-col-sm-8,
  .directorist-col-sm-9 {
    -webkit-box-flex: 0;
    -webkit-flex    : 0 0 auto;
    -ms-flex        : 0 0 auto;
    flex            : 0 0 auto
  }

  .directorist-col-sm-9 {
    width: 75%
  }

  .directorist-col-sm-10 {
    width: 83.3333333333%
  }

  .directorist-col-sm-10,
  .directorist-col-sm-11 {
    -webkit-box-flex: 0;
    -webkit-flex    : 0 0 auto;
    -ms-flex        : 0 0 auto;
    flex            : 0 0 auto
  }

  .directorist-col-sm-11 {
    width: 91.6666666667%
  }

  .directorist-col-sm-12 {
    -webkit-box-flex: 0;
    -webkit-flex    : 0 0 auto;
    -ms-flex        : 0 0 auto;
    flex            : 0 0 auto;
    width           : 100%
  }

  .directorist-offset-sm-0 {
    margin-left: 0
  }

  .directorist-offset-sm-1 {
    margin-left: 8.3333333333%
  }

  .directorist-offset-sm-2 {
    margin-left: 16.6666666667%
  }

  .directorist-offset-sm-3 {
    margin-left: 25%
  }

  .directorist-offset-sm-4 {
    margin-left: 33.3333333333%
  }

  .directorist-offset-sm-5 {
    margin-left: 41.6666666667%
  }

  .directorist-offset-sm-6 {
    margin-left: 50%
  }

  .directorist-offset-sm-7 {
    margin-left: 58.3333333333%
  }

  .directorist-offset-sm-8 {
    margin-left: 66.6666666667%
  }

  .directorist-offset-sm-9 {
    margin-left: 75%
  }

  .directorist-offset-sm-10 {
    margin-left: 83.3333333333%
  }

  .directorist-offset-sm-11 {
    margin-left: 91.6666666667%
  }
}

@media (min-width:768px) {

  .directorist-col-2,
  .directorist-col-2-5 {
    -webkit-box-flex: 0;
    -webkit-flex    : 0 0 auto;
    -ms-flex        : 0 0 auto;
    flex            : 0 0 auto;
    width           : 33.3333333333%
  }

  .directorist-col-md {
    -webkit-box-flex: 1;
    -webkit-flex    : 1 0 0%;
    -ms-flex        : 1 0 0%;
    flex            : 1 0 0%
  }

  .directorist-col-md-auto {
    width: auto
  }

  .directorist-col-md-1,
  .directorist-col-md-auto {
    -webkit-box-flex: 0;
    -webkit-flex    : 0 0 auto;
    -ms-flex        : 0 0 auto;
    flex            : 0 0 auto
  }

  .directorist-col-md-1 {
    width: 8.3333333333%
  }

  .directorist-col-md-2 {
    width: 16.6666666667%
  }

  .directorist-col-md-2,
  .directorist-col-md-3 {
    -webkit-box-flex: 0;
    -webkit-flex    : 0 0 auto;
    -ms-flex        : 0 0 auto;
    flex            : 0 0 auto
  }

  .directorist-col-md-3 {
    width: 25%
  }

  .directorist-col-md-4 {
    width: 33.3333333333%
  }

  .directorist-col-md-4,
  .directorist-col-md-5 {
    -webkit-box-flex: 0;
    -webkit-flex    : 0 0 auto;
    -ms-flex        : 0 0 auto;
    flex            : 0 0 auto
  }

  .directorist-col-md-5 {
    width: 41.6666666667%
  }

  .directorist-col-md-6 {
    width: 50%
  }

  .directorist-col-md-6,
  .directorist-col-md-7 {
    -webkit-box-flex: 0;
    -webkit-flex    : 0 0 auto;
    -ms-flex        : 0 0 auto;
    flex            : 0 0 auto
  }

  .directorist-col-md-7 {
    width: 58.3333333333%
  }

  .directorist-col-md-8 {
    width: 66.6666666667%
  }

  .directorist-col-md-8,
  .directorist-col-md-9 {
    -webkit-box-flex: 0;
    -webkit-flex    : 0 0 auto;
    -ms-flex        : 0 0 auto;
    flex            : 0 0 auto
  }

  .directorist-col-md-9 {
    width: 75%
  }

  .directorist-col-md-10 {
    width: 83.3333333333%
  }

  .directorist-col-md-10,
  .directorist-col-md-11 {
    -webkit-box-flex: 0;
    -webkit-flex    : 0 0 auto;
    -ms-flex        : 0 0 auto;
    flex            : 0 0 auto
  }

  .directorist-col-md-11 {
    width: 91.6666666667%
  }

  .directorist-col-md-12 {
    -webkit-box-flex: 0;
    -webkit-flex    : 0 0 auto;
    -ms-flex        : 0 0 auto;
    flex            : 0 0 auto;
    width           : 100%
  }

  .directorist-offset-md-0 {
    margin-left: 0
  }

  .directorist-offset-md-1 {
    margin-left: 8.3333333333%
  }

  .directorist-offset-md-2 {
    margin-left: 16.6666666667%
  }

  .directorist-offset-md-3 {
    margin-left: 25%
  }

  .directorist-offset-md-4 {
    margin-left: 33.3333333333%
  }

  .directorist-offset-md-5 {
    margin-left: 41.6666666667%
  }

  .directorist-offset-md-6 {
    margin-left: 50%
  }

  .directorist-offset-md-7 {
    margin-left: 58.3333333333%
  }

  .directorist-offset-md-8 {
    margin-left: 66.6666666667%
  }

  .directorist-offset-md-9 {
    margin-left: 75%
  }

  .directorist-offset-md-10 {
    margin-left: 83.3333333333%
  }

  .directorist-offset-md-11 {
    margin-left: 91.6666666667%
  }
}

@media (min-width:992px) {

  .directorist-col-2,
  .directorist-col-2-5 {
    -webkit-box-flex: 0;
    -webkit-flex    : 0 0 auto;
    -ms-flex        : 0 0 auto;
    flex            : 0 0 auto;
    width           : 25%
  }

  .directorist-col-3,
  .directorist-col-4 {
    -webkit-box-flex: 0;
    -webkit-flex    : 0 0 33.3333%;
    -ms-flex        : 0 0 33.3333%;
    flex            : 0 0 33.3333%;
    max-width       : 33.3333%
  }

  .directorist-col-5 {
    -webkit-box-flex: 0;
    -webkit-flex    : 0 0 41.6667%;
    -ms-flex        : 0 0 41.6667%;
    flex            : 0 0 41.6667%;
    max-width       : 41.6667%
  }

  .directorist-col-7 {
    -webkit-box-flex: 0;
    -webkit-flex    : 0 0 58.3333%;
    -ms-flex        : 0 0 58.3333%;
    flex            : 0 0 58.3333%;
    max-width       : 58.3333%
  }

  .directorist-col-8 {
    -webkit-box-flex: 0;
    -webkit-flex    : 0 0 66.6667%;
    -ms-flex        : 0 0 66.6667%;
    flex            : 0 0 66.6667%;
    max-width       : 66.6667%
  }

  .directorist-col-9 {
    -webkit-box-flex: 0;
    -webkit-flex    : 0 0 75%;
    -ms-flex        : 0 0 75%;
    flex            : 0 0 75%;
    max-width       : 75%
  }

  .directorist-col-10 {
    -webkit-box-flex: 0;
    -webkit-flex    : 0 0 83.3333%;
    -ms-flex        : 0 0 83.3333%;
    flex            : 0 0 83.3333%;
    max-width       : 83.3333%
  }

  .directorist-col-11 {
    -webkit-box-flex: 0;
    -webkit-flex    : 0 0 91.6667%;
    -ms-flex        : 0 0 91.6667%;
    flex            : 0 0 91.6667%;
    max-width       : 91.6667%
  }

  .directorist-col-lg {
    -webkit-box-flex: 1;
    -webkit-flex    : 1 0 0%;
    -ms-flex        : 1 0 0%;
    flex            : 1 0 0%
  }

  .directorist-col-lg-auto {
    width: auto
  }

  .directorist-col-lg-1,
  .directorist-col-lg-auto {
    -webkit-box-flex: 0;
    -webkit-flex    : 0 0 auto;
    -ms-flex        : 0 0 auto;
    flex            : 0 0 auto
  }

  .directorist-col-lg-1 {
    width: 8.3333333333%
  }

  .directorist-col-lg-2 {
    width: 16.6666666667%
  }

  .directorist-col-lg-2,
  .directorist-col-lg-3 {
    -webkit-box-flex: 0;
    -webkit-flex    : 0 0 auto;
    -ms-flex        : 0 0 auto;
    flex            : 0 0 auto
  }

  .directorist-col-lg-3 {
    width: 25%
  }

  .directorist-col-lg-4 {
    width: 33.3333333333%
  }

  .directorist-col-lg-4,
  .directorist-col-lg-5 {
    -webkit-box-flex: 0;
    -webkit-flex    : 0 0 auto;
    -ms-flex        : 0 0 auto;
    flex            : 0 0 auto
  }

  .directorist-col-lg-5 {
    width: 41.6666666667%
  }

  .directorist-col-lg-6 {
    width: 50%
  }

  .directorist-col-lg-6,
  .directorist-col-lg-7 {
    -webkit-box-flex: 0;
    -webkit-flex    : 0 0 auto;
    -ms-flex        : 0 0 auto;
    flex            : 0 0 auto
  }

  .directorist-col-lg-7 {
    width: 58.3333333333%
  }

  .directorist-col-lg-8 {
    width: 66.6666666667%
  }

  .directorist-col-lg-8,
  .directorist-col-lg-9 {
    -webkit-box-flex: 0;
    -webkit-flex    : 0 0 auto;
    -ms-flex        : 0 0 auto;
    flex            : 0 0 auto
  }

  .directorist-col-lg-9 {
    width: 75%
  }

  .directorist-col-lg-10 {
    width: 83.3333333333%
  }

  .directorist-col-lg-10,
  .directorist-col-lg-11 {
    -webkit-box-flex: 0;
    -webkit-flex    : 0 0 auto;
    -ms-flex        : 0 0 auto;
    flex            : 0 0 auto
  }

  .directorist-col-lg-11 {
    width: 91.6666666667%
  }

  .directorist-col-lg-12 {
    -webkit-box-flex: 0;
    -webkit-flex    : 0 0 auto;
    -ms-flex        : 0 0 auto;
    flex            : 0 0 auto;
    width           : 100%
  }

  .directorist-offset-lg-0 {
    margin-left: 0
  }

  .directorist-offset-lg-1 {
    margin-left: 8.3333333333%
  }

  .directorist-offset-lg-2 {
    margin-left: 16.6666666667%
  }

  .directorist-offset-lg-3 {
    margin-left: 25%
  }

  .directorist-offset-lg-4 {
    margin-left: 33.3333333333%
  }

  .directorist-offset-lg-5 {
    margin-left: 41.6666666667%
  }

  .directorist-offset-lg-6 {
    margin-left: 50%
  }

  .directorist-offset-lg-7 {
    margin-left: 58.3333333333%
  }

  .directorist-offset-lg-8 {
    margin-left: 66.6666666667%
  }

  .directorist-offset-lg-9 {
    margin-left: 75%
  }

  .directorist-offset-lg-10 {
    margin-left: 83.3333333333%
  }

  .directorist-offset-lg-11 {
    margin-left: 91.6666666667%
  }
}

@media (min-width:1200px) {
  .directorist-col-xl {
    -webkit-box-flex: 1;
    -webkit-flex    : 1 0 0%;
    -ms-flex        : 1 0 0%;
    flex            : 1 0 0%
  }

  .directorist-col-3 {
    -webkit-box-flex: 0;
    -webkit-flex    : 0 0 25%;
    -ms-flex        : 0 0 25%;
    flex            : 0 0 25%;
    max-width       : 25%
  }

  .directorist-col-xl-auto {
    width: auto
  }

  .directorist-col-xl-1,
  .directorist-col-xl-auto {
    -webkit-box-flex: 0;
    -webkit-flex    : 0 0 auto;
    -ms-flex        : 0 0 auto;
    flex            : 0 0 auto
  }

  .directorist-col-xl-1 {
    width: 8.3333333333%
  }

  .directorist-col-xl-2 {
    width: 16.6666666667%
  }

  .directorist-col-2,
  .directorist-col-2-5,
  .directorist-col-xl-2 {
    -webkit-box-flex: 0;
    -webkit-flex    : 0 0 auto;
    -ms-flex        : 0 0 auto;
    flex            : 0 0 auto
  }

  .directorist-col-2,
  .directorist-col-2-5 {
    width: 20%
  }

  .directorist-col-xl-3 {
    width: 25%
  }

  .directorist-col-xl-3,
  .directorist-col-xl-4 {
    -webkit-box-flex: 0;
    -webkit-flex    : 0 0 auto;
    -ms-flex        : 0 0 auto;
    flex            : 0 0 auto
  }

  .directorist-col-xl-4 {
    width: 33.3333333333%
  }

  .directorist-col-xl-5 {
    width: 41.6666666667%
  }

  .directorist-col-xl-5,
  .directorist-col-xl-6 {
    -webkit-box-flex: 0;
    -webkit-flex    : 0 0 auto;
    -ms-flex        : 0 0 auto;
    flex            : 0 0 auto
  }

  .directorist-col-xl-6 {
    width: 50%
  }

  .directorist-col-xl-7 {
    width: 58.3333333333%
  }

  .directorist-col-xl-7,
  .directorist-col-xl-8 {
    -webkit-box-flex: 0;
    -webkit-flex    : 0 0 auto;
    -ms-flex        : 0 0 auto;
    flex            : 0 0 auto
  }

  .directorist-col-xl-8 {
    width: 66.6666666667%
  }

  .directorist-col-xl-9 {
    width: 75%
  }

  .directorist-col-xl-9,
  .directorist-col-xl-10 {
    -webkit-box-flex: 0;
    -webkit-flex    : 0 0 auto;
    -ms-flex        : 0 0 auto;
    flex            : 0 0 auto
  }

  .directorist-col-xl-10 {
    width: 83.3333333333%
  }

  .directorist-col-xl-11 {
    width: 91.6666666667%
  }

  .directorist-col-xl-11,
  .directorist-col-xl-12 {
    -webkit-box-flex: 0;
    -webkit-flex    : 0 0 auto;
    -ms-flex        : 0 0 auto;
    flex            : 0 0 auto
  }

  .directorist-col-xl-12 {
    width: 100%
  }

  .directorist-offset-xl-0 {
    margin-left: 0
  }

  .directorist-offset-xl-1 {
    margin-left: 8.3333333333%
  }

  .directorist-offset-xl-2 {
    margin-left: 16.6666666667%
  }

  .directorist-offset-xl-3 {
    margin-left: 25%
  }

  .directorist-offset-xl-4 {
    margin-left: 33.3333333333%
  }

  .directorist-offset-xl-5 {
    margin-left: 41.6666666667%
  }

  .directorist-offset-xl-6 {
    margin-left: 50%
  }

  .directorist-offset-xl-7 {
    margin-left: 58.3333333333%
  }

  .directorist-offset-xl-8 {
    margin-left: 66.6666666667%
  }

  .directorist-offset-xl-9 {
    margin-left: 75%
  }

  .directorist-offset-xl-10 {
    margin-left: 83.3333333333%
  }

  .directorist-offset-xl-11 {
    margin-left: 91.6666666667%
  }
}

@media (min-width:1400px) {
  .directorist-col-2 {
    -webkit-box-flex: 0;
    -webkit-flex    : 0 0 auto;
    -ms-flex        : 0 0 auto;
    flex            : 0 0 auto;
    width           : 16.6666666667%
  }

  .directorist-col-xxl {
    -webkit-box-flex: 1;
    -webkit-flex    : 1 0 0%;
    -ms-flex        : 1 0 0%;
    flex            : 1 0 0%
  }

  .directorist-col-xxl-auto {
    width: auto
  }

  .directorist-col-xxl-1,
  .directorist-col-xxl-auto {
    -webkit-box-flex: 0;
    -webkit-flex    : 0 0 auto;
    -ms-flex        : 0 0 auto;
    flex            : 0 0 auto
  }

  .directorist-col-xxl-1 {
    width: 8.3333333333%
  }

  .directorist-col-xxl-2 {
    width: 16.6666666667%
  }

  .directorist-col-xxl-2,
  .directorist-col-xxl-3 {
    -webkit-box-flex: 0;
    -webkit-flex    : 0 0 auto;
    -ms-flex        : 0 0 auto;
    flex            : 0 0 auto
  }

  .directorist-col-xxl-3 {
    width: 25%
  }

  .directorist-col-xxl-4 {
    width: 33.3333333333%
  }

  .directorist-col-xxl-4,
  .directorist-col-xxl-5 {
    -webkit-box-flex: 0;
    -webkit-flex    : 0 0 auto;
    -ms-flex        : 0 0 auto;
    flex            : 0 0 auto
  }

  .directorist-col-xxl-5 {
    width: 41.6666666667%
  }

  .directorist-col-xxl-6 {
    width: 50%
  }

  .directorist-col-xxl-6,
  .directorist-col-xxl-7 {
    -webkit-box-flex: 0;
    -webkit-flex    : 0 0 auto;
    -ms-flex        : 0 0 auto;
    flex            : 0 0 auto
  }

  .directorist-col-xxl-7 {
    width: 58.3333333333%
  }

  .directorist-col-xxl-8 {
    width: 66.6666666667%
  }

  .directorist-col-xxl-8,
  .directorist-col-xxl-9 {
    -webkit-box-flex: 0;
    -webkit-flex    : 0 0 auto;
    -ms-flex        : 0 0 auto;
    flex            : 0 0 auto
  }

  .directorist-col-xxl-9 {
    width: 75%
  }

  .directorist-col-xxl-10 {
    width: 83.3333333333%
  }

  .directorist-col-xxl-10,
  .directorist-col-xxl-11 {
    -webkit-box-flex: 0;
    -webkit-flex    : 0 0 auto;
    -ms-flex        : 0 0 auto;
    flex            : 0 0 auto
  }

  .directorist-col-xxl-11 {
    width: 91.6666666667%
  }

  .directorist-col-xxl-12 {
    -webkit-box-flex: 0;
    -webkit-flex    : 0 0 auto;
    -ms-flex        : 0 0 auto;
    flex            : 0 0 auto;
    width           : 100%
  }

  .directorist-offset-xxl-0 {
    margin-left: 0
  }

  .directorist-offset-xxl-1 {
    margin-left: 8.3333333333%
  }

  .directorist-offset-xxl-2 {
    margin-left: 16.6666666667%
  }

  .directorist-offset-xxl-3 {
    margin-left: 25%
  }

  .directorist-offset-xxl-4 {
    margin-left: 33.3333333333%
  }

  .directorist-offset-xxl-5 {
    margin-left: 41.6666666667%
  }

  .directorist-offset-xxl-6 {
    margin-left: 50%
  }

  .directorist-offset-xxl-7 {
    margin-left: 58.3333333333%
  }

  .directorist-offset-xxl-8 {
    margin-left: 66.6666666667%
  }

  .directorist-offset-xxl-9 {
    margin-left: 75%
  }

  .directorist-offset-xxl-10 {
    margin-left: 83.3333333333%
  }

  .directorist-offset-xxl-11 {
    margin-left: 91.6666666667%
  }
}

.atbd_color-primary {
  color: #444752
}

.atbd_bg-primary {
  background: #444752
}

.atbd_color-secondary {
  color: #122069
}

.atbd_bg-secondary {
  background: #122069
}

.atbd_color-success {
  color: #00ac17
}

.atbd_bg-success {
  background: #00ac17
}

.atbd_color-info {
  color: #2c99ff
}

.atbd_bg-info {
  background: #2c99ff
}

.atbd_color-warning {
  color: #ef8000
}

.atbd_bg-warning {
  background: #ef8000
}

.atbd_color-danger {
  color: #ef0000
}

.atbd_bg-danger {
  background: #ef0000
}

.atbd_color-light {
  color: #9497a7
}

.atbd_bg-light {
  background: #9497a7
}

.atbd_color-dark {
  color: #202428
}

.atbd_bg-dark {
  background: #202428
}

.atbd_color-badge-feature {
  color: #fa8b0c
}

.atbd_bg-badge-feature {
  background: #fa8b0c
}

.atbd_color-badge-popular {
  color: #f51957
}

.atbd_bg-badge-popular {
  background: #f51957
}

body.stop-scrolling {
  height  : 100%;
  overflow: hidden
}

.sweet-overlay {
  background-color: #000;
  -ms-filter      : "alpha(opacity=40)";
  background-color: rgba(var(--directorist-color-dark-rgb), .4);
  position        : fixed;
  left            : 0;
  right           : 0;
  top             : 0;
  bottom          : 0;
  display         : none;
  z-index         : 10000
}

.sweet-alert {
  background-color: #fff;
  font-family     : Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
  width           : 478px;
  padding         : 17px;
  border-radius   : 5px;
  text-align      : center;
  position        : fixed;
  left            : 50%;
  top             : 50%;
  margin-left     : -256px;
  margin-top      : -200px;
  overflow        : hidden;
  display         : none;
  z-index         : 99999
}

@media (max-width:540px) {
  .sweet-alert {
    width       : auto;
    margin-left : 0;
    margin-right: 0;
    left        : 15px;
    right       : 15px
  }
}

.sweet-alert h2 {
  color         : #575757;
  font-size     : 30px;
  font-weight   : 600;
  text-transform: none;
  margin        : 25px 0;
  line-height   : 40px;
  display       : block
}

.sweet-alert h2,
.sweet-alert p {
  text-align: center;
  position  : relative;
  padding   : 0
}

.sweet-alert p {
  color      : #797979;
  font-size  : 16px;
  font-weight: 300;
  text-align : inherit;
  float      : none;
  margin     : 0;
  line-height: normal
}

.sweet-alert fieldset {
  border  : 0;
  position: relative
}

.sweet-alert .sa-error-container {
  background-color  : #f1f1f1;
  margin-left       : -17px;
  margin-right      : -17px;
  overflow          : hidden;
  padding           : 0 10px;
  max-height        : 0;
  webkit-transition : padding .15s, max-height .15s;
  -webkit-transition: padding .15s, max-height .15s;
  transition        : padding .15s, max-height .15s
}

.sweet-alert .sa-error-container.show {
  padding           : 10px 0;
  max-height        : 100px;
  webkit-transition : padding .2s, max-height .2s;
  -webkit-transition: padding .25s, max-height .25s;
  transition        : padding .25s, max-height .25s
}

.sweet-alert .sa-error-container .icon {
  display         : inline-block;
  width           : 24px;
  height          : 24px;
  border-radius   : 50%;
  background-color: #ea7d7d;
  color           : #fff;
  line-height     : 24px;
  text-align      : center;
  margin-right    : 3px
}

.sweet-alert .sa-error-container p {
  display: inline-block
}

.sweet-alert .sa-input-error {
  position                : absolute;
  top                     : 29px;
  right                   : 26px;
  width                   : 20px;
  height                  : 20px;
  opacity                 : 0;
  -webkit-transform       : scale(.5);
  transform               : scale(.5);
  -webkit-transform-origin: 50% 50%;
  transform-origin        : 50% 50%;
  -webkit-transition      : all .1s;
  transition              : all .1s
}

.sweet-alert .sa-input-error:after,
.sweet-alert .sa-input-error:before {
  content         : "";
  width           : 20px;
  height          : 6px;
  background-color: #f06e57;
  border-radius   : 3px;
  position        : absolute;
  top             : 50%;
  margin-top      : -4px;
  left            : 50%;
  margin-left     : -9px
}

.sweet-alert .sa-input-error:before {
  -webkit-transform: rotate(-45deg);
  transform        : rotate(-45deg)
}

.sweet-alert .sa-input-error:after {
  -webkit-transform: rotate(45deg);
  transform        : rotate(45deg)
}

.sweet-alert .sa-input-error.show {
  opacity          : 1;
  -webkit-transform: scale(1);
  transform        : scale(1)
}

.sweet-alert input {
  width             : 100%;
  -webkit-box-sizing: border-box;
  box-sizing        : border-box;
  border-radius     : 3px;
  border            : 1px solid #d7d7d7;
  height            : 43px;
  margin-top        : 10px;
  margin-bottom     : 17px;
  font-size         : 18px;
  -webkit-box-shadow: inset 0 1px 1px rgba(var(--directorist-color-dark-rgb), .06);
  box-shadow        : inset 0 1px 1px rgba(var(--directorist-color-dark-rgb), .06);
  padding           : 0 12px;
  display           : none;
  -webkit-transition: all .3s;
  transition        : all .3s
}

.sweet-alert input:focus {
  outline           : 0;
  -webkit-box-shadow: 0 0 3px #c4e6f5;
  box-shadow        : 0 0 3px #c4e6f5;
  border            : 1px solid #b4dbed
}

.sweet-alert input:focus::-moz-placeholder {
  -moz-transition: opacity .3s .03s ease;
  transition     : opacity .3s ease .03s;
  opacity        : .5
}

.sweet-alert input:focus:-ms-input-placeholder {
  -ms-transition: opacity .3s .03s ease;
  transition    : opacity .3s ease .03s;
  opacity       : .5
}

.sweet-alert input:focus::-webkit-input-placeholder {
  -webkit-transition: opacity .3s ease .03s;
  transition        : opacity .3s ease .03s;
  opacity           : .5
}

.sweet-alert input::-moz-placeholder {
  color: #bdbdbd
}

.sweet-alert input:-ms-input-placeholder {
  color: #bdbdbd
}

.sweet-alert input::-webkit-input-placeholder {
  color: #bdbdbd
}

.sweet-alert.show-input input {
  display: block
}

.sweet-alert .sa-confirm-button-container {
  display : inline-block;
  position: relative
}

.sweet-alert .la-ball-fall {
  position   : absolute;
  left       : 50%;
  top        : 50%;
  margin-left: -27px;
  margin-top : 4px;
  opacity    : 0;
  visibility : hidden
}

.sweet-alert button {
  background-color  : #8cd4f5;
  color             : #fff;
  border            : 0;
  -webkit-box-shadow: none;
  box-shadow        : none;
  font-size         : 17px;
  font-weight       : 500;
  border-radius     : 5px;
  padding           : 10px 32px;
  margin            : 26px 5px 0;
  cursor            : pointer
}

.sweet-alert button:focus {
  outline           : 0;
  -webkit-box-shadow: 0 0 2px rgba(128, 179, 235, .5), inset 0 0 0 1px rgba(var(--directorist-color-dark-rgb), .05);
  box-shadow        : 0 0 2px rgba(128, 179, 235, .5), inset 0 0 0 1px rgba(var(--directorist-color-dark-rgb), .05)
}

.sweet-alert button:hover {
  background-color: #7ecff4
}

.sweet-alert button:active {
  background-color: #5dc2f1
}

.sweet-alert button.cancel {
  background-color: #c1c1c1
}

.sweet-alert button.cancel:hover {
  background-color: #b9b9b9
}

.sweet-alert button.cancel:active {
  background-color: #a8a8a8
}

.sweet-alert button.cancel:focus {
  -webkit-box-shadow: rgba(197, 205, 211, .8) 0 0 2px, rgba(var(--directorist-color-dark-rgb), .0470588) 0 0 0 1px inset !important;
  box-shadow        : rgba(197, 205, 211, .8) 0 0 2px, rgba(var(--directorist-color-dark-rgb), .0470588) 0 0 0 1px inset !important
}

.sweet-alert button[disabled] {
  opacity: .6;
  cursor : default
}

.sweet-alert button.confirm[disabled] {
  color: transparent
}

.sweet-alert button.confirm[disabled]~.la-ball-fall {
  opacity                 : 1;
  visibility              : visible;
  -webkit-transition-delay: 0;
  transition-delay        : 0
}

.sweet-alert button::-moz-focus-inner {
  border: 0
}

.sweet-alert[data-has-cancel-button=false] button {
  -webkit-box-shadow: none !important;
  box-shadow        : none !important
}

.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] {
  padding-bottom: 40px
}

.sweet-alert .sa-icon {
  width             : 80px;
  height            : 80px;
  border            : 4px solid grey;
  border-radius     : 40px;
  border-radius     : 50%;
  margin            : 20px auto;
  padding           : 0;
  position          : relative;
  -webkit-box-sizing: content-box;
  box-sizing        : content-box
}

.sweet-alert .sa-icon.sa-error {
  border-color: #f27474
}

.sweet-alert .sa-icon.sa-error .sa-x-mark {
  position: relative;
  display : block
}

.sweet-alert .sa-icon.sa-error .sa-line {
  position        : absolute;
  height          : 5px;
  width           : 47px;
  background-color: #f27474;
  display         : block;
  top             : 37px;
  border-radius   : 2px
}

.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
  -webkit-transform: rotate(45deg);
  transform        : rotate(45deg);
  left             : 17px
}

.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
  -webkit-transform: rotate(-45deg);
  transform        : rotate(-45deg);
  right            : 16px
}

.sweet-alert .sa-icon.sa-warning {
  border-color: #f8bb86
}

.sweet-alert .sa-icon.sa-warning .sa-body {
  position        : absolute;
  width           : 5px;
  height          : 47px;
  left            : 50%;
  top             : 10px;
  border-radius   : 2px;
  margin-left     : -2px;
  background-color: #f8bb86
}

.sweet-alert .sa-icon.sa-warning .sa-dot {
  position        : absolute;
  width           : 7px;
  height          : 7px;
  border-radius   : 50%;
  margin-left     : -3px;
  left            : 50%;
  bottom          : 10px;
  background-color: #f8bb86
}

.sweet-alert .sa-icon.sa-info {
  border-color: #c9dae1
}

.sweet-alert .sa-icon.sa-info:before {
  content         : "";
  position        : absolute;
  width           : 5px;
  height          : 29px;
  left            : 50%;
  bottom          : 17px;
  border-radius   : 2px;
  margin-left     : -2px;
  background-color: #c9dae1
}

.sweet-alert .sa-icon.sa-info:after {
  content         : "";
  position        : absolute;
  width           : 7px;
  height          : 7px;
  border-radius   : 50%;
  margin-left     : -3px;
  top             : 19px;
  background-color: #c9dae1
}

.sweet-alert .sa-icon.sa-success {
  border-color: #a5dc86
}

.sweet-alert .sa-icon.sa-success:after,
.sweet-alert .sa-icon.sa-success:before {
  content          : "";
  border-radius    : 40px;
  border-radius    : 50%;
  position         : absolute;
  width            : 60px;
  height           : 120px;
  background       : #fff;
  -webkit-transform: rotate(45deg);
  transform        : rotate(45deg)
}

.sweet-alert .sa-icon.sa-success:before {
  border-radius           : 120px 0 0 120px;
  top                     : -7px;
  left                    : -33px;
  -webkit-transform       : rotate(-45deg);
  transform               : rotate(-45deg);
  -webkit-transform-origin: 60px 60px;
  transform-origin        : 60px 60px
}

.sweet-alert .sa-icon.sa-success:after {
  border-radius           : 0 120px 120px 0;
  top                     : -11px;
  left                    : 30px;
  -webkit-transform       : rotate(-45deg);
  transform               : rotate(-45deg);
  -webkit-transform-origin: 0 60px;
  transform-origin        : 0 60px
}

.sweet-alert .sa-icon.sa-success .sa-placeholder {
  width             : 80px;
  height            : 80px;
  border            : 4px solid rgba(165, 220, 134, .2);
  border-radius     : 40px;
  border-radius     : 50%;
  -webkit-box-sizing: content-box;
  box-sizing        : content-box;
  position          : absolute;
  left              : -4px;
  top               : -4px;
  z-index           : 2
}

.sweet-alert .sa-icon.sa-success .sa-fix {
  width            : 5px;
  height           : 90px;
  background-color : #fff;
  position         : absolute;
  left             : 28px;
  top              : 8px;
  z-index          : 1;
  -webkit-transform: rotate(-45deg);
  transform        : rotate(-45deg)
}

.sweet-alert .sa-icon.sa-success .sa-line {
  height          : 5px;
  background-color: #a5dc86;
  display         : block;
  border-radius   : 2px;
  position        : absolute;
  z-index         : 2
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
  width            : 25px;
  left             : 14px;
  top              : 46px;
  -webkit-transform: rotate(45deg);
  transform        : rotate(45deg)
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
  width            : 47px;
  right            : 8px;
  top              : 38px;
  -webkit-transform: rotate(-45deg);
  transform        : rotate(-45deg)
}

.sweet-alert .sa-icon.sa-custom {
  background-size    : contain;
  border-radius      : 0;
  border             : 0;
  background-position: 50%;
  background-repeat  : no-repeat
}

@-webkit-keyframes showSweetAlert {
  0% {
    transform        : scale(.7);
    -webkit-transform: scale(.7)
  }

  45% {
    transform        : scale(1.05);
    -webkit-transform: scale(1.05)
  }

  80% {
    transform        : scale(.95);
    -webkit-transform: scale(.95)
  }

  to {
    transform        : scale(1);
    -webkit-transform: scale(1)
  }
}

@keyframes showSweetAlert {
  0% {
    transform        : scale(.7);
    -webkit-transform: scale(.7)
  }

  45% {
    transform        : scale(1.05);
    -webkit-transform: scale(1.05)
  }

  80% {
    transform        : scale(.95);
    -webkit-transform: scale(.95)
  }

  to {
    transform        : scale(1);
    -webkit-transform: scale(1)
  }
}

@-webkit-keyframes hideSweetAlert {
  0% {
    transform        : scale(1);
    -webkit-transform: scale(1)
  }

  to {
    transform        : scale(.5);
    -webkit-transform: scale(.5)
  }
}

@keyframes hideSweetAlert {
  0% {
    transform        : scale(1);
    -webkit-transform: scale(1)
  }

  to {
    transform        : scale(.5);
    -webkit-transform: scale(.5)
  }
}

@-webkit-keyframes slideFromTop {
  0% {
    top: 0
  }

  to {
    top: 50%
  }
}

@keyframes slideFromTop {
  0% {
    top: 0
  }

  to {
    top: 50%
  }
}

@-webkit-keyframes slideToTop {
  0% {
    top: 50%
  }

  to {
    top: 0
  }
}

@keyframes slideToTop {
  0% {
    top: 50%
  }

  to {
    top: 0
  }
}

@-webkit-keyframes slideFromBottom {
  0% {
    top: 70%
  }

  to {
    top: 50%
  }
}

@keyframes slideFromBottom {
  0% {
    top: 70%
  }

  to {
    top: 50%
  }
}

@-webkit-keyframes slideToBottom {
  0% {
    top: 50%
  }

  to {
    top: 70%
  }
}

@keyframes slideToBottom {
  0% {
    top: 50%
  }

  to {
    top: 70%
  }
}

.showSweetAlert[data-animation=pop] {
  -webkit-animation: showSweetAlert .3s;
  animation        : showSweetAlert .3s
}

.showSweetAlert[data-animation=none] {
  -webkit-animation: none;
  animation        : none
}

.showSweetAlert[data-animation=slide-from-top] {
  -webkit-animation: slideFromTop .3s;
  animation        : slideFromTop .3s
}

.showSweetAlert[data-animation=slide-from-bottom] {
  -webkit-animation: slideFromBottom .3s;
  animation        : slideFromBottom .3s
}

.hideSweetAlert[data-animation=pop] {
  -webkit-animation: hideSweetAlert .2s;
  animation        : hideSweetAlert .2s
}

.hideSweetAlert[data-animation=none] {
  -webkit-animation: none;
  animation        : none
}

.hideSweetAlert[data-animation=slide-from-top] {
  -webkit-animation: slideToTop .4s;
  animation        : slideToTop .4s
}

.hideSweetAlert[data-animation=slide-from-bottom] {
  -webkit-animation: slideToBottom .3s;
  animation        : slideToBottom .3s
}

@-webkit-keyframes animateSuccessTip {
  0% {
    width: 0;
    left : 1px;
    top  : 19px
  }

  54% {
    width: 0;
    left : 1px;
    top  : 19px
  }

  70% {
    width: 50px;
    left : -8px;
    top  : 37px
  }

  84% {
    width: 17px;
    left : 21px;
    top  : 48px
  }

  to {
    width: 25px;
    left : 14px;
    top  : 45px
  }
}

@keyframes animateSuccessTip {
  0% {
    width: 0;
    left : 1px;
    top  : 19px
  }

  54% {
    width: 0;
    left : 1px;
    top  : 19px
  }

  70% {
    width: 50px;
    left : -8px;
    top  : 37px
  }

  84% {
    width: 17px;
    left : 21px;
    top  : 48px
  }

  to {
    width: 25px;
    left : 14px;
    top  : 45px
  }
}

@-webkit-keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top  : 54px
  }

  65% {
    width: 0;
    right: 46px;
    top  : 54px
  }

  84% {
    width: 55px;
    right: 0;
    top  : 35px
  }

  to {
    width: 47px;
    right: 8px;
    top  : 38px
  }
}

@keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top  : 54px
  }

  65% {
    width: 0;
    right: 46px;
    top  : 54px
  }

  84% {
    width: 55px;
    right: 0;
    top  : 35px
  }

  to {
    width: 47px;
    right: 8px;
    top  : 38px
  }
}

@-webkit-keyframes rotatePlaceholder {
  0% {
    transform        : rotate(-45deg);
    -webkit-transform: rotate(-45deg)
  }

  5% {
    transform        : rotate(-45deg);
    -webkit-transform: rotate(-45deg)
  }

  12% {
    transform        : rotate(-405deg);
    -webkit-transform: rotate(-405deg)
  }

  to {
    transform        : rotate(-405deg);
    -webkit-transform: rotate(-405deg)
  }
}

@keyframes rotatePlaceholder {
  0% {
    transform        : rotate(-45deg);
    -webkit-transform: rotate(-45deg)
  }

  5% {
    transform        : rotate(-45deg);
    -webkit-transform: rotate(-45deg)
  }

  12% {
    transform        : rotate(-405deg);
    -webkit-transform: rotate(-405deg)
  }

  to {
    transform        : rotate(-405deg);
    -webkit-transform: rotate(-405deg)
  }
}

.animateSuccessTip {
  -webkit-animation: animateSuccessTip .75s;
  animation        : animateSuccessTip .75s
}

.animateSuccessLong {
  -webkit-animation: animateSuccessLong .75s;
  animation        : animateSuccessLong .75s
}

.sa-icon.sa-success.animate:after {
  -webkit-animation: rotatePlaceholder 4.25s ease-in;
  animation        : rotatePlaceholder 4.25s ease-in
}

@-webkit-keyframes animateErrorIcon {
  0% {
    transform        : rotateX(100deg);
    -webkit-transform: rotateX(100deg);
    opacity          : 0
  }

  to {
    transform        : rotateX(0);
    -webkit-transform: rotateX(0);
    opacity          : 1
  }
}

@keyframes animateErrorIcon {
  0% {
    transform        : rotateX(100deg);
    -webkit-transform: rotateX(100deg);
    opacity          : 0
  }

  to {
    transform        : rotateX(0);
    -webkit-transform: rotateX(0);
    opacity          : 1
  }
}

.animateErrorIcon {
  -webkit-animation: animateErrorIcon .5s;
  animation        : animateErrorIcon .5s
}

@-webkit-keyframes animateXMark {
  0% {
    transform        : scale(.4);
    -webkit-transform: scale(.4);
    margin-top       : 26px;
    opacity          : 0
  }

  50% {
    transform        : scale(.4);
    -webkit-transform: scale(.4);
    margin-top       : 26px;
    opacity          : 0
  }

  80% {
    transform        : scale(1.15);
    -webkit-transform: scale(1.15);
    margin-top       : -6px
  }

  to {
    transform        : scale(1);
    -webkit-transform: scale(1);
    margin-top       : 0;
    opacity          : 1
  }
}

@keyframes animateXMark {
  0% {
    transform        : scale(.4);
    -webkit-transform: scale(.4);
    margin-top       : 26px;
    opacity          : 0
  }

  50% {
    transform        : scale(.4);
    -webkit-transform: scale(.4);
    margin-top       : 26px;
    opacity          : 0
  }

  80% {
    transform        : scale(1.15);
    -webkit-transform: scale(1.15);
    margin-top       : -6px
  }

  to {
    transform        : scale(1);
    -webkit-transform: scale(1);
    margin-top       : 0;
    opacity          : 1
  }
}

.animateXMark {
  -webkit-animation: animateXMark .5s;
  animation        : animateXMark .5s
}

@-webkit-keyframes pulseWarning {
  0% {
    border-color: #f8d486
  }

  to {
    border-color: #f8bb86
  }
}

@keyframes pulseWarning {
  0% {
    border-color: #f8d486
  }

  to {
    border-color: #f8bb86
  }
}

.pulseWarning {
  -webkit-animation: pulseWarning .75s infinite alternate;
  animation        : pulseWarning .75s infinite alternate
}

@-webkit-keyframes pulseWarningIns {
  0% {
    background-color: #f8d486
  }

  to {
    background-color: #f8bb86
  }
}

@keyframes pulseWarningIns {
  0% {
    background-color: #f8d486
  }

  to {
    background-color: #f8bb86
  }
}

.pulseWarningIns {
  -webkit-animation: pulseWarningIns .75s infinite alternate;
  animation        : pulseWarningIns .75s infinite alternate
}

@-webkit-keyframes rotate-loading {
  0% {
    -webkit-transform: rotate(0);
    transform        : rotate(0)
  }

  to {
    -webkit-transform: rotate(1turn);
    transform        : rotate(1turn)
  }
}

@keyframes rotate-loading {
  0% {
    -webkit-transform: rotate(0);
    transform        : rotate(0)
  }

  to {
    -webkit-transform: rotate(1turn);
    transform        : rotate(1turn)
  }
}

.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
  -ms-transform: rotate(45deg)\9
}

.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
  -ms-transform: rotate(-45deg)\9
}

.sweet-alert .sa-icon.sa-success {
  border-color: transparent\9
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
  -ms-transform: rotate(45deg)\9
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
  -ms-transform: rotate(-45deg)\9
}

/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
.la-ball-fall,
.la-ball-fall>div {
  position          : relative;
  -webkit-box-sizing: border-box;
  box-sizing        : border-box
}

.la-ball-fall {
  display  : block;
  font-size: 0;
  color    : var(--directorist-color-white)
}

.la-ball-fall.la-dark {
  color: #333
}

.la-ball-fall>div {
  display         : inline-block;
  float           : none;
  background-color: currentColor;
  border          : 0 solid
}

.la-ball-fall {
  width : 54px;
  height: 18px
}

.la-ball-fall>div {
  width            : 10px;
  height           : 10px;
  margin           : 4px;
  border-radius    : 100%;
  opacity          : 0;
  -webkit-animation: ball-fall 1s ease-in-out infinite;
  animation        : ball-fall 1s ease-in-out infinite
}

.la-ball-fall>div:first-child {
  -webkit-animation-delay: -.2s;
  animation-delay        : -.2s
}

.la-ball-fall>div:nth-child(2) {
  -webkit-animation-delay: -.1s;
  animation-delay        : -.1s
}

.la-ball-fall>div:nth-child(3) {
  -webkit-animation-delay: 0;
  animation-delay        : 0
}

.la-ball-fall.la-sm {
  width : 26px;
  height: 8px
}

.la-ball-fall.la-sm>div {
  width : 4px;
  height: 4px;
  margin: 2px
}

.la-ball-fall.la-2x {
  width : 108px;
  height: 36px
}

.la-ball-fall.la-2x>div {
  width : 20px;
  height: 20px;
  margin: 8px
}

.la-ball-fall.la-3x {
  width : 162px;
  height: 54px
}

.la-ball-fall.la-3x>div {
  width : 30px;
  height: 30px;
  margin: 12px
}

@-webkit-keyframes ball-fall {
  0% {
    opacity          : 0;
    -webkit-transform: translateY(-145%);
    transform        : translateY(-145%)
  }

  10% {
    opacity: .5
  }

  20% {
    opacity          : 1;
    -webkit-transform: translateY(0);
    transform        : translateY(0)
  }

  80% {
    opacity          : 1;
    -webkit-transform: translateY(0);
    transform        : translateY(0)
  }

  90% {
    opacity: .5
  }

  to {
    opacity          : 0;
    -webkit-transform: translateY(145%);
    transform        : translateY(145%)
  }
}

@keyframes ball-fall {
  0% {
    opacity          : 0;
    -webkit-transform: translateY(-145%);
    transform        : translateY(-145%)
  }

  10% {
    opacity: .5
  }

  20% {
    opacity          : 1;
    -webkit-transform: translateY(0);
    transform        : translateY(0)
  }

  80% {
    opacity          : 1;
    -webkit-transform: translateY(0);
    transform        : translateY(0)
  }

  90% {
    opacity: .5
  }

  to {
    opacity          : 0;
    -webkit-transform: translateY(145%);
    transform        : translateY(145%)
  }
}

.directorist-add-listing-types {
  display           : -webkit-box;
  display           : -webkit-flex;
  display           : -ms-flexbox;
  display           : flex;
  -webkit-box-sizing: border-box;
  box-sizing        : border-box
}

.directorist-add-listing-types__single {
  margin-bottom: 15px
}

.directorist-add-listing-types__single__link {
  -webkit-box-orient    : vertical;
  -webkit-box-direction : normal;
  -webkit-flex-direction: column;
  -ms-flex-direction    : column;
  flex-direction        : column;
  background-color      : var(--directorist-color-white);
  color                 : var(--directorist-color-primary);
  font-size             : 16px;
  font-weight           : 500;
  line-height           : 20px;
  text-align            : center;
  padding               : 40px 25px;
  border-radius         : 12px;
  text-decoration       : none !important;
  -webkit-box-shadow    : var(--directorist-box-shadow);
  box-shadow            : var(--directorist-box-shadow);
  border                : 1px solid var(--directorist-color-border-light);
  -webkit-transition    : background .2s ease;
  transition            : background .2s ease
}

.directorist-add-listing-types__single__link,
.directorist-add-listing-types__single__link .directorist-icon-mask {
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center
}

.directorist-add-listing-types__single__link .directorist-icon-mask {
  height            : 70px;
  width             : 70px;
  background-color  : var(--directorist-color-primary);
  border-radius     : 100%;
  margin-bottom     : 20px;
  -webkit-transition: color .2s ease, background .2s ease;
  transition        : color .2s ease, background .2s ease
}

.directorist-add-listing-types__single__link .directorist-icon-mask:after {
  width           : 25px;
  height          : 25px;
  background-color: var(--directorist-color-white)
}

.directorist-add-listing-types__single__link:hover {
  background-color: var(--directorist-color-primary);
  color           : var(--directorist-color-white)
}

.directorist-add-listing-types__single__link:hover .directorist-icon-mask {
  background-color: var(--directorist-color-white)
}

.directorist-add-listing-types__single__link:hover .directorist-icon-mask:after {
  background-color: var(--directorist-color-primary)
}

.directorist-add-listing-types__single__link>i:not(.directorist-icon-mask) {
  display      : inline-block;
  margin-bottom: 10px
}

.directorist-add-listing-wrapper {
  display           : -webkit-box;
  display           : -webkit-flex;
  display           : -ms-flexbox;
  display           : flex;
  -webkit-box-sizing: border-box;
  box-sizing        : border-box
}

.directorist-add-listing-form .directorist-content-module {
  -webkit-box-shadow: var(--directorist-box-shadow);
  box-shadow        : var(--directorist-box-shadow);
  border            : 1px solid var(--directorist-color-border-light)
}

.directorist-add-listing-form .directorist-content-module__title i {
  background-color: var(--directorist-color-primary)
}

.directorist-add-listing-form .directorist-content-module__title i:after {
  background-color: var(--directorist-color-white)
}

.directorist-add-listing-form .directorist-alert-required {
  display   : block;
  margin-top: 5px;
  color     : #e80000;
  font-size : 13px
}

.directorist-add-listing-form__privacy a {
  color: var(--directorist-color-info)
}

#directiost-listing-fields_wrapper .directorist-content-module,
.directorist-add-listing-form .directorist-content-module {
  margin-bottom: 35px;
  border-radius: 12px
}

@media (max-width:991px) {

  #directiost-listing-fields_wrapper .directorist-content-module,
  .directorist-add-listing-form .directorist-content-module {
    margin-bottom: 20px
  }
}

#directiost-listing-fields_wrapper .directorist-content-module__title,
.directorist-add-listing-form .directorist-content-module__title {
  gap                    : 15px;
  min-height             : 66px;
  -webkit-box-pack       : start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack          : start;
  justify-content        : flex-start
}

#directiost-listing-fields_wrapper .directorist-content-module__title i,
.directorist-add-listing-form .directorist-content-module__title i {
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center;
  width                  : 36px;
  height                 : 36px;
  border-radius          : 100%
}

#directiost-listing-fields_wrapper .directorist-content-module__title i:after,
.directorist-add-listing-form .directorist-content-module__title i:after {
  width : 16px;
  height: 16px
}

#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-address-field.atbdp-form-fade,
.directorist-add-listing-form .directorist-content-module .directorist-form-address-field.atbdp-form-fade {
  padding: 0
}

#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-address-field.atbdp-form-fade>input[name=address],
.directorist-add-listing-form .directorist-content-module .directorist-form-address-field.atbdp-form-fade>input[name=address] {
  padding-left: 10px
}

#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-address-field.atbdp-form-fade:before,
.directorist-add-listing-form .directorist-content-module .directorist-form-address-field.atbdp-form-fade:before {
  width : 15px;
  height: 15px;
  left  : unset;
  right : 0;
  top   : 46px
}

#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-address-field.atbdp-form-fade:after,
.directorist-add-listing-form .directorist-content-module .directorist-form-address-field.atbdp-form-fade:after {
  height: 40px;
  top   : 26px
}

#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields,
.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields {
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center;
  -webkit-flex-wrap  : wrap;
  -ms-flex-wrap      : wrap;
  flex-wrap          : wrap;
  gap                : 20px;
  margin             : 0 0 25px
}

#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields:last-child,
.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields:last-child {
  margin: 0 0 40px
}

#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields .directorist-form-group,
.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields .directorist-form-group {
  -webkit-box-flex: 1;
  -webkit-flex    : 1;
  -ms-flex        : 1;
  flex            : 1;
  margin          : 0
}

#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields .directorist-form-group select,
.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields .directorist-form-group select {
  font-size  : 14px;
  font-weight: 500;
  color      : var(--directorist-color-dark)
}

#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields .directorist-form-group select.placeholder-item,
.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields .directorist-form-group select.placeholder-item {
  font-size  : 14px;
  font-weight: 400;
  color      : var(--directorist-color-light-gray)
}

#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input,
.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input {
  display         : -webkit-box;
  display         : -webkit-flex;
  display         : -ms-flexbox;
  display         : flex;
  gap             : 20px;
  -webkit-box-flex: 1;
  -webkit-flex    : 1;
  -ms-flex        : 1;
  flex            : 1
}

@media screen and (max-width:480px) {

  #directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input,
  .directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input {
    gap                   : 10px;
    -webkit-box-orient    : vertical;
    -webkit-box-direction : normal;
    -webkit-flex-direction: column;
    -ms-flex-direction    : column;
    flex-direction        : column
  }
}

#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-webkit-input-placeholder,
.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-webkit-input-placeholder {
  font-weight: 400
}

#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-moz-placeholder,
.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-moz-placeholder {
  font-weight: 400
}

#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input:-ms-input-placeholder,
.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input:-ms-input-placeholder {
  font-weight: 400
}

#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-ms-input-placeholder,
.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-ms-input-placeholder {
  font-weight: 400
}

#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::placeholder,
.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::placeholder {
  font-weight: 400
}

#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove,
.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__remove {
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center;
  width                  : 36px;
  height                 : 36px;
  padding                : 0;
  cursor                 : pointer;
  border-radius          : 100%;
  -webkit-transition     : all .3s ease;
  transition             : all .3s ease;
  background-color       : var(--directorist-color-light) !important
}

#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove i:after,
.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__remove i:after {
  width           : 12px;
  height          : 12px;
  background-color: var(--directorist-color-light-gray)
}

#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove:hover,
.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__remove:hover {
  background-color: var(--directorist-color-primary) !important
}

#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove:hover i:after,
.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__remove:hover i:after {
  background-color: var(--directorist-color-white)
}

#directiost-listing-fields_wrapper .directorist-content-module {
  background-color: var(--directorist-color-white);
  border-radius   : 0;
  border          : 1px solid #e3e6ef
}

#directiost-listing-fields_wrapper .directorist-content-module__title {
  padding      : 20px 30px;
  border-bottom: 1px solid #e3e6ef
}

#directiost-listing-fields_wrapper .directorist-content-module__title i {
  background-color: var(--directorist-color-primary)
}

#directiost-listing-fields_wrapper .directorist-content-module__title i:after {
  background-color: var(--directorist-color-white)
}

#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields {
  margin: 0 0 25px
}

#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove {
  background-color: #ededed !important
}

#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove i:after {
  background-color: grey
}

#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove:hover {
  background-color: var(--directorist-color-primary) !important
}

#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove:hover i:after {
  background-color: var(--directorist-color-white)
}

#directiost-listing-fields_wrapper .directorist-content-module .directorist-content-module__title {
  cursor: auto
}

#directiost-listing-fields_wrapper .directorist-content-module .directorist-content-module__title:before {
  display: none
}

#directiost-listing-fields_wrapper .directorist-content-module .directorist-content-module__contents {
  padding: 30px 40px 40px
}

@media (max-width:991px) {
  #directiost-listing-fields_wrapper .directorist-content-module .directorist-content-module__contents {
    height    : auto;
    opacity   : 1;
    padding   : 20px;
    visibility: visible
  }
}

#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-group .directorist-form-label {
  margin-bottom: 10px
}

#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-group .directorist-form-element {
  position          : relative;
  height            : 42px;
  padding           : 15px 20px;
  font-size         : 14px;
  font-weight       : 400;
  border-radius     : 5px;
  width             : 100%;
  border            : 1px solid #ececec;
  -webkit-box-sizing: border-box;
  box-sizing        : border-box;
  margin-bottom     : 0
}

#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-group .directorist-form-element__prefix {
  height     : 42px;
  line-height: 42px
}

#directiost-listing-fields_wrapper .directorist-content-module .directorist-custom-field-select select.directorist-form-element,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-group .directorist-form-element.directory_pricing_field,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields select.directorist-form-element {
  padding-top   : 0;
  padding-bottom: 0
}

#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=checkbox]+.directorist-checkbox__label:after,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=checkbox]+.directorist-radio__label:after,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=radio]+.directorist-checkbox__label:after,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=radio]+.directorist-radio__label:after,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=checkbox]+.directorist-checkbox__label:after,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=checkbox]+.directorist-radio__label:after,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio]+.directorist-checkbox__label:after,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio]+.directorist-radio__label:after {
  position        : absolute;
  left            : 0;
  top             : 0;
  width           : 20px;
  height          : 20px;
  border-radius   : 3px;
  content         : "";
  border          : 1px solid #c6d0dc;
  background-color: var(--directorist-color-white)
}

#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=checkbox]:checked+.directorist-checkbox__label:after,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=checkbox]:checked+.directorist-radio__label:after,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=radio]:checked+.directorist-checkbox__label:after,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=radio]:checked+.directorist-radio__label:after,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=checkbox]:checked+.directorist-checkbox__label:after,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=checkbox]:checked+.directorist-radio__label:after,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio]:checked+.directorist-checkbox__label:after,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio]:checked+.directorist-radio__label:after {
  background-color: var(--directorist-color-primary);
  border-color    : var(--directorist-color-primary)
}

#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio]+.directorist-radio__label:before {
  position          : absolute;
  left              : 7px;
  top               : 7px;
  width             : 6px;
  height            : 6px;
  border-radius     : 50%;
  background-color  : var(--directorist-color-primary);
  border            : 0;
  -webkit-mask-image: none;
  mask-image        : none;
  z-index           : 2;
  content           : ""
}

#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio]:checked+.directorist-radio__label:after {
  background-color: var(--directorist-color-white)
}

#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox.directorist-checkbox-circle input[type=checkbox]+.directorist-checkbox__label:after,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox.directorist-checkbox-circle input[type=checkbox]+.directorist-radio__label:after,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox.directorist-checkbox-circle input[type=radio]+.directorist-checkbox__label:after,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox.directorist-checkbox-circle input[type=radio]+.directorist-radio__label:after,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio.directorist-radio-circle input[type=checkbox]+.directorist-checkbox__label:after,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio.directorist-radio-circle input[type=checkbox]+.directorist-radio__label:after,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio.directorist-radio-circle input[type=radio]+.directorist-checkbox__label:after,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio.directorist-radio-circle input[type=radio]+.directorist-radio__label:after {
  border-radius: 50%
}

#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-pricing-field__options .directorist_pricing_options input[type=checkbox]+.directorist-checkbox__label:before {
  left               : 5px;
  top                : 5px;
  content            : "";
  -webkit-mask-image : url(../images/e986e970b493125f349fc279b4b3d57b.svg);
  mask-image         : url(../images/e986e970b493125f349fc279b4b3d57b.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat        : no-repeat;
  width              : 10px;
  height             : 10px;
  border             : none;
  background-color   : var(--directorist-color-white);
  display            : block;
  -webkit-transition : all .3s ease 0s;
  transition         : all .3s ease 0s;
  z-index            : 2
}

#directiost-listing-fields_wrapper .directorist-content-module .plupload-upload-uic {
  padding      : 30px;
  text-align   : center;
  border-radius: 5px;
  border       : 1px dashed #dbdee9
}

#directiost-listing-fields_wrapper .directorist-content-module .plupload-upload-uic .plupload-browse-button-label i:after {
  width           : 50px;
  height          : 45px;
  background-color: grey
}

#directiost-listing-fields_wrapper .directorist-content-module .directorist-custom-field-file-upload .directorist-custom-field-file-upload__wrapper~.directorist-form-description {
  text-align: center
}

#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-info-field .directorist-btn {
  width           : auto;
  padding         : 11px 26px;
  background-color: #444752;
  color           : var(--directorist-color-white);
  border-radius   : 5px
}

#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-info-field .directorist-btn i:after {
  background-color: var(--directorist-color-white)
}

#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-map-field__maps #gmap {
  border-radius: 0
}

.directorist-form-label {
  display      : block;
  color        : var(--directorist-color-dark);
  margin-bottom: 5px;
  font-size    : 14px;
  font-weight  : 500
}

.directorist-custom-field-checkbox>.directorist-form-label,
.directorist-custom-field-file-upload>.directorist-form-label,
.directorist-custom-field-radio>.directorist-form-label,
.directorist-form-image-upload-field>.directorist-form-label,
.directorist-form-pricing-field.price-type-both>.directorist-form-label,
.directorist-form-social-info-field>.directorist-form-label {
  margin-bottom: 18px
}

.directorist-form-listing-type {
  display          : -webkit-box;
  display          : -webkit-flex;
  display          : -ms-flexbox;
  display          : flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap    : wrap;
  flex-wrap        : wrap;
  gap              : 20px
}

@media (max-width:767px) {
  .directorist-form-listing-type {
    -webkit-box-orient    : vertical;
    -webkit-box-direction : normal;
    -webkit-flex-direction: column;
    -ms-flex-direction    : column;
    flex-direction        : column
  }
}

.directorist-form-listing-type .directorist-form-label {
  font-size       : 14px;
  font-weight     : 500;
  -webkit-box-flex: 0;
  -webkit-flex    : 0 0 100%;
  -ms-flex        : 0 0 100%;
  flex            : 0 0 100%;
  margin          : 0
}

.directorist-form-listing-type__single {
  -webkit-box-flex: 0;
  -webkit-flex    : 0 0 45%;
  -ms-flex        : 0 0 45%;
  flex            : 0 0 45%
}

.directorist-form-listing-type__single.directorist-radio {
  -webkit-box-align  : start;
  -webkit-align-items: flex-start;
  -ms-flex-align     : start;
  align-items        : flex-start
}

.directorist-form-listing-type .directorist-radio input[type=radio]+.directorist-radio__label {
  width             : 100%;
  height            : 100%;
  font-size         : 14px;
  font-weight       : 500;
  padding           : 25px 25px 25px 55px;
  border-radius     : 12px;
  color             : var(--directorist-color-body);
  border            : 3px solid var(--directorist-color-border-gray);
  cursor            : pointer;
  -webkit-box-sizing: border-box;
  box-sizing        : border-box
}

.directorist-form-listing-type .directorist-radio input[type=radio]+.directorist-radio__label small {
  display    : block;
  margin-top : 5px;
  font-weight: 400;
  color      : var(--directorist-color-success)
}

.directorist-form-listing-type .directorist-radio input[type=radio]+.directorist-radio__label:before {
  left: 29px;
  top : 29px
}

.directorist-form-listing-type .directorist-radio input[type=radio]+.directorist-radio__label:after {
  left  : 25px;
  top   : 25px;
  width : 18px;
  height: 18px
}

.directorist-form-listing-type .directorist-radio input[type=radio]:checked+.directorist-radio__label {
  border-color: var(--directorist-color-primary);
  color       : var(--directorist-color-primary)
}

.directorist-form-pricing-field__options {
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  -webkit-flex-wrap  : wrap;
  -ms-flex-wrap      : wrap;
  flex-wrap          : wrap;
  gap                : 20px;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center;
  margin             : 0 0 20px
}

.directorist-form-pricing-field__options .directorist-checkbox input[type=checkbox]+.directorist-checkbox__label {
  font-size   : 14px;
  font-weight : 400;
  min-height  : 18px;
  padding-left: 27px;
  color       : var(--directorist-color-body)
}

.directorist-form-pricing-field__options .directorist-checkbox input[type=checkbox]:checked+.directorist-checkbox__label {
  font-weight: 500;
  color      : var(--directorist-color-dark)
}

.directorist-form-pricing-field__options .directorist_pricing_options input[type=checkbox]+.directorist-checkbox__label:after {
  top          : 3px;
  left         : 3px;
  width        : 14px;
  height       : 14px;
  border-radius: 100%;
  border       : 2px solid #c6d0dc
}

.directorist-form-pricing-field__options .directorist_pricing_options input[type=checkbox]+.directorist-checkbox__label:before {
  left              : 0;
  top               : 0;
  width             : 8px;
  height            : 8px;
  -webkit-mask-image: none;
  mask-image        : none;
  background-color  : var(--directorist-color-white);
  border-radius     : 100%;
  border            : 5px solid var(--directorist-color-primary);
  -webkit-box-sizing: content-box;
  box-sizing        : content-box
}

.directorist-form-pricing-field__options .directorist_pricing_options input[type=checkbox]+.directorist-checkbox__label:checked:after {
  opacity: 0
}

.directorist-form-pricing-field .directorist-form-element {
  min-width: 100%
}

.price-type-price_range .directorist-form-pricing-field__options,
.price-type-price_unit .directorist-form-pricing-field__options {
  margin: 0
}

.directorist-select-multi select {
  display: none
}

#directorist-location-select {
  z-index: 113 !important
}

#directorist-tag-select {
  z-index: 112 !important
}

#directorist-category-select {
  z-index: 111 !important
}

.directorist-form-group .select2-selection {
  border-color: #ececec
}

.directorist-form-group .select2-container--default .select2-selection {
  min-height   : 40px;
  padding-right: 45px
}

.directorist-form-group .select2-container--default .select2-selection .select2-selection__rendered {
  line-height: 26px;
  padding    : 0
}

.directorist-form-group .select2-container--default .select2-selection .select2-selection__clear {
  padding-right: 15px
}

.directorist-form-group .select2-container--default .select2-selection .select2-selection__arrow {
  right: 10px
}

.directorist-form-group .select2-container--default .select2-selection input {
  min-height: 26px
}

.directorist-hide-owner-field.directorist-checkbox input[type=checkbox]+.directorist-checkbox__label {
  font-size  : 15px;
  font-weight: 700
}

.directorist-map-coordinate {
  margin-top: 20px
}

.directorist-map-coordinates {
  padding            : 0 0 15px;
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  -webkit-flex-wrap  : wrap;
  -ms-flex-wrap      : wrap;
  flex-wrap          : wrap;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center;
  gap                : 10px
}

.directorist-map-coordinates .directorist-form-group {
  -webkit-box-flex: 1;
  -webkit-flex    : 1;
  -ms-flex        : 1;
  flex            : 1;
  max-width       : 290px
}

.directorist-map-coordinates__generate {
  -webkit-box-flex: 0 !important;
  -webkit-flex    : 0 0 100% !important;
  -ms-flex        : 0 0 100% !important;
  flex            : 0 0 100% !important;
  max-width       : 100% !important
}

.directorist-add-listing-form .directorist-content-module .directorist-map-coordinates .directorist-form-group:not(.directorist-map-coordinates__generate) {
  margin-bottom: 20px
}

.directorist-form-map-field__wrapper {
  margin-bottom: 10px
}

.directorist-form-map-field__maps #gmap {
  position     : relative;
  height       : 400px;
  z-index      : 1;
  border-radius: 12px
}

.directorist-form-map-field__maps #gmap #gmap_full_screen_button,
.directorist-form-map-field__maps #gmap .gm-fullscreen-control {
  display: none
}

.directorist-form-map-field__maps #gmap div[role=img] {
  position               : relative;
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center;
  width                  : 50px !important;
  height                 : 50px !important;
  cursor                 : pointer;
  border-radius          : 100%;
  overflow               : visible !important
}

.directorist-form-map-field__maps #gmap div[role=img]>img {
  position        : relative;
  z-index         : 1;
  width           : 100% !important;
  height          : 100% !important;
  border-radius   : 100%;
  background-color: var(--directorist-color-primary)
}

.directorist-form-map-field__maps #gmap div[role=img]:before {
  content           : "";
  position          : absolute;
  left              : -25px;
  top               : -25px;
  width             : 0;
  height            : 0;
  border-radius     : 50%;
  -webkit-transition: all .3s ease-in-out;
  transition        : all .3s ease-in-out;
  border            : none;
  border            : 50px solid rgba(var(--directorist-color-dark-rgb), .2);
  opacity           : 0;
  visibility        : hidden;
  -webkit-animation : atbd_scale 3s linear infinite alternate;
  animation         : atbd_scale 3s linear infinite alternate
}

.directorist-form-map-field__maps #gmap div[role=img]:after {
  content              : "";
  display              : block;
  width                : 12px;
  height               : 20px;
  position             : absolute;
  z-index              : 2;
  background-color     : var(--directorist-color-white);
  -webkit-mask-repeat  : no-repeat;
  mask-repeat          : no-repeat;
  -webkit-mask-position: center;
  mask-position        : center;
  -webkit-mask-image   : url(../images/ed83bad2b8ea2a7680575ff079fc63af.svg);
  mask-image           : url(../images/ed83bad2b8ea2a7680575ff079fc63af.svg)
}

.directorist-form-map-field__maps #gmap div[role=img].transit-wheelchair-icon {
  margin          : 0;
  display         : inline-block;
  width           : 13px !important;
  height          : 13px !important;
  background-color: unset
}

.directorist-form-map-field__maps #gmap div[role=img].transit-wheelchair-icon:after,
.directorist-form-map-field__maps #gmap div[role=img].transit-wheelchair-icon:before {
  display: none
}

.directorist-form-map-field__maps #gmap div[role=img]:hover:before {
  opacity   : 1;
  visibility: visible
}

.directorist-form-map-field .map_drag_info {
  display: none
}

.directorist-form-map-field .atbd_map_shape {
  position               : relative;
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center;
  width                  : 40px;
  height                 : 40px;
  cursor                 : pointer;
  border-radius          : 100%
}

.directorist-form-map-field .atbd_map_shape:before {
  content           : "";
  position          : absolute;
  left              : -20px;
  top               : -20px;
  width             : 0;
  height            : 0;
  opacity           : 0;
  visibility        : hidden;
  border-radius     : 50%;
  -webkit-transition: all .3s ease-in-out;
  transition        : all .3s ease-in-out;
  border            : none
}

.directorist-form-map-field .atbd_map_shape .directorist-icon-mask:after {
  width             : 16px;
  height            : 16px;
  background-color  : var(--directorist-color-marker-icon);
  -webkit-mask-image: url(../images/ed83bad2b8ea2a7680575ff079fc63af.svg);
  mask-image        : url(../images/ed83bad2b8ea2a7680575ff079fc63af.svg)
}

.directorist-form-map-field .atbd_map_shape:hover:before {
  opacity   : 1;
  visibility: visible
}

.directorist-form-image-upload-field .ez-media-uploader {
  text-align      : center;
  border-radius   : 12px;
  padding         : 35px 10px;
  margin          : 0;
  background-color: var(--directorist-color-bg-gray) !important;
  border          : 2px dashed var(--directorist-color-border-gray) !important
}

.directorist-form-image-upload-field .ez-media-uploader.ezmu--show {
  margin-bottom: 120px
}

.directorist-form-image-upload-field .ez-media-uploader .ezmu__media-picker-section {
  display: block
}

.directorist-form-image-upload-field .ez-media-uploader .ezmu__media-picker-section .ezmu__media-picker-icon-wrap-upload {
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center;
  width                  : auto;
  height                 : auto;
  margin-bottom          : 0
}

.directorist-form-image-upload-field .ez-media-uploader .ezmu__media-picker-section .ezmu-icon-upload {
  background    : unset;
  -webkit-filter: unset;
  filter        : unset;
  width         : auto
}

.directorist-form-image-upload-field .ez-media-uploader .ezmu__media-picker-section .ezmu-icon-upload i:after {
  width           : 90px;
  height          : 80px;
  background-color: var(--directorist-color-border-gray)
}

.directorist-form-image-upload-field .ez-media-uploader .ezmu__media-picker-buttons {
  margin-top: 0
}

.directorist-form-image-upload-field .ez-media-uploader .ezmu__upload-button-wrap .ezmu__input-label {
  position           : relative;
  display            : -webkit-inline-box;
  display            : -webkit-inline-flex;
  display            : -ms-inline-flexbox;
  display            : inline-flex;
  padding            : 0 17px 0 35px;
  margin             : 10px 0;
  height             : 40px;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center;
  gap                : 6px;
  border-radius      : 8px;
  background         : var(--directorist-color-primary);
  color              : var(--directorist-color-white);
  text-align         : center;
  font-size          : 13px;
  font-weight        : 500;
  line-height        : 14px;
  cursor             : pointer
}

.directorist-form-image-upload-field .ez-media-uploader .ezmu__upload-button-wrap .ezmu__input-label:before {
  position           : absolute;
  left               : 17px;
  top                : 13px;
  content            : "";
  -webkit-mask-image : url(../images/82bc0acb0537c9331637ee2319728e40.svg);
  mask-image         : url(../images/82bc0acb0537c9331637ee2319728e40.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat        : no-repeat;
  width              : 14px;
  height             : 14px;
  background-color   : var(--directorist-color-white)
}

.directorist-form-image-upload-field .ez-media-uploader .ezmu__upload-button-wrap .ezmu__input-label:hover {
  opacity: .85
}

.directorist-form-image-upload-field .ez-media-uploader .ezmu__upload-button-wrap p {
  margin: 0
}

.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section.ezmu--show {
  position           : absolute;
  top                : calc(100% + 22px);
  left               : 0;
  width              : auto;
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center;
  -webkit-flex-wrap  : wrap;
  -ms-flex-wrap      : wrap;
  flex-wrap          : wrap;
  gap                : 8px
}

.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section.ezmu--show .ezmu__upload-button-wrap {
  display         : none;
  height          : 76px;
  width           : 100px;
  border-radius   : 8px;
  background-color: var(--directorist-color-bg-gray) !important;
  border          : 2px dashed var(--directorist-color-border-gray) !important
}

.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section.ezmu--show .ezmu__upload-button-wrap .ezmu__update-file-btn {
  padding  : 0;
  width    : 30px;
  height   : 30px;
  font-size: 0;
  position : relative
}

.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section.ezmu--show .ezmu__upload-button-wrap .ezmu__update-file-btn:before {
  content              : "";
  position             : absolute;
  width                : 30px;
  height               : 30px;
  left                 : 0;
  z-index              : 2;
  background-color     : var(--directorist-color-border-gray);
  -webkit-mask-repeat  : no-repeat;
  mask-repeat          : no-repeat;
  -webkit-mask-position: center;
  mask-position        : center;
  -webkit-mask-image   : url(../images/6af1e9612a6d7346e1366489fb9fac45.svg);
  mask-image           : url(../images/6af1e9612a6d7346e1366489fb9fac45.svg)
}

.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__thumbnail-list-item {
  width                  : 175px;
  min-width              : 175px;
  -webkit-flex-basis     : unset;
  -ms-flex-preferred-size: unset;
  flex-basis             : unset
}

.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__sort-buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__close-icon {
  background-image: unset
}

.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__close-icon .directorist-icon-mask:after {
  width : 12px;
  height: 12px
}

.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__close-icon:hover .directorist-icon-mask:after {
  background-color: var(--directorist-color-white)
}

.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__sort-button {
  width          : 20px;
  height         : 25px;
  background-size: 8px
}

.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__featured_tag,
.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__thumbnail-size-text {
  padding    : 0 5px;
  height     : 25px;
  line-height: 25px
}

.directorist-form-image-upload-field .ezmu__info-list-item:empty {
  display: none
}

.directorist-add-listing-wrapper {
  max-width: 1000px !important;
  margin   : 0 auto
}

.directorist-add-listing-wrapper .ezmu__thumbnail-list-item_back {
  position: relative;
  height  : 100px;
  width   : 100%
}

.directorist-add-listing-wrapper .ezmu__thumbnail-list-item_back .ezmu__thumbnail-img {
  -o-object-fit: cover;
  object-fit   : cover
}

.directorist-add-listing-wrapper .ezmu__thumbnail-list-item_back:before {
  content           : "";
  width             : 100%;
  height            : 100%;
  position          : absolute;
  top               : 0;
  left              : 0;
  background-color  : rgba(var(--directorist-color-dark-rgb), .5);
  opacity           : 0;
  visibility        : visible;
  -webkit-transition: all .3s ease;
  transition        : all .3s ease
}

.directorist-add-listing-wrapper .ezmu__thumbnail-list-item:hover .ezmu__thumbnail-list-item_back:before {
  opacity   : 1;
  visibility: visible
}

.directorist-add-listing-wrapper .ezmu__titles-area .ezmu__title-1 {
  font-size  : 20px;
  font-weight: 500;
  margin     : 0
}

.directorist-add-listing-wrapper .ezmu__btn {
  margin-bottom   : 25px;
  background-color: var(--directorist-color-primary);
  color           : var(--directorist-color-white)
}

.directorist-add-listing-wrapper .directorist-image-upload.max-file-reached .ezmu__upload-button-wrap .ezmu__btn {
  pointer-events: none;
  opacity       : .7
}

.directorist-add-listing-wrapper .directorist-image-upload.max-file-reached.highlight {
  position: relative
}

.directorist-add-listing-wrapper .directorist-image-upload.max-file-reached.highlight:before {
  content         : "";
  position        : absolute;
  left            : 0;
  top             : 0;
  height          : 100%;
  width           : 100%;
  background-color: #ddd;
  cursor          : no-drop;
  z-index         : 9999
}

.directorist-add-listing-wrapper .directorist-image-upload.max-file-reached.highlight:after {
  content          : "Maximum Files Uploaded";
  font-size        : 18px;
  font-weight      : 700;
  color            : #ef0000;
  position         : absolute;
  left             : 50%;
  top              : 50%;
  -webkit-transform: translate(-50%, -50%);
  transform        : translate(-50%, -50%);
  cursor           : no-drop;
  z-index          : 9999
}

.directorist-add-listing-wrapper .ezmu__info-list {
  display               : -webkit-box;
  display               : -webkit-flex;
  display               : -ms-flexbox;
  display               : flex;
  -webkit-box-align     : center;
  -webkit-align-items   : center;
  -ms-flex-align        : center;
  align-items           : center;
  -webkit-box-orient    : vertical;
  -webkit-box-direction : normal;
  -webkit-flex-direction: column;
  -ms-flex-direction    : column;
  flex-direction        : column;
  gap                   : 6px;
  margin                : 15px 0 0
}

.directorist-add-listing-wrapper .ezmu__info-list .ezmu__info-list-item {
  margin: 0
}

.directorist-add-listing-wrapper .ezmu__info-list .ezmu__info-list-item:before {
  width           : 16px;
  height          : 16px;
  background-image: url(../images/83eed1a628ff52c2adf977f50ac7adb4.svg)
}

.directorist-add-listing-form__action {
  display               : -webkit-box;
  display               : -webkit-flex;
  display               : -ms-flexbox;
  display               : flex;
  -webkit-box-orient    : vertical;
  -webkit-box-direction : normal;
  -webkit-flex-direction: column;
  -ms-flex-direction    : column;
  flex-direction        : column;
  border-radius         : 12px;
  -webkit-box-shadow    : var(--directorist-box-shadow);
  box-shadow            : var(--directorist-box-shadow);
  border                : 1px solid var(--directorist-color-border-light)
}

.directorist-add-listing-form__action .directorist-form-submit {
  margin-top: 15px
}

.directorist-add-listing-form__action .directorist-form-submit__btn.atbd_loading {
  position: relative
}

.directorist-add-listing-form__action .directorist-form-submit__btn.atbd_loading:after {
  content          : "";
  border-radius    : 50%;
  border           : 2px solid #f3f3f3;
  border-top-color : #656a7a;
  width            : 20px;
  height           : 20px;
  -webkit-animation: rotate360 2s linear infinite;
  animation        : rotate360 2s linear infinite;
  display          : inline-block;
  margin           : 0 0 0 10px;
  position         : relative;
  top              : 4px
}

.directorist-add-listing-form__action label {
  line-height  : 1.25;
  margin-bottom: 0
}

.directorist-add-listing-form__action #listing_notifier {
  padding    : 18px 40px 33px;
  font-size  : 14px;
  font-weight: 600;
  color      : var(--directorist-color-danger);
  border-top : 1px solid var(--directorist-color-border)
}

.directorist-add-listing-form__action #listing_notifier:empty {
  display: none
}

.directorist-add-listing-form__action #listing_notifier .atbdp_success {
  color: var(--directorist-color-success)
}

.directorist-add-listing-form__action .directorist-checkbox,
.directorist-add-listing-form__action .directorist-form-group {
  margin             : 0;
  padding            : 30px 40px 0;
  -webkit-box-align  : start;
  -webkit-align-items: flex-start;
  -ms-flex-align     : start;
  align-items        : flex-start
}

@media only screen and (max-width:576px) {

  .directorist-add-listing-form__action .directorist-checkbox,
  .directorist-add-listing-form__action .directorist-form-group {
    padding: 30px 0 0
  }

  .directorist-add-listing-form__action .directorist-checkbox.directorist-form-privacy,
  .directorist-add-listing-form__action .directorist-form-group.directorist-form-privacy {
    padding: 30px 30px 0
  }
}

@media only screen and (max-width:480px) {

  .directorist-add-listing-form__action .directorist-checkbox,
  .directorist-add-listing-form__action .directorist-form-group {
    padding: 30px 20px 0
  }
}

.directorist-add-listing-form__action .directorist-checkbox label,
.directorist-add-listing-form__action .directorist-form-group label {
  font-size  : 14px;
  font-weight: 500;
  margin     : 0 0 10px
}

.directorist-add-listing-form__action .directorist-checkbox label a,
.directorist-add-listing-form__action .directorist-form-group label a {
  color: var(--directorist-color-info)
}

.directorist-add-listing-form__action .directorist-checkbox #guest_user_email,
.directorist-add-listing-form__action .directorist-form-group #guest_user_email {
  margin: 0 0 10px
}

.directorist-add-listing-form__action .directorist-form-required {
  padding-left: 5px
}

.directorist-add-listing-form__publish {
  padding      : 100px 20px;
  margin-bottom: 0;
  text-align   : center
}

@media only screen and (max-width:576px) {
  .directorist-add-listing-form__publish {
    padding: 70px 20px
  }
}

@media only screen and (max-width:480px) {
  .directorist-add-listing-form__publish {
    padding: 50px 20px
  }
}

.directorist-add-listing-form__publish__icon i {
  width                  : 70px;
  height                 : 70px;
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center;
  border-radius          : 100%;
  margin                 : 0 auto 25px;
  background-color       : var(--directorist-color-light)
}

@media only screen and (max-width:480px) {
  .directorist-add-listing-form__publish__icon i {
    margin-bottom: 20px
  }
}

.directorist-add-listing-form__publish__icon i:after {
  width           : 30px;
  height          : 30px;
  background-color: var(--directorist-color-primary)
}

@media only screen and (max-width:480px) {
  .directorist-add-listing-form__publish__icon i:after {
    width : 25px;
    height: 25px;
    width : 22px;
    height: 22px
  }
}

.directorist-add-listing-form__publish__title {
  font-size  : 24px;
  font-weight: 600;
  margin     : 0 0 10px
}

@media only screen and (max-width:480px) {
  .directorist-add-listing-form__publish__title {
    font-size: 22px
  }
}

.directorist-add-listing-form__publish__subtitle {
  font-size: 15px;
  color    : var(--directorist-color-body);
  margin   : 0
}

.directorist-add-listing-form .directorist-form-group textarea {
  padding   : 10px 0;
  background: transparent
}

.directorist-add-listing-form .atbd_map_shape {
  width : 50px;
  height: 50px
}

.directorist-add-listing-form .atbd_map_shape:before {
  left  : -25px;
  top   : -25px;
  border: 50px solid rgba(var(--directorist-color-marker-shape-rgb), .2)
}

.directorist-add-listing-form .atbd_map_shape .directorist-icon-mask:after {
  width : 16px;
  height: 16px
}

.directorist-custom-field-select select.directorist-form-element {
  padding-top   : 0;
  padding-bottom: 0
}

.plupload-upload-uic {
  width     : 420px;
  margin    : 0 auto !important;
  border    : 1px dashed #dbdee9;
  padding   : 30px;
  text-align: center
}

.plupload-upload-uic .directorist-dropbox-title {
  font-weight  : 500;
  margin-bottom: 15px;
  font-size    : 15px
}

.plupload-upload-uic .directorist-dropbox-file-types {
  margin-top: 10px;
  color     : #9299b8
}

.directorist-modal-container {
  display  : none;
  margin   : 0 !important;
  max-width: 100% !important;
  height   : 100vh !important;
  position : fixed;
  top      : 0;
  left     : 0;
  bottom   : 0;
  right    : 0;
  z-index  : 999999999999
}

.directorist-modal-container.show {
  display: block
}

.directorist-modal-wrap {
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  background-color       : rgba(0, 0, 0, .4705882353);
  width                  : 100%;
  height                 : 100%;
  position               : absolute;
  overflow               : auto;
  top                    : 0;
  left                   : 0;
  right                  : 0;
  bottom                 : 0;
  padding                : 20px;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center
}

.directorist-modals {
  display         : block;
  width           : 100%;
  max-width       : 400px;
  margin          : 0 auto;
  background-color: var(--directorist-color-white);
  border-radius   : 8px;
  overflow        : hidden
}

.directorist-modal-header {
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  padding                : 10px 20px;
  -webkit-box-pack       : justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack          : justify;
  justify-content        : space-between;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  border-bottom          : 1px solid #e4e4e4
}

.directorist-modal-title-area {
  display: block
}

.directorist-modal-header .directorist-modal-title {
  margin-bottom: 0 !important;
  font-size    : 24px
}

.directorist-modal-actions-area {
  display: block;
  padding: 0 10px
}

.directorist-modal-body {
  display: block;
  padding: 20px
}

.directorist-form-privacy {
  margin-bottom: 10px;
  font-size    : 14px;
  font-weight  : 500;
  color        : var(--directorist-color-primary)
}

.directorist-form-privacy.directorist-checkbox input[type=checkbox]+.directorist-checkbox__label:after {
  border-color: var(--directorist-color-body)
}

.directorist-form-privacy,
.directorist-form-terms {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.directorist-form-privacy a,
.directorist-form-terms a {
  text-decoration: none
}

.add_listing_form_wrapper .hide-if-no-js {
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-flex-wrap      : wrap;
  -ms-flex-wrap          : wrap;
  flex-wrap              : wrap;
  gap                    : 15px;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center
}

#listing_form_info .directorist-bh-wrap .directorist-select select {
  width       : calc(100% - 1px);
  min-height  : 42px;
  display     : block !important;
  border-color: #ececec !important;
  padding     : 0 10px
}

.directorist-map-field #floating-panel {
  margin-bottom: 20px
}

.directorist-map-field #floating-panel #delete_marker {
  background-color: var(--directorist-color-danger);
  border          : 1px solid var(--directorist-color-danger);
  color           : var(--directorist-color-white)
}

#listing_form_info .atbd_content_module.atbd-booking-information .atbdb_content_module_contents {
  padding-top: 20px
}

.directorist-custom-field-checkbox,
.directorist-custom-field-radio {
  display          : -webkit-box;
  display          : -webkit-flex;
  display          : -ms-flexbox;
  display          : flex;
  gap              : 0 10px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap    : wrap;
  flex-wrap        : wrap
}

.directorist-custom-field-checkbox .directorist-custom-field-btn-more,
.directorist-custom-field-checkbox .directorist-form-description,
.directorist-custom-field-checkbox .directorist-form-label,
.directorist-custom-field-radio .directorist-custom-field-btn-more,
.directorist-custom-field-radio .directorist-form-description,
.directorist-custom-field-radio .directorist-form-label {
  width           : 100%;
  -webkit-box-flex: 0;
  -webkit-flex    : 0 0 100%;
  -ms-flex        : 0 0 100%;
  flex            : 0 0 100%
}

.directorist-custom-field-checkbox .directorist-checkbox,
.directorist-custom-field-checkbox .directorist-radio,
.directorist-custom-field-radio .directorist-checkbox,
.directorist-custom-field-radio .directorist-radio {
  -webkit-box-flex: 0;
  -webkit-flex    : 0 0 49%;
  -ms-flex        : 0 0 49%;
  flex            : 0 0 49%
}

@media only screen and (max-width:767px) {

  .directorist-custom-field-checkbox .directorist-checkbox,
  .directorist-custom-field-checkbox .directorist-radio,
  .directorist-custom-field-radio .directorist-checkbox,
  .directorist-custom-field-radio .directorist-radio {
    -webkit-box-flex: 0;
    -webkit-flex    : 0 0 100%;
    -ms-flex        : 0 0 100%;
    flex            : 0 0 100%
  }
}

.directorist-custom-field-checkbox .directorist-custom-field-btn-more,
.directorist-custom-field-radio .directorist-custom-field-btn-more {
  margin-top: 5px
}

.directorist-custom-field-checkbox .directorist-custom-field-btn-more:after,
.directorist-custom-field-radio .directorist-custom-field-btn-more:after {
  content           : "";
  display           : inline-block;
  margin-left       : 5px;
  -webkit-mask-image: url(../images/05feea3d261c8b97573023a74fd26f03.svg);
  mask-image        : url(../images/05feea3d261c8b97573023a74fd26f03.svg);
  width             : 12px;
  height            : 12px;
  background-color  : var(--directorist-color-body)
}

.directorist-custom-field-checkbox .directorist-custom-field-btn-more.active:after,
.directorist-custom-field-radio .directorist-custom-field-btn-more.active:after {
  -webkit-mask-image: url(../images/c90867d23032298fc0ff1d456a6fdb30.svg);
  mask-image        : url(../images/c90867d23032298fc0ff1d456a6fdb30.svg)
}

.directorist-add-listing-form .select2-container--default .select2-selection .select2-selection__rendered {
  height             : auto;
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center;
  -webkit-flex-wrap  : wrap;
  -ms-flex-wrap      : wrap;
  flex-wrap          : wrap;
  gap                : 5px
}

.directorist-add-listing-form .select2-container--default .select2-selection .select2-selection__rendered li {
  margin: 0
}

.directorist-add-listing-form .select2-container--default .select2-selection .select2-selection__rendered li input {
  margin-top: 0
}

.directorist-add-listing-form .select2-container--default .select2-selection .select2-selection__rendered li.select2-search--inline {
  width: auto
}

.directorist-add-listing-form .select2-container--default .select2-selection .select2-selection__rendered li.select2-search--inline:first-child {
  width: inherit
}

.multistep-wizard {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap    : 30px
}

@media only screen and (max-width:991px) {
  .multistep-wizard {
    -webkit-box-orient    : vertical;
    -webkit-box-direction : normal;
    -webkit-flex-direction: column;
    -ms-flex-direction    : column;
    flex-direction        : column
  }
}

.multistep-wizard__nav {
  display               : -webkit-box;
  display               : -webkit-flex;
  display               : -ms-flexbox;
  display               : flex;
  gap                   : 6px;
  -webkit-box-orient    : vertical;
  -webkit-box-direction : normal;
  -webkit-flex-direction: column;
  -ms-flex-direction    : column;
  flex-direction        : column;
  height                : -webkit-fit-content;
  height                : -moz-fit-content;
  height                : fit-content;
  max-height            : 100vh;
  min-width             : 270px;
  max-width             : 270px;
  overflow-y            : auto
}

.multistep-wizard__nav.sticky {
  position: fixed;
  top     : 0
}

.multistep-wizard__nav__btn {
  position           : relative;
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center;
  gap                : 12px;
  width              : 270px;
  min-height         : 36px;
  padding            : 7px 16px;
  outline            : none;
  cursor             : pointer;
  font-size          : 14px;
  font-weight        : 400;
  border-radius      : 8px;
  text-decoration    : none !important;
  color              : var(--directorist-color-light-gray);
  background-color   : transparent;
  border             : 1px solid transparent;
  -webkit-box-sizing : border-box;
  box-sizing         : border-box;
  -webkit-transition : background .2s ease, color .2s ease, -webkit-box-shadow .2s ease;
  transition         : background .2s ease, color .2s ease, -webkit-box-shadow .2s ease;
  transition         : background .2s ease, color .2s ease, box-shadow .2s ease;
  transition         : background .2s ease, color .2s ease, box-shadow .2s ease, -webkit-box-shadow .2s ease
}

@media only screen and (max-width:991px) {
  .multistep-wizard__nav__btn {
    width: 100%
  }
}

.multistep-wizard__nav__btn i {
  min-width              : 36px;
  width                  : 36px;
  height                 : 36px;
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center;
  border-radius          : 100%;
  background-color       : #ededed
}

.multistep-wizard__nav__btn i:after {
  width             : 16px;
  height            : 16px;
  background-color  : var(--directorist-color-light-gray);
  -webkit-transition: background-color .2s ease;
  transition        : background-color .2s ease
}

.multistep-wizard__nav__btn:before {
  position           : absolute;
  right              : 20px;
  top                : 50%;
  -webkit-transform  : translateY(-50%);
  transform          : translateY(-50%);
  content            : "";
  -webkit-mask-image : url(../images/bbed57ce5c92c9a7aa71622e408b6a66.svg);
  mask-image         : url(../images/bbed57ce5c92c9a7aa71622e408b6a66.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat        : no-repeat;
  width              : 12px;
  height             : 12px;
  background-color   : var(--directorist-color-light-gray);
  display            : block;
  opacity            : 0;
  -webkit-transition : opacity .2s ease;
  transition         : opacity .2s ease;
  z-index            : 2
}

.multistep-wizard__nav__btn.active,
.multistep-wizard__nav__btn:hover {
  -webkit-box-shadow: var(--directorist-box-shadow);
  box-shadow        : var(--directorist-box-shadow);
  border-color      : var(--directorist-color-border-light);
  background-color  : var(--directorist-color-white);
  outline           : none
}

.multistep-wizard__nav__btn.active:before,
.multistep-wizard__nav__btn:hover:before {
  opacity: 1
}

.multistep-wizard__nav__btn:focus {
  outline    : none;
  font-weight: 600;
  color      : var(--directorist-color-primary)
}

.multistep-wizard__nav__btn:focus:before,
.multistep-wizard__nav__btn:focus i:after {
  background-color: var(--directorist-color-primary)
}

.multistep-wizard__nav__btn.completed {
  color: var(--directorist-color-primary)
}

.multistep-wizard__nav__btn.completed:before {
  -webkit-mask-image: url(../images/e986e970b493125f349fc279b4b3d57b.svg);
  mask-image        : url(../images/e986e970b493125f349fc279b4b3d57b.svg);
  opacity           : 1
}

.multistep-wizard__nav__btn.completed i:after {
  background-color: var(--directorist-color-primary)
}

@media only screen and (max-width:991px) {
  .multistep-wizard__nav {
    display: none
  }
}

.multistep-wizard__content {
  -webkit-box-flex: 1;
  -webkit-flex    : 1;
  -ms-flex        : 1;
  flex            : 1
}

.multistep-wizard__single {
  border-radius   : 12px;
  background-color: var(--directorist-color-white)
}

.multistep-wizard__single label {
  display: block
}

.multistep-wizard__single span.required {
  color: var(--directorist-color-danger)
}

@media only screen and (max-width:991px) {
  .multistep-wizard__single .directorist-content-module__title {
    position: relative;
    cursor  : pointer
  }

  .multistep-wizard__single .directorist-content-module__title h2 {
    -webkit-padding-end: 20px;
    padding-inline-end : 20px
  }

  .multistep-wizard__single .directorist-content-module__title:before {
    position           : absolute;
    right              : 20px;
    top                : 50%;
    -webkit-transform  : translateY(-50%);
    transform          : translateY(-50%);
    content            : "";
    -webkit-mask-image : url(../images/20cfd7ae7ffa8fca3b8d48d7ab39da28.svg);
    mask-image         : url(../images/20cfd7ae7ffa8fca3b8d48d7ab39da28.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat        : no-repeat;
    width              : 12px;
    height             : 12px;
    background-color   : var(--directorist-color-dark)
  }

  .multistep-wizard__single .directorist-content-module__title.opened:before {
    -webkit-mask-image: url(../images/e9f5f62f416fee88e3f2d027b8b705da.svg);
    mask-image        : url(../images/e9f5f62f416fee88e3f2d027b8b705da.svg)
  }

  .multistep-wizard__single .directorist-content-module__contents {
    height            : 0;
    opacity           : 0;
    padding           : 0;
    visibility        : hidden;
    -webkit-transition: padding-top .3s ease;
    transition        : padding-top .3s ease
  }

  .multistep-wizard__single .directorist-content-module__contents.active {
    height    : auto;
    opacity   : 1;
    padding   : 20px;
    visibility: visible
  }
}

.multistep-wizard__progressbar {
  position     : relative;
  display      : -webkit-box;
  display      : -webkit-flex;
  display      : -ms-flexbox;
  display      : flex;
  width        : 100%;
  margin-top   : 50px;
  border-radius: 8px
}

.multistep-wizard__progressbar:before {
  content           : "";
  position          : absolute;
  top               : 0;
  left              : 0;
  width             : 100%;
  height            : 2px;
  background-color  : var(--directorist-color-border);
  border-radius     : 8px;
  -webkit-transition: width .3s ease-in-out;
  transition        : width .3s ease-in-out
}

.multistep-wizard__progressbar__width {
  position: absolute;
  top     : 0;
  left    : 0;
  width   : 0
}

.multistep-wizard__progressbar__width:after {
  content           : "";
  position          : absolute;
  top               : 0;
  left              : 0;
  width             : 100%;
  height            : 2px;
  background-color  : var(--directorist-color-primary);
  border-radius     : 8px;
  -webkit-transition: width .3s ease-in-out;
  transition        : width .3s ease-in-out
}

.multistep-wizard__bottom {
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-flex-wrap      : wrap;
  -ms-flex-wrap          : wrap;
  flex-wrap              : wrap;
  gap                    : 25px;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack          : justify;
  justify-content        : space-between;
  margin                 : 20px 0
}

@media only screen and (max-width:575px) {
  .multistep-wizard__bottom {
    gap                    : 15px;
    -webkit-box-pack       : center;
    -webkit-justify-content: center;
    -ms-flex-pack          : center;
    justify-content        : center
  }
}

.multistep-wizard__btn {
  width           : 200px;
  height          : 54px;
  gap             : 12px;
  border          : none;
  outline         : none;
  cursor          : pointer;
  background-color: var(--directorist-color-light)
}

.multistep-wizard__btn.directorist-btn {
  color: var(--directorist-color-body)
}

.multistep-wizard__btn.directorist-btn i:after {
  background-color: var(--directorist-color-body)
}

.multistep-wizard__btn.directorist-btn:focus,
.multistep-wizard__btn.directorist-btn:hover {
  color           : var(--directorist-color-white);
  background-color: var(--directorist-color-primary)
}

.multistep-wizard__btn.directorist-btn:focus i:after,
.multistep-wizard__btn.directorist-btn:hover i:after {
  background-color: var(--directorist-color-white)
}

.multistep-wizard__btn[disabled=disabled],
.multistep-wizard__btn[disabled=true] {
  color         : var(--directorist-color-light-gray);
  pointer-events: none
}

.multistep-wizard__btn[disabled=disabled] i:after,
.multistep-wizard__btn[disabled=true] i:after {
  background-color: var(--directorist-color-light-gray)
}

.multistep-wizard__btn i:after {
  width           : 14px;
  height          : 14px;
  background-color: var(--directorist-color-primary)
}

.multistep-wizard__btn--save-preview {
  -webkit-box-flex: 0;
  -webkit-flex    : 0 0 100%;
  -ms-flex        : 0 0 100%;
  flex            : 0 0 100%
}

.multistep-wizard__btn--save-preview.directorist-btn {
  height    : 0;
  opacity   : 0;
  visibility: hidden
}

@media only screen and (max-width:575px) {
  .multistep-wizard__btn--save-preview {
    width: 100%
  }
}

.multistep-wizard__btn--skip-preview {
  -webkit-box-flex: 0;
  -webkit-flex    : 0 0 100%;
  -ms-flex        : 0 0 100%;
  flex            : 0 0 100%
}

.multistep-wizard__btn--skip-preview.directorist-btn {
  height    : 0;
  opacity   : 0;
  visibility: hidden
}

.multistep-wizard__btn.directorist-btn {
  min-height: unset
}

@media only screen and (max-width:575px) {
  .multistep-wizard__btn.directorist-btn {
    -webkit-box-flex: 0;
    -webkit-flex    : 0 0 100%;
    -ms-flex        : 0 0 100%;
    flex            : 0 0 100%
  }
}

.multistep-wizard__count {
  font-size  : 15px;
  font-weight: 500
}

@media only screen and (max-width:575px) {
  .multistep-wizard__count {
    -webkit-box-flex: 0;
    -webkit-flex    : 0 0 100%;
    -ms-flex        : 0 0 100%;
    flex            : 0 0 100%;
    text-align      : center
  }
}

.multistep-wizard .default-add-listing-bottom {
  display: none
}

.multistep-wizard.default-add-listing .multistep-wizard__single {
  display: block !important
}

.multistep-wizard.default-add-listing .multistep-wizard__bottom,
.multistep-wizard.default-add-listing .multistep-wizard__progressbar {
  display: none !important
}

.multistep-wizard.default-add-listing .default-add-listing-bottom {
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  gap                    : 20px;
  -webkit-flex-wrap      : wrap;
  -ms-flex-wrap          : wrap;
  flex-wrap              : wrap;
  padding                : 35px 0;
  -webkit-box-pack       : justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack          : justify;
  justify-content        : space-between
}

.multistep-wizard.default-add-listing .default-add-listing-bottom .directorist-form-submit__btn {
  width : 100%;
  height: 54px
}

.logged-in .multistep-wizard__nav.sticky {
  top: 32px
}

@keyframes atbd_scale {
  0% {
    -webkit-transform: scale(.8);
    transform        : scale(.8)
  }

  to {
    -webkit-transform: scale(1);
    transform        : scale(1)
  }
}

#directorist_submit_privacy_policy {
  display: block;
  opacity: 0;
  width  : 0;
  height : 0;
  margin : 0;
  padding: 0;
  border : none
}

#directorist_submit_privacy_policy:after {
  display: none
}

.upload-error {
  display         : block !important;
  clear           : both;
  background-color: #fcd9d9;
  color           : #e80000;
  font-size       : 16px;
  word-break      : break-word;
  border-radius   : 3px;
  padding         : 15px 20px
}

#upload-msg {
  display: block;
  clear  : both
}

#content .category_grid_view li a.post_img {
  height  : 65px;
  width   : 90%;
  overflow: hidden
}

#content .category_grid_view li a.post_img img {
  margin : 0 auto;
  display: block;
  height : 65px
}

#content .category_list_view li a.post_img {
  height  : 110px;
  width   : 165px;
  overflow: hidden
}

#content .category_list_view li a.post_img img {
  margin : 0 auto;
  display: block;
  height : 110px
}

#sidebar .recent_comments li img.thumb {
  width: 40px
}

.post_img_tiny img {
  width: 35px
}

.single_post_blog img.alignleft {
  width : 96%;
  height: auto
}

.ecu_images,
.filelist {
  width: 100%
}

.filelist .file {
  padding         : 5px;
  background-color: #ececec;
  border          : 1px solid #ccc;
  margin-bottom   : 4px;
  clear           : both;
  text-align      : left
}

.filelist .fileprogress {
  width           : 0;
  height          : 5px;
  background-color: #3385ff
}

#custom-filedropbox,
.directorist-custom-field-file-upload__wrapper>div {
  -webkit-flex-wrap      : wrap;
  -ms-flex-wrap          : wrap;
  flex-wrap              : wrap;
  -webkit-box-pack       : start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack          : start;
  justify-content        : flex-start;
  gap                    : 20px
}

#custom-filedropbox,
.directorist-custom-field-file-upload__wrapper>div,
.plupload-upload-uic {
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center
}

.plupload-upload-uic {
  width                  : 200px;
  height                 : 150px;
  padding                : 0;
  gap                    : 15px;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center;
  -webkit-box-orient     : vertical;
  -webkit-box-direction  : normal;
  -webkit-flex-direction : column;
  -ms-flex-direction     : column;
  flex-direction         : column;
  border-radius          : 12px;
  margin                 : 0 !important;
  background-color       : var(--directorist-color-bg-gray);
  border                 : 2px dashed var(--directorist-color-border-gray)
}

.plupload-upload-uic>input {
  display: none
}

.plupload-upload-uic .plupload-browse-button-label {
  cursor: pointer
}

.plupload-upload-uic .plupload-browse-button-label i:after {
  width           : 50px;
  height          : 45px;
  background-color: var(--directorist-color-border-gray)
}

.plupload-upload-uic .plupload-browse-img-size {
  font-size  : 13px;
  font-weight: 400;
  color      : var(--directorist-color-body)
}

@media (max-width:575px) {
  .plupload-upload-uic {
    width : 100%;
    height: 200px
  }
}

.plupload-thumbs {
  clear   : both;
  overflow: hidden
}

.plupload-thumbs .thumb {
  position     : relative;
  height       : 150px;
  width        : 200px;
  border-radius: 12px
}

.plupload-thumbs .thumb img {
  width        : 100%;
  height       : 100%;
  -o-object-fit: cover;
  object-fit   : cover;
  border-radius: 12px
}

.plupload-thumbs .thumb:hover .atbdp-thumb-actions:before {
  opacity   : 1;
  visibility: visible
}

@media (max-width:575px) {
  .plupload-thumbs .thumb {
    width : 100%;
    height: 200px
  }
}

.plupload-thumbs .atbdp-thumb-actions {
  position: absolute;
  height  : 100%;
  width   : 100%;
  top     : 0;
  left    : 0
}

.plupload-thumbs .atbdp-thumb-actions .thumbremovelink {
  position               : absolute;
  top                    : 10px;
  right                  : 10px;
  background-color       : #ff385c;
  height                 : 32px;
  width                  : 32px;
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center;
  border-radius          : 50%;
  cursor                 : pointer;
  -webkit-transition     : .3s ease;
  transition             : .3s ease
}

.plupload-thumbs .atbdp-thumb-actions .thumbremovelink .directorist-icon-mask:after {
  width           : 14px;
  height          : 14px;
  background-color: var(--directorist-color-white)
}

.plupload-thumbs .atbdp-thumb-actions .thumbremovelink:hover {
  opacity: .8
}

.plupload-thumbs .atbdp-thumb-actions .thumbremovelink i {
  font-size: 14px
}

.plupload-thumbs .atbdp-thumb-actions:before {
  content           : "";
  position          : absolute;
  width             : 100%;
  height            : 100%;
  left              : 0;
  top               : 0;
  opacity           : 0;
  visibility        : hidden;
  border-radius     : 12px;
  -webkit-transition: all .3s ease;
  transition        : all .3s ease;
  background-color  : rgba(var(--directorist-color-dark-rgb), .5)
}

.plupload-thumbs .thumb.atbdp_file {
  border: none;
  width : auto
}

.atbdp-add-files .plupload-thumbs .thumb img,
.plupload-thumbs .thumb i.atbdp-file-info {
  cursor : move;
  width  : 100%;
  height : 100%;
  z-index: 1
}

.plupload-thumbs .thumb i.atbdp-file-info {
  font-size  : 50px;
  padding-top: 10%;
  z-index    : 1
}

.plupload-thumbs .thumb .thumbi {
  position: absolute;
  right   : -10px;
  top     : -8px;
  height  : 18px;
  width   : 18px
}

.plupload-thumbs .thumb .thumbi a {
  text-indent: -8000px;
  display    : block
}

.plupload-thumbs .atbdp-caption-preview,
.plupload-thumbs .atbdp-title-preview {
  position   : absolute;
  top        : 10px;
  left       : 5px;
  font-size  : 10px;
  line-height: 10px;
  padding    : 1px;
  background : hsla(0, 0%, 100%, .5);
  z-index    : 2;
  overflow   : hidden;
  height     : 10px
}

.plupload-thumbs .atbdp-caption-preview {
  top   : auto;
  bottom: 10px
}

.leaflet-image-layer,
.leaflet-layer,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-pane,
.leaflet-pane>canvas,
.leaflet-pane>svg,
.leaflet-tile,
.leaflet-tile-container,
.leaflet-zoom-box {
  position: absolute;
  left    : 0;
  top     : 0
}

.leaflet-container {
  overflow: hidden
}

.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile {
  -webkit-user-select: none;
  -moz-user-select   : none;
  -ms-user-select    : none;
  user-select        : none;
  -webkit-user-drag  : none
}

.leaflet-tile::-moz-selection {
  background: transparent
}

.leaflet-tile::selection {
  background: transparent
}

.leaflet-safari .leaflet-tile {
  image-rendering: -webkit-optimize-contrast
}

.leaflet-safari .leaflet-tile-container {
  width                   : 1600px;
  height                  : 1600px;
  -webkit-transform-origin: 0 0
}

.leaflet-marker-icon,
.leaflet-marker-shadow {
  display: block
}

.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer {
  max-width : none !important;
  max-height: none !important
}

.leaflet-container.leaflet-touch-zoom {
  -ms-touch-action: pan-x pan-y;
  touch-action    : pan-x pan-y
}

.leaflet-container.leaflet-touch-drag {
  -ms-touch-action: pinch-zoom;
  touch-action    : none;
  touch-action    : pinch-zoom
}

.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
  -ms-touch-action: none;
  touch-action    : none
}

.leaflet-container {
  -webkit-tap-highlight-color: transparent
}

.leaflet-container a {
  -webkit-tap-highlight-color: rgba(145, 175, 186, .4)
}

.leaflet-tile {
  -webkit-filter: inherit;
  filter        : inherit;
  visibility    : hidden
}

.leaflet-tile-loaded {
  visibility: inherit
}

.leaflet-zoom-box {
  width             : 0;
  height            : 0;
  -webkit-box-sizing: border-box;
  box-sizing        : border-box;
  z-index           : 800
}

.leaflet-overlay-pane svg {
  -moz-user-select: none
}

.leaflet-pane {
  z-index: 400
}

.leaflet-tile-pane {
  z-index: 200
}

.leaflet-overlay-pane {
  z-index: 400
}

.leaflet-shadow-pane {
  z-index: 500
}

.leaflet-marker-pane {
  z-index: 600
}

.leaflet-tooltip-pane {
  z-index: 650
}

.leaflet-popup-pane {
  z-index: 700
}

.leaflet-map-pane canvas {
  z-index: 100
}

.leaflet-map-pane svg {
  z-index: 200
}

.leaflet-vml-shape {
  width : 1px;
  height: 1px
}

.lvml {
  behavior: url(#default#VML);
  display : inline-block;
  position: absolute
}

.leaflet-control {
  position      : relative;
  z-index       : 800;
  pointer-events: visiblePainted;
  pointer-events: auto
}

.leaflet-bottom,
.leaflet-top {
  position      : absolute;
  z-index       : 1000;
  pointer-events: none
}

.leaflet-top {
  top: 0
}

.leaflet-right {
  right  : 0;
  display: none
}

.leaflet-bottom {
  bottom: 0
}

.leaflet-left {
  left: 0
}

.leaflet-control {
  float: left;
  clear: both
}

.leaflet-right .leaflet-control {
  float: right
}

.leaflet-top .leaflet-control {
  margin-top: 10px
}

.leaflet-bottom .leaflet-control {
  margin-bottom: 10px
}

.leaflet-left .leaflet-control {
  margin-left: 10px
}

.leaflet-right .leaflet-control {
  margin-right: 10px
}

.leaflet-fade-anim .leaflet-tile {
  will-change: opacity
}

.leaflet-fade-anim .leaflet-popup {
  opacity           : 0;
  -webkit-transition: opacity .2s linear;
  transition        : opacity .2s linear
}

.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
  opacity: 1
}

.leaflet-zoom-animated {
  -webkit-transform-origin: 0 0;
  transform-origin        : 0 0
}

.leaflet-zoom-anim .leaflet-zoom-animated {
  will-change       : transform;
  -webkit-transition: -webkit-transform .25s cubic-bezier(0, 0, .25, 1);
  transition        : -webkit-transform .25s cubic-bezier(0, 0, .25, 1);
  transition        : transform .25s cubic-bezier(0, 0, .25, 1);
  transition        : transform .25s cubic-bezier(0, 0, .25, 1), -webkit-transform .25s cubic-bezier(0, 0, .25, 1)
}

.leaflet-pan-anim .leaflet-tile,
.leaflet-zoom-anim .leaflet-tile {
  -webkit-transition: none;
  transition        : none
}

.leaflet-zoom-anim .leaflet-zoom-hide {
  visibility: hidden
}

.leaflet-interactive {
  cursor: pointer
}

.leaflet-grab {
  cursor: -webkit-grab;
  cursor: grab
}

.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
  cursor: crosshair
}

.leaflet-control,
.leaflet-popup-pane {
  cursor: auto
}

.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: grabbing
}

.leaflet-image-layer,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-pane>svg path,
.leaflet-tile-container {
  pointer-events: none
}

.leaflet-image-layer.leaflet-interactive,
.leaflet-marker-icon.leaflet-interactive,
.leaflet-pane>svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
  pointer-events: visiblePainted;
  pointer-events: auto
}

.leaflet-container {
  background-color: #ddd;
  outline         : 0
}

.leaflet-container .map-listing-card-single__content a,
.leaflet-container a {
  color: #404040
}

.leaflet-container a.leaflet-active {
  outline: 2px solid #fa8b0c
}

.leaflet-zoom-box {
  border    : 2px dotted var(--directorist-color-info);
  background: hsla(0, 0%, 100%, .5)
}

.leaflet-container {
  font: 12px/1.5 Helvetica Neue, Arial, Helvetica, sans-serif
}

.leaflet-bar {
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .65);
  box-shadow        : 0 1px 5px rgba(0, 0, 0, .65);
  border-radius     : 4px
}

.leaflet-bar a,
.leaflet-bar a:hover {
  background-color: var(--directorist-color-white);
  border-bottom   : 1px solid #ccc;
  width           : 26px;
  height          : 26px;
  line-height     : 26px;
  display         : block;
  text-align      : center;
  text-decoration : none;
  color           : #000
}

.leaflet-bar a,
.leaflet-control-layers-toggle {
  background-position: 50% 50%;
  background-repeat  : no-repeat;
  display            : block
}

.leaflet-bar a:hover {
  background-color: #f4f4f4
}

.leaflet-bar a:first-child {
  border-top-left-radius : 4px;
  border-top-right-radius: 4px
}

.leaflet-bar a:last-child {
  border-bottom-left-radius : 4px;
  border-bottom-right-radius: 4px;
  border-bottom             : none
}

.leaflet-bar a.leaflet-disabled {
  cursor          : default;
  background-color: #f4f4f4;
  color           : #bbb
}

.leaflet-touch .leaflet-bar a {
  width      : 30px;
  height     : 30px;
  line-height: 30px
}

.leaflet-touch .leaflet-bar a:first-child {
  border-top-left-radius : 2px;
  border-top-right-radius: 2px
}

.leaflet-touch .leaflet-bar a:last-child {
  border-bottom-left-radius : 2px;
  border-bottom-right-radius: 2px
}

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
  font       : 700 18px Lucida Console, Monaco, monospace;
  text-indent: 1px
}

.leaflet-touch .leaflet-control-zoom-in,
.leaflet-touch .leaflet-control-zoom-out {
  font-size: 22px
}

.leaflet-control-layers {
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .4);
  box-shadow        : 0 1px 5px rgba(0, 0, 0, .4);
  background-color  : var(--directorist-color-white);
  border-radius     : 5px
}

.leaflet-control-layers-toggle {
  width : 36px;
  height: 36px
}

.leaflet-retina .leaflet-control-layers-toggle {
  background-size: 26px 26px
}

.leaflet-touch .leaflet-control-layers-toggle {
  width : 44px;
  height: 44px
}

.leaflet-control-layers-expanded .leaflet-control-layers-toggle,
.leaflet-control-layers .leaflet-control-layers-list {
  display: none
}

.leaflet-control-layers-expanded .leaflet-control-layers-list {
  display : block;
  position: relative
}

.leaflet-control-layers-expanded {
  padding         : 6px 10px 6px 6px;
  color           : #333;
  background-color: var(--directorist-color-white)
}

.leaflet-control-layers-scrollbar {
  overflow-y   : scroll;
  overflow-x   : hidden;
  padding-right: 5px
}

.leaflet-control-layers-selector {
  margin-top: 2px;
  position  : relative;
  top       : 1px
}

.leaflet-control-layers label {
  display: block
}

.leaflet-control-layers-separator {
  height    : 0;
  border-top: 1px solid #ddd;
  margin    : 5px -10px 5px -6px
}

.leaflet-container .leaflet-control-attribution {
  background-color: var(--directorist-color-white);
  background      : hsla(0, 0%, 100%, .7);
  margin          : 0
}

.leaflet-control-attribution,
.leaflet-control-scale-line {
  padding: 0 5px;
  color  : #333
}

.leaflet-control-attribution a {
  text-decoration: none
}

.leaflet-control-attribution a:hover {
  text-decoration: underline
}

.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
  font-size: 11px
}

.leaflet-left .leaflet-control-scale {
  margin-left: 5px
}

.leaflet-bottom .leaflet-control-scale {
  margin-bottom: 5px
}

.leaflet-control-scale-line {
  border            : 2px solid #777;
  border-top        : none;
  line-height       : 1.1;
  padding           : 2px 5px 1px;
  font-size         : 11px;
  white-space       : nowrap;
  overflow          : hidden;
  -webkit-box-sizing: border-box;
  box-sizing        : border-box;
  background-color  : var(--directorist-color-white);
  background        : hsla(0, 0%, 100%, .5)
}

.leaflet-control-scale-line:not(:first-child) {
  border-top   : 2px solid #777;
  border-bottom: none;
  margin-top   : -2px
}

.leaflet-control-scale-line:not(:first-child):not(:last-child) {
  border-bottom: 2px solid #777
}

.leaflet-touch .leaflet-bar,
.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers {
  -webkit-box-shadow: none;
  box-shadow        : none
}

.leaflet-touch .leaflet-bar,
.leaflet-touch .leaflet-control-layers {
  border         : 2px solid rgba(0, 0, 0, .2);
  background-clip: padding-box
}

.leaflet-popup {
  position     : absolute;
  text-align   : center;
  margin-bottom: 20px
}

.leaflet-popup-content-wrapper {
  padding      : 1px;
  text-align   : left;
  border-radius: 10px
}

.leaflet-popup-content {
  margin     : 13px 19px;
  line-height: 1.4
}

.leaflet-popup-content p {
  margin: 18px 0
}

.leaflet-popup-tip-container {
  width         : 40px;
  height        : 20px;
  position      : absolute;
  left          : 50%;
  margin-left   : -20px;
  overflow      : hidden;
  pointer-events: none
}

.leaflet-popup-tip {
  width            : 17px;
  height           : 17px;
  padding          : 1px;
  margin           : -10px auto 0;
  -webkit-transform: rotate(45deg);
  transform        : rotate(45deg)
}

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
  background        : #fff;
  color             : #333;
  -webkit-box-shadow: 0 3px 14px rgba(0, 0, 0, .4);
  box-shadow        : 0 3px 14px rgba(0, 0, 0, .4)
}

.leaflet-container a.leaflet-popup-close-button {
  position       : absolute;
  top            : 0;
  right          : 0;
  padding        : 4px 4px 0 0;
  border         : none;
  text-align     : center;
  width          : 18px;
  height         : 14px;
  font           : 16px/14px Tahoma, Verdana, sans-serif;
  color          : #c3c3c3;
  text-decoration: none;
  font-weight    : 700;
  background     : transparent
}

.leaflet-container a.leaflet-popup-close-button:hover {
  color: #999
}

.leaflet-popup-scrolled {
  overflow     : auto;
  border-bottom: 1px solid #ddd;
  border-top   : 1px solid #ddd
}

.leaflet-oldie .leaflet-popup-content-wrapper {
  zoom: 1
}

.leaflet-oldie .leaflet-popup-tip {
  width     : 24px;
  margin    : 0 auto;
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
  filter    : progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)
}

.leaflet-oldie .leaflet-popup-tip-container {
  margin-top: -1px
}

.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
  border: 1px solid #999
}

.leaflet-div-icon {
  border: 1px solid #666
}

.leaflet-div-icon,
.leaflet-tooltip {
  background-color: var(--directorist-color-white)
}

.leaflet-tooltip {
  position           : absolute;
  padding            : 6px;
  border             : 1px solid var(--directorist-color-white);
  border-radius      : 3px;
  color              : #222;
  white-space        : nowrap;
  -webkit-user-select: none;
  -moz-user-select   : none;
  -ms-user-select    : none;
  user-select        : none;
  pointer-events     : none;
  -webkit-box-shadow : 0 1px 3px rgba(0, 0, 0, .4);
  box-shadow         : 0 1px 3px rgba(0, 0, 0, .4)
}

.leaflet-tooltip.leaflet-clickable {
  cursor        : pointer;
  pointer-events: auto
}

.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before,
.leaflet-tooltip-top:before {
  position      : absolute;
  pointer-events: none;
  border        : 6px solid transparent;
  background    : transparent;
  content       : ""
}

.leaflet-tooltip-bottom {
  margin-top: 6px
}

.leaflet-tooltip-top {
  margin-top: -6px
}

.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
  left       : 50%;
  margin-left: -6px
}

.leaflet-tooltip-top:before {
  bottom          : 0;
  margin-bottom   : -12px;
  border-top-color: var(--directorist-color-white)
}

.leaflet-tooltip-bottom:before {
  top                : 0;
  margin-top         : -12px;
  margin-left        : -6px;
  border-bottom-color: var(--directorist-color-white)
}

.leaflet-tooltip-left {
  margin-left: -6px
}

.leaflet-tooltip-right {
  margin-left: 6px
}

.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
  top       : 50%;
  margin-top: -6px
}

.leaflet-tooltip-left:before {
  right            : 0;
  margin-right     : -12px;
  border-left-color: var(--directorist-color-white)
}

.leaflet-tooltip-right:before {
  left              : 0;
  margin-left       : -12px;
  border-right-color: var(--directorist-color-white)
}

.directorist-content-active #map {
  position: relative;
  width   : 100%;
  height  : 660px;
  border  : none;
  z-index : 1
}

.directorist-content-active #gmap_full_screen_button {
  position               : absolute;
  top                    : 20px;
  right                  : 20px;
  z-index                : 999;
  width                  : 50px;
  height                 : 50px;
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center;
  border-radius          : 10px;
  background-color       : var(--directorist-color-white);
  cursor                 : pointer
}

.directorist-content-active #gmap_full_screen_button i:after {
  width             : 22px;
  height            : 22px;
  -webkit-transition: all .3s ease-in-out;
  transition        : all .3s ease-in-out;
  background-color  : var(--directorist-color-dark)
}

.directorist-content-active #gmap_full_screen_button .fullscreen-disable {
  display: none
}

.directorist-content-active #progress {
  display         : none;
  position        : absolute;
  z-index         : 1000;
  left            : 400px;
  top             : 300px;
  width           : 200px;
  height          : 20px;
  margin-top      : -20px;
  margin-left     : -100px;
  background-color: var(--directorist-color-white);
  background-color: hsla(0, 0%, 100%, .7);
  border-radius   : 4px;
  padding         : 2px
}

.directorist-content-active #progress-bar {
  width           : 0;
  height          : 100%;
  background-color: #76a6fc;
  border-radius   : 4px
}

.directorist-content-active .gm-fullscreen-control {
  width             : 50px !important;
  height            : 50px !important;
  margin            : 20px !important;
  border-radius     : 10px !important;
  -webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, .26) !important;
  box-shadow        : 0 2px 20px rgba(0, 0, 0, .26) !important
}

.directorist-content-active .gmnoprint {
  border-radius: 5px
}

.directorist-content-active .gm-style-cc,
.directorist-content-active .gm-style-mtc-bbw,
.directorist-content-active button.gm-svpc {
  display: none
}

.directorist-content-active .italic {
  font-style: italic
}

.directorist-content-active .buttonsTable {
  border         : 1px solid grey;
  border-collapse: collapse
}

.directorist-content-active .buttonsTable td,
.directorist-content-active .buttonsTable th {
  padding: 8px;
  border : 1px solid grey
}

.directorist-content-active .version-disabled {
  text-decoration: line-through
}

.directorist-form-group .wp-picker-container .button {
  position          : relative;
  height            : 40px;
  border            : 0;
  width             : 140px;
  padding           : 0;
  font-size         : 14px;
  font-weight       : 500;
  -webkit-transition: .3s ease;
  transition        : .3s ease;
  border-radius     : 8px;
  cursor            : pointer
}

.directorist-form-group .wp-picker-container .button:hover {
  color     : var(--directorist-color-white);
  background: rgba(var(--directorist-color-dark-rgb), .7)
}

.directorist-form-group .wp-picker-container .button .wp-color-result-text {
  position               : absolute;
  right                  : 0;
  top                    : 50%;
  -webkit-transform      : translateY(-50%);
  transform              : translateY(-50%);
  height                 : 100%;
  width                  : auto;
  min-width              : 100px;
  padding                : 0 10px;
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center;
  line-height            : 1;
  font-size              : 14px;
  text-transform         : capitalize;
  background-color       : #f7f7f7;
  color                  : var(--directorist-color-body)
}

.directorist-form-group .wp-picker-container .wp-picker-input-wrap label {
  width: 90px
}

.directorist-form-group .wp-picker-container .wp-picker-input-wrap label input {
  height    : 40px;
  padding   : 0;
  text-align: center;
  border    : none
}

.directorist-form-group .wp-picker-container .hidden {
  display: none
}

.directorist-form-group .wp-picker-container .wp-picker-open+.wp-picker-input-wrap {
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center;
  margin             : 10px 0
}

.directorist-form-group .wp-picker-container .wp-picker-container .wp-picker-input-wrap {
  padding            : 15px 0;
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center
}

.directorist-form-group .wp-picker-container .wp-picker-container .wp-picker-input-wrap.hidden,
.directorist-form-group .wp-picker-container .wp-picker-container .wp-picker-input-wrap .screen-reader-text {
  display: none
}

.directorist-form-group .wp-picker-container .wp-picker-container .wp-picker-input-wrap label {
  width : 90px;
  margin: 0
}

.directorist-form-group .wp-picker-container .wp-picker-container .wp-picker-input-wrap label+.button {
  margin-left   : 10px;
  padding-top   : 0;
  padding-bottom: 0;
  font-size     : 15px
}

.directorist-show {
  display: block !important
}

.directorist-d-none,
.directorist-hide {
  display: none !important
}

.directorist-text-center {
  text-align: center
}

.directorist-content-active .entry-content ul {
  margin : 0;
  padding: 0
}

.directorist-content-active .entry-content a {
  text-decoration: none
}

.directorist-content-active .entry-content .directorist-search-modal__contents__title {
  margin : 0;
  padding: 0;
  color  : var(--directorist-color-dark)
}

.directorist-content-active button[type=submit].directorist-btn {
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center
}

.directorist-container-fluid>.directorist-container-fluid {
  padding-left : 0;
  padding-right: 0
}

.directorist-announcement-wrapper .directorist_not-found p {
  margin-bottom: 0
}

.directorist-content-active .select2-container--open .select2-dropdown.select2-dropdown--below {
  top         : 0;
  border-color: var(--directorist-color-border)
}

.logged-in.directorist-content-active .select2-container--open .select2-dropdown.select2-dropdown--below {
  top: 32px
}

.directorist-content-active .directorist-select .select2.select2-container .select2-selection .select2-selection__rendered .select2-selection__clear {
  display: none
}

.directorist-content-active .select2.select2-container.select2-container--default {
  width: 100% !important
}

.directorist-content-active .select2.select2-container.select2-container--default .select2-selection {
  min-height         : 40px;
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center;
  border             : none;
  padding            : 5px 0;
  border-radius      : 0;
  background         : transparent;
  border-bottom      : 1px solid var(--directorist-color-border-gray)
}

.directorist-content-active .select2.select2-container.select2-container--default .select2-selection:focus {
  border-color: var(--directorist-color-primary);
  outline     : none
}

.directorist-content-active .select2.select2-container.select2-container--default .select2-selection__choice {
  height          : 28px;
  line-height     : 28px;
  font-size       : 12px;
  border          : none;
  display         : -webkit-box;
  display         : -webkit-flex;
  display         : -ms-flexbox;
  display         : flex;
  gap             : 5px;
  padding         : 0 10px;
  border-radius   : 8px;
  color           : var(--directorist-color-white);
  background-color: var(--directorist-color-primary)
}

.directorist-content-active .select2.select2-container.select2-container--default .select2-selection__choice__remove {
  position : relative;
  width    : 12px;
  margin   : 0;
  font-size: 0;
  color    : var(--directorist-color-white)
}

.directorist-content-active .select2.select2-container.select2-container--default .select2-selection__choice__remove:before {
  content            : "";
  -webkit-mask-image : url(../images/4ff79f85f2a1666e0f80c7ca71039465.svg);
  mask-image         : url(../images/4ff79f85f2a1666e0f80c7ca71039465.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat        : no-repeat;
  width              : 12px;
  height             : 12px;
  background-color   : var(--directorist-color-white);
  position           : absolute;
  top                : 50%;
  -webkit-transform  : translateY(-50%);
  transform          : translateY(-50%)
}

.directorist-content-active .select2.select2-container.select2-container--default .select2-selection__rendered {
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  gap                : 5px;
  height             : auto;
  line-height        : 30px;
  font-size          : 14px;
  overflow-y         : auto;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center;
  padding            : 0 !important;
  -ms-overflow-style : none;
  scrollbar-width    : none
}

.directorist-content-active .select2.select2-container.select2-container--default .select2-selection__rendered::-webkit-scrollbar {
  display: none
}

.directorist-content-active .select2.select2-container.select2-container--default .select2-selection__rendered .select2-selection__clear {
  padding-right: 25px
}

.directorist-content-active .select2.select2-container.select2-container--default .select2-selection__arrow b {
  display: none
}

.directorist-content-active .select2.select2-container.select2-container--focus .select2-selection {
  border       : none;
  border-bottom: 2px solid var(--directorist-color-primary) !important
}

.directorist-content-active .select2-container.select2-container--open {
  z-index: 99999
}

@media only screen and (max-width:575px) {
  .directorist-content-active .select2-container.select2-container--open {
    width: calc(100% - 40px)
  }
}

.directorist-content-active .select2-container--default .select2-selection .select2-selection__arrow b {
  margin-top: 0
}

.directorist-content-active .select2-container .directorist-select2-addons-area {
  top   : unset;
  bottom: 20px;
  right : 0
}

.directorist-content-active .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle {
  position      : absolute;
  right         : 0;
  padding       : 0;
  width         : auto;
  pointer-events: none
}

.directorist-content-active .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-close {
  position: absolute;
  right   : 15px;
  padding : 0;
  display : none
}

#recover-pass-modal {
  display: none
}

.directorist-login-wrapper #recover-pass-modal .directorist-btn {
  margin-top: 15px
}

.directorist-login-wrapper #recover-pass-modal .directorist-btn:hover {
  text-decoration: none
}

body.modal-overlay-enabled {
  position: relative
}

body.modal-overlay-enabled:before {
  content         : "";
  width           : 100%;
  height          : 100%;
  position        : absolute;
  left            : 0;
  top             : 0;
  background-color: rgba(var(--directorist-color-dark-rgb), .05);
  z-index         : 1
}

.directorist-widget {
  margin-bottom: 25px
}

.directorist-widget .directorist-card__header.directorist-widget__header {
  padding: 20px 25px
}

.directorist-widget .directorist-card__header.directorist-widget__header .directorist-widget__header__title {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap    : wrap;
  flex-wrap        : wrap
}

.directorist-widget .directorist-card__body.directorist-widget__body {
  padding: 20px 30px
}

.directorist-sidebar .directorist-card {
  margin-bottom: 25px
}

.directorist-sidebar .directorist-card ul {
  padding   : 0;
  margin    : 0;
  list-style: none
}

.directorist-sidebar .directorist-card .directorist-author-social {
  padding: 22px 0 0
}

.directorist-sidebar .directorist-card .directorist-single-author-contact-info ul {
  padding: 0
}

.directorist-sidebar .directorist-card .tagcloud {
  margin : 0;
  padding: 25px
}

.directorist-sidebar .directorist-card a {
  text-decoration: none
}

.directorist-sidebar .directorist-card select {
  width             : 100%;
  height            : 40px;
  padding           : 8px 0;
  border-radius     : 0;
  font-size         : 15px;
  font-weight       : 400;
  outline           : none;
  border            : none;
  border-bottom     : 1px solid var(--directorist-color-border);
  -webkit-transition: border-color .3s ease;
  transition        : border-color .3s ease
}

.directorist-sidebar .directorist-card select:focus {
  border-color: var(--directorist-color-dark)
}

.directorist-sidebar .directorist-card__header__title {
  -webkit-box-pack       : justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack          : justify;
  justify-content        : space-between
}

.directorist-widget__listing-contact .directorist-form-group {
  display      : -webkit-box;
  display      : -webkit-flex;
  display      : -ms-flexbox;
  display      : flex;
  margin-bottom: 20px
}

.directorist-widget__listing-contact .directorist-form-group .directorist-form-element {
  height       : 46px;
  padding      : 8px 16px;
  border-radius: 8px;
  border       : 1px solid var(--directorist-color-border)
}

.directorist-widget__listing-contact .directorist-form-group .directorist-form-element:focus {
  border: 1px solid var(--directorist-color-dark)
}

.directorist-widget__listing-contact .directorist-form-group .directorist-form-element__prefix {
  height     : 46px;
  line-height: 46px
}

.directorist-widget__listing-contact .directorist-form-group textarea {
  min-height: 130px !important;
  resize    : none
}

.directorist-widget__listing-contact .directorist-btn,
.directorist-widget__submit-listing .directorist-btn {
  width: 100%
}

.directorist-widget__author-info figure {
  margin: 0
}

.directorist-widget__author-info .diretorist-view-profile-btn {
  width     : 100%;
  margin-top: 25px
}

.directorist-single-map.directorist-widget__map.leaflet-container {
  margin-bottom: 0;
  border-radius: 12px
}

.directorist-widget-listing__single {
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  -webkit-flex-wrap  : wrap;
  -ms-flex-wrap      : wrap;
  flex-wrap          : wrap;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center;
  gap                : 15px
}

.directorist-widget-listing__single:not(:last-child) {
  margin-bottom: 25px
}

.directorist-widget-listing__image {
  width : 70px;
  height: 70px
}

.directorist-widget-listing__image a:focus {
  outline: none
}

.directorist-widget-listing__image img {
  width        : 100%;
  height       : 100%;
  border-radius: 10px
}

.directorist-widget-listing__content {
  display               : -webkit-box;
  display               : -webkit-flex;
  display               : -ms-flexbox;
  display               : flex;
  gap                   : 5px;
  -webkit-box-orient    : vertical;
  -webkit-box-direction : normal;
  -webkit-flex-direction: column;
  -ms-flex-direction    : column;
  flex-direction        : column
}

.directorist-widget-listing__content .directorist-widget-listing__title {
  font-size  : 15px;
  font-weight: 500;
  line-height: 1;
  color      : var(--directorist-color-dark);
  margin     : 0
}

.directorist-widget-listing__content a {
  text-decoration: none;
  display        : inline-block;
  width          : 200px;
  white-space    : nowrap;
  text-overflow  : ellipsis;
  overflow       : hidden;
  color          : var(--directorist-color-dark)
}

.directorist-widget-listing__content a:focus {
  outline: none
}

.directorist-widget-listing__content .directorist-widget-listing__meta {
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center
}

.directorist-widget-listing__content .directorist-widget-listing__meta,
.directorist-widget-listing__content .directorist-widget-listing__rating {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.directorist-widget-listing__content .directorist-widget-listing__rating-point {
  font-size  : 14px;
  font-weight: 600;
  display    : inline-block;
  margin     : 0 8px;
  color      : var(--directorist-color-body)
}

.directorist-widget-listing__content .directorist-icon-mask {
  line-height: 1
}

.directorist-widget-listing__content .directorist-icon-mask:after {
  width           : 12px;
  height          : 12px;
  background-color: var(--directorist-color-warning)
}

.directorist-widget-listing__content .directorist-widget-listing__reviews {
  font-size      : 13px;
  text-decoration: underline;
  color          : var(--directorist-color-body)
}

.directorist-widget-listing__content .directorist-widget-listing__price {
  font-size  : 15px;
  font-weight: 600;
  color      : var(--directorist-color-dark)
}

.directorist-widget__video .directorist-embaded-item {
  width        : 100%;
  height       : 100%;
  border-radius: 10px
}

.directorist-widget .directorist-widget-list li:hover .directorist-widget-list__icon {
  background-color: var(--directorist-color-primary);
  color           : var(--directorist-color-white)
}

.directorist-widget .directorist-widget-list li:not(:last-child) {
  margin-bottom: 10px
}

.directorist-widget .directorist-widget-list li span.fa,
.directorist-widget .directorist-widget-list li span.la {
  cursor: pointer;
  margin: 0 5px 0 0
}

.directorist-widget .directorist-widget-list .directorist-widget-list__icon {
  font-size       : 12px;
  display         : inline-block;
  margin-right    : 10px;
  line-height     : 28px;
  width           : 28px;
  text-align      : center;
  background-color: #f1f3f8;
  color           : #9299b8;
  border-radius   : 50%
}

.directorist-widget .directorist-widget-list .directorist-child-category {
  padding-left: 44px;
  margin-top  : 2px
}

.directorist-widget .directorist-widget-list .directorist-child-category li a {
  position: relative
}

.directorist-widget .directorist-widget-list .directorist-child-category li a:before {
  position         : absolute;
  content          : "-";
  left             : -12px;
  top              : 50%;
  font-size        : 20px;
  -webkit-transform: translateY(-50%);
  transform        : translateY(-50%)
}

.directorist-widget-taxonomy .directorist-taxonomy-list-one {
  -webkit-margin-after: 10px;
  margin-block-end    : 10px
}

.directorist-widget-taxonomy .directorist-taxonomy-list-one .directorist-taxonomy-list__card {
  background: none;
  padding   : 0;
  min-height: auto
}

.directorist-widget-taxonomy .directorist-taxonomy-list-one .directorist-taxonomy-list__card span {
  font-weight: var(--directorist-fw-normal)
}

.directorist-widget-taxonomy .directorist-taxonomy-list-one .directorist-taxonomy-list__card span:empty {
  display: none
}

.directorist-widget-taxonomy .directorist-taxonomy-list-one .directorist-taxonomy-list__icon .directorist-icon-mask {
  background-color: var(--directorist-color-light)
}

.directorist-widget-taxonomy .directorist-taxonomy-list-one__icon-default {
  width                  : 40px;
  height                 : 40px;
  border-radius          : 50%;
  background-color       : var(--directorist-color-light);
  display                : -webkit-inline-box;
  display                : -webkit-inline-flex;
  display                : -ms-inline-flexbox;
  display                : inline-flex;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center
}

.directorist-widget-taxonomy .directorist-taxonomy-list-one__icon-default:after {
  content         : "";
  width           : 8px;
  height          : 8px;
  border-radius   : 50%;
  background-color: var(--directorist-color-primary);
  display         : block
}

.directorist-widget-taxonomy .directorist-taxonomy-list-one .directorist-taxonomy-list__toggle--open+.directorist-taxonomy-list__sub-item {
  background           : none;
  padding-bottom       : 0;
  -webkit-padding-start: 52px;
  padding-inline-start : 52px
}

.directorist-widget-taxonomy .directorist-taxonomy-list-one .directorist-taxonomy-list__toggle--open:not(.directorist-taxonomy-list__card--icon)+.directorist-taxonomy-list__sub-item {
  -webkit-padding-start: 25px;
  padding-inline-start : 25px
}

.directorist-widget-location .directorist-taxonomy-list-one:last-child {
  margin-bottom: 0
}

.directorist-widget-location .directorist-taxonomy-list-one .directorist-taxonomy-list__toggle--open+.directorist-taxonomy-list__sub-item {
  -webkit-padding-start: 25px;
  padding-inline-start : 25px
}

.directorist-widget-tags ul {
  margin           : 0;
  padding          : 0;
  display          : -webkit-box;
  display          : -webkit-flex;
  display          : -ms-flexbox;
  display          : flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap    : wrap;
  flex-wrap        : wrap;
  gap              : 10px
}

.directorist-widget-tags li {
  list-style: none;
  padding   : 0;
  margin    : 0
}

.directorist-widget-tags a {
  display           : block;
  font-size         : 15px;
  font-weight       : 400;
  padding           : 5px 15px;
  text-decoration   : none;
  color             : var(--directorist-color-body);
  border            : 1px solid var(--directorist-color-border);
  border-radius     : var(--directorist-border-radius-xs);
  -webkit-transition: border-color .3s ease;
  transition        : border-color .3s ease
}

.directorist-widget-tags a:hover {
  color       : var(--directorist-color-primary);
  border-color: var(--directorist-color-primary)
}

.directorist-widget-advanced-search .directorist-search-form__box {
  -webkit-box-orient    : vertical;
  -webkit-box-direction : normal;
  -webkit-flex-direction: column;
  -ms-flex-direction    : column;
  flex-direction        : column
}

.directorist-widget-advanced-search .directorist-search-form__box .directorist-search-form-action {
  margin-top: 25px
}

.directorist-widget-advanced-search .directorist-search-form-top {
  width: 100%
}

.directorist-widget-advanced-search .directorist-search-form-top .directorist-search-modal__contents__body {
  -webkit-box-orient    : vertical;
  -webkit-box-direction : normal;
  -webkit-flex-direction: column;
  -ms-flex-direction    : column;
  flex-direction        : column
}

.directorist-widget-advanced-search .directorist-search-form-top .directorist-search-modal__contents__body .directorist-search-modal__input {
  width: 100%
}

.directorist-widget-advanced-search .directorist-search-form-top .directorist-search-modal__contents__body .directorist-search-modal__input .directorist-search-field {
  border: 0
}

.directorist-widget-advanced-search .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label {
  position         : unset;
  -webkit-transform: unset;
  transform        : unset;
  display          : block;
  margin           : 0 0 15px
}

.directorist-widget-advanced-search .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label i {
  display: none
}

.directorist-widget-advanced-search .directorist-search-basic-dropdown .directorist-checkbox-wrapper,
.directorist-widget-advanced-search .directorist-search-basic-dropdown .directorist-radio-wrapper,
.directorist-widget-advanced-search .directorist-search-basic-dropdown .directorist-search-tags {
  gap                   : 10px;
  margin                : 0;
  padding               : 0;
  -webkit-box-orient    : vertical;
  -webkit-box-direction : normal;
  -webkit-flex-direction: column;
  -ms-flex-direction    : column;
  flex-direction        : column
}

.directorist-widget-advanced-search .directorist-search-form .directorist-search-field>label {
  display    : block;
  margin     : 0 0 15px;
  font-size  : 14px;
  font-weight: 400;
  color      : var(--directorist-color-body)
}

.directorist-widget-advanced-search .directorist-search-form .directorist-search-field .directorist-search-basic-dropdown-label,
.directorist-widget-advanced-search .directorist-search-form .directorist-search-field.directorist-search-field-radius_search>label,
.directorist-widget-advanced-search .directorist-search-form .directorist-search-field.directorist-search-field-text_range>label,
.directorist-widget-advanced-search .directorist-search-form .directorist-search-field.input-has-value .directorist-search-field__label,
.directorist-widget-advanced-search .directorist-search-form .directorist-search-field.input-has-value>label,
.directorist-widget-advanced-search .directorist-search-form .directorist-search-field.input-is-focused .directorist-search-field__label,
.directorist-widget-advanced-search .directorist-search-form .directorist-search-field.input-is-focused>label {
  font-size  : 16px;
  font-weight: 500
}

.directorist-widget-advanced-search .directorist-checkbox-rating {
  padding: 0
}

.directorist-widget-advanced-search .directorist-search-field-review .directorist-checkbox input[type=checkbox]+label:not(:last-child) {
  margin-bottom: 15px
}

.directorist-widget-advanced-search .directorist-btn-ml {
  display    : block;
  font-size  : 13px;
  font-weight: 500;
  margin-top : 10px;
  color      : var(--directorist-color-body)
}

.directorist-widget-advanced-search .directorist-btn-ml:hover {
  color: var(--directorist-color-primary)
}

.directorist-widget-advanced-search .directorist-advanced-filter__action {
  padding                : 0;
  -webkit-flex-wrap      : wrap;
  -ms-flex-wrap          : wrap;
  flex-wrap              : wrap;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center
}

.directorist-widget-advanced-search .directorist-advanced-filter__action .directorist-btn {
  height     : 46px;
  font-size  : 14px;
  font-weight: 400
}

.directorist-widget-advanced-search .directorist-advanced-filter__action .directorist-btn-reset-js {
  height                 : 46px;
  padding                : 0 32px;
  font-size              : 14px;
  font-weight            : 400;
  letter-spacing         : 0;
  border-radius          : 8px;
  text-decoration        : none;
  text-transform         : capitalize;
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center;
  background-color       : var(--directorist-color-light)
}

.directorist-widget-advanced-search .directorist-advanced-filter__action .directorist-btn-reset-js:focus {
  outline: none
}

.directorist-widget-advanced-search .directorist-advanced-filter__action .directorist-btn-reset-js:disabled {
  opacity: .5;
  cursor : not-allowed
}

.directorist-widget-authentication form {
  margin-bottom: 15px
}

.directorist-widget-authentication p input:not(input[type=checkbox]),
.directorist-widget-authentication p label {
  display: block
}

.directorist-widget-authentication p label {
  padding-bottom: 10px
}

.directorist-widget-authentication p input:not(input[type=checkbox]) {
  height            : 46px;
  padding           : 8px 16px;
  border-radius     : 8px;
  border            : 1px solid var(--directorist-color-border);
  width             : 100%;
  -webkit-box-sizing: border-box;
  box-sizing        : border-box
}

.directorist-widget-authentication .login-submit button {
  cursor: pointer
}

.directorist-btn {
  display                : -webkit-inline-box;
  display                : -webkit-inline-flex;
  display                : -ms-inline-flexbox;
  display                : inline-flex;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center;
  gap                    : 5px;
  font-size              : 14px;
  font-weight            : 500;
  vertical-align         : middle;
  text-transform         : capitalize;
  text-align             : center;
  -webkit-user-select    : none;
  -moz-user-select       : none;
  -ms-user-select        : none;
  user-select            : none;
  cursor                 : pointer;
  padding                : 0 26px;
  min-height             : 45px;
  line-height            : 1.5;
  border-radius          : 8px;
  border                 : 1px solid var(--directorist-color-primary);
  -webkit-box-sizing     : border-box;
  box-sizing             : border-box;
  text-decoration        : none;
  background-color       : var(--directorist-color-primary);
  color                  : var(--directorist-color-white);
  -webkit-transition     : all .3s ease;
  transition             : all .3s ease;
  text-decoration        : none !important
}

.directorist-btn .directorist-icon-mask:after {
  background-color: currentColor;
  width           : 16px;
  height          : 16px
}

.directorist-btn.directorist-btn--add-listing,
.directorist-btn.directorist-btn--logout {
  line-height: 43px
}

.directorist-btn:focus,
.directorist-btn:hover {
  color           : var(--directorist-color-white);
  outline         : 0 !important;
  background-color: rgba(var(--directorist-color-primary-rgb), .8)
}

.directorist-btn.directorist-btn-primary {
  background-color: var(--directorist-color-btn-primary-bg);
  color           : var(--directorist-color-btn-primary);
  border          : 1px solid var(--directorist-color-btn-primary-border)
}

.directorist-btn.directorist-btn-primary:focus,
.directorist-btn.directorist-btn-primary:hover {
  background-color: rgba(var(--directorist-color-btn-primary-rgb), .8)
}

.directorist-btn.directorist-btn-primary:focus .directorist-icon-mask:after,
.directorist-btn.directorist-btn-primary:hover .directorist-icon-mask:after {
  background-color: var(--directorist-color-btn-primary)
}

.directorist-btn.directorist-btn-secondary {
  background-color: var(--directorist-color-btn-secondary-bg);
  color           : var(--directorist-color-btn-secondary);
  border          : 1px solid var(--directorist-color-btn-secondary-border)
}

.directorist-btn.directorist-btn-secondary:focus,
.directorist-btn.directorist-btn-secondary:hover {
  background-color: transparent;
  color           : currentColor;
  border-color    : var(--directorist-color-btn-secondary-bg)
}

.directorist-btn.directorist-btn-dark {
  background-color: var(--directorist-color-dark);
  border-color    : var(--directorist-color-dark);
  color           : var(--directorist-color-white)
}

.directorist-btn.directorist-btn-dark:hover {
  background-color: rgba(var(--directorist-color-dark-rgb), .8)
}

.directorist-btn.directorist-btn-success {
  background-color: var(--directorist-color-success);
  border-color    : var(--directorist-color-success);
  color           : var(--directorist-color-white)
}

.directorist-btn.directorist-btn-success:hover {
  background-color: rgba(var(--directorist-color-success-rgb), .8)
}

.directorist-btn.directorist-btn-info {
  background-color: var(--directorist-color-info);
  border-color    : var(--directorist-color-info);
  color           : var(--directorist-color-white)
}

.directorist-btn.directorist-btn-info:hover {
  background-color: rgba(var(--directorist-color-success-rgb), .8)
}

.directorist-btn.directorist-btn-light {
  background-color: var(--directorist-color-light);
  border-color    : var(--directorist-color-light);
  color           : var(--directorist-color-primary)
}

.directorist-btn.directorist-btn-light:focus,
.directorist-btn.directorist-btn-light:hover {
  background-color: var(--directorist-color-light-hover);
  color           : var(--directorist-color-primary);
  border-color    : var(--directorist-color-primary)
}

.directorist-btn.directorist-btn-lighter {
  border-color    : var(--directorist-color-dark);
  background-color: #f6f7f9;
  color           : var(--directorist-color-primary)
}

.directorist-btn.directorist-btn-warning {
  border-color    : var(--directorist-color-warning);
  background-color: var(--directorist-color-warning);
  color           : var(--directorist-color-white)
}

.directorist-btn.directorist-btn-warning:hover {
  background-color: rgba(var(--directorist-color-warning-rgb), .8)
}

.directorist-btn.directorist-btn-danger {
  border-color    : var(--directorist-color-danger);
  background-color: var(--directorist-color-danger);
  color           : var(--directorist-color-white)
}

.directorist-btn.directorist-btn-danger:hover {
  background-color: rgba(var(--directorist-color-danger-rgb), .8)
}

.directorist-btn.directorist-btn-bg-normal {
  background: #f9f9f9
}

.directorist-btn.directorist-btn-loading {
  position      : relative;
  font-size     : 0;
  pointer-events: none
}

.directorist-btn.directorist-btn-loading:before {
  content         : "";
  position        : absolute;
  left            : 0;
  top             : 0;
  width           : 100%;
  height          : 100%;
  border-radius   : 8px;
  background-color: inherit
}

.directorist-btn.directorist-btn-loading:after {
  content          : "";
  display          : -webkit-inline-box;
  display          : -webkit-inline-flex;
  display          : -ms-inline-flexbox;
  display          : inline-flex;
  width            : 20px;
  height           : 20px;
  border-radius    : 50%;
  border           : 2px solid var(--directorist-color-white);
  border-top-color : var(--directorist-color-primary);
  position         : absolute;
  top              : 13px;
  left             : 50%;
  -webkit-transform: translateX(-50%);
  transform        : translateX(-50%);
  -webkit-animation: spin-centered 3s linear infinite;
  animation        : spin-centered 3s linear infinite
}

.directorist-btn.directorist-btn-disabled {
  pointer-events: none;
  opacity       : .75
}

.directorist-btn.directorist-btn-outline {
  background: transparent;
  border    : 1px solid var(--directorist-color-border) !important;
  color     : var(--directorist-color-dark)
}

.directorist-btn.directorist-btn-outline-normal {
  background: transparent;
  border    : 1px solid var(--directorist-color-normal) !important;
  color     : var(--directorist-color-primary)
}

.directorist-btn.directorist-btn-outline-normal:focus,
.directorist-btn.directorist-btn-outline-normal:hover {
  color           : var(--directorist-color-white);
  background-color: var(--directorist-color-normal)
}

.directorist-btn.directorist-btn-outline-light {
  background: transparent;
  border    : 1px solid var(--directorist-color-bg-light) !important;
  color     : var(--directorist-color-primary)
}

.directorist-btn.directorist-btn-outline-primary {
  background: transparent;
  border    : 1px solid var(--directorist-color-primary) !important;
  color     : var(--directorist-color-primary)
}

.directorist-btn.directorist-btn-outline-primary:focus,
.directorist-btn.directorist-btn-outline-primary:hover {
  color           : var(--directorist-color-white);
  background-color: var(--directorist-color-primary)
}

.directorist-btn.directorist-btn-outline-secondary {
  background: transparent;
  border    : 1px solid var(--directorist-color-secondary) !important;
  color     : var(--directorist-color-secondary)
}

.directorist-btn.directorist-btn-outline-secondary:focus,
.directorist-btn.directorist-btn-outline-secondary:hover {
  color           : var(--directorist-color-white);
  background-color: var(--directorist-color-secondary)
}

.directorist-btn.directorist-btn-outline-success {
  background: transparent;
  border    : 1px solid var(--directorist-color-success) !important;
  color     : var(--directorist-color-success)
}

.directorist-btn.directorist-btn-outline-success:focus,
.directorist-btn.directorist-btn-outline-success:hover {
  color           : var(--directorist-color-white);
  background-color: var(--directorist-color-success)
}

.directorist-btn.directorist-btn-outline-info {
  background: transparent;
  border    : 1px solid var(--directorist-color-info) !important;
  color     : var(--directorist-color-info)
}

.directorist-btn.directorist-btn-outline-info:focus,
.directorist-btn.directorist-btn-outline-info:hover {
  color           : var(--directorist-color-white);
  background-color: var(--directorist-color-info)
}

.directorist-btn.directorist-btn-outline-warning {
  background: transparent;
  border    : 1px solid var(--directorist-color-warning) !important;
  color     : var(--directorist-color-warning)
}

.directorist-btn.directorist-btn-outline-warning:focus,
.directorist-btn.directorist-btn-outline-warning:hover {
  color           : var(--directorist-color-white);
  background-color: var(--directorist-color-warning)
}

.directorist-btn.directorist-btn-outline-danger {
  background: transparent;
  border    : 1px solid var(--directorist-color-danger) !important;
  color     : var(--directorist-color-danger)
}

.directorist-btn.directorist-btn-outline-danger:focus,
.directorist-btn.directorist-btn-outline-danger:hover {
  color           : var(--directorist-color-white);
  background-color: var(--directorist-color-danger)
}

.directorist-btn.directorist-btn-outline-dark {
  background: transparent;
  border    : 1px solid var(--directorist-color-primary) !important;
  color     : var(--directorist-color-primary)
}

.directorist-btn.directorist-btn-outline-dark:focus,
.directorist-btn.directorist-btn-outline-dark:hover {
  color           : var(--directorist-color-white);
  background-color: var(--directorist-color-dark)
}

.directorist-btn.directorist-btn-lg {
  min-height: 50px
}

.directorist-btn.directorist-btn-md {
  min-height: 46px
}

.directorist-btn.directorist-btn-sm {
  min-height: 40px
}

.directorist-btn.directorist-btn-xs {
  min-height: 36px
}

.directorist-btn.directorist-btn-px-15 {
  padding: 0 15px
}

.directorist-btn.directorist-btn-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

@-webkit-keyframes spin-centered {
  0% {
    -webkit-transform: translateX(-50%) rotate(0deg);
    transform        : translateX(-50%) rotate(0deg)
  }

  to {
    -webkit-transform: translateX(-50%) rotate(1turn);
    transform        : translateX(-50%) rotate(1turn)
  }
}

@keyframes spin-centered {
  0% {
    -webkit-transform: translateX(-50%) rotate(0deg);
    transform        : translateX(-50%) rotate(0deg)
  }

  to {
    -webkit-transform: translateX(-50%) rotate(1turn);
    transform        : translateX(-50%) rotate(1turn)
  }
}

.directorist-badge {
  display       : inline-block;
  font-size     : 10px;
  font-weight   : 700;
  line-height   : 1.9;
  padding       : 0 5px;
  color         : var(--directorist-color-white);
  text-transform: uppercase;
  border-radius : 5px
}

.directorist-badge.directorist-badge-primary {
  background-color: var(--directorist-color-primary)
}

.directorist-badge.directorist-badge-warning {
  background-color: var(--directorist-color-warning)
}

.directorist-badge.directorist-badge-info {
  background-color: var(--directorist-color-info)
}

.directorist-badge.directorist-badge-success {
  background-color: var(--directorist-color-success)
}

.directorist-badge.directorist-badge-danger {
  background-color: var(--directorist-color-danger)
}

.directorist-badge.directorist-badge-light {
  background-color: var(--directorist-color-white)
}

.directorist-badge.directorist-badge-gray {
  background-color: #525768
}

.directorist-badge.directorist-badge-primary-transparent {
  color           : var(--directorist-color-primary);
  background-color: rgba(var(--directorist-color-primary-rgb), .15)
}

.directorist-badge.directorist-badge-warning-transparent {
  color           : var(--directorist-color-warning);
  background-color: rgba(var(--directorist-color-warning-rgb), .15)
}

.directorist-badge.directorist-badge-info-transparent {
  color           : var(--directorist-color-info);
  background-color: rgba(var(--directorist-color-info-rgb), .15)
}

.directorist-badge.directorist-badge-success-transparent {
  color           : var(--directorist-color-success);
  background-color: rgba(var(--directorist-color-success-rgb), .15)
}

.directorist-badge.directorist-badge-danger-transparent {
  color           : var(--directorist-color-danger);
  background-color: rgba(var(--directorist-color-danger-rgb), .15)
}

.directorist-badge.directorist-badge-light-transparent {
  color           : var(--directorist-color-white);
  background-color: rgba(var(--directorist-color-white-rgb), .15)
}

.directorist-badge.directorist-badge-gray-transparent {
  color           : var(--directorist-color-gray);
  background-color: rgba(var(--directorist-color-gray-rgb), .15)
}

.directorist-badge .directorist-badge-tooltip {
  position          : absolute;
  top               : -35px;
  height            : 30px;
  line-height       : 30px;
  width             : -webkit-max-content;
  width             : -moz-max-content;
  width             : max-content;
  padding           : 0 20px;
  font-size         : 12px;
  border-radius     : 15px;
  color             : var(--directorist-color-white);
  opacity           : 0;
  visibility        : hidden;
  -webkit-transition: all .3s ease-in-out;
  transition        : all .3s ease-in-out
}

.directorist-badge .directorist-badge-tooltip__featured {
  background-color: var(--directorist-color-featured-badge)
}

.directorist-badge .directorist-badge-tooltip__new {
  background-color: var(--directorist-color-new-badge)
}

.directorist-badge .directorist-badge-tooltip__popular {
  background-color: var(--directorist-color-popular-badge)
}

@media screen and (max-width:480px) {
  .directorist-badge .directorist-badge-tooltip {
    height     : 25px;
    line-height: 25px;
    font-size  : 10px;
    padding    : 0 15px
  }
}

.directorist-badge:hover .directorist-badge-tooltip {
  opacity   : 1;
  visibility: visible
}

.directorist-custom-range-slider-target,
.directorist-custom-range-slider-target * {
  -ms-touch-action   : none;
  touch-action       : none;
  -webkit-user-select: none;
  -moz-user-select   : none;
  -ms-user-select    : none;
  user-select        : none;
  -webkit-box-sizing : border-box;
  box-sizing         : border-box
}

.directorist-custom-range-slider-base,
.directorist-custom-range-slider-connects {
  width   : 100%;
  height  : 100%;
  position: relative;
  z-index : 1
}

.directorist-custom-range-slider-connects {
  overflow: hidden;
  z-index : 0
}

.directorist-custom-range-slider-connect,
.directorist-custom-range-slider-origin {
  will-change             : transform;
  position                : absolute;
  z-index                 : 1;
  top                     : 0;
  inset-inline-start      : 0;
  height                  : 100%;
  width                   : calc(100% - 20px);
  -webkit-transform-origin: 0 0;
  transform-origin        : 0 0;
  -webkit-transform-style : flat;
  transform-style         : flat
}

.directorist-custom-range-slider-vertical .directorist-custom-range-slider-origin {
  top  : -100%;
  width: 0
}

.directorist-custom-range-slider-horizontal .directorist-custom-range-slider-origin {
  height: 0
}

.directorist-custom-range-slider-handle {
  -webkit-backface-visibility: hidden;
  backface-visibility        : hidden;
  position                   : absolute
}

.directorist-custom-range-slider-touch-area {
  height: 100%;
  width : 100%
}

.directorist-custom-range-slider-state-tap .directorist-custom-range-slider-connect,
.directorist-custom-range-slider-state-tap .directorist-custom-range-slider-origin {
  -webkit-transition: -webkit-transform .3s;
  transition        : -webkit-transform .3s;
  transition        : transform .3s;
  transition        : transform .3s, -webkit-transform .3s
}

.directorist-custom-range-slider-state-drag * {
  cursor: inherit !important
}

.directorist-custom-range-slider-horizontal .directorist-custom-range-slider-handle {
  width           : 20px;
  height          : 20px;
  border-radius   : 50%;
  border          : 4px solid var(--directorist-color-primary);
  inset-inline-end: -20px;
  top             : -8px;
  cursor          : pointer
}

.directorist-custom-range-slider-vertical {
  width: 18px
}

.directorist-custom-range-slider-vertical .directorist-custom-range-slider-handle {
  width           : 28px;
  height          : 34px;
  inset-inline-end: -6px;
  bottom          : -17px
}

.directorist-custom-range-slider-target {
  position        : relative;
  width           : 100%;
  height          : 4px;
  margin          : 7px 0 24px;
  border-radius   : 2px;
  background-color: #d9d9d9
}

.directorist-custom-range-slider-connect {
  background-color: var(--directorist-color-primary)
}

.directorist-custom-range-slider-draggable {
  cursor: ew-resize
}

.directorist-custom-range-slider-vertical .directorist-custom-range-slider-draggable {
  cursor: ns-resize
}

.directorist-custom-range-slider-handle {
  border            : 1px solid #d9d9d9;
  border-radius     : 3px;
  background-color  : var(--directorist-color-white);
  cursor            : default;
  -webkit-box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb;
  box-shadow        : inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb
}

.directorist-custom-range-slider-active {
  -webkit-box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb;
  box-shadow        : inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb
}

[disabled] .directorist-custom-range-slider-connect {
  background-color: #b8b8b8
}

[disabled].directorist-custom-range-slider-handle,
[disabled] .directorist-custom-range-slider-handle,
[disabled].directorist-custom-range-slider-target {
  cursor: not-allowed
}

.directorist-custom-range-slider-pips,
.directorist-custom-range-slider-pips * {
  -webkit-box-sizing: border-box;
  box-sizing        : border-box
}

.directorist-custom-range-slider-pips {
  position: absolute;
  color   : #999
}

.directorist-custom-range-slider-value {
  position   : absolute;
  white-space: nowrap;
  text-align : center
}

.directorist-custom-range-slider-value-sub {
  color    : #ccc;
  font-size: 10px
}

.directorist-custom-range-slider-marker {
  position        : absolute;
  background-color: #ccc
}

.directorist-custom-range-slider-marker-large,
.directorist-custom-range-slider-marker-sub {
  background-color: #aaa
}

.directorist-custom-range-slider-pips-horizontal {
  padding: 10px 0;
  height : 80px;
  top    : 100%;
  left   : 0;
  width  : 100%
}

.directorist-custom-range-slider-value-horizontal {
  -webkit-transform: translate(-50%, 50%);
  transform        : translate(-50%, 50%)
}

.directorist-custom-range-slider-rtl .directorist-custom-range-slider-value-horizontal {
  -webkit-transform: translate(50%, 50%);
  transform        : translate(50%, 50%)
}

.directorist-custom-range-slider-marker-horizontal.directorist-custom-range-slider-marker {
  margin-left: -1px;
  width      : 2px;
  height     : 5px
}

.directorist-custom-range-slider-marker-horizontal.directorist-custom-range-slider-marker-sub {
  height: 10px
}

.directorist-custom-range-slider-marker-horizontal.directorist-custom-range-slider-marker-large {
  height: 15px
}

.directorist-custom-range-slider-pips-vertical {
  padding: 0 10px;
  height : 100%;
  top    : 0;
  left   : 100%
}

.directorist-custom-range-slider-value-vertical {
  -webkit-transform: translateY(-50%);
  transform        : translateY(-50%);
  padding-left     : 25px
}

.directorist-custom-range-slider-rtl .directorist-custom-range-slider-value-vertical {
  -webkit-transform: translateY(50%);
  transform        : translateY(50%)
}

.directorist-custom-range-slider-marker-vertical.directorist-custom-range-slider-marker {
  width     : 5px;
  height    : 2px;
  margin-top: -1px
}

.directorist-custom-range-slider-marker-vertical.directorist-custom-range-slider-marker-sub {
  width: 10px
}

.directorist-custom-range-slider-marker-vertical.directorist-custom-range-slider-marker-large {
  width: 15px
}

.directorist-custom-range-slider-tooltip {
  display         : block;
  position        : absolute;
  border          : 1px solid #d9d9d9;
  border-radius   : 3px;
  background-color: var(--directorist-color-white);
  color           : var(--directorist-color-dark);
  padding         : 5px;
  text-align      : center;
  white-space     : nowrap
}

.directorist-custom-range-slider-horizontal .directorist-custom-range-slider-tooltip {
  -webkit-transform: translate(-50%);
  transform        : translate(-50%);
  left             : 50%;
  bottom           : 120%
}

.directorist-custom-range-slider-horizontal .directorist-custom-range-slider-origin>.directorist-custom-range-slider-tooltip {
  -webkit-transform: translate(50%);
  transform        : translate(50%);
  left             : auto;
  bottom           : 10px
}

.directorist-custom-range-slider-vertical .directorist-custom-range-slider-tooltip {
  -webkit-transform: translateY(-50%);
  transform        : translateY(-50%);
  top              : 50%;
  right            : 120%
}

.directorist-custom-range-slider-vertical .directorist-custom-range-slider-origin>.directorist-custom-range-slider-tooltip {
  -webkit-transform: translateY(-18px);
  transform        : translateY(-18px);
  top              : auto;
  right            : 28px
}

.directorist-swiper {
  height  : 100%;
  overflow: hidden;
  position: relative
}

.directorist-swiper .swiper-slide {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.directorist-swiper .swiper-slide>a,
.directorist-swiper .swiper-slide>div {
  width : 100%;
  height: 100%
}

.directorist-swiper__nav {
  position         : absolute;
  top              : 50%;
  -webkit-transform: translateY(-50%);
  transform        : translateY(-50%);
  z-index          : 1;
  opacity          : 0;
  cursor           : pointer
}

.directorist-swiper__nav,
.directorist-swiper__nav i {
  -webkit-transition: all .3s ease;
  transition        : all .3s ease
}

.directorist-swiper__nav i {
  width                  : 30px;
  height                 : 30px;
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center;
  border-radius          : 100%;
  background-color       : hsla(0, 0%, 100%, .9)
}

.directorist-swiper__nav .directorist-icon-mask:after {
  width           : 10px;
  height          : 10px;
  background-color: var(--directorist-color-body)
}

.directorist-swiper__nav:hover i {
  background-color: var(--directorist-color-white)
}

.directorist-swiper__nav--prev {
  left: 10px
}

.directorist-swiper__nav--next {
  right: 10px
}

.directorist-swiper__nav--prev-related i {
  left            : 0;
  background-color: #f4f4f4
}

.directorist-swiper__nav--prev-related i:hover {
  background-color: var(--directorist-color-gray)
}

.directorist-swiper__nav--next-related i {
  right           : 0;
  background-color: #f4f4f4
}

.directorist-swiper__nav--next-related i:hover {
  background-color: var(--directorist-color-gray)
}

.directorist-swiper__pagination {
  position               : absolute;
  text-align             : center;
  z-index                : 1;
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  gap                    : 5px;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center
}

.directorist-swiper__pagination .swiper-pagination-bullet {
  margin          : 0 !important;
  width           : 5px;
  height          : 5px;
  opacity         : .6;
  background-color: var(--directorist-color-white)
}

.directorist-swiper__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity          : 1;
  -webkit-transform: scale(1.4);
  transform        : scale(1.4)
}

.directorist-swiper__pagination--related {
  display: none
}

.directorist-swiper:hover>.directorist-swiper__navigation .directorist-swiper__nav {
  opacity: 1
}

.directorist-single-listing-slider {
  width        : var(--gallery-crop-width, 740px);
  height       : var(--gallery-crop-height, 580px);
  max-width    : 100%;
  margin       : 0 auto;
  border-radius: 12px
}

@media screen and (max-width:991px) {
  .directorist-single-listing-slider {
    max-height: 450px !important
  }
}

@media screen and (max-width:575px) {
  .directorist-single-listing-slider {
    max-height: 400px !important
  }
}

@media screen and (max-width:375px) {
  .directorist-single-listing-slider {
    max-height: 350px !important
  }
}

.directorist-single-listing-slider .directorist-swiper__nav i {
  height          : 40px;
  width           : 40px;
  background-color: rgba(0, 0, 0, .5)
}

.directorist-single-listing-slider .directorist-swiper__nav i:after {
  width           : 14px;
  height          : 14px;
  background-color: var(--directorist-color-white)
}

.directorist-single-listing-slider .directorist-swiper__nav--prev-single-listing i {
  left: 20px
}

.directorist-single-listing-slider .directorist-swiper__nav--next-single-listing i {
  right: 20px
}

.directorist-single-listing-slider .directorist-swiper__nav:hover i {
  background-color: var(--directorist-color-primary)
}

@media screen and (max-width:575px) {
  .directorist-single-listing-slider .directorist-swiper__nav {
    opacity: 1
  }

  .directorist-single-listing-slider .directorist-swiper__nav i {
    width : 30px;
    height: 30px
  }
}

.directorist-single-listing-slider .directorist-swiper__pagination {
  display: none
}

.directorist-single-listing-slider .swiper-slide img {
  width        : 100%;
  height       : 100%;
  max-width    : var(--gallery-crop-width, 740px);
  -o-object-fit: cover;
  object-fit   : cover;
  border-radius: 12px
}

.directorist-single-listing-slider.slider-has-one-item .directorist-swiper__navigation,
.directorist-single-listing-slider.slider-has-one-item .directorist-swiper__pagination {
  display: none
}

.directorist-single-listing-slider-thumb {
  width    : var(--gallery-crop-width, 740px);
  max-width: 100%;
  margin   : 10px auto 0;
  overflow : auto;
  height   : auto;
  display  : none
}

@media screen and (min-width:768px) {
  .directorist-single-listing-slider-thumb {
    border-radius: 12px
  }
}

@media screen and (max-width:768px) {
  .directorist-single-listing-slider-thumb {
    border-radius: 8px
  }
}

.directorist-single-listing-slider-thumb .swiper-wrapper {
  height: auto
}

@media screen and (min-width:768px) {
  .directorist-single-listing-slider-thumb .swiper-wrapper {
    gap: 10px
  }
}

.directorist-single-listing-slider-thumb .directorist-swiper__navigation,
.directorist-single-listing-slider-thumb .directorist-swiper__pagination {
  display: none
}

.directorist-single-listing-slider-thumb .swiper-slide {
  position: relative;
  cursor  : pointer
}

@media screen and (min-width:768px) {
  .directorist-single-listing-slider-thumb .swiper-slide {
    margin: 0 !important;
    height: 90px
  }
}

.directorist-single-listing-slider-thumb .swiper-slide img {
  width        : 100%;
  height       : 100%;
  -o-object-fit: cover;
  object-fit   : cover
}

@media screen and (min-width:768px) {
  .directorist-single-listing-slider-thumb .swiper-slide img {
    border-radius: 14px
  }
}

@media screen and (max-width:768px) {
  .directorist-single-listing-slider-thumb .swiper-slide img {
    border-radius: 8px;
    aspect-ratio : 16/9
  }
}

.directorist-single-listing-slider-thumb .swiper-slide:before {
  content           : "";
  width             : 100%;
  height            : 100%;
  position          : absolute;
  top               : 0;
  left              : 0;
  background-color  : rgba(0, 0, 0, .3);
  z-index           : 1;
  -webkit-transition: opacity .3s ease;
  transition        : opacity .3s ease;
  opacity           : 0;
  visibility        : hidden
}

@media screen and (min-width:768px) {
  .directorist-single-listing-slider-thumb .swiper-slide:before {
    border-radius: 12px
  }
}

@media screen and (max-width:768px) {
  .directorist-single-listing-slider-thumb .swiper-slide:before {
    border-radius: 8px
  }
}

.directorist-single-listing-slider-thumb .swiper-slide.swiper-slide-thumb-active:before,
.directorist-single-listing-slider-thumb .swiper-slide:hover:before {
  opacity   : 1;
  visibility: visible
}

@media screen and (max-width:575px) {
  .directorist-single-listing-slider-thumb {
    display: none
  }
}

.directorist-swiper-related-listing.directorist-swiper {
  padding: 15px;
  margin : -15px;
  height : auto
}

.directorist-swiper-related-listing.directorist-swiper>.directorist-swiper__navigation .directorist-swiper__nav i {
  height: 40px;
  width : 40px
}

.directorist-swiper-related-listing.directorist-swiper>.directorist-swiper__navigation .directorist-swiper__nav i:after {
  width : 14px;
  height: 14px
}

.directorist-swiper-related-listing.directorist-swiper .swiper-wrapper {
  height: auto
}

.directorist-swiper-related-listing.slider-has-less-items>.directorist-swiper__navigation,
.directorist-swiper-related-listing.slider-has-one-item>.directorist-swiper__navigation {
  display: none
}

.directorist-dropdown {
  position: relative
}

.directorist-dropdown__toggle {
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center;
  gap                : 5px;
  font-size          : 14px;
  font-weight        : 400;
  color              : var(--directorist-color-body);
  background-color   : var(--directorist-color-light);
  border-color       : var(--directorist-color-light);
  padding            : 0 20px;
  border-radius      : 8px;
  cursor             : pointer;
  -webkit-transition : background-color .3s ease;
  transition         : background-color .3s ease;
  position           : relative
}

.directorist-dropdown__toggle:focus,
.directorist-dropdown__toggle:hover {
  background-color: var(--directorist-color-light) !important;
  border-color    : var(--directorist-color-light) !important;
  outline         : 0 !important;
  color           : var(--directorist)
}

.directorist-dropdown__toggle.directorist-toggle-has-icon:after {
  content            : "";
  -webkit-mask-image : url(../images/05feea3d261c8b97573023a74fd26f03.svg);
  mask-image         : url(../images/05feea3d261c8b97573023a74fd26f03.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat        : no-repeat;
  width              : 12px;
  height             : 12px;
  background-color   : currentColor
}

.directorist-dropdown__links {
  display           : none;
  position          : absolute;
  width             : 100%;
  min-width         : 190px;
  overflow-y        : auto;
  left              : 0;
  top               : 30px;
  padding           : 10px;
  border            : none;
  border-radius     : 8px;
  background-color  : var(--directorist-color-white);
  -webkit-box-shadow: var(--directorist-box-shadow);
  box-shadow        : var(--directorist-box-shadow);
  border            : 1px solid var(--directorist-color-border-light);
  z-index           : 99999
}

.directorist-dropdown__links a {
  font-size         : 14px;
  font-weight       : 400;
  display           : block;
  padding           : 10px;
  border-radius     : 8px;
  text-decoration   : none !important;
  color             : var(--directorist-color-body);
  -webkit-transition: all .3s ease;
  transition        : all .3s ease
}

.directorist-dropdown__links a.active,
.directorist-dropdown__links a:hover {
  border-radius   : 8px;
  color           : var(--directorist-color-primary);
  background-color: rgba(var(--directorist-color-primary-rgb), .05)
}

@media screen and (max-width:575px) {
  .directorist-dropdown__links a {
    padding: 5px 10px
  }
}

.directorist-dropdown__links--right {
  left : auto;
  right: 0
}

@media (max-width:1440px) {
  .directorist-dropdown__links {
    left : unset;
    right: 0
  }
}

.directorist-dropdown.directorist-sortby-dropdown {
  border-radius: 8px;
  border       : 2px solid var(--directorist-color-white)
}

.directorist-dropdown-select {
  position: relative
}

.directorist-dropdown-select-toggle {
  display : inline-block;
  border  : 1px solid #eee;
  padding : 7px 15px;
  position: relative
}

.directorist-dropdown-select-toggle:before {
  content : "";
  position: absolute !important;
  width   : 100%;
  height  : 100%;
  left    : 0;
  top     : 0
}

.directorist-dropdown-select-items {
  position          : absolute;
  width             : 100%;
  left              : 0;
  top               : 40px;
  border            : 1px solid #eee;
  visibility        : hidden;
  opacity           : 0;
  pointer-events    : none;
  -webkit-transition: .3s ease;
  transition        : .3s ease;
  background-color  : var(--directorist-color-white);
  z-index           : 10
}

.directorist-dropdown-select-items.directorist-dropdown-select-show {
  top           : 30px;
  visibility    : visible;
  opacity       : 1;
  pointer-events: all
}

.directorist-dropdown-select-item {
  display: block
}

.directorist-switch {
  position: relative;
  display : block
}

.directorist-switch input[type=checkbox]:before {
  display: none
}

.directorist-switch .directorist-switch-input {
  position: absolute;
  left    : 0;
  z-index : -1;
  width   : 24px;
  height  : 25px;
  opacity : 0
}

.directorist-switch .directorist-switch-input:checked+.directorist-switch-label {
  color      : #1a1b29;
  font-weight: 500
}

.directorist-switch .directorist-switch-input:checked+.directorist-switch-label:before {
  background-color: var(--directorist-color-primary)
}

.directorist-switch .directorist-switch-input:checked+.directorist-switch-label:after {
  -webkit-transform: translateX(20px);
  transform        : translateX(20px)
}

.directorist-switch .directorist-switch-label {
  -webkit-user-select: none;
  -moz-user-select   : none;
  -ms-user-select    : none;
  user-select        : none;
  position           : relative;
  display            : -webkit-inline-box;
  display            : -webkit-inline-flex;
  display            : -ms-inline-flexbox;
  display            : inline-flex;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center;
  font-size          : 14px;
  font-weight        : 400;
  padding-left       : 65px;
  margin-left        : 0;
  color              : var(--directorist-color-body)
}

.directorist-switch .directorist-switch-label:before {
  content         : "";
  position        : absolute;
  top             : .75px;
  left            : 4px;
  display         : block;
  width           : 44px;
  height          : 24px;
  border-radius   : 15px;
  pointer-events  : all;
  background-color: #ececec
}

.directorist-switch .directorist-switch-label:after {
  position          : absolute;
  display           : block;
  content           : "";
  background        : no-repeat 50%/50% 50%;
  top               : 4.75px;
  left              : 8px;
  background-color  : var(--directorist-color-white) !important;
  width             : 16px;
  height            : 16px;
  background-color  : var(--directorist-color-white);
  -webkit-box-shadow: 0 0 4px rgba(143, 142, 159, .15);
  box-shadow        : 0 0 4px rgba(143, 142, 159, .15);
  border-radius     : 15px;
  transition        : transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out, -webkit-box-shadow .15s ease-in-out
}

.directorist-switch.directorist-switch-primary .directorist-switch-input:checked+.directorist-switch-label:before {
  background-color: var(--directorist-color-primary)
}

.directorist-switch.directorist-switch-success.directorist-switch-input:checked+.directorist-switch-label:before {
  background-color: var(--directorist-color-success)
}

.directorist-switch.directorist-switch-secondary.directorist-switch-input:checked+.directorist-switch-label:before {
  background-color: var(--directorist-color-secondary)
}

.directorist-switch.directorist-switch-danger.directorist-switch-input:checked+.directorist-switch-label:before {
  background-color: var(--directorist-color-danger)
}

.directorist-switch.directorist-switch-warning.directorist-switch-input:checked+.directorist-switch-label:before {
  background-color: var(--directorist-color-warning)
}

.directorist-switch.directorist-switch-info.directorist-switch-input:checked+.directorist-switch-label:before {
  background-color: var(--directorist-color-info)
}

.directorist-switch-Yn {
  font-size    : 15px;
  padding      : 3px;
  position     : relative;
  display      : inline-block;
  border       : 1px solid #e9e9e9;
  border-radius: 17px
}

.directorist-switch-Yn span {
  -webkit-user-select: none;
  -moz-user-select   : none;
  -ms-user-select    : none;
  user-select        : none;
  font-size          : 14px;
  line-height        : 27px;
  padding            : 5px 10.5px;
  font-weight        : 500
}

.directorist-switch-Yn input[type=checkbox] {
  display: none
}

.directorist-switch-Yn input[type=checkbox]:checked+.directorist-switch-yes {
  background-color: #3e62f5;
  color           : var(--directorist-color-white)
}

.directorist-switch-Yn input[type=checkbox] .directorist-switch-yes,
.directorist-switch-Yn input[type=checkbox]:checked+span+.directorist-switch-no {
  background-color: transparent;
  color           : #9b9eaf
}

.directorist-switch-Yn input[type=checkbox]+span+.directorist-switch-no {
  background-color: #fb6665;
  color           : var(--directorist-color-white)
}

.directorist-switch-Yn .directorist-switch-yes {
  border-radius: 15px 0 0 15px
}

.directorist-switch-Yn .directorist-switch-no {
  border-radius: 0 15px 15px 0
}

.directorist-tooltip {
  position: relative
}

.directorist-tooltip.directorist-tooltip-bottom[data-label]:before {
  bottom             : -8px;
  top                : auto;
  border-top-color   : var(--directorist-color-white);
  border-bottom-color: rgba(var(--directorist-color-dark-rgb), 1)
}

.directorist-tooltip.directorist-tooltip-bottom[data-label]:after {
  -webkit-transform: translate(-50%);
  transform        : translate(-50%);
  top              : 100%;
  margin-top       : 8px
}

.directorist-tooltip[data-label]:after,
.directorist-tooltip[data-label]:before {
  position         : absolute !important;
  bottom           : 100%;
  display          : none;
  height           : -webkit-fit-content;
  height           : -moz-fit-content;
  height           : fit-content;
  -webkit-animation: showTooltip .3s ease;
  animation        : showTooltip .3s ease
}

.directorist-tooltip[data-label]:before {
  content          : "";
  left             : 50%;
  top              : -6px;
  -webkit-transform: translateX(-50%);
  transform        : translateX(-50%);
  border           : 6px solid transparent;
  border-top       : 6px solid rgba(var(--directorist-color-dark-rgb), 1)
}

.directorist-tooltip[data-label]:after {
  font-size        : 14px;
  content          : attr(data-label);
  left             : 50%;
  -webkit-transform: translate(-50%, -6px);
  transform        : translate(-50%, -6px);
  background       : rgba(var(--directorist-color-dark-rgb), 1);
  padding          : 4px 12px;
  border-radius    : 3px;
  color            : var(--directorist-color-white);
  z-index          : 9999;
  text-align       : center;
  min-width        : 140px;
  max-height       : 200px;
  overflow-y       : auto
}

.directorist-tooltip[data-label]:hover:after,
.directorist-tooltip[data-label]:hover:before {
  display: block
}

.directorist-tooltip .directorist-tooltip__label {
  font-size: 16px;
  color    : var(--directorist-color-primary)
}

.directorist-tooltip.directorist-tooltip-primary[data-label]:after {
  background-color: var(--directorist-color-primary)
}

.directorist-tooltip.directorist-tooltip-primary[data-label]:before {
  border-top-color: var(--directorist-color-primary)
}

.directorist-tooltip.directorist-tooltip-secondary[data-label]:after {
  background-color: var(--directorist-color-secondary)
}

.directorist-tooltip.directorist-tooltip-secondary[data-label]:before {
  border-bottom-color: var(--directorist-color-secondary)
}

.directorist-tooltip.directorist-tooltip-info[data-label]:after {
  background-color: var(--directorist-color-info)
}

.directorist-tooltip.directorist-tooltip-info[data-label]:before {
  border-top-color: var(--directorist-color-info)
}

.directorist-tooltip.directorist-tooltip-warning[data-label]:after {
  background-color: var(--directorist-color-warning)
}

.directorist-tooltip.directorist-tooltip-warning[data-label]:before {
  border-top-color: var(--directorist-color-warning)
}

.directorist-tooltip.directorist-tooltip-success[data-label]:after {
  background-color: var(--directorist-color-success)
}

.directorist-tooltip.directorist-tooltip-success[data-label]:before {
  border-top-color: var(--directorist-color-success)
}

.directorist-tooltip.directorist-tooltip-danger[data-label]:after {
  background-color: var(--directorist-color-danger)
}

.directorist-tooltip.directorist-tooltip-danger[data-label]:before {
  border-top-color: var(--directorist-color-danger)
}

.directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-primary[data-label]:before {
  border-bottom-color: var(--directorist-color-primary)
}

.directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-secondary[data-label]:before {
  border-bottom-color: var(--directorist-color-secondary)
}

.directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-info[data-label]:before {
  border-bottom-color: var(--directorist-color-info)
}

.directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-warning[data-label]:before {
  border-bottom-color: var(--directorist-color-warning)
}

.directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-success[data-label]:before {
  border-bottom-color: var(--directorist-color-success)
}

.directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-danger[data-label]:before {
  border-bottom-color: var(--directorist-color-danger)
}

@-webkit-keyframes showTooltip {
  0% {
    opacity: 0
  }
}

@keyframes showTooltip {
  0% {
    opacity: 0
  }
}

.directorist-alert {
  font-size          : 15px;
  word-break         : break-word;
  border-radius      : 8px;
  background-color   : #f4f4f4;
  padding            : 15px 20px;
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center;
  -webkit-flex-wrap  : wrap;
  -ms-flex-wrap      : wrap;
  flex-wrap          : wrap
}

.directorist-alert .directorist-icon-mask {
  margin-right: 5px
}

.directorist-alert>a {
  padding-left: 5px
}

.directorist-alert__content {
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  -webkit-box-align  : start;
  -webkit-align-items: flex-start;
  -ms-flex-align     : start;
  align-items        : flex-start
}

.directorist-alert__content i,
.directorist-alert__content span.fa,
.directorist-alert__content span.la {
  margin-right: 12px;
  line-height : 1.65
}

.directorist-alert__content p {
  margin-bottom: 0
}

.directorist-alert__close {
  padding                : 0 5px;
  font-size              : 20px !important;
  background             : none !important;
  text-decoration        : none;
  margin-left            : auto !important;
  border                 : 0;
  -webkit-box-shadow     : none;
  box-shadow             : none;
  line-height            : 1.2;
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center
}

.directorist-alert__close .fa,
.directorist-alert__close .la,
.directorist-alert__close i,
.directorist-alert__close span {
  font-size  : 16px;
  margin-left: 10px;
  color      : var(--directorist-color-danger)
}

.directorist-alert__close:focus {
  background-color: transparent;
  outline         : none
}

.directorist-alert a {
  text-decoration: none
}

.directorist-alert.directorist-alert-primary {
  background: rgba(var(--directorist-color-primary-rgb), .1);
  color     : var(--directorist-color-primary)
}

.directorist-alert.directorist-alert-primary .directorist-alert__close {
  color: var(--directorist-color-primary)
}

.directorist-alert.directorist-alert-info {
  background-color: #dcebfe;
  color           : #157cf6
}

.directorist-alert.directorist-alert-info .directorist-alert__close {
  color: #157cf6
}

.directorist-alert.directorist-alert-warning {
  background-color: #fee9d9;
  color           : #f56e00
}

.directorist-alert.directorist-alert-warning .directorist-alert__close {
  color: #f56e00
}

.directorist-alert.directorist-alert-danger {
  background-color: #fcd9d9;
  color           : #e80000
}

.directorist-alert.directorist-alert-danger .directorist-alert__close {
  color: #e80000
}

.directorist-alert.directorist-alert-success {
  background-color: #d9efdc;
  color           : #009114
}

.directorist-alert.directorist-alert-success .directorist-alert__close {
  color: #009114
}

.directorist-alert--sm {
  padding: 10px 20px
}

.alert-danger {
  background: rgba(232, 0, 0, .3)
}

.alert-danger.directorist-register-error {
  background   : #fcd9d9;
  color        : #e80000;
  border-radius: 3px
}

.alert-danger.directorist-register-error .directorist-alert__close {
  color: #e80000
}

.directorist-single-listing-notice .directorist-alert__content {
  -webkit-box-pack       : justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack          : justify;
  justify-content        : space-between;
  width                  : 100%
}

.directorist-single-listing-notice .directorist-alert__content button {
  cursor: pointer
}

.directorist-single-listing-notice .directorist-alert__content button span {
  font-size: 20px
}

.directorist-user-dashboard .directorist-container-fluid {
  -webkit-box-sizing: border-box;
  box-sizing        : border-box
}

.directorist-user-dashboard .directorist-alert-info .directorist-alert__close {
  cursor       : pointer;
  padding-right: 0
}

.directorist-modal {
  position  : fixed;
  width     : 100%;
  height    : 100%;
  padding   : 0;
  background: rgba(var(--directorist-color-dark-rgb), .5);
  left      : 0;
  top       : 0;
  z-index   : -1;
  overflow  : auto;
  outline   : 0
}

.directorist-modal__dialog {
  position               : relative;
  width                  : 500px;
  margin                 : 30px auto;
  -webkit-transition     : .3s ease;
  transition             : .3s ease;
  opacity                : 0;
  visibility             : hidden;
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center;
  min-height             : calc(100% - 80px);
  pointer-events         : none
}

.directorist-modal__dialog-lg {
  width: 900px
}

.directorist-modal__content {
  width           : 100%;
  background-color: var(--directorist-color-white);
  pointer-events  : auto;
  border-radius   : 12px;
  position        : relative
}

.directorist-modal__content .directorist-modal__header {
  position     : relative;
  padding      : 15px;
  border-bottom: 1px solid var(--directorist-color-border-gray)
}

.directorist-modal__content .directorist-modal__header__title {
  font-size  : 20px;
  font-weight: 500;
  margin     : 0;
  color      : var(--directorist-color-dark)
}

.directorist-modal__content .directorist-modal__header .directorist-modal-close {
  position               : absolute;
  width                  : 28px;
  height                 : 28px;
  right                  : 25px;
  top                    : 10px;
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center;
  border-radius          : 50%;
  line-height            : 1.45;
  padding                : 6px;
  text-decoration        : none;
  -webkit-transition     : background-color .2s ease-in-out;
  transition             : background-color .2s ease-in-out;
  background-color       : var(--directorist-color-bg-light)
}

.directorist-modal__content .directorist-modal__header .directorist-modal-close:hover {
  color             : var(--directorist-color-body);
  background-color  : var(--directorist-color-light-hover);
  -webkit-box-shadow: var(--directorist-box-shadow);
  box-shadow        : var(--directorist-box-shadow);
  border            : 1px solid var(--directorist-color-border-light)
}

.directorist-modal__content .directorist-modal__body {
  padding: 25px 40px
}

.directorist-modal__content .directorist-modal__footer {
  border-top: 1px solid var(--directorist-color-border-gray);
  padding   : 18px
}

.directorist-modal__content .directorist-modal__footer .directorist-modal__action {
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-pack       : end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack          : end;
  justify-content        : flex-end;
  margin                 : -7.5px
}

.directorist-modal__content .directorist-modal__footer .directorist-modal__action button {
  margin: 7.5px
}

.directorist-modal__content .directorist-modal .directorist-form-group label {
  font-size: 16px
}

.directorist-modal__content .directorist-modal .directorist-form-group .directorist-form-element {
  resize: none
}

.directorist-modal__dialog.directorist-modal--lg {
  width: 800px
}

.directorist-modal__dialog.directorist-modal--xl {
  width: 1140px
}

.directorist-modal__dialog.directorist-modal--sm {
  width: 300px
}

.directorist-modal.directorist-fade {
  -webkit-transition: .3s ease;
  transition        : .3s ease;
  opacity           : 1;
  visibility        : visible;
  z-index           : 9999
}

.directorist-modal.directorist-fade:not(.directorist-show) {
  opacity   : 0;
  visibility: hidden
}

.directorist-modal.directorist-show .directorist-modal__dialog {
  opacity           : 1;
  visibility        : visible;
  -webkit-transition: .3s ease;
  transition        : .3s ease
}

.directorist-search-modal__overlay {
  position  : fixed;
  top       : 0;
  left      : 0;
  width     : 100%;
  height    : 100%;
  opacity   : 0;
  visibility: hidden;
  z-index   : 9999
}

.directorist-search-modal__overlay:before {
  content           : "";
  position          : absolute;
  top               : 0;
  left              : 0;
  width             : 100%;
  height            : 100%;
  background        : rgba(var(--directorist-color-dark-rgb), .5);
  opacity           : 1;
  -webkit-transition: all .4s ease;
  transition        : all .4s ease
}

.directorist-search-modal__contents {
  position          : fixed;
  left              : 50%;
  -webkit-transform : translateX(-50%);
  transform         : translateX(-50%);
  bottom            : -100%;
  width             : 90%;
  max-width         : 600px;
  margin-bottom     : 100px;
  overflow          : hidden;
  opacity           : 0;
  visibility        : hidden;
  z-index           : 9999;
  border-radius     : 12px;
  -webkit-transition: all .3s ease;
  transition        : all .3s ease;
  background-color  : var(--directorist-color-white)
}

@media only screen and (max-width:575px) {
  .directorist-search-modal__contents {
    width        : 100%;
    margin-bottom: 0;
    border-radius: 16px 16px 0 0
  }
}

.directorist-search-modal__contents__header {
  position               : fixed;
  top                    : 0;
  left                   : 0;
  right                  : 0;
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack          : justify;
  justify-content        : space-between;
  padding                : 15px 25px 15px 40px;
  border-radius          : 16px 16px 0 0;
  background-color       : var(--directorist-color-white);
  border-bottom          : 1px solid var(--directorist-color-border);
  z-index                : 999
}

@media only screen and (max-width:575px) {
  .directorist-search-modal__contents__header {
    padding-left : 30px;
    padding-right: 20px
  }
}

.directorist-search-modal__contents__body {
  height       : calc(100vh - 380px);
  padding      : 30px 40px 0;
  overflow     : auto;
  margin-top   : 70px;
  margin-bottom: 80px
}

@media only screen and (max-width:575px) {
  .directorist-search-modal__contents__body {
    margin-top   : 55px;
    margin-bottom: 80px;
    padding      : 30px 30px 0;
    height       : calc(100dvh - 250px)
  }
}

.directorist-search-modal__contents__body .directorist-search-field__label {
  position          : absolute;
  left              : 0;
  top               : 50%;
  -webkit-transform : translateY(-50%);
  transform         : translateY(-50%);
  font-size         : 14px;
  font-weight       : 400;
  color             : var(--directorist-color-body);
  -webkit-transition: opacity .3s ease, top .3s ease, font-size .3s ease;
  transition        : opacity .3s ease, top .3s ease, font-size .3s ease
}

.directorist-search-modal__contents__body .directorist-search-field__label~.directorist-form-group__with-prefix .directorist-form-element::-webkit-input-placeholder,
.directorist-search-modal__contents__body .directorist-search-field__label~.directorist-search-field__input::-webkit-input-placeholder {
  opacity           : 0;
  -webkit-transition: opacity .3s ease;
  transition        : opacity .3s ease
}

.directorist-search-modal__contents__body .directorist-search-field__label~.directorist-form-group__with-prefix .directorist-form-element::-moz-placeholder,
.directorist-search-modal__contents__body .directorist-search-field__label~.directorist-search-field__input::-moz-placeholder {
  opacity        : 0;
  -moz-transition: opacity .3s ease;
  transition     : opacity .3s ease
}

.directorist-search-modal__contents__body .directorist-search-field__label~.directorist-form-group__with-prefix .directorist-form-element:-ms-input-placeholder,
.directorist-search-modal__contents__body .directorist-search-field__label~.directorist-search-field__input:-ms-input-placeholder {
  opacity       : 0;
  -ms-transition: opacity .3s ease;
  transition    : opacity .3s ease
}

.directorist-search-modal__contents__body .directorist-search-field__label~.directorist-form-group__with-prefix .directorist-form-element::-ms-input-placeholder,
.directorist-search-modal__contents__body .directorist-search-field__label~.directorist-search-field__input::-ms-input-placeholder {
  opacity       : 0;
  -ms-transition: opacity .3s ease;
  transition    : opacity .3s ease
}

.directorist-search-modal__contents__body .directorist-search-field__label~.directorist-form-group__with-prefix .directorist-form-element::placeholder,
.directorist-search-modal__contents__body .directorist-search-field__label~.directorist-search-field__input::placeholder {
  opacity           : 0;
  -webkit-transition: opacity .3s ease;
  transition        : opacity .3s ease
}

.directorist-search-modal__contents__body .directorist-search-field .directorist-form-group__prefix--start {
  opacity           : 0;
  -webkit-transition: opacity .3s ease;
  transition        : opacity .3s ease
}

.directorist-search-modal__contents__body .directorist-search-field .directorist-search-field__input.directorist-form-element {
  padding-right: 20px
}

.directorist-search-modal__contents__body .directorist-search-field .directorist-search-field__input.directorist-form-element[type=date],
.directorist-search-modal__contents__body .directorist-search-field .directorist-search-field__input.directorist-form-element[type=number],
.directorist-search-modal__contents__body .directorist-search-field .directorist-search-field__input.directorist-form-element[type=time] {
  padding-right: 0
}

.directorist-search-modal__contents__body .directorist-search-field__btn {
  position: absolute;
  bottom  : 12px;
  cursor  : pointer
}

.directorist-search-modal__contents__body .directorist-search-field__btn--clear {
  opacity   : 0;
  visibility: hidden;
  right     : 0
}

.directorist-search-modal__contents__body .directorist-search-field__btn--clear i:after {
  width             : 16px;
  height            : 16px;
  background-color  : #bcbcbc;
  -webkit-transition: background-color .3s ease;
  transition        : background-color .3s ease
}

.directorist-search-modal__contents__body .directorist-search-field__btn--clear:hover i:after {
  background-color: var(--directorist-color-primary)
}

.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input[type=number] {
  appearance        : none !important;
  -webkit-appearance: none !important;
  -moz-appearance   : none !important
}

.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input[type=date],
.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input[type=time] {
  padding-right: 20px
}

.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input::-webkit-input-placeholder {
  opacity: 1
}

.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input::-moz-placeholder {
  opacity: 1
}

.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input:-ms-input-placeholder {
  opacity: 1
}

.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input::-ms-input-placeholder {
  opacity: 1
}

.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input::placeholder {
  opacity: 1
}

.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-form-group__prefix--start {
  opacity: 1
}

.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__label {
  top      : 0;
  font-size: 13px
}

.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__btn {
  opacity   : 1;
  visibility: visible
}

.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input,
.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-select {
  position: relative;
  bottom  : -5px
}

.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-select .directorist-search-field__label {
  opacity: 1
}

.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-location-js {
  padding-right: 45px
}

.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-form.select2-selection__rendered,
.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
  color: var(--directorist-color-dark)
}

.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-select2-addons-area .directorist-icon-mask:after {
  background-color: var(--directorist-color-dark)
}

.directorist-search-modal__contents__body .directorist-search-field.input-is-focused.atbdp-form-fade:after,
.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-filter-location-icon {
  margin-top: 0
}

.directorist-search-modal__contents__body .directorist-search-field.directorist-search-field-text_range {
  position: relative
}

.directorist-search-modal__contents__body .directorist-search-field.directorist-search-field-text_range .directorist-search-field__label {
  font-size  : 16px;
  font-weight: 500;
  position   : unset
}

.directorist-search-modal__contents__body .directorist-search-field .directorist-select .directorist-search-field__label {
  opacity: 0
}

.directorist-search-modal__contents__body .directorist-search-field .directorist-filter-location-icon~.directorist-search-field__btn--clear {
  right : 25px;
  bottom: 12px
}

.directorist-search-modal__contents__body .directorist-search-field .directorist-filter-location-icon .directorist-icon-mask:after {
  background-color: grey
}

.directorist-search-modal__contents__body .directorist-search-field .select2-container .directorist-select2-addons-area .directorist-icon-mask {
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-flex       : 1;
  -webkit-flex           : 1;
  -ms-flex               : 1;
  flex                   : 1;
  -webkit-box-pack       : end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack          : end;
  justify-content        : flex-end
}

.directorist-search-modal__contents__body .directorist-search-field .select2-container .directorist-select2-addons-area .directorist-icon-mask:after {
  width           : 12px;
  height          : 12px;
  background-color: grey
}

.directorist-search-modal__contents__body .directorist-search-form-dropdown {
  border-bottom: 1px solid var(--directorist-color-border)
}

.directorist-search-modal__contents__body .wp-picker-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.directorist-search-modal__contents__body .wp-picker-container .wp-picker-input-wrap {
  margin: 0 !important
}

.directorist-search-modal__contents__body .wp-picker-container .wp-picker-input-wrap label {
  width: 70px
}

.directorist-search-modal__contents__body .wp-picker-container .wp-picker-input-wrap label input {
  padding-right: 10px !important;
  bottom       : 0
}

.directorist-search-modal__contents__body .wp-picker-container .wp-picker-input-wrap .wp-picker-clear {
  margin: 0;
  width : 100px
}

.directorist-search-modal__contents__body .wp-picker-container .wp-picker-holder {
  top: 45px
}

.directorist-search-modal__contents__footer {
  position        : fixed;
  bottom          : 0;
  left            : 0;
  right           : 0;
  border-radius   : 0 0 16px 16px;
  background-color: var(--directorist-color-light);
  z-index         : 9
}

@media only screen and (max-width:575px) {
  .directorist-search-modal__contents__footer {
    border-radius: 0
  }

  .directorist-search-modal__contents__footer .directorist-advanced-filter__action {
    padding: 15px 30px
  }
}

.directorist-search-modal__contents__footer .directorist-advanced-filter__action .directorist-btn {
  font-size: 15px
}

.directorist-search-modal__contents__footer .directorist-btn-reset-js {
  -webkit-box-ordinal-group: 0;
  -webkit-order            : -1;
  -ms-flex-order           : -1;
  order                    : -1;
  padding                  : 0;
  text-transform           : none;
  border                   : none;
  background               : transparent;
  cursor                   : pointer
}

.directorist-search-modal__contents__footer .directorist-btn-reset-js:disabled {
  opacity: .5;
  cursor : not-allowed
}

.directorist-search-modal__contents__title {
  font-size  : 20px;
  font-weight: 500;
  margin     : 0
}

@media only screen and (max-width:575px) {
  .directorist-search-modal__contents__title {
    font-size: 18px
  }
}

.directorist-search-modal__contents__btn {
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center;
  width                  : 40px;
  height                 : 40px;
  padding                : 0;
  background-color       : var(--directorist-color-light);
  border-radius          : 100%;
  border                 : none;
  cursor                 : pointer
}

.directorist-search-modal__contents__btn i:after {
  width             : 10px;
  height            : 10px;
  -webkit-transition: background-color .3s ease;
  transition        : background-color .3s ease;
  background-color  : var(--directorist-color-dark)
}

.directorist-search-modal__contents__btn:hover i:after {
  background-color: var(--directorist-color-danger)
}

@media only screen and (max-width:575px) {
  .directorist-search-modal__contents__btn {
    width     : auto;
    height    : auto;
    background: transparent
  }

  .directorist-search-modal__contents__btn i:after {
    width : 12px;
    height: 12px
  }
}

.directorist-search-modal .directorist-advanced-filter__form .directorist-search-modal__contents__body {
  height: calc(100vh - 350px)
}

@media only screen and (max-width:575px) {
  .directorist-search-modal .directorist-advanced-filter__form .directorist-search-modal__contents__body {
    height: calc(100vh - 200px)
  }
}

.directorist-search-modal__minimizer {
  content          : "";
  position         : absolute;
  top              : 10px;
  left             : 50%;
  -webkit-transform: translateX(-50%);
  transform        : translateX(-50%);
  width            : 50px;
  height           : 5px;
  border-radius    : 8px;
  background-color : var(--directorist-color-border);
  opacity          : 0;
  visibility       : hidden
}

@media only screen and (max-width:575px) {
  .directorist-search-modal__minimizer {
    opacity   : 1;
    visibility: visible
  }
}

.directorist-search-modal--basic .directorist-search-modal__contents__body {
  margin : 0;
  padding: 30px;
  height : calc(100vh - 260px)
}

@media only screen and (max-width:575px) {
  .directorist-search-modal--basic .directorist-search-modal__contents__body {
    height: calc(100vh - 110px)
  }
}

@media only screen and (max-width:575px) {
  .directorist-search-modal--basic .directorist-search-modal__contents {
    margin       : 0;
    border-radius: 16px 16px 0 0
  }
}

.directorist-search-modal--basic .directorist-search-query {
  position: relative
}

.directorist-search-modal--basic .directorist-search-query:after {
  content              : "";
  position             : absolute;
  right                : 0;
  top                  : 50%;
  -webkit-transform    : translateY(-50%);
  transform            : translateY(-50%);
  -webkit-transition   : all .3s ease;
  transition           : all .3s ease;
  width                : 16px;
  height               : 16px;
  -webkit-mask-position: center;
  mask-position        : center;
  -webkit-mask-repeat  : no-repeat;
  mask-repeat          : no-repeat;
  background-color     : var(--directorist-color-body);
  -webkit-mask-image   : url(../images/9ddfe727fdcddbb985d69ce2e9a06358.svg);
  mask-image           : url(../images/9ddfe727fdcddbb985d69ce2e9a06358.svg)
}

.directorist-search-modal--basic .directorist-search-form-action__modal__btn-search {
  border-radius   : 8px;
  color           : var(--directorist-color-white);
  background-color: var(--directorist-color-primary)
}

.directorist-search-modal--basic .directorist-search-form-action__modal__btn-search i:after {
  background-color: currentColor
}

@media screen and (max-width:575px) {
  .directorist-search-modal--basic .directorist-search-modal__input {
    min-height   : 42px;
    border-radius: 8px
  }

  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field {
    width        : 100%;
    margin       : 0 20px;
    padding-right: 15px
  }

  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__label:before {
    content              : "";
    width                : 14px;
    height               : 14px;
    position             : absolute;
    left                 : 0;
    top                  : 50%;
    -webkit-transform    : translateY(-50%);
    transform            : translateY(-50%);
    background-color     : var(--directorist-color-body);
    -webkit-mask-repeat  : no-repeat;
    mask-repeat          : no-repeat;
    -webkit-mask-position: center;
    mask-position        : center;
    -webkit-mask-image   : url(../images/447c512963a6e865700c065e70bb46b7.svg);
    mask-image           : url(../images/447c512963a6e865700c065e70bb46b7.svg);
    opacity              : 0
  }

  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__input::-webkit-input-placeholder {
    opacity           : 0;
    -webkit-transition: opacity .3s ease;
    transition        : opacity .3s ease
  }

  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__input::-moz-placeholder {
    opacity        : 0;
    -moz-transition: opacity .3s ease;
    transition     : opacity .3s ease
  }

  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__input:-ms-input-placeholder {
    opacity       : 0;
    -ms-transition: opacity .3s ease;
    transition    : opacity .3s ease
  }

  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__input::-ms-input-placeholder {
    opacity       : 0;
    -ms-transition: opacity .3s ease;
    transition    : opacity .3s ease
  }

  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__input::placeholder {
    opacity           : 0;
    -webkit-transition: opacity .3s ease;
    transition        : opacity .3s ease
  }

  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__btn {
    bottom            : unset;
    right             : 20px;
    top               : 50%;
    -webkit-transform : translateY(-50%);
    transform         : translateY(-50%);
    -webkit-transition: all .3s ease;
    transition        : all .3s ease
  }

  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-filter-location-icon {
    margin-top: 0
  }

  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__input,
  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-select {
    width        : 100%;
    padding-right: 0
  }

  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-select {
    width: calc(100% + 20px)
  }

  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-select .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle {
    right: 5px
  }

  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-custom-range-slider__value {
    border-bottom: none
  }

  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-custom-range-slider__value:focus-within {
    outline      : none;
    border-bottom: 2px solid var(--directorist-color-primary)
  }

  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.directorist-search-field-text_range {
    padding: 5px 0
  }

  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.directorist-search-field-radius_search {
    width        : auto;
    padding-right: 0
  }

  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.directorist-search-field-radius_search .directorist-custom-range-slider__range__wrap {
    right: 0
  }

  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) {
    margin: 0 40px
  }
}

@media screen and (max-width:575px) and (max-width:575px) {
  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-select {
    width: calc(100% + 20px)
  }
}

@media screen and (max-width:575px) {
  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__label {
    font-size        : 0 !important;
    top              : 50%;
    -webkit-transform: translateY(-50%);
    transform        : translateY(-50%);
    left             : -25px
  }

  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__label:before {
    opacity: 1
  }

  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input {
    bottom: 0
  }

  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input::-webkit-input-placeholder {
    opacity: 1
  }

  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input::-moz-placeholder {
    opacity: 1
  }

  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input:-ms-input-placeholder {
    opacity: 1
  }

  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input::-ms-input-placeholder {
    opacity: 1
  }

  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input::placeholder {
    opacity: 1
  }

  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__btn {
    right: -20px
  }

  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-filter-location-icon~.directorist-search-field__btn--clear,
  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-select~.directorist-search-field__btn--clear {
    right: 5px !important
  }

  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input,
  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-select {
    padding-right: 0
  }

  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-location-js {
    padding-right: 30px
  }

  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel).atbdp-form-fade:after,
  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-filter-location-icon {
    margin-top: 0
  }

  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__label {
    opacity  : 0;
    font-size: 0 !important
  }

  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::-webkit-input-placeholder {
    opacity           : 0;
    -webkit-transition: opacity .3s ease;
    transition        : opacity .3s ease
  }

  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::-moz-placeholder {
    opacity        : 0;
    -moz-transition: opacity .3s ease;
    transition     : opacity .3s ease
  }

  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input:-ms-input-placeholder {
    opacity       : 0;
    -ms-transition: opacity .3s ease;
    transition    : opacity .3s ease
  }

  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::-ms-input-placeholder {
    opacity       : 0;
    -ms-transition: opacity .3s ease;
    transition    : opacity .3s ease
  }

  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::placeholder {
    opacity           : 0;
    -webkit-transition: opacity .3s ease;
    transition        : opacity .3s ease
  }

  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value,
  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused {
    padding-right: 0
  }

  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value .directorist-select,
  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused .directorist-select {
    width: 100%
  }

  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value .directorist-select .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle,
  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused .directorist-select .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle {
    right: 0
  }

  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value .directorist-select~.directorist-search-field__btn--clear,
  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused .directorist-select~.directorist-search-field__btn--clear {
    right: 20px !important
  }

  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-form-dropdown {
    margin-right : 20px !important;
    border-bottom: none
  }

  .directorist-search-modal--basic .directorist-price-ranges:after {
    top: 30px
  }
}

.directorist-search-modal--basic .open_now>label {
  display: none
}

.directorist-search-modal--basic .directorist-search-modal__input .directorist-price-ranges,
.directorist-search-modal--basic .open_now .check-btn {
  padding: 10px 0
}

.directorist-search-modal--basic .directorist-search-modal__input .directorist-price-ranges__price-frequency__btn {
  display: block
}

.directorist-search-modal--basic .directorist-advanced-filter__advanced__element .directorist-search-field {
  margin : 0;
  padding: 10px 0
}

.directorist-search-modal--basic .directorist-checkbox-wrapper,
.directorist-search-modal--basic .directorist-radio-wrapper,
.directorist-search-modal--basic .directorist-search-tags {
  width : 100%;
  margin: 10px 0
}

.directorist-search-modal--basic .directorist-checkbox-wrapper .directorist-checkbox,
.directorist-search-modal--basic .directorist-checkbox-wrapper .directorist-radio,
.directorist-search-modal--basic .directorist-radio-wrapper .directorist-checkbox,
.directorist-search-modal--basic .directorist-radio-wrapper .directorist-radio,
.directorist-search-modal--basic .directorist-search-tags .directorist-checkbox,
.directorist-search-modal--basic .directorist-search-tags .directorist-radio {
  -webkit-box-flex: 0;
  -webkit-flex    : 0 0 100%;
  -ms-flex        : 0 0 100%;
  flex            : 0 0 100%
}

.directorist-search-modal--basic .directorist-search-tags~.directorist-btn-ml {
  margin-bottom: 10px
}

.directorist-search-modal--basic .directorist-select .select2-container.select2-container--default .select2-selection--single {
  min-height: 40px;
  display   : -webkit-box;
  display   : -webkit-flex;
  display   : -ms-flexbox;
  display   : flex
}

.directorist-search-modal--basic .directorist-search-field-price_range>label,
.directorist-search-modal--basic .directorist-search-field-pricing>label,
.directorist-search-modal--basic .directorist-search-field-radius_search>label,
.directorist-search-modal--basic .directorist-search-field-text_range>label,
.directorist-search-modal--basic .directorist-search-field__number>label {
  position         : unset;
  -webkit-transform: unset;
  transform        : unset;
  display          : block;
  font-size        : 14px;
  margin-bottom    : 15px
}

.directorist-search-modal--advanced .directorist-search-modal__contents__body .directorist-search-field__btn {
  bottom: 12px
}

.directorist-search-modal--full .directorist-search-field {
  -webkit-transition: margin .3s ease;
  transition        : margin .3s ease
}

.directorist-search-modal--full .directorist-search-field .directorist-search-field__label {
  font-size  : 14px;
  font-weight: 400
}

.directorist-search-modal--full .directorist-search-field.input-is-focused {
  width     : 100%;
  display   : -webkit-inline-box;
  display   : -webkit-inline-flex;
  display   : -ms-inline-flexbox;
  display   : inline-flex;
  margin-top: 40px
}

.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__label {
  top              : -35px;
  -webkit-transform: unset;
  transform        : unset;
  font-size        : 16px;
  font-weight      : 500;
  margin           : 0;
  z-index          : 1
}

.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input {
  bottom: 0;
  width : 100%
}

.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input::-webkit-input-placeholder {
  opacity: 1
}

.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input::-moz-placeholder {
  opacity: 1
}

.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input:-ms-input-placeholder {
  opacity: 1
}

.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input::-ms-input-placeholder {
  opacity: 1
}

.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input::placeholder {
  opacity: 1
}

.directorist-search-modal--full .directorist-search-field-pricing>label,
.directorist-search-modal--full .directorist-search-field-radius_search>label,
.directorist-search-modal--full .directorist-search-field-text_range>label {
  display      : block;
  font-size    : 16px;
  font-weight  : 500;
  margin-bottom: 18px
}

.directorist-search-modal__input {
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center;
  border             : 1px solid var(--directorist-color-border);
  border-radius      : 8px;
  min-height         : 40px;
  margin             : 0 0 15px;
  -webkit-transition : all .3s ease;
  transition         : all .3s ease
}

.directorist-search-modal__input .directorist-select {
  display          : -webkit-inline-box;
  display          : -webkit-inline-flex;
  display          : -ms-inline-flexbox;
  display          : inline-flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap    : wrap;
  flex-wrap        : wrap;
  -webkit-box-flex : 1;
  -webkit-flex     : 1;
  -ms-flex         : 1;
  flex             : 1
}

.directorist-search-modal__input .directorist-form-group .directorist-form-element,
.directorist-search-modal__input .directorist-form-group .directorist-form-element:focus,
.directorist-search-modal__input .select2.select2-container .select2-selection {
  border: 0
}

.directorist-search-modal__input__btn {
  width             : 0;
  padding           : 0 10px;
  -webkit-transition: all .3s ease;
  transition        : all .3s ease
}

.directorist-search-modal__input__btn .directorist-icon-mask:after {
  width             : 14px;
  height            : 14px;
  opacity           : 0;
  visibility        : hidden;
  -webkit-transition: all .3s ease;
  transition        : all .3s ease;
  background-color  : var(--directorist-color-body)
}

.directorist-search-modal__input .input-is-focused.directorist-search-query:after {
  display: none
}

.directorist-search-modal__input .input-is-focused .directorist-search-field__input::-webkit-input-placeholder {
  opacity: 1
}

.directorist-search-modal__input .input-is-focused .directorist-search-field__input::-moz-placeholder {
  opacity: 1
}

.directorist-search-modal__input .input-is-focused .directorist-search-field__input:-ms-input-placeholder {
  opacity: 1
}

.directorist-search-modal__input .input-is-focused .directorist-search-field__input::-ms-input-placeholder {
  opacity: 1
}

.directorist-search-modal__input .input-is-focused .directorist-search-field__input::placeholder {
  opacity: 1
}

.directorist-search-modal .directorist-checkbox-wrapper,
.directorist-search-modal .directorist-radio-wrapper,
.directorist-search-modal .directorist-search-tags {
  padding          : 0;
  gap              : 12px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap    : wrap;
  flex-wrap        : wrap
}

@media screen and (max-width:575px) {
  .directorist-search-modal .directorist-search-form-dropdown {
    padding: 0 !important
  }

  .directorist-search-modal .directorist-search-form-dropdown .directorist-search-field__btn {
    right: 0
  }
}

.directorist-search-modal .directorist-search-form-dropdown.input-has-value,
.directorist-search-modal .directorist-search-form-dropdown.input-is-focused {
  margin-top: 0 !important
}

.directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__input,
.directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input {
  bottom       : 0 !important;
  padding-right: 25px
}

.directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__input .directorist-search-basic-dropdown-label,
.directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input .directorist-search-basic-dropdown-label {
  opacity    : 1 !important;
  visibility : visible;
  margin     : 0;
  font-size  : 14px !important;
  font-weight: 500
}

.directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__input .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-item,
.directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-item {
  font-weight: 600;
  margin-left: 5px
}

.directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__btn,
.directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__btn {
  opacity   : 1;
  visibility: visible
}

@media screen and (max-width:575px) {

  .directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__input,
  .directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input {
    padding-right: 0 !important
  }

  .directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__btn,
  .directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__btn {
    right: 25px !important
  }
}

.directorist-search-modal .directorist-search-basic-dropdown {
  position          : relative;
  -webkit-box-sizing: border-box;
  box-sizing        : border-box
}

.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label {
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-flex-wrap      : wrap;
  -ms-flex-wrap          : wrap;
  flex-wrap              : wrap;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack          : justify;
  justify-content        : space-between;
  position               : relative;
  padding                : 0;
  width                  : 100%;
  max-width              : unset;
  height                 : 40px;
  line-height            : 40px;
  font-size              : 14px;
  font-weight            : 500;
  cursor                 : pointer;
  position               : unset !important;
  -webkit-transform      : unset !important;
  transform              : unset !important;
  color                  : var(--directorist-color-dark)
}

.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-prefix:not(:empty) {
  -webkit-margin-end: 5px;
  margin-inline-end : 5px
}

.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-count:not(:empty) {
  width                  : 20px;
  height                 : 20px;
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center;
  color                  : var(--directorist-color-white);
  background-color       : var(--directorist-color-primary);
  font-size              : 10px;
  border-radius          : 100%;
  -webkit-margin-start   : 10px;
  margin-inline-start    : 10px
}

.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label i {
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-flex       : 1;
  -webkit-flex           : 1;
  -ms-flex               : 1;
  flex                   : 1;
  -webkit-box-pack       : end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack          : end;
  justify-content        : flex-end
}

.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label i:after {
  width           : 12px;
  height          : 12px;
  background-color: grey
}

@media screen and (max-width:575px) {
  .directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label:before {
    left: -20px !important
  }
}

.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content {
  position          : absolute;
  left              : 0;
  width             : 100%;
  min-width         : 150px;
  padding           : 15px 20px;
  border-radius     : 8px;
  background-color  : var(--directorist-color-white);
  -webkit-box-shadow: var(--directorist-box-shadow);
  box-shadow        : var(--directorist-box-shadow);
  border            : 1px solid var(--directorist-color-border-light);
  max-height        : 250px;
  -webkit-box-sizing: border-box;
  box-sizing        : border-box;
  overflow-y        : auto;
  z-index           : 100;
  display           : none
}

.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content.dropdown-content-show {
  display: block
}

.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-search-tags {
  gap                   : 12px;
  -webkit-box-orient    : vertical;
  -webkit-box-direction : normal;
  -webkit-flex-direction: column;
  -ms-flex-direction    : column;
  flex-direction        : column
}

.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-checkbox__label {
  width: 100%
}

.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-checkbox-wrapper,
.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-radio-wrapper {
  -webkit-box-orient    : vertical;
  -webkit-box-direction : normal;
  -webkit-flex-direction: column;
  -ms-flex-direction    : column;
  flex-direction        : column
}

.directorist-search-modal .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
  color: var(--directorist-color-dark)
}

.directorist-content-active.directorist-overlay-active {
  overflow: hidden
}

.directorist-content-active .directorist-search-modal__input .select2.select2-container .select2-selection {
  border: 0 !important
}

input:-webkit-autofill,
input:-webkit-autofill:active,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover {
  -webkit-transition: background-color 5000s ease-in-out 0s !important;
  transition        : background-color 5000s ease-in-out 0s !important
}

.directorist-content-active .directorist-card {
  border            : none;
  padding           : 0;
  border-radius     : 12px;
  background-color  : var(--directorist-color-white);
  -webkit-box-shadow: var(--directorist-box-shadow);
  box-shadow        : var(--directorist-box-shadow);
  border            : 1px solid var(--directorist-color-border-light)
}

.directorist-content-active .directorist-card__header {
  padding      : 20px 25px;
  border-bottom: 1px solid var(--directorist-color-border);
  border-radius: 16px 16px 0 0
}

@media screen and (max-width:575px) {
  .directorist-content-active .directorist-card__header {
    padding: 15px 20px
  }
}

.directorist-content-active .directorist-card__header__title {
  font-size          : 18px;
  font-weight        : 500;
  line-height        : 1.2;
  color              : var(--directorist-color-dark);
  letter-spacing     : normal;
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center;
  padding            : 0;
  margin             : 0
}

.directorist-content-active .directorist-card__body {
  padding      : 25px;
  border-radius: 0 0 16px 16px
}

@media screen and (max-width:575px) {
  .directorist-content-active .directorist-card__body {
    padding: 20px
  }
}

.directorist-content-active .directorist-card__body .directorist-review-single,
.directorist-content-active .directorist-card__body .directorist-widget-tags ul {
  padding: 0
}

.directorist-content-active .directorist-card__body p {
  font-size : 15px;
  margin-top: 0
}

.directorist-content-active .directorist-card__body p:last-child {
  margin-bottom: 0
}

.directorist-content-active .directorist-card__body p:empty {
  display: none
}

.directorist-color-picker-wrap .wp-color-result {
  text-decoration: none;
  margin         : 0 6px 0 0 !important
}

.directorist-color-picker-wrap .wp-color-result:hover {
  background-color: #f9f9f9
}

.directorist-color-picker-wrap .wp-picker-input-wrap label input {
  width: auto !important
}

.directorist-color-picker-wrap .wp-picker-input-wrap label input.directorist-color-picker {
  width: 100% !important
}

.directorist-color-picker-wrap .wp-picker-clear {
  padding    : 0 15px;
  margin-top : 3px;
  font-size  : 14px;
  font-weight: 500;
  line-height: 2.4
}

.directorist-form-group {
  position: relative;
  width   : 100%
}

.directorist-form-group textarea,
.directorist-form-group textarea.directorist-form-element {
  min-height: unset;
  height    : auto !important;
  max-width : 100%;
  width     : 100%
}

.directorist-form-group__with-prefix {
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center;
  border-bottom      : 1px solid #d9d9d9;
  width              : 100%;
  gap                : 10px
}

.directorist-form-group__with-prefix:focus-within {
  border-bottom: 2px solid var(--directorist-color-dark)
}

.directorist-form-group__with-prefix .directorist-form-element {
  -webkit-box-flex: 1;
  -webkit-flex    : 1;
  -ms-flex        : 1;
  flex            : 1;
  margin          : 0 !important;
  border          : none !important
}

.directorist-form-group__with-prefix .directorist-single-info__value {
  font-size  : 14px;
  font-weight: 500;
  margin     : 0 !important
}

.directorist-form-group__prefix {
  height     : 40px;
  line-height: 40px;
  font-size  : 14px;
  font-weight: 500;
  color      : #828282
}

.directorist-form-group__prefix--start {
  -webkit-box-ordinal-group: 0;
  -webkit-order            : -1;
  -ms-flex-order           : -1;
  order                    : -1
}

.directorist-form-group__prefix--end {
  -webkit-box-ordinal-group: 3;
  -webkit-order            : 2;
  -ms-flex-order           : 2;
  order                    : 2
}

.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-form-group__with-prefix .directorist-search-field__input {
  padding-right: 0 !important
}

.directorist-form-group label {
  margin     : 0;
  font-size  : 14px;
  font-weight: 400;
  color      : var(--directorist-color-body)
}

.directorist-form-group .directorist-form-element {
  position          : relative;
  padding           : 0;
  width             : 100%;
  max-width         : unset;
  min-height        : unset;
  height            : 40px;
  font-size         : 14px;
  font-weight       : 500;
  color             : var(--directorist-color-dark);
  border            : none;
  border-radius     : 0;
  background        : transparent;
  -webkit-box-sizing: border-box;
  box-sizing        : border-box;
  border-bottom     : 1px solid var(--directorist-color-border-gray)
}

.directorist-form-group .directorist-form-element:focus {
  outline           : none;
  -webkit-box-shadow: 0 0;
  box-shadow        : 0 0;
  border            : none;
  border-bottom     : 2px solid var(--directorist-color-primary)
}

.directorist-form-group .directorist-form-description {
  font-size : 14px;
  margin-top: 10px;
  color     : var(--directorist-color-deep-gray)
}

.directorist-form-element.directorist-form-element-lg {
  height: 50px
}

.directorist-form-element.directorist-form-element-lg__prefix {
  height     : 50px;
  line-height: 50px
}

.directorist-form-element.directorist-form-element-sm {
  height: 30px
}

.directorist-form-element.directorist-form-element-sm__prefix {
  height     : 30px;
  line-height: 30px
}

.directorist-form-group.directorist-icon-left .directorist-input-icon {
  left: 0
}

.directorist-form-group.directorist-icon-left .location-name {
  padding-left      : 25px;
  -webkit-box-sizing: border-box;
  box-sizing        : border-box
}

.directorist-form-group.directorist-icon-right .directorist-input-icon {
  right: 0
}

.directorist-form-group.directorist-icon-right .location-name {
  padding-right     : 25px;
  -webkit-box-sizing: border-box;
  box-sizing        : border-box
}

.directorist-form-group .directorist-input-icon {
  position          : absolute;
  top               : 50%;
  -webkit-transform : translateY(-50%);
  transform         : translateY(-50%);
  line-height       : 1.45;
  z-index           : 99;
  -webkit-transition: margin .3s ease;
  transition        : margin .3s ease
}

.directorist-form-group .directorist-input-icon i,
.directorist-form-group .directorist-input-icon span,
.directorist-form-group .directorist-input-icon svg {
  font-size: 14px
}

.directorist-form-group .directorist-input-icon .directorist-icon-mask:after {
  width           : 16px;
  height          : 16px;
  background-color: var(--directorist-color-body)
}

@media screen and (max-width:575px) {
  .directorist-form-group .directorist-input-icon {
    margin-top: 0
  }
}

.directorist-label {
  margin-bottom: 0
}

input.directorist-toggle-input {
  display: none
}

.directorist-toggle-input-label {
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack          : justify;
  justify-content        : space-between
}

span.directorist-toggle-input-label-text {
  -webkit-box-flex : 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow        : 1;
  padding-right    : 10px
}

span.directorist-toggle-input-label-icon {
  position        : relative;
  width           : 50px;
  height          : 25px;
  border-radius   : 30px;
  background-color: #d9d9d9
}

span.directorist-toggle-input-label-icon,
span.directorist-toggle-input-label-icon:after {
  display           : inline-block;
  -webkit-transition: all .3s ease-in-out;
  transition        : all .3s ease-in-out
}

span.directorist-toggle-input-label-icon:after {
  content          : "";
  position         : absolute;
  width            : 15px;
  height           : 15px;
  border-radius    : 50%;
  background-color : var(--directorist-color-white);
  top              : 50%;
  -webkit-transform: translateY(-50%);
  transform        : translateY(-50%)
}

input.directorist-toggle-input:checked+.directorist-toggle-input-label span.directorist-toggle-input-label-icon {
  background-color: #4353ff
}

input.directorist-toggle-input:not(:checked)+.directorist-toggle-input-label span.directorist-toggle-input-label-icon:after {
  left: 5px
}

input.directorist-toggle-input:checked+.directorist-toggle-input-label span.directorist-toggle-input-label-icon:after {
  left: calc(100% - 20px)
}

.directorist-tab-navigation {
  padding                : 0;
  margin                 : 0 -10px 20px;
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center
}

.directorist-tab-navigation-list-item {
  position               : relative;
  list-style             : none;
  -webkit-box-flex       : 1;
  -webkit-flex-grow      : 1;
  -ms-flex-positive      : 1;
  flex-grow              : 1;
  text-align             : center;
  margin                 : 10px;
  padding                : 15px 20px;
  border-radius          : 4px;
  -webkit-flex-basis     : 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis             : 50%;
  background-color       : var(--directorist-color-bg-light)
}

.directorist-tab-navigation-list-item.--is-active {
  color           : var(--directorist-color-white);
  background-color: var(--directorist-color-primary)
}

.directorist-tab-navigation-list-item.--is-active:after {
  content          : "";
  position         : absolute;
  left             : 50%;
  bottom           : -10px;
  width            : 0;
  height           : 0;
  border-left      : 10px solid transparent;
  border-right     : 10px solid transparent;
  border-top       : 10px solid var(--directorist-color-primary);
  -webkit-transform: translate(-50%);
  transform        : translate(-50%)
}

.directorist-tab-navigation-list-item .directorist-tab-navigation-list-item-link {
  margin: -15px -20px
}

.directorist-tab-navigation-list-item-link {
  position        : relative;
  display         : block;
  text-decoration : none;
  padding         : 15px 20px;
  border-radius   : 4px;
  color           : var(--directorist-color-body);
  background-color: var(--directorist-color-bg-light)
}

.directorist-tab-navigation-list-item-link:active,
.directorist-tab-navigation-list-item-link:focus,
.directorist-tab-navigation-list-item-link:visited {
  outline           : none;
  -webkit-box-shadow: none;
  box-shadow        : none;
  color             : var(--directorist-color-body)
}

.directorist-tab-navigation-list-item-link.--is-active {
  cursor          : default;
  color           : var(--directorist-color-white);
  background-color: var(--directorist-color-primary)
}

.directorist-tab-navigation-list-item-link.--is-active:after {
  content          : "";
  position         : absolute;
  left             : 50%;
  bottom           : -10px;
  width            : 0;
  height           : 0;
  border-left      : 10px solid transparent;
  border-right     : 10px solid transparent;
  border-top       : 10px solid var(--directorist-color-primary);
  -webkit-transform: translate(-50%);
  transform        : translate(-50%)
}

.directorist-tab-content {
  display: none
}

.directorist-tab-content.--is-active {
  display: block
}

.directorist-headline-4 {
  margin     : 0 0 15px;
  font-size  : 15px;
  font-weight: 400
}

.directorist-label-addon-prepend {
  margin-right: 10px
}

.--is-hidden {
  display: none
}

.directorist-flex-center {
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center
}

.directorist-checkbox,
.directorist-flex-center,
.directorist-radio {
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center
}

.directorist-checkbox input[type=checkbox],
.directorist-checkbox input[type=radio],
.directorist-radio input[type=checkbox],
.directorist-radio input[type=radio] {
  display: none !important
}

.directorist-checkbox input[type=checkbox]+.directorist-checkbox__label,
.directorist-checkbox input[type=checkbox]+.directorist-radio__label,
.directorist-checkbox input[type=radio]+.directorist-checkbox__label,
.directorist-checkbox input[type=radio]+.directorist-radio__label,
.directorist-radio input[type=checkbox]+.directorist-checkbox__label,
.directorist-radio input[type=checkbox]+.directorist-radio__label,
.directorist-radio input[type=radio]+.directorist-checkbox__label,
.directorist-radio input[type=radio]+.directorist-radio__label {
  font-size            : 14px;
  display              : -webkit-box;
  display              : -webkit-flex;
  display              : -ms-flexbox;
  display              : flex;
  -webkit-box-orient   : vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow    : column;
  -ms-flex-flow        : column;
  flex-flow            : column;
  position             : relative;
  display              : inline-block;
  -webkit-user-select  : none;
  -moz-user-select     : none;
  -ms-user-select      : none;
  user-select          : none;
  padding-left         : 30px;
  margin-bottom        : 0;
  margin-left          : 0;
  line-height          : 1.4;
  color                : var(--directorist-color-body);
  -webkit-box-sizing   : content-box;
  box-sizing           : content-box
}

.directorist-checkbox input[type=checkbox]+.directorist-checkbox__label:after,
.directorist-checkbox input[type=checkbox]+.directorist-radio__label:after,
.directorist-checkbox input[type=radio]+.directorist-checkbox__label:after,
.directorist-checkbox input[type=radio]+.directorist-radio__label:after,
.directorist-radio input[type=checkbox]+.directorist-checkbox__label:after,
.directorist-radio input[type=checkbox]+.directorist-radio__label:after,
.directorist-radio input[type=radio]+.directorist-checkbox__label:after,
.directorist-radio input[type=radio]+.directorist-radio__label:after {
  content           : "";
  position          : absolute;
  left              : 0;
  top               : 0;
  width             : 20px;
  height            : 20px;
  border-radius     : 5px;
  background        : transparent;
  -webkit-box-sizing: border-box;
  box-sizing        : border-box;
  border            : 2px solid var(--directorist-color-gray);
  background-color  : transparent
}

@media only screen and (max-width:575px) {

  .directorist-checkbox input[type=checkbox]+.directorist-checkbox__label,
  .directorist-checkbox input[type=checkbox]+.directorist-radio__label,
  .directorist-checkbox input[type=radio]+.directorist-checkbox__label,
  .directorist-checkbox input[type=radio]+.directorist-radio__label,
  .directorist-radio input[type=checkbox]+.directorist-checkbox__label,
  .directorist-radio input[type=checkbox]+.directorist-radio__label,
  .directorist-radio input[type=radio]+.directorist-checkbox__label,
  .directorist-radio input[type=radio]+.directorist-radio__label {
    line-height : 1.2;
    padding-left: 25px
  }

  .directorist-checkbox input[type=checkbox]+.directorist-checkbox__label:after,
  .directorist-checkbox input[type=checkbox]+.directorist-radio__label:after,
  .directorist-checkbox input[type=radio]+.directorist-checkbox__label:after,
  .directorist-checkbox input[type=radio]+.directorist-radio__label:after,
  .directorist-radio input[type=checkbox]+.directorist-checkbox__label:after,
  .directorist-radio input[type=checkbox]+.directorist-radio__label:after,
  .directorist-radio input[type=radio]+.directorist-checkbox__label:after,
  .directorist-radio input[type=radio]+.directorist-radio__label:after {
    top   : 1px;
    width : 16px;
    height: 16px
  }

  .directorist-checkbox input[type=checkbox]+.directorist-checkbox__label .directorist-icon-mask:after,
  .directorist-checkbox input[type=checkbox]+.directorist-radio__label .directorist-icon-mask:after,
  .directorist-checkbox input[type=radio]+.directorist-checkbox__label .directorist-icon-mask:after,
  .directorist-checkbox input[type=radio]+.directorist-radio__label .directorist-icon-mask:after,
  .directorist-radio input[type=checkbox]+.directorist-checkbox__label .directorist-icon-mask:after,
  .directorist-radio input[type=checkbox]+.directorist-radio__label .directorist-icon-mask:after,
  .directorist-radio input[type=radio]+.directorist-checkbox__label .directorist-icon-mask:after,
  .directorist-radio input[type=radio]+.directorist-radio__label .directorist-icon-mask:after {
    width : 12px;
    height: 12px
  }
}

.directorist-checkbox input[type=checkbox]:checked+.directorist-checkbox__label:after,
.directorist-checkbox input[type=checkbox]:checked+.directorist-radio__label:after,
.directorist-checkbox input[type=radio]:checked+.directorist-checkbox__label:after,
.directorist-checkbox input[type=radio]:checked+.directorist-radio__label:after,
.directorist-radio input[type=checkbox]:checked+.directorist-checkbox__label:after,
.directorist-radio input[type=checkbox]:checked+.directorist-radio__label:after,
.directorist-radio input[type=radio]:checked+.directorist-checkbox__label:after,
.directorist-radio input[type=radio]:checked+.directorist-radio__label:after {
  background-color: var(--directorist-color-primary);
  border-color    : var(--directorist-color-primary)
}

.directorist-checkbox input[type=checkbox]:checked+.directorist-checkbox__label:before,
.directorist-checkbox input[type=checkbox]:checked+.directorist-radio__label:before,
.directorist-checkbox input[type=radio]:checked+.directorist-checkbox__label:before,
.directorist-checkbox input[type=radio]:checked+.directorist-radio__label:before,
.directorist-radio input[type=checkbox]:checked+.directorist-checkbox__label:before,
.directorist-radio input[type=checkbox]:checked+.directorist-radio__label:before,
.directorist-radio input[type=radio]:checked+.directorist-checkbox__label:before,
.directorist-radio input[type=radio]:checked+.directorist-radio__label:before {
  opacity   : 1;
  visibility: visible
}

.directorist-checkbox input[type=checkbox]+.directorist-checkbox__label:before {
  position           : absolute;
  left               : 5px;
  top                : 5px;
  content            : "";
  -webkit-mask-image : url(../images/e986e970b493125f349fc279b4b3d57b.svg);
  mask-image         : url(../images/e986e970b493125f349fc279b4b3d57b.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat        : no-repeat;
  width              : 10px;
  height             : 10px;
  background-color   : var(--directorist-color-white);
  display            : block;
  opacity            : 0;
  -webkit-transition : all .3s ease 0s;
  transition         : all .3s ease 0s;
  z-index            : 2
}

@media only screen and (max-width:575px) {
  .directorist-checkbox input[type=checkbox]+.directorist-checkbox__label:before {
    top : 4px;
    left: 3px
  }
}

.directorist-radio input[type=radio]+.directorist-radio__label:before {
  position          : absolute;
  left              : 5px;
  top               : 5px;
  width             : 8px;
  height            : 8px;
  border-radius     : 50%;
  background-color  : var(--directorist-color-white);
  border            : 0;
  opacity           : 0;
  visibility        : hidden;
  z-index           : 2;
  -webkit-transition: all .3s ease 0s;
  transition        : all .3s ease 0s;
  content           : ""
}

@media only screen and (max-width:575px) {
  .directorist-radio input[type=radio]+.directorist-radio__label:before {
    left: 3px;
    top : 4px
  }
}

.directorist-radio input[type=radio]:checked+.directorist-radio__label:after {
  background-color: var(--directorist-color-primary)
}

.directorist-radio.directorist-radio-circle input[type=radio]+.directorist-radio__label:before {
  -webkit-mask-image : url(../images/e986e970b493125f349fc279b4b3d57b.svg);
  mask-image         : url(../images/e986e970b493125f349fc279b4b3d57b.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat        : no-repeat;
  width              : 10px;
  height             : 10px;
  background-color   : var(--directorist-color-white)
}

.directorist-checkbox.directorist-checkbox-circle input[type=checkbox]+.directorist-checkbox__label:after,
.directorist-checkbox.directorist-checkbox-circle input[type=checkbox]+.directorist-radio__label:after,
.directorist-checkbox.directorist-checkbox-circle input[type=radio]+.directorist-checkbox__label:after,
.directorist-checkbox.directorist-checkbox-circle input[type=radio]+.directorist-radio__label:after,
.directorist-radio.directorist-radio-circle input[type=checkbox]+.directorist-checkbox__label:after,
.directorist-radio.directorist-radio-circle input[type=checkbox]+.directorist-radio__label:after,
.directorist-radio.directorist-radio-circle input[type=radio]+.directorist-checkbox__label:after,
.directorist-radio.directorist-radio-circle input[type=radio]+.directorist-radio__label:after {
  border-radius: 50%
}

.directorist-checkbox.directorist-checkbox-primary input[type=checkbox]:checked+.directorist-checkbox__label:after,
.directorist-checkbox.directorist-checkbox-primary input[type=checkbox]:checked+.directorist-radio__label:after,
.directorist-checkbox.directorist-checkbox-primary input[type=radio]:checked+.directorist-checkbox__label:after,
.directorist-checkbox.directorist-checkbox-primary input[type=radio]:checked+.directorist-radio__label:after {
  background-color: var(--directorist-color-primary);
  border-color    : var(--directorist-color-primary)
}

.directorist-checkbox.directorist-checkbox-secondary input[type=checkbox]:checked+.directorist-checkbox__label:after,
.directorist-checkbox.directorist-checkbox-secondary input[type=checkbox]:checked+.directorist-radio__label:after,
.directorist-checkbox.directorist-checkbox-secondary input[type=radio]:checked+.directorist-checkbox__label:after,
.directorist-checkbox.directorist-checkbox-secondary input[type=radio]:checked+.directorist-radio__label:after {
  background-color: var(--directorist-color-secondary);
  border-color    : var(--directorist-color-secondary)
}

.directorist-checkbox.directorist-checkbox-success input[type=checkbox]:checked+.directorist-checkbox__label:after,
.directorist-checkbox.directorist-checkbox-success input[type=checkbox]:checked+.directorist-radio__label:after,
.directorist-checkbox.directorist-checkbox-success input[type=radio]:checked+.directorist-checkbox__label:after,
.directorist-checkbox.directorist-checkbox-success input[type=radio]:checked+.directorist-radio__label:after {
  background-color: var(--directorist-color-success);
  border-color    : var(--directorist-color-success)
}

.directorist-checkbox.directorist-checkbox-blue input[type=checkbox]:checked+.directorist-checkbox__label:after,
.directorist-checkbox.directorist-checkbox-blue input[type=checkbox]:checked+.directorist-radio__label:after,
.directorist-checkbox.directorist-checkbox-blue input[type=radio]:checked+.directorist-checkbox__label:after,
.directorist-checkbox.directorist-checkbox-blue input[type=radio]:checked+.directorist-radio__label:after {
  background-color: var(--directorist-color-primary);
  border-color    : var(--directorist-color-primary)
}

.directorist-radio.directorist-radio-primary input[type=radio]:checked+.directorist-radio__label:after {
  background-color: var(--directorist-color-white);
  border-color    : var(--directorist-color-primary) !important
}

.directorist-radio.directorist-radio-primary input[type=radio]:checked+.directorist-radio__label:before {
  background-color: var(--directorist-color-primary) !important
}

.directorist-radio.directorist-radio-secondary input[type=radio]:checked+.directorist-radio__label:after {
  background-color: var(--directorist-color-white);
  border-color    : var(--directorist-color-secondary) !important
}

.directorist-radio.directorist-radio-secondary input[type=radio]:checked+.directorist-radio__label:before {
  background-color: var(--directorist-color-secondary) !important
}

.directorist-radio.directorist-radio-blue input[type=radio]:checked+.directorist-radio__label:after {
  background-color: var(--directorist-color-white);
  border-color    : #3e62f5 !important
}

.directorist-radio.directorist-radio-blue input[type=radio]:checked+.directorist-radio__label:before {
  background-color: #3e62f5 !important
}

.directorist-checkbox-rating {
  gap                   : 20px;
  width                 : 100%;
  padding               : 10px 0;
  -webkit-flex-wrap     : wrap;
  -ms-flex-wrap         : wrap;
  flex-wrap             : wrap;
  -webkit-box-orient    : vertical;
  -webkit-box-direction : normal;
  -webkit-flex-direction: column;
  -ms-flex-direction    : column;
  flex-direction        : column;
  -webkit-box-align     : start;
  -webkit-align-items   : flex-start;
  -ms-flex-align        : start;
  align-items           : flex-start
}

.directorist-checkbox-rating input[type=checkbox]+.directorist-checkbox__label {
  display               : -webkit-box;
  display               : -webkit-flex;
  display               : -ms-flexbox;
  display               : flex;
  -webkit-box-orient    : horizontal;
  -webkit-box-direction : normal;
  -webkit-flex-direction: row;
  -ms-flex-direction    : row;
  flex-direction        : row
}

.directorist-checkbox-rating .directorist-icon-mask:after {
  width     : 14px;
  height    : 14px;
  margin-top: 1px
}

.directorist-radio.directorist-radio-theme-admin input[type=radio]+.directorist-radio__label:before {
  width           : 10px;
  height          : 10px;
  top             : 5px;
  left            : 5px;
  background-color: var(--directorist-color-white) !important
}

.directorist-radio.directorist-radio-theme-admin input[type=radio]+.directorist-radio__label:after {
  width             : 20px;
  height            : 20px;
  border-color      : #c6d0dc;
  -webkit-box-sizing: border-box;
  box-sizing        : border-box
}

.directorist-radio.directorist-radio-theme-admin input[type=radio]:checked+.directorist-radio__label:after {
  background-color: #3e62f5;
  border-color    : #3e62f5
}

.directorist-radio.directorist-radio-theme-admin .directorist-radio__label {
  padding-left: 35px !important
}

.directorist-checkbox.directorist-checkbox-theme-admin input[type=checkbox]+.directorist-checkbox__label:before {
  width           : 8px;
  height          : 8px;
  top             : 6px !important;
  left            : 6px !important;
  border-radius   : 50%;
  background-color: var(--directorist-color-white) !important;
  content         : ""
}

.directorist-checkbox.directorist-checkbox-theme-admin input[type=checkbox]+.directorist-checkbox__label:after {
  width             : 20px;
  height            : 20px;
  border-color      : #c6d0dc;
  -webkit-box-sizing: border-box;
  box-sizing        : border-box
}

.directorist-checkbox.directorist-checkbox-theme-admin input[type=checkbox]:checked+.directorist-checkbox__label:after {
  background-color: var(--directorist-color-primary);
  border-color    : var(--directorist-color-primary)
}

.directorist-checkbox.directorist-checkbox-theme-admin .directorist-checkbox__label {
  padding-left: 35px !important
}

.directorist-content-active {
  -webkit-box-sizing: border-box;
  box-sizing        : border-box
}

.directorist-content-active .directorist-author-profile {
  padding: 0
}

.directorist-content-active .directorist-author-profile__wrap {
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack          : justify;
  justify-content        : space-between;
  gap                    : 15px;
  padding                : 25px 30px;
  margin                 : 0 0 40px
}

.directorist-content-active .directorist-author-profile__wrap__body {
  padding: 0
}

@media only screen and (max-width:991px) {
  .directorist-content-active .directorist-author-profile__wrap {
    -webkit-box-orient    : vertical;
    -webkit-box-direction : normal;
    -webkit-flex-direction: column;
    -ms-flex-direction    : column;
    flex-direction        : column
  }
}

@media only screen and (max-width:575px) {
  .directorist-content-active .directorist-author-profile__wrap {
    gap: 8px
  }
}

.directorist-content-active .directorist-author-profile__avatar {
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center;
  -webkit-flex-wrap  : wrap;
  -ms-flex-wrap      : wrap;
  flex-wrap          : wrap;
  gap                : 20px
}

@media only screen and (max-width:575px) {
  .directorist-content-active .directorist-author-profile__avatar {
    -webkit-box-orient    : vertical;
    -webkit-box-direction : normal;
    -webkit-flex-direction: column;
    -ms-flex-direction    : column;
    flex-direction        : column;
    text-align            : center;
    gap                   : 15px
  }
}

.directorist-content-active .directorist-author-profile__avatar img {
  max-width       : 100px !important;
  max-height      : 100px;
  border-radius   : 50%;
  background-color: var(--directorist-color-bg-gray)
}

@media only screen and (max-width:575px) {
  .directorist-content-active .directorist-author-profile__avatar img {
    max-width : 75px !important;
    max-height: 75px !important
  }
}

.directorist-content-active .directorist-author-profile__avatar__info .directorist-author-profile__avatar__info__name {
  margin: 0 0 5px
}

.directorist-content-active .directorist-author-profile__avatar__info__name {
  font-size  : 20px;
  font-weight: 500;
  color      : var(--directorist-color-dark);
  margin     : 0 0 5px
}

@media only screen and (max-width:991px) {
  .directorist-content-active .directorist-author-profile__avatar__info__name {
    margin: 0
  }
}

.directorist-content-active .directorist-author-profile__avatar__info p {
  margin   : 0;
  font-size: 14px;
  color    : var(--directorist-color-body)
}

.directorist-content-active .directorist-author-profile__meta-list {
  margin             : 0;
  padding            : 0;
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  -webkit-flex-wrap  : wrap;
  -ms-flex-wrap      : wrap;
  flex-wrap          : wrap;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center;
  gap                : 15px;
  list-style-type    : none
}

@media only screen and (max-width:991px) {
  .directorist-content-active .directorist-author-profile__meta-list {
    gap                    : 5px 20px;
    -webkit-box-pack       : center;
    -webkit-justify-content: center;
    -ms-flex-pack          : center;
    justify-content        : center
  }
}

@media only screen and (max-width:575px) {
  .directorist-content-active .directorist-author-profile__meta-list {
    -webkit-box-orient    : horizontal;
    -webkit-box-direction : reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction    : row-reverse;
    flex-direction        : row-reverse
  }
}

.directorist-content-active .directorist-author-profile__meta-list__item {
  gap             : 15px;
  margin          : 0;
  padding         : 18px 75px 18px 18px;
  background-color: var(--directorist-color-bg-gray)
}

.directorist-content-active .directorist-author-profile__meta-list__item,
.directorist-content-active .directorist-author-profile__meta-list__item i {
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center;
  border-radius      : 10px
}

.directorist-content-active .directorist-author-profile__meta-list__item i {
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center;
  width                  : 44px;
  height                 : 44px;
  background-color       : var(--directorist-color-primary)
}

.directorist-content-active .directorist-author-profile__meta-list__item i:after {
  width           : 18px;
  height          : 18px;
  background-color: var(--directorist-color-white)
}

@media only screen and (max-width:575px) {
  .directorist-content-active .directorist-author-profile__meta-list__item i {
    width           : auto;
    height          : auto;
    background-color: transparent
  }

  .directorist-content-active .directorist-author-profile__meta-list__item i:after {
    width           : 12px;
    height          : 12px;
    background-color: var(--directorist-color-warning)
  }
}

.directorist-content-active .directorist-author-profile__meta-list__item span {
  display               : -webkit-box;
  display               : -webkit-flex;
  display               : -ms-flexbox;
  display               : flex;
  -webkit-box-orient    : vertical;
  -webkit-box-direction : normal;
  -webkit-flex-direction: column;
  -ms-flex-direction    : column;
  flex-direction        : column;
  font-size             : 14px;
  font-weight           : 400;
  color                 : var(--directorist-color-body)
}

.directorist-content-active .directorist-author-profile__meta-list__item span span {
  font-size  : 18px;
  font-weight: 500;
  line-height: 1.1;
  color      : var(--directorist-color-primary)
}

@media only screen and (max-width:575px) {
  .directorist-content-active .directorist-author-profile__meta-list__item span {
    gap                   : 6px;
    -webkit-box-align     : center;
    -webkit-align-items   : center;
    -ms-flex-align        : center;
    align-items           : center;
    -webkit-box-orient    : unset;
    -webkit-box-direction : unset;
    -webkit-flex-direction: unset;
    -ms-flex-direction    : unset;
    flex-direction        : unset
  }

  .directorist-content-active .directorist-author-profile__meta-list__item span span {
    font-size  : 15px;
    line-height: 1
  }
}

@media only screen and (max-width:767px) {
  .directorist-content-active .directorist-author-profile__meta-list__item {
    padding-right: 50px
  }
}

@media only screen and (max-width:575px) {
  .directorist-content-active .directorist-author-profile__meta-list__item {
    padding      : 0;
    gap          : 5px;
    background   : transparent;
    border-radius: 0
  }

  .directorist-content-active .directorist-author-profile__meta-list__item:not(:first-child) i {
    display: none
  }
}

.directorist-content-active .directorist-author-profile-content {
  -webkit-box-sizing: border-box;
  box-sizing        : border-box;
  max-width         : 100%;
  display           : -webkit-box;
  display           : -webkit-flex;
  display           : -ms-flexbox;
  display           : flex
}

.directorist-content-active .directorist-author-profile-content .directorist-card__header__title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap    : 12px;
  margin : 0
}

.directorist-content-active .directorist-author-profile-content .directorist-card__header__title i {
  width                  : 34px;
  height                 : 34px;
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  border-radius          : 100%;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center;
  background-color       : var(--directorist-color-light)
}

.directorist-content-active .directorist-author-profile-content .directorist-card__header__title i:after {
  width           : 14px;
  height          : 14px;
  background-color: var(--directorist-color-body)
}

@media screen and (min-width:576px) {
  .directorist-content-active .directorist-author-profile-content .directorist-card__header__title i {
    display: none
  }
}

.directorist-content-active .directorist-author-info-list {
  padding: 0;
  margin : 0
}

.directorist-content-active .directorist-author-info-list li {
  margin-left: 0
}

.directorist-content-active .directorist-author-info-list__item {
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  -webkit-box-align  : start;
  -webkit-align-items: flex-start;
  -ms-flex-align     : start;
  align-items        : flex-start;
  gap                : 12px;
  font-size          : 15px;
  color              : var(--directorist-color-body)
}

.directorist-content-active .directorist-author-info-list__item i {
  margin-top: 5px
}

@media screen and (max-width:575px) {
  .directorist-content-active .directorist-author-info-list__item i {
    margin-top             : 0;
    height                 : 34px;
    width                  : 34px;
    min-width              : 34px;
    border-radius          : 100%;
    display                : -webkit-box;
    display                : -webkit-flex;
    display                : -ms-flexbox;
    display                : flex;
    -webkit-box-align      : center;
    -webkit-align-items    : center;
    -ms-flex-align         : center;
    align-items            : center;
    -webkit-box-pack       : center;
    -webkit-justify-content: center;
    -ms-flex-pack          : center;
    justify-content        : center;
    background-color       : var(--directorist-color-light)
  }
}

.directorist-content-active .directorist-author-info-list__item .directorist-label {
  display      : none;
  min-width    : 70px;
  padding-right: 10px;
  margin-right : 8px;
  margin-top   : 5px;
  position     : relative
}

.directorist-content-active .directorist-author-info-list__item .directorist-label:before {
  content : ":";
  position: absolute;
  right   : 0;
  top     : 0
}

@media screen and (max-width:375px) {
  .directorist-content-active .directorist-author-info-list__item .directorist-label {
    min-width: 60px
  }
}

.directorist-content-active .directorist-author-info-list__item .directorist-icon-mask:after {
  width           : 15px;
  height          : 15px;
  background-color: var(--directorist-color-deep-gray)
}

.directorist-content-active .directorist-author-info-list__item .directorist-info {
  word-break: break-all
}

@media screen and (max-width:575px) {
  .directorist-content-active .directorist-author-info-list__item .directorist-info {
    margin-top: 5px;
    word-break: break-all
  }
}

.directorist-content-active .directorist-author-info-list__item a {
  color          : var(--directorist-color-body);
  text-decoration: none
}

.directorist-content-active .directorist-author-info-list__item a:hover {
  color: var(--directorist-color-primary)
}

.directorist-content-active .directorist-author-info-list__item:not(:last-child) {
  margin-bottom: 8px
}

.directorist-content-active .directorist-card__body .directorist-author-info-list {
  padding: 0;
  margin : 0
}

.directorist-content-active .directorist-author-social {
  display          : -webkit-box;
  display          : -webkit-flex;
  display          : -ms-flexbox;
  display          : flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap    : wrap;
  flex-wrap        : wrap;
  gap              : 10px;
  padding          : 0;
  margin           : 22px 0 0;
  list-style       : none
}

.directorist-content-active .directorist-author-social__item {
  margin: 0
}

.directorist-content-active .directorist-author-social__item a {
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  height                 : 36px;
  width                  : 36px;
  text-align             : center;
  background-color       : var(--directorist-color-light);
  border-radius          : 8px;
  font-size              : 15px;
  overflow               : hidden;
  -webkit-transition     : .3s ease;
  transition             : .3s ease;
  text-decoration        : none
}

.directorist-content-active .directorist-author-social__item a .directorist-icon-mask:after {
  background-color  : grey;
  -webkit-transition: .3s ease;
  transition        : .3s ease
}

.directorist-content-active .directorist-author-social__item a span {
  -webkit-transition: .3s ease;
  transition        : .3s ease
}

.directorist-content-active .directorist-author-social__item a:hover {
  background-color: var(--directorist-color-primary)
}

.directorist-content-active .directorist-author-social__item a:hover .directorist-icon-mask:after {
  background-color: var(--directorist-color-white)
}

.directorist-content-active .directorist-author-social__item a:hover span.fa,
.directorist-content-active .directorist-author-social__item a:hover span.la {
  background: none;
  color     : var(--directorist-color-white)
}

.directorist-content-active .directorist-author-contact .directorist-author-social {
  margin: 22px 0 0
}

.directorist-content-active .directorist-author-contact .directorist-author-social li {
  margin: 0
}

.directorist-content-active .directorist-author-info-widget--light .directorist-author-social-item,
.directorist-content-active .directorist-author-social--light .directorist-author-social-item,
.directorist-content-active .directorist-authors-section--light .directorist-author-social-item,
.directorist-content-active .directorist-single-author-info--light .directorist-author-social-item {
  display: inline-block;
  margin : 0
}

.directorist-content-active .directorist-author-info-widget--light .directorist-author-social-item a,
.directorist-content-active .directorist-author-social--light .directorist-author-social-item a,
.directorist-content-active .directorist-authors-section--light .directorist-author-social-item a,
.directorist-content-active .directorist-single-author-info--light .directorist-author-social-item a {
  font-size              : 15px;
  display                : block;
  line-height            : 35px;
  width                  : 36px;
  height                 : 36px;
  text-align             : center;
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center;
  background-color       : var(--directorist-color-light);
  border-radius          : 4px;
  color                  : var(--directorist-color-white);
  overflow               : hidden;
  -webkit-transition     : all .3s ease-in-out;
  transition             : all .3s ease-in-out
}

.directorist-content-active .directorist-author-info-widget--light .directorist-author-social-item a .directorist-icon-mask:after,
.directorist-content-active .directorist-author-social--light .directorist-author-social-item a .directorist-icon-mask:after,
.directorist-content-active .directorist-authors-section--light .directorist-author-social-item a .directorist-icon-mask:after,
.directorist-content-active .directorist-single-author-info--light .directorist-author-social-item a .directorist-icon-mask:after {
  background-color: var(--directorist-color-body)
}

.directorist-content-active .directorist-author-info-widget--light .directorist-author-social-item a:hover,
.directorist-content-active .directorist-author-social--light .directorist-author-social-item a:hover,
.directorist-content-active .directorist-authors-section--light .directorist-author-social-item a:hover,
.directorist-content-active .directorist-single-author-info--light .directorist-author-social-item a:hover {
  background-color: var(--directorist-color-primary)
}

.directorist-content-active .directorist-author-info-widget--light .directorist-author-social-item a:hover .directorist-icon-mask:after,
.directorist-content-active .directorist-author-social--light .directorist-author-social-item a:hover .directorist-icon-mask:after,
.directorist-content-active .directorist-authors-section--light .directorist-author-social-item a:hover .directorist-icon-mask:after,
.directorist-content-active .directorist-single-author-info--light .directorist-author-social-item a:hover .directorist-icon-mask:after {
  background-color: var(--directorist-color-white)
}

.directorist-content-active .directorist-author-listing-top {
  display               : -webkit-box;
  display               : -webkit-flex;
  display               : -ms-flexbox;
  display               : flex;
  -webkit-box-orient    : vertical;
  -webkit-box-direction : normal;
  -webkit-flex-direction: column;
  -ms-flex-direction    : column;
  flex-direction        : column;
  margin-bottom         : 30px;
  border-bottom         : 1px solid var(--directorist-color-border)
}

.directorist-content-active .directorist-author-listing-top__title {
  font-size  : 30px;
  font-weight: 400;
  margin     : 0 0 52px;
  text-align : center
}

.directorist-content-active .directorist-author-listing-top__filter {
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-align      : baseline;
  -webkit-align-items    : baseline;
  -ms-flex-align         : baseline;
  align-items            : baseline;
  -webkit-box-pack       : justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack          : justify;
  justify-content        : space-between;
  -webkit-flex-wrap      : wrap;
  -ms-flex-wrap          : wrap;
  flex-wrap              : wrap;
  gap                    : 30px
}

.directorist-content-active .directorist-author-listing-top__filter .directorist-dropdown__links {
  max-height: 300px;
  overflow-y: auto
}

.directorist-content-active .directorist-author-listing-top .directorist-type-nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.directorist-content-active .directorist-author-listing-top .directorist-type-nav__link {
  -webkit-box-orient    : horizontal;
  -webkit-box-direction : normal;
  -webkit-flex-direction: row;
  -ms-flex-direction    : row;
  flex-direction        : row;
  gap                   : 7px;
  font-size             : 14px;
  font-weight           : 400;
  color                 : var(--directorist-color-deep-gray)
}

.directorist-content-active .directorist-author-listing-top .directorist-type-nav__link i {
  margin: 0
}

.directorist-content-active .directorist-author-listing-top .directorist-type-nav__link i:after {
  background-color: var(--directorist-color-deep-gray)
}

.directorist-content-active .directorist-author-listing-top .directorist-type-nav__link:hover {
  color: var(--directorist-color-primary)
}

.directorist-content-active .directorist-author-listing-top .directorist-type-nav__link:hover i:after {
  background-color: var(--directorist-color-primary)
}

.directorist-content-active .directorist-author-listing-top .directorist-type-nav__list {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex
}

.directorist-content-active .directorist-author-listing-top .directorist-type-nav__list li {
  margin : 0;
  padding: 0
}

.directorist-content-active .directorist-author-listing-top .directorist-type-nav__list__current {
  color: var(--directorist-color-primary)
}

.directorist-content-active .directorist-author-listing-top .directorist-type-nav__list__current i:after {
  background-color: var(--directorist-color-primary)
}

.directorist-content-active .directorist-author-listing-top .directorist-dropdown__toggle {
  position  : relative;
  top       : -10px;
  gap       : 10px;
  background: transparent !important;
  border    : none;
  padding   : 0;
  min-height: 30px;
  color     : var(--directorist-color-body)
}

@media screen and (max-width:575px) {
  .directorist-content-active .directorist-author-listing-top .directorist-dropdown__toggle {
    font-size: 0;
    top      : -5px
  }

  .directorist-content-active .directorist-author-listing-top .directorist-dropdown__toggle:after {
    -webkit-mask-image : url(../images/87cd0434594c4fe6756c2af1404a5f32.svg);
    mask-image         : url(../images/87cd0434594c4fe6756c2af1404a5f32.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat        : no-repeat;
    width              : 16px;
    height             : 12px;
    background-color   : var(--directorist-color-body)
  }
}

@media screen and (max-width:575px) {
  .directorist-content-active .directorist-author-listing-top .directorist-type-nav .directorist-type-nav__link i {
    display: none
  }
}

.directorist-content-active .directorist-author-listing-content {
  padding: 0
}

.directorist-content-active .directorist-author-listing-content .directorist-pagination {
  padding-top: 35px
}

.directorist-content-active .directorist-author-listing-type .directorist-type-nav {
  background: none
}

.directorist-category-child__card {
  border       : 1px solid #eee;
  border-radius: 4px
}

.directorist-category-child__card__header {
  padding      : 10px 20px;
  border-bottom: 1px solid #eee
}

.directorist-category-child__card__header a {
  font-size  : 18px;
  font-weight: 600;
  color      : #222 !important
}

.directorist-category-child__card__header i {
  width                  : 35px;
  height                 : 35px;
  border-radius          : 50%;
  background-color       : #2c99ff;
  color                  : var(--directorist-color-white);
  font-size              : 16px;
  display                : -webkit-inline-box;
  display                : -webkit-inline-flex;
  display                : -ms-inline-flexbox;
  display                : inline-flex;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center;
  margin-right           : 5px
}

.directorist-category-child__card__body {
  padding: 15px 20px
}

.directorist-category-child__card__body li:not(:last-child) {
  margin-bottom: 5px
}

.directorist-category-child__card__body li a {
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack          : justify;
  justify-content        : space-between;
  color                  : #444752
}

.directorist-category-child__card__body li a span {
  color: var(--directorist-color-body)
}

.directorist-archive-contents {
  -webkit-box-sizing: border-box;
  box-sizing        : border-box
}

.directorist-archive-contents .directorist-archive-items .directorist-pagination {
  margin-top: 35px
}

.directorist-archive-contents .gm-style-iw-chr,
.directorist-archive-contents .gm-style-iw-tc {
  display: none
}

@media screen and (max-width:575px) {
  .directorist-archive-contents .directorist-archive-contents__top {
    padding: 15px 20px 0
  }

  .directorist-archive-contents .directorist-archive-contents__top .directorist-type-nav {
    margin: 0 0 25px
  }

  .directorist-archive-contents .directorist-type-nav__link .directorist-icon-mask {
    display: none
  }
}

.directorist-content-active .directorist-type-nav__link {
  position              : relative;
  display               : -webkit-box;
  display               : -webkit-flex;
  display               : -ms-flexbox;
  display               : flex;
  -webkit-box-align     : center;
  -webkit-align-items   : center;
  -ms-flex-align        : center;
  align-items           : center;
  -webkit-box-orient    : vertical;
  -webkit-box-direction : normal;
  -webkit-flex-direction: column;
  -ms-flex-direction    : column;
  flex-direction        : column;
  font-size             : 15px;
  font-weight           : 500;
  line-height           : 20px;
  text-decoration       : none;
  white-space           : nowrap;
  padding               : 0 0 8px;
  border-bottom         : 2px solid transparent;
  color                 : var(--directorist-color-body)
}

.directorist-content-active .directorist-type-nav__link:hover {
  color: var(--directorist-color-primary)
}

.directorist-content-active .directorist-type-nav__link:hover .directorist-icon-mask:after {
  background-color: var(--directorist-color-primary)
}

.directorist-content-active .directorist-type-nav__link:focus {
  background-color: transparent
}

.directorist-content-active .directorist-type-nav__link .directorist-icon-mask {
  display: inline-block;
  margin : 0 0 10px
}

.directorist-content-active .directorist-type-nav__link .directorist-icon-mask:after {
  width           : 22px;
  height          : 20px;
  background-color: var(--directorist-color-body)
}

.directorist-content-active .directorist-type-nav__list {
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center;
  -webkit-box-align      : end;
  -webkit-align-items    : flex-end;
  -ms-flex-align         : end;
  align-items            : flex-end;
  -webkit-flex-wrap      : wrap;
  -ms-flex-wrap          : wrap;
  flex-wrap              : wrap;
  gap                    : 25px;
  padding                : 0;
  margin                 : 0;
  list-style-type        : none;
  overflow-x             : auto;
  scrollbar-width        : thin
}

@media only screen and (max-width:767px) {
  .directorist-content-active .directorist-type-nav__list {
    overflow-x       : auto;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap    : nowrap;
    flex-wrap        : nowrap
  }
}

@media only screen and (max-width:575px) {
  .directorist-content-active .directorist-type-nav__list {
    -webkit-box-pack       : start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack          : start;
    justify-content        : flex-start
  }
}

.directorist-content-active .directorist-type-nav__list::-webkit-scrollbar {
  display: none
}

.directorist-content-active .directorist-type-nav__list li {
  -webkit-box-flex: 0;
  -webkit-flex    : none;
  -ms-flex        : none;
  flex            : none;
  margin          : 0;
  list-style      : none;
  line-height     : 1
}

.directorist-content-active .directorist-type-nav__list a {
  text-decoration: unset
}

.directorist-content-active .directorist-type-nav__list .current .directorist-type-nav__link,
.directorist-content-active .directorist-type-nav__list .directorist-type-nav__list__current .directorist-type-nav__link {
  color       : var(--directorist-color-primary);
  border-color: var(--directorist-color-primary)
}

.directorist-content-active .directorist-type-nav__list .current .directorist-icon-mask:after,
.directorist-content-active .directorist-type-nav__list .directorist-type-nav__list__current .directorist-icon-mask:after {
  background-color: var(--directorist-color-primary)
}

.directorist-content-active .directorist-archive-contents__top .directorist-type-nav {
  margin-bottom: 30px
}

.directorist-content-active .directorist-archive-contents__top .directorist-header-bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin : 30px 0
}

@media screen and (max-width:575px) {
  .directorist-content-active .directorist-archive-contents__top .directorist-header-bar .directorist-listings-header .directorist-modal-btn--full {
    display: none
  }

  .directorist-content-active .directorist-archive-contents__top .directorist-header-bar .directorist-container-fluid {
    padding: 0
  }
}

.directorist-content-active .directorist-listings-header {
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack          : justify;
  justify-content        : space-between;
  -webkit-flex-wrap      : wrap;
  -ms-flex-wrap          : wrap;
  flex-wrap              : wrap;
  gap                    : 15px;
  width                  : 100%
}

.directorist-content-active .directorist-listings-header .directorist-dropdown .directorist-dropdown__links {
  top: 42px
}

.directorist-content-active .directorist-listings-header .directorist-header-found-title {
  margin     : 0;
  padding    : 0;
  font-size  : 14px;
  font-weight: 400;
  color      : var(--directorist-color-body)
}

.directorist-content-active .directorist-listings-header__left {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap    : wrap;
  flex-wrap        : wrap;
  gap              : 15px
}

.directorist-content-active .directorist-listings-header__left,
.directorist-content-active .directorist-listings-header__left .directorist-filter-btn {
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center
}

.directorist-content-active .directorist-listings-header__left .directorist-filter-btn {
  gap               : 5px;
  font-size         : 14px;
  font-weight       : 400;
  color             : var(--directorist-color-body);
  background-color  : var(--directorist-color-light) !important;
  border            : 2px solid var(--directorist-color-white);
  padding           : 0 20px;
  border-radius     : 8px;
  cursor            : pointer;
  -webkit-transition: all .3s ease;
  transition        : all .3s ease
}

.directorist-content-active .directorist-listings-header__left .directorist-filter-btn .directorist-icon-mask:after {
  width       : 14px;
  height      : 14px;
  margin-right: 2px
}

.directorist-content-active .directorist-listings-header__left .directorist-filter-btn:hover {
  background-color: var(--directorist-color-bg-gray) !important;
  color           : rgba(var(--directorist-color-btn-primary-rgb), .8)
}

.directorist-content-active .directorist-listings-header__right {
  display          : -webkit-box;
  display          : -webkit-flex;
  display          : -ms-flexbox;
  display          : flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap    : wrap;
  flex-wrap        : wrap;
  gap              : 10px
}

@media screen and (max-width:425px) {
  .directorist-content-active .directorist-listings-header__right {
    -webkit-box-flex      : 0;
    -webkit-flex          : 0 0 100%;
    -ms-flex              : 0 0 100%;
    flex                  : 0 0 100%;
    -webkit-box-orient    : vertical;
    -webkit-box-direction : normal;
    -webkit-flex-direction: column;
    -ms-flex-direction    : column;
    flex-direction        : column
  }

  .directorist-content-active .directorist-listings-header__right .directorist-dropdown__links {
    right    : unset;
    left     : 0;
    max-width: 250px
  }
}

.directorist-content-active .directorist-listings-header__right .directorist-dropdown .directorist-dropdown__links__single {
  cursor: pointer
}

.directorist-content-active .directorist-listings-header__right .directorist-dropdown .directorist-dropdown__links__single:hover {
  background-color: var(--directorist-color-light)
}

.directorist-content-active .directorist-archive-items {
  display               : -webkit-box;
  display               : -webkit-flex;
  display               : -ms-flexbox;
  display               : flex;
  -webkit-box-orient    : vertical;
  -webkit-box-direction : normal;
  -webkit-flex-direction: column;
  -ms-flex-direction    : column;
  flex-direction        : column
}

.directorist-content-active .directorist-archive-items .directorist-archive-notfound {
  padding: 15px
}

.directorist-viewas {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap    : wrap;
  flex-wrap        : wrap;
  gap              : 8px
}

.directorist-viewas,
.directorist-viewas__item {
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center
}

.directorist-viewas__item {
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center;
  -webkit-box-sizing     : border-box;
  box-sizing             : border-box;
  width                  : 40px;
  height                 : 40px;
  border-radius          : 8px;
  border                 : 2px solid var(--directorist-color-white);
  background-color       : var(--directorist-color-light);
  color                  : var(--directorist-color-body)
}

.directorist-viewas__item i:after {
  width           : 16px;
  height          : 16px;
  background-color: var(--directorist-color-body)
}

.directorist-viewas__item.active {
  border-color    : var(--directorist-color-primary);
  background-color: var(--directorist-color-primary)
}

.directorist-viewas__item.active i:after {
  background-color: var(--directorist-color-white)
}

@media only screen and (max-width:575px) {
  .directorist-viewas__item--list {
    display: none
  }
}

.listing-with-sidebar {
  display          : -webkit-box;
  display          : -webkit-flex;
  display          : -ms-flexbox;
  display          : flex;
  gap              : 30px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap    : wrap;
  flex-wrap        : wrap
}

@media only screen and (max-width:991px) {
  .listing-with-sidebar {
    -webkit-box-orient    : vertical;
    -webkit-box-direction : normal;
    -webkit-flex-direction: column;
    -ms-flex-direction    : column;
    flex-direction        : column
  }

  .listing-with-sidebar .directorist-advanced-filter__form {
    width: 100%
  }
}

@media only screen and (max-width:575px) {
  .listing-with-sidebar .directorist-search-form__top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap    : 10px;
    width  : 100%;
    margin : 0
  }

  .listing-with-sidebar .directorist-search-form-action__submit {
    display: block
  }

  .listing-with-sidebar .listing-with-sidebar__header .directorist-header-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
  }
}

.listing-with-sidebar__wrapper {
  display               : -webkit-box;
  display               : -webkit-flex;
  display               : -ms-flexbox;
  display               : flex;
  gap                   : 30px;
  -webkit-box-orient    : vertical;
  -webkit-box-direction : normal;
  -webkit-flex-direction: column;
  -ms-flex-direction    : column;
  flex-direction        : column
}

.listing-with-sidebar__type-nav {
  -webkit-box-flex: 0;
  -webkit-flex    : 0 0 100%;
  -ms-flex        : 0 0 100%;
  flex            : 0 0 100%
}

.listing-with-sidebar__type-nav .directorist-type-nav__list {
  gap: 40px
}

.listing-with-sidebar__searchform {
  -webkit-box-flex: 0;
  -webkit-flex    : 0 0 100%;
  -ms-flex        : 0 0 100%;
  flex            : 0 0 100%
}

@media only screen and (max-width:767px) {
  .listing-with-sidebar__searchform .directorist-search-form__box {
    padding: 15px
  }
}

@media only screen and (max-width:575px) {
  .listing-with-sidebar__searchform .directorist-search-form__box {
    -webkit-box-shadow: var(--directorist-box-shadow);
    box-shadow        : var(--directorist-box-shadow);
    border            : 1px solid var(--directorist-color-border-light)
  }
}

.listing-with-sidebar__searchform .directorist-search-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.listing-with-sidebar__searchform .directorist-search-form .directorist-filter-location-icon {
  right            : 15px;
  top              : unset;
  -webkit-transform: unset;
  transform        : unset;
  bottom           : 8px
}

.listing-with-sidebar__searchform .directorist-advanced-filter__form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width  : 100%;
  gap    : 20px
}

@media only screen and (max-width:767px) {
  .listing-with-sidebar__searchform .directorist-advanced-filter__form {
    -webkit-box-orient    : vertical;
    -webkit-box-direction : normal;
    -webkit-flex-direction: column;
    -ms-flex-direction    : column;
    flex-direction        : column
  }
}

.listing-with-sidebar__searchform .directorist-search-contents {
  padding: 0
}

.listing-with-sidebar__searchform .directorist-search-form-dropdown.input-has-value .directorist-search-field__input,
.listing-with-sidebar__searchform .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input {
  bottom: 0
}

.listing-with-sidebar__searchform .directorist-search-field-price_range>label,
.listing-with-sidebar__searchform .directorist-search-field-pricing>label,
.listing-with-sidebar__searchform .directorist-search-field-radius_search>label,
.listing-with-sidebar__searchform .directorist-search-field-text_range>label,
.listing-with-sidebar__searchform .directorist-search-field__number>label {
  position         : unset;
  -webkit-transform: unset;
  transform        : unset;
  display          : block;
  font-size        : 14px;
  margin-bottom    : 15px
}

.listing-with-sidebar__header {
  -webkit-box-flex: 0;
  -webkit-flex    : 0 0 100%;
  -ms-flex        : 0 0 100%;
  flex            : 0 0 100%
}

.listing-with-sidebar__header .directorist-header-bar {
  margin: 0
}

.listing-with-sidebar__header .directorist-container-fluid {
  padding: 0
}

.listing-with-sidebar__header .directorist-archive-sidebar-toggle {
  width           : auto;
  font-size       : 14px;
  font-weight     : 400;
  min-height      : 40px;
  padding         : 0 20px;
  border-radius   : 8px;
  text-transform  : capitalize;
  text-decoration : none !important;
  color           : var(--directorist-color-primary);
  background-color: var(--directorist-color-light);
  border          : 2px solid var(--directorist-color-white);
  cursor          : pointer;
  display         : none
}

.listing-with-sidebar__header .directorist-archive-sidebar-toggle .directorist-icon-mask {
  margin-right: 5px
}

.listing-with-sidebar__header .directorist-archive-sidebar-toggle .directorist-icon-mask:after {
  background-color: currentColor;
  width           : 14px;
  height          : 14px
}

@media only screen and (max-width:991px) {
  .listing-with-sidebar__header .directorist-archive-sidebar-toggle {
    display            : -webkit-inline-box;
    display            : -webkit-inline-flex;
    display            : -ms-inline-flexbox;
    display            : inline-flex;
    -webkit-box-align  : center;
    -webkit-align-items: center;
    -ms-flex-align     : center;
    align-items        : center
  }
}

.listing-with-sidebar__header .directorist-archive-sidebar-toggle--active {
  color           : var(--directorist-color-white);
  background-color: var(--directorist-color-primary)
}

.listing-with-sidebar__header .directorist-archive-sidebar-toggle--active .directorist-icon-mask:after {
  background-color: var(--directorist-color-white)
}

.listing-with-sidebar__sidebar {
  display         : -webkit-inline-box;
  display         : -webkit-inline-flex;
  display         : -ms-inline-flexbox;
  display         : inline-flex;
  -webkit-box-flex: 1;
  -webkit-flex    : 1;
  -ms-flex        : 1;
  flex            : 1;
  height          : 100%;
  max-width       : 350px
}

.listing-with-sidebar__sidebar form {
  width: 100%
}

.listing-with-sidebar__sidebar .directorist-advanced-filter__close {
  display: none
}

@media screen and (max-width:1199px) {
  .listing-with-sidebar__sidebar {
    max-width: 300px;
    min-width: 300px
  }
}

@media only screen and (max-width:991px) {
  .listing-with-sidebar__sidebar {
    position          : fixed;
    left              : -360px;
    top               : 0;
    height            : 100svh;
    background-color  : #fff;
    z-index           : 9999;
    overflow          : auto;
    -webkit-box-shadow: 0 10px 15px rgba(var(--directorist-color-dark-rgb), .15);
    box-shadow        : 0 10px 15px rgba(var(--directorist-color-dark-rgb), .15);
    visibility        : hidden;
    opacity           : 0;
    -webkit-transition: .3s ease;
    transition        : .3s ease
  }

  .listing-with-sidebar__sidebar .directorist-search-form__box-wrap {
    padding-bottom: 30px
  }

  .listing-with-sidebar__sidebar .directorist-advanced-filter__close {
    display         : -webkit-box;
    display         : -webkit-flex;
    display         : -ms-flexbox;
    display         : flex;
    width           : 40px;
    height          : 40px;
    border-radius   : 100%;
    background-color: var(--directorist-color-light)
  }
}

@media only screen and (max-width:575px) {
  .listing-with-sidebar__sidebar .directorist-search-field .directorist-price-ranges {
    margin-top: 15px
  }
}

.listing-with-sidebar__sidebar--open {
  left      : 0;
  visibility: visible;
  opacity   : 1
}

.listing-with-sidebar__sidebar .directorist-form-group label {
  font-size  : 15px;
  font-weight: 500;
  color      : var(--directorist-color-dark)
}

.listing-with-sidebar__sidebar .directorist-search-contents {
  padding: 0
}

.listing-with-sidebar__sidebar .directorist-search-basic-dropdown-content {
  display: block !important
}

.listing-with-sidebar__sidebar .directorist-search-form__box {
  padding: 0
}

@media only screen and (max-width:991px) {
  .listing-with-sidebar__sidebar .directorist-search-form__box {
    display           : block;
    height            : 100svh;
    -webkit-box-shadow: none;
    box-shadow        : none;
    border            : none
  }

  .listing-with-sidebar__sidebar .directorist-search-form__box .directorist-advanced-filter__advanced {
    display: block
  }
}

.listing-with-sidebar__sidebar .directorist-search-field__input.directorist-form-element:not([type=number]) {
  padding-right: 20px
}

.listing-with-sidebar__sidebar .directorist-advanced-filter__top {
  width                  : 100%;
  padding                : 25px 30px 20px;
  border-bottom          : 1px solid var(--directorist-color-light);
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack          : justify;
  justify-content        : space-between;
  -webkit-box-sizing     : border-box;
  box-sizing             : border-box
}

.listing-with-sidebar__sidebar .directorist-advanced-filter__title {
  margin     : 0;
  font-size  : 20px;
  font-weight: 500;
  color      : var(--directorist-color-dark)
}

.listing-with-sidebar__sidebar .directorist-advanced-filter__advanced {
  -webkit-box-flex  : 1;
  -webkit-flex      : 1;
  -ms-flex          : 1;
  flex              : 1;
  -webkit-box-sizing: border-box;
  box-sizing        : border-box;
  padding           : 25px 30px 0
}

.listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field>label {
  font-size  : 16px;
  font-weight: 500;
  margin     : 0
}

.listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field.directorist-search-field-price_range>label,
.listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field.directorist-search-field-radius_search>label,
.listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field.directorist-search-field-text_range>label {
  position     : unset;
  margin-bottom: 15px;
  color        : var(--directorist-color-body)
}

.listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field.directorist-search-field__number>label {
  position: unset
}

.listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field .directorist-checkbox-wrapper,
.listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field .directorist-radio-wrapper,
.listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-review,
.listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-tags {
  margin-top: 13px
}

@media only screen and (max-width:575px) {

  .listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field .directorist-checkbox-wrapper,
  .listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field .directorist-radio-wrapper,
  .listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-review,
  .listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-tags {
    margin-top: 5px
  }
}

.listing-with-sidebar__sidebar .directorist-form-group:last-child .directorist-search-field {
  margin-bottom: 0
}

.listing-with-sidebar__sidebar .directorist-advanced-filter__action {
  width                 : 100%;
  -webkit-box-orient    : vertical;
  -webkit-box-direction : normal;
  -webkit-flex-direction: column;
  -ms-flex-direction    : column;
  flex-direction        : column;
  -webkit-box-align     : start;
  -webkit-align-items   : flex-start;
  -ms-flex-align        : start;
  align-items           : flex-start;
  padding               : 25px 30px 30px;
  border-top            : 1px solid var(--directorist-color-light);
  -webkit-box-sizing    : border-box;
  box-sizing            : border-box
}

.listing-with-sidebar__sidebar .directorist-advanced-filter__action.directorist-advanced-filter__action--ajax {
  padding   : 0;
  border    : none;
  text-align: end;
  margin    : -20px 0 20px;
  z-index   : 1
}

.listing-with-sidebar__sidebar .directorist-advanced-filter__action.directorist-advanced-filter__action--ajax .directorist-btn-reset-ajax {
  padding    : 0;
  color      : var(--directorist-color-info);
  background : transparent;
  width      : auto;
  height     : auto;
  line-height: normal;
  font-size  : 14px
}

.listing-with-sidebar__sidebar .directorist-advanced-filter__action.directorist-advanced-filter__action--ajax.reset-btn-disabled {
  display: none
}

.listing-with-sidebar__sidebar .directorist-search-modal__contents__footer {
  position        : relative;
  background-color: transparent
}

.listing-with-sidebar__sidebar .directorist-btn-reset-js {
  width           : 100%;
  height          : 50px;
  line-height     : 50px;
  padding         : 0 32px;
  border          : none;
  border-radius   : 8px;
  text-align      : center;
  text-transform  : none;
  text-decoration : none;
  cursor          : pointer;
  background-color: var(--directorist-color-light)
}

.listing-with-sidebar__sidebar .directorist-btn-reset-js:disabled {
  opacity: .5;
  cursor : not-allowed
}

.listing-with-sidebar__sidebar .directorist-btn-submit {
  width: 100%
}

.listing-with-sidebar__sidebar .directorist-price-ranges__price-frequency__btn .directorist-pf-range {
  width: 54px
}

@media screen and (max-width:575px) {
  .listing-with-sidebar__sidebar .directorist-price-ranges__price-frequency__btn .directorist-pf-range {
    width: 100%
  }
}

.listing-with-sidebar__sidebar .directorist-price-ranges__price-frequency__btn:last-child {
  border: 0
}

.listing-with-sidebar__sidebar .directorist-checkbox-wrapper,
.listing-with-sidebar__sidebar .directorist-radio-wrapper,
.listing-with-sidebar__sidebar .directorist-search-tags {
  -webkit-box-orient    : vertical;
  -webkit-box-direction : normal;
  -webkit-flex-direction: column;
  -ms-flex-direction    : column;
  flex-direction        : column
}

.listing-with-sidebar__sidebar.right-sidebar-contents {
  -webkit-box-ordinal-group: 3;
  -webkit-order            : 2;
  -ms-flex-order           : 2;
  order                    : 2
}

.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__label {
  font-size  : 14px;
  font-weight: 400;
  color      : var(--directorist-color-body)
}

.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__label.directorist-search-basic-dropdown-label {
  position         : unset;
  -webkit-transform: unset;
  transform        : unset;
  font-size        : 16px;
  font-weight      : 500
}

.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__label.directorist-search-basic-dropdown-label i,
.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__label.directorist-search-basic-dropdown-label span {
  display: none
}

.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__input::-webkit-input-placeholder {
  opacity           : 0;
  -webkit-transition: opacity .3s ease;
  transition        : opacity .3s ease
}

.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__input::-moz-placeholder {
  opacity        : 0;
  -moz-transition: opacity .3s ease;
  transition     : opacity .3s ease
}

.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__input:-ms-input-placeholder {
  opacity       : 0;
  -ms-transition: opacity .3s ease;
  transition    : opacity .3s ease
}

.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__input::-ms-input-placeholder {
  opacity       : 0;
  -ms-transition: opacity .3s ease;
  transition    : opacity .3s ease
}

.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__input::placeholder {
  opacity           : 0;
  -webkit-transition: opacity .3s ease;
  transition        : opacity .3s ease
}

.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused {
  width     : 100%;
  display   : -webkit-inline-box;
  display   : -webkit-inline-flex;
  display   : -ms-inline-flexbox;
  display   : inline-flex;
  margin-top: 40px
}

.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused .directorist-search-field__label {
  top              : -35px;
  -webkit-transform: unset;
  transform        : unset;
  font-size        : 16px;
  font-weight      : 500;
  margin           : 0 0 10px;
  z-index          : 1
}

.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused .directorist-search-field__input {
  bottom: 0;
  width : 100%
}

.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused .directorist-search-field__input::-webkit-input-placeholder {
  opacity: 1
}

.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused .directorist-search-field__input::-moz-placeholder {
  opacity: 1
}

.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused .directorist-search-field__input:-ms-input-placeholder {
  opacity: 1
}

.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused .directorist-search-field__input::-ms-input-placeholder {
  opacity: 1
}

.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused .directorist-search-field__input::placeholder {
  opacity: 1
}

.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused.input-has-noLabel {
  margin-top: 0
}

.listing-with-sidebar__sidebar .directorist-form-group.directorist-icon-right .directorist-input-icon {
  right: 0
}

.listing-with-sidebar__sidebar .directorist-form-group.directorist-icon-left .directorist-input-icon {
  left: 0
}

.listing-with-sidebar__sidebar .directorist-color-picker-wrap .wp-picker-container .wp-picker-input-wrap {
  margin-bottom: 0
}

.listing-with-sidebar__sidebar .directorist-color-picker-wrap .wp-picker-container .wp-picker-input-wrap .wp-picker-clear {
  margin: 0;
  width : 100px
}

.listing-with-sidebar__sidebar .directorist-color-picker-wrap .wp-picker-container .wp-picker-holder {
  margin-top: 10px
}

.listing-with-sidebar__listing {
  display               : -webkit-inline-box;
  display               : -webkit-inline-flex;
  display               : -ms-inline-flexbox;
  display               : inline-flex;
  -webkit-box-flex      : 1;
  -webkit-flex          : 1;
  -ms-flex              : 1;
  flex                  : 1;
  padding               : 0;
  -webkit-flex-wrap     : wrap;
  -ms-flex-wrap         : wrap;
  flex-wrap             : wrap;
  -webkit-box-orient    : vertical;
  -webkit-box-direction : normal;
  -webkit-flex-direction: column;
  -ms-flex-direction    : column;
  flex-direction        : column
}

.listing-with-sidebar__listing .directorist-archive-items,
.listing-with-sidebar__listing .directorist-header-bar {
  width  : 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.listing-with-sidebar__listing .directorist-archive-items .directorist-container-fluid,
.listing-with-sidebar__listing .directorist-header-bar .directorist-container-fluid {
  padding: 0
}

.listing-with-sidebar__listing .directorist-archive-items {
  -webkit-box-orient    : vertical;
  -webkit-box-direction : normal;
  -webkit-flex-direction: column;
  -ms-flex-direction    : column;
  flex-direction        : column
}

.listing-with-sidebar__listing .directorist-search-modal-advanced {
  display: none
}

.listing-with-sidebar__contents {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap    : 30px
}

@media screen and (max-width:575px) {
  .listing-with-sidebar .directorist-search-form__top .directorist-search-field {
    padding: 0;
    margin : 0 20px 0 0
  }

  .listing-with-sidebar .directorist-search-form__top .directorist-search-field .directorist-select {
    width: calc(100% + 20px)
  }

  .listing-with-sidebar .directorist-search-form__top .directorist-search-field.input-has-value,
  .listing-with-sidebar .directorist-search-form__top .directorist-search-field.input-is-focused {
    margin: 0 25px
  }

  .listing-with-sidebar .directorist-search-form__top .directorist-search-field.input-has-value.input-has-noLabel,
  .listing-with-sidebar .directorist-search-form__top .directorist-search-field.input-is-focused.input-has-noLabel {
    margin: 0
  }

  .listing-with-sidebar .directorist-search-form__top .directorist-search-field.input-has-value.input-has-noLabel .directorist-filter-location-icon,
  .listing-with-sidebar .directorist-search-form__top .directorist-search-field.input-is-focused.input-has-noLabel .directorist-filter-location-icon {
    right: 0
  }

  .listing-with-sidebar .directorist-search-form__top .directorist-search-field.input-has-value.input-has-noLabel .directorist-select,
  .listing-with-sidebar .directorist-search-form__top .directorist-search-field.input-is-focused.input-has-noLabel .directorist-select {
    width: 100%
  }

  .listing-with-sidebar .directorist-search-form__top .directorist-search-field .directorist-filter-location-icon {
    right: -15px
  }
}

@media only screen and (max-width:991px) {
  .logged-in .listing-with-sidebar__sidebar .directorist-search-form__box {
    padding-top: 30px
  }
}

@media only screen and (max-width:767px) {
  .logged-in .listing-with-sidebar__sidebar .directorist-search-form__box {
    padding-top: 46px
  }
}

@media only screen and (max-width:600px) {
  .logged-in .listing-with-sidebar__sidebar .directorist-search-form__box {
    padding-top: 0
  }
}

.directorist-advanced-filter__basic {
  -webkit-box-orient    : vertical;
  -webkit-box-direction : normal;
  -webkit-flex-direction: column;
  -ms-flex-direction    : column;
  flex-direction        : column
}

.directorist-advanced-filter__basic,
.directorist-advanced-filter__basic__element {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.directorist-advanced-filter__basic__element .directorist-search-field {
  -webkit-box-orient    : vertical;
  -webkit-box-direction : normal;
  -webkit-flex-direction: column;
  -ms-flex-direction    : column;
  flex-direction        : column;
  -webkit-box-align     : start;
  -webkit-align-items   : flex-start;
  -ms-flex-align        : start;
  align-items           : flex-start;
  -webkit-flex-wrap     : wrap;
  -ms-flex-wrap         : wrap;
  flex-wrap             : wrap;
  width                 : 100%;
  padding               : 0;
  margin                : 0 0 40px
}

@media screen and (max-width:575px) {
  .directorist-advanced-filter__basic__element .directorist-search-field {
    margin: 0 0 20px
  }
}

.directorist-advanced-filter__basic__element .directorist-checkbox-wrapper,
.directorist-advanced-filter__basic__element .directorist-radio-wrapper,
.directorist-advanced-filter__basic__element .directorist-search-tags {
  gap              : 15px;
  margin           : 0;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap    : wrap;
  flex-wrap        : wrap
}

.directorist-advanced-filter__basic__element .directorist-checkbox-wrapper .directorist-checkbox,
.directorist-advanced-filter__basic__element .directorist-checkbox-wrapper .directorist-radio,
.directorist-advanced-filter__basic__element .directorist-radio-wrapper .directorist-checkbox,
.directorist-advanced-filter__basic__element .directorist-radio-wrapper .directorist-radio,
.directorist-advanced-filter__basic__element .directorist-search-tags .directorist-checkbox,
.directorist-advanced-filter__basic__element .directorist-search-tags .directorist-radio {
  margin          : 0;
  -webkit-box-flex: 0;
  -webkit-flex    : 0 0 46%;
  -ms-flex        : 0 0 46%;
  flex            : 0 0 46%
}

@media only screen and (max-width:575px) {

  .directorist-advanced-filter__basic__element .directorist-checkbox-wrapper .directorist-checkbox,
  .directorist-advanced-filter__basic__element .directorist-checkbox-wrapper .directorist-radio,
  .directorist-advanced-filter__basic__element .directorist-radio-wrapper .directorist-checkbox,
  .directorist-advanced-filter__basic__element .directorist-radio-wrapper .directorist-radio,
  .directorist-advanced-filter__basic__element .directorist-search-tags .directorist-checkbox,
  .directorist-advanced-filter__basic__element .directorist-search-tags .directorist-radio {
    -webkit-box-flex: 0;
    -webkit-flex    : 0 0 100%;
    -ms-flex        : 0 0 100%;
    flex            : 0 0 100%
  }
}

.directorist-advanced-filter__basic__element .directorist-form-group .directorist-filter-location-icon {
  margin-top: 3px;
  z-index   : 99
}

.directorist-advanced-filter__basic__element .form-group {
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack          : justify;
  justify-content        : space-between;
  gap                    : 20px;
  padding                : 0;
  margin                 : 0 0 40px
}

@media screen and (max-width:575px) {
  .directorist-advanced-filter__basic__element .form-group {
    margin: 0 0 20px
  }
}

.directorist-advanced-filter__basic__element .form-group>label {
  display    : -webkit-inline-box;
  display    : -webkit-inline-flex;
  display    : -ms-inline-flexbox;
  display    : inline-flex;
  font-size  : 16px;
  font-weight: 500;
  margin     : 0;
  color      : var(--directorist-color-dark)
}

.directorist-advanced-filter__advanced {
  display               : -webkit-box;
  display               : -webkit-flex;
  display               : -ms-flexbox;
  display               : flex;
  -webkit-box-orient    : vertical;
  -webkit-box-direction : normal;
  -webkit-flex-direction: column;
  -ms-flex-direction    : column;
  flex-direction        : column
}

.directorist-advanced-filter__advanced__element {
  overflow: hidden
}

.directorist-advanced-filter__advanced__element.directorist-search-field-category .directorist-search-field.input-is-focused,
.directorist-advanced-filter__advanced__element.directorist-search-field-location .directorist-search-field.input-is-focused {
  margin-top: 0
}

.directorist-advanced-filter__advanced__element .directorist-search-field {
  -webkit-box-orient    : vertical;
  -webkit-box-direction : normal;
  -webkit-flex-direction: column;
  -ms-flex-direction    : column;
  flex-direction        : column;
  -webkit-box-align     : start;
  -webkit-align-items   : flex-start;
  -ms-flex-align        : start;
  align-items           : flex-start;
  padding               : 0;
  margin                : 0 0 40px;
  -webkit-transition    : margin .3s ease;
  transition            : margin .3s ease
}

@media screen and (max-width:575px) {
  .directorist-advanced-filter__advanced__element .directorist-search-field {
    margin: 0 0 20px
  }
}

.directorist-advanced-filter__advanced__element .directorist-search-field>label {
  display    : -webkit-inline-box;
  display    : -webkit-inline-flex;
  display    : -ms-inline-flexbox;
  display    : inline-flex;
  margin     : 0 0 15px;
  font-size  : 16px;
  font-weight: 500;
  color      : var(--directorist-color-dark)
}

.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label {
  top              : 6px;
  -webkit-transform: unset;
  transform        : unset;
  font-size        : 14px;
  font-weight      : 400
}

.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label~.directorist-form-group__with-prefix .directorist-form-element::-webkit-input-placeholder,
.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label~.directorist-search-field__input::-webkit-input-placeholder {
  opacity           : 0;
  -webkit-transition: opacity .3s ease;
  transition        : opacity .3s ease
}

.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label~.directorist-form-group__with-prefix .directorist-form-element::-moz-placeholder,
.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label~.directorist-search-field__input::-moz-placeholder {
  opacity        : 0;
  -moz-transition: opacity .3s ease;
  transition     : opacity .3s ease
}

.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label~.directorist-form-group__with-prefix .directorist-form-element:-ms-input-placeholder,
.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label~.directorist-search-field__input:-ms-input-placeholder {
  opacity       : 0;
  -ms-transition: opacity .3s ease;
  transition    : opacity .3s ease
}

.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label~.directorist-form-group__with-prefix .directorist-form-element::-ms-input-placeholder,
.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label~.directorist-search-field__input::-ms-input-placeholder {
  opacity       : 0;
  -ms-transition: opacity .3s ease;
  transition    : opacity .3s ease
}

.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label~.directorist-form-group__with-prefix .directorist-form-element::placeholder,
.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label~.directorist-search-field__input::placeholder {
  opacity           : 0;
  -webkit-transition: opacity .3s ease;
  transition        : opacity .3s ease
}

.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-form-group__prefix--start {
  opacity           : 0;
  -webkit-transition: opacity .3s ease;
  transition        : opacity .3s ease
}

.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__input[type=date],
.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__input[type=time] {
  padding-right: 0
}

.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused {
  width     : 100%;
  display   : -webkit-inline-box;
  display   : -webkit-inline-flex;
  display   : -ms-inline-flexbox;
  display   : inline-flex;
  margin-top: 40px
}

.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-search-field__label {
  top              : -35px;
  -webkit-transform: unset;
  transform        : unset;
  font-size        : 16px;
  font-weight      : 500;
  margin           : 0
}

.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-form-group__prefix--start {
  opacity: 1
}

.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-search-field__input {
  bottom: 0;
  width : 100%
}

.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-search-field__input::-webkit-input-placeholder {
  opacity: 1
}

.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-search-field__input::-moz-placeholder {
  opacity: 1
}

.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-search-field__input:-ms-input-placeholder {
  opacity: 1
}

.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-search-field__input::-ms-input-placeholder {
  opacity: 1
}

.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-search-field__input::placeholder {
  opacity: 1
}

.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-search-field__input[type=date],
.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-search-field__input[type=time] {
  padding-right: 20px
}

.directorist-advanced-filter__advanced__element .directorist-search-field.input-has-noLabel .directorist-search-field__input::-webkit-input-placeholder {
  opacity: 1
}

.directorist-advanced-filter__advanced__element .directorist-search-field.input-has-noLabel .directorist-search-field__input::-moz-placeholder {
  opacity: 1
}

.directorist-advanced-filter__advanced__element .directorist-search-field.input-has-noLabel .directorist-search-field__input:-ms-input-placeholder {
  opacity: 1
}

.directorist-advanced-filter__advanced__element .directorist-search-field.input-has-noLabel .directorist-search-field__input::-ms-input-placeholder {
  opacity: 1
}

.directorist-advanced-filter__advanced__element .directorist-search-field.input-has-noLabel .directorist-search-field__input::placeholder {
  opacity: 1
}

.directorist-advanced-filter__advanced__element .directorist-search-field.directorist-search-field-price_range>label,
.directorist-advanced-filter__advanced__element .directorist-search-field.directorist-search-field-radius_search>label,
.directorist-advanced-filter__advanced__element .directorist-search-field.directorist-search-field-text_range>label,
.directorist-advanced-filter__advanced__element .directorist-search-field.directorist-search-field__number>label {
  position         : unset;
  -webkit-transform: unset;
  transform        : unset
}

.directorist-advanced-filter__advanced__element .directorist-checkbox-wrapper,
.directorist-advanced-filter__advanced__element .directorist-radio-wrapper,
.directorist-advanced-filter__advanced__element .directorist-search-tags {
  gap              : 15px;
  margin           : 0;
  padding          : 10px 0;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap    : wrap;
  flex-wrap        : wrap
}

@media only screen and (max-width:575px) {

  .directorist-advanced-filter__advanced__element .directorist-checkbox-wrapper,
  .directorist-advanced-filter__advanced__element .directorist-radio-wrapper,
  .directorist-advanced-filter__advanced__element .directorist-search-tags {
    gap: 10px
  }
}

.directorist-advanced-filter__advanced__element .directorist-checkbox-wrapper .directorist-checkbox,
.directorist-advanced-filter__advanced__element .directorist-checkbox-wrapper .directorist-radio,
.directorist-advanced-filter__advanced__element .directorist-radio-wrapper .directorist-checkbox,
.directorist-advanced-filter__advanced__element .directorist-radio-wrapper .directorist-radio,
.directorist-advanced-filter__advanced__element .directorist-search-tags .directorist-checkbox,
.directorist-advanced-filter__advanced__element .directorist-search-tags .directorist-radio {
  margin          : 0;
  -webkit-box-flex: 0;
  -webkit-flex    : 0 0 46%;
  -ms-flex        : 0 0 46%;
  flex            : 0 0 46%
}

@media only screen and (max-width:575px) {

  .directorist-advanced-filter__advanced__element .directorist-checkbox-wrapper .directorist-checkbox,
  .directorist-advanced-filter__advanced__element .directorist-checkbox-wrapper .directorist-radio,
  .directorist-advanced-filter__advanced__element .directorist-radio-wrapper .directorist-checkbox,
  .directorist-advanced-filter__advanced__element .directorist-radio-wrapper .directorist-radio,
  .directorist-advanced-filter__advanced__element .directorist-search-tags .directorist-checkbox,
  .directorist-advanced-filter__advanced__element .directorist-search-tags .directorist-radio {
    -webkit-box-flex: 0;
    -webkit-flex    : 0 0 100%;
    -ms-flex        : 0 0 100%;
    flex            : 0 0 100%
  }
}

.directorist-advanced-filter__advanced__element .directorist-search-tags .directorist-checkbox {
  display: none
}

.directorist-advanced-filter__advanced__element .directorist-search-tags .directorist-checkbox:nth-child(-n+4) {
  display: block
}

.directorist-advanced-filter__advanced__element .directorist-form-group .directorist-filter-location-icon {
  margin-top: 1px;
  z-index   : 99
}

.directorist-advanced-filter__advanced__element .form-group {
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack          : justify;
  justify-content        : space-between;
  gap                    : 20px;
  padding                : 0;
  margin                 : 0 0 40px
}

@media screen and (max-width:575px) {
  .directorist-advanced-filter__advanced__element .form-group {
    margin: 0 0 20px
  }
}

.directorist-advanced-filter__advanced__element .form-group>label {
  display    : -webkit-inline-box;
  display    : -webkit-inline-flex;
  display    : -ms-inline-flexbox;
  display    : inline-flex;
  font-size  : 16px;
  font-weight: 500;
  margin     : 0;
  color      : var(--directorist-color-dark)
}

.directorist-advanced-filter__advanced__element.directorist-search-field-checkbox,
.directorist-advanced-filter__advanced__element.directorist-search-field-color_picker,
.directorist-advanced-filter__advanced__element.directorist-search-field-location,
.directorist-advanced-filter__advanced__element.directorist-search-field-pricing,
.directorist-advanced-filter__advanced__element.directorist-search-field-radio,
.directorist-advanced-filter__advanced__element.directorist-search-field-review,
.directorist-advanced-filter__advanced__element.directorist-search-field-tag {
  overflow: visible;
  display : -webkit-box;
  display : -webkit-flex;
  display : -ms-flexbox;
  display : flex
}

.directorist-advanced-filter__advanced__element.directorist-search-field-checkbox .directorist-search-field,
.directorist-advanced-filter__advanced__element.directorist-search-field-color_picker .directorist-search-field,
.directorist-advanced-filter__advanced__element.directorist-search-field-location .directorist-search-field,
.directorist-advanced-filter__advanced__element.directorist-search-field-pricing .directorist-search-field,
.directorist-advanced-filter__advanced__element.directorist-search-field-radio .directorist-search-field,
.directorist-advanced-filter__advanced__element.directorist-search-field-review .directorist-search-field,
.directorist-advanced-filter__advanced__element.directorist-search-field-tag .directorist-search-field {
  width: 100%
}

.directorist-advanced-filter__action {
  gap    : 10px;
  padding: 17px 40px
}

.directorist-advanced-filter__action .directorist-btn-reset-js {
  font-size              : 14px;
  font-weight            : 500;
  color                  : var(--directorist-color-dark);
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center;
  text-decoration        : none;
  cursor                 : pointer;
  -webkit-transition     : background-color .3s ease, color .3s ease;
  transition             : background-color .3s ease, color .3s ease
}

.directorist-advanced-filter__action .directorist-btn-reset-js:disabled {
  opacity: .5;
  cursor : not-allowed
}

.directorist-advanced-filter__action .directorist-btn {
  font-size     : 15px;
  font-weight   : 700;
  border-radius : 8px;
  padding       : 0 32px;
  height        : 50px;
  letter-spacing: 0
}

@media only screen and (max-width:375px) {
  .directorist-advanced-filter__action .directorist-btn {
    padding: 0 14.5px
  }
}

.directorist-advanced-filter__action.reset-btn-disabled .directorist-btn-reset-js {
  opacity       : .5;
  cursor        : not-allowed;
  pointer-events: none
}

.directorist-advanced-filter .directorist-form-group.directorist-icon-right .directorist-input-icon {
  right: 0
}

.directorist-advanced-filter .directorist-form-group.directorist-icon-left .directorist-input-icon {
  left: 0
}

.directorist-advanced-filter .directorist-date .directorist-form-group,
.directorist-advanced-filter .directorist-time .directorist-form-group {
  width: 100%
}

.directorist-advanced-filter .directorist-btn-ml {
  display    : inline-block;
  margin-top : 10px;
  font-size  : 13px;
  font-weight: 500;
  color      : var(--directorist-color-body)
}

.directorist-advanced-filter .directorist-btn-ml:hover {
  color: var(--directorist-color-primary)
}

@media screen and (max-width:575px) {
  .directorist-advanced-filter .directorist-btn-ml {
    margin-top: 10px
  }
}

.directorist-search-field-radius_search {
  position: relative
}

.directorist-search-field-radius_search .directorist-custom-range-slider__range__wrap {
  position: absolute;
  right   : 0;
  top     : 0
}

.directorist-search-field-review .directorist-checkbox {
  display: block;
  width  : auto
}

.directorist-search-field-review .directorist-checkbox input[type=checkbox]+label {
  display               : -webkit-box;
  display               : -webkit-flex;
  display               : -ms-flexbox;
  display               : flex;
  -webkit-box-align     : center;
  -webkit-align-items   : center;
  -ms-flex-align        : center;
  align-items           : center;
  -webkit-box-orient    : horizontal;
  -webkit-box-direction : normal;
  -webkit-flex-direction: row;
  -ms-flex-direction    : row;
  flex-direction        : row;
  font-size             : 13px;
  font-weight           : 400;
  padding-left          : 35px;
  color                 : var(--directorist-color-body)
}

.directorist-search-field-review .directorist-checkbox input[type=checkbox]+label:not(:last-child) {
  margin-bottom: 20px
}

@media screen and (max-width:575px) {
  .directorist-search-field-review .directorist-checkbox input[type=checkbox]+label:not(:last-child) {
    margin-bottom: 10px
  }
}

.directorist-search-field-review .directorist-checkbox input[type=checkbox]+label:before {
  top: 3px
}

.directorist-search-field-review .directorist-checkbox input[type=checkbox]+label:after {
  top: -2px
}

@media only screen and (max-width:575px) {
  .directorist-search-field-review .directorist-checkbox input[type=checkbox]+label:after {
    top: 0
  }
}

@media only screen and (max-width:575px) {
  .directorist-search-field-review .directorist-checkbox input[type=checkbox]+label {
    padding-left: 28px
  }
}

.directorist-search-field-review .directorist-checkbox input[type=checkbox]+label .directorist-icon-mask:after {
  width           : 14px;
  height          : 14px;
  background-color: var(--directorist-color-light)
}

.directorist-search-field-review .directorist-checkbox input[value="1"]+label .directorist-icon-mask:first-child:after,
.directorist-search-field-review .directorist-checkbox input[value="2"]+label .directorist-icon-mask:first-child:after,
.directorist-search-field-review .directorist-checkbox input[value="2"]+label .directorist-icon-mask:nth-child(2):after,
.directorist-search-field-review .directorist-checkbox input[value="3"]+label .directorist-icon-mask:first-child:after,
.directorist-search-field-review .directorist-checkbox input[value="3"]+label .directorist-icon-mask:nth-child(2):after,
.directorist-search-field-review .directorist-checkbox input[value="3"]+label .directorist-icon-mask:nth-child(3):after,
.directorist-search-field-review .directorist-checkbox input[value="4"]+label .directorist-icon-mask:not(:nth-child(5)):after,
.directorist-search-field-review .directorist-checkbox input[value="5"]+label .directorist-icon-mask:after {
  background-color: var(--directorist-color-star)
}

.directorist-search-field .directorist-price-ranges {
  display          : -webkit-box;
  display          : -webkit-flex;
  display          : -ms-flexbox;
  display          : flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap    : wrap;
  flex-wrap        : wrap;
  gap              : 20px
}

@media (max-width:575px) {
  .directorist-search-field .directorist-price-ranges {
    gap                    : 12px 35px;
    -webkit-box-pack       : justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack          : justify;
    justify-content        : space-between;
    position               : relative
  }

  .directorist-search-field .directorist-price-ranges:after {
    content          : "";
    position         : absolute;
    top              : 20px;
    left             : 50%;
    -webkit-transform: translateX(-50%);
    transform        : translateX(-50%);
    width            : 10px;
    height           : 2px;
    background-color : var(--directorist-color-border)
  }

  .directorist-search-field .directorist-price-ranges .directorist-form-group:last-child {
    margin-left: 15px
  }
}

@media (max-width:480px) {
  .directorist-search-field .directorist-price-ranges {
    gap: 20px
  }
}

.directorist-search-field .directorist-price-ranges__item {
  -webkit-box-flex: 1;
  -webkit-flex    : 1;
  -ms-flex        : 1;
  flex            : 1;
  position        : relative
}

.directorist-search-field .directorist-price-ranges__item.directorist-form-group {
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center;
  background         : transparent;
  border-bottom      : 1px solid var(--directorist-color-border)
}

.directorist-search-field .directorist-price-ranges__item.directorist-form-group .directorist-form-element {
  -webkit-box-flex: 1;
  -webkit-flex    : 1;
  -ms-flex        : 1;
  flex            : 1;
  border          : 0 !important
}

.directorist-search-field .directorist-price-ranges__item.directorist-form-group:focus-within {
  border-bottom: 2px solid var(--directorist-color-primary)
}

@media screen and (max-width:575px) {
  .directorist-search-field .directorist-price-ranges__item.directorist-form-group {
    padding      : 0 15px;
    border-radius: 8px;
    border       : 1px solid var(--directorist-color-border)
  }

  .directorist-search-field .directorist-price-ranges__item.directorist-form-group:focus {
    padding-bottom: 0;
    border        : 2px solid var(--directorist-color-primary)
  }

  .directorist-search-field .directorist-price-ranges__item.directorist-form-group__prefix {
    height     : 34px;
    line-height: 34px
  }
}

.directorist-search-field .directorist-price-ranges__label {
  margin-right: 5px
}

.directorist-search-field .directorist-price-ranges__currency {
  line-height : 1;
  margin-right: 4px
}

.directorist-search-field .directorist-price-ranges__price-frequency {
  display          : -webkit-box;
  display          : -webkit-flex;
  display          : -ms-flexbox;
  display          : flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap    : wrap;
  flex-wrap        : wrap;
  -webkit-box-flex : 0;
  -webkit-flex     : 0 0 100%;
  -ms-flex         : 0 0 100%;
  flex             : 0 0 100%;
  width            : 100%;
  gap              : 6px;
  margin           : 11px 0 0
}

@media screen and (max-width:575px) {
  .directorist-search-field .directorist-price-ranges__price-frequency {
    gap          : 0;
    margin       : 0;
    border-radius: 8px;
    border       : 1px solid var(--directorist-color-border)
  }

  .directorist-search-field .directorist-price-ranges__price-frequency label {
    -webkit-box-flex: 1;
    -webkit-flex    : 1;
    -ms-flex        : 1;
    flex            : 1;
    margin          : 0
  }

  .directorist-search-field .directorist-price-ranges__price-frequency label:first-child .directorist-pf-range {
    border-radius: 10px 0 0 10px
  }

  .directorist-search-field .directorist-price-ranges__price-frequency label:last-child .directorist-pf-range {
    border-radius: 0 10px 10px 0
  }

  .directorist-search-field .directorist-price-ranges__price-frequency label:not(last-child) {
    border-right: 1px solid var(--directorist-color-border)
  }
}

.directorist-search-field .directorist-price-ranges__price-frequency input[type=radio] {
  display: none
}

.directorist-search-field .directorist-price-ranges__price-frequency input[type=radio]:checked+.directorist-pf-range {
  background-color: var(--directorist-color-primary);
  color           : var(--directorist-color-white)
}

.directorist-search-field .directorist-price-ranges .directorist-pf-range {
  cursor                 : pointer;
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center;
  color                  : var(--directorist-color-dark);
  background-color       : var(--directorist-color-border);
  border-radius          : 8px;
  width                  : 70px;
  height                 : 36px
}

@media screen and (max-width:575px) {
  .directorist-search-field .directorist-price-ranges .directorist-pf-range {
    width           : 100%;
    border-radius   : 0;
    background-color: var(--directorist-color-white)
  }
}

.directorist-search-field {
  font-size: 15px
}

.directorist-search-field .wp-picker-container .wp-color-result,
.directorist-search-field .wp-picker-container .wp-picker-clear {
  text-decoration: none
}

.directorist-search-field .wp-picker-container .wp-color-result,
.directorist-search-field .wp-picker-container .wp-picker-clear {
  position          : relative;
  height            : 40px;
  border            : 0;
  width             : 140px;
  -webkit-transition: all .2s ease-in-out;
  transition        : all .2s ease-in-out;
  border-radius     : 3px
}

.directorist-search-field .wp-picker-container .wp-color-result-text {
  position               : absolute;
  right                  : 0;
  top                    : 50%;
  -webkit-transform      : translateY(-50%);
  transform              : translateY(-50%);
  height                 : 100%;
  width                  : 102px;
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center;
  text-transform         : capitalize;
  line-height            : 1
}

.directorist-search-field .wp-picker-holder {
  position: absolute;
  z-index : 22
}

.check-btn {
  display          : -webkit-box;
  display          : -webkit-flex;
  display          : -ms-flexbox;
  display          : flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap    : wrap;
  flex-wrap        : wrap
}

.check-btn label {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex
}

.check-btn label input {
  display: none
}

.check-btn label input:checked+span:before {
  opacity   : 1;
  visibility: visible
}

.check-btn label input:checked+span:after {
  border-color    : var(--directorist-color-primary);
  background-color: var(--directorist-color-primary)
}

.check-btn label span {
  position               : relative;
  text-align             : center;
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center;
  gap                    : 8px;
  -webkit-transition     : .3s ease;
  transition             : .3s ease;
  height                 : 42px;
  padding-right          : 18px;
  padding-left           : 45px;
  font-weight            : 400;
  font-size              : 14px;
  border-radius          : 8px;
  background-color       : var(--directorist-color-light);
  color                  : var(--directorist-color-body);
  cursor                 : pointer
}

.check-btn label span i {
  display: none
}

.check-btn label span:before {
  left               : 23px;
  -webkit-mask-image : url(../images/e986e970b493125f349fc279b4b3d57b.svg);
  mask-image         : url(../images/e986e970b493125f349fc279b4b3d57b.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat        : no-repeat;
  width              : 10px;
  height             : 10px;
  display            : block;
  opacity            : 0;
  -webkit-transition : all .3s ease 0s;
  transition         : all .3s ease 0s;
  z-index            : 2
}

.check-btn label span:after,
.check-btn label span:before {
  position         : absolute;
  top              : 50%;
  -webkit-transform: translateY(-50%);
  transform        : translateY(-50%);
  content          : "";
  background-color : var(--directorist-color-white)
}

.check-btn label span:after {
  left              : 18px;
  width             : 16px;
  height            : 16px;
  border-radius     : 5px;
  border            : 2px solid #d9d9d9;
  -webkit-box-sizing: content-box;
  box-sizing        : content-box
}

.pac-container {
  z-index: 99999
}

.directorist-search-top {
  text-align   : center;
  margin-bottom: 34px
}

.directorist-search-top__title {
  color        : var(--directorist-color-dark);
  font-size    : 36px;
  font-weight  : 500;
  margin-bottom: 18px
}

.directorist-search-top__subtitle {
  color     : var(--directorist-color-body);
  font-size : 18px;
  opacity   : .8;
  text-align: center
}

.directorist-search-contents {
  background-size: cover;
  padding        : 100px 0 120px
}

.directorist-search-field__label {
  position          : absolute;
  left              : 0;
  top               : 50%;
  -webkit-transform : translateY(-50%);
  transform         : translateY(-50%);
  font-size         : 14px;
  font-weight       : 400;
  color             : var(--directorist-color-body);
  -webkit-transition: opacity .3s ease, top .3s ease, font-size .3s ease;
  transition        : opacity .3s ease, top .3s ease, font-size .3s ease
}

.directorist-search-field__label~.directorist-form-group__with-prefix .directorist-form-element::-webkit-input-placeholder,
.directorist-search-field__label~.directorist-search-field__input::-webkit-input-placeholder {
  opacity           : 0;
  -webkit-transition: opacity .3s ease;
  transition        : opacity .3s ease
}

.directorist-search-field__label~.directorist-form-group__with-prefix .directorist-form-element::-moz-placeholder,
.directorist-search-field__label~.directorist-search-field__input::-moz-placeholder {
  opacity        : 0;
  -moz-transition: opacity .3s ease;
  transition     : opacity .3s ease
}

.directorist-search-field__label~.directorist-form-group__with-prefix .directorist-form-element:-ms-input-placeholder,
.directorist-search-field__label~.directorist-search-field__input:-ms-input-placeholder {
  opacity       : 0;
  -ms-transition: opacity .3s ease;
  transition    : opacity .3s ease
}

.directorist-search-field__label~.directorist-form-group__with-prefix .directorist-form-element::-ms-input-placeholder,
.directorist-search-field__label~.directorist-search-field__input::-ms-input-placeholder {
  opacity       : 0;
  -ms-transition: opacity .3s ease;
  transition    : opacity .3s ease
}

.directorist-search-field__label~.directorist-form-group__with-prefix .directorist-form-element::placeholder,
.directorist-search-field__label~.directorist-search-field__input::placeholder {
  opacity           : 0;
  -webkit-transition: opacity .3s ease;
  transition        : opacity .3s ease
}

.directorist-search-field .directorist-form-group__prefix--start {
  opacity           : 0;
  -webkit-transition: opacity .3s ease;
  transition        : opacity .3s ease
}

.directorist-search-field__btn {
  display : -webkit-box;
  display : -webkit-flex;
  display : -ms-flexbox;
  display : flex;
  position: absolute;
  bottom  : 12px;
  cursor  : pointer
}

.directorist-search-field__btn--clear {
  right     : 0;
  opacity   : 0;
  visibility: hidden
}

.directorist-search-field__btn--clear i:after {
  width             : 16px;
  height            : 16px;
  background-color  : #bcbcbc;
  -webkit-transition: background-color .3s ease;
  transition        : background-color .3s ease
}

.directorist-search-field__btn--clear:hover i:after {
  background-color: var(--directorist-color-primary)
}

@media screen and (max-width:575px) {
  .directorist-search-field .directorist-filter-location-icon {
    right: -15px
  }
}

.directorist-search-field.input-has-value .directorist-search-field__input:not(.directorist-select),
.directorist-search-field.input-is-focused .directorist-search-field__input:not(.directorist-select) {
  padding-right: 25px
}

.directorist-search-field.input-has-value .directorist-search-field__input.directorist-location-js,
.directorist-search-field.input-is-focused .directorist-search-field__input.directorist-location-js {
  padding-right: 45px
}

.directorist-search-field.input-has-value .directorist-search-field__input[type=number],
.directorist-search-field.input-is-focused .directorist-search-field__input[type=number] {
  appearance        : none !important;
  -webkit-appearance: none !important;
  -moz-appearance   : none !important
}

.directorist-search-field.input-has-value .directorist-search-field__input::-webkit-input-placeholder,
.directorist-search-field.input-is-focused .directorist-search-field__input::-webkit-input-placeholder {
  opacity: 1
}

.directorist-search-field.input-has-value .directorist-search-field__input::-moz-placeholder,
.directorist-search-field.input-is-focused .directorist-search-field__input::-moz-placeholder {
  opacity: 1
}

.directorist-search-field.input-has-value .directorist-search-field__input:-ms-input-placeholder,
.directorist-search-field.input-is-focused .directorist-search-field__input:-ms-input-placeholder {
  opacity: 1
}

.directorist-search-field.input-has-value .directorist-search-field__input::-ms-input-placeholder,
.directorist-search-field.input-is-focused .directorist-search-field__input::-ms-input-placeholder {
  opacity: 1
}

.directorist-search-field.input-has-value .directorist-search-field__input::placeholder,
.directorist-search-field.input-is-focused .directorist-search-field__input::placeholder {
  opacity: 1
}

.directorist-search-field.input-has-value .directorist-search-field__label,
.directorist-search-field.input-is-focused .directorist-search-field__label {
  top        : 0;
  font-size  : 13px;
  font-weight: 400;
  color      : var(--directorist-color-body)
}

.directorist-search-field.input-has-value .directorist-search-field__btn--clear,
.directorist-search-field.input-has-value .directorist-search-field__btn i:after,
.directorist-search-field.input-is-focused .directorist-search-field__btn--clear,
.directorist-search-field.input-is-focused .directorist-search-field__btn i:after {
  opacity   : 1;
  visibility: visible
}

.directorist-search-field.input-has-value .directorist-form-group__with-prefix,
.directorist-search-field.input-is-focused .directorist-form-group__with-prefix {
  border-bottom: 2px solid var(--directorist-color-primary)
}

.directorist-search-field.input-has-value .directorist-form-group__prefix--start,
.directorist-search-field.input-is-focused .directorist-form-group__prefix--start {
  opacity: 1
}

.directorist-search-field.input-has-value .directorist-form-group__with-prefix,
.directorist-search-field.input-is-focused .directorist-form-group__with-prefix {
  padding-right     : 25px;
  -webkit-box-sizing: border-box;
  box-sizing        : border-box
}

.directorist-search-field.input-has-value .directorist-form-group__with-prefix .directorist-search-field__input,
.directorist-search-field.input-is-focused .directorist-form-group__with-prefix .directorist-search-field__input {
  bottom: 0
}

.directorist-search-field.input-has-value .directorist-search-field__input,
.directorist-search-field.input-has-value .directorist-select,
.directorist-search-field.input-is-focused .directorist-search-field__input,
.directorist-search-field.input-is-focused .directorist-select {
  position: relative;
  bottom  : -5px
}

.directorist-search-field.input-has-value.input-has-noLabel .directorist-search-field__input,
.directorist-search-field.input-has-value.input-has-noLabel .directorist-select,
.directorist-search-field.input-is-focused.input-has-noLabel .directorist-search-field__input,
.directorist-search-field.input-is-focused.input-has-noLabel .directorist-select {
  bottom    : 0;
  margin-top: 0 !important
}

.directorist-search-field.input-has-value.directorist-color .directorist-search-field__label,
.directorist-search-field.input-has-value.directorist-date .directorist-search-field__label,
.directorist-search-field.input-has-value .directorist-select .directorist-search-field__label,
.directorist-search-field.input-has-value.directorist-time .directorist-search-field__label,
.directorist-search-field.input-is-focused.directorist-color .directorist-search-field__label,
.directorist-search-field.input-is-focused.directorist-date .directorist-search-field__label,
.directorist-search-field.input-is-focused .directorist-select .directorist-search-field__label,
.directorist-search-field.input-is-focused.directorist-time .directorist-search-field__label {
  opacity: 1
}

.directorist-search-field.input-has-value .directorist-location-js,
.directorist-search-field.input-is-focused .directorist-location-js {
  padding-right: 45px
}

.directorist-search-field.input-has-value .select2-selection--single .select2-selection__rendered,
.directorist-search-field.input-has-value .select2-selection--single .select2-selection__rendered .select2-selection__placeholder,
.directorist-search-field.input-is-focused .select2-selection--single .select2-selection__rendered,
.directorist-search-field.input-is-focused .select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
  color: var(--directorist-color-dark)
}

.directorist-search-field.input-has-value .directorist-select2-addons-area .directorist-icon-mask:after,
.directorist-search-field.input-is-focused .directorist-select2-addons-area .directorist-icon-mask:after {
  background-color: var(--directorist-color-dark)
}

.directorist-search-field.directorist-color .directorist-search-field__label,
.directorist-search-field.directorist-date .directorist-search-field__label,
.directorist-search-field .directorist-select .directorist-search-field__label,
.directorist-search-field.directorist-time .directorist-search-field__label {
  opacity: 0
}

.directorist-search-field .directorist-filter-location-icon~.directorist-search-field__btn--clear,
.directorist-search-field .directorist-select~.directorist-search-field__btn--clear {
  right: 25px
}

.directorist-search-field .directorist-filter-location-icon .directorist-icon-mask:after,
.directorist-search-field .directorist-select .directorist-icon-mask:after {
  background-color: grey
}

.directorist-search-field .directorist-filter-location-icon~.directorist-search-field__btn--clear {
  bottom: 8px
}

.directorist-preload .directorist-search-form-top .directorist-search-field__label~.directorist-search-field__input {
  opacity       : 0;
  pointer-events: none
}

.directorist-search-form__box {
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-align      : start;
  -webkit-align-items    : flex-start;
  -ms-flex-align         : start;
  align-items            : flex-start;
  -webkit-box-pack       : justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack          : justify;
  justify-content        : space-between;
  -webkit-flex-wrap      : wrap;
  -ms-flex-wrap          : wrap;
  flex-wrap              : wrap;
  width                  : 100%;
  border                 : none;
  border-radius          : 10px;
  padding                : 22px 22px 22px 25px;
  background-color       : var(--directorist-color-white);
  -webkit-box-shadow     : var(--directorist-box-shadow);
  box-shadow             : var(--directorist-box-shadow);
  border                 : 1px solid var(--directorist-color-border-light);
  -webkit-box-sizing     : border-box;
  box-sizing             : border-box
}

@media screen and (max-width:767px) {
  .directorist-search-form__box {
    gap                   : 15px;
    -webkit-box-orient    : vertical;
    -webkit-box-direction : normal;
    -webkit-flex-direction: column;
    -ms-flex-direction    : column;
    flex-direction        : column
  }
}

@media only screen and (max-width:575px) {
  .directorist-search-form__box {
    padding           : 0;
    -webkit-box-shadow: unset;
    box-shadow        : unset;
    border            : none
  }

  .directorist-search-form__box .directorist-search-form-action {
    display: none
  }
}

.directorist-search-form__top {
  display          : -webkit-box;
  display          : -webkit-flex;
  display          : -ms-flexbox;
  display          : flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap    : wrap;
  flex-wrap        : wrap;
  -webkit-box-flex : 1;
  -webkit-flex     : 1;
  -ms-flex         : 1;
  flex             : 1;
  gap              : 18px
}

@media screen and (max-width:767px) {
  .directorist-search-form__top {
    width: 100%
  }
}

@media screen and (min-width:576px) {
  .directorist-search-form__top {
    margin-top: 5px
  }

  .directorist-search-form__top .directorist-search-modal__minimizer {
    display: none
  }

  .directorist-search-form__top .directorist-search-modal__contents {
    border-radius: 0;
    z-index      : 1
  }

  .directorist-search-form__top .directorist-search-query:after {
    display: none
  }

  .directorist-search-form__top .directorist-search-modal__input {
    display         : -webkit-box;
    display         : -webkit-flex;
    display         : -ms-flexbox;
    display         : flex;
    -webkit-box-flex: 30%;
    -webkit-flex    : 30%;
    -ms-flex        : 30%;
    flex            : 30%;
    margin          : 0;
    border          : none;
    border-radius   : 0
  }

  .directorist-search-form__top .directorist-search-modal__input .directorist-search-modal__input__btn {
    display: none
  }

  .directorist-search-form__top .directorist-search-modal__input .directorist-form-group .directorist-form-element:focus {
    border-bottom: 2px solid var(--directorist-color-primary)
  }

  .directorist-search-form__top .directorist-search-modal__contents__body .directorist-search-modal__input .directorist-search-field {
    border: 0
  }

  .directorist-search-form__top .directorist-search-modal__input:not(:last-child) .directorist-search-field {
    border-right: 1px solid var(--directorist-color-border)
  }

  .directorist-search-form__top .directorist-search-adv-filter.directorist-advanced-filter.directorist-search-modal__contents {
    position         : unset;
    opacity          : 1 !important;
    visibility       : visible !important;
    -webkit-transform: unset;
    transform        : unset;
    width            : 100%;
    margin           : 0;
    max-width        : unset;
    overflow         : visible
  }

  .directorist-search-form__top .directorist-search-modal__contents__body {
    height             : auto;
    padding            : 0;
    gap                : 18px;
    margin             : 0;
    overflow           : unset;
    display            : -webkit-box;
    display            : -webkit-flex;
    display            : -ms-flexbox;
    display            : flex;
    -webkit-flex-wrap  : wrap;
    -ms-flex-wrap      : wrap;
    flex-wrap          : wrap;
    -webkit-box-align  : start;
    -webkit-align-items: flex-start;
    -ms-flex-align     : start;
    align-items        : flex-start
  }

  .directorist-search-form__top .directorist-advanced-filter .directorist-form-group.directorist-icon-left .directorist-input-icon {
    left: 15px
  }

  .directorist-search-form__top .directorist-advanced-filter .directorist-form-group.directorist-icon-right .directorist-input-icon,
  .directorist-search-form__top .select2-container[dir=ltr] .directorist-select2-addons-area .directorist-select2-dropdown-toggle {
    right: 15px
  }

  .directorist-search-form__top .select2-container[dir=ltr] .directorist-select2-addons-area .directorist-select2-dropdown-close {
    right: 30px
  }

  .directorist-search-form__top .directorist-search-modal__input:focus-within .directorist-select2-dropdown-toggle,
  .directorist-search-form__top .directorist-search-modal__input:focus .directorist-select2-dropdown-toggle {
    display: block
  }

  .directorist-search-form__top .directorist-search-category,
  .directorist-search-form__top .directorist-select {
    width: calc(100% + 15px)
  }
}

@media screen and (max-width:767px) {
  .directorist-search-form__top .directorist-search-modal__input {
    -webkit-box-flex: 44%;
    -webkit-flex    : 44%;
    -ms-flex        : 44%;
    flex            : 44%
  }
}

.directorist-search-form__top .directorist-search-modal__input .directorist-select2-dropdown-close {
  display: none
}

.directorist-search-form__top .directorist-search-form__single-category {
  cursor: not-allowed
}

.directorist-search-form__top .directorist-search-form__single-category .directorist-category-select,
.directorist-search-form__top .directorist-search-form__single-category .directorist-category-select~.select2-container {
  opacity       : .6;
  pointer-events: none
}

.directorist-search-form__top .directorist-search-form__single-category~.directorist-search-field__btn {
  cursor        : not-allowed;
  pointer-events: none
}

.directorist-search-form__top .directorist-search-form__single-location {
  cursor: not-allowed
}

.directorist-search-form__top .directorist-search-form__single-location .directorist-location-select,
.directorist-search-form__top .directorist-search-form__single-location .directorist-location-select~.select2-container {
  opacity       : .6;
  pointer-events: none
}

.directorist-search-form__top .directorist-search-form__single-location~.directorist-search-field__btn {
  cursor        : not-allowed;
  pointer-events: none
}

.directorist-search-form__top .directorist-search-field {
  -webkit-box-flex      : 30%;
  -webkit-flex          : 30%;
  -ms-flex              : 30%;
  flex                  : 30%;
  -webkit-box-orient    : vertical;
  -webkit-box-direction : normal;
  -webkit-flex-direction: column;
  -ms-flex-direction    : column;
  flex-direction        : column;
  -webkit-box-align     : start;
  -webkit-align-items   : flex-start;
  -ms-flex-align        : start;
  align-items           : flex-start;
  margin                : 0;
  position              : relative;
  padding-bottom        : 0;
  padding-right         : 15px;
  -webkit-box-sizing    : border-box;
  box-sizing            : border-box
}

.directorist-search-form__top .directorist-search-field:not(:last-child) {
  border-right: 1px solid var(--directorist-color-border)
}

.directorist-search-form__top .directorist-search-field__btn--clear {
  right : 15px;
  bottom: 8px
}

.directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input,
.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input {
  padding-right: 25px
}

.directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input.directorist-select,
.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input.directorist-select {
  padding-right: 0
}

.directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input::-webkit-input-placeholder,
.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input::-webkit-input-placeholder {
  opacity: 1
}

.directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input::-moz-placeholder,
.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input::-moz-placeholder {
  opacity: 1
}

.directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input:-ms-input-placeholder,
.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input:-ms-input-placeholder {
  opacity: 1
}

.directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input::-ms-input-placeholder,
.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input::-ms-input-placeholder {
  opacity: 1
}

.directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input::placeholder,
.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input::placeholder {
  opacity: 1
}

.directorist-search-form__top .directorist-search-field.input-has-value .directorist-location-js,
.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-location-js {
  padding-right: 45px
}

.directorist-search-form__top .directorist-search-field.input-has-value .select2-container .select2-selection,
.directorist-search-form__top .directorist-search-field.input-is-focused .select2-container .select2-selection {
  width: 100%
}

.directorist-search-form__top .directorist-search-field.input-has-value .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle,
.directorist-search-form__top .directorist-search-field.input-is-focused .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle {
  right: 15px
}

@media screen and (max-width:575px) {

  .directorist-search-form__top .directorist-search-field.input-has-value .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle,
  .directorist-search-form__top .directorist-search-field.input-is-focused .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle {
    right: 5px
  }
}

.directorist-search-form__top .directorist-search-field.input-has-value .directorist-filter-location-icon,
.directorist-search-form__top .directorist-search-field.input-has-value .directorist-select,
.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-filter-location-icon,
.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-select {
  margin-top: 3px
}

.directorist-search-form__top .directorist-search-field.input-has-value .directorist-filter-location-icon~.directorist-search-field__btn--clear,
.directorist-search-form__top .directorist-search-field.input-has-value .directorist-select~.directorist-search-field__btn--clear,
.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-filter-location-icon~.directorist-search-field__btn--clear,
.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-select~.directorist-search-field__btn--clear {
  right            : 38px;
  bottom           : 8px;
  top              : unset;
  -webkit-transform: unset;
  transform        : unset
}

.directorist-search-form__top .directorist-search-field.input-has-value .directorist-select~.directorist-search-field__btn--clear,
.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-select~.directorist-search-field__btn--clear {
  bottom: 10px
}

@media screen and (max-width:575px) {

  .directorist-search-form__top .directorist-search-field.input-has-value .directorist-select~.directorist-search-field__btn--clear,
  .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-select~.directorist-search-field__btn--clear {
    right: 25px !important
  }
}

.directorist-search-form__top .directorist-search-field.input-has-value .directorist-color-picker-wrap,
.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-color-picker-wrap {
  top: 12px
}

.directorist-search-form__top .directorist-search-field.input-has-value .directorist-color-picker-wrap~.directorist-search-field__btn--clear,
.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-color-picker-wrap~.directorist-search-field__btn--clear {
  bottom: 0
}

@media screen and (max-width:575px) {

  .directorist-search-form__top .directorist-search-field.input-has-value .directorist-color-picker-wrap,
  .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-color-picker-wrap {
    top: 0
  }

  .directorist-search-form__top .directorist-search-field.input-has-value .directorist-color-picker-wrap~.directorist-search-field__btn--clear,
  .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-color-picker-wrap~.directorist-search-field__btn--clear {
    bottom: unset
  }
}

@media screen and (max-width:575px) {

  .directorist-search-form__top .directorist-search-field.input-has-value:not(.input-has-noLabel) .directorist-select~.directorist-search-field__btn--clear,
  .directorist-search-form__top .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-select~.directorist-search-field__btn--clear {
    right: 10px !important
  }
}

.directorist-search-form__top .directorist-search-field.input-has-value.atbdp-form-fade:after,
.directorist-search-form__top .directorist-search-field.input-is-focused.atbdp-form-fade:after {
  margin-top: 3px
}

.directorist-search-form__top .directorist-search-field .directorist-form-element {
  background-color  : transparent;
  -webkit-transition: all .3s ease-in-out;
  transition        : all .3s ease-in-out;
  border            : 0;
  border-bottom     : 2px solid transparent
}

.directorist-search-form__top .directorist-search-field .directorist-form-element:focus {
  border-color: var(--directorist-color-primary)
}

@media screen and (max-width:575px) {
  .directorist-search-form__top .directorist-search-field .directorist-form-element {
    border           : 0;
    border-radius    : 0;
    overflow         : hidden;
    -ms-text-overflow: ellipsis;
    text-overflow    : ellipsis
  }
}

.directorist-search-form__top .directorist-search-field .directorist-year-ranges__item .directorist-form-element {
  border-bottom: 2px solid var(--directorist-color-border)
}

.directorist-search-form__top .directorist-search-field .directorist-year-ranges__item .directorist-form-element:focus {
  border-color: var(--directorist-color-primary)
}

.directorist-search-form__top .directorist-search-field .directorist-price-ranges__item .directorist-form-element,
.directorist-search-form__top .directorist-search-field .directorist-price-ranges__item .directorist-form-element:focus {
  border: none !important
}

.directorist-search-form__top .directorist-search-field.directorist-search-field-radius_search .directorist-custom-range-slider__range__wrap {
  right: 15px
}

.directorist-search-form__top .directorist-search-field .directorist-select .directorist-select__label,
.directorist-search-form__top .directorist-search-field .directorist-select select {
  border: 0
}

.directorist-search-form__top .directorist-search-field .wp-picker-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.directorist-search-form__top .directorist-search-field .wp-picker-container .wp-picker-input-wrap {
  margin: 0
}

@media screen and (max-width:480px) {
  .directorist-search-form__top .directorist-search-field .wp-picker-container .wp-picker-input-wrap {
    -webkit-box-orient    : vertical;
    -webkit-box-direction : normal;
    -webkit-flex-direction: column;
    -ms-flex-direction    : column;
    flex-direction        : column
  }
}

.directorist-search-form__top .directorist-search-field .wp-picker-container .wp-picker-input-wrap label {
  width: 70px
}

.directorist-search-form__top .directorist-search-field .wp-picker-container .wp-picker-input-wrap label input {
  padding-right: 10px;
  bottom       : 0
}

.directorist-search-form__top .directorist-search-field .wp-picker-container .wp-picker-input-wrap .wp-picker-clear {
  margin: 0;
  width : 100px
}

.directorist-search-form__top .directorist-search-field .wp-picker-container .wp-picker-holder {
  top: 45px
}

.directorist-search-form__top .directorist-search-field .directorist-checkbox-wrapper,
.directorist-search-form__top .directorist-search-field .directorist-radio-wrapper,
.directorist-search-form__top .directorist-search-field .directorist-search-tags {
  padding               : 0;
  gap                   : 20px;
  -webkit-flex-wrap     : wrap;
  -ms-flex-wrap         : wrap;
  flex-wrap             : wrap;
  -webkit-box-orient    : vertical;
  -webkit-box-direction : normal;
  -webkit-flex-direction: column;
  -ms-flex-direction    : column;
  flex-direction        : column
}

.directorist-search-form__top .directorist-search-field .select2.select2-container.select2-container--default .select2-selection__rendered {
  font-size  : 14px;
  font-weight: 500
}

.directorist-search-form__top .directorist-search-field .directorist-btn-ml {
  display    : block;
  font-size  : 13px;
  font-weight: 500;
  margin-top : 10px;
  color      : var(--directorist-color-body)
}

.directorist-search-form__top .directorist-search-field .directorist-btn-ml:hover {
  color: var(--directorist-color-primary)
}

@media screen and (max-width:767px) {
  .directorist-search-form__top .directorist-search-field {
    -webkit-box-flex: 44%;
    -webkit-flex    : 44%;
    -ms-flex        : 44%;
    flex            : 44%
  }
}

@media screen and (max-width:575px) {
  .directorist-search-form__top .directorist-search-field {
    -webkit-box-flex: 100%;
    -webkit-flex    : 100%;
    -ms-flex        : 100%;
    flex            : 100%;
    margin          : 0 20px;
    border          : none !important
  }

  .directorist-search-form__top .directorist-search-field__label {
    left     : 0;
    min-width: 14px
  }

  .directorist-search-form__top .directorist-search-field__label:before {
    content              : "";
    width                : 14px;
    height               : 14px;
    position             : absolute;
    left                 : 0;
    top                  : 50%;
    -webkit-transform    : translateY(-50%);
    transform            : translateY(-50%);
    background-color     : var(--directorist-color-body);
    -webkit-mask-repeat  : no-repeat;
    mask-repeat          : no-repeat;
    -webkit-mask-position: center;
    mask-position        : center;
    -webkit-mask-image   : url(../images/447c512963a6e865700c065e70bb46b7.svg);
    mask-image           : url(../images/447c512963a6e865700c065e70bb46b7.svg);
    opacity              : 0
  }

  .directorist-search-form__top .directorist-search-field__btn {
    bottom            : unset;
    right             : 40px;
    top               : 50%;
    -webkit-transform : translateY(-50%);
    transform         : translateY(-50%);
    -webkit-transition: all .3s ease;
    transition        : all .3s ease
  }

  .directorist-search-form__top .directorist-search-field__btn i:after {
    width : 14px;
    height: 14px
  }

  .directorist-search-form__top .directorist-search-field .select2-container.select2-container--default .select2-selection--single {
    width: 100%
  }

  .directorist-search-form__top .directorist-search-field .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle {
    position: absolute;
    right   : 5px;
    padding : 0;
    width   : auto
  }

  .directorist-search-form__top .directorist-search-field.input-has-value,
  .directorist-search-form__top .directorist-search-field.input-is-focused {
    padding: 0;
    margin : 0 40px
  }
}

@media screen and (max-width:575px) and (max-width:575px) {

  .directorist-search-form__top .directorist-search-field.input-has-value.input-has-noLabel,
  .directorist-search-form__top .directorist-search-field.input-is-focused.input-has-noLabel {
    margin: 0 20px
  }

  .directorist-search-form__top .directorist-search-field.input-has-value.input-has-noLabel .directorist-search-field__btn,
  .directorist-search-form__top .directorist-search-field.input-is-focused.input-has-noLabel .directorist-search-field__btn {
    right: 0
  }
}

@media screen and (max-width:575px) {

  .directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input,
  .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input {
    bottom: 0
  }

  .directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input::-webkit-input-placeholder,
  .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input::-webkit-input-placeholder {
    opacity: 1
  }

  .directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input::-moz-placeholder,
  .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input::-moz-placeholder {
    opacity: 1
  }

  .directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input:-ms-input-placeholder,
  .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input:-ms-input-placeholder {
    opacity: 1
  }

  .directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input::-ms-input-placeholder,
  .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input::-ms-input-placeholder {
    opacity: 1
  }

  .directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input::placeholder,
  .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input::placeholder {
    opacity: 1
  }

  .directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__label,
  .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__label {
    font-size        : 0 !important;
    top              : 50%;
    -webkit-transform: translateY(-50%);
    transform        : translateY(-50%);
    left             : -25px
  }

  .directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__label:before,
  .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__label:before {
    opacity: 1
  }

  .directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__btn,
  .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__btn {
    right: -20px
  }

  .directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__btn i:after,
  .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__btn i:after {
    width     : 14px;
    height    : 14px;
    opacity   : 1;
    visibility: visible
  }

  .directorist-search-form__top .directorist-search-field.input-has-value .directorist-filter-location-icon~.directorist-search-field__btn--clear,
  .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-filter-location-icon~.directorist-search-field__btn--clear {
    right: 25px
  }

  .directorist-search-form__top .directorist-search-field.input-has-value .directorist-filter-location-icon~.directorist-search-field__btn--clear,
  .directorist-search-form__top .directorist-search-field.input-has-value .directorist-select~.directorist-search-field__btn--clear,
  .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-filter-location-icon~.directorist-search-field__btn--clear,
  .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-select~.directorist-search-field__btn--clear {
    bottom           : 12px;
    top              : unset;
    -webkit-transform: unset;
    transform        : unset
  }

  .directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input,
  .directorist-search-form__top .directorist-search-field.input-has-value .directorist-select,
  .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input,
  .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-select {
    padding-right: 0
  }

  .directorist-search-form__top .directorist-search-field.input-has-value .directorist-location-js,
  .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-location-js {
    padding-right: 30px
  }

  .directorist-search-form__top .directorist-search-field.input-has-value.atbdp-form-fade:after,
  .directorist-search-form__top .directorist-search-field.input-has-value .directorist-filter-location-icon,
  .directorist-search-form__top .directorist-search-field.input-is-focused.atbdp-form-fade:after,
  .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-filter-location-icon {
    margin-top: 0
  }

  .directorist-search-form__top .directorist-search-field.input-has-value.directorist-icon-right .directorist-input-icon,
  .directorist-search-form__top .directorist-search-field.input-is-focused.directorist-icon-right .directorist-input-icon {
    right : -20px;
    bottom: 12px
  }

  .directorist-search-form__top .directorist-search-field.input-has-value.directorist-icon-right .directorist-input-icon.directorist-filter-location-icon,
  .directorist-search-form__top .directorist-search-field.input-is-focused.directorist-icon-right .directorist-input-icon.directorist-filter-location-icon {
    right : 0;
    bottom: 8px
  }

  .directorist-search-form__top .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__label {
    opacity  : 0;
    font-size: 0 !important
  }

  .directorist-search-form__top .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::-webkit-input-placeholder {
    opacity           : 0;
    -webkit-transition: opacity .3s ease;
    transition        : opacity .3s ease
  }

  .directorist-search-form__top .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::-moz-placeholder {
    opacity        : 0;
    -moz-transition: opacity .3s ease;
    transition     : opacity .3s ease
  }

  .directorist-search-form__top .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input:-ms-input-placeholder {
    opacity       : 0;
    -ms-transition: opacity .3s ease;
    transition    : opacity .3s ease
  }

  .directorist-search-form__top .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::-ms-input-placeholder {
    opacity       : 0;
    -ms-transition: opacity .3s ease;
    transition    : opacity .3s ease
  }

  .directorist-search-form__top .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::placeholder {
    opacity           : 0;
    -webkit-transition: opacity .3s ease;
    transition        : opacity .3s ease
  }

  .directorist-search-form__top .directorist-search-field .directorist-price-ranges__label {
    top : 12px;
    left: 0
  }

  .directorist-search-form__top .directorist-search-field .directorist-price-ranges__currency {
    top : 12px;
    left: 32px
  }
}

.directorist-search-form__top .select2-container {
  width: 100%
}

.directorist-search-form__top .select2-container.select2-container--default .select2-selection--single {
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center;
  padding            : 5px 0;
  border             : 0 !important;
  width              : calc(100% - 15px)
}

.directorist-search-form__top .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
  color: var(--directorist-color-body)
}

.directorist-search-form__top .select2-container.select2-container--default .directorist-select2-addons-area .directorist-icon-mask {
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-flex       : 1;
  -webkit-flex           : 1;
  -ms-flex               : 1;
  flex                   : 1;
  -webkit-box-pack       : end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack          : end;
  justify-content        : flex-end
}

.directorist-search-form__top .select2-container.select2-container--default .directorist-select2-addons-area .directorist-icon-mask:after {
  width           : 12px;
  height          : 12px;
  background-color: grey
}

.directorist-search-form__top .select2-container .directorist-select2-dropdown-close {
  display: none
}

.directorist-search-form__top .select2-container .directorist-select2-dropdown-toggle {
  position: absolute;
  padding : 0;
  width   : auto
}

.directorist-search-form__top input[type=number]::-webkit-inner-spin-button,
.directorist-search-form__top input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  appearance        : none;
  margin            : 0
}

@media screen and (max-width:575px) {
  .directorist-search-form__top .directorist-search-form-dropdown {
    padding     : 0 !important;
    margin-right: 5px !important
  }

  .directorist-search-form__top .directorist-search-form-dropdown .directorist-search-field__btn {
    right: 0
  }
}

.directorist-search-form__top .directorist-search-form-dropdown .directorist-search-field__btn--clear {
  bottom    : 12px;
  opacity   : 0;
  visibility: hidden
}

.directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__input,
.directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input {
  padding-right: 25px
}

.directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__input .directorist-search-basic-dropdown-label,
.directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input .directorist-search-basic-dropdown-label {
  opacity    : 1 !important;
  visibility : visible;
  font-size  : 14px !important;
  font-weight: 500
}

.directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__input .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-item,
.directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-item {
  font-weight: 600;
  margin-left: 5px
}

.directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__btn--clear,
.directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__btn i:after,
.directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__btn--clear,
.directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__btn i:after {
  opacity   : 1;
  visibility: visible
}

@media screen and (max-width:575px) {

  .directorist-search-form__top .directorist-search-form-dropdown.input-has-value,
  .directorist-search-form__top .directorist-search-form-dropdown.input-is-focused {
    margin-right: 20px !important
  }

  .directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__input,
  .directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input {
    padding-right: 0 !important
  }

  .directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__btn,
  .directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__btn {
    right: 20px
  }

  .directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__btn--clear,
  .directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__btn--clear {
    bottom: 5px
  }
}

.directorist-search-form__top .directorist-search-basic-dropdown {
  position: relative
}

.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label {
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-flex-wrap      : wrap;
  -ms-flex-wrap          : wrap;
  flex-wrap              : wrap;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack          : justify;
  justify-content        : space-between;
  position               : relative;
  padding                : 0;
  width                  : 100%;
  max-width              : unset;
  height                 : 40px;
  line-height            : 40px;
  margin-bottom          : 0 !important;
  font-size              : 14px;
  font-weight            : 400;
  cursor                 : pointer;
  position               : unset !important;
  -webkit-transform      : unset !important;
  transform              : unset !important;
  color                  : var(--directorist-color-body)
}

.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-prefix:not(:empty) {
  -webkit-margin-end: 5px;
  margin-inline-end : 5px
}

.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-count:not(:empty) {
  width                  : 20px;
  height                 : 20px;
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center;
  color                  : var(--directorist-color-white);
  background-color       : var(--directorist-color-primary);
  font-size              : 10px;
  border-radius          : 100%;
  -webkit-margin-start   : 10px;
  margin-inline-start    : 10px
}

.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label i {
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-flex       : 1;
  -webkit-flex           : 1;
  -ms-flex               : 1;
  flex                   : 1;
  -webkit-box-pack       : end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack          : end;
  justify-content        : flex-end
}

.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label i:after {
  width           : 12px;
  height          : 12px;
  background-color: grey
}

@media screen and (max-width:575px) {
  .directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label:before {
    left: -20px !important
  }
}

.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content {
  position          : absolute;
  left              : 0;
  width             : 100%;
  min-width         : 150px;
  padding           : 15px 20px;
  border-radius     : 8px;
  background-color  : var(--directorist-color-white);
  -webkit-box-shadow: var(--directorist-box-shadow);
  box-shadow        : var(--directorist-box-shadow);
  border            : 1px solid var(--directorist-color-border-light);
  -webkit-box-sizing: border-box;
  box-sizing        : border-box;
  max-height        : 250px;
  overflow-y        : auto;
  z-index           : 100;
  display           : none
}

.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content.dropdown-content-show {
  display: block
}

.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-checkbox-wrapper,
.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-radio-wrapper,
.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-search-tags {
  gap: 12px
}

.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-checkbox__label {
  width: 100%
}

.directorist-search-form__top .directorist-form-group__with-prefix {
  border: none
}

.directorist-search-form__top .directorist-form-group__with-prefix .directorist-search-field__input {
  padding-right: 0 !important;
  border       : none !important;
  bottom       : 0
}

.directorist-search-form__top .directorist-form-group__with-prefix .directorist-search-field__input:focus {
  border: none !important
}

.directorist-search-form__top .directorist-form-group__with-prefix .directorist-form-element {
  padding-left: 0 !important
}

.directorist-search-form__top .directorist-form-group__with-prefix~.directorist-search-field__btn--clear {
  bottom: 12px
}

.directorist-search-form-action {
  display              : -webkit-box;
  display              : -webkit-flex;
  display              : -ms-flexbox;
  display              : flex;
  -webkit-box-align    : center;
  -webkit-align-items  : center;
  -ms-flex-align       : center;
  align-items          : center;
  -webkit-margin-end   : auto;
  margin-inline-end    : auto;
  -webkit-padding-start: 10px;
  padding-inline-start : 10px;
  gap                  : 10px
}

@media only screen and (max-width:767px) {
  .directorist-search-form-action {
    -webkit-padding-start: 0;
    padding-inline-start : 0
  }
}

@media only screen and (max-width:575px) {
  .directorist-search-form-action {
    width: 100%
  }
}

.directorist-search-form-action button {
  text-decoration: none;
  text-transform : capitalize
}

.directorist-search-form-action__filter .directorist-filter-btn {
  gap             : 6px;
  height          : 50px;
  padding         : 0 18px;
  font-weight     : 400;
  background-color: var(--directorist-color-white) !important;
  border-color    : var(--directorist-color-white);
  color           : var(--directorist-color-btn-primary-bg)
}

.directorist-search-form-action__filter .directorist-filter-btn .directorist-icon-mask:after {
  height          : 12px;
  width           : 14px;
  background-color: var(--directorist-color-btn-primary-bg)
}

.directorist-search-form-action__filter .directorist-filter-btn:hover {
  color: rgba(var(--directorist-color-btn-primary-rgb), .8)
}

@media only screen and (max-width:767px) {
  .directorist-search-form-action__filter .directorist-filter-btn {
    padding-left: 0
  }
}

@media only screen and (max-width:575px) {
  .directorist-search-form-action__filter {
    display: none
  }
}

.directorist-search-form-action__submit .directorist-btn-search {
  gap          : 8px;
  height       : 50px;
  padding      : 0 25px;
  font-size    : 15px;
  font-weight  : 700;
  border-radius: 8px
}

.directorist-search-form-action__submit .directorist-btn-search .directorist-icon-mask:after {
  height           : 16px;
  width            : 16px;
  background-color : var(--directorist-color-white);
  -webkit-transform: rotate(270deg);
  transform        : rotate(270deg)
}

@media only screen and (max-width:575px) {
  .directorist-search-form-action__submit {
    display: none
  }
}

.directorist-search-form-action__modal {
  display          : -webkit-box;
  display          : -webkit-flex;
  display          : -ms-flexbox;
  display          : flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap    : wrap;
  flex-wrap        : wrap;
  gap              : 20px
}

@media only screen and (max-width:575px) {
  .directorist-search-form-action__modal {
    -webkit-box-flex: 0;
    -webkit-flex    : 0 0 100%;
    -ms-flex        : 0 0 100%;
    flex            : 0 0 100%
  }
}

@media only screen and (min-width:576px) {
  .directorist-search-form-action__modal {
    display: none
  }
}

.directorist-search-form-action__modal__btn-search {
  gap             : 8px;
  width           : 100%;
  height          : 44px;
  padding         : 0 25px;
  font-weight     : 600;
  border-radius   : 22px;
  -webkit-box-flex: 1;
  -webkit-flex    : 1;
  -ms-flex        : 1;
  flex            : 1
}

.directorist-search-form-action__modal__btn-search i:after {
  width            : 16px;
  height           : 16px;
  -webkit-transform: rotate(270deg);
  transform        : rotate(270deg)
}

.directorist-search-form-action__modal__btn-advanced {
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center
}

.directorist-search-form-action__modal__btn-advanced .directorist-icon-mask:after {
  height: 16px;
  width : 16px
}

.atbdp-form-fade {
  position     : relative;
  border-radius: 8px;
  overflow     : visible
}

.atbdp-form-fade.directorist-search-form__box {
  padding      : 15px;
  border-radius: 10px
}

.atbdp-form-fade.directorist-search-form__box:after {
  border-radius: 10px
}

.atbdp-form-fade.directorist-search-field input[type=text] {
  padding-left: 15px
}

.atbdp-form-fade:before {
  position         : absolute;
  content          : "";
  width            : 25px;
  height           : 25px;
  border           : 2px solid var(--directorist-color-primary);
  border-top       : 2px solid transparent;
  border-radius    : 50%;
  left             : 50%;
  top              : 50%;
  -webkit-transform: translate(-50%, -50%);
  transform        : translate(-50%, -50%);
  -webkit-animation: atbd_spin2 2s linear infinite;
  animation        : atbd_spin2 2s linear infinite;
  z-index          : 9999
}

.atbdp-form-fade:after {
  position     : absolute;
  content      : "";
  width        : 100%;
  height       : 100%;
  left         : 0;
  top          : 0;
  border-radius: 8px;
  background   : rgba(var(--directorist-color-primary-rgb), .3);
  z-index      : 9998
}

.directorist-on-scroll-loading {
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center;
  text-align             : center;
  font-size              : 18px;
  font-weight            : 500;
  color                  : var(--directorist-color-primary);
  gap                    : 8px
}

.directorist-on-scroll-loading .directorist-spinner {
  width            : 25px;
  height           : 25px;
  margin           : 0;
  background       : transparent;
  border-top       : 3px solid var(--directorist-color-primary);
  border-right     : 3px solid transparent;
  border-radius    : 50%;
  -webkit-animation: rotate360 1s linear infinite;
  animation        : rotate360 1s linear infinite
}

.directorist-listing-type-selection {
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center;
  -webkit-box-align      : end;
  -webkit-align-items    : flex-end;
  -ms-flex-align         : end;
  align-items            : flex-end;
  -webkit-flex-wrap      : wrap;
  -ms-flex-wrap          : wrap;
  flex-wrap              : wrap;
  list-style-type        : none
}

@media only screen and (max-width:767px) {
  .directorist-listing-type-selection {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap    : nowrap;
    flex-wrap        : nowrap;
    overflow-x       : auto
  }
}

@media only screen and (max-width:575px) {
  .directorist-listing-type-selection {
    max-width              : -webkit-fit-content;
    max-width              : -moz-fit-content;
    max-width              : fit-content;
    -webkit-box-pack       : start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack          : start;
    justify-content        : flex-start
  }
}

.directorist-listing-type-selection__item {
  margin-bottom: 25px;
  list-style   : none
}

@media screen and (max-width:575px) {
  .directorist-listing-type-selection__item {
    margin-bottom: 15px
  }
}

.directorist-listing-type-selection__item:not(:last-child) {
  margin-right: 25px
}

@media screen and (max-width:575px) {
  .directorist-listing-type-selection__item:not(:last-child) {
    margin-right: 20px
  }
}

.directorist-listing-type-selection__item a {
  position              : relative;
  display               : -webkit-box;
  display               : -webkit-flex;
  display               : -ms-flexbox;
  display               : flex;
  -webkit-box-align     : center;
  -webkit-align-items   : center;
  -ms-flex-align        : center;
  align-items           : center;
  -webkit-box-orient    : vertical;
  -webkit-box-direction : normal;
  -webkit-flex-direction: column;
  -ms-flex-direction    : column;
  flex-direction        : column;
  font-size             : 15px;
  font-weight           : 500;
  text-decoration       : none;
  white-space           : nowrap;
  padding               : 0 0 8px;
  color                 : var(--directorist-color-body)
}

.directorist-listing-type-selection__item a:hover {
  color: var(--directorist-color-primary)
}

.directorist-listing-type-selection__item a:hover .directorist-icon-mask:after {
  background-color: var(--directorist-color-primary)
}

.directorist-listing-type-selection__item a:focus {
  background-color: transparent
}

.directorist-listing-type-selection__item a:after {
  content         : "";
  position        : absolute;
  left            : 0;
  bottom          : 0;
  width           : 100%;
  height          : 2px;
  border-radius   : 6px;
  opacity         : 0;
  visibility      : hidden;
  background-color: var(--directorist-color-primary)
}

.directorist-listing-type-selection__item a .directorist-icon-mask {
  display: inline-block;
  margin : 0 0 7px
}

.directorist-listing-type-selection__item a .directorist-icon-mask:after {
  width           : 20px;
  height          : 20px;
  background-color: var(--directorist-color-body)
}

.directorist-listing-type-selection__item .directorist-listing-type-selection__link--current {
  font-weight: 700;
  color      : var(--directorist-color-primary)
}

.directorist-listing-type-selection__item .directorist-listing-type-selection__link--current .directorist-icon-mask:after {
  background-color: var(--directorist-color-primary)
}

.directorist-listing-type-selection__item .directorist-listing-type-selection__link--current:after {
  opacity   : 1;
  visibility: visible
}

.directorist-search-form-wrap .directorist-listing-type-selection {
  padding: 0;
  margin : 0
}

@media only screen and (max-width:575px) {
  .directorist-search-form-wrap .directorist-listing-type-selection {
    margin: 0 auto
  }
}

.directorist-search-contents .directorist-btn-ml:after {
  content           : "";
  display           : inline-block;
  margin-left       : 5px;
  -webkit-mask-image: url(../images/05feea3d261c8b97573023a74fd26f03.svg);
  mask-image        : url(../images/05feea3d261c8b97573023a74fd26f03.svg);
  width             : 12px;
  height            : 12px;
  background-color  : var(--directorist-color-body)
}

.directorist-search-contents .directorist-btn-ml.active:after {
  -webkit-mask-image: url(../images/c90867d23032298fc0ff1d456a6fdb30.svg);
  mask-image        : url(../images/c90867d23032298fc0ff1d456a6fdb30.svg)
}

.directorist-listing-category-top {
  text-align: center;
  margin-top: 35px
}

@media screen and (max-width:575px) {
  .directorist-listing-category-top {
    margin-top: 20px
  }
}

.directorist-listing-category-top h3 {
  font-size    : 18px;
  font-weight  : 400;
  color        : var(--directorist-color-body);
  margin-bottom: 0;
  display      : none
}

.directorist-listing-category-top ul {
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-flex-wrap      : wrap;
  -ms-flex-wrap          : wrap;
  flex-wrap              : wrap;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center;
  gap                    : 20px 35px;
  margin                 : 0;
  list-style             : none
}

@media only screen and (max-width:575px) {
  .directorist-listing-category-top ul {
    gap                    : 12px;
    overflow-x             : auto;
    -webkit-flex-wrap      : nowrap;
    -ms-flex-wrap          : nowrap;
    flex-wrap              : nowrap;
    -webkit-box-pack       : start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack          : start;
    justify-content        : flex-start
  }
}

.directorist-listing-category-top li a {
  color              : var(--directorist-color-body);
  font-size          : 14px;
  font-weight        : 500;
  text-decoration    : none;
  display            : -webkit-inline-box;
  display            : -webkit-inline-flex;
  display            : -ms-inline-flexbox;
  display            : inline-flex;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center;
  width              : -webkit-max-content;
  width              : -moz-max-content;
  width              : max-content;
  gap                : 10px
}

.directorist-listing-category-top li a i,
.directorist-listing-category-top li a span,
.directorist-listing-category-top li a span.fab,
.directorist-listing-category-top li a span.fas,
.directorist-listing-category-top li a span.la,
.directorist-listing-category-top li a span.lab,
.directorist-listing-category-top li a span.lar,
.directorist-listing-category-top li a span.las {
  font-size: 15px;
  color    : var(--directorist-color-body)
}

.directorist-listing-category-top li a .directorist-icon-mask:after {
  position        : relative;
  height          : 15px;
  width           : 15px;
  background-color: var(--directorist-color-body)
}

.directorist-listing-category-top li a p {
  font-size  : 14px;
  line-height: 1;
  font-weight: 400;
  margin     : 0;
  color      : var(--directorist-color-body)
}

@media screen and (max-width:575px) {
  .directorist-listing-category-top li a i {
    display: none
  }
}

.directorist-search-field .directorist-location-js+.address_result {
  position          : absolute;
  width             : 100%;
  left              : 0;
  top               : 45px;
  z-index           : 1;
  min-width         : 250px;
  max-height        : 345px !important;
  overflow-y        : scroll;
  border-radius     : 8px;
  background-color  : var(--directorist-color-white);
  -webkit-box-shadow: var(--directorist-box-shadow);
  box-shadow        : var(--directorist-box-shadow);
  border            : 1px solid var(--directorist-color-border-light);
  z-index           : 10
}

.directorist-search-field .directorist-location-js+.address_result ul {
  display               : -webkit-box;
  display               : -webkit-flex;
  display               : -ms-flexbox;
  display               : flex;
  -webkit-box-orient    : vertical;
  -webkit-box-direction : normal;
  -webkit-flex-direction: column;
  -ms-flex-direction    : column;
  flex-direction        : column;
  gap                   : 10px;
  padding               : 7px;
  margin                : 0 0 15px;
  list-style-type       : none
}

.directorist-search-field .directorist-location-js+.address_result ul a {
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  -webkit-box-align  : start;
  -webkit-align-items: flex-start;
  -ms-flex-align     : start;
  align-items        : flex-start;
  gap                : 15px;
  font-size          : 14px;
  line-height        : 18px;
  margin             : 0 13px;
  color              : var(--directorist-color-body);
  background-color   : var(--directorist-color-white);
  border-radius      : 8px;
  text-decoration    : none
}

.directorist-search-field .directorist-location-js+.address_result ul a .location-icon {
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center;
  min-width              : 36px;
  max-width              : 36px;
  height                 : 36px;
  border-radius          : 8px;
  background-color       : var(--directorist-color-bg-gray)
}

.directorist-search-field .directorist-location-js+.address_result ul a .location-icon i:after {
  width : 16px;
  height: 16px
}

.directorist-search-field .directorist-location-js+.address_result ul a .location-address {
  position: relative;
  top     : 2px
}

.directorist-search-field .directorist-location-js+.address_result ul a.current-location {
  height             : 50px;
  margin             : 0 0 13px;
  padding            : 0 8px;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center;
  color              : var(--directorist-color-primary);
  background-color   : var(--directorist-color-bg-gray)
}

.directorist-search-field .directorist-location-js+.address_result ul a.current-location .location-address {
  position: relative;
  top     : 0
}

.directorist-search-field .directorist-location-js+.address_result ul a.current-location .location-address:before {
  content: "Current Location"
}

.directorist-search-field .directorist-location-js+.address_result ul a:hover {
  color: var(--directorist-color-primary)
}

.directorist-search-field .directorist-location-js+.address_result ul li {
  border : none;
  padding: 0;
  margin : 0
}

.directorist-zipcode-search .directorist-search-country {
  position          : absolute;
  width             : 100%;
  left              : 0;
  top               : 45px;
  background-color  : var(--directorist-color-white);
  -webkit-box-shadow: 0 5px 10px rgba(145, 146, 163, .2);
  box-shadow        : 0 5px 10px rgba(145, 146, 163, .2);
  border-radius     : 3px;
  z-index           : 1;
  max-height        : 300px;
  overflow-y        : scroll
}

.directorist-zipcode-search .directorist-search-country ul {
  list-style: none;
  padding   : 0
}

.directorist-zipcode-search .directorist-search-country ul a {
  font-size  : 14px;
  color      : var(--directorist-color-gray);
  line-height: 22px;
  display    : block
}

.directorist-zipcode-search .directorist-search-country ul li {
  border-bottom: 1px solid var(--directorist-color-border);
  padding      : 10px 15px;
  margin       : 0
}

.directorist-search-contents .directorist-search-form-top .form-group.open_now {
  -webkit-box-flex: 30.8%;
  -webkit-flex    : 30.8%;
  -ms-flex        : 30.8%;
  flex            : 30.8%;
  border-right    : 1px solid var(--directorist-color-border)
}

.directorist-custom-range-slider {
  width: 100%
}

.directorist-custom-range-slider__wrap {
  -ms-flex-align         : center;
  -webkit-box-pack       : justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack          : justify;
  justify-content        : space-between;
  -webkit-flex-wrap      : wrap;
  -ms-flex-wrap          : wrap;
  flex-wrap              : wrap;
  gap                    : 20px;
  -webkit-box-flex       : 0;
  -webkit-flex           : 0 0 100%;
  -ms-flex               : 0 0 100%;
  flex                   : 0 0 100%
}

.directorist-custom-range-slider__value,
.directorist-custom-range-slider__wrap {
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  align-items        : center
}

.directorist-custom-range-slider__value {
  position          : relative;
  -webkit-box-flex  : 1;
  -webkit-flex      : 1;
  -ms-flex          : 1;
  flex              : 1;
  -ms-flex-align    : center;
  background        : transparent;
  border-bottom     : 1px solid var(--directorist-color-border);
  -webkit-transition: border .3s ease;
  transition        : border .3s ease
}

.directorist-custom-range-slider__value:focus-within {
  border-bottom: 2px solid var(--directorist-color-primary)
}

.directorist-custom-range-slider__value input {
  -webkit-box-flex  : 1;
  -webkit-flex      : 1;
  -ms-flex          : 1;
  flex              : 1;
  width             : 100%;
  height            : 40px;
  margin            : 0;
  padding           : 0 !important;
  font-size         : 14px;
  font-weight       : 500;
  color             : var(--directorist-color-primary);
  border            : none !important;
  outline           : none !important;
  -webkit-box-shadow: none !important;
  box-shadow        : none !important
}

.directorist-custom-range-slider__label {
  font-size  : 14px;
  font-weight: 400;
  margin     : 0 10px 0 0;
  color      : var(--directorist-color-light-gray)
}

.directorist-custom-range-slider__prefix {
  line-height: 1;
  font-size  : 14px;
  font-weight: 500;
  color      : var(--directorist-color-primary)
}

.directorist-custom-range-slider__range__wrap {
  gap                    : 5px;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack          : end;
  justify-content        : flex-end;
  font-size              : 14px;
  font-weight            : 500
}

.directorist-custom-range-slider__range__wrap,
.directorist-pagination {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.directorist-pagination {
  gap              : 8px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap    : wrap;
  flex-wrap        : wrap
}

.directorist-pagination,
.directorist-pagination .page-numbers {
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center
}

.directorist-pagination .page-numbers {
  display            : -webkit-inline-box;
  display            : -webkit-inline-flex;
  display            : -ms-inline-flexbox;
  display            : inline-flex;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center;
  text-decoration    : none;
  width              : 40px;
  height             : 40px;
  font-size          : 14px;
  font-weight        : 400;
  border-radius      : 8px;
  color              : var(--directorist-color-body);
  background-color   : var(--directorist-color-white);
  border             : 2px solid var(--directorist-color-border);
  -webkit-transition : border .3s ease, color .3s ease;
  transition         : border .3s ease, color .3s ease
}

.directorist-pagination .page-numbers .directorist-icon-mask:after {
  width           : 14px;
  height          : 14px;
  background-color: var(--directorist-color-body)
}

.directorist-pagination .page-numbers span {
  border   : 0;
  min-width: auto;
  margin   : 0
}

.directorist-pagination .page-numbers.current,
.directorist-pagination .page-numbers:hover {
  border-color: var(--directorist-color-primary);
  color       : var(--directorist-color-primary)
}

.directorist-pagination .page-numbers.current .directorist-icon-mask:after,
.directorist-pagination .page-numbers:hover .directorist-icon-mask:after {
  background-color: var(--directorist-color-primary)
}

.directorist-categories {
  margin-top: 15px
}

.directorist-categories__single {
  border-radius          : 12px;
  -webkit-box-shadow     : var(--directorist-box-shadow);
  box-shadow             : var(--directorist-box-shadow);
  border                 : 1px solid var(--directorist-color-border-light);
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center;
  background-color       : var(--directorist-color-white)
}

.directorist-categories__single--image {
  background-position: 50%;
  background-repeat  : no-repeat;
  background-size    : cover;
  -o-object-fit      : cover;
  object-fit         : cover;
  position           : relative
}

.directorist-categories__single--image:before {
  position     : absolute;
  content      : "";
  border-radius: inherit;
  width        : 100%;
  height       : 100%;
  left         : 0;
  top          : 0;
  background   : rgba(var(--directorist-color-dark-rgb), .5);
  z-index      : 0
}

.directorist-categories__single--image .directorist-categories__single__name,
.directorist-categories__single--image .directorist-categories__single__total {
  color: var(--directorist-color-white)
}

.directorist-categories__single__content {
  position        : relative;
  z-index         : 1;
  -webkit-box-flex: 1;
  -webkit-flex    : 1;
  -ms-flex        : 1;
  flex            : 1;
  text-align      : center;
  padding         : 50px 30px
}

.directorist-categories__single__content .directorist-icon-mask {
  display: inline-block
}

.directorist-categories__single__name {
  text-decoration: none;
  font-weight    : 500;
  font-size      : 16px;
  color          : var(--directorist-color-dark)
}

.directorist-categories__single__name:before {
  content : "";
  position: absolute;
  left    : 0;
  top     : 0;
  width   : 100%;
  height  : 100%
}

.directorist-categories__single--style-one .directorist-categories__single__content .directorist-icon-mask:after {
  width : 50px;
  height: 50px
}

@media screen and (max-width:991px) {
  .directorist-categories__single--style-one .directorist-categories__single__content .directorist-icon-mask:after {
    width : 40px;
    height: 40px
  }
}

.directorist-categories__single--style-one.directorist-categories__single--image .directorist-icon-mask:after {
  background-color: var(--directorist-color-white)
}

.directorist-categories__single--style-one:not(.directorist-categories__single--image) .directorist-icon-mask {
  background-color: var(--directorist-color-primary);
  border-radius   : 50%;
  padding         : 17px
}

.directorist-categories__single--style-one:not(.directorist-categories__single--image) .directorist-icon-mask:after {
  width           : 36px;
  height          : 36px;
  background-color: var(--directorist-color-white)
}

.directorist-categories__single--style-one:not(.directorist-categories__single--image) .directorist-categories__single__total {
  font-size  : 14px;
  font-weight: 400;
  color      : var(--directorist-color-deep-gray)
}

.directorist-categories__single--style-two .directorist-icon-mask {
  border       : 4px solid var(--directorist-color-primary);
  border-radius: 50%;
  padding      : 16px
}

.directorist-categories__single--style-two .directorist-icon-mask:after {
  width : 40px;
  height: 40px
}

.directorist-categories__single--style-two.directorist-categories__single--image .directorist-icon-mask {
  border-color: var(--directorist-color-white)
}

.directorist-categories__single--style-two.directorist-categories__single--image .directorist-icon-mask:after {
  background-color: var(--directorist-color-white)
}

.directorist-categories__single--style-three {
  height       : var(--directorist-category-box-width);
  border-radius: 50%
}

.directorist-categories__single--style-three .directorist-icon-mask:after {
  width : 40px;
  height: 40px
}

.directorist-categories__single--style-three .directorist-category-term {
  display: none
}

.directorist-categories__single--style-three .directorist-category-count {
  font-size              : 16px;
  font-weight            : 600;
  display                : -webkit-inline-box;
  display                : -webkit-inline-flex;
  display                : -ms-inline-flexbox;
  display                : inline-flex;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center;
  width                  : 48px;
  height                 : 48px;
  border-radius          : 50%;
  border                 : 3px solid var(--directorist-color-primary);
  margin-top             : 15px
}

.directorist-categories__single--style-three.directorist-categories__single--image .directorist-icon-mask:after {
  background-color: var(--directorist-color-white)
}

.directorist-categories__single--style-three .directorist-category-count {
  border-color: var(--directorist-color-white)
}

.directorist-categories__single--style-four .directorist-icon-mask {
  background-color: var(--directorist-color-primary);
  border-radius   : 50%;
  padding         : 17px
}

.directorist-categories__single--style-four .directorist-icon-mask:after {
  width           : 36px;
  height          : 36px;
  background-color: var(--directorist-color-white)
}

.directorist-categories__single--style-four.directorist-categories__single--image .directorist-icon-mask {
  border-color: var(--directorist-color-white)
}

.directorist-categories__single--style-four.directorist-categories__single--image .directorist-icon-mask:after {
  background-color: var(--directorist-color-white)
}

.directorist-categories__single--style-four:not(.directorist-categories__single--image) .directorist-categories__single__total {
  color: var(--directorist-color-deep-gray)
}

.directorist-categories .directorist-row>* {
  margin-top: 30px
}

.directorist-categories .directorist-type-nav {
  margin-bottom: 15px
}

.directorist-taxonomy-list-one .directorist-taxonomy-list__card {
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  background-color   : var(--directorist-color-light);
  border-radius      : var(--directorist-border-radius-lg);
  padding            : 8px 20px;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center;
  gap                : 12px;
  font-size          : 15px;
  font-weight        : 500;
  text-decoration    : none;
  position           : relative;
  min-height         : 40px;
  -webkit-transition : .3s ease;
  transition         : .3s ease;
  z-index            : 1
}

.directorist-taxonomy-list-one .directorist-taxonomy-list__card span {
  font-weight: var(--directorist-fw-medium)
}

.directorist-taxonomy-list-one .directorist-taxonomy-list__card--icon {
  -webkit-flex-wrap    : wrap;
  -ms-flex-wrap        : wrap;
  flex-wrap            : wrap;
  -webkit-padding-start: 12px;
  padding-inline-start : 12px
}

.directorist-taxonomy-list-one .directorist-taxonomy-list__toggle--open {
  border-bottom-right-radius: 0;
  border-bottom-left-radius : 0;
  padding-bottom            : 5px
}

.directorist-taxonomy-list-one .directorist-taxonomy-list__toggle--open .directorist-taxonomy-list__toggler .directorist-icon-mask:after {
  -webkit-transform: rotate(180deg);
  transform        : rotate(180deg)
}

.directorist-taxonomy-list-one .directorist-taxonomy-list__icon .directorist-icon-mask {
  width                  : 40px;
  height                 : 40px;
  border-radius          : 50%;
  background-color       : var(--directorist-color-white);
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center
}

.directorist-taxonomy-list-one .directorist-taxonomy-list__icon .directorist-icon-mask:after {
  width : 15px;
  height: 15px
}

.directorist-taxonomy-list-one .directorist-taxonomy-list__count,
.directorist-taxonomy-list-one .directorist-taxonomy-list__name {
  color: var(--directorist-color-dark)
}

.directorist-taxonomy-list-one .directorist-taxonomy-list__toggler {
  -webkit-margin-start: auto;
  margin-inline-start : auto
}

.directorist-taxonomy-list-one .directorist-taxonomy-list__toggler .directorist-icon-mask:after {
  width             : 10px;
  height            : 10px;
  -webkit-transition: .3s ease;
  transition        : .3s ease
}

.directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item {
  margin    : 0;
  list-style: none;
  overflow-y: auto
}

.directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item a {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap    : wrap;
  flex-wrap        : wrap;
  display          : -webkit-box;
  display          : -webkit-flex;
  display          : -ms-flexbox;
  display          : flex;
  font-size        : 15px;
  text-decoration  : none;
  color            : var(--directorist-color-dark)
}

.directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item ul {
  -webkit-padding-start: 10px;
  padding-inline-start : 10px
}

.directorist-taxonomy-list-one .directorist-taxonomy-list__card+.directorist-taxonomy-list__sub-item {
  background-color     : var(--directorist-color-light);
  border-radius        : 12px;
  -webkit-padding-start: 35px;
  padding-inline-start : 35px;
  -webkit-padding-end  : 20px;
  padding-inline-end   : 20px;
  height               : 0;
  overflow             : hidden;
  visibility           : hidden;
  opacity              : 0;
  padding-bottom       : 20px;
  margin-top           : -20px;
  -webkit-transition   : .3s ease;
  transition           : .3s ease
}

.directorist-taxonomy-list-one .directorist-taxonomy-list__card+.directorist-taxonomy-list__sub-item li {
  margin: 0
}

.directorist-taxonomy-list-one .directorist-taxonomy-list__card+.directorist-taxonomy-list__sub-item li>.directorist-taxonomy-list__sub-item {
  -webkit-padding-start: 15px;
  padding-inline-start : 15px
}

.directorist-taxonomy-list-one .directorist-taxonomy-list__card--icon+.directorist-taxonomy-list__sub-item {
  -webkit-padding-start: 64px;
  padding-inline-start : 64px
}

.directorist-taxonomy-list-one .directorist-taxonomy-list__card--icon+.directorist-taxonomy-list__sub-item li>.directorist-taxonomy-list__sub-item {
  -webkit-padding-start: 15px;
  padding-inline-start : 15px
}

.directorist-taxonomy-list-one .directorist-taxonomy-list__toggle--open+.directorist-taxonomy-list__sub-item {
  border-radius: 0 0 16px 16px;
  height       : auto;
  visibility   : visible;
  opacity      : 1;
  margin-top   : 0
}

.directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggle {
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center
}

.directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggle+.directorist-taxonomy-list__sub-item {
  height            : 0;
  opacity           : 0;
  padding           : 0;
  visibility        : hidden;
  overflow          : hidden;
  -webkit-transition: .3s ease;
  transition        : .3s ease
}

.directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggle.directorist-taxonomy-list__toggle--open+.directorist-taxonomy-list__sub-item {
  opacity   : 1;
  height    : auto;
  visibility: visible
}

.directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggle.directorist-taxonomy-list__toggle--open .directorist-taxonomy-list__sub-item-toggler:after {
  content: none
}

.directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggler {
  -webkit-margin-start: auto;
  margin-inline-start : auto;
  position            : relative;
  width               : 10px;
  height              : 10px;
  display             : inline-block
}

.directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggler:before {
  position         : absolute;
  content          : "";
  left             : 0;
  top              : 50%;
  width            : 10px;
  height           : 1px;
  background-color : var(--directorist-color-deep-gray);
  -webkit-transform: translateY(-50%);
  transform        : translateY(-50%)
}

.directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggler:after {
  position         : absolute;
  content          : "";
  width            : 1px;
  height           : 10px;
  left             : 50%;
  top              : 0;
  background-color : var(--directorist-color-deep-gray);
  -webkit-transform: translateX(-50%);
  transform        : translateX(-50%)
}

.directorist-taxonomy-list-two .directorist-taxonomy-list {
  -webkit-box-shadow: var(--directorist-box-shadow);
  box-shadow        : var(--directorist-box-shadow);
  border            : 1px solid var(--directorist-color-border-light);
  border-radius     : var(--directorist-border-radius-lg);
  background-color  : var(--directorist-color-white)
}

.directorist-taxonomy-list-two .directorist-taxonomy-list__card {
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  padding            : 10px 20px;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center;
  gap                : 12px;
  text-decoration    : none;
  min-height         : 40px;
  -webkit-transition : .6s ease;
  transition         : .6s ease
}

.directorist-taxonomy-list-two .directorist-taxonomy-list__card:focus {
  background: none
}

.directorist-taxonomy-list-two .directorist-taxonomy-list__name {
  font-weight: var(--directorist-fw-medium);
  color      : var(--directorist-color-dark)
}

.directorist-taxonomy-list-two .directorist-taxonomy-list__count {
  color: var(--directorist-color-dark)
}

.directorist-taxonomy-list-two .directorist-taxonomy-list__icon .directorist-icon-mask {
  width                  : 40px;
  height                 : 40px;
  border-radius          : 50%;
  background-color       : var(--directorist-color-dark);
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center
}

.directorist-taxonomy-list-two .directorist-taxonomy-list__icon .directorist-icon-mask:after {
  background-color: var(--directorist-color-white)
}

.directorist-taxonomy-list-two .directorist-taxonomy-list__toggle {
  border-bottom: 1px solid var(--directorist-color-border)
}

.directorist-taxonomy-list-two .directorist-taxonomy-list__toggler {
  display: none
}

.directorist-taxonomy-list-two .directorist-taxonomy-list__sub-item {
  margin    : 0;
  padding   : 15px 20px 25px;
  list-style: none
}

.directorist-taxonomy-list-two .directorist-taxonomy-list__sub-item li {
  margin-bottom: 7px
}

.directorist-taxonomy-list-two .directorist-taxonomy-list__sub-item a {
  text-decoration: none;
  color          : var(--directorist-color-dark)
}

.directorist-taxonomy-list-two .directorist-taxonomy-list__sub-item ul {
  margin    : 0;
  padding   : 0;
  list-style: none
}

.directorist-taxonomy-list-two .directorist-taxonomy-list__sub-item ul li {
  -webkit-padding-start: 10px;
  padding-inline-start : 10px
}

.directorist-location {
  margin-top: 30px
}

.directorist-location--grid-one .directorist-location__single {
  border-radius: var(--directorist-border-radius-lg);
  position     : relative
}

.directorist-location--grid-one .directorist-location__single--img {
  height: 300px
}

.directorist-location--grid-one .directorist-location__single--img:before {
  position     : absolute;
  content      : "";
  width        : 100%;
  height       : inherit;
  left         : 0;
  top          : 0;
  background   : rgba(var(--directorist-color-dark-rgb), .5);
  border-radius: inherit
}

.directorist-location--grid-one .directorist-location__single--img .directorist-location__content {
  position               : absolute;
  left                   : 0;
  bottom                 : 0;
  z-index                : 1;
  -webkit-box-sizing     : border-box;
  box-sizing             : border-box;
  width                  : 100%;
  height                 : 100%;
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-orient     : vertical;
  -webkit-box-direction  : normal;
  -webkit-flex-direction : column;
  -ms-flex-direction     : column;
  flex-direction         : column;
  -webkit-box-pack       : end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack          : end;
  justify-content        : flex-end
}

.directorist-location--grid-one .directorist-location__single--img .directorist-location__content a,
.directorist-location--grid-one .directorist-location__single--img .directorist-location__count {
  color: var(--directorist-color-white)
}

.directorist-location--grid-one .directorist-location__single__img {
  height       : inherit;
  border-radius: inherit
}

.directorist-location--grid-one .directorist-location__single img {
  width        : 100%;
  height       : inherit;
  border-radius: inherit;
  -o-object-fit: cover;
  object-fit   : cover
}

.directorist-location--grid-one .directorist-location__single:not(.directorist-location__single--img) {
  height                 : 300px;
  -webkit-box-shadow     : var(--directorist-box-shadow);
  box-shadow             : var(--directorist-box-shadow);
  border                 : 1px solid var(--directorist-color-border-light);
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center;
  background-color       : var(--directorist-color-white)
}

.directorist-location--grid-one .directorist-location__single:not(.directorist-location__single--img) .directorist-location__content a,
.directorist-location--grid-one .directorist-location__single:not(.directorist-location__single--img) .directorist-location__content h3,
.directorist-location--grid-one .directorist-location__single:not(.directorist-location__single--img) .directorist-location__content span {
  text-align: center
}

.directorist-location--grid-one .directorist-location__content {
  padding: 22px
}

.directorist-location--grid-one .directorist-location__content h3 {
  margin     : 0;
  font-size  : 16px;
  font-weight: 500
}

.directorist-location--grid-one .directorist-location__content a {
  color          : var(--directorist-color-dark);
  text-decoration: none
}

.directorist-location--grid-one .directorist-location__content a:after {
  position: absolute;
  content : "";
  width   : 100%;
  height  : 100%;
  left    : 0;
  top     : 0
}

.directorist-location--grid-one .directorist-location__count {
  display    : block;
  font-size  : 14px;
  font-weight: 400
}

.directorist-location--grid-two .directorist-location__single {
  border-radius: var(--directorist-border-radius-lg);
  position     : relative
}

.directorist-location--grid-two .directorist-location__single--img {
  height: auto
}

.directorist-location--grid-two .directorist-location__single--img .directorist-location__content {
  padding: 10px 0 0
}

.directorist-location--grid-two .directorist-location__single img {
  width        : 100%;
  height       : 100%;
  -o-object-fit: cover;
  object-fit   : cover;
  border-radius: var(--directorist-border-radius-lg)
}

.directorist-location--grid-two .directorist-location__single__img {
  position: relative;
  height  : 240px
}

.directorist-location--grid-two .directorist-location__single__img:before {
  position     : absolute;
  content      : "";
  width        : 100%;
  height       : 100%;
  left         : 0;
  top          : 0;
  background   : rgba(var(--directorist-color-dark-rgb), .5);
  border-radius: var(--directorist-border-radius-lg)
}

.directorist-location--grid-two .directorist-location__single:not(.directorist-location__single--img) {
  height                 : 300px;
  -webkit-box-shadow     : var(--directorist-box-shadow);
  box-shadow             : var(--directorist-box-shadow);
  border                 : 1px solid var(--directorist-color-border-light);
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center
}

.directorist-location--grid-two .directorist-location__single:not(.directorist-location__single--img) .directorist-location__content a,
.directorist-location--grid-two .directorist-location__single:not(.directorist-location__single--img) .directorist-location__content h3,
.directorist-location--grid-two .directorist-location__single:not(.directorist-location__single--img) .directorist-location__content span {
  text-align: center
}

.directorist-location--grid-two .directorist-location__content {
  padding: 22px
}

.directorist-location--grid-two .directorist-location__content h3 {
  margin     : 0;
  font-size  : 20px;
  font-weight: var(--directorist-fw-medium)
}

.directorist-location--grid-two .directorist-location__content a {
  text-decoration: none
}

.directorist-location--grid-two .directorist-location__content a:after {
  position: absolute;
  content : "";
  width   : 100%;
  height  : 100%;
  left    : 0;
  top     : 0
}

.directorist-location--grid-two .directorist-location__count {
  display: block
}

.directorist-location .directorist-row>* {
  margin-top: 30px
}

.directorist-location .directorist-type-nav {
  margin-bottom: 15px
}

.atm-open {
  overflow: hidden
}

.atm-open .at-modal {
  overflow-x: hidden;
  overflow-y: auto
}

.at-modal {
  position  : fixed;
  width     : 100%;
  height    : 100%;
  background: rgba(var(--directorist-color-dark-rgb), .5);
  left      : 0;
  top       : 0;
  z-index   : 9999;
  display   : none;
  overflow  : hidden;
  outline   : 0
}

.at-modal-content {
  position               : relative;
  width                  : 500px;
  margin                 : 30px auto;
  -webkit-transition     : .3s ease;
  transition             : .3s ease;
  opacity                : 0;
  visibility             : hidden;
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center;
  min-height             : calc(100% - 5rem);
  pointer-events         : none
}

.atm-contents-inner {
  width           : 100%;
  background-color: var(--directorist-color-white);
  pointer-events  : auto;
  border-radius   : 3px;
  position        : relative
}

.at-modal-content.at-modal-lg {
  width: 800px
}

.at-modal-content.at-modal-xl {
  width: 1140px
}

.at-modal-content.at-modal-sm {
  width: 300px
}

.at-modal.atm-fade {
  -webkit-transition: .3s ease;
  transition        : .3s ease
}

.at-modal.atm-fade:not(.atm-show) {
  opacity   : 0;
  visibility: hidden
}

.at-modal.atm-show .at-modal-content {
  opacity           : 1;
  visibility        : visible;
  -webkit-transition: .3s ease;
  transition        : .3s ease
}

.at-modal .atm-contents-inner .at-modal-close {
  width                  : 32px;
  height                 : 32px;
  top                    : 20px;
  right                  : 20px;
  position               : absolute;
  -webkit-transform      : none;
  transform              : none;
  background-color       : #444752;
  color                  : var(--directorist-color-white);
  border-radius          : 300px;
  opacity                : 1;
  font-weight            : 300;
  z-index                : 2;
  font-size              : 16px;
  padding                : 0;
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center;
  text-decoration        : none
}

.at-modal .atm-contents-inner .close span {
  display    : block;
  line-height: 0
}

@media (min-width:992px) and (max-width:1199.98px) {

  .at-modal-content.at-modal-lg,
  .at-modal-content.at-modal-md,
  .at-modal-content.at-modal-sm,
  .at-modal-content.at-modal-xl {
    width: calc(100% - 60px)
  }
}

@media (min-width:768px) and (max-width:991.98px) {

  .at-modal-content.at-modal-lg,
  .at-modal-content.at-modal-md,
  .at-modal-content.at-modal-sm,
  .at-modal-content.at-modal-xl {
    width: calc(100% - 60px)
  }
}

@media (min-width:576px) and (max-width:767.98px) {

  .at-modal-content.at-modal-lg,
  .at-modal-content.at-modal-md,
  .at-modal-content.at-modal-sm,
  .at-modal-content.at-modal-xl {
    width: calc(100% - 60px)
  }
}

@media (max-width:575.98px) {

  .at-modal-content.at-modal-lg,
  .at-modal-content.at-modal-md,
  .at-modal-content.at-modal-sm,
  .at-modal-content.at-modal-xl {
    width: calc(100% - 30px)
  }
}

.directorist-author__form {
  max-width         : 540px;
  margin            : 0 auto;
  padding           : 50px 40px;
  border-radius     : 12px;
  background-color  : var(--directorist-color-white);
  -webkit-box-shadow: var(--directorist-box-shadow);
  box-shadow        : var(--directorist-box-shadow);
  border            : 1px solid var(--directorist-color-border-light)
}

@media only screen and (max-width:480px) {
  .directorist-author__form {
    padding: 40px 25px
  }
}

.directorist-author__form__btn {
  width        : 100%;
  height       : 50px;
  border-radius: 8px
}

.directorist-author__form__actions {
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-flex-wrap      : wrap;
  -ms-flex-wrap          : wrap;
  flex-wrap              : wrap;
  gap                    : 15px;
  -webkit-box-pack       : justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack          : justify;
  justify-content        : space-between;
  padding                : 28px 0 33px
}

.directorist-author__form__actions a {
  font-size    : 14px;
  font-weight  : 400;
  color        : var(--directorist-color-deep-gray);
  border-bottom: 1px dashed var(--directorist-color-deep-gray)
}

.directorist-author__form__actions a:hover {
  color       : var(--directorist-color-primary);
  border-color: var(--directorist-color-primary)
}

.directorist-author__form__actions label,
.directorist-author__form__toggle-area {
  font-size  : 14px;
  font-weight: 400;
  color      : var(--directorist-color-body)
}

.directorist-author__form__toggle-area a {
  margin-left: 5px;
  color      : var(--directorist-color-info)
}

.directorist-author__form__toggle-area a:hover {
  color: var(--directorist-color-primary)
}

.directorist-author__form__recover-pass-modal .directorist-form-group {
  padding: 25px
}

.directorist-author__form__recover-pass-modal p {
  margin: 0 0 20px
}

.directorist-author__form__recover-pass-modal p,
.directorist-author__message__text {
  font-size  : 14px;
  font-weight: 400;
  color      : var(--directorist-color-body)
}

.directorist-authentication {
  height            : 0;
  opacity           : 0;
  visibility        : hidden;
  -webkit-transition: height .3s ease, opacity .3s ease, visibility .3s ease;
  transition        : height .3s ease, opacity .3s ease, visibility .3s ease
}

.directorist-authentication__form {
  max-width         : 540px;
  margin            : 0 auto 15px;
  padding           : 50px 40px;
  border-radius     : 12px;
  background-color  : #fff;
  -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
  box-shadow        : 0 5px 20px rgba(0, 0, 0, .1)
}

@media only screen and (max-width:480px) {
  .directorist-authentication__form {
    padding: 40px 25px
  }
}

.directorist-authentication__form__btn {
  width             : 100%;
  height            : 50px;
  border            : none;
  border-radius     : 8px;
  -webkit-transition: background-color .3s ease;
  transition        : background-color .3s ease
}

.directorist-authentication__form__actions {
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-flex-wrap      : wrap;
  -ms-flex-wrap          : wrap;
  flex-wrap              : wrap;
  gap                    : 15px;
  -webkit-box-pack       : justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack          : justify;
  justify-content        : space-between;
  padding                : 28px 0 33px
}

.directorist-authentication__form__actions a {
  font-size    : 14px;
  font-weight  : 400;
  color        : grey;
  border-bottom: 1px dashed grey
}

.directorist-authentication__form__actions a:hover {
  color       : #000;
  border-color: #000
}

.directorist-authentication__form__actions label,
.directorist-authentication__form__toggle-area {
  font-size  : 14px;
  font-weight: 400;
  color      : #404040
}

.directorist-authentication__form__toggle-area a {
  margin-left       : 5px;
  color             : #2c99ff;
  -webkit-transition: color .3s ease;
  transition        : color .3s ease
}

.directorist-authentication__form__toggle-area a:hover {
  color: #000
}

.directorist-authentication__form__recover-pass-modal {
  display: none
}

.directorist-authentication__form__recover-pass-modal .directorist-form-group {
  margin            : 0;
  padding           : 25px;
  -webkit-box-sizing: border-box;
  box-sizing        : border-box;
  border-radius     : 8px;
  border            : 1px solid #e9e9e9
}

.directorist-authentication__form__recover-pass-modal p {
  font-size  : 14px;
  font-weight: 400;
  color      : #404040;
  margin     : 0 0 20px
}

.directorist-authentication__form .directorist-form-element {
  padding      : 15px 0;
  border-radius: 0;
  border       : none;
  border-bottom: 1px solid #ececec
}

.directorist-authentication__form .directorist-form-group>label {
  margin     : 0;
  font-size  : 14px;
  font-weight: 400;
  color      : #404040
}

.directorist-authentication__btn {
  border            : none;
  outline           : none;
  cursor            : pointer;
  -webkit-box-shadow: none;
  box-shadow        : none;
  color             : #000;
  font-size         : 13px;
  font-weight       : 400;
  padding           : 0 6px;
  text-transform    : capitalize;
  background        : transparent;
  -webkit-transition: color .3s ease;
  transition        : color .3s ease
}

.directorist-authentication__btn:hover {
  opacity: .75
}

.directorist-authentication__message__text {
  font-size  : 14px;
  font-weight: 400;
  color      : #404040
}

.directorist-authentication.active {
  height    : auto;
  opacity   : 1;
  visibility: visible
}

.directorist-password-group {
  position: relative
}

.directorist-password-group-input {
  padding-right: 40px !important
}

.directorist-password-group-toggle {
  position         : absolute;
  top              : calc(50% + 16px);
  right            : 15px;
  -webkit-transform: translateY(-50%);
  transform        : translateY(-50%);
  cursor           : pointer
}

.directorist-password-group-toggle svg {
  width       : 22px;
  height      : 22px;
  fill        : none;
  stroke      : #888;
  stroke-width: 2
}

.directorist-authors-section {
  position: relative
}

.directorist-content-active .directorist-authors__cards {
  margin-top: -30px
}

.directorist-content-active .directorist-authors__cards .directorist-row>* {
  margin-top: 30px
}

.directorist-content-active .directorist-authors__nav {
  margin-bottom: 30px
}

.directorist-content-active .directorist-authors__nav ul {
  list-style-type        : none;
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-flex-wrap      : wrap;
  -ms-flex-wrap          : wrap;
  flex-wrap              : wrap;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center;
  margin                 : 0;
  padding                : 0
}

.directorist-content-active .directorist-authors__nav li {
  list-style: none
}

.directorist-content-active .directorist-authors__nav li a {
  display           : block;
  line-height       : 20px;
  padding           : 0 17px 10px;
  border-bottom     : 2px solid transparent;
  font-size         : 15px;
  font-weight       : 500;
  text-transform    : capitalize;
  -webkit-box-shadow: none;
  box-shadow        : none;
  text-decoration   : none;
  -webkit-transition: .3s ease;
  transition        : .3s ease
}

.directorist-content-active .directorist-authors__nav li.active a,
.directorist-content-active .directorist-authors__nav li a:hover {
  border-bottom-color: var(--directorist-color-primary);
  color              : var(--directorist-color-primary)
}

.directorist-content-active .directorist-authors__card {
  padding           : 20px;
  border-radius     : 10px;
  background-color  : var(--directorist-color-white);
  -webkit-box-shadow: var(--directorist-box-shadow);
  box-shadow        : var(--directorist-box-shadow);
  border            : 1px solid var(--directorist-color-border-light)
}

.directorist-content-active .directorist-authors__card__img {
  margin-bottom: 15px;
  text-align   : center
}

.directorist-content-active .directorist-authors__card__img img {
  border-radius: 50%;
  width        : 150px;
  height       : 150px;
  display      : inline-block;
  -o-object-fit: cover;
  object-fit   : cover
}

.directorist-content-active .directorist-authors__card__details__top {
  text-align   : center;
  border-bottom: 1px solid var(--directorist-color-border);
  margin       : 5px 0 15px
}

.directorist-content-active .directorist-authors__card h2 {
  font-size  : 20px;
  font-weight: 500;
  margin     : 0 0 16px !important;
  line-height: normal
}

.directorist-content-active .directorist-authors__card h2:before {
  content: none
}

.directorist-content-active .directorist-authors__card h3 {
  font-size     : 14px;
  font-weight   : 400;
  color         : #8f8e9f;
  margin        : 0 0 15px !important;
  line-height   : normal;
  text-transform: none;
  letter-spacing: normal
}

.directorist-content-active .directorist-authors__card__info-list {
  list-style-type: none;
  padding        : 0;
  margin         : 0;
  margin-bottom  : 15px !important
}

.directorist-content-active .directorist-authors__card__info-list li {
  font-size : 14px;
  color     : #767792;
  list-style: none;
  word-wrap : break-word;
  word-break: break-all;
  display   : -webkit-box;
  display   : -webkit-flex;
  display   : -ms-flexbox;
  display   : flex;
  margin    : 0
}

.directorist-content-active .directorist-authors__card__info-list li:not(:last-child) {
  margin-bottom: 5px
}

.directorist-content-active .directorist-authors__card__info-list li a {
  color             : #767792;
  border            : 0;
  -webkit-box-shadow: none;
  box-shadow        : none;
  text-decoration   : none
}

.directorist-content-active .directorist-authors__card__info-list li .directorist-icon-mask {
  margin-right: 5px;
  margin-top  : 3px
}

.directorist-content-active .directorist-authors__card__info-list li .directorist-icon-mask:after {
  width : 16px;
  height: 16px
}

.directorist-content-active .directorist-authors__card__info-list li>i:not(.directorist-icon-mask) {
  display     : inline-block;
  margin-right: 5px;
  margin-top  : 5px;
  font-size   : 16px
}

.directorist-content-active .directorist-authors__card .directorist-author-social {
  margin: 0 0 15px
}

.directorist-content-active .directorist-authors__card .directorist-author-social li {
  margin: 0
}

.directorist-content-active .directorist-authors__card .directorist-author-social a {
  border            : 0;
  -webkit-box-shadow: none;
  box-shadow        : none;
  text-decoration   : none
}

.directorist-content-active .directorist-authors__card .directorist-author-social a:hover {
  background-color: var(--directorist-color-primary)
}

.directorist-content-active .directorist-authors__card .directorist-author-social a:hover>span {
  background: none;
  color     : var(--directorist-color-white)
}

.directorist-content-active .directorist-authors__card p {
  font-size    : 14px;
  color        : #767792;
  margin-bottom: 20px
}

.directorist-content-active .directorist-authors__card .directorist-btn {
  border            : 0;
  -webkit-box-shadow: none;
  box-shadow        : none;
  -webkit-transition: .3s ease;
  transition        : .3s ease
}

.directorist-content-active .directorist-authors__card .directorist-btn:hover {
  background-color: var(--directorist-color-primary);
  color           : var(--directorist-color-white)
}

.directorist-authors__pagination {
  margin-top: 25px
}

.select2-selection__arrow,
.select2-selection__clear {
  display: none !important
}

.directorist-select2-addons-area {
  position         : absolute;
  right            : 5px;
  top              : 50%;
  text-align       : center;
  cursor           : pointer;
  -webkit-transform: translateY(-50%);
  transform        : translateY(-50%);
  z-index          : 8
}

.directorist-select2-addon,
.directorist-select2-addons-area {
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center
}

.directorist-select2-addon {
  padding: 0 5px
}

.directorist-select2-dropdown-close,
.directorist-select2-dropdown-toggle {
  height: auto;
  width : 25px
}

.directorist-select2-dropdown-close .directorist-icon-mask:after {
  width : 15px;
  height: 15px
}

.directorist-select2-addon .directorist-icon-mask:after {
  width : 13px;
  height: 13px
}

.directorist-form-section {
  font-size: 15px
}

.directorist-archive-contents .directorist-single-line .directorist-listing-single__info__excerpt,
.directorist-archive-contents .directorist-single-line .directorist-listing-single__info__list ul li div,
.directorist-archive-contents .directorist-single-line .directorist-listing-tagline,
.directorist-archive-contents .directorist-single-line .directorist-listing-title {
  overflow     : hidden;
  white-space  : nowrap;
  text-overflow: ellipsis
}

.directorist-all-listing-btn {
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  gap                    : 20px;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  padding-bottom         : 20px;
  -webkit-box-pack       : justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack          : justify;
  justify-content        : space-between
}

.directorist-all-listing-btn__basic {
  -webkit-box-flex: 1;
  -webkit-flex    : 1;
  -ms-flex        : 1;
  flex            : 1
}

.directorist-all-listing-btn .directorist-btn__back i:after {
  width : 16px;
  height: 16px
}

.directorist-all-listing-btn .directorist-modal-btn--basic {
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  -webkit-box-flex   : 1;
  -webkit-flex       : 1;
  -ms-flex           : 1;
  flex               : 1;
  gap                : 10px;
  min-height         : 40px;
  border-radius      : 30px;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center
}

.directorist-all-listing-btn .directorist-modal-btn--basic i:after {
  width            : 16px;
  height           : 16px;
  -webkit-transform: rotate(270deg);
  transform        : rotate(270deg)
}

.directorist-all-listing-btn .directorist-modal-btn--advanced i:after {
  width : 16px;
  height: 16px
}

@media screen and (min-width:576px) {

  .directorist-all-listing-btn,
  .directorist-all-listing-modal {
    display: none
  }
}

.directorist-content-active .directorist-listing-single {
  -webkit-box-flex: 1;
  -webkit-flex    : 1;
  -ms-flex        : 1;
  flex            : 1;
  font-size       : 15px;
  margin-bottom   : 15px
}

.directorist-content-active .directorist-listing-single--bg {
  border-radius     : 10px;
  background-color  : var(--directorist-color-white);
  -webkit-box-shadow: var(--directorist-box-shadow);
  box-shadow        : var(--directorist-box-shadow);
  border            : 1px solid var(--directorist-color-border-light)
}

.directorist-content-active .directorist-listing-single__content {
  border-radius: 4px
}

.directorist-content-active .directorist-listing-single__content__badges {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap    : 10px
}

.directorist-content-active .directorist-listing-single__info {
  display               : -webkit-box;
  display               : -webkit-flex;
  display               : -ms-flexbox;
  display               : flex;
  gap                   : 8px;
  -webkit-flex-wrap     : wrap;
  -ms-flex-wrap         : wrap;
  flex-wrap             : wrap;
  -webkit-box-orient    : vertical;
  -webkit-box-direction : normal;
  -webkit-flex-direction: column;
  -ms-flex-direction    : column;
  flex-direction        : column;
  position              : relative;
  padding               : 33px 20px 24px
}

.directorist-content-active .directorist-listing-single__info:empty {
  display: none
}

.directorist-content-active .directorist-listing-single__info__top {
  gap  : 6px;
  width: 100%
}

.directorist-content-active .directorist-listing-single__info__top,
.directorist-content-active .directorist-listing-single__info__top__left {
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center;
  -webkit-flex-wrap  : wrap;
  -ms-flex-wrap      : wrap;
  flex-wrap          : wrap;
  -webkit-box-flex   : 1;
  -webkit-flex       : 1;
  -ms-flex           : 1;
  flex               : 1
}

.directorist-content-active .directorist-listing-single__info__top__left {
  gap: 10px
}

.directorist-content-active .directorist-listing-single__info__top__right {
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-flex       : 1;
  -webkit-flex           : auto;
  -ms-flex               : auto;
  flex                   : auto;
  gap                    : 10px;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-flex-wrap      : wrap;
  -ms-flex-wrap          : wrap;
  flex-wrap              : wrap;
  -webkit-box-pack       : end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack          : end;
  justify-content        : flex-end
}

.directorist-content-active .directorist-listing-single__info__top .directorist-badge.directorist-badge-close {
  background-color: transparent;
  color           : var(--directorist-color-danger)
}

.directorist-content-active .directorist-listing-single__info__top .atbd_badge.atbd_badge_open,
.directorist-content-active .directorist-listing-single__info__top .directorist-badge.directorist-badge-open {
  background-color: transparent;
  color           : var(--directorist-color-success)
}

.directorist-content-active .directorist-listing-single__info__top .directorist-info-item.directorist-rating-meta,
.directorist-content-active .directorist-listing-single__info__top .directorist-listing-card-posted-on {
  display            : -webkit-inline-box;
  display            : -webkit-inline-flex;
  display            : -ms-inline-flexbox;
  display            : inline-flex;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center
}

.directorist-content-active .directorist-listing-single__info__top .directorist-listing-card-posted-on {
  -webkit-box-flex         : 0;
  -webkit-flex             : 0 0 100%;
  -ms-flex                 : 0 0 100%;
  flex                     : 0 0 100%;
  -webkit-box-ordinal-group: 2;
  -webkit-order            : 1;
  -ms-flex-order           : 1;
  order                    : 1;
  margin                   : 0;
  font-size                : 13px;
  color                    : var(--directorist-color-light-gray)
}

.directorist-content-active .directorist-listing-single__info__top .directorist-listing-card-posted-on i {
  display: none
}

.directorist-content-active .directorist-listing-single__info__badges,
.directorist-content-active .directorist-listing-single__info__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap    : 10px
}

.directorist-content-active .directorist-listing-single__info__list {
  -webkit-box-orient    : vertical;
  -webkit-box-direction : normal;
  -webkit-flex-direction: column;
  -ms-flex-direction    : column;
  flex-direction        : column;
  margin                : 10px 0 0;
  padding               : 0;
  width                 : 100%
}

@media only screen and (max-width:575px) {
  .directorist-content-active .directorist-listing-single__info__list {
    gap: 8px
  }
}

.directorist-content-active .directorist-listing-single__info__list>div,
.directorist-content-active .directorist-listing-single__info__list li {
  display    : -webkit-box;
  display    : -webkit-flex;
  display    : -ms-flexbox;
  display    : flex;
  gap        : 10px;
  margin     : 0;
  font-size  : 14px;
  line-height: 18px;
  color      : var(--directorist-color-body)
}

.directorist-content-active .directorist-listing-single__info__list>div .directorist-icon-mask,
.directorist-content-active .directorist-listing-single__info__list li .directorist-icon-mask {
  position: relative;
  top     : 2px
}

.directorist-content-active .directorist-listing-single__info__list>div .directorist-icon-mask:after,
.directorist-content-active .directorist-listing-single__info__list li .directorist-icon-mask:after {
  width           : 16px;
  height          : 16px;
  background-color: var(--directorist-color-light-gray)
}

.directorist-content-active .directorist-listing-single__info__list>div .directorist-listing-card-info-label,
.directorist-content-active .directorist-listing-single__info__list li .directorist-listing-card-info-label {
  display: none
}

.directorist-content-active .directorist-listing-single__info__list .directorist-icon {
  font-size   : 17px;
  color       : var(--directorist-color-body);
  margin-right: 8px
}

.directorist-content-active .directorist-listing-single__info__list a {
  text-decoration: none;
  color          : var(--directorist-color-body);
  word-break     : break-word
}

.directorist-content-active .directorist-listing-single__info__list a:hover {
  color: var(--directorist-color-primary)
}

.directorist-content-active .directorist-listing-single__info__list .directorist-listing-card-location-list {
  display: block;
  margin : 0
}

.directorist-content-active .directorist-listing-single__info__list__label {
  display     : inline-block;
  margin-right: 5px
}

.directorist-content-active .directorist-listing-single__info--right {
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center;
  gap                : 20px;
  position           : absolute;
  right              : 20px;
  top                : 20px
}

@media screen and (max-width:991px) {
  .directorist-content-active .directorist-listing-single__info--right {
    gap: 15px
  }
}

@media screen and (max-width:575px) {
  .directorist-content-active .directorist-listing-single__info--right {
    gap: 10px
  }
}

.directorist-content-active .directorist-listing-single__info__excerpt {
  margin     : 10px 0 0;
  font-size  : 14px;
  color      : var(--directorist-color-body);
  line-height: 20px;
  text-align : left
}

.directorist-content-active .directorist-listing-single__info__excerpt a {
  color          : var(--directorist-color-primary);
  text-decoration: underline
}

.directorist-content-active .directorist-listing-single__info__excerpt a:hover {
  color: var(--directorist-color-body)
}

.directorist-content-active .directorist-listing-single__info__top-right {
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  -webkit-box-align  : start;
  -webkit-align-items: flex-start;
  -ms-flex-align     : start;
  align-items        : flex-start;
  gap                : 20px;
  width              : 100%
}

@media screen and (max-width:575px) {
  .directorist-content-active .directorist-listing-single__info__top-right {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap    : wrap;
    flex-wrap        : wrap;
    gap              : 5px
  }

  .directorist-content-active .directorist-listing-single__info__top-right .directorist-mark-as-favorite {
    position: absolute;
    top     : 20px;
    left    : -30px
  }
}

.directorist-content-active .directorist-listing-single__info__top-right .directorist-listing-single__info--right {
  position: unset
}

.directorist-content-active .directorist-listing-single__info a {
  text-decoration   : none;
  -webkit-box-shadow: none;
  box-shadow        : none;
  color             : var(--directorist-color-body);
  -webkit-transition: color .3s ease;
  transition        : color .3s ease
}

.directorist-content-active .directorist-listing-single__info a:hover {
  color: var(--directorist-color-primary)
}

.directorist-content-active .directorist-listing-single__info .directorist-info-item {
  font-size  : 14px;
  line-height: 18px;
  position   : relative;
  display    : inline-block
}

.directorist-content-active .directorist-listing-single__info .directorist-info-item:not(:last-of-type) {
  padding-right: 10px
}

.directorist-content-active .directorist-listing-single__info .directorist-info-item:not(:last-of-type):after {
  position         : absolute;
  right            : 0;
  top              : 50%;
  -webkit-transform: translateY(-50%);
  transform        : translateY(-50%);
  border-radius    : 50%;
  width            : 3px;
  height           : 3px;
  content          : "";
  background-color : #bcbcbc
}

.directorist-content-active .directorist-listing-single__info .directorist-info-item:not(:last-of-type).directorist-badge {
  margin-right : 8px;
  padding-right: 3px
}

.directorist-content-active .directorist-listing-single__info .directorist-info-item:not(:last-of-type).directorist-badge:after {
  right: -8px
}

.directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-rating-meta {
  display            : -webkit-inline-box;
  display            : -webkit-inline-flex;
  display            : -ms-inline-flexbox;
  display            : inline-flex;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center;
  font-size          : 14px;
  font-weight        : 500;
  line-height        : 1;
  color              : var(--directorist-color-body)
}

.directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-rating-meta .directorist-icon-mask {
  margin-right: 4px
}

.directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-rating-meta .directorist-icon-mask:after {
  width : 12px;
  height: 12px
}

.directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-badge {
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center;
  width              : auto;
  height             : 21px;
  line-height        : 21px;
  margin             : 0;
  border-radius      : 4px;
  font-size          : 10px;
  font-weight        : 700
}

.directorist-content-active .directorist-listing-single__info .directorist-info-item .directorist-review {
  display        : block;
  margin-left    : 6px;
  font-size      : 14px;
  color          : var(--directorist-color-light-gray);
  text-decoration: underline
}

.directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-listing-category,
.directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-listing-location {
  display            : -webkit-inline-box;
  display            : -webkit-inline-flex;
  display            : -ms-inline-flexbox;
  display            : inline-flex;
  -webkit-box-align  : start;
  -webkit-align-items: flex-start;
  -ms-flex-align     : start;
  align-items        : flex-start;
  gap                : 5px
}

.directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-listing-category .directorist-icon-mask,
.directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-listing-location .directorist-icon-mask {
  margin-top: 2px
}

.directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-listing-category:after,
.directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-listing-location:after {
  top              : 10px;
  -webkit-transform: unset;
  transform        : unset
}

.directorist-content-active .directorist-listing-single__info .directorist-badge+.directorist-badge {
  margin-left: 3px
}

.directorist-content-active .directorist-listing-single__info .directorist-listing-tagline {
  -webkit-box-flex: 0;
  -webkit-flex    : 0 0 100%;
  -ms-flex        : 0 0 100%;
  flex            : 0 0 100%;
  margin          : 0;
  font-size       : 14px;
  line-height     : 18px;
  color           : var(--directorist-color-light-gray)
}

.directorist-content-active .directorist-listing-single__info .directorist-listing-title {
  font-size       : 18px;
  font-weight     : 500;
  padding         : 0;
  text-transform  : none;
  line-height     : 20px;
  margin          : 0;
  -webkit-box-flex: 0;
  -webkit-flex    : 0 0 100%;
  -ms-flex        : 0 0 100%;
  flex            : 0 0 100%
}

.directorist-content-active .directorist-listing-single__info .directorist-listing-title a {
  text-decoration: none;
  color          : var(--directorist-color-dark)
}

.directorist-content-active .directorist-listing-single__info .directorist-listing-title a:hover {
  color: var(--directorist-color-primary)
}

.directorist-content-active .directorist-listing-single__info .directorist-pricing-meta .directorist-listing-price {
  font-size  : 14px;
  font-weight: 700;
  padding    : 0;
  background : transparent;
  color      : var(--directorist-color-body)
}

@media screen and (max-width:575px) {
  .directorist-content-active .directorist-listing-single__info .directorist-pricing-meta .directorist-listing-price {
    font-weight: 700
  }
}

.directorist-content-active .directorist-listing-single__meta {
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-flex-wrap      : wrap;
  -ms-flex-wrap          : wrap;
  flex-wrap              : wrap;
  gap                    : 10px;
  position               : relative;
  padding                : 14px 20px;
  font-size              : 14px;
  -webkit-box-pack       : justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack          : justify;
  justify-content        : space-between;
  border-top             : 1px solid var(--directorist-color-border)
}

.directorist-content-active .directorist-listing-single__meta__left,
.directorist-content-active .directorist-listing-single__meta__right {
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center;
  -webkit-flex-wrap  : wrap;
  -ms-flex-wrap      : wrap;
  flex-wrap          : wrap;
  gap                : 20px
}

.directorist-content-active .directorist-listing-single__meta .directorist-listing-category a {
  text-decoration    : none;
  font-size          : 14px;
  color              : var(--directorist-color-body);
  border-bottom      : 0;
  -webkit-box-shadow : none;
  box-shadow         : none;
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center;
  word-break         : break-word;
  -webkit-transition : color .3s ease;
  transition         : color .3s ease
}

.directorist-content-active .directorist-listing-single__meta .directorist-listing-category a:hover {
  color: var(--directorist-color-primary)
}

.directorist-content-active .directorist-listing-single__meta .directorist-view-count {
  font-size          : 14px;
  color              : var(--directorist-color-body);
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center;
  gap                : 5px
}

.directorist-content-active .directorist-listing-single__meta .directorist-view-count .directorist-icon-mask:after {
  width           : 15px;
  height          : 15px;
  background-color: var(--directorist-color-light-gray)
}

.directorist-content-active .directorist-listing-single__meta .directorist-view-count>span {
  display     : inline-block;
  margin-right: 5px
}

.directorist-content-active .directorist-listing-single__meta .directorist-thumb-listing-author a {
  width         : 38px;
  height        : 38px;
  display       : inline-block;
  vertical-align: middle
}

.directorist-content-active .directorist-listing-single__meta .directorist-thumb-listing-author img {
  width        : 100%;
  height       : 100%;
  border-radius: 50%
}

.directorist-content-active .directorist-listing-single__meta .directorist-mark-as-favorite__btn {
  width : auto;
  height: auto
}

.directorist-content-active .directorist-listing-single__meta .directorist-listing-category>a .directorist-icon-mask {
  height                 : 34px;
  width                  : 34px;
  border-radius          : 50%;
  background-color       : var(--directorist-color-light);
  display                : -webkit-inline-box;
  display                : -webkit-inline-flex;
  display                : -ms-inline-flexbox;
  display                : inline-flex;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center;
  margin-right           : 10px
}

.directorist-content-active .directorist-listing-single__meta .directorist-listing-category>a .directorist-icon-mask:after {
  background-color: var(--directorist-color-primary);
  width           : 14px;
  height          : 14px
}

.directorist-content-active .directorist-listing-single__meta .directorist-listing-category>a>span {
  width                  : 36px;
  height                 : 36px;
  border-radius          : 50%;
  background-color       : #f3f3f3;
  display                : -webkit-inline-box;
  display                : -webkit-inline-flex;
  display                : -ms-inline-flexbox;
  display                : inline-flex;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center;
  margin-right           : 10px
}

.directorist-content-active .directorist-listing-single__meta .directorist-listing-category>a>span:before {
  color: var(--directorist-color-body)
}

.directorist-content-active .directorist-listing-single__meta .directorist-listing-category__extran-count {
  font-size  : 14px;
  font-weight: 500
}

.directorist-content-active .directorist-listing-single__meta .directorist-listing-card-phone,
.directorist-content-active .directorist-listing-single__meta .directorist-rating-meta {
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center;
  font-size          : 14px
}

.directorist-content-active .directorist-listing-single__meta .directorist-listing-card-phone {
  gap: 5px
}

.directorist-content-active .directorist-listing-single__meta .directorist-listing-card-phone a {
  text-decoration: none
}

.directorist-content-active .directorist-listing-single__thumb {
  position: relative;
  margin  : 0
}

.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card {
  position        : relative;
  width           : 100%;
  height          : 100%;
  border-radius   : 10px;
  overflow        : hidden;
  z-index         : 0;
  background-color: var(--directorist-color-bg-gray)
}

.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card .directorist-thumnail-card-back-wrap,
.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card .directorist-thumnail-card-front-wrap {
  position: absolute;
  top     : 0;
  bottom  : 0;
  left    : 0;
  right   : 0;
  height  : 100%;
  width   : 100%;
  overflow: hidden;
  z-index : 2
}

.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card .directorist-thumnail-card-back-wrap figure,
.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card .directorist-thumnail-card-front-wrap figure {
  width : 100%;
  height: 100%
}

.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card.directorist-card-contain .directorist-thumnail-card-front-img {
  -o-object-fit: contain;
  object-fit   : contain
}

.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card.directorist-card-full {
  min-height: 300px
}

.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card-back-wrap {
  z-index: 1
}

.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card-back-img,
.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card-front-img {
  width        : 100%;
  height       : 100%;
  -o-object-fit: cover;
  object-fit   : cover;
  margin       : 0
}

.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card-back-img {
  -webkit-filter: blur(5px);
  filter        : blur(5px)
}

.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left {
  left: 20px;
  top : 20px
}

.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right {
  top  : 20px;
  right: 20px
}

.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left {
  left  : 20px;
  bottom: 30px
}

.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right {
  right : 20px;
  bottom: 30px
}

.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left,
.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right,
.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left,
.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right {
  position           : absolute;
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  -webkit-flex-wrap  : wrap;
  -ms-flex-wrap      : wrap;
  flex-wrap          : wrap;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center;
  gap                : 6px
}

.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left .directorist-compare-btn i,
.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left .directorist-compare-btn span.fa,
.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left .directorist-compare-btn span.fab,
.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left .directorist-compare-btn span.fas,
.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left .directorist-compare-btn span.la,
.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left .directorist-compare-btn span.lab,
.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left .directorist-compare-btn span.las,
.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right .directorist-compare-btn i,
.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right .directorist-compare-btn span.fa,
.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right .directorist-compare-btn span.fab,
.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right .directorist-compare-btn span.fas,
.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right .directorist-compare-btn span.la,
.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right .directorist-compare-btn span.lab,
.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right .directorist-compare-btn span.las,
.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left .directorist-compare-btn i,
.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left .directorist-compare-btn span.fa,
.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left .directorist-compare-btn span.fab,
.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left .directorist-compare-btn span.fas,
.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left .directorist-compare-btn span.la,
.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left .directorist-compare-btn span.lab,
.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left .directorist-compare-btn span.las,
.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right .directorist-compare-btn i,
.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right .directorist-compare-btn span.fa,
.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right .directorist-compare-btn span.fab,
.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right .directorist-compare-btn span.fas,
.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right .directorist-compare-btn span.la,
.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right .directorist-compare-btn span.lab,
.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right .directorist-compare-btn span.las {
  color: var(--directorist-color-white)
}

.directorist-content-active .directorist-listing-single__header__left .directorist-thumb-listing-author {
  position         : unset !important;
  -webkit-transform: unset !important;
  transform        : unset !important
}

.directorist-content-active .directorist-listing-single__top {
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  gap                    : 16px;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack          : justify;
  justify-content        : space-between;
  padding                : 20px 22px 0
}

.directorist-content-active .directorist-listing-single__top__left {
  -webkit-flex: 1;
  -ms-flex    : 1;
  flex        : 1;
  flex-wrap   : wrap
}

.directorist-content-active .directorist-listing-single__top__left,
.directorist-content-active .directorist-listing-single__top__right {
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  -webkit-box-flex   : 1;
  gap                : 8px;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center;
  -webkit-flex-wrap  : wrap;
  -ms-flex-wrap      : wrap
}

.directorist-content-active .directorist-listing-single__top__right {
  flex-wrap              : wrap;
  -webkit-flex           : auto;
  -ms-flex               : auto;
  flex                   : auto;
  -webkit-box-pack       : end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack          : end;
  justify-content        : flex-end
}

.directorist-content-active .directorist-listing-single figure {
  margin: 0
}

.directorist-content-active .directorist-listing-single .directorist-listing-single__header__left .directorist-thumb-listing-author,
.directorist-content-active .directorist-listing-single .directorist-listing-single__header__right .directorist-thumb-listing-author,
.directorist-content-active .directorist-listing-single .directorist-thumb-bottom-left .directorist-thumb-listing-author,
.directorist-content-active .directorist-listing-single .directorist-thumb-bottom-right .directorist-thumb-listing-author {
  position         : unset !important;
  -webkit-transform: unset !important;
  transform        : unset !important
}

.directorist-content-active .directorist-listing-single .directorist-badge {
  margin: 3px
}

.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-popular {
  background-color: var(--directorist-color-popular-badge)
}

.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-open {
  background-color: var(--directorist-color-success)
}

.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-close {
  background-color: var(--directorist-color-danger)
}

.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-new {
  background-color: var(--directorist-color-new-badge)
}

.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-featured {
  background-color: var(--directorist-color-featured-badge)
}

.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-negotiation {
  background-color: var(--directorist-color-info)
}

.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-sold {
  background-color: var(--directorist-color-danger)
}

.directorist-content-active .directorist-listing-single .directorist_open_status_badge {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.directorist-content-active .directorist-listing-single .directorist-rating-meta {
  display            : -webkit-inline-box;
  display            : -webkit-inline-flex;
  display            : -ms-inline-flexbox;
  display            : inline-flex;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center
}

.directorist-content-active .directorist-listing-single .directorist-mark-as-favorite__btn .directorist-favorite-tooltip span {
  top   : auto;
  bottom: 35px
}

.directorist-content-active .directorist-listing-single .directorist-mark-as-favorite__btn .directorist-favorite-tooltip span:before {
  top              : auto;
  bottom           : -7px;
  -webkit-transform: rotate(180deg);
  transform        : rotate(180deg)
}

.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-listing-single__thumb {
  margin  : 0;
  position: relative;
  padding : 10px 10px 0
}

.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-listing-single__thumb .directorist-pricing-meta {
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center;
  height                 : 26px;
  margin                 : 0;
  border-radius          : 3px;
  background             : var(--directorist-color-white);
  padding                : 0 8px;
  font-weight            : 700
}

.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-listing-single__thumb .directorist-pricing-meta .directorist-listing-price {
  color: var(--directorist-color-danger)
}

.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumnail-card-front-img {
  border-radius: 10px
}

.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumb-listing-author {
  position         : absolute;
  left             : 20px;
  bottom           : 0;
  top              : unset;
  -webkit-transform: translateY(50%);
  transform        : translateY(50%);
  display          : -webkit-box;
  display          : -webkit-flex;
  display          : -ms-flexbox;
  display          : flex;
  z-index          : 1
}

.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumb-listing-author.directorist-alignment-left {
  left: 20px
}

.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumb-listing-author.directorist-alignment-right {
  left : unset;
  right: 20px
}

.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumb-listing-author.directorist-alignment-center {
  left             : 50%;
  -webkit-transform: translate(-50%, 50%);
  transform        : translate(-50%, 50%)
}

.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumb-listing-author img {
  width           : 100%;
  border-radius   : 50%;
  height          : auto;
  background-color: var(--directorist-color-bg-gray)
}

.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumb-listing-author a {
  display      : -webkit-inline-box;
  display      : -webkit-inline-flex;
  display      : -ms-inline-flexbox;
  display      : inline-flex;
  width        : 100%;
  border-radius: 50%;
  width        : 42px;
  height       : 42px;
  border       : 3px solid var(--directorist-color-border)
}

.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-mark-as-favorite__btn {
  width           : 30px;
  height          : 30px;
  background-color: var(--directorist-color-white)
}

@media screen and (min-width:576.99px) {
  .directorist-content-active .directorist-listing-single.directorist-listing-list {
    display          : -webkit-box;
    display          : -webkit-flex;
    display          : -ms-flexbox;
    display          : flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap    : wrap;
    flex-wrap        : wrap
  }
}

@media screen and (max-width:575px) {
  .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-rating-meta i:not(:first-child) {
    display: none
  }

  .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-rating-meta .directorist-icon-mask:after {
    width : 10px;
    height: 10px
  }

  .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-rating-meta .directorist-rating-avg {
    margin-left: 0;
    font-size  : 12px;
    font-weight: 400
  }

  .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-rating-meta .directorist-total-review {
    font-size: 12px
  }

  .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-price {
    font-size  : 12px;
    font-weight: 600
  }

  .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__meta {
    font-size: 12px
  }

  .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-icon-mask:after {
    width : 14px;
    height: 14px
  }

  .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info__excerpt {
    font-size  : 12px;
    line-height: 1.6
  }

  .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info__list>div,
  .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info__list>li {
    font-size  : 12px;
    line-height: 1.2;
    gap        : 8px
  }

  .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-category__extran-count,
  .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-category a,
  .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-view-count {
    font-size: 12px
  }

  .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-category__popup {
    margin-left: 5px
  }

  .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-category>a .directorist-icon-mask,
  .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-thumb-listing-author a {
    width : 30px;
    height: 30px
  }

  .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info__list .directorist-icon-mask {
    top: 0
  }

  .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info__list .directorist-icon-mask:after {
    width : 12px;
    height: 14px
  }
}

.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb {
  margin: 0
}

@media only screen and (min-width:576.99px) {
  .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb {
    -webkit-box-flex: 1;
    -webkit-flex    : 1;
    -ms-flex        : 1;
    flex            : 1;
    max-width       : 320px;
    min-height      : 240px;
    padding         : 10px 0 10px 10px
  }
}

@media only screen and (max-width:575px) {
  .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb {
    padding: 10px 10px 0
  }

  .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb .directorist-badge {
    width : 20px;
    height: 20px
  }

  .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb .directorist-badge .directorist-icon-mask:after,
  .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb .directorist-favorite-icon:before {
    width : 10px;
    height: 10px
  }
}

@media only screen and (min-width:576.99px) {
  .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb .directorist-thumnail-card {
    height: 100% !important
  }
}

.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb .directorist-thumnail-card .directorist-thumnail-card-front-img {
  border-radius: 10px
}

.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__content {
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-orient     : vertical;
  -webkit-box-direction  : normal;
  -webkit-flex-direction : column;
  -ms-flex-direction     : column;
  flex-direction         : column;
  -webkit-box-pack       : justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack          : justify;
  justify-content        : space-between;
  -webkit-box-flex       : 2;
  -webkit-flex           : 2;
  -ms-flex               : 2;
  flex                   : 2;
  padding                : 10px 0
}

@media screen and (max-width:575px) {
  .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__content {
    padding: 0
  }

  .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__content .directorist-listing-single__meta {
    display: none
  }
}

.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__mobile-view-meta {
  -webkit-box-flex: 0;
  -webkit-flex    : 0 0 100%;
  -ms-flex        : 0 0 100%;
  flex            : 0 0 100%
}

@media screen and (min-width:575px) {
  .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__mobile-view-meta {
    display: none
  }
}

.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info {
  display               : -webkit-box;
  display               : -webkit-flex;
  display               : -ms-flexbox;
  display               : flex;
  -webkit-box-orient    : vertical;
  -webkit-box-direction : normal;
  -webkit-flex-direction: column;
  -ms-flex-direction    : column;
  flex-direction        : column;
  -webkit-box-align     : start;
  -webkit-align-items   : flex-start;
  -ms-flex-align        : start;
  align-items           : flex-start;
  padding               : 18px 20px 15px
}

.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info:empty {
  display: none
}

.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info__excerpt,
.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info__list {
  margin: 10px 0 0
}

@media only screen and (max-width:575px) {
  .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info {
    padding-top: 10px
  }

  .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info .directorist-listing-title {
    margin   : 0;
    font-size: 14px
  }
}

.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__action {
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  gap                : 20px;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center
}

.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info--right .directorist-badge {
  margin: 0
}

.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info--right .directorist-badge:after {
  display: none
}

@media only screen and (max-width:575px) {
  .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info--right {
    right: unset;
    left : -30px;
    top  : 20px
  }

  .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info--right .directorist-favorite-icon {
    width           : 20px;
    height          : 20px;
    border-radius   : 100%;
    background-color: var(--directorist-color-white)
  }

  .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info--right .directorist-favorite-icon:before {
    width : 10px;
    height: 10px
  }
}

.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-thumb-top-left {
  left: 20px;
  top : 20px
}

.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-thumb-top-right {
  top  : 20px;
  right: 10px
}

@media only screen and (max-width:575px) {
  .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-thumb-top-right {
    right                 : unset;
    left                  : 20px;
    -webkit-box-orient    : vertical;
    -webkit-box-direction : normal;
    -webkit-flex-direction: column;
    -ms-flex-direction    : column;
    flex-direction        : column
  }
}

.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-thumb-bottom-left {
  left  : 20px;
  bottom: 20px
}

.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-thumb-bottom-right {
  right : 10px;
  bottom: 20px
}

.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info .directorist-badge {
  margin : 0;
  padding: 0
}

.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info .directorist-badge:after {
  display: none
}

@media only screen and (min-width:576.99px) {
  .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__meta {
    padding: 14px 20px 7px
  }
}

.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge,
.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge {
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center;
  width                  : 26px;
  height                 : 26px;
  margin                 : 0;
  padding                : 0;
  border-radius          : 100%;
  color                  : var(--directorist-color-white)
}

.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge .directorist-icon-mask:after,
.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge .directorist-icon-mask:after {
  width : 12px;
  height: 12px
}

.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge--only-text,
.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-close,
.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-open,
.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge--only-text,
.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-close,
.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-open {
  display                : -webkit-inline-box;
  display                : -webkit-inline-flex;
  display                : -ms-inline-flexbox;
  display                : inline-flex;
  gap                    : 6px;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center;
  height                 : 21px;
  line-height            : 21px;
  width                  : auto;
  padding                : 0 5px;
  border-radius          : 4px
}

@media screen and (max-width:575px) {

  .directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge--only-text,
  .directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-close,
  .directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-open,
  .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge--only-text,
  .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-close,
  .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-open {
    height     : 18px;
    line-height: 18px;
    font-size  : 8px
  }
}

.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-popular,
.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-popular {
  background-color: var(--directorist-color-white)
}

.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-popular .directorist-icon-mask:after,
.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-popular .directorist-icon-mask:after {
  background-color: var(--directorist-color-popular-badge)
}

.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-new,
.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-new {
  background-color: var(--directorist-color-white)
}

.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-new .directorist-icon-mask:after,
.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-new .directorist-icon-mask:after {
  background-color: var(--directorist-color-new-badge)
}

.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-featured,
.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-featured {
  background-color: var(--directorist-color-white)
}

.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-featured .directorist-icon-mask:after,
.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-featured .directorist-icon-mask:after {
  background-color: var(--directorist-color-featured-badge)
}

.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge--only-text.directorist-badge-featured,
.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge--only-text.directorist-badge-featured {
  background-color: var(--directorist-color-featured-badge);
  color           : var(--directorist-color-white)
}

.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge--only-text.directorist-badge-featured .directorist-icon-mask:after,
.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge--only-text.directorist-badge-featured .directorist-icon-mask:after {
  background-color: var(--directorist-color-white)
}

.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge--only-text.directorist-badge-popular,
.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge--only-text.directorist-badge-popular {
  background-color: var(--directorist-color-popular-badge);
  color           : var(--directorist-color-white)
}

.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge--only-text.directorist-badge-popular .directorist-icon-mask:after,
.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge--only-text.directorist-badge-popular .directorist-icon-mask:after {
  background-color: var(--directorist-color-white)
}

.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge--only-text.directorist-badge-new,
.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge--only-text.directorist-badge-new {
  background-color: var(--directorist-color-new-badge);
  color           : var(--directorist-color-white)
}

.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge--only-text.directorist-badge-new .directorist-icon-mask:after,
.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge--only-text.directorist-badge-new .directorist-icon-mask:after {
  background-color: var(--directorist-color-white)
}

.directorist-content-active .directorist-listing-single.directorist-featured {
  border: 1px solid var(--directorist-color-featured-badge)
}

.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb .directorist_open_status_badge {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info {
  z-index: 1
}

.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header {
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack          : justify;
  justify-content        : space-between
}

.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header figure {
  margin          : 0;
  -webkit-box-flex: 0;
  -webkit-flex    : none;
  -ms-flex        : none;
  flex            : none
}

.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-single__header__left:empty,
.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-single__header__right:empty {
  display: none
}

@media screen and (max-width:991px) {
  .directorist-content-active .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header__title {
    -webkit-box-ordinal-group: 3;
    -webkit-order            : 2;
    -ms-flex-order           : 2;
    order                    : 2;
    -webkit-box-flex         : 0;
    -webkit-flex             : 0 0 100%;
    -ms-flex                 : 0 0 100%;
    flex                     : 0 0 100%
  }
}

.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb .directorist-mark-as-favorite__btn {
  background: transparent;
  width     : auto;
  height    : auto
}

.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb.directorist-listing-list .directorist-listing-single__content {
  padding: 0
}

.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb.directorist-listing-no-thumb--fix .directorist-listing-single__header {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap    : wrap;
  flex-wrap        : wrap
}

.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb.directorist-listing-no-thumb--fix .directorist-listing-single__header .directorist-listing-single__header__left {
  -webkit-box-flex : 0;
  -webkit-flex     : 0 0 100%;
  -ms-flex         : 0 0 100%;
  flex             : 0 0 100%;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap    : wrap;
  flex-wrap        : wrap;
  padding-right    : 0
}

.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb.directorist-listing-no-thumb--fix .directorist-listing-single__header .directorist-listing-single__header__right {
  margin-top: 15px
}

.directorist-rating-meta {
  padding: 0
}

.directorist-rating-meta i.directorist-icon-mask:after {
  background-color: var(--directorist-color-warning)
}

.directorist-rating-meta i.directorist-icon-mask.star-empty:after {
  background-color: #d1d1d1
}

.directorist-rating-meta .directorist-rating-avg {
  font-size: 14px;
  color    : var(--directorist-color-body);
  margin   : 0 3px 0 6px
}

.directorist-rating-meta .directorist-total-review {
  font-weight: 400;
  color      : var(--directorist-color-light-gray)
}

.directorist-rating-meta.directorist-info-item-rating i,
.directorist-rating-meta.directorist-info-item-rating span.fa,
.directorist-rating-meta.directorist-info-item-rating span.la {
  margin-left: 4px
}

.directorist-mark-as-favorite__btn {
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center;
  border-radius          : 50%;
  position               : relative;
  text-decoration        : none;
  padding                : 0;
  font-weight            : unset;
  line-height            : unset;
  text-transform         : unset;
  letter-spacing         : unset;
  background             : transparent;
  border                 : none;
  cursor                 : pointer
}

.directorist-mark-as-favorite__btn:focus,
.directorist-mark-as-favorite__btn:hover {
  outline        : 0;
  text-decoration: none
}

.directorist-mark-as-favorite__btn:focus .directorist-favorite-icon:before,
.directorist-mark-as-favorite__btn:hover .directorist-favorite-icon:before {
  background-color: var(--directorist-color-danger)
}

.directorist-mark-as-favorite__btn .directorist-favorite-icon {
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center
}

.directorist-mark-as-favorite__btn .directorist-favorite-icon:before {
  content            : "";
  -webkit-mask-image : url(../images/6bf407d27842391bbcd90343624e694b.svg);
  mask-image         : url(../images/6bf407d27842391bbcd90343624e694b.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat        : no-repeat;
  width              : 15px;
  height             : 15px;
  background-color   : var(--directorist-color-danger);
  -webkit-transition : .3s ease;
  transition         : .3s ease
}

.directorist-mark-as-favorite__btn.directorist-added-to-favorite .directorist-favorite-icon:before {
  -webkit-mask-image: url(../images/2e589ffc784b0c43089b0222cab8ed4f.svg);
  mask-image        : url(../images/2e589ffc784b0c43089b0222cab8ed4f.svg);
  background-color  : var(--directorist-color-danger)
}

.directorist-mark-as-favorite__btn .directorist-favorite-tooltip span {
  position        : absolute;
  min-width       : 120px;
  right           : 0;
  top             : 35px;
  background-color: var(--directorist-color-dark);
  color           : var(--directorist-color-white);
  font-size       : 13px;
  border-radius   : 3px;
  text-align      : center;
  padding         : 5px;
  z-index         : 111
}

.directorist-mark-as-favorite__btn .directorist-favorite-tooltip span:before {
  content      : "";
  position     : absolute;
  border-bottom: 8px solid var(--directorist-color-dark);
  border-right : 6px solid transparent;
  border-left  : 6px solid transparent;
  right        : 8px;
  top          : -7px
}

.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header {
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  gap                : 15px;
  -webkit-flex-wrap  : wrap;
  -ms-flex-wrap      : wrap;
  flex-wrap          : wrap;
  position           : relative;
  -webkit-box-align  : start;
  -webkit-align-items: flex-start;
  -ms-flex-align     : start;
  align-items        : flex-start;
  padding            : 20px 22px 0
}

.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header__left {
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  -webkit-box-flex   : 1;
  -webkit-flex       : 1;
  -ms-flex           : 1;
  flex               : 1;
  gap                : 12px;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center;
  -webkit-flex-wrap  : wrap;
  -ms-flex-wrap      : wrap;
  flex-wrap          : wrap
}

.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header__left .directorist-listing-single__badge {
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  gap                : 12px;
  -webkit-flex-wrap  : wrap;
  -ms-flex-wrap      : wrap;
  flex-wrap          : wrap;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center;
  position           : relative
}

.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header__left .directorist-badge {
  background-color: #f4f4f4
}

.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header__title {
  -webkit-box-flex: 1;
  -webkit-flex    : 1;
  -ms-flex        : 1;
  flex            : 1
}

.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-thumb-listing-author {
  position         : unset;
  -webkit-transform: unset;
  transform        : unset
}

.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-thumb-listing-author a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-thumb-listing-author img {
  height       : 100%;
  width        : 100%;
  max-width    : none;
  border-radius: 50%
}

.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-title {
  font-size       : 18px;
  font-weight     : 500;
  padding         : 0;
  text-transform  : none;
  line-height     : 1.2;
  margin          : 0;
  -webkit-box-flex: 0;
  -webkit-flex    : 0 0 100%;
  -ms-flex        : 0 0 100%;
  flex            : 0 0 100%
}

@media screen and (max-width:575px) {
  .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-title {
    font-size: 16px
  }
}

.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-title a {
  text-decoration: none;
  color          : var(--directorist-color-dark)
}

.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-title a:hover {
  color: var(--directorist-color-primary)
}

.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-tagline {
  margin: 0
}

.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info {
  padding               : 10px 22px 0;
  display               : -webkit-box;
  display               : -webkit-flex;
  display               : -ms-flexbox;
  display               : flex;
  -webkit-flex-wrap     : wrap;
  -ms-flex-wrap         : wrap;
  flex-wrap             : wrap;
  -webkit-box-align     : center;
  -webkit-align-items   : center;
  -ms-flex-align        : center;
  align-items           : center;
  -webkit-box-orient    : horizontal;
  -webkit-box-direction : normal;
  -webkit-flex-direction: row;
  -ms-flex-direction    : row;
  flex-direction        : row
}

.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info:empty {
  display: none
}

.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__list {
  margin: 16px 0 10px
}

.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__list li .directorist-icon-mask {
  position: relative;
  top     : 4px
}

.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__list li .directorist-listing-card-info-label {
  display: none
}

.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__list li .directorist-icon {
  font-size   : 17px;
  color       : #444752;
  margin-right: 8px
}

.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__list li a,
.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__list li span {
  text-decoration   : none;
  color             : var(--directorist-color-body);
  border-bottom     : 0;
  -webkit-box-shadow: none;
  box-shadow        : none;
  line-height       : 1.7
}

.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt {
  margin     : 15px 0 0;
  font-size  : 14px;
  color      : var(--directorist-color-body);
  line-height: 24px;
  text-align : left
}

.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt li {
  color : var(--directorist-color-body);
  margin: 0
}

.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt li:not(:last-child) {
  margin: 0 0 10px
}

.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt li>div {
  margin-bottom: 2px;
  font-size    : 14px;
  display      : -webkit-box;
  display      : -webkit-flex;
  display      : -ms-flexbox;
  display      : flex;
  gap          : 10px
}

.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt li>div .directorist-icon-mask {
  position: relative;
  top     : 4px
}

.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt li>div .directorist-listing-card-info-label {
  display: none
}

.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt li .directorist-icon {
  font-size   : 17px;
  color       : #444752;
  margin-right: 8px
}

.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt li a {
  text-decoration   : none;
  color             : var(--directorist-color-body);
  border-bottom     : 0;
  -webkit-box-shadow: none;
  box-shadow        : none;
  line-height       : 1.7
}

.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt li a:hover {
  color: var(--directorist-color-primary)
}

.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt a {
  color          : var(--directorist-color-primary);
  text-decoration: underline
}

.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt a:hover {
  color: var(--directorist-color-body)
}

.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__content {
  border : 0;
  padding: 10px 22px 25px
}

.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__meta__right .directorist-mark-as-favorite__btn {
  width : auto;
  height: auto
}

.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__action {
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center;
  gap                : 6px
}

.directorist-listing-single.directorist-listing-list .directorist-listing-single__header {
  width        : 100%;
  margin-bottom: 13px
}

.directorist-listing-single.directorist-listing-list .directorist-listing-single__header .directorist-listing-single__info {
  padding: 0
}

.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb .directorist-info-item.directorist-badge:after {
  display: none
}

.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb .directorist-info-item.directorist-badge.directorist-badge-close,
.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb .directorist-info-item.directorist-badge.directorist-badge-open {
  padding: 0 5px
}

.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb .directorist-mark-as-favorite__btn {
  width : auto;
  height: auto
}

.directorist-archive-grid-view.directorist-archive-grid--fix .directorist-all-listing-col {
  width: 50%
}

@media only screen and (max-width:575px) {
  .directorist-archive-grid-view.directorist-archive-grid--fix .directorist-all-listing-col {
    width: 100%
  }
}

.directorist-listing-category {
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center
}

.directorist-listing-category,
.directorist-listing-category__popup {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.directorist-listing-category__popup {
  position   : relative;
  margin-left: 10px;
  cursor     : pointer
}

.directorist-listing-category__popup__content {
  display           : block;
  position          : absolute;
  width             : 150px;
  visibility        : hidden;
  opacity           : 0;
  pointer-events    : none;
  bottom            : 25px;
  left              : -30px;
  padding           : 10px;
  border            : none;
  border-radius     : 10px;
  background-color  : var(--directorist-color-white);
  -webkit-box-shadow: var(--directorist-box-shadow);
  box-shadow        : var(--directorist-box-shadow);
  border            : 1px solid var(--directorist-color-border-light);
  line-break        : auto;
  word-break        : break-all;
  -webkit-transition: .3s ease;
  transition        : .3s ease;
  z-index           : 1
}

.directorist-listing-category__popup__content:after {
  content   : "";
  left      : 40px;
  bottom    : -11px;
  border    : 6px solid transparent;
  border-top: 6px solid var(--directorist-color-white);
  display   : inline-block;
  position  : absolute
}

.directorist-listing-category__popup__content a {
  color              : var(--directorist-color-body);
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  gap                : 12px;
  -webkit-box-align  : start;
  -webkit-align-items: flex-start;
  -ms-flex-align     : start;
  align-items        : flex-start;
  line-height        : normal;
  padding            : 10px;
  border-radius      : 8px
}

.directorist-listing-category__popup__content a:last-child {
  margin-bottom: 0
}

.directorist-listing-category__popup__content a i {
  height   : unset;
  width    : unset;
  min-width: unset
}

.directorist-listing-category__popup__content a i:after {
  height          : 14px;
  width           : 14px;
  background-color: var(--directorist-color-body)
}

.directorist-listing-category__popup__content a:hover {
  color           : var(--directorist-color-primary);
  background-color: var(--directorist-color-light)
}

.directorist-listing-category__popup__content a:hover i:after {
  background-color: var(--directorist-color-primary)
}

.directorist-listing-category__popup:hover .directorist-listing-category__popup__content {
  visibility    : visible;
  opacity       : 1;
  pointer-events: all
}

.directorist-listing-single__meta__right .directorist-listing-category__popup__content {
  left : unset;
  right: -30px
}

.directorist-listing-single__meta__right .directorist-listing-category__popup__content:after {
  left : unset;
  right: 40px
}

.directorist-listing-price-range span {
  font-weight: 600;
  color      : rgba(122, 130, 166, .3)
}

.directorist-listing-price-range span.directorist-price-active {
  color: var(--directorist-color-body)
}

#gmap.leaflet-container,
#map.leaflet-container,
.directorist-single-map.leaflet-container {
  direction: ltr
}

#gmap.leaflet-container .leaflet-popup-content-wrapper,
#map.leaflet-container .leaflet-popup-content-wrapper,
.directorist-single-map.leaflet-container .leaflet-popup-content-wrapper {
  border-radius: 8px;
  padding      : 0
}

#gmap.leaflet-container .leaflet-popup-content,
#map.leaflet-container .leaflet-popup-content,
.directorist-single-map.leaflet-container .leaflet-popup-content {
  margin     : 0;
  line-height: 1;
  width      : 350px !important
}

@media only screen and (max-width:480px) {

  #gmap.leaflet-container .leaflet-popup-content,
  #map.leaflet-container .leaflet-popup-content,
  .directorist-single-map.leaflet-container .leaflet-popup-content {
    width: 300px !important
  }
}

@media only screen and (max-width:375px) {

  #gmap.leaflet-container .leaflet-popup-content,
  #map.leaflet-container .leaflet-popup-content,
  .directorist-single-map.leaflet-container .leaflet-popup-content {
    width: 250px !important
  }
}

#gmap.leaflet-container .leaflet-popup-content .atbdp-listings-title-block h3.atbdp-no-margin,
#map.leaflet-container .leaflet-popup-content .atbdp-listings-title-block h3.atbdp-no-margin,
.directorist-single-map.leaflet-container .leaflet-popup-content .atbdp-listings-title-block h3.atbdp-no-margin {
  font-size: 14px;
  margin   : 0 0 10px
}

#gmap.leaflet-container .leaflet-popup-content .osm-iw-location,
#map.leaflet-container .leaflet-popup-content .osm-iw-location,
.directorist-single-map.leaflet-container .leaflet-popup-content .osm-iw-location {
  margin-bottom      : 6px;
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center
}

#gmap.leaflet-container .leaflet-popup-content .osm-iw-location .directorist-icon-mask,
#map.leaflet-container .leaflet-popup-content .osm-iw-location .directorist-icon-mask,
.directorist-single-map.leaflet-container .leaflet-popup-content .osm-iw-location .directorist-icon-mask {
  display     : inline-block;
  margin-right: 4px
}

#gmap.leaflet-container .leaflet-popup-content .osm-iw-get-location,
#map.leaflet-container .leaflet-popup-content .osm-iw-get-location,
.directorist-single-map.leaflet-container .leaflet-popup-content .osm-iw-get-location {
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center
}

#gmap.leaflet-container .leaflet-popup-content .osm-iw-get-location .directorist-icon-mask,
#map.leaflet-container .leaflet-popup-content .osm-iw-get-location .directorist-icon-mask,
.directorist-single-map.leaflet-container .leaflet-popup-content .osm-iw-get-location .directorist-icon-mask {
  display    : inline-block;
  margin-left: 5px
}

#gmap.leaflet-container .leaflet-popup-content .atbdp-map,
#map.leaflet-container .leaflet-popup-content .atbdp-map,
.directorist-single-map.leaflet-container .leaflet-popup-content .atbdp-map {
  line-height: 1;
  width      : 350px !important
}

#gmap.leaflet-container .leaflet-popup-content .atbdp-map.atbdp-body img,
#map.leaflet-container .leaflet-popup-content .atbdp-map.atbdp-body img,
.directorist-single-map.leaflet-container .leaflet-popup-content .atbdp-map.atbdp-body img {
  width: 100%
}

#gmap.leaflet-container .leaflet-popup-content .media-body,
#map.leaflet-container .leaflet-popup-content .media-body,
.directorist-single-map.leaflet-container .leaflet-popup-content .media-body {
  padding: 10px 15px
}

#gmap.leaflet-container .leaflet-popup-content .media-body a,
#map.leaflet-container .leaflet-popup-content .media-body a,
.directorist-single-map.leaflet-container .leaflet-popup-content .media-body a {
  text-decoration: none
}

#gmap.leaflet-container .leaflet-popup-content .media-body h3 a,
#map.leaflet-container .leaflet-popup-content .media-body h3 a,
.directorist-single-map.leaflet-container .leaflet-popup-content .media-body h3 a {
  font-weight    : 500;
  line-height    : 1.2;
  color          : #272b41;
  letter-spacing : normal;
  font-size      : 18px;
  text-decoration: none
}

#gmap.leaflet-container .leaflet-popup-content .media-body .atbdp-listings-title-block h3.atbdp-no-margin,
#map.leaflet-container .leaflet-popup-content .media-body .atbdp-listings-title-block h3.atbdp-no-margin,
.directorist-single-map.leaflet-container .leaflet-popup-content .media-body .atbdp-listings-title-block h3.atbdp-no-margin {
  font-size: 14px;
  margin   : 0 0 10px
}

#gmap.leaflet-container .leaflet-popup-content .media-body .osm-iw-location,
#map.leaflet-container .leaflet-popup-content .media-body .osm-iw-location,
.directorist-single-map.leaflet-container .leaflet-popup-content .media-body .osm-iw-location {
  margin-bottom      : 6px;
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center
}

#gmap.leaflet-container .leaflet-popup-content .media-body .osm-iw-location .directorist-icon-mask,
#map.leaflet-container .leaflet-popup-content .media-body .osm-iw-location .directorist-icon-mask,
.directorist-single-map.leaflet-container .leaflet-popup-content .media-body .osm-iw-location .directorist-icon-mask {
  display     : inline-block;
  margin-right: 4px
}

#gmap.leaflet-container .leaflet-popup-content .media-body .osm-iw-get-location,
#map.leaflet-container .leaflet-popup-content .media-body .osm-iw-get-location,
.directorist-single-map.leaflet-container .leaflet-popup-content .media-body .osm-iw-get-location {
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center
}

#gmap.leaflet-container .leaflet-popup-content .media-body .osm-iw-get-location .directorist-icon-mask,
#map.leaflet-container .leaflet-popup-content .media-body .osm-iw-get-location .directorist-icon-mask,
.directorist-single-map.leaflet-container .leaflet-popup-content .media-body .osm-iw-get-location .directorist-icon-mask {
  display    : inline-block;
  margin-left: 5px
}

#gmap.leaflet-container .leaflet-popup-content .atbdp-map,
#map.leaflet-container .leaflet-popup-content .atbdp-map,
.directorist-single-map.leaflet-container .leaflet-popup-content .atbdp-map {
  margin: 0
}

#gmap.leaflet-container .leaflet-popup-content .map-info-wrapper img,
#map.leaflet-container .leaflet-popup-content .map-info-wrapper img,
.directorist-single-map.leaflet-container .leaflet-popup-content .map-info-wrapper img {
  width: 100%
}

#gmap.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details,
#map.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details,
.directorist-single-map.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details {
  padding: 15px
}

#gmap.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details h3,
#map.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details h3,
.directorist-single-map.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details h3 {
  font-size    : 16px;
  margin-bottom: 0;
  margin-top   : 0
}

#gmap.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details .miw-contents-footer .iw-close-btn,
#map.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details .miw-contents-footer .iw-close-btn,
.directorist-single-map.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details .miw-contents-footer .iw-close-btn {
  display: none
}

#gmap.leaflet-container .leaflet-popup-close-button,
#map.leaflet-container .leaflet-popup-close-button,
.directorist-single-map.leaflet-container .leaflet-popup-close-button {
  position               : absolute;
  width                  : 25px;
  height                 : 25px;
  background             : rgba(68, 71, 82, .5);
  border-radius          : 50%;
  color                  : var(--directorist-color-white);
  right                  : 10px;
  left                   : auto;
  top                    : 10px;
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center;
  font-size              : 13px;
  cursor                 : pointer;
  -webkit-transition     : .3s ease;
  transition             : .3s ease;
  line-height            : inherit;
  padding                : 0;
  display                : none
}

#gmap.leaflet-container .leaflet-popup-close-button:hover,
#map.leaflet-container .leaflet-popup-close-button:hover,
.directorist-single-map.leaflet-container .leaflet-popup-close-button:hover {
  background-color: #444752
}

#gmap.leaflet-container .leaflet-popup-tip-container,
#map.leaflet-container .leaflet-popup-tip-container,
.directorist-single-map.leaflet-container .leaflet-popup-tip-container {
  display: none
}

.directorist-single-map .gm-style-iw-c,
.directorist-single-map .gm-style-iw-d {
  max-height: unset !important
}

.directorist-single-map .gm-style-iw-chr,
.directorist-single-map .gm-style-iw-tc {
  display: none
}

.map-listing-card-single {
  position          : relative;
  padding           : 10px;
  border-radius     : 8px;
  -webkit-box-shadow: 0 5px 20px rgba(var(--directorist-color-dark-rgb), .33);
  box-shadow        : 0 5px 20px rgba(var(--directorist-color-dark-rgb), .33);
  background-color  : var(--directorist-color-white)
}

.map-listing-card-single figure {
  margin: 0
}

.map-listing-card-single .directorist-mark-as-favorite__btn {
  position        : absolute;
  top             : 20px;
  right           : 20px;
  width           : 30px;
  height          : 30px;
  border-radius   : 100%;
  background-color: var(--directorist-color-white)
}

.map-listing-card-single .directorist-mark-as-favorite__btn .directorist-favorite-icon:before {
  width : 16px;
  height: 16px
}

.map-listing-card-single__img .atbd_tooltip {
  margin-left  : 10px;
  margin-bottom: 10px
}

.map-listing-card-single__img .atbd_tooltip img {
  width: auto
}

.map-listing-card-single__img a {
  width  : 100%;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex
}

.map-listing-card-single__img figure {
  width : 100%;
  margin: 0
}

.map-listing-card-single__img img {
  width        : 100%;
  max-width    : 100%;
  max-height   : 200px;
  -o-object-fit: cover;
  object-fit   : cover;
  border-radius: 8px
}

.map-listing-card-single__author+.map-listing-card-single__content {
  padding-top: 0
}

.map-listing-card-single__author a {
  width        : 42px;
  height       : 42px;
  display      : -webkit-inline-box;
  display      : -webkit-inline-flex;
  display      : -ms-inline-flexbox;
  display      : inline-flex;
  border-radius: 100%;
  margin-top   : -24px;
  margin-left  : 7px;
  margin-bottom: 5px;
  border       : 3px solid var(--directorist-color-white)
}

.map-listing-card-single__author img {
  width        : 100%;
  height       : 100%;
  border-radius: 100%
}

.map-listing-card-single__content {
  padding: 15px 10px 10px
}

.map-listing-card-single__content__title {
  font-size  : 16px;
  font-weight: 500;
  margin     : 0 0 10px !important;
  color      : var(--directorist-color-dark)
}

.map-listing-card-single__content__title a {
  text-decoration: unset;
  color          : var(--directorist-color-dark)
}

.map-listing-card-single__content__title a:hover {
  color: var(--directorist-color-primary)
}

.map-listing-card-single__content__meta {
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  -webkit-flex-wrap  : wrap;
  -ms-flex-wrap      : wrap;
  flex-wrap          : wrap;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center;
  margin             : 0 0 20px;
  gap                : 10px 0
}

.map-listing-card-single__content__meta .directorist-rating-meta {
  display            : -webkit-inline-box;
  display            : -webkit-inline-flex;
  display            : -ms-inline-flexbox;
  display            : inline-flex;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center;
  font-size          : 14px;
  font-weight        : 500;
  color              : var(--directorist-color-body);
  padding            : 0
}

.map-listing-card-single__content__meta .directorist-icon-mask {
  margin-right: 4px
}

.map-listing-card-single__content__meta .directorist-icon-mask:after {
  width           : 15px;
  height          : 15px;
  background-color: var(--directorist-color-warning)
}

.map-listing-card-single__content__meta .directorist-icon-mask.star-empty:after {
  background-color: #d1d1d1
}

.map-listing-card-single__content__meta .directorist-rating-avg {
  font-size: 14px;
  color    : var(--directorist-color-body);
  margin   : 0 3px 0 6px
}

.map-listing-card-single__content__meta .directorist-listing-price {
  font-size: 14px;
  color    : var(--directorist-color-body)
}

.map-listing-card-single__content__meta .directorist-info-item {
  position: relative
}

.map-listing-card-single__content__meta .directorist-info-item:not(:last-child) {
  padding-right: 8px;
  margin-right : 8px
}

.map-listing-card-single__content__meta .directorist-info-item:not(:last-child):before {
  content          : "";
  position         : absolute;
  right            : 0;
  top              : 50%;
  -webkit-transform: translateY(-50%);
  transform        : translateY(-50%);
  width            : 3px;
  height           : 3px;
  border-radius    : 100%;
  background-color : var(--directorist-color-gray-hover)
}

.map-listing-card-single__content__info {
  -webkit-box-orient    : vertical;
  -webkit-box-direction : normal;
  -webkit-flex-direction: column;
  -ms-flex-direction    : column;
  flex-direction        : column
}

.map-listing-card-single__content__info,
.map-listing-card-single__content__info .directorist-info-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap    : 10px
}

.map-listing-card-single__content__info a {
  font-size      : 14px;
  font-weight    : 400;
  line-height    : 1.3;
  text-decoration: unset;
  color          : var(--directorist-color-body)
}

.map-listing-card-single__content__info a:hover {
  color: var(--directorist-color-primary)
}

.map-listing-card-single__content__info .directorist-icon-mask:after {
  width           : 15px;
  height          : 15px;
  margin-top      : 2px;
  background-color: var(--directorist-color-gray-hover)
}

.map-listing-card-single__content__location {
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  -webkit-flex-wrap  : wrap;
  -ms-flex-wrap      : wrap;
  flex-wrap          : wrap;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center
}

.map-listing-card-single__content__location a:not(:first-child) {
  margin-left: 5px
}

.leaflet-popup-content-wrapper .leaflet-popup-content .map-info-wrapper .map-info-details .iw-close-btn {
  display: none
}

.myDivIcon {
  text-align : center !important;
  line-height: 20px !important;
  position   : relative
}

.atbd_map_shape {
  position               : relative;
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center;
  width                  : 40px;
  height                 : 40px;
  cursor                 : pointer;
  border-radius          : 100%;
  background-color       : var(--directorist-color-marker-shape)
}

.atbd_map_shape:before {
  content           : "";
  position          : absolute;
  left              : -20px;
  top               : -20px;
  width             : 0;
  height            : 0;
  opacity           : 0;
  visibility        : hidden;
  border-radius     : 50%;
  -webkit-transition: all .3s ease-in-out;
  transition        : all .3s ease-in-out;
  border            : none;
  border            : 40px solid rgba(var(--directorist-color-marker-shape-rgb), .2);
  -webkit-animation : atbd_scale 3s linear infinite alternate;
  animation         : atbd_scale 3s linear infinite alternate
}

.atbd_map_shape .directorist-icon-mask:after {
  width             : 16px;
  height            : 16px;
  background-color  : var(--directorist-color-marker-icon);
  -webkit-mask-image: url(../images/ed83bad2b8ea2a7680575ff079fc63af.svg);
  mask-image        : url(../images/ed83bad2b8ea2a7680575ff079fc63af.svg)
}

.atbd_map_shape:hover:before {
  opacity   : 1;
  visibility: visible
}

.marker-cluster-shape {
  width                  : 35px;
  height                 : 35px;
  background-color       : var(--directorist-color-marker-shape);
  border-radius          : 50%;
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center;
  color                  : var(--directorist-color-marker-icon);
  font-size              : 15px;
  font-weight            : 700;
  position               : relative;
  cursor                 : pointer
}

.marker-cluster-shape:before {
  position     : absolute;
  content      : "";
  width        : 47px;
  height       : 47px;
  left         : -6px;
  top          : -6px;
  background   : rgba(var(--directorist-color-marker-shape-rgb), .15);
  border-radius: 50%
}

.atbd_google_map .gm-style .gm-style-iw,
.atbdp-map .gm-style .gm-style-iw,
.directorist-details-info-wrap .gm-style .gm-style-iw {
  width             : 350px;
  padding           : 0;
  border-radius     : 8px;
  -webkit-box-shadow: unset;
  box-shadow        : unset;
  max-height        : none !important
}

@media only screen and (max-width:375px) {

  .atbd_google_map .gm-style .gm-style-iw,
  .atbdp-map .gm-style .gm-style-iw,
  .directorist-details-info-wrap .gm-style .gm-style-iw {
    width    : 275px;
    max-width: unset !important
  }
}

.atbd_google_map .gm-style .gm-style-iw .gm-style-iw-d,
.atbdp-map .gm-style .gm-style-iw .gm-style-iw-d,
.directorist-details-info-wrap .gm-style .gm-style-iw .gm-style-iw-d {
  overflow  : hidden !important;
  max-height: 100% !important
}

.atbd_google_map .gm-style .gm-style-iw button.gm-ui-hover-effect,
.atbdp-map .gm-style .gm-style-iw button.gm-ui-hover-effect,
.directorist-details-info-wrap .gm-style .gm-style-iw button.gm-ui-hover-effect {
  display: none !important
}

.atbd_google_map .gm-style .gm-style-iw .map-info-wrapper--show,
.atbdp-map .gm-style .gm-style-iw .map-info-wrapper--show,
.directorist-details-info-wrap .gm-style .gm-style-iw .map-info-wrapper--show {
  display: block !important
}

.gm-style div[aria-label=Map] div[role=button] {
  display: none
}

.directorist-report-abuse-modal .directorist-modal__header {
  padding: 20px 0 15px
}

.directorist-report-abuse-modal .directorist-modal__header .directorist-modal-title {
  font-size     : 1.75rem;
  margin        : 0 0 .5rem;
  font-weight   : 500;
  line-height   : 1.2;
  color         : var(--directorist-color-dark);
  letter-spacing: normal
}

.directorist-report-abuse-modal .directorist-modal__header .directorist-modal-close {
  width                  : 32px;
  height                 : 32px;
  right                  : -40px !important;
  top                    : -30px !important;
  left                   : auto;
  position               : absolute;
  -webkit-transform      : none;
  transform              : none;
  background-color       : #444752;
  color                  : var(--directorist-color-white);
  border-radius          : 300px;
  opacity                : 1;
  font-weight            : 300;
  z-index                : 2;
  font-size              : 16px;
  padding                : 0;
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center;
  text-decoration        : none;
  border                 : none;
  cursor                 : pointer
}

.directorist-report-abuse-modal .directorist-modal__body {
  padding: 20px 0;
  border : none
}

.directorist-report-abuse-modal .directorist-modal__body label {
  font-size    : 18px;
  margin-bottom: 12px;
  text-align   : left;
  display      : block
}

.directorist-report-abuse-modal .directorist-modal__body textarea {
  min-height   : 90px;
  resize       : none;
  padding      : 10px 16px;
  border-radius: 8px;
  border       : 1px solid var(--directorist-color-border)
}

.directorist-report-abuse-modal .directorist-modal__body textarea:focus {
  border: 1px solid var(--directorist-color-primary)
}

.directorist-report-abuse-modal #directorist-report-abuse-message-display {
  color     : var(--directorist-color-body);
  margin-top: 15px
}

.directorist-report-abuse-modal #directorist-report-abuse-message-display:empty {
  margin: 0
}

.directorist-report-abuse-modal .directorist-modal__footer {
  padding                : 0;
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-pack       : end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack          : end;
  justify-content        : flex-end;
  border                 : none
}

.directorist-report-abuse-modal .directorist-modal__footer .directorist-btn {
  text-transform: capitalize;
  padding       : 0 15px
}

.directorist-report-abuse-modal .directorist-modal__footer .directorist-btn.directorist-btn-loading:after {
  content          : "";
  border-radius    : 50%;
  border           : 2px solid #f3f3f3;
  border-top-color : #656a7a;
  width            : 20px;
  height           : 20px;
  -webkit-animation: rotate360 2s linear infinite;
  animation        : rotate360 2s linear infinite;
  display          : inline-block;
  margin           : 0 0 0 10px;
  position         : relative;
  top              : 4px
}

.directorist-report-abuse-modal .directorist-modal__content {
  padding: 20px 30px
}

.directorist-report-abuse-modal #directorist-report-abuse-form {
  text-align: left
}

.atbd_rated_stars ul,
.directorist-rated-stars ul {
  margin : 0;
  padding: 0
}

.atbd_rated_stars li,
.directorist-rated-stars li {
  display: inline-block;
  padding: 0;
  margin : 0
}

.atbd_rated_stars span,
.directorist-rated-stars span {
  color   : #d4d3f3;
  display : block;
  width   : 14px;
  height  : 14px;
  position: relative
}

.atbd_rated_stars span:before,
.directorist-rated-stars span:before {
  content            : "";
  -webkit-mask-image : url(../images/9a1043337f37b65647d77feb64df21dd.svg);
  mask-image         : url(../images/9a1043337f37b65647d77feb64df21dd.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat        : no-repeat;
  width              : 15px;
  height             : 15px;
  background-color   : #d4d3f3;
  position           : absolute;
  left               : 0;
  top                : 0
}

.atbd_rated_stars span.directorist-rate-active:before,
.directorist-rated-stars span.directorist-rate-active:before {
  background-color: var(--directorist-color-warning)
}

.directorist-single .directorist-single-listing-top button:not(:hover):not(:active):not(.has-background).directorist-btn.directorist-btn-light {
  background-color: var(--directorist-color-light);
  color           : var(--directorist-color-dark)
}

@media screen and (max-width:575px) {
  .directorist-single .directorist-single-listing-top button:not(:hover):not(:active):not(.has-background).directorist-btn.directorist-btn-light {
    background-color: transparent
  }
}

.directorist-listing-details .directorist-listing-single {
  border: 0
}

.directorist-single-listing-notice {
  margin-bottom: 15px
}

.directorist-single-tag-list li {
  margin: 0 0 10px
}

.directorist-single-tag-list a {
  text-decoration   : none;
  color             : var(--directorist-color-body);
  -webkit-transition: .3s ease;
  transition        : .3s ease;
  display           : -webkit-box;
  display           : -webkit-flex;
  display           : -ms-flexbox;
  display           : flex;
  gap               : 10px
}

.directorist-single-tag-list a .directorist-icon-mask {
  display                : -webkit-inline-box;
  display                : -webkit-inline-flex;
  display                : -ms-inline-flexbox;
  display                : inline-flex;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center;
  width                  : 35px;
  height                 : 35px;
  min-width              : 35px;
  border-radius          : 50%;
  background-color       : var(--directorist-color-bg-light);
  position               : relative;
  top                    : -5px;
  -webkit-transition     : .3s ease;
  transition             : .3s ease
}

.directorist-single-tag-list a .directorist-icon-mask:after {
  font-size: 15px
}

.directorist-single-tag-list a>span:not(.directorist-icon-mask) {
  display                : -webkit-inline-box;
  display                : -webkit-inline-flex;
  display                : -ms-inline-flexbox;
  display                : inline-flex;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center;
  width                  : 35px;
  height                 : 35px;
  border-radius          : 50%;
  background-color       : var(--directorist-color-bg-light);
  margin-right           : 10px;
  -webkit-transition     : .3s ease;
  transition             : .3s ease;
  font-size              : 15px
}

.directorist-single-tag-list a:hover {
  color: var(--directorist-color-primary)
}

.directorist-single-tag-list a:hover span {
  background-color: var(--directorist-color-primary);
  color           : var(--directorist-color-white)
}

.directorist-single-dummy-shortcode {
  width           : 100%;
  background-color: #556166;
  color           : var(--directorist-color-white);
  margin          : 10px 0;
  text-align      : center;
  padding         : 40px 10px;
  font-weight     : 700;
  font-size       : 16px;
  line-height     : 1.2
}

.directorist-sidebar .directorist-search-contents {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.directorist-sidebar .directorist-search-form .directorist-search-form-action {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap    : wrap;
  flex-wrap        : wrap
}

.directorist-sidebar .directorist-search-form .directorist-search-form-action .directorist-modal-btn--advanced {
  padding-left: 0
}

.directorist-sidebar .directorist-add-listing-types {
  padding: 25px
}

.directorist-sidebar .directorist-add-listing-types__single {
  margin: 0
}

.directorist-sidebar .directorist-add-listing-types .directorist-container-fluid {
  padding: 0
}

.directorist-sidebar .directorist-add-listing-types .directorist-row {
  gap   : 15px;
  margin: 0
}

.directorist-sidebar .directorist-add-listing-types .directorist-col-lg-3.directorist-col-md-4.directorist-col-sm-6 {
  width           : 100%;
  -webkit-box-flex: 0;
  -webkit-flex    : 0 0 45%;
  -ms-flex        : 0 0 45%;
  flex            : 0 0 45%;
  padding         : 0;
  margin          : 0
}

.directorist-sidebar .directorist-widget-taxonomy .directorist-taxonomy-list-one .directorist-taxonomy-list__toggle--open:not(.directorist-taxonomy-list__card--icon)+.directorist-taxonomy-list__sub-item {
  padding: 0
}

.directorist-sidebar .directorist-widget-taxonomy .directorist-taxonomy-list-one .directorist-taxonomy-list>.directorist-taxonomy-list__toggle--open~.directorist-taxonomy-list__sub-item {
  margin-top: 10px;
  padding   : 10px 20px
}

.directorist-sidebar .directorist-taxonomy-list-one .directorist-taxonomy-list__card+.directorist-taxonomy-list__sub-item {
  padding   : 0;
  margin-top: 0
}

.directorist-sidebar .directorist-taxonomy-list-one .directorist-taxonomy-list__toggle--open+.directorist-taxonomy-list__sub-item {
  background-color: var(--directorist-color-light);
  border-radius   : 12px
}

.directorist-sidebar .directorist-taxonomy-list-one .directorist-taxonomy-list__toggle--open+.directorist-taxonomy-list__sub-item li {
  margin-top: 0
}

.directorist-single-listing-top {
  gap                : 20px;
  margin             : 15px 0 30px;
  -webkit-box-align  : start;
  -webkit-align-items: flex-start;
  -ms-flex-align     : start;
  align-items        : flex-start
}

@media screen and (max-width:575px) {
  .directorist-single-listing-top {
    gap: 10px
  }
}

.directorist-single-listing-top .directorist-return-back {
  gap                    : 8px;
  margin                 : 0;
  -webkit-box-flex       : unset;
  -webkit-flex           : unset;
  -ms-flex               : unset;
  flex                   : unset;
  min-width              : 120px;
  text-decoration        : none;
  -webkit-box-pack       : start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack          : start;
  justify-content        : flex-start;
  border                 : 2px solid var(--directorist-color-white)
}

@media screen and (max-width:575px) {
  .directorist-single-listing-top .directorist-return-back {
    border   : none;
    min-width: auto
  }
}

.directorist-single-listing-top .directorist-return-back .directorist-single-listing-action__text {
  display: block
}

@media screen and (max-width:575px) {
  .directorist-single-listing-top .directorist-return-back .directorist-single-listing-action__text {
    display: none
  }
}

.directorist-single-listing-top__btn-wrapper {
  position               : fixed;
  width                  : 100%;
  height                 : 80px;
  bottom                 : 0;
  left                   : 0;
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  background-color       : rgba(0, 0, 0, .8);
  z-index                : 999
}

.directorist-single-listing-top__btn-continue.directorist-btn {
  height          : 46px;
  border-radius   : 8px;
  font-size       : 15px;
  font-weight     : 600;
  padding         : 0 25px;
  background-color: #394dff !important;
  color           : var(--directorist-color-white)
}

.directorist-single-listing-top__btn-continue.directorist-btn:hover {
  background-color: #2a3cd9 !important;
  color           : var(--directorist-color-white);
  border-color    : var(--directorist-color-white) !important
}

.directorist-single-listing-top__btn-continue.directorist-btn .directorist-single-listing-action__text {
  display: block
}

.directorist-single-contents-area {
  -webkit-box-sizing: border-box;
  box-sizing        : border-box
}

.directorist-single-contents-area .directorist-card {
  padding       : 0;
  -webkit-filter: none;
  filter        : none;
  margin-bottom : 35px
}

.directorist-single-contents-area .directorist-card .directorist-card__body {
  padding: 30px
}

@media screen and (max-width:575px) {
  .directorist-single-contents-area .directorist-card .directorist-card__body {
    padding: 20px 15px
  }
}

.directorist-single-contents-area .directorist-card .directorist-card__header {
  padding: 20px 30px
}

@media screen and (max-width:575px) {
  .directorist-single-contents-area .directorist-card .directorist-card__header {
    padding: 15px 20px
  }
}

.directorist-single-contents-area .directorist-card .directorist-single-author-name h4 {
  margin: 0
}

.directorist-single-contents-area .directorist-card__header__title {
  gap        : 12px;
  font-size  : 18px;
  font-weight: 500;
  color      : var(--directorist-color-dark)
}

.directorist-single-contents-area .directorist-card__header__title #directorist-review-counter {
  margin-right: 10px
}

.directorist-single-contents-area .directorist-card__header-icon {
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  min-width              : 34px;
  height                 : 34px;
  border-radius          : 50%;
  background-color       : var(--directorist-color-bg-light)
}

.directorist-single-contents-area .directorist-card__header-icon .directorist-icon-mask {
  color: var(--directorist-color-dark)
}

.directorist-single-contents-area .directorist-card__header-icon .directorist-icon-mask:after {
  width : 14px;
  height: 14px
}

.directorist-single-contents-area .directorist-details-info-wrap a {
  font-size         : 15px;
  text-decoration   : none;
  -webkit-box-shadow: none;
  box-shadow        : none;
  color             : var(--directorist-color-body)
}

.directorist-single-contents-area .directorist-details-info-wrap a:hover {
  color: var(--directorist-color-primary)
}

@media (max-width: 767.98px) {
    .directorist-single-contents-area .directorist-details-info-wrap ul {
        display: block !important;           /* Vuelve a lista normal */
        gap: unset !important;
        padding-left: 20px !important;       /* Espacio para los puntitos */
    }

    .directorist-single-contents-area .directorist-details-info-wrap li {
        flex: none !important;
        max-width: 100% !important;
        margin-bottom: 14px !important;      /* Separación entre ítems */
        padding-left: 0 !important;
    }

    /* Opcional: vuelve a poner los puntitos si el tema los quitó */
    .directorist-single-contents-area .directorist-details-info-wrap li {
        list-style-type: disc !important;
    }
}

.directorist-single-contents-area .directorist-details-info-wrap ul {
  display          : -webkit-box;
  display          : -webkit-flex;
  display          : -ms-flexbox;
  display          : flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap    : wrap;
  flex-wrap        : wrap;
  gap              : 0 10px;
  margin           : 0;
  list-style-type  : none;
  padding          : 0
}

.directorist-single-contents-area .directorist-details-info-wrap li {
  -webkit-box-flex: 0;
  -webkit-flex    : 0 0 49%;
  -ms-flex        : 0 0 49%;
  flex            : 0 0 49%
}

.directorist-single-contents-area .directorist-details-info-wrap .directorist-social-links a:hover {
  background-color: var(--directorist-color-primary)
}

.directorist-single-contents-area .directorist-details-info-wrap .directorist-single-map__location {
  padding-top: 18px
}

.directorist-single-contents-area .directorist-single-info__label-icon .directorist-icon-mask:after {
  background-color: grey
}

.directorist-single-contents-area .directorist-single-listing-slider .directorist-swiper__nav i:after {
  background-color: var(--directorist-color-white)
}

.directorist-single-contents-area .directorist-related {
  padding: 0
}

.directorist-single-contents-area {
  margin-top: 50px
}

.directorist-single-contents-area .directorist-single-wrapper .directorist-details-info-wrap {
  gap                   : 12px;
  display               : -webkit-box;
  display               : -webkit-flex;
  display               : -ms-flexbox;
  display               : flex;
  -webkit-box-orient    : vertical;
  -webkit-box-direction : normal;
  -webkit-flex-direction: column;
  -ms-flex-direction    : column;
  flex-direction        : column
}

.directorist-single-contents-area .directorist-single-wrapper .directorist-details-info-wrap .directorist-single-info {
  margin: 0
}

.directorist-single-contents-area .directorist-single-wrapper .directorist-details-info-wrap .directorist-single-info.directorist-single-info-number .directorist-form-group__with-prefix {
  -webkit-box-flex: 1;
  -webkit-flex    : 1;
  -ms-flex        : 1;
  flex            : 1
}

.directorist-single-contents-area .directorist-single-wrapper .directorist-details-info-wrap .directorist-single-info .directorist-form-group__with-prefix {
  border    : none;
  margin-top: 4px
}

.directorist-single-contents-area .directorist-single-wrapper .directorist-details-info-wrap .directorist-single-info .directorist-form-group__prefix {
  height     : auto;
  line-height: unset;
  color      : var(--directorist-color-body)
}

.directorist-single-contents-area .directorist-single-wrapper .directorist-single-formgent-form .formgent-form {
  width: 100%
}

.directorist-single-contents-area .directorist-card {
  margin-bottom: 25px
}

.directorist-single-map__location {
  gap                    : 10px;
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-flex-wrap      : wrap;
  -ms-flex-wrap          : wrap;
  flex-wrap              : wrap;
  padding                : 30px 0 0;
  -webkit-box-pack       : justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack          : justify;
  justify-content        : space-between
}

@media screen and (max-width:575px) {
  .directorist-single-map__location {
    padding: 20px 0 0
  }
}

.directorist-single-map__address {
  gap      : 10px;
  display  : -webkit-box;
  display  : -webkit-flex;
  display  : -ms-flexbox;
  display  : flex;
  font-size: 14px
}

.directorist-single-map__address i:after {
  width     : 14px;
  height    : 14px;
  margin-top: 4px
}

.directorist-single-map__direction a {
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  gap                : 10px;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center
}

.directorist-single-contents-area .directorist-single-map__direction a {
  font-size: 14px;
  color    : var(--directorist-color-info)
}

.directorist-single-contents-area .directorist-single-map__direction a .directorist-icon-mask:after {
  background-color: var(--directorist-color-info)
}

.directorist-single-contents-area .directorist-single-map__direction a:hover {
  color: var(--directorist-color-primary)
}

.directorist-single-contents-area .directorist-single-map__direction a:hover .directorist-icon-mask:after {
  background-color: var(--directorist-color-primary)
}

.directorist-single-contents-area .directorist-single-map__direction .directorist-icon-mask:after {
  width           : 14px;
  height          : 14px;
  background-color: var(--directorist-color-info)
}

.directorist-single-listing-header {
  margin-bottom: 25px;
  margin-top   : -15px;
  padding      : 0
}

.directorist-single-wrapper .directorist-listing-single__info {
  -webkit-box-orient    : horizontal;
  -webkit-box-direction : normal;
  -webkit-flex-direction: row;
  -ms-flex-direction    : row;
  flex-direction        : row
}

.directorist-single-wrapper .directorist-single-listing-slider-wrap {
  padding: 0;
  margin : 15px 0
}

.directorist-single-wrapper .directorist-single-listing-slider-wrap.background-contain .directorist-single-listing-slider .swiper-slide img {
  -o-object-fit: contain;
  object-fit   : contain
}

.directorist-single-listing-quick-action {
  width            : 100%;
  display          : -webkit-box;
  display          : -webkit-flex;
  display          : -ms-flexbox;
  display          : flex;
  gap              : 8px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap    : wrap;
  flex-wrap        : wrap
}

@media screen and (max-width:767px) {
  .directorist-single-listing-quick-action {
    -webkit-box-pack       : end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack          : end;
    justify-content        : flex-end
  }
}

@media screen and (max-width:575px) {
  .directorist-single-listing-quick-action {
    gap                    : 12px;
    -webkit-box-pack       : center;
    -webkit-justify-content: center;
    -ms-flex-pack          : center;
    justify-content        : center
  }
}

.directorist-single-listing-quick-action .directorist-social-share {
  position: relative
}

.directorist-single-listing-quick-action .directorist-social-share:hover .directorist-social-share-links {
  opacity   : 1;
  visibility: visible;
  top       : calc(100% + 5px)
}

@media screen and (max-width:575px) {

  .directorist-single-listing-quick-action .directorist-action-bookmark,
  .directorist-single-listing-quick-action .directorist-action-report,
  .directorist-single-listing-quick-action .directorist-social-share {
    font-size: 0
  }
}

.directorist-single-listing-quick-action .directorist-social-share-links {
  position          : absolute;
  -webkit-transition: all .2s ease-in-out;
  transition        : all .2s ease-in-out;
  z-index           : 2;
  visibility        : hidden;
  opacity           : 0;
  right             : 0;
  top               : calc(100% + 30px);
  background-color  : var(--directorist-color-white);
  border-radius     : 8px;
  width             : 150px;
  -webkit-box-shadow: 0 5px 15px rgba(var(--directorist-color-dark-rgb), .15);
  box-shadow        : 0 5px 15px rgba(var(--directorist-color-dark-rgb), .15);
  list-style-type   : none;
  padding           : 10px;
  margin            : 0
}

.directorist-single-listing-quick-action .directorist-social-links__item {
  padding-left: 0;
  margin      : 0
}

.directorist-single-listing-quick-action .directorist-social-links__item a {
  padding            : 8px 12px;
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  gap                : 5px;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center;
  text-decoration    : none;
  font-size          : 14px;
  font-weight        : 500;
  border             : 0;
  border-radius      : 8px;
  color              : var(--directorist-color-body);
  -webkit-transition : .3s ease;
  transition         : .3s ease
}

.directorist-single-listing-quick-action .directorist-social-links__item a i,
.directorist-single-listing-quick-action .directorist-social-links__item a span.fa,
.directorist-single-listing-quick-action .directorist-social-links__item a span.la,
.directorist-single-listing-quick-action .directorist-social-links__item a span.lab {
  color: var(--directorist-color-body)
}

.directorist-single-listing-quick-action .directorist-social-links__item a i:after,
.directorist-single-listing-quick-action .directorist-social-links__item a span.fa:after,
.directorist-single-listing-quick-action .directorist-social-links__item a span.la:after,
.directorist-single-listing-quick-action .directorist-social-links__item a span.lab:after {
  width : 18px;
  height: 18px
}

.directorist-single-listing-quick-action .directorist-social-links__item a .directorist-icon-mask:after {
  background-color: var(--directorist-color-body)
}

.directorist-single-listing-quick-action .directorist-social-links__item a span.fa {
  font-family: Font Awesome\ 5 Brands;
  font-weight: 900;
  font-size  : 15px
}

.directorist-single-listing-quick-action .directorist-social-links__item a:hover {
  font-weight     : 500;
  background-color: rgba(var(--directorist-color-primary-rgb), .1);
  color           : var(--directorist-color-primary)
}

.directorist-single-listing-quick-action .directorist-social-links__item a:hover i,
.directorist-single-listing-quick-action .directorist-social-links__item a:hover span.fa,
.directorist-single-listing-quick-action .directorist-social-links__item a:hover span.la {
  color: var(--directorist-color-primary)
}

.directorist-single-listing-quick-action .directorist-social-links__item a:hover .directorist-icon-mask:after {
  background-color: var(--directorist-color-primary)
}

.directorist-single-listing-quick-action .directorist-listing-single__quick-actions {
  display          : -webkit-box;
  display          : -webkit-flex;
  display          : -ms-flexbox;
  display          : flex;
  gap              : 8px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap    : wrap;
  flex-wrap        : wrap
}

.directorist-single-listing-action {
  gap                    : 8px;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center;
  font-size              : 13px;
  font-weight            : 400;
  border                 : 0;
  border-radius          : 8px;
  padding                : 0 16px;
  cursor                 : pointer;
  text-decoration        : none;
  color                  : var(--directorist-color-body);
  border                 : 2px solid var(--directorist-color-white) !important;
  -webkit-transition     : background-color .2s ease-in-out;
  transition             : background-color .2s ease-in-out
}

.directorist-single-listing-action:hover {
  background-color: var(--directorist-color-white) !important;
  border-color    : var(--directorist-color-primary) !important
}

@media screen and (max-width:575px) {
  .directorist-single-listing-action {
    gap   : 0;
    border: none
  }

  .directorist-single-listing-action.directorist-btn.directorist-btn-light {
    background-color: var(--directorist-color-white);
    border          : 1px solid var(--directorist-color-light) !important
  }

  .directorist-single-listing-action.directorist-single-listing-top__btn-edit .directorist-single-listing-action__text {
    display: none
  }
}

@media screen and (max-width:480px) {
  .directorist-single-listing-action {
    padding  : 0 10px;
    font-size: 12px
  }
}

@media screen and (max-width:380px) {
  .directorist-single-listing-action.directorist-btn-sm {
    min-height: 38px
  }
}

.directorist-single-listing-action.directorist-action-bookmark .directorist-icon-mask:after {
  background-color: var(--directorist-color-dark)
}

.directorist-single-listing-action.directorist-action-bookmark .directorist-icon-mask.directorist-added-to-favorite:after {
  background-color: var(--directorist-color-danger)
}

.directorist-single-listing-action .directorist-icon-mask:after {
  width : 15px;
  height: 15px
}

.directorist-single-listing-action a {
  -webkit-box-shadow: none;
  box-shadow        : none
}

.directorist-single-listing-action .atbdp-require-login,
.directorist-single-listing-action .directorist-action-report-not-loggedin {
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center;
  width                  : 100%;
  height                 : 100%
}

.directorist-single-listing-action .atbdp-require-login i,
.directorist-single-listing-action .directorist-action-report-not-loggedin i {
  pointer-events: none
}

.directorist-listing-details {
  margin: 15px 0 30px
}

.directorist-listing-details__text p {
  margin     : 0 0 15px;
  color      : var(--directorist-color-body);
  line-height: 24px
}

.directorist-listing-details__text ul {
  list-style  : disc;
  padding-left: 20px;
  margin-left : 0
}

.directorist-listing-details__text li {
  list-style: disc;
  padding-right: 20px !important;
}

.directorist-listing-details__listing-title {
  font-size  : 30px;
  font-weight: 600;
  display    : inline-block;
  margin     : 15px 0 0;
  color      : var(--directorist-color-dark)
}

@media screen and (max-width:575px) {
  .directorist-listing-details__listing-title {
    font-size: 24px
  }
}

.directorist-listing-details__tagline {
  margin: 10px 0;
  color : var(--directorist-color-body)
}

.directorist-listing-details .directorist-pricing-meta .directorist-listing-price {
  padding         : 5px 10px;
  border-radius   : 6px;
  background-color: var(--directorist-color-light)
}

.directorist-listing-details .directorist-listing-single__info {
  padding            : 0;
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center;
  -webkit-flex-wrap  : wrap;
  -ms-flex-wrap      : wrap;
  flex-wrap          : wrap
}

.directorist-single-contents-area .directorist-embaded-video {
  width        : 100%;
  height       : 400px;
  border       : 0;
  border-radius: 12px
}

@media (max-width:768px) {
  .directorist-single-contents-area .directorist-embaded-video {
    height: 56.25vw
  }
}

.directorist-single-contents-area .directorist-single-map {
  border-radius: 12px;
  z-index      : 1
}

.directorist-single-contents-area .directorist-single-map .directorist-info-item a {
  font-size: 14px
}

.directorist-related-listing-header h1,
.directorist-related-listing-header h2,
.directorist-related-listing-header h3,
.directorist-related-listing-header h4,
.directorist-related-listing-header h5,
.directorist-related-listing-header h6 {
  font-size: 18px;
  margin   : 0 0 15px
}

.directorist-single-author-info figure {
  margin: 0
}

.directorist-single-author-info .diretorist-view-profile-btn {
  margin-top: 22px;
  padding   : 0 30px
}

.directorist-single-author-avatar {
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center
}

.directorist-single-author-avatar .directorist-single-author-avatar-inner {
  margin-right: 10px;
  width       : auto
}

.directorist-single-author-avatar .directorist-single-author-avatar-inner img {
  width        : 50px;
  height       : 50px;
  border-radius: 50%
}

.directorist-single-author-avatar .directorist-single-author-name h1,
.directorist-single-author-avatar .directorist-single-author-name h2,
.directorist-single-author-avatar .directorist-single-author-name h3,
.directorist-single-author-avatar .directorist-single-author-name h4,
.directorist-single-author-avatar .directorist-single-author-name h5,
.directorist-single-author-avatar .directorist-single-author-name h6 {
  font-size     : 16px;
  font-weight   : 500;
  line-height   : 1.2;
  letter-spacing: normal;
  margin        : 0 0 3px;
  color         : var(--color-dark)
}

.directorist-single-author-avatar .directorist-single-author-membership {
  font-size: 14px;
  color    : var(--directorist-color-light-gray)
}

.directorist-single-author-contact-info {
  margin-top: 15px
}

.directorist-single-author-contact-info ul {
  -webkit-box-orient    : vertical;
  -webkit-box-direction : normal;
  -webkit-flex-direction: column;
  -ms-flex-direction    : column;
  flex-direction        : column;
  margin                : 0;
  padding               : 0
}

.directorist-single-author-contact-info ul li {
  width              : 100%;
  -webkit-box-flex   : 100%;
  -webkit-flex       : 100%;
  -ms-flex           : 100%;
  flex               : 100%;
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center;
  padding-left       : 0;
  margin-left        : 0
}

.directorist-single-author-contact-info ul li:not(:last-child) {
  margin-bottom: 12px
}

.directorist-single-author-contact-info ul a {
  text-decoration: none;
  color          : var(--directorist-color-body)
}

.directorist-single-author-contact-info ul a:hover {
  color: var(--directorist-color-primary)
}

.directorist-single-author-contact-info ul .directorist-icon-mask:after {
  width           : 14px;
  height          : 14px;
  background-color: var(--directorist-color-light-gray)
}

.directorist-single-author-contact-info-text {
  font-size         : 15px;
  margin-left       : 12px;
  -webkit-box-shadow: none;
  box-shadow        : none;
  color             : var(--directorist-color-body)
}

.directorist-single-author-info .directorist-social-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin : 25px -5px -5px
}

.directorist-single-author-info .directorist-social-wrap a {
  margin            : 5px;
  display           : block;
  line-height       : 35px;
  width             : 35px;
  text-align        : center;
  background-color  : var(--directorist-color-body) !important;
  border-radius     : 4px;
  color             : var(--directorist-color-white) !important;
  overflow          : hidden;
  -webkit-transition: all .3s ease-in-out !important;
  transition        : all .3s ease-in-out !important
}

.directorist-details-info-wrap .directorist-single-info {
  display          : -webkit-box;
  display          : -webkit-flex;
  display          : -ms-flexbox;
  display          : flex;
  font-size        : 15px;
  word-break       : break-word;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap    : wrap;
  flex-wrap        : wrap;
  gap              : 10px 15px
}

.directorist-details-info-wrap .directorist-single-info:not(:last-child) {
  margin-bottom: 12px
}

.directorist-details-info-wrap .directorist-single-info a {
  -webkit-box-shadow: none;
  box-shadow        : none
}

.directorist-details-info-wrap .directorist-single-info.directorist-single-info-picker .directorist-field-type-color {
  width        : 30px;
  height       : 30px;
  border-radius: 5px
}

.directorist-details-info-wrap .directorist-single-info.directorist-listing-details__text {
  -webkit-box-orient    : vertical;
  -webkit-box-direction : normal;
  -webkit-flex-direction: column;
  -ms-flex-direction    : column;
  flex-direction        : column
}

.directorist-details-info-wrap .directorist-single-info__label {
  display  : -webkit-box;
  display  : -webkit-flex;
  display  : -ms-flexbox;
  display  : flex;
  min-width: 140px;
  color    : var(--directorist-color-dark)
}

@media screen and (max-width:575px) {
  .directorist-details-info-wrap .directorist-single-info__label {
    min-width: 130px
  }
}

@media screen and (max-width:375px) {
  .directorist-details-info-wrap .directorist-single-info__label {
    min-width: 100px
  }
}

.directorist-details-info-wrap .directorist-single-info__label-icon {
  display                : -webkit-inline-box;
  display                : -webkit-inline-flex;
  display                : -ms-inline-flexbox;
  display                : inline-flex;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center;
  width                  : 34px;
  height                 : 34px;
  border-radius          : 50%;
  margin-right           : 10px;
  font-size              : 14px;
  text-align             : center;
  -webkit-box-flex       : 0;
  -webkit-flex           : none;
  -ms-flex               : none;
  flex                   : none;
  color                  : var(--directorist-color-light-gray);
  background-color       : var(--directorist-color-bg-light)
}

.directorist-details-info-wrap .directorist-single-info__label-icon .directorist-icon-mask:after {
  width : 14px;
  height: 14px
}

.directorist-details-info-wrap .directorist-single-info__label__text {
  position     : relative;
  min-width    : 70px;
  margin-top   : 5px;
  padding-right: 10px
}

.directorist-details-info-wrap .directorist-single-info__label__text:before {
  content : ":";
  position: absolute;
  right   : 0;
  top     : 0
}

@media screen and (max-width:375px) {
  .directorist-details-info-wrap .directorist-single-info__label__text {
    min-width: 60px
  }
}

.directorist-details-info-wrap .directorist-single-info-number .directorist-single-info__value {
  -webkit-box-flex: 0;
  -webkit-flex    : none;
  -ms-flex        : none;
  flex            : none
}

.directorist-details-info-wrap .directorist-single-info__value {
  margin-top      : 4px;
  -webkit-box-flex: 1;
  -webkit-flex    : 1;
  -ms-flex        : 1;
  flex            : 1;
  color           : var(--directorist-color-body)
}

@media screen and (max-width:575px) {
  .directorist-details-info-wrap .directorist-single-info__value {
    -webkit-box-flex: 100%;
    -webkit-flex    : 100%;
    -ms-flex        : 100%;
    flex            : 100%;
    margin-top      : 0
  }
}

.directorist-details-info-wrap .directorist-single-info__value a {
  color: var(--directorist-color-body)
}

@media screen and (max-width:575px) {
  .directorist-details-info-wrap .directorist-single-info-socials .directorist-single-info__label {
    display: none
  }
}

.directorist-social-links {
  display          : -webkit-box;
  display          : -webkit-flex;
  display          : -ms-flexbox;
  display          : flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap    : wrap;
  flex-wrap        : wrap;
  gap              : 8px
}

.directorist-social-links a {
  display                : -webkit-inline-box;
  display                : -webkit-inline-flex;
  display                : -ms-inline-flexbox;
  display                : inline-flex;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center;
  height                 : 36px;
  width                  : 36px;
  background-color       : var(--directorist-color-light);
  border-radius          : 8px;
  overflow               : hidden;
  -webkit-transition     : all .3s ease-in-out !important;
  transition             : all .3s ease-in-out !important
}

.directorist-social-links a .directorist-icon-mask:after {
  background-color: var(--directorist-color-body)
}

.directorist-social-links a:hover .directorist-icon-mask:after {
  background-color: var(--directorist-color-white)
}

.directorist-social-links a:hover.facebook {
  background-color: #4267b2
}

.directorist-social-links a:hover.twitter {
  background-color: #1da1f2
}

.directorist-social-links a:hover.youtube,
.directorist-social-links a:hover.youtube-play {
  background-color: red
}

.directorist-social-links a:hover.instagram {
  background-color: #c32aa3
}

.directorist-social-links a:hover.linkedin {
  background-color: #007bb5
}

.directorist-social-links a:hover.google-plus {
  background-color: #db4437
}

.directorist-social-links a:hover.snapchat,
.directorist-social-links a:hover.snapchat-ghost {
  background-color: #eae800
}

.directorist-social-links a:hover.reddit {
  background-color: #ff4500
}

.directorist-social-links a:hover.pinterest {
  background-color: #bd081c
}

.directorist-social-links a:hover.tumblr {
  background-color: #35465d
}

.directorist-social-links a:hover.flickr {
  background-color: #f40083
}

.directorist-social-links a:hover.vimeo {
  background-color: #1ab7ea
}

.directorist-social-links a:hover.vine {
  background-color: #00b489
}

.directorist-social-links a:hover.github {
  background-color: #444752
}

.directorist-social-links a:hover.dribbble {
  background-color: #ea4c89
}

.directorist-social-links a:hover.behance {
  background-color: #196ee3
}

.directorist-social-links a:hover.soundcloud,
.directorist-social-links a:hover.stack-overflow {
  background-color: #f50
}

.directorist-contact-owner-form-inner .directorist-form-group {
  margin-bottom: 15px
}

.directorist-contact-owner-form-inner .directorist-form-element {
  border-color: var(--directorist-color-border-gray)
}

.directorist-contact-owner-form-inner textarea {
  resize: none
}

.directorist-contact-owner-form-inner .directorist-btn-submit {
  padding        : 0 30px;
  text-decoration: none;
  text-transform : capitalize
}

.directorist-author-social a .fa {
  font-family: Font Awesome\ 5 Brands
}

.directorist-google-map,
.directorist-single-map {
  height: 400px
}

@media screen and (max-width:480px) {

  .directorist-google-map,
  .directorist-single-map {
    height: 320px
  }
}

.directorist-rating-review-block {
  display      : inline-block;
  border       : 1px solid #e3e6ef;
  padding      : 10px 20px;
  border-radius: 2px;
  margin-bottom: 20px
}

.directorist-review-area .directorist-review-form-action {
  margin-top: 16px
}

.directorist-review-area .directorist-form-group-guest-user {
  margin-top: 12px
}

.directorist-rating-given-block .directorist-rating-given-block__label,
.directorist-rating-given-block .directorist-rating-given-block__stars {
  display       : inline-block;
  vertical-align: middle;
  margin-right  : 10px
}

.directorist-rating-given-block .directorist-rating-given-block__label a,
.directorist-rating-given-block .directorist-rating-given-block__stars a {
  -webkit-box-shadow: none;
  box-shadow        : none
}

.directorist-rating-given-block .directorist-rating-given-block__label {
  margin: 0 10px 0 0
}

.directorist-rating-given-block__stars .br-widget a:before {
  content            : "";
  -webkit-mask-image : url(../images/c8cb6a06142934b1fac8df29a41ebf7c.svg);
  mask-image         : url(../images/c8cb6a06142934b1fac8df29a41ebf7c.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat        : no-repeat;
  width              : 14px;
  height             : 14px;
  background-color   : #d4d3f3
}

.directorist-rating-given-block__stars .br-widget a.br-active:before,
.directorist-rating-given-block__stars .br-widget a.br-selected:before {
  color: var(--directorist-color-warning)
}

.directorist-rating-given-block__stars .br-current-rating {
  display    : inline-block;
  margin-left: 20px
}

.directorist-review-current-rating {
  margin-bottom: 16px
}

.directorist-review-current-rating .directorist-review-current-rating__label {
  margin-right : 10px;
  margin-bottom: 0
}

.directorist-review-current-rating .directorist-review-current-rating__label,
.directorist-review-current-rating .directorist-review-current-rating__stars {
  display       : inline-block;
  vertical-align: middle
}

.directorist-review-current-rating .directorist-review-current-rating__stars li {
  display: inline-block
}

.directorist-review-current-rating .directorist-review-current-rating__stars span {
  color: #d4d3f3
}

.directorist-review-current-rating .directorist-review-current-rating__stars span:before {
  content    : "\f005";
  font-size  : 14px;
  font-family: Font Awesome\ 5 Free;
  font-weight: 900
}

.directorist-review-current-rating .directorist-review-current-rating__stars span.directorist-rate-active {
  color: #fa8b0c
}

.directorist-single-review {
  padding-bottom: 26px;
  padding-top   : 30px;
  border-bottom : 1px solid #e3e6ef
}

.directorist-single-review:first-child {
  padding-top: 0
}

.directorist-single-review:last-child {
  padding-bottom: 0;
  border-bottom : 0
}

.directorist-single-review .directorist-single-review__top {
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-pack       : justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack          : justify;
  justify-content        : space-between
}

.directorist-single-review .directorist-single-review-avatar-wrap {
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center;
  margin-bottom      : 22px
}

.directorist-single-review .directorist-single-review-avatar {
  margin-right: 12px
}

.directorist-single-review .directorist-single-review-avatar img {
  max-width    : 50px;
  border-radius: 50%
}

.directorist-single-review .directorist-rated-stars ul li span.directorist-rate-active {
  color: #fa8b0c
}

.atbdp-universal-pagination ul {
  display          : -webkit-box;
  display          : -webkit-flex;
  display          : -ms-flexbox;
  display          : flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap    : wrap;
  flex-wrap        : wrap;
  -ms-flex-align   : center;
  margin           : -5px;
  padding          : 0
}

.atbdp-universal-pagination li,
.atbdp-universal-pagination ul {
  -webkit-box-align  : center;
  -webkit-align-items: center;
  align-items        : center
}

.atbdp-universal-pagination li {
  -webkit-box-flex       : 0;
  -webkit-flex           : none;
  -ms-flex               : none;
  flex                   : none;
  margin                 : 5px;
  padding                : 0 10px;
  border                 : 1px solid var(--directorist-color-border);
  display                : -webkit-inline-box;
  display                : -webkit-inline-flex;
  display                : -ms-inline-flexbox;
  display                : inline-flex;
  -ms-flex-align         : center;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center;
  line-height            : 28px;
  border-radius          : 3px;
  -webkit-transition     : .3s ease;
  transition             : .3s ease;
  background-color       : var(--directorist-color-white)
}

.atbdp-universal-pagination li i {
  line-height: 28px
}

.atbdp-universal-pagination li.atbd-active {
  cursor: pointer
}

.atbdp-universal-pagination li.atbd-active:hover,
.atbdp-universal-pagination li.atbd-selected {
  border-color: var(--directorist-color-primary);
  color       : var(--directorist-color-primary)
}

.atbdp-universal-pagination li.atbd-inactive {
  opacity: .5
}

.atbdp-universal-pagination li[class^=atbd-page-jump-] {
  min-width : 30px;
  min-height: 30px;
  position  : relative;
  cursor    : pointer
}

.atbdp-universal-pagination li[class^=atbd-page-jump-] .la {
  position         : absolute;
  left             : 50%;
  top              : 50%;
  -webkit-transform: translate(-50%, -50%);
  transform        : translate(-50%, -50%)
}

.atbdp-universal-pagination li[class^=atbd-page-jump-] .la_h {
  visibility        : hidden;
  opacity           : 0;
  left              : 70%;
  -webkit-transition: .3s ease;
  transition        : .3s ease
}

.atbdp-universal-pagination li[class^=atbd-page-jump-] .la_d {
  visibility        : visible;
  opacity           : 1;
  -webkit-transition: .3s ease;
  transition        : .3s ease
}

.atbdp-universal-pagination li[class^=atbd-page-jump-]:hover {
  color: var(--directorist-color-primary)
}

.atbdp-universal-pagination li[class^=atbd-page-jump-]:hover .la_h {
  visibility: visible;
  opacity   : 1;
  left      : 50%
}

.atbdp-universal-pagination li[class^=atbd-page-jump-]:hover .la_d {
  visibility: hidden;
  opacity   : 0;
  left      : 30%
}

.directorist-card-review-block .directorist-btn-add-review {
  padding    : 0 14px;
  line-height: 2.55
}

.directorist-review-container {
  padding      : 0;
  margin-bottom: 35px
}

.directorist-review-container .comment-form-cookies-consent,
.directorist-review-container .comment-notes {
  margin-bottom: 20px;
  font-style   : italic;
  font-size    : 14px;
  font-weight  : 400
}

.directorist-review-content a>i {
  font-size: 13.5px
}

.directorist-review-content .directorist-btn>i {
  margin-right: 5px
}

.directorist-review-content #cancel-comment-reply-link,
.directorist-review-content .directorist-js-cancel-comment-edit {
  font-size  : 14px;
  margin-left: 15px;
  color      : var(--directorist-color-deep-gray)
}

.directorist-review-content #cancel-comment-reply-link:focus,
.directorist-review-content #cancel-comment-reply-link:hover,
.directorist-review-content .directorist-js-cancel-comment-edit:focus,
.directorist-review-content .directorist-js-cancel-comment-edit:hover {
  color: var(--directorist-color-dark)
}

@media screen and (max-width:575px) {

  .directorist-review-content #cancel-comment-reply-link,
  .directorist-review-content .directorist-js-cancel-comment-edit {
    margin-left: 0
  }
}

.directorist-review-content .directorist-review-content__header {
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-flex-wrap      : wrap;
  -ms-flex-wrap          : wrap;
  flex-wrap              : wrap;
  -webkit-box-pack       : justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack          : justify;
  justify-content        : space-between;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  padding                : 6px 20px;
  border                 : 1px solid #eff1f6;
  border-bottom-color    : #f2f2f2;
  background-color       : var(--directorist-color-white);
  border-radius          : 16px 16px 0 0
}

.directorist-review-content .directorist-review-content__header h3:not(.directorist-card__header__title) {
  font-size  : 16px;
  font-weight: 500;
  color      : #1a1b29;
  margin     : 10px 0
}

.directorist-review-content .directorist-review-content__header h3:not(.directorist-card__header__title) span {
  color: var(--directorist-color-body)
}

.directorist-review-content .directorist-review-content__header h3:not(.directorist-card__header__title) span:before {
  content      : "-";
  color        : #8f8e9f;
  padding-right: 5px
}

.directorist-review-content .directorist-review-content__header .directorist-btn {
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center
}

.directorist-review-content .directorist-review-content__header .directorist-btn .directorist-icon-mask {
  display     : inline-block;
  margin-right: 4px
}

.directorist-review-content .directorist-review-content__header .directorist-btn .directorist-icon-mask:after {
  background-color: var(--directorist-color-white)
}

.directorist-review-content .directorist-review-content__header .directorist-btn:hover {
  opacity: .8
}

.directorist-review-content .directorist-review-content__header .directorist-noreviews {
  font-size    : 16px;
  margin-bottom: 0;
  padding      : 19px 20px 15px
}

.directorist-review-content .directorist-review-content__header .directorist-noreviews a {
  color: #2c99ff
}

.directorist-review-content .directorist-review-content__overview {
  -ms-flex-align         : center;
  -webkit-flex-wrap      : wrap;
  -ms-flex-wrap          : wrap;
  flex-wrap              : wrap;
  -webkit-box-pack       : justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack          : justify;
  justify-content        : space-between;
  padding                : 30px 50px
}

.directorist-review-content .directorist-review-content__overview,
.directorist-review-content .directorist-review-content__overview__rating {
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  align-items        : center
}

.directorist-review-content .directorist-review-content__overview__rating {
  -webkit-box-flex: 0;
  -webkit-flex    : 0 0 50%;
  -ms-flex        : 0 0 50%;
  flex            : 0 0 50%;
  text-align      : center;
  -ms-flex-align  : center
}

.directorist-review-content .directorist-review-content__overview__rating .directorist-rating-point {
  font-size   : 34px;
  font-weight : 600;
  color       : #1a1b29;
  display     : block;
  margin-right: 15px
}

.directorist-review-content .directorist-review-content__overview__rating .directorist-rating-stars {
  font-size          : 15px;
  color              : #ef8000;
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center;
  margin-bottom      : 3px
}

.directorist-review-content .directorist-review-content__overview__rating .directorist-rating-stars .directorist-icon-mask:after {
  width           : 15px;
  height          : 15px;
  background-color: #ef8000
}

.directorist-review-content .directorist-review-content__overview__rating .directorist-rating-stars .directorist-icon-mask.directorist_fraction_star {
  position: relative
}

.directorist-review-content .directorist-review-content__overview__rating .directorist-rating-stars .directorist-icon-mask.directorist_fraction_star:before {
  content           : "";
  width             : 100%;
  height            : 100%;
  position          : absolute;
  left              : 0;
  -webkit-mask-image: url(../images/b6ad67158aa2d6258e619021127e704f.svg);
  mask-image        : url(../images/b6ad67158aa2d6258e619021127e704f.svg);
  background-color  : #ef8000
}

.directorist-review-content .directorist-review-content__overview__rating .directorist-rating-overall {
  font-size: 14px;
  color    : #8c90a4;
  display  : block
}

.directorist-review-content .directorist-review-content__overview__benchmarks {
  -webkit-box-flex: 0;
  -webkit-flex    : 0 0 50%;
  -ms-flex        : 0 0 50%;
  flex            : 0 0 50%;
  padding         : 25px
}

.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single {
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center;
  -webkit-flex-wrap  : wrap;
  -ms-flex-wrap      : wrap;
  flex-wrap          : wrap;
  margin             : -6px
}

.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single>* {
  margin: 6px !important
}

.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single label {
  -webkit-box-flex: 0.1;
  -webkit-flex    : 0.1;
  -ms-flex        : 0.1;
  flex            : 0.1;
  min-width       : 70px;
  display         : inline-block;
  word-wrap       : break-word;
  word-break      : break-all;
  margin-bottom   : 0;
  font-size       : 15px;
  color           : var(--directorist-color-body)
}

.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single progress {
  -webkit-box-flex  : 1.5;
  -webkit-flex      : 1.5;
  -ms-flex          : 1.5;
  flex              : 1.5;
  border-radius     : 2px;
  height            : 5px;
  -webkit-box-shadow: none;
  box-shadow        : none
}

.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single progress::-webkit-progress-bar {
  background-color: #f2f3f5;
  border-radius   : 2px
}

.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single progress::-webkit-progress-value {
  background-color  : #ef8000;
  border-radius     : 2px;
  -webkit-box-shadow: none;
  box-shadow        : none
}

.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single progress::-moz-progress-bar {
  background-color: #f2f3f5;
  border-radius   : 2px
}

.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single progress::-moz-progress-value {
  background-color: #ef8000;
  border-radius   : 2px;
  box-shadow      : none
}

.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single strong {
  -webkit-box-flex: 0.1;
  -webkit-flex    : 0.1;
  -ms-flex        : 0.1;
  flex            : 0.1;
  font-size       : 15px;
  font-weight     : 500;
  color           : #090e30;
  text-align      : right
}

.directorist-review-content .directorist-review-content__reviews,
.directorist-review-content .directorist-review-content__reviews ul {
  padding        : 0;
  margin         : 10px 0 0;
  list-style-type: none
}

.directorist-review-content .directorist-review-content__reviews li,
.directorist-review-content .directorist-review-content__reviews ul li {
  list-style-type: none;
  margin-left    : 0
}

.directorist-review-content .directorist-review-content__reviews>li {
  border-top: 1px solid #eff1f6
}

.directorist-review-content .directorist-review-content__reviews>li:not(:last-child) {
  margin-bottom: 10px
}

.directorist-review-content .directorist-review-content__reviews .directorist-comment-edit-request {
  position: relative
}

.directorist-review-content .directorist-review-content__reviews .directorist-comment-edit-request:after {
  content         : "";
  display         : block;
  position        : absolute;
  left            : 0;
  top             : 0;
  height          : 100%;
  width           : 100%;
  z-index         : 99;
  background-color: hsla(0, 0%, 100%, .8);
  border-radius   : 4px
}

.directorist-review-content .directorist-review-content__reviews .directorist-comment-edit-request:before {
  position         : absolute;
  z-index          : 100;
  left             : 50%;
  top              : 50%;
  display          : block;
  content          : "";
  width            : 24px;
  height           : 24px;
  border-radius    : 50%;
  border           : 2px solid rgba(var(--directorist-color-dark-rgb), .2);
  border-top-color : rgba(var(--directorist-color-dark-rgb), .8);
  -webkit-animation: directoristCommentEditLoading .6s linear infinite;
  animation        : directoristCommentEditLoading .6s linear infinite
}

.directorist-review-content .directorist-review-content__reviews .directorist-comment-editing .directorist-review-single__content,
.directorist-review-content .directorist-review-content__reviews .directorist-comment-editing .directorist-review-single__reply,
.directorist-review-content .directorist-review-content__reviews .directorist-comment-editing .directorist-review-single__report {
  display: none
}

.directorist-review-content .directorist-review-content__reviews .directorist-review-single {
  padding      : 25px;
  border-radius: 0
}

.directorist-review-content .directorist-review-content__reviews .directorist-review-single a {
  text-decoration: none
}

.directorist-review-content .directorist-review-content__reviews .directorist-review-single .comment-body {
  margin-bottom: 0;
  padding      : 0
}

.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap {
  margin: 0
}

.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header {
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack          : justify;
  justify-content        : space-between;
  -webkit-flex-wrap      : wrap;
  -ms-flex-wrap          : wrap;
  flex-wrap              : wrap;
  margin-bottom          : 20px
}

.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author {
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  -webkit-flex-wrap  : wrap;
  -ms-flex-wrap      : wrap;
  flex-wrap          : wrap;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center;
  margin             : -8px
}

.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__img {
  padding: 8px
}

.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__img img {
  width        : 50px;
  -o-object-fit: cover;
  object-fit   : cover;
  border-radius: 50%;
  position     : static
}

.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__details {
  padding         : 8px;
  -webkit-box-flex: 1;
  -webkit-flex    : 1;
  -ms-flex        : 1;
  flex            : 1
}

.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__details h2 {
  font-size  : 15px;
  font-weight: 500;
  color      : #090e30;
  margin     : 0 0 5px
}

.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__details h2:after,
.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__details h2:before {
  content: none
}

.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__details h2 time {
  display  : inline-block;
  font-size: 14px;
  color    : #8c90a4
}

.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__details h2 time:before {
  content      : "-";
  padding-right: 8px;
  padding-left : 3px
}

.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__details .directorist-rating-stars {
  font-size          : 11px;
  color              : #ef8000;
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center;
  margin-bottom      : 3px
}

.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__details .directorist-rating-stars .directorist-icon-mask:after {
  width           : 11px;
  height          : 11px;
  background-color: #ef8000
}

.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__report a {
  font-size: 13px;
  color    : #8c90a4;
  display  : block
}

.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__content {
  font-size: 16px
}

.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__content__img {
  display          : -webkit-box;
  display          : -webkit-flex;
  display          : -ms-flexbox;
  display          : flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap    : wrap;
  flex-wrap        : wrap;
  margin           : 15px -5px 0
}

.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__content__img img {
  max-width    : 100px;
  -o-object-fit: cover;
  object-fit   : cover;
  margin       : 5px;
  border-radius: 6px
}

.directorist-review-content .directorist-review-content__reviews .directorist-review-single__feedback {
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  -webkit-flex-wrap  : wrap;
  -ms-flex-wrap      : wrap;
  flex-wrap          : wrap;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center;
  margin             : 15px -5px 0
}

.directorist-review-content .directorist-review-content__reviews .directorist-review-single__feedback a {
  margin   : 5px;
  font-size: 13px
}

.directorist-review-content .directorist-review-content__reviews .directorist-review-single__reply {
  margin             : 20px -8px 0;
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center
}

.directorist-review-content .directorist-review-content__reviews .directorist-review-single__reply a {
  color     : #8c90a4;
  font-size : 13px;
  display   : block;
  margin    : 0 8px;
  background: none
}

.directorist-review-content .directorist-review-content__reviews .directorist-review-single__reply a.directorist-comment-edit-link {
  display            : -webkit-inline-box;
  display            : -webkit-inline-flex;
  display            : -ms-inline-flexbox;
  display            : inline-flex;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center
}

.directorist-review-content .directorist-review-content__reviews .directorist-review-single__reply a.directorist-comment-edit-link .directorist-icon-mask {
  margin-right: 3px
}

.directorist-review-content .directorist-review-content__reviews .directorist-review-single__reply a.directorist-comment-edit-link .directorist-icon-mask:after {
  width           : .9em;
  height          : .9em;
  background-color: #8c90a4
}

.directorist-review-content .directorist-review-content__reviews .directorist-review-single__comments .directorist-review-single--comment {
  padding-left: 40px
}

.directorist-review-content .directorist-review-content__reviews .directorist-review-single__comments .directorist-review-single--comment .directorist-review-single__contents-wrap {
  position: relative
}

.directorist-review-content .directorist-review-content__reviews .directorist-review-single__comments .directorist-review-single--comment .directorist-review-single__contents-wrap:before {
  content         : "";
  height          : 100%;
  background-color: #f2f2f2;
  width           : 2px;
  left            : -20px;
  position        : absolute;
  top             : 0
}

.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-submit {
  margin-top   : 0 !important;
  margin-bottom: 0 !important;
  border       : 0 !important
}

.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-submit__header {
  padding-left : 0;
  padding-right: 0
}

.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-submit__header h3 {
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack          : justify;
  justify-content        : space-between;
  max-width              : 100%;
  width                  : 100%;
  margin                 : 0 !important
}

.directorist-review-content .directorist-review-content__pagination {
  padding: 0;
  margin : 25px 0 0
}

.directorist-review-content .directorist-review-content__pagination ul {
  border             : 0;
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center;
  -webkit-flex-wrap  : wrap;
  -ms-flex-wrap      : wrap;
  flex-wrap          : wrap;
  margin             : -4px;
  padding-top        : 0;
  list-style-type    : none;
  height             : auto;
  background         : none
}

.directorist-review-content .directorist-review-content__pagination ul li {
  padding        : 4px;
  list-style-type: none
}

.directorist-review-content .directorist-review-content__pagination ul li .page-numbers {
  width                  : 40px;
  height                 : 40px;
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center;
  border-radius          : 6px;
  border                 : 1px solid #e1e4ec;
  color                  : #090e30;
  font-weight            : 500;
  font-size              : 14px;
  background-color       : var(--directorist-color-white)
}

.directorist-review-content .directorist-review-content__pagination ul li .page-numbers.current {
  border-color: #090e30
}

.directorist-review-submit {
  margin-top      : 25px;
  margin-bottom   : 25px;
  background-color: var(--directorist-color-white);
  border-radius   : 4px;
  border          : 1px solid #eff1f6
}

.directorist-review-submit__header {
  gap: 15px
}

.directorist-review-submit__header h3 {
  font-size  : 16px;
  font-weight: 500;
  color      : #1a1b29;
  margin     : 0
}

.directorist-review-submit__header h3 span {
  color: var(--directorist-color-body)
}

.directorist-review-submit__header h3 span:before {
  content      : "-";
  color        : #8f8e9f;
  padding-right: 5px
}

.directorist-review-submit__header .directorist-btn {
  font-size          : 13px;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center;
  padding            : 0 20px;
  min-height         : 40px;
  border-radius      : 8px
}

.directorist-review-submit__header .directorist-btn .directorist-icon-mask {
  display     : inline-block;
  margin-right: 4px
}

.directorist-review-submit__header .directorist-btn .directorist-icon-mask:after {
  width           : 13px;
  height          : 13px;
  background-color: var(--directorist-color-white)
}

.directorist-review-submit__overview {
  -webkit-flex-wrap      : wrap;
  -ms-flex-wrap          : wrap;
  flex-wrap              : wrap;
  -webkit-box-pack       : justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack          : justify;
  justify-content        : space-between;
  padding                : 30px 50px;
  border-top             : 0
}

.directorist-review-submit__overview,
.directorist-review-submit__overview__rating {
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center
}

.directorist-review-submit__overview__rating {
  gap       : 20px;
  text-align: center
}

@media (max-width:480px) {
  .directorist-review-submit__overview__rating {
    -webkit-box-flex: 0;
    -webkit-flex    : 0 0 100%;
    -ms-flex        : 0 0 100%;
    flex            : 0 0 100%
  }

  .directorist-review-submit__overview__rating .directorist-rating-stars {
    -webkit-box-pack       : center;
    -webkit-justify-content: center;
    -ms-flex-pack          : center;
    justify-content        : center
  }
}

.directorist-review-submit__overview__rating .directorist-rating-point {
  font-size  : 40px;
  font-weight: 600;
  display    : block;
  color      : var(--directorist-color-dark)
}

.directorist-review-submit__overview__rating .directorist-rating-stars {
  font-size          : 15px;
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center;
  margin-bottom      : 5px;
  color              : var(--directorist-color-warning)
}

.directorist-review-submit__overview__rating .directorist-icon-mask:after {
  width           : 16px;
  height          : 16px;
  background-color: var(--directorist-color-warning)
}

.directorist-review-submit__overview__rating .directorist-icon-mask.directorist_fraction_star {
  position: relative
}

.directorist-review-submit__overview__rating .directorist-icon-mask.directorist_fraction_star:before {
  content           : "";
  width             : 100%;
  height            : 100%;
  position          : absolute;
  left              : 0;
  -webkit-mask-image: url(../images/b6ad67158aa2d6258e619021127e704f.svg);
  mask-image        : url(../images/b6ad67158aa2d6258e619021127e704f.svg);
  background-color  : var(--directorist-color-warning)
}

.directorist-review-submit__overview__rating .directorist-rating-overall {
  font-size: 14px;
  color    : var(--directorist-color-body);
  display  : block
}

.directorist-review-submit__overview__benchmarks {
  -webkit-box-flex: 0;
  -webkit-flex    : 0 0 50%;
  -ms-flex        : 0 0 50%;
  flex            : 0 0 50%;
  padding         : 25px
}

.directorist-review-submit__overview__benchmarks .directorist-benchmark-single {
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center;
  -webkit-flex-wrap  : wrap;
  -ms-flex-wrap      : wrap;
  flex-wrap          : wrap;
  margin             : -6px
}

.directorist-review-submit__overview__benchmarks .directorist-benchmark-single>* {
  margin: 6px !important
}

.directorist-review-submit__overview__benchmarks .directorist-benchmark-single label {
  -webkit-box-flex: 0.1;
  -webkit-flex    : 0.1;
  -ms-flex        : 0.1;
  flex            : 0.1;
  min-width       : 70px;
  display         : inline-block;
  margin-right    : 4px
}

.directorist-review-submit__overview__benchmarks .directorist-benchmark-single label:after {
  width           : 12px;
  height          : 12px;
  background-color: var(--directorist-color-white)
}

.directorist-review-submit__reviews,
.directorist-review-submit__reviews ul {
  padding        : 0;
  list-style-type: none;
  margin         : 10px 0 0
}

.directorist-review-submit>li {
  border-top: 1px solid var(--directorist-color-border)
}

.directorist-review-submit .directorist-comment-edit-request {
  position: relative
}

.directorist-review-submit .directorist-comment-edit-request:after {
  content         : "";
  display         : block;
  position        : absolute;
  left            : 0;
  top             : 0;
  height          : 100%;
  width           : 100%;
  z-index         : 99;
  background-color: hsla(0, 0%, 100%, .8);
  border-radius   : 4px
}

.directorist-review-submit .directorist-comment-edit-request>li {
  border-top: 1px solid var(--directorist-color-border)
}

.directorist-review-submit .directorist-comment-edit-request .directorist-comment-edit-request {
  position: relative
}

.directorist-review-submit .directorist-comment-edit-request .directorist-comment-edit-request:after {
  content         : "";
  display         : block;
  position        : absolute;
  left            : 0;
  top             : 0;
  height          : 100%;
  width           : 100%;
  z-index         : 99;
  background-color: hsla(0, 0%, 100%, .8);
  border-radius   : 4px
}

.directorist-review-submit .directorist-comment-edit-request .directorist-comment-edit-request:before {
  position         : absolute;
  z-index          : 100;
  left             : 50%;
  top              : 50%;
  display          : block;
  content          : "";
  width            : 24px;
  height           : 24px;
  border-radius    : 50%;
  border           : 2px solid rgba(var(--directorist-color-dark-rgb), .2);
  border-top-color : rgba(var(--directorist-color-dark-rgb), .8);
  -webkit-animation: directoristCommentEditLoading .6s linear infinite;
  animation        : directoristCommentEditLoading .6s linear infinite
}

.directorist-review-single .directorist-comment-editing .directorist-review-single__actions,
.directorist-review-single .directorist-comment-editing .directorist-review-single__content,
.directorist-review-single .directorist-comment-editing .directorist-review-single__report {
  display: none
}

.directorist-review-content__pagination {
  padding: 0;
  margin : 25px 0 35px
}

.directorist-review-content__pagination ul {
  border             : 0;
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center;
  -webkit-flex-wrap  : wrap;
  -ms-flex-wrap      : wrap;
  flex-wrap          : wrap;
  margin             : -4px;
  padding-top        : 0;
  list-style-type    : none;
  height             : auto;
  background         : none
}

.directorist-review-content__pagination li {
  padding        : 4px;
  list-style-type: none
}

.directorist-review-content__pagination li .page-numbers {
  width                  : 40px;
  height                 : 40px;
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center;
  border-radius          : 6px;
  border                 : 1px solid #e1e4ec;
  color                  : #090e30;
  font-weight            : 500;
  font-size              : 14px;
  background-color       : var(--directorist-color-white)
}

.directorist-review-content__pagination li .page-numbers.current {
  border-color: #090e30
}

.directorist-review-single {
  padding: 40px 30px;
  margin : 0
}

@media screen and (max-width:575px) {
  .directorist-review-single {
    padding: 30px 20px
  }
}

.directorist-review-single a {
  text-decoration: none
}

.directorist-review-single .comment-body {
  margin-bottom: 0;
  padding      : 0
}

.directorist-review-single .comment-body p {
  font-size: 15px;
  margin   : 0;
  color    : var(--directorist-color-body)
}

.directorist-review-single .comment-body em {
  font-style: normal
}

.directorist-review-single .directorist-review-single__header {
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack          : justify;
  justify-content        : space-between;
  margin-bottom          : 20px
}

.directorist-review-single .directorist-review-single__header,
.directorist-review-single__author {
  display          : -webkit-box;
  display          : -webkit-flex;
  display          : -ms-flexbox;
  display          : flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap    : wrap;
  flex-wrap        : wrap
}

.directorist-review-single__author {
  -webkit-box-align  : start;
  -webkit-align-items: flex-start;
  -ms-flex-align     : start;
  align-items        : flex-start
}

.directorist-review-single__author__img {
  width  : 50px;
  height : 50px;
  padding: 0
}

.directorist-review-single__author__img img {
  width        : 50px;
  height       : 50px;
  -o-object-fit: cover;
  object-fit   : cover;
  border-radius: 50%;
  position     : static
}

.directorist-review-single__author__details {
  -webkit-box-flex: 1;
  -webkit-flex    : 1;
  -ms-flex        : 1;
  flex            : 1;
  margin-left     : 15px
}

.directorist-review-single__author__details h2 {
  font-size  : 15px;
  font-weight: 500;
  margin     : 0 0 5px;
  color      : var(--directorist-color-dark)
}

.directorist-review-single__author__details .directorist-rating-stars {
  font-size          : 11px;
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center;
  color              : var(--directorist-color-warning)
}

.directorist-review-single__author__details .directorist-rating-stars .directorist-icon-mask {
  margin: 1px
}

.directorist-review-single__author__details .directorist-rating-stars .directorist-icon-mask:after {
  width           : 11px;
  height          : 11px;
  background-color: var(--directorist-color-warning)
}

.directorist-review-single__author__details .directorist-review-date {
  display    : inline-block;
  font-size  : 13px;
  margin-left: 14px;
  color      : var(--directorist-color-deep-gray)
}

.directorist-review-single__report a {
  font-size: 13px;
  color    : #8c90a4;
  display  : block
}

.directorist-review-single__content p {
  font-size: 15px;
  color    : var(--directorist-color-body)
}

.directorist-review-single__feedback {
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  -webkit-flex-wrap  : wrap;
  -ms-flex-wrap      : wrap;
  flex-wrap          : wrap;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center;
  margin             : 15px -5px 0
}

.directorist-review-single__feedback a {
  margin   : 5px;
  font-size: 13px
}

.directorist-review-single__actions {
  margin : 20px -8px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.directorist-review-single__actions,
.directorist-review-single__actions a {
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center
}

.directorist-review-single__actions a {
  font-size : 13px;
  display   : -webkit-inline-box;
  display   : -webkit-inline-flex;
  display   : -ms-inline-flexbox;
  display   : inline-flex;
  background: none;
  margin    : 0 8px;
  color     : var(--directorist-color-deep-gray)
}

.directorist-review-single__actions a .directorist-icon-mask {
  margin-right: 6px
}

.directorist-review-single__actions a .directorist-icon-mask:after {
  width           : 13.5px;
  height          : 13.5px;
  background-color: var(--directorist-color-deep-gray)
}

.directorist-review-single .directorist-review-meta {
  display          : -webkit-box;
  display          : -webkit-flex;
  display          : -ms-flexbox;
  display          : flex;
  gap              : 15px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap    : wrap;
  flex-wrap        : wrap
}

@media screen and (max-width:575px) {
  .directorist-review-single .directorist-review-meta {
    gap: 10px
  }
}

.directorist-review-single .directorist-review-meta .directorist-review-date {
  margin: 0
}

.directorist-review-single .directorist-review-submit {
  margin-top        : 0;
  margin-bottom     : 0;
  border            : 0;
  -webkit-box-shadow: 0 0;
  box-shadow        : 0 0
}

.directorist-review-single .directorist-review-submit__header {
  padding-left : 0;
  padding-right: 0
}

.directorist-review-single .directorist-review-submit .directorist-card__header__title {
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack          : justify;
  justify-content        : space-between;
  font-size              : 13px;
  max-width              : 100%;
  width                  : 100%;
  margin                 : 0
}

.directorist-review-single .directorist-review-single {
  padding: 18px 40px
}

.directorist-review-single .directorist-review-single:last-child {
  padding-bottom: 0
}

.directorist-review-single .directorist-review-single .directorist-review-single__header {
  margin-bottom: 15px
}

.directorist-review-single .directorist-review-single .directorist-review-single__info {
  position: relative
}

.directorist-review-single .directorist-review-single .directorist-review-single__info:before {
  position        : absolute;
  left            : -20px;
  top             : 0;
  width           : 2px;
  height          : 100%;
  content         : "";
  background-color: var(--directorist-color-border-gray)
}

.directorist-review-submit__header {
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-flex-wrap      : wrap;
  -ms-flex-wrap          : wrap;
  flex-wrap              : wrap;
  -webkit-box-pack       : justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack          : justify;
  justify-content        : space-between;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center
}

.directorist-review-submit__form {
  margin: 0 !important
}

.directorist-review-submit__form:not(.directorist-form-comment-edit) {
  padding: 25px
}

.directorist-review-submit__form#commentform .directorist-form-group,
.directorist-review-submit__form.directorist-form-comment-edit .directorist-form-group {
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  gap                    : 10px;
  -webkit-flex-wrap      : wrap;
  -ms-flex-wrap          : wrap;
  flex-wrap              : wrap;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack          : start;
  justify-content        : flex-start
}

.directorist-review-submit__form .directorist-review-single .directorist-card__body {
  padding-left : 0;
  padding-right: 0
}

.directorist-review-submit__form .directorist-alert {
  margin-bottom: 20px;
  padding      : 10px 20px
}

.directorist-review-submit__form .directorist-review-criteria {
  margin-bottom: 25px
}

.directorist-review-submit__form .directorist-review-criteria__single {
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  -webkit-flex-wrap  : wrap;
  -ms-flex-wrap      : wrap;
  flex-wrap          : wrap;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center;
  gap                : 15px
}

.directorist-review-submit__form .directorist-review-criteria__single__label {
  width      : 100px;
  word-wrap  : break-word;
  word-break : break-all;
  font-size  : 14px;
  font-weight: 400;
  color      : var(--directorist-color-body);
  margin     : 0
}

.directorist-review-submit__form .directorist-review-criteria__single .br-widget {
  margin: -1px
}

.directorist-review-submit__form .directorist-review-criteria__single a {
  display                : -webkit-inline-box;
  display                : -webkit-inline-flex;
  display                : -ms-inline-flexbox;
  display                : inline-flex;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center;
  width                  : 24px;
  height                 : 24px;
  border-radius          : 4px;
  background-color       : #e1e4ec;
  margin                 : 1px;
  text-decoration        : none;
  outline                : 0
}

.directorist-review-submit__form .directorist-review-criteria__single a:before {
  content            : "";
  -webkit-mask-image : url(../images/c8cb6a06142934b1fac8df29a41ebf7c.svg);
  mask-image         : url(../images/c8cb6a06142934b1fac8df29a41ebf7c.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat        : no-repeat;
  width              : 14px;
  height             : 14px;
  background-color   : var(--directorist-color-white)
}

.directorist-review-submit__form .directorist-review-criteria__single a:focus {
  background-color: #e1e4ec !important;
  text-decoration : none !important;
  outline         : 0
}

.directorist-review-submit__form .directorist-review-criteria__single a.br-active,
.directorist-review-submit__form .directorist-review-criteria__single a.br-selected {
  background-color: var(--directorist-color-warning) !important;
  text-decoration : none;
  outline         : 0
}

.directorist-review-submit__form .directorist-review-criteria__single .br-current-rating {
  display    : inline-block;
  margin-left: 20px;
  font-size  : 14px;
  font-weight: 500
}

.directorist-review-submit__form .directorist-form-group:not(:last-child) {
  margin-bottom: 20px
}

.directorist-review-submit__form .directorist-form-group textarea {
  background-color: #f6f7f9;
  font-size       : 15px;
  display         : block;
  resize          : vertical;
  margin          : 0
}

.directorist-review-submit__form .directorist-form-group textarea:focus {
  background-color: #f6f7f9
}

.directorist-review-submit__form .directorist-form-group label {
  display      : block;
  font-size    : 15px;
  font-weight  : 500;
  color        : var(--directorist-color-dark);
  margin-bottom: 5px
}

.directorist-review-submit__form .directorist-form-group input[type=email],
.directorist-review-submit__form .directorist-form-group input[type=text],
.directorist-review-submit__form .directorist-form-group input[type=url] {
  height          : 46px;
  background-color: var(--directorist-color-white);
  margin          : 0
}

.directorist-review-submit__form .directorist-form-group input[type=email]::-webkit-input-placeholder,
.directorist-review-submit__form .directorist-form-group input[type=text]::-webkit-input-placeholder,
.directorist-review-submit__form .directorist-form-group input[type=url]::-webkit-input-placeholder {
  color: var(--directorist-color-deep-gray)
}

.directorist-review-submit__form .directorist-form-group input[type=email]::-moz-placeholder,
.directorist-review-submit__form .directorist-form-group input[type=text]::-moz-placeholder,
.directorist-review-submit__form .directorist-form-group input[type=url]::-moz-placeholder {
  color: var(--directorist-color-deep-gray)
}

.directorist-review-submit__form .directorist-form-group input[type=email]:-ms-input-placeholder,
.directorist-review-submit__form .directorist-form-group input[type=text]:-ms-input-placeholder,
.directorist-review-submit__form .directorist-form-group input[type=url]:-ms-input-placeholder {
  color: var(--directorist-color-deep-gray)
}

.directorist-review-submit__form .directorist-form-group input[type=email]::-ms-input-placeholder,
.directorist-review-submit__form .directorist-form-group input[type=text]::-ms-input-placeholder,
.directorist-review-submit__form .directorist-form-group input[type=url]::-ms-input-placeholder {
  color: var(--directorist-color-deep-gray)
}

.directorist-review-submit__form .directorist-form-group input[type=email]::placeholder,
.directorist-review-submit__form .directorist-form-group input[type=text]::placeholder,
.directorist-review-submit__form .directorist-form-group input[type=url]::placeholder {
  color: var(--directorist-color-deep-gray)
}

.directorist-review-submit__form .form-group-comment {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.directorist-review-submit__form .form-group-comment.directorist-form-group {
  margin-bottom: 42px
}

@media screen and (max-width:575px) {
  .directorist-review-submit__form .form-group-comment.directorist-form-group {
    margin-bottom: 30px
  }
}

.directorist-review-submit__form .form-group-comment textarea {
  border-radius     : 12px;
  resize            : none;
  padding           : 20px;
  min-height        : 140px;
  -webkit-box-sizing: border-box;
  box-sizing        : border-box;
  background-color  : var(--directorist-color-white);
  border            : 2px solid var(--directorist-color-border)
}

.directorist-review-submit__form .form-group-comment textarea:focus {
  border: 2px solid var(--directorist-color-border-gray)
}

.directorist-review-submit__form .directorist-review-media-upload {
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center;
  -webkit-flex-wrap  : wrap;
  -ms-flex-wrap      : wrap;
  flex-wrap          : wrap
}

.directorist-review-submit__form .directorist-review-media-upload input[type=file] {
  display: none
}

.directorist-review-submit__form .directorist-review-media-upload label {
  display                : -webkit-inline-box;
  display                : -webkit-inline-flex;
  display                : -ms-inline-flexbox;
  display                : inline-flex;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center;
  -webkit-box-orient     : vertical;
  -webkit-box-direction  : normal;
  -webkit-flex-direction : column;
  -ms-flex-direction     : column;
  flex-direction         : column;
  width                  : 115px;
  height                 : 100px;
  border-radius          : 8px;
  border                 : 1px dashed #c6d0dc;
  cursor                 : pointer;
  margin-bottom          : 0
}

.directorist-review-submit__form .directorist-review-media-upload label i {
  font-size: 26px;
  color    : #afb2c4
}

.directorist-review-submit__form .directorist-review-media-upload label span {
  display   : block;
  font-size : 14px;
  color     : var(--directorist-color-body);
  margin-top: 6px
}

.directorist-review-submit__form .directorist-review-img-gallery {
  display          : -webkit-box;
  display          : -webkit-flex;
  display          : -ms-flexbox;
  display          : flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap    : wrap;
  flex-wrap        : wrap;
  margin           : -5px -5px -5px 5px
}

.directorist-review-submit__form .directorist-review-gallery-preview {
  position: relative;
  margin  : 5px
}

.directorist-review-submit__form .directorist-review-gallery-preview .directorist-review-img-gallery {
  display          : -webkit-box;
  display          : -webkit-flex;
  display          : -ms-flexbox;
  display          : flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap    : wrap;
  flex-wrap        : wrap;
  gap              : 5px
}

.directorist-review-submit__form .directorist-review-gallery-preview .directorist-review-gallery-preview {
  position: relative
}

.directorist-review-submit__form .directorist-review-gallery-preview .directorist-review-gallery-preview:hover .directorist-btn-delete {
  opacity   : 1;
  visibility: visible
}

.directorist-review-submit__form .directorist-review-gallery-preview .directorist-review-gallery-preview img {
  width        : 115px;
  height       : 100px;
  max-width    : 115px;
  -o-object-fit: cover;
  object-fit   : cover;
  border-radius: 8px
}

.directorist-review-submit__form .directorist-review-gallery-preview .directorist-review-gallery-preview .directorist-btn-delete {
  position               : absolute;
  top                    : 6px;
  right                  : 6px;
  display                : -webkit-inline-box;
  display                : -webkit-inline-flex;
  display                : -ms-inline-flexbox;
  display                : inline-flex;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center;
  height                 : 30px;
  width                  : 30px;
  border-radius          : 50%;
  color                  : var(--directorist-color-white);
  background-color       : var(--directorist-color-danger);
  opacity                : 0;
  visibility             : hidden
}

.directorist-review-submit__form .directorist-review-gallery-preview img {
  width        : 115px;
  height       : 100px;
  max-width    : 115px;
  -o-object-fit: cover;
  object-fit   : cover;
  border-radius: 8px
}

.directorist-review-submit__form .directorist-review-gallery-preview .directorist-btn-delete {
  position               : absolute;
  top                    : 6px;
  right                  : 6px;
  display                : -webkit-inline-box;
  display                : -webkit-inline-flex;
  display                : -ms-inline-flexbox;
  display                : inline-flex;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center;
  height                 : 30px;
  width                  : 30px;
  border-radius          : 50%;
  color                  : var(--directorist-color-white);
  background-color       : var(--directorist-color-danger);
  opacity                : 0;
  visibility             : hidden
}

.directorist-review-submit .directorist-btn {
  padding: 0 20px
}

.directorist-review-content+.directorist-review-submit.directorist-review-submit--hidden {
  display: none !important
}

@-webkit-keyframes directoristCommentEditLoading {
  to {
    -webkit-transform: rotate(1turn);
    transform        : rotate(1turn)
  }
}

@keyframes directoristCommentEditLoading {
  to {
    -webkit-transform: rotate(1turn);
    transform        : rotate(1turn)
  }
}

.directorist-favourite-items-wrap {
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .05);
  box-shadow        : 0 0 15px rgba(0, 0, 0, .05)
}

.directorist-favourite-items-wrap .directorist-favourirte-items {
  background-color: var(--directorist-color-white);
  padding         : 20px 10px;
  border-radius   : 12px
}

.directorist-favourite-items-wrap .directorist-dashboard-items-list {
  font-size: 15px
}

.directorist-favourite-items-wrap .directorist-dashboard-items-list__single {
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  padding                : 15px !important;
  margin                 : 0;
  -webkit-box-pack       : justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack          : justify;
  justify-content        : space-between;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-transition     : .35s;
  transition             : .35s
}

@media only screen and (max-width:991px) {
  .directorist-favourite-items-wrap .directorist-dashboard-items-list__single {
    background-color      : #f8f9fa;
    border-radius         : 5px;
    -webkit-box-orient    : vertical;
    -webkit-box-direction : normal;
    -webkit-flex-direction: column;
    -ms-flex-direction    : column;
    flex-direction        : column;
    -webkit-box-align     : start;
    -webkit-align-items   : flex-start;
    -ms-flex-align        : start;
    align-items           : flex-start
  }
}

.directorist-favourite-items-wrap .directorist-dashboard-items-list__single:hover {
  background-color: #f8f9fa;
  border-radius   : 5px
}

.directorist-favourite-items-wrap .directorist-dashboard-items-list__single:hover .directorist-dashboard-items-list__single__action .directorist-favourite-remove-btn {
  opacity   : 1;
  visibility: visible
}

.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-img {
  margin-right: 20px
}

@media only screen and (max-width:479px) {
  .directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-img {
    margin-right: 0
  }
}

.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-img img {
  max-width    : 100px;
  border-radius: 6px
}

@media only screen and (max-width:479px) {
  .directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-content {
    margin-top: 10px
  }
}

.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-title {
  font-size  : 15px;
  font-weight: 500;
  margin     : 0 0 6px
}

.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-title a {
  color          : var(--directorist-color-dark);
  text-decoration: none
}

.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-category {
  color          : var(--directorist-color-primary);
  text-decoration: none
}

.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-category i,
.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-category span.fa,
.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-category span.fas,
.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-category span.la {
  margin-right: 6px;
  color       : var(--directorist-color-light-gray)
}

.directorist-favourite-items-wrap .directorist-dashboard-items-list__single__info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

@media only screen and (max-width:991px) {
  .directorist-favourite-items-wrap .directorist-dashboard-items-list__single__info {
    margin-bottom: 15px
  }
}

@media only screen and (max-width:479px) {
  .directorist-favourite-items-wrap .directorist-dashboard-items-list__single__info {
    -webkit-box-orient    : vertical;
    -webkit-box-direction : normal;
    -webkit-flex-direction: column;
    -ms-flex-direction    : column;
    flex-direction        : column
  }
}

.directorist-favourite-items-wrap .directorist-dashboard-items-list__single__action .directorist-favourite-remove-btn {
  font-weight        : 500;
  display            : -webkit-inline-box;
  display            : -webkit-inline-flex;
  display            : -ms-inline-flexbox;
  display            : inline-flex;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center;
  border-radius      : 8px;
  padding            : 0 14px;
  color              : var(--directorist-color-white) !important;
  line-height        : 2.65;
  opacity            : 0;
  visibility         : hidden
}

.directorist-favourite-items-wrap .directorist-dashboard-items-list__single__action .directorist-favourite-remove-btn .directorist-icon-mask {
  margin-right: 5px
}

.directorist-favourite-items-wrap .directorist-dashboard-items-list__single__action .directorist-favourite-remove-btn .directorist-icon-mask:after {
  background-color: var(--directorist-color-white)
}

.directorist-favourite-items-wrap .directorist-dashboard-items-list__single__action .directorist-favourite-remove-btn>i:not(.directorist-icon-mask) {
  margin-right: 5px
}

@media only screen and (max-width:991px) {
  .directorist-favourite-items-wrap .directorist-dashboard-items-list__single__action .directorist-favourite-remove-btn {
    opacity   : 1;
    visibility: visible
  }
}

.directorist-user-dashboard {
  width             : 100% !important;
  max-width         : 100% !important;
  overflow          : hidden;
  -webkit-box-sizing: border-box;
  box-sizing        : border-box
}

.directorist-user-dashboard__contents {
  display       : -webkit-box;
  display       : -webkit-flex;
  display       : -ms-flexbox;
  display       : flex;
  padding-bottom: 20px
}

.directorist-user-dashboard__toggle {
  margin-bottom: 20px
}

.directorist-user-dashboard__toggle__link {
  border          : 1px solid #e3e6ef;
  padding         : 6.5px 8px;
  border-radius   : 8px;
  display         : inline-block;
  outline         : 0;
  background-color: var(--directorist-color-white);
  line-height     : 1;
  color           : var(--directorist-color-primary)
}

.directorist-user-dashboard__tab-content {
  -webkit-box-flex: 1;
  -webkit-flex    : 1;
  -ms-flex        : 1;
  flex            : 1;
  width           : calc(100% - 250px)
}

.directorist-user-dashboard .directorist-alert {
  margin-bottom: 15px
}

.directorist-user-dashboard #directorist-preference-notice .directorist-alert {
  margin-top   : 15px;
  margin-bottom: 0
}

#directorist-dashboard-preloader {
  height          : 100%;
  left            : 0;
  overflow        : visible;
  position        : fixed;
  top             : 0;
  width           : 100%;
  z-index         : 9999999;
  display         : none;
  background-color: rgba(var(--directorist-color-dark-rgb), .5)
}

#directorist-dashboard-preloader div {
  -webkit-box-sizing: border-box;
  box-sizing        : border-box;
  display           : block;
  position          : absolute;
  width             : 64px;
  height            : 64px;
  margin            : 8px;
  border-radius     : 50%;
  -webkit-animation : rotate360 1.2s cubic-bezier(.5, 0, .5, 1) infinite;
  animation         : rotate360 1.2s cubic-bezier(.5, 0, .5, 1) infinite;
  border            : 8px solid transparent;
  border-top        : 8px solid var(--directorist-color-primary);
  left              : 50%;
  top               : 50%;
  -webkit-transform : translate(-50%, -50%);
  transform         : translate(-50%, -50%)
}

#directorist-dashboard-preloader div:first-child {
  -webkit-animation-delay: -.45s;
  animation-delay        : -.45s
}

#directorist-dashboard-preloader div:nth-child(2) {
  -webkit-animation-delay: -.3s;
  animation-delay        : -.3s
}

#directorist-dashboard-preloader div:nth-child(3) {
  -webkit-animation-delay: -.15s;
  animation-delay        : -.15s
}

.directorist-user-dashboard-tab__nav {
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-flex-wrap      : wrap;
  -ms-flex-wrap          : wrap;
  flex-wrap              : wrap;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack          : justify;
  justify-content        : space-between;
  padding                : 0 20px;
  border-radius          : 12px;
  background-color       : var(--directorist-color-white);
  -webkit-box-shadow     : var(--directorist-box-shadow);
  box-shadow             : var(--directorist-box-shadow);
  border                 : 1px solid var(--directorist-color-border-light)
}

@media screen and (max-width:480px) {
  .directorist-user-dashboard-tab__nav {
    -webkit-box-align  : start;
    -webkit-align-items: flex-start;
    -ms-flex-align     : start;
    align-items        : flex-start
  }
}

.directorist-user-dashboard-tab ul {
  margin             : 0;
  list-style         : none;
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center;
  padding-left       : 0
}

@media screen and (max-width:480px) {
  .directorist-user-dashboard-tab ul {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap    : wrap;
    flex-wrap        : wrap;
    padding-left     : 0
  }
}

.directorist-user-dashboard-tab li {
  list-style: none
}

.directorist-user-dashboard-tab li:not(:last-child) {
  margin-right: 20px
}

.directorist-user-dashboard-tab li a {
  display        : inline-block;
  font-size      : 14px;
  font-weight    : 500;
  padding        : 20px 0;
  text-decoration: none;
  color          : var(--directorist-color-dark);
  position       : relative
}

.directorist-user-dashboard-tab li a:after {
  position        : absolute;
  left            : 0;
  bottom          : -4px;
  width           : 100%;
  height          : 2px;
  border-radius   : 8px;
  opacity         : 0;
  visibility      : hidden;
  content         : "";
  background-color: var(--directorist-color-primary)
}

.directorist-user-dashboard-tab li a.directorist-tab__nav__active {
  color: var(--directorist-color-primary)
}

.directorist-user-dashboard-tab li a.directorist-tab__nav__active:after {
  opacity   : 1;
  visibility: visible
}

@media screen and (max-width:480px) {
  .directorist-user-dashboard-tab li a {
    padding-bottom: 5px
  }
}

.directorist-user-dashboard-tab .directorist-user-dashboard-search {
  position     : relative;
  border-radius: 12px;
  margin       : 16px 0 16px 16px
}

.directorist-user-dashboard-tab .directorist-user-dashboard-search__icon {
  position         : absolute;
  left             : 16px;
  top              : 50%;
  line-height      : 1;
  -webkit-transform: translateY(-50%);
  transform        : translateY(-50%)
}

.directorist-user-dashboard-tab .directorist-user-dashboard-search__icon i,
.directorist-user-dashboard-tab .directorist-user-dashboard-search__icon span {
  font-size: 16px
}

.directorist-user-dashboard-tab .directorist-user-dashboard-search__icon .directorist-icon-mask:after {
  width : 16px;
  height: 16px
}

.directorist-user-dashboard-tab .directorist-user-dashboard-search input {
  border            : 0;
  border-radius     : 18px;
  font-size         : 14px;
  font-weight       : 400;
  color             : #8f8e9f;
  padding           : 10px 18px 10px 40px;
  min-width         : 260px;
  height            : 36px;
  background-color  : #f6f7f9;
  margin-bottom     : 0;
  -webkit-box-sizing: border-box;
  box-sizing        : border-box
}

.directorist-user-dashboard-tab .directorist-user-dashboard-search input:focus {
  outline: none
}

@media screen and (max-width:375px) {
  .directorist-user-dashboard-tab .directorist-user-dashboard-search input {
    min-width: unset
  }
}

.directorist-user-dashboard-tabcontent {
  background-color  : var(--directorist-color-white);
  -webkit-box-shadow: var(--directorist-box-shadow);
  box-shadow        : var(--directorist-box-shadow);
  border            : 1px solid var(--directorist-color-border-light);
  border-radius     : 12px;
  margin-top        : 15px
}

.directorist-user-dashboard-tabcontent .directorist-listing-table {
  border-radius: 10px
}

.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-table {
  display        : table;
  border         : 0;
  border-collapse: collapse;
  border-spacing : 0;
  empty-cells    : show;
  margin-bottom  : 0;
  margin-top     : 0;
  overflow       : visible !important;
  width          : 100%
}

.directorist-user-dashboard-tabcontent .directorist-listing-table tr {
  background-color: var(--directorist-color-white)
}

.directorist-user-dashboard-tabcontent .directorist-listing-table tr th {
  text-align: left
}

.directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-listing {
  min-width: 320px
}

@media (max-width:1499px) {
  .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-listing {
    min-width: 260px
  }
}

@media (max-width:1399px) {
  .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-listing {
    min-width: 230px
  }
}

.directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-listing-type {
  min-width: 180px
}

@media (max-width:1399px) {
  .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-listing-type {
    min-width: 160px
  }
}

.directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-category {
  min-width: 180px
}

.directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-ex-date {
  min-width: 250px
}

@media (max-width:1499px) {
  .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-ex-date {
    min-width: 220px
  }
}

@media (max-width:1399px) {
  .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-ex-date {
    min-width: 200px
  }
}

.directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-status {
  min-width: 160px
}

@media (max-width:1399px) {
  .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-status {
    min-width: 130px
  }
}

.directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist_table-plan {
  min-width: 120px
}

@media (max-width:1399px) {
  .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist_table-plan {
    min-width: 100px
  }
}

.directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-actions {
  min-width: 200px
}

@media (max-width:1399px) {
  .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-actions {
    min-width: 150px
  }
}

.directorist-user-dashboard-tabcontent .directorist-listing-table tr:first-child th {
  padding-top: 22px
}

.directorist-user-dashboard-tabcontent .directorist-listing-table tr:first-child td {
  padding-top: 28px
}

.directorist-user-dashboard-tabcontent .directorist-listing-table tr:last-child td,
.directorist-user-dashboard-tabcontent .directorist-listing-table tr:last-child th {
  padding-bottom: 22px
}

.directorist-user-dashboard-tabcontent .directorist-listing-table tr:last-child .directorist-dropdown .directorist-dropdown-menu {
  bottom           : 100%;
  top              : auto;
  -webkit-transform: translateY(-15px);
  transform        : translateY(-15px)
}

.directorist-user-dashboard-tabcontent .directorist-listing-table tr:first-child .directorist-dropdown .directorist-dropdown-menu {
  -webkit-transform: translateY(0);
  transform        : translateY(0)
}

.directorist-user-dashboard-tabcontent .directorist-listing-table tr td,
.directorist-user-dashboard-tabcontent .directorist-listing-table tr th {
  font-size  : 14px;
  font-weight: 400;
  color      : var(--directorist-color-body);
  padding    : 12.5px 22px;
  border     : 0
}

.directorist-user-dashboard-tabcontent .directorist-listing-table tr th {
  letter-spacing: 1.1px;
  font-size     : 12px;
  font-weight   : 500;
  color         : #8f8e9f;
  text-transform: uppercase;
  border-bottom : 1px solid #eff1f6
}

.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-listing-table-listing-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-listing-table-listing-info__img {
  margin-right: 12px
}

.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-listing-table-listing-info__img img {
  width        : 44px;
  height       : 44px;
  -o-object-fit: cover;
  object-fit   : cover;
  border-radius: 6px;
  max-width    : inherit
}

.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-listing-table-listing-info__content {
  -webkit-box-flex: 1;
  -webkit-flex    : 1;
  -ms-flex        : 1;
  flex            : 1
}

.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-listing-table-listing-info__content .directorist-title {
  margin     : 0 0 5px;
  font-size  : 15px;
  font-weight: 500
}

.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-listing-table-listing-info__content .directorist-title a {
  color             : #0a0b1e;
  -webkit-box-shadow: none;
  box-shadow        : none;
  text-decoration   : none
}

.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-listing-table-listing-info__content .directorist-price {
  font-size  : 14px;
  font-weight: 500;
  color      : var(--directorist-color-body)
}

.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist_badge {
  font-size    : 12px;
  font-weight  : 700;
  border-radius: 4px;
  padding      : 3px 7px
}

.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist_badge.primary {
  color           : var(--directorist-color-primary);
  background-color: rgba(var(--directorist-color-primary), .15)
}

.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist_badge.directorist_status_publish {
  color           : var(--directorist-color-success);
  background-color: rgba(var(--directorist-color-success-rgb), .15)
}

.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist_badge.directorist_status_pending {
  color           : var(--directorist-color-warning);
  background-color: rgba(var(--directorist-color-warning-rgb), .15)
}

.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist_badge.directorist_status_private {
  color           : var(--directorist-color-danger);
  background-color: rgba(var(--directorist-color-danger-rgb), .15)
}

.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist_badge.danger {
  color           : var(--directorist-color-danger);
  background-color: rgba(var(--directorist-color-danger), .15)
}

.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist_badge.warning {
  color           : var(--directorist-color-warning);
  background-color: rgba(var(--directorist-color-warning), .15)
}

.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions {
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack          : end;
  justify-content        : flex-end
}

.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions a {
  font-size      : 13px;
  text-decoration: none
}

.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions a.directorist-link-btn {
  color              : var(--directorist-color-info);
  font-weight        : 500;
  margin-right       : 20px;
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center;
  gap                : 5px
}

.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions a.directorist-link-btn .directorist-icon-mask:after {
  width           : 16px;
  height          : 16px;
  background-color: var(--directorist-color-info)
}

.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions .directorist-btn-more {
  display                : -webkit-inline-box;
  display                : -webkit-inline-flex;
  display                : -ms-inline-flexbox;
  display                : inline-flex;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center;
  background-color       : var(--directorist-color-white);
  font-weight            : 500;
  color                  : var(--directorist-color-body)
}

.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions .directorist-btn-more i,
.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions .directorist-btn-more span,
.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions .directorist-btn-more svg {
  position    : relative;
  top         : 1.5px;
  margin-right: 5px;
  font-size   : 14px;
  color       : var(--directorist-color-body)
}

.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions .directorist-checkbox label {
  margin-bottom: 0;
  font-size    : 14px;
  font-weight  : 400;
  color        : var(--directorist-color-body)
}

.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown {
  position: relative;
  border  : 0
}

.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown .directorist-dropdown-menu {
  position          : absolute;
  right             : 0;
  top               : 35px;
  opacity           : 0;
  visibility        : hidden;
  background-color  : var(--directorist-color-white);
  -webkit-box-shadow: 0 5px 15px rgba(143, 142, 159, .1254901961);
  box-shadow        : 0 5px 15px rgba(143, 142, 159, .1254901961)
}

.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown .directorist-dropdown-menu.active {
  opacity   : 1;
  visibility: visible;
  z-index   : 22
}

.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu {
  min-width    : 230px;
  border       : 1px solid #eff1f6;
  padding      : 0 0 10px;
  border-radius: 6px
}

.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list {
  position: relative
}

.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list:not(:last-child) {
  padding-bottom: 10px
}

.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list:not(:last-child):after {
  position        : absolute;
  left            : 20px;
  bottom          : 0;
  width           : calc(100% - 40px);
  height          : 1px;
  background-color: #eff1f6;
  content         : ""
}

.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list .directorist-dropdown-item {
  padding            : 10px 20px;
  font-size          : 14px;
  color              : var(--directorist-color-body);
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  text-decoration    : none;
  -webkit-flex-wrap  : wrap;
  -ms-flex-wrap      : wrap;
  flex-wrap          : wrap;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center
}

.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list .directorist-dropdown-item:hover {
  background-color: #f6f7f9
}

.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list .directorist-dropdown-item:first-child {
  margin-top: 10px
}

.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list .directorist-dropdown-item i {
  font-size   : 15px;
  margin-right: 14px
}

.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list .directorist_custom-checkbox {
  padding: 10px 20px
}

.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list .directorist_custom-checkbox:first-child {
  margin-top: 10px
}

.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list .directorist_custom-checkbox label {
  font-size  : 14px;
  font-weight: 400;
  color      : var(--directorist-color-body)
}

.directorist-user-dashboard-tabcontent .directorist_dashboard_rating li:not(:last-child) {
  margin-right: 4px
}

.directorist-user-dashboard-tabcontent .directorist_dashboard_category ul {
  -webkit-box-orient    : vertical;
  -webkit-box-direction : normal;
  -webkit-flex-direction: column;
  -ms-flex-direction    : column;
  flex-direction        : column;
  -webkit-box-align     : start;
  -webkit-align-items   : flex-start;
  -ms-flex-align        : start;
  align-items           : flex-start
}

.directorist-user-dashboard-tabcontent .directorist_dashboard_category li:not(:last-child) {
  margin-right : 0;
  margin-bottom: 4px
}

.directorist-user-dashboard-tabcontent .directorist_dashboard_category li i,
.directorist-user-dashboard-tabcontent .directorist_dashboard_category li span.fa,
.directorist-user-dashboard-tabcontent .directorist_dashboard_category li span.fas,
.directorist-user-dashboard-tabcontent .directorist_dashboard_category li span.la {
  font-size   : 15px;
  margin-right: 4px
}

.directorist-user-dashboard-tabcontent .directorist_dashboard_category li a {
  padding: 0
}

.directorist-user-dashboard-tabcontent .directorist-dashboard-pagination {
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-flex-wrap      : wrap;
  -ms-flex-wrap          : wrap;
  flex-wrap              : wrap;
  -webkit-box-pack       : end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack          : end;
  justify-content        : flex-end;
  margin                 : 2px 22px 0;
  padding                : 30px 0 40px;
  border-top             : 1px solid #eff1f6
}

.directorist-user-dashboard-tabcontent .directorist-dashboard-pagination .page-numbers {
  padding                : 0;
  line-height            : normal;
  height                 : 40px;
  min-height             : 40px;
  width                  : 40px;
  min-width              : 40px;
  display                : -webkit-inline-box;
  display                : -webkit-inline-flex;
  display                : -ms-inline-flexbox;
  display                : inline-flex;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center;
  border                 : 2px solid var(--directorist-color-border);
  border-radius          : 8px;
  background-color       : var(--directorist-color-white);
  -webkit-transition     : .3s;
  transition             : .3s;
  color                  : var(--directorist-color-body);
  text-align             : center;
  margin                 : 4px;
  right                  : auto;
  float                  : none;
  font-size              : 15px;
  text-decoration        : none
}

.directorist-user-dashboard-tabcontent .directorist-dashboard-pagination .page-numbers.current,
.directorist-user-dashboard-tabcontent .directorist-dashboard-pagination .page-numbers:hover {
  border-color: var(--directorist-color-primary);
  color       : var(--directorist-color-primary)
}

.directorist-user-dashboard-tabcontent .directorist-dashboard-pagination .page-numbers.current .directorist-icon-mask:after,
.directorist-user-dashboard-tabcontent .directorist-dashboard-pagination .page-numbers:hover .directorist-icon-mask:after {
  background-color: var(--directorist-color-primary)
}

.directorist-user-dashboard-tabcontent .directorist-dashboard-pagination .page-numbers .directorist-icon-mask:after {
  width           : 14px;
  height          : 14px;
  background-color: var(--directorist-color-body)
}

.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-listing {
  min-width: 218px
}

.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-listing-type {
  min-width: 95px
}

.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-ex-date {
  min-width: 140px
}

.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-status {
  min-width: 115px
}

.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist_table-plan {
  min-width: 120px
}

.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-actions {
  min-width: 155px
}

.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table tr td,
.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table tr th {
  padding: 12px
}

.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions a.directorist-link-btn {
  margin-right       : 15px;
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center
}

.directorist-table-responsive {
  display   : block !important;
  width     : 100%;
  overflow-x: auto;
  overflow-y: visible
}

@media (max-width:767px) {
  .directorist-user-dashboard-tab .directorist-user-dashboard-tab__nav {
    -webkit-box-orient   : vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow    : column;
    -ms-flex-flow        : column;
    flex-flow            : column;
    padding-bottom       : 20px
  }

  .directorist-user-dashboard-search {
    margin-top: 15px
  }
}

.atbdp__draft {
  line-height  : 24px;
  display      : inline-block;
  font-size    : 12px;
  font-weight  : 500;
  padding      : 0 10px;
  border-radius: 10px;
  margin-top   : 9px;
  color        : var(--directorist-color-primary);
  background   : rgba(var(--directorist-color-primary), .1)
}

.directorist-become-author-modal {
  position               : fixed;
  width                  : 100%;
  height                 : 100%;
  background             : rgba(var(--directorist-color-dark-rgb), .5);
  left                   : 0;
  top                    : 0;
  z-index                : 9999;
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center;
  visibility             : hidden;
  opacity                : 0;
  pointer-events         : none
}

.directorist-become-author-modal.directorist-become-author-modal__show {
  visibility    : visible;
  opacity       : 1;
  pointer-events: all
}

.directorist-become-author-modal__content {
  background-color: var(--directorist-color-white);
  border-radius   : 5px;
  padding         : 20px 30px 15px;
  text-align      : center;
  position        : relative
}

.directorist-become-author-modal__content p {
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center
}

.directorist-become-author-modal__content h3 {
  font-size: 20px
}

.directorist-become-author-modal__content .directorist-become-author-modal__approve {
  background-color: #3e62f5;
  display         : inline-block;
  color           : var(--directorist-color-white);
  text-align      : center;
  margin          : 10px 5px 0;
  min-width       : 100px;
  padding         : 8px 0 !important;
  border-radius   : 3px
}

.directorist-become-author-modal__content .directorist-become-author-modal__approve:focus {
  background-color: #3e62f5 !important
}

.directorist-become-author-modal__content .directorist-become-author-modal__cancel {
  background-color: #eee;
  display         : inline-block;
  text-align      : center;
  margin          : 10px 5px 0;
  min-width       : 100px;
  padding         : 8px 0 !important;
  border-radius   : 3px
}

.directorist-become-author-modal span.directorist-become-author__loader {
  border-right      : 2px solid var(--directorist-color-primary);
  width             : 15px;
  height            : 15px;
  display           : inline-block;
  border-radius     : 50%;
  border            : 2px solid var(--directorist-color-primary);
  border-right-color: var(--directorist-color-white);
  -webkit-animation : rotate360 1.2s cubic-bezier(.5, 0, .5, 1) infinite;
  animation         : rotate360 1.2s cubic-bezier(.5, 0, .5, 1) infinite;
  visibility        : hidden;
  opacity           : 0
}

.directorist-become-author-modal span.directorist-become-author__loader.active {
  visibility: visible;
  opacity   : 1
}

#directorist-become-author-success {
  color        : #388e3c !important;
  margin-bottom: 15px !important
}

.directorist-shade {
  position        : fixed;
  top             : 0;
  left            : 0;
  width           : 100%;
  height          : 100%;
  display         : none;
  opacity         : 0;
  z-index         : -1;
  background-color: var(--directorist-color-white)
}

.directorist-shade.directorist-active {
  display: block;
  z-index: 21
}

.table.atbd_single_saved_item {
  margin          : 0;
  background-color: var(--directorist-color-white);
  border-collapse : collapse;
  width           : 100%;
  min-width       : 240px
}

.table.atbd_single_saved_item td,
.table.atbd_single_saved_item th,
.table.atbd_single_saved_item tr {
  border: 1px solid #ececec
}

.table.atbd_single_saved_item td {
  padding: 0 15px
}

.table.atbd_single_saved_item td p {
  margin: 5px 0
}

.table.atbd_single_saved_item th {
  text-align: left;
  padding   : 5px 15px
}

.table.atbd_single_saved_item .action a.btn {
  text-decoration: none;
  font-size      : 14px;
  padding        : 8px 15px;
  border-radius  : 8px;
  display        : inline-block
}

.directorist-user-dashboard__nav {
  min-width         : 230px;
  padding           : 20px 10px;
  margin-right      : 30px;
  -webkit-transition: .3s ease;
  transition        : .3s ease;
  position          : relative;
  left              : 0;
  border-radius     : 12px;
  overflow          : hidden;
  overflow-y        : auto;
  background-color  : var(--directorist-color-white);
  -webkit-box-shadow: var(--directorist-box-shadow);
  box-shadow        : var(--directorist-box-shadow);
  border            : 1px solid var(--directorist-color-border-light)
}

@media only screen and (max-width:1199px) {
  .directorist-user-dashboard__nav {
    position          : fixed;
    top               : 0;
    left              : 0;
    width             : 230px;
    height            : 100vh;
    background-color  : var(--directorist-color-white);
    padding-top       : 100px;
    -webkit-box-shadow: 0 5px 10px rgba(143, 142, 159, .1);
    box-shadow        : 0 5px 10px rgba(143, 142, 159, .1);
    z-index           : 2222
  }
}

@media only screen and (max-width:600px) {
  .directorist-user-dashboard__nav {
    right: 20px;
    top  : 10px
  }
}

.directorist-user-dashboard__nav .directorist-dashboard__nav__close {
  display : none;
  position: absolute;
  right   : 15px;
  top     : 50px
}

@media only screen and (max-width:1199px) {
  .directorist-user-dashboard__nav .directorist-dashboard__nav__close {
    display: block
  }
}

@media only screen and (max-width:600px) {
  .directorist-user-dashboard__nav .directorist-dashboard__nav__close {
    right: 20px;
    top  : 10px
  }
}

.directorist-user-dashboard__nav.directorist-dashboard-nav-collapsed {
  min-width         : unset;
  width             : 0 !important;
  height            : 0;
  margin-right      : 0;
  left              : -230px;
  visibility        : hidden;
  opacity           : 0;
  padding           : 0;
  pointer-events    : none;
  -webkit-transition: .3s ease;
  transition        : .3s ease
}

.directorist-tab__nav__items {
  list-style-type: none;
  padding        : 0;
  margin         : 0
}

.directorist-tab__nav__items a {
  text-decoration: none
}

.directorist-tab__nav__items li {
  margin: 0
}

.directorist-tab__nav__items li ul {
  display        : none;
  list-style-type: none;
  padding        : 0;
  margin         : 0
}

.directorist-tab__nav__items li ul li a {
  padding-left   : 25px;
  text-decoration: none
}

.directorist-tab__nav__link {
  font-size              : 14px;
  border-radius          : 4px;
  padding                : 10px;
  outline                : 0;
  -webkit-box-pack       : justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack          : justify;
  justify-content        : space-between;
  color                  : var(--directorist-color-body);
  text-decoration        : none
}

.directorist-tab__nav__link,
.directorist-tab__nav__link .directorist_menuItem-text {
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center
}

.directorist-tab__nav__link .directorist_menuItem-text {
  pointer-events   : none;
  gap              : 10px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap    : wrap;
  flex-wrap        : wrap
}

.directorist-tab__nav__link .directorist_menuItem-text .directorist_menuItem-icon {
  line-height: 0
}

.directorist-tab__nav__link .directorist_menuItem-text i,
.directorist-tab__nav__link .directorist_menuItem-text span.fa {
  pointer-events: none;
  display       : inline-block
}

.directorist-tab__nav__link.directorist-tab__nav__active,
.directorist-tab__nav__link:focus {
  font-weight     : 700;
  background-color: var(--directorist-color-border);
  color           : var(--directorist-color-primary)
}

.directorist-tab__nav__link.directorist-tab__nav__active .directorist-icon-mask:after,
.directorist-tab__nav__link:focus .directorist-icon-mask:after {
  background-color: var(--directorist-color-primary)
}

.directorist-tab__nav__link.directorist-tab__nav__active.atbd-dash-nav-dropdown,
.directorist-tab__nav__link:focus.atbd-dash-nav-dropdown {
  background-color: transparent
}

.directorist-tab__nav__action {
  margin-top: 15px
}

.directorist-tab__nav__action .directorist-btn {
  display: block
}

.directorist-tab__nav__action .directorist-btn:not(:last-child) {
  margin-bottom: 15px
}

.directorist-tab__pane {
  display: none
}

.directorist-tab__pane.directorist-tab__pane--active {
  display: block
}

#dashboard_profile #user_profile_form.directorist-profile-responsive .directorist-col-lg-3,
#dashboard_profile #user_profile_form.directorist-profile-responsive .directorist-col-lg-9 {
  width: 100%
}

.directorist-image-profile-wrap {
  padding         : 25px;
  background-color: var(--directorist-color-white);
  border-radius   : 12px;
  border          : 1px solid #ececec
}

.directorist-image-profile-wrap .ezmu__upload-button-wrap .ezmu__btn {
  border-radius     : 8px;
  padding           : 10.5px 30px;
  background-color  : #f6f7f9;
  -webkit-box-shadow: 0 0;
  box-shadow        : 0 0;
  font-size         : 14px;
  font-weight       : 500;
  color             : var(--directorist-color-dark)
}

.directorist-image-profile-wrap .directorist-profile-uploader {
  border-radius: 12px
}

.directorist-image-profile-wrap .directorist-profile-uploader .ezmu__front-item__close-icon {
  background-image: none
}

.directorist-image-profile-wrap .directorist-profile-uploader .ezmu__front-item__close-icon .directorist-icon-mask:after {
  width : 16px;
  height: 16px
}

.directorist-image-profile-wrap .directorist-profile-uploader .ezmu__loading-icon-img-bg {
  background-image     : none;
  background-color     : var(--directorist-color-primary);
  -webkit-mask-repeat  : no-repeat;
  mask-repeat          : no-repeat;
  -webkit-mask-position: center;
  mask-position        : center;
  -webkit-mask-image   : url(../images/232acb97ace4f437ace78cc02bdfd165.svg);
  mask-image           : url(../images/232acb97ace4f437ace78cc02bdfd165.svg)
}

.directorist-image-profile-wrap .ezmu__thumbnail-list-item.ezmu__thumbnail_avater {
  max-width: 140px
}

.directorist-user-profile-box .directorist-card__header {
  padding: 18px 20px
}

.directorist-user-profile-box .directorist-card__body {
  padding: 25px 25px 30px
}

.directorist-user-info-wrap .directorist-form-group {
  margin-bottom: 25px
}

.directorist-user-info-wrap .directorist-form-group>label {
  display      : -webkit-inline-box;
  display      : -webkit-inline-flex;
  display      : -ms-inline-flexbox;
  display      : inline-flex;
  margin-bottom: 5px
}

.directorist-user-info-wrap .directorist-form-group .directorist-input-extra-info {
  color      : var(--directorist-color-light-gray);
  display    : inline-block;
  font-size  : 14px;
  font-weight: 400;
  margin-top : 4px
}

.directorist-user-info-wrap .directorist-btn-profile-save {
  width          : 100%;
  text-align     : center;
  text-transform : capitalize;
  text-decoration: none
}

.directorist-user-info-wrap #directorist-profile-notice .directorist-alert {
  margin-top: 15px
}

.directorist-user_preferences .directorist-preference-toggle .directorist-form-group {
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center;
  gap                : 10px
}

.directorist-user_preferences .directorist-preference-toggle .directorist-form-group label {
  margin-bottom: 0;
  color        : var(--directorist-color-dark);
  font-size    : 14px;
  font-weight  : 400
}

.directorist-user_preferences .directorist-preference-toggle .directorist-form-group input {
  margin: 0
}

.directorist-user_preferences .directorist-preference-toggle .directorist-toggle-label {
  font-size  : 14px;
  color      : var(--directorist-color-dark);
  font-weight: 600;
  line-height: normal
}

.directorist-user_preferences .directorist-preference-radio {
  margin-top: 25px
}

.directorist-user_preferences .directorist-preference-radio .directorist-preference-radio__label {
  color        : var(--directorist-color-dark);
  font-weight  : 700;
  font-size    : 14px;
  margin-bottom: 10px
}

.directorist-user_preferences .directorist-preference-radio .directorist-radio-wrapper {
  -webkit-box-orient    : vertical;
  -webkit-box-direction : normal;
  -webkit-flex-direction: column;
  -ms-flex-direction    : column;
  flex-direction        : column;
  gap                   : 12px
}

.directorist-user_preferences .select2-selection__arrow,
.directorist-user_preferences .select2-selection__clear,
.directorist-user_preferences .select2.select2-container.select2-container--default .select2-selection__arrow b {
  display: block !important
}

.directorist-user_preferences .select2.select2-container.select2-container--default.select2-container--open .select2-selection {
  border-bottom-color: var(--directorist-color-primary)
}

.directorist-toggle {
  cursor             : pointer;
  display            : -webkit-inline-box;
  display            : -webkit-inline-flex;
  display            : -ms-inline-flexbox;
  display            : inline-flex;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center;
  gap                : 10px
}

.directorist-toggle-switch {
  display           : inline-block;
  background        : var(--directorist-color-border);
  border-radius     : 12px;
  width             : 44px;
  height            : 22px;
  position          : relative;
  vertical-align    : middle;
  -webkit-transition: background .25s;
  transition        : background .25s
}

.directorist-toggle-switch:after,
.directorist-toggle-switch:before {
  content: ""
}

.directorist-toggle-switch:before {
  display           : block;
  background        : #fff;
  border-radius     : 50%;
  width             : 16px;
  height            : 16px;
  position          : absolute;
  top               : 3px;
  left              : 4px;
  -webkit-transition: left .25s;
  transition        : left .25s
}

.directorist-toggle:hover .directorist-toggle-switch:before {
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
  background: linear-gradient(180deg, #fff 0, #fff)
}

.directorist-toggle-checkbox:checked+.directorist-toggle-switch {
  background: var(--directorist-color-primary)
}

.directorist-toggle-checkbox:checked+.directorist-toggle-switch:before {
  left: 25px
}

.directorist-toggle-checkbox {
  position  : absolute;
  visibility: hidden
}

.directorist-user-socials .directorist-user-social-label {
  font-size     : 18px;
  padding-bottom: 18px;
  margin-bottom : 28px !important;
  border-bottom : 1px solid #eff1f6
}

.directorist-user-socials label {
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  -webkit-flex-wrap  : wrap;
  -ms-flex-wrap      : wrap;
  flex-wrap          : wrap;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center
}

.directorist-user-socials label .directorist-social-icon {
  margin-right: 6px
}

.directorist-user-socials label .directorist-social-icon .directorist-icon-mask:after {
  width           : 16px;
  height          : 16px;
  background-color: #0a0b1e
}

#directorist-prifile-notice .directorist-alert {
  width     : 100%;
  display   : inline-block;
  margin-top: 15px
}

.directorist-announcement-wrapper {
  background-color  : var(--directorist-color-white);
  border-radius     : 12px;
  padding           : 20px 10px;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .05);
  box-shadow        : 0 0 15px rgba(0, 0, 0, .05)
}

.directorist-announcement-wrapper .directorist-announcement {
  font-size          : 15px;
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center;
  padding-bottom     : 15.5px;
  margin-bottom      : 15.5px;
  border-bottom      : 1px solid #f1f2f6
}

.directorist-announcement-wrapper .directorist-announcement:last-child {
  padding-bottom: 0;
  margin-bottom : 0;
  border-bottom : 0
}

@media (max-width:479px) {
  .directorist-announcement-wrapper .directorist-announcement {
    -webkit-box-orient    : vertical;
    -webkit-box-direction : normal;
    -webkit-flex-direction: column;
    -ms-flex-direction    : column;
    flex-direction        : column
  }
}

.directorist-announcement-wrapper .directorist-announcement__date {
  -webkit-box-flex      : 0.4217;
  -webkit-flex          : 0.4217;
  -ms-flex              : 0.4217;
  flex                  : 0.4217;
  display               : -webkit-box;
  display               : -webkit-flex;
  display               : -ms-flexbox;
  display               : flex;
  -webkit-box-orient    : vertical;
  -webkit-box-direction : normal;
  -webkit-flex-direction: column;
  -ms-flex-direction    : column;
  flex-direction        : column;
  -webkit-box-align     : center;
  -webkit-align-items   : center;
  -ms-flex-align        : center;
  align-items           : center;
  background-color      : #f5f6f8;
  border-radius         : 6px;
  padding               : 10.5px;
  min-width             : 120px
}

@media (max-width:1199px) {
  .directorist-announcement-wrapper .directorist-announcement__date {
    -webkit-box-flex: 1;
    -webkit-flex    : 1;
    -ms-flex        : 1;
    flex            : 1
  }
}

@media (max-width:479px) {
  .directorist-announcement-wrapper .directorist-announcement__date {
    -webkit-box-flex       : 100%;
    -webkit-flex           : 100%;
    -ms-flex               : 100%;
    flex                   : 100%;
    width                  : 100%;
    -webkit-box-orient     : horizontal;
    -webkit-box-direction  : normal;
    -webkit-flex-direction : row;
    -ms-flex-direction     : row;
    flex-direction         : row;
    -webkit-box-pack       : center;
    -webkit-justify-content: center;
    -ms-flex-pack          : center;
    justify-content        : center
  }
}

.directorist-announcement-wrapper .directorist-announcement__date__part-one {
  font-size  : 18px;
  line-height: 1.2;
  font-weight: 500;
  color      : #171b2e
}

.directorist-announcement-wrapper .directorist-announcement__date__part-two {
  font-size  : 14px;
  font-weight: 400;
  color      : #5a5f7d
}

.directorist-announcement-wrapper .directorist-announcement__date__part-three {
  font-size  : 14px;
  font-weight: 500;
  color      : #171b2e
}

.directorist-announcement-wrapper .directorist-announcement__content {
  -webkit-box-flex: 8;
  -webkit-flex    : 8;
  -ms-flex        : 8;
  flex            : 8;
  padding-left    : 15px
}

@media (max-width:1199px) {
  .directorist-announcement-wrapper .directorist-announcement__content {
    -webkit-box-flex: 6;
    -webkit-flex    : 6;
    -ms-flex        : 6;
    flex            : 6
  }
}

@media (max-width:479px) {
  .directorist-announcement-wrapper .directorist-announcement__content {
    padding-left: 0;
    margin      : 12px 0 6px;
    text-align  : center
  }
}

.directorist-announcement-wrapper .directorist-announcement__content .directorist-announcement__title {
  font-size    : 18px;
  font-weight  : 500;
  color        : var(--directorist-color-primary);
  margin-bottom: 6px;
  margin-top   : 0
}

.directorist-announcement-wrapper .directorist-announcement__content .directorist-announcement__title p {
  font-size  : 14px;
  font-weight: 400;
  color      : #69708e
}

.directorist-announcement-wrapper .directorist-announcement__content .directorist-announcement__title p:empty,
.directorist-announcement-wrapper .directorist-announcement__content p:empty {
  display: none
}

.directorist-announcement-wrapper .directorist-announcement__close {
  -webkit-box-flex: 0;
  -webkit-flex    : 0;
  -ms-flex        : 0;
  flex            : 0
}

.directorist-announcement-wrapper .directorist-announcement__close .close-announcement {
  height                 : 36px;
  width                  : 36px;
  border-radius          : 50%;
  background-color       : #f5f5f5;
  border                 : 0;
  padding                : 0;
  -webkit-transition     : .35s;
  transition             : .35s;
  display                : -webkit-inline-box;
  display                : -webkit-inline-flex;
  display                : -ms-inline-flexbox;
  display                : inline-flex;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center
}

.directorist-announcement-wrapper .directorist-announcement__close .close-announcement .directorist-icon-mask:after {
  -webkit-transition: .35s;
  transition        : .35s;
  background-color  : #474868
}

.directorist-announcement-wrapper .directorist-announcement__close .close-announcement:hover {
  background-color: var(--directorist-color-danger)
}

.directorist-announcement-wrapper .directorist-announcement__close .close-announcement:hover .directorist-icon-mask:after {
  background-color: var(--directorist-color-white)
}

.directorist-announcement-wrapper .directorist_not-found {
  margin: 0
}

.directorist-announcement-count {
  display         : none;
  border-radius   : 30px;
  min-width       : 20px;
  height          : 20px;
  line-height     : 20px;
  color           : var(--directorist-color-white);
  text-align      : center;
  margin          : 0 10px;
  vertical-align  : middle;
  background-color: #ff3c3c
}

.directorist-announcement-count.show {
  display: inline-block
}

.directorist-payment-instructions,
.directorist-payment-thanks-text {
  font-size  : 14px;
  font-weight: 400;
  color      : var(--directorist-color-body)
}

.directorist-payment-instructions {
  margin-bottom: 38px
}

.directorist-payment-thanks-text {
  font-size: 15px
}

.directorist-payment-table .directorist-table {
  margin: 0;
  border: none
}

.directorist-payment-table th {
  text-align      : left;
  padding         : 9px 20px;
  background-color: var(--directorist-color-bg-gray)
}

.directorist-payment-table tbody td,
.directorist-payment-table th {
  font-size  : 14px;
  font-weight: 500;
  border     : none;
  color      : var(--directorist-color-dark)
}

.directorist-payment-table tbody td {
  padding       : 5px 0;
  vertical-align: top
}

.directorist-payment-table tbody tr:first-child td {
  padding-top: 20px
}

.directorist-payment-table__label {
  font-weight: 400;
  width      : 140px;
  color      : var(--directorist-color-light-gray) !important
}

.directorist-payment-table__title {
  font-size     : 15px;
  font-weight   : 600;
  margin        : 0 0 10px !important;
  text-transform: capitalize;
  color         : var(--directorist-color-dark)
}

.directorist-payment-table__title.directorist-payment-table__title--large {
  font-size: 16px
}

.directorist-payment-table p {
  font-size: 13px;
  margin   : 0;
  color    : var(--directorist-color-light-gray)
}

.directorist-payment-summery-table tbody td {
  padding: 12px 0
}

.directorist-payment-summery-table tbody td:nth-child(2n) {
  text-align: right
}

.directorist-payment-summery-table tbody tr.directorsit-payment-table-total .directorist-payment-table__title,
.directorist-payment-summery-table tbody tr.directorsit-payment-table-total td {
  font-size: 16px
}

.directorist-btn-view-listing {
  min-height   : 54px;
  border-radius: 10px
}

.directorist-checkout-card {
  -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, .08);
  box-shadow        : 0 3px 15px rgba(0, 0, 0, .08);
  -webkit-filter    : none;
  filter            : none
}

.directorist-checkout-card tr:not(:last-child) td {
  padding-bottom: 15px;
  border-bottom : 1px solid var(--directorist-color-border)
}

.directorist-checkout-card tr:not(:first-child) td {
  padding-top: 15px
}

.directorist-checkout-card .directorist-card__header {
  padding: 24px 40px
}

.directorist-checkout-card .directorist-card__header__title {
  font-size  : 24px;
  font-weight: 600
}

@media (max-width:575px) {
  .directorist-checkout-card .directorist-card__header__title {
    font-size: 18px
  }
}

.directorist-checkout-card .directorist-card__body {
  padding: 20px 40px 40px
}

.directorist-checkout-card .directorist-summery-label {
  font-size  : 15px;
  font-weight: 500;
  color      : var(--color-dark)
}

.directorist-checkout-card .directorist-summery-label-description {
  font-size : 13px;
  margin-top: 4px;
  color     : var(--directorist-color-light-gray)
}

.directorist-checkout-card .directorist-summery-amount {
  font-size  : 15px;
  font-weight: 500;
  color      : var(--directorist-color-body)
}

.directorist-payment-gateways {
  background-color: var(--directorist-color-white)
}

.directorist-payment-gateways ul {
  margin : 0;
  padding: 0
}

.directorist-payment-gateways li {
  list-style-type: none;
  padding        : 0;
  margin         : 0
}

.directorist-payment-gateways li:not(:last-child) {
  margin-bottom: 15px
}

.directorist-payment-gateways li .gateway_list {
  margin-bottom: 10px
}

.directorist-payment-gateways .directorist-radio input[type=radio]+.directorist-radio__label {
  font-size  : 16px;
  font-weight: 500;
  line-height: 1.15;
  color      : var(--directorist-color-dark)
}

.directorist-payment-gateways .directorist-card__body .directorist-payment-text {
  font-size  : 14px;
  font-weight: 400;
  line-height: 1.86;
  margin-top : 4px;
  color      : var(--directorist-color-body)
}

.directorist-payment-action {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap    : wrap;
  flex-wrap        : wrap;
  margin           : 42px -7px -7px
}

.directorist-payment-action .directorist-btn {
  min-height   : 54px;
  padding      : 0 80px;
  border-radius: 8px;
  margin       : 7px;
  max-width    : none;
  width        : auto
}

@media (max-width:1399px) {
  .directorist-payment-action .directorist-btn {
    padding: 0 40px
  }
}

@media (max-width:1199px) {
  .directorist-payment-action .directorist-btn {
    padding: 0 30px
  }
}

.directorist-summery-total .directorist-summery-amount,
.directorist-summery-total .directorist-summery-label {
  font-size  : 18px;
  font-weight: 500;
  color      : var(--color-dark)
}

.directorist-iframe {
  border: none
}

.ads-advanced .bottom-inputs {
  -webkit-box-flex : 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow        : 1
}

@media (min-width:992px) and (max-width:1199px) {

  .atbd_content_active #directorist.atbd_wrapper .widget.atbd_widget .atbdp,
  .atbd_content_active #directorist.atbd_wrapper .widget.atbd_widget .directorist,
  .atbd_content_active .widget.atbd_widget .atbdp,
  .atbd_content_active .widget.atbd_widget .directorist {
    padding: 20px 20px 15px
  }

  .atbd_content_active #directorist.atbd_wrapper .atbdp_column {
    width: 33.3333% !important
  }

  #directorist.atbd_wrapper .atbdp_col-5 {
    -webkit-box-flex: 0;
    -webkit-flex    : 0 0 25%;
    -ms-flex        : 0 0 25%;
    flex            : 0 0 25%;
    max-width       : 25%
  }
}

@media (min-width:768px) and (max-width:991px) {
  .atbd_content_active #directorist.atbd_wrapper .atbdp_column {
    width: 50% !important
  }

  .atbd_content_active #directorist.atbd_wrapper.dashboard_area .user_pro_img_area .user_img .ezmu__thumbnail-img {
    height: 114px;
    width : 114px !important
  }
}

@media (max-width:991px) {
  .ads-advanced .price-frequency {
    margin-left: -2px
  }

  #directorist.atbd_wrapper .atbdp_col-5 {
    -webkit-box-flex: 0;
    -webkit-flex    : 0 0 33.33%;
    -ms-flex        : 0 0 33.33%;
    flex            : 0 0 33.33%;
    max-width       : 33.33%
  }

  .ads-advanced .atbdp-custom-fields-search .form-group {
    width: 50%
  }

  .ads-advanced .atbd_seach_fields_wrapper .single_search_field {
    margin-bottom: 10px;
    margin-top   : 0 !important
  }

  .atbd_content_active #directorist.atbd_wrapper .atbd_seach_fields_wrapper .atbdp-search-form {
    margin-left : -15px;
    margin-right: -15px
  }
}

@media (max-width:767px) {
  .atbd_content_active #directorist.atbd_wrapper .atbd_seach_fields_wrapper .atbdp-search-form .single_search_field {
    -webkit-box-flex: 0;
    -webkit-flex    : 0 0 100%;
    -ms-flex        : 0 0 100%;
    flex            : 0 0 100%;
    margin-top      : 10px
  }

  .atbd_content_active #directorist.atbd_wrapper .atbd_seach_fields_wrapper .atbdp-search-form .single_search_field:last-child {
    margin-top   : 0;
    margin-bottom: 0
  }

  #directorist.atbd_wrapper .atbd_seach_fields_wrapper .atbdp-search-form.atbdp-search-form-inline .single_search_field {
    border-right: 0
  }

  #directorist.atbd_wrapper .atbd_seach_fields_wrapper .atbdp-search-form.atbdp-search-form-inline {
    padding-right: 0
  }

  #directorist .atbd_listing_details .atbd_area_title {
    margin-bottom: 15px
  }

  .atbd_content_active #directorist.atbd_wrapper .atbdp_column {
    width: 50% !important
  }

  .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area {
    padding: 20px 15px
  }

  .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_meta {
    margin-top: 30px
  }

  .ads-advanced .bottom-inputs>div {
    width: 50%
  }

  #directorist.atbd_wrapper .atbdp_col-5 {
    -webkit-box-flex: 0;
    -webkit-flex    : 0 0 33.33%;
    -ms-flex        : 0 0 33.33%;
    flex            : 0 0 33.33%;
    max-width       : 33.33%
  }

  .atbd_content_active #directorist.atbd_wrapper .atbd_directry_gallery_wrapper .atbd_big_gallery img {
    width: 100%
  }

  .atbd_content_active #directorist.atbd_wrapper.atbd_add_listing_wrapper #atbdp_socialInFo .atbdp_social_field_wrapper .form-group,
  .atbd_content_active #directorist.atbd_wrapper.atbd_add_listing_wrapper .atbdp_faqs_wrapper .form-group {
    margin-bottom: 15px
  }

  .atbd_content_active #directorist.atbd_wrapper.dashboard_area .user_pro_img_area {
    margin-bottom: 30px
  }

  .ads-advanced .atbdp-custom-fields-search .form-group {
    width: 100%
  }

  .ads-advanced .atbdp-custom-fields-search .form-group.atbdp_cf_color label,
  .ads-advanced .atbdp-custom-fields-search .form-group.atbdp_cf_date label,
  .ads-advanced .atbdp-custom-fields-search .form-group.atbdp_cf_select label,
  .ads-advanced .atbdp-custom-fields-search .form-group.atbdp_cf_time label {
    -webkit-box-flex: 0;
    -webkit-flex    : none;
    -ms-flex        : none;
    flex            : none
  }

  .ads-advanced .bdas-filter-actions {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap    : wrap;
    flex-wrap        : wrap
  }

  .edit_btn_wrap .atbdp_float_active {
    bottom: 80px
  }

  .edit_btn_wrap .atbdp_float_active .btn {
    font-size  : 15px !important;
    padding    : 13px 30px !important;
    line-height: 20px !important
  }

  .nav_button {
    z-index: 0
  }

  .atbd_content_active #directorist.atbd_wrapper .atbd_seach_fields_wrapper .atbdp-search-form .single_search_field {
    padding-left : 0 !important;
    padding-right: 0 !important
  }

  .atbd_content_active #directorist.atbd_wrapper .atbd_content_module__tittle_area .atbd_listing_action_area .atbd_action.atbd_share:hover .atbd_directory_social_wrap,
  .atbd_content_active #directorist.atbd_wrapper .atbd_content_module_title_area .atbd_listing_action_area .atbd_action.atbd_share:hover .atbd_directory_social_wrap {
    left : auto;
    right: 0
  }
}

@media (max-width:650px) {
  .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area {
    padding-top   : 30px;
    padding-bottom: 27px
  }

  .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_avatar,
  .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_meta {
    -webkit-box-flex       : 0;
    -webkit-flex           : none;
    -ms-flex               : none;
    flex                   : none;
    width                  : 100%;
    -webkit-box-pack       : center;
    -webkit-justify-content: center;
    -ms-flex-pack          : center;
    justify-content        : center
  }

  .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_avatar {
    -webkit-box-align     : center;
    -webkit-align-items   : center;
    -ms-flex-align        : center;
    align-items           : center;
    -webkit-box-orient    : vertical;
    -webkit-box-direction : normal;
    -webkit-flex-direction: column;
    -ms-flex-direction    : column;
    flex-direction        : column;
    text-align            : center
  }

  .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_avatar img {
    width: 80px
  }

  .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_avatar .atbd_auth_nd {
    margin: 10px 0 0
  }

  .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_avatar .atbd_auth_nd p {
    text-align: center
  }
}

@media (max-width:575px) {
  .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_avatar {
    -webkit-flex-wrap      : wrap;
    -ms-flex-wrap          : wrap;
    flex-wrap              : wrap;
    -webkit-box-orient     : vertical;
    -webkit-box-direction  : normal;
    -webkit-flex-direction : column;
    -ms-flex-direction     : column;
    flex-direction         : column;
    -webkit-box-pack       : center;
    -webkit-justify-content: center;
    -ms-flex-pack          : center;
    justify-content        : center;
    -webkit-box-align      : center;
    -webkit-align-items    : center;
    -ms-flex-align         : center;
    align-items            : center;
    text-align             : center;
    width                  : 100%
  }

  .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_avatar .atbd_auth_nd {
    margin-top: 10px
  }

  .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_meta {
    width                  : 100%;
    -webkit-box-pack       : center;
    -webkit-justify-content: center;
    -ms-flex-pack          : center;
    justify-content        : center
  }

  .atbd_content_active #directorist.atbd_wrapper.dashboard_area .atbd_saved_items_wrapper .atbd_single_saved_item {
    border : 0;
    padding: 0
  }

  .atbd_content_active #directorist.atbd_wrapper .atbdp_column {
    width: 100% !important
  }

  .atbd_content_active #directorist.atbd_wrapper .atbd_author_listings_area {
    display: block
  }

  .atbd_content_active #directorist.atbd_wrapper .atbd_author_listings_area .atbd_author_filter_area {
    margin-top: 15px
  }

  .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_avatar .atbd_auth_nd {
    margin-left: 0
  }

  .atbd_content_active #directorist.atbd_wrapper .atbd_custom_fields>li {
    display: block
  }

  .atbd_content_active #directorist.atbd_wrapper .atbd_custom_fields .atbd_custom_field_content,
  .atbd_content_active #directorist.atbd_wrapper .atbd_custom_fields .atbd_custom_field_title {
    width: 100%
  }

  .atbd_content_active #directorist.atbd_wrapper .atbd_custom_fields .atbd_custom_field_content {
    border       : 0;
    padding-top  : 0;
    padding-right: 30px;
    padding-left : 30px
  }

  .ads-advanced .bottom-inputs>div {
    width: 100%
  }

  .ads-advanced .atbdp-custom-fields-search .form-group .form-control,
  .ads-advanced .atbdp_custom_radios,
  .ads-advanced .bads-custom-checks,
  .ads-advanced .bads-tags,
  .ads-advanced .form-group>.form-control,
  .ads-advanced .price_ranges,
  .ads-advanced .select-basic,
  .ads-advanced .wp-picker-container {
    -webkit-box-flex: 1;
    -webkit-flex    : auto;
    -ms-flex        : auto;
    flex            : auto;
    width           : 100% !important
  }

  .ads-advanced .form-group label {
    margin-bottom: 10px !important
  }

  .ads-advanced .more-less,
  .ads-advanced .more-or-less {
    text-align: left
  }

  .atbd_content_active #directorist.atbd_wrapper .atbd_generic_header .atbd_listing_action_btn {
    margin-left      : 0;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap    : wrap;
    flex-wrap        : wrap
  }

  #directorist.atbd_wrapper .atbdp_col-5 {
    -webkit-box-flex: 0;
    -webkit-flex    : 0 0 100%;
    -ms-flex        : 0 0 100%;
    flex            : 0 0 100%;
    max-width       : 100%
  }

  .atbd_content_active #directorist.atbd_wrapper .atbd_generic_header .atbd_generic_header_title {
    -webkit-flex-wrap      : wrap;
    -ms-flex-wrap          : wrap;
    flex-wrap              : wrap;
    -webkit-box-pack       : start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack          : start;
    justify-content        : flex-start;
    margin                 : 5px 0
  }

  .atbd_content_active #directorist.atbd_wrapper .atbd_generic_header .atbd_generic_header_title h3 {
    margin-right: 10px
  }

  .atbd_content_active #directorist.atbd_wrapper .atbd_generic_header .atbd_listing_action_btn {
    margin: 5px 0
  }

  .atbd_content_active #directorist.atbd_wrapper .atbd_embeded_video {
    margin-bottom: 0
  }

  .ads-advanced .bdas-filter-actions .btn {
    margin-top   : 5px !important;
    margin-bottom: 5px !important
  }

  .atbdpr-range .atbd_slider-range-wrapper {
    margin: 0
  }

  .atbdpr-range .atbd_slider-range-wrapper .atbd_slider-range,
  .atbdpr-range .atbd_slider-range-wrapper .d-flex {
    -webkit-box-flex: 0;
    -webkit-flex    : none;
    -ms-flex        : none;
    flex            : none;
    width           : 100%
  }

  .atbdpr-range .atbd_slider-range-wrapper .atbd_slider-range {
    margin-left : 0;
    margin-right: 0
  }

  .atbdpr-range .atbd_slider-range-wrapper .d-flex {
    padding: 0 !important;
    margin : 5px 0 0 !important
  }

  .atbd_content_active #directorist.atbd_wrapper .atbd_single_listing.atbd_listing_list .atbd_single_listing_wrapper {
    display: block
  }

  .atbd_content_active #directorist.atbd_wrapper .atbd_single_listing.atbd_listing_list .atbd_single_listing_wrapper .atbd_listing_thumbnail_area img {
    border-radius: 3px 3px 0 0
  }

  .edit_btn_wrap .atbdp_float_active {
    right                  : 0;
    bottom                 : 0;
    width                  : 100%;
    display                : -webkit-box;
    display                : -webkit-flex;
    display                : -ms-flexbox;
    display                : flex;
    -webkit-box-align      : center;
    -webkit-align-items    : center;
    -ms-flex-align         : center;
    align-items            : center;
    -webkit-box-pack       : center;
    -webkit-justify-content: center;
    -ms-flex-pack          : center;
    justify-content        : center;
    border-radius          : 0
  }

  .edit_btn_wrap .atbdp_float_active .btn {
    margin     : 0 5px !important;
    font-size  : 15px !important;
    padding    : 10px 20px !important;
    line-height: 18px !important
  }

  .atbd_post_draft {
    padding-bottom: 80px
  }

  .ads-advanced .atbd_seach_fields_wrapper .single_search_field {
    margin-bottom: 10px !important;
    margin-top   : 0 !important
  }

  .atbd-listing-tags .atbdb_content_module_contents ul li {
    -webkit-box-flex: 0;
    -webkit-flex    : 0 0 50%;
    -ms-flex        : 0 0 50%;
    flex            : 0 0 50%
  }

  #directorist.atbd_wrapper .atbd_seach_fields_wrapper .atbdp-search-form.atbdp-search-form-inline {
    padding-right: 0
  }
}

.adbdp-d-none {
  display: none
}

.atbdp-px-5 {
  padding: 0 5px !important
}

.atbdp-mx-5 {
  margin: 0 5px !important
}

.atbdp-form-actions {
  margin    : 30px 0;
  text-align: center
}

.atbdp-icon {
  display: inline-block
}

.atbdp-icon-large {
  display      : block;
  margin-bottom: 20px;
  font-size    : 45px;
  text-align   : center
}

@media (max-width:400px) {

  .atbd_content_active #directorist.atbd_wrapper .atbd_generic_header .atbd_generic_header_title .more-filter,
  .atbd_content_active #directorist.atbd_wrapper .atbd_generic_header .atbd_generic_header_title h3 {
    margin-top   : 3px;
    margin-bottom: 3px
  }

  .atbd_content_active #directorist.atbd_wrapper .widget.atbd_widget .atbd_categorized_listings ul li .atbd_right_content .atbd_cat_popup .atbd_cat_popup_wrapper,
  .atbd_content_active .widget.atbd_widget .atbd_categorized_listings ul li .atbd_right_content .atbd_cat_popup .atbd_cat_popup_wrapper {
    left: -90px
  }

  .atbd_content_active #directorist.atbd_wrapper .widget.atbd_widget .atbd_categorized_listings ul li .atbd_right_content .atbd_cat_popup .atbd_cat_popup_wrapper:before,
  .atbd_content_active #directorist.atbd_wrapper .widget.atbd_widget .atbd_listing_info .atbd_listing_category .atbd_cat_popup .atbd_cat_popup_wrapper:before,
  .atbd_content_active .widget.atbd_widget .atbd_categorized_listings ul li .atbd_right_content .atbd_cat_popup .atbd_cat_popup_wrapper:before {
    left : auto;
    right: 15px
  }

  .atbd_content_active #directorist.atbd_wrapper .at-modal .atm-contents-inner .dcl_pricing_plan .atbd_plan_core_features span {
    display      : block;
    margin-right : 0;
    padding-right: 0;
    padding-left : 15px
  }

  .atbd_content_active #directorist.atbd_wrapper .at-modal .atm-contents-inner .dcl_pricing_plan .atbd_plan_core_features span:after {
    content: "-" !important;
    right  : auto;
    left   : 0
  }

  .atbd_content_active #directorist.atbd_wrapper .atbd_saved_items_wrapper .thumb_title .img_wrapper img {
    max-width: none
  }

  .atbd_content_active #directorist.atbd_wrapper .atbd_content_module__tittle_area .atbd_listing_action_area .atbd_action.atbd_share:hover .atbd_directory_social_wrap,
  .atbd_content_active #directorist.atbd_wrapper .atbd_content_module_title_area .atbd_listing_action_area .atbd_action.atbd_share:hover .atbd_directory_social_wrap {
    right: -40px
  }
}

@media (max-width:340px) {
  .atbd_content_active #directorist.atbd_wrapper .atbd_generic_header .atbd_listing_action_btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
  }

  .atbd_content_active #directorist.atbd_wrapper .atbd_listing_action_btn .dropdown {
    margin-top   : 3px;
    margin-bottom: 3px
  }

  .atbd_content_active #directorist.atbd_wrapper .atbd_listing_action_btn .dropdown+.dropdown {
    margin-left: 0
  }

  .atbd-listing-tags .atbdb_content_module_contents ul li {
    -webkit-box-flex: 0;
    -webkit-flex    : 0 0 100%;
    -ms-flex        : 0 0 100%;
    flex            : 0 0 100%
  }
}

@media only screen and (max-width:1199px) {
  .directorist-search-contents .directorist-search-form-top {
    -webkit-box-pack       : center;
    -webkit-justify-content: center;
    -ms-flex-pack          : center;
    justify-content        : center
  }

  .directorist-search-contents .directorist-search-form-top .directorist-search-form-action {
    margin-top   : 15px;
    margin-bottom: 15px
  }
}

@media only screen and (max-width:575px) {
  .directorist-modal__dialog {
    width: calc(100% - 30px) !important
  }

  .directorist-advanced-filter__basic__element {
    width           : 100%;
    -webkit-box-flex: 0;
    -webkit-flex    : 0 0 100%;
    -ms-flex        : 0 0 100%;
    flex            : 0 0 100%
  }

  .directorist-author-profile-wrap .directorist-card__body {
    -webkit-box-pack       : center;
    -webkit-justify-content: center;
    -ms-flex-pack          : center;
    justify-content        : center
  }
}

@media only screen and (max-width:479px) {
  .directorist-user-dashboard-tab .directorist-user-dashboard-search {
    margin-left: 0;
    margin-top : 30px
  }
}

@media only screen and (max-width:375px) {
  .directorist-user-dashboard-tab ul {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap    : wrap;
    flex-wrap        : wrap;
    padding-left     : 0
  }

  .directorist-user-dashboard-tab ul li {
    -webkit-box-flex: 0;
    -webkit-flex    : 0 0 100%;
    -ms-flex        : 0 0 100%;
    flex            : 0 0 100%
  }

  .directorist-user-dashboard-tab ul li a {
    padding-bottom: 5px
  }

  .directorist-user-dashboard-tab .directorist-user-dashboard-search {
    margin-left: 0
  }

  .directorist-author-profile-wrap .directorist-author-avatar {
    display: block
  }

  .directorist-author-profile-wrap .directorist-author-avatar img {
    margin-bottom: 15px
  }

  .directorist-author-profile-wrap .directorist-author-avatar,
  .directorist-author-profile-wrap .directorist-author-avatar .directorist-author-avatar__info,
  .directorist-author-profile-wrap .directorist-author-avatar .directorist-author-avatar__info p {
    text-align: center
  }

  .directorist-author-profile-wrap .directorist-author-avatar img {
    margin-right: 0;
    display     : inline-block
  }
}