@charset "UTF-8";
/*!
Theme Name: Lupaem
Author: WebJam Studio
Author URI: http://webjam.com.ua/
Version: 1.0
License: All rights reserved!
Text Domain: lpm
*/
/* stylelint-disable */ /* stylelint-disable */ /* stylelint-disable */
@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600;700&display=swap");
.custom-checkbox__field:checked + .custom-checkbox__content::after {
  opacity: 1;
}

.custom-checkbox__field:focus + .custom-checkbox__content::before {
  outline: 2px solid #f00;
  outline-offset: 2px;
}

.custom-checkbox__field:disabled + .custom-checkbox__content {
  opacity: 0.4;
  pointer-events: none;
}

/* stylelint-disable */ /* stylelint-disable */
:root {
  --dark-terracoat: #A11F0D;
  --terracoat: #F56450;
  --bumblebee: #FCE205;
  --link: #1967D2;
  --dark-yellow: #666100;
  --black: #1B2326;
  --yellow: #EDF550;
  --gray: #C9C9C9;
  --gray-2: #818181;
  --white: #fff;
  --header-h: 51px;
  --header-m-h: 41px;
}

@font-face {
  font-family: icons;
  font-display: swap;
  src: url("assets/fonts/icons.woff2") format("woff2"), url("assets/fonts/icons.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
[class*=_icon-]:before {
  font-family: "icons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class*=_icon-]:before {
  display: block;
}

._icon-instrument:before {
  content: "\e90c";
}

._icon-trotuarna-plytka:before {
  content: "\e90d";
}

._icon-pokrivlya:before {
  content: "\e90e";
}

._icon-fasadni-materialy:before {
  content: "\e90f";
}

._icon-byd-himiya:before {
  content: "\e910";
}

._icon-plytka:before {
  content: "\e911";
}

._icon-byd-symish:before {
  content: "\e912";
}

._icon-pylomaterialy:before {
  content: "\e915";
}

._icon-keramoblok:before {
  content: "\e916";
}

._icon-gazoblok:before {
  content: "\e917";
}

._icon-schebin:before {
  content: "\e918";
}

._icon-skad:before {
  content: "\e90a";
}

._icon-zavod:before {
  content: "\e90b";
}

._icon-mixer:before {
  content: "\e907";
}

._icon-prev:before {
  content: "\e908";
}

._icon-next:before {
  content: "\e909";
}

._icon-metal:before {
  content: "\e905";
}

._icon-sand:before {
  content: "\e906";
}

._icon-concrete:before {
  content: "\e913";
}

._icon-bricks:before {
  content: "\e914";
}

._icon-map_view:before {
  content: "\e904";
}

._icon-tune:before {
  content: "\e903";
}

._icon-home_pin:before {
  content: "\e900";
}

._icon-search:before {
  content: "\e901";
}

._icon-cancel:before {
  content: "\e902";
}

* {
  padding: 0px;
  margin: 0px;
  border: 0px;
}

*,
*:before,
*:after {
  box-sizing: border-box;
}

*:focus {
  outline: none;
}

:focus,
:active {
  outline: none;
}

a:focus,
a:active {
  outline: none;
}

html,
body {
  height: 100%;
  min-width: 320px;
}

/* Забезпечення того, що статус-панель браузера iphone не вплине на висоту */
@supports (padding: max(0px)) {
  body, html {
    padding: 0px;
  }
}
body {
  color: var(--black);
  line-height: 1.1875;
  font-family: "Rubik", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

input,
button,
textarea {
  font-family: "Rubik", sans-serif;
  font-size: inherit;
}

button {
  cursor: pointer;
  color: inherit;
  background-color: transparent;
}

a {
  color: inherit;
  text-decoration: none;
}

ul li {
  list-style: none;
}

img {
  vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
  font-size: inherit;
}

.wrapper {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
@supports (overflow: clip) {
  .wrapper {
    overflow: clip;
  }
}
.wrapper > main {
  flex: 1 1 auto;
}
.wrapper > * {
  min-width: 0;
}

/*
(i) Стилі будуть застосовуватись до
всіх класів, що містять *__container
Наприклад header__container, main__container і т.п.
Сніппет (HTML): cnt
*/
@media (min-width: 120em) {
  [class*=__container] {
    padding-left: 1.875rem;
  }
}
@media (min-width: 20em) and (max-width: 120em) {
  @supports (padding-left: clamp( 0.9375rem , 0.75rem  +  0.9375vw , 1.875rem )) {
    [class*=__container] {
      padding-left: clamp( 0.9375rem , 0.75rem  +  0.9375vw , 1.875rem );
    }
  }
  @supports not (padding-left: clamp( 0.9375rem , 0.75rem  +  0.9375vw , 1.875rem )) {
    [class*=__container] {
      padding-left: calc(0.9375rem + 0.9375 * (100vw - 20rem) / 100);
    }
  }
}
@media (max-width: 20em) {
  [class*=__container] {
    padding-left: 0.9375rem;
  }
}
@media (min-width: 120em) {
  [class*=__container] {
    padding-right: 1.875rem;
  }
}
@media (min-width: 20em) and (max-width: 120em) {
  @supports (padding-right: clamp( 0.9375rem , 0.75rem  +  0.9375vw , 1.875rem )) {
    [class*=__container] {
      padding-right: clamp( 0.9375rem , 0.75rem  +  0.9375vw , 1.875rem );
    }
  }
  @supports not (padding-right: clamp( 0.9375rem , 0.75rem  +  0.9375vw , 1.875rem )) {
    [class*=__container] {
      padding-right: calc(0.9375rem + 0.9375 * (100vw - 20rem) / 100);
    }
  }
}
@media (max-width: 20em) {
  [class*=__container] {
    padding-right: 0.9375rem;
  }
}

.page-info-container {
  width: 100%;
  max-width: 66.25rem;
  margin: 0 auto;
  padding-right: 1.875rem;
  padding-left: 1.875rem;
}

body.dis-scroll {
  overflow: hidden;
  touch-action: none;
  overscroll-behavior: none;
}

img {
  height: auto;
  width: auto;
}

a {
  transition: color 0.2s linear;
}

h1,
h2,
h3,
h4,
h5,
h6,
dl,
ol,
ul {
  margin: 0;
}

button {
  touch-action: manipulation;
  transition: all 0.1s linear;
}

.header {
  background-color: var(--white);
  border-bottom: 1px solid var(--gray);
}
.header__content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: var(--header-m-h);
}
@media (min-width: 47.99875em) {
  .header__content {
    min-height: var(--header-h);
    gap: 1.875rem;
  }
}
@media (max-width: 47.99875em) {
  .header .header__logo {
    z-index: 1091;
  }
}
.header .header__logo img {
  max-height: var(--header-m-h);
}
@media (min-width: 47.99875em) {
  .header .header__logo img {
    max-height: var(--header-h);
  }
}
@media (min-width: 47.99875em) {
  .header__menu__aside {
    width: 100%;
  }
}
.header__menu__wrapper {
  display: flex;
  overflow: auto;
}
@media (max-width: 47.99875em) {
  .header__menu__wrapper {
    position: fixed;
    top: -100%;
    right: 0;
    width: 100%;
    height: fit-content;
    overflow: auto;
    background-color: var(--white);
    padding: 4.625rem 1.625rem 1.1875rem 1.625rem;
    margin-top: 0;
    flex-direction: column;
    justify-content: space-between;
    z-index: 1090;
    transition: top 0.5s ease-in-out;
  }
}
@media (min-width: 29.99875em) {
  .header__menu__wrapper {
    padding-left: 1.875rem;
  }
}
.menu--active .header__menu__wrapper {
  top: 0;
}
@media (min-width: 47.99875em) {
  .header {
    width: 100%;
    gap: 0.9375rem;
    align-items: center;
    justify-content: space-between;
  }
}
.header__links {
  display: flex;
  align-items: center;
  gap: 0.9375rem;
  margin-left: auto;
}
@media (max-width: 47.99875em) {
  .header__links {
    z-index: 1091;
  }
}
@media (min-width: 47.99875em) {
  .header__links {
    justify-content: space-between;
  }
}

/*------------------------------------------------------------
## Меню для підменю та мобільного
------------------------------------------------------------*/
@media (min-width: 47.99875em) {
  nav.main-navigation ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    max-height: inherit;
    overflow: visible;
  }
}
@media (min-width: 47.99875em) {
  nav.main-navigation ul ul {
    background: var(--white-color);
    box-shadow: 0px 9px 18px 0px rgba(0, 0, 0, 0.12);
    border-radius: 0.5rem;
    position: absolute;
    top: 100%;
    left: -999em;
    z-index: 99999;
    margin-top: 0;
    padding: 0.875rem 0;
    display: flex;
    flex-direction: column;
    gap: 0.5625rem;
  }
  nav.main-navigation ul ul ul {
    left: -999em;
    top: 0;
  }
  nav.main-navigation ul ul li {
    display: flex;
    justify-content: space-between;
    margin: 0;
    padding: 0 1.125rem;
    width: 100%;
  }
  nav.main-navigation ul ul li .sub-nav-toggle {
    color: var(--black-color);
  }
  nav.main-navigation ul ul li .sub-nav-toggle::before {
    transform: rotate(0deg);
  }
}
@media (min-width: 47.99875em) and (any-hover: hover) {
  nav.main-navigation ul ul li:hover::before {
    color: var(--main-red-color);
  }
}
@media (min-width: 47.99875em) {
  nav.main-navigation ul ul li.menu-item-has-children {
    padding-right: 0;
  }
}
@media (min-width: 47.99875em) {
  nav.main-navigation ul ul li:hover > ul, nav.main-navigation ul ul li:focus > ul {
    left: 100%;
  }
}
@media (min-width: 47.99875em) {
  nav.main-navigation ul ul a {
    min-width: 6.25rem;
    line-height: 1.5;
    font-size: 1rem;
  }
}
@media (any-hover: hover) {
  nav.main-navigation ul li:hover > .sub-nav-toggle::before {
    color: var(--main-red-color);
  }
  nav.main-navigation ul li:hover > ul {
    left: auto;
  }
}
nav.main-navigation ul li:focus > ul {
  left: auto;
}
nav.main-navigation li {
  position: relative;
}
@media (max-width: 47.99875em) {
  nav.main-navigation li:not(:last-child) {
    margin-bottom: 1.5625rem;
  }
}
@media (min-width: 47.99875em) {
  nav.main-navigation li {
    border: none;
    align-items: center;
    gap: 0.3125rem;
  }
  nav.main-navigation li:not(:last-child) {
    margin-right: 1.75rem;
  }
}
nav.main-navigation li:hover > a {
  color: var(--terracoat);
}
nav.main-navigation li:focus > a {
  color: var(--terracoat);
}
nav.main-navigation a {
  display: block;
  text-decoration: none;
  line-height: 1.1666666667;
  font-size: 1.5rem;
  color: var(--black);
}
nav.main-navigation a.active {
  background-color: var(--gray-color);
}
@media (min-width: 47.99875em) {
  nav.main-navigation a {
    font-size: 1.125rem;
    line-height: 1.1666666667;
    padding: 0;
    font-weight: 400;
    color: var(--black);
    position: relative;
  }
}

.page_item_has_children > a {
  padding-right: 2.5rem;
}
@media (min-width: 47.99875em) {
  .page_item_has_children > a {
    padding-right: 1.125rem;
  }
}

.sub-menu {
  max-height: 0;
  overflow: hidden;
  padding-left: 20px;
}
.sub-menu.active {
  max-height: 1000px;
  background-color: var(--gray-color);
}
@media (min-width: 47.99875em) {
  .sub-menu.active {
    background-color: var(--white-color);
    padding-left: 0;
  }
}
.sub-menu a {
  white-space: nowrap;
  color: var(--black-color);
}
@media (min-width: 47.99875em) {
  .sub-menu a {
    color: var(--dark-color);
  }
}

.sub-nav-toggle {
  height: 2.5rem;
  width: 2.5rem;
  cursor: pointer;
  overflow: hidden;
  transition: all 0.2s;
  font-size: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
}
@media (max-width: 47.99875em) {
  .sub-nav-toggle {
    border: 1px solid;
  }
}
@media (min-width: 47.99875em) {
  .sub-nav-toggle {
    height: 100%;
    width: 1rem;
    position: relative;
    color: var(--black-color);
  }
}
.menu-item-has-children .sub-nav-toggle.active {
  background-color: var(--light-red-color);
}
.sub-nav-toggle.active::before {
  transform: rotate(270deg);
}
@media (min-width: 47.99875em) {
  .sub-nav-toggle.active {
    transform: translateY(calc(-50% - 1px));
  }
}
.sub-nav-toggle::before {
  color: currentColor;
  font-size: 0.8125rem;
  transform: rotate(90deg);
  transition: all 0.2s;
}

.icon-menu {
  display: none;
}
@media (max-width: 47.99875em) {
  .icon-menu {
    display: block;
    position: relative;
    width: 1.5rem;
    height: 1.5rem;
    z-index: 1100;
    margin-right: 0.5625rem;
    margin-left: 0.5rem;
  }
}
@media (max-width: 47.99875em) and (any-hover: none) {
  .icon-menu {
    cursor: default;
  }
}
@media (max-width: 47.99875em) {
  .icon-menu span, .icon-menu::before, .icon-menu::after {
    content: "";
    transition: all 0.35s ease 0s;
    right: 3px;
    position: absolute;
    width: 18px;
    height: 0.125rem;
    background-color: #1C1B1F;
    left: 3px;
  }
}
@media (max-width: 47.99875em) {
  .icon-menu::before {
    top: 6px;
  }
}
@media (max-width: 47.99875em) {
  .icon-menu::after {
    bottom: 6px;
  }
}
@media (max-width: 47.99875em) {
  .icon-menu span {
    top: calc(50% - 0.0625rem);
  }
}
@media (max-width: 47.99875em) {
  .icon-menu.burger--active {
    height: 1.5rem;
    width: 1.5rem;
  }
  .icon-menu.burger--active span {
    width: 0;
  }
  .icon-menu.burger--active::before {
    top: calc(50% - 0.0625rem);
    transform: rotate(-45deg);
    width: 1.125rem;
  }
  .icon-menu.burger--active::after {
    bottom: calc(50% - 0.0625rem);
    transform: rotate(45deg);
    width: 1.125rem;
  }
}

.menu__overlay {
  position: fixed;
  top: var(--header-m-h);
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  visibility: hidden;
  opacity: 0;
  z-index: 2;
  transition: all 0.5s ease-in-out;
}
.menu--active .menu__overlay {
  visibility: visible;
  opacity: 1;
}
@media (min-width: 47.99875em) {
  .menu__overlay {
    display: none;
  }
}

.wpml-ls-legacy-list-horizontal {
  padding: 0;
  border: none;
}
.wpml-ls-legacy-list-horizontal ul {
  display: flex;
}
@media (min-width: 47.99875em) {
  .wpml-ls-legacy-list-horizontal .wpml-ls-item {
    background-color: #E9E9E9;
  }
}
.wpml-ls-legacy-list-horizontal .wpml-ls-item a {
  font-size: 1.125rem;
  line-height: 1.1666666667;
}
@media (min-width: 47.99875em) {
  .wpml-ls-legacy-list-horizontal .wpml-ls-item a {
    padding: 0.875rem;
    color: var(--darkgray);
    width: 3.8125rem;
    height: var(--header-h);
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media (max-width: 47.99875em) {
  .wpml-ls-legacy-list-horizontal .wpml-ls-item.wpml-ls-current-language {
    display: none;
    visibility: hidden;
  }
}
@media (min-width: 47.99875em) {
  .wpml-ls-legacy-list-horizontal .wpml-ls-item.wpml-ls-current-language {
    background-color: var(--terracoat);
  }
  .wpml-ls-legacy-list-horizontal .wpml-ls-item.wpml-ls-current-language a {
    color: var(--black);
  }
}

.footer__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 110px;
  border-top: 1px solid #DED1D1;
}

.footer__logo:not(:last-child) {
  margin-bottom: 0.9375rem;
}
@media (min-width: 81.625em) {
  .footer__logo img {
    height: 2.5rem;
  }
}
@media (min-width: 48em) and (max-width: 81.625em) {
  @supports (height: clamp( 1.75rem , 0.6793680297rem  +  2.2304832714vw , 2.5rem )) {
    .footer__logo img {
      height: clamp( 1.75rem , 0.6793680297rem  +  2.2304832714vw , 2.5rem );
    }
  }
  @supports not (height: clamp( 1.75rem , 0.6793680297rem  +  2.2304832714vw , 2.5rem )) {
    .footer__logo img {
      height: calc(1.75rem + 0.75 * (100vw - 48rem) / 33.625);
    }
  }
}
@media (max-width: 48em) {
  .footer__logo img {
    height: 1.75rem;
  }
}

.directorist-archive-contents {
  position: relative;
}

.directorist-container-fluid {
  position: relative;
}

.directorist-listings-header {
  position: absolute;
  top: 0.875rem;
  left: 0;
  display: flex;
  width: 100%;
  justify-content: space-between;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}
@media (min-width: 85.37375em) {
  .directorist-listings-header {
    top: 0.625rem;
    justify-content: flex-end;
    z-index: 1;
  }
}

.directorist-listings-header__left {
  z-index: 1;
}
@media (min-width: 85.37375em) {
  .directorist-listings-header__left {
    display: none;
  }
}
.directorist-listings-header__left .directorist-header-found-title {
  display: none;
}

.directorist-listings-header__right {
  z-index: 1;
}

.directorist__links {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  border-radius: 0.3125rem;
  position: relative;
  overflow: hidden;
}
.directorist__links::before {
  content: "";
  width: 0.125rem;
  height: 100%;
  background-color: var(--dark-terracoat);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.directorist__links .directorist__links--single {
  background-color: var(--white);
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (any-hover: hover) {
  .directorist__links .directorist__links--single:hover {
    background-color: var(--yellow);
  }
}
.directorist__links .directorist__links--single a {
  font-size: 0.875rem;
  color: var(--gray-2);
  font-weight: 700;
  line-height: 1.2142857143;
  text-transform: uppercase;
  padding: 0.25rem 0.375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3125rem;
  width: 6.625rem;
  border: 0.125rem solid var(--terracoat);
}
@media (max-width: 359px) {
  .directorist__links .directorist__links--single a {
    width: 4.9375rem;
    height: 2.125rem;
  }
}
@media (min-width: 85.37375em) {
  .directorist__links .directorist__links--single a {
    min-width: 8.9375rem;
    font-size: 1.125rem;
    padding: 0.625rem 0.125rem;
  }
}
.directorist__links .directorist__links--single a::before {
  content: "";
  height: 1.375rem;
  width: 1.375rem;
  background-position: center center;
  background-repeat: no-repeat;
}
@media (max-width: 359px) {
  .directorist__links .directorist__links--single a::before {
    display: none;
  }
}
@media (min-width: 85.37375em) {
  .directorist__links .directorist__links--single a::before {
    height: 1.6875rem;
    width: 1.5rem;
    margin-top: -0.0625rem;
  }
}
.directorist__links .directorist__links--single a.active {
  background-color: var(--terracoat);
  color: var(--black);
}
@media (any-hover: hover) {
  .directorist__links .directorist__links--single a:hover {
    background-color: var(--yellow);
  }
  .directorist__links .directorist__links--single a:hover.active {
    background-color: var(--terracoat);
    cursor: default;
  }
}
.directorist__links .directorist__links--single a:active {
  background-color: var(--yellow);
}
.directorist__links .directorist__links--single:first-child a {
  border-top-right-radius: 0.3125rem;
  border-bottom-right-radius: 0.3125rem;
  border-left: transparent;
}
.directorist__links .directorist__links--single:first-child a::before {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='23' viewBox='0 0 16 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_224_1344' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='16' height='23'%3E%3Crect x='0.666504' y='0.5' width='14.6667' height='22' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_224_1344)'%3E%3Cpath d='M4.74058 15.9815C4.97144 15.9815 5.16496 15.9034 5.32113 15.7472C5.47731 15.5911 5.55539 15.3976 5.55539 15.1667C5.55539 14.9358 5.47731 14.7423 5.32113 14.5861C5.16496 14.43 4.97144 14.3519 4.74058 14.3519C4.50971 14.3519 4.3162 14.43 4.16002 14.5861C4.00385 14.7423 3.92576 14.9358 3.92576 15.1667C3.92576 15.3976 4.00385 15.5911 4.16002 15.7472C4.3162 15.9034 4.50971 15.9815 4.74058 15.9815ZM4.74058 12.7222C4.97144 12.7222 5.16496 12.6442 5.32113 12.488C5.47731 12.3318 5.55539 12.1383 5.55539 11.9074C5.55539 11.6766 5.47731 11.483 5.32113 11.3269C5.16496 11.1707 4.97144 11.0926 4.74058 11.0926C4.50971 11.0926 4.3162 11.1707 4.16002 11.3269C4.00385 11.483 3.92576 11.6766 3.92576 11.9074C3.92576 12.1383 4.00385 12.3318 4.16002 12.488C4.3162 12.6442 4.50971 12.7222 4.74058 12.7222ZM4.74058 9.46299C4.97144 9.46299 5.16496 9.3849 5.32113 9.22873C5.47731 9.07255 5.55539 8.87903 5.55539 8.64817C5.55539 8.41731 5.47731 8.22379 5.32113 8.06762C5.16496 7.91144 4.97144 7.83336 4.74058 7.83336C4.50971 7.83336 4.3162 7.91144 4.16002 8.06762C4.00385 8.22379 3.92576 8.41731 3.92576 8.64817C3.92576 8.87903 4.00385 9.07255 4.16002 9.22873C4.3162 9.3849 4.50971 9.46299 4.74058 9.46299ZM7.18502 15.9815H12.0739V14.3519H7.18502V15.9815ZM7.18502 12.7222H12.0739V11.0926H7.18502V12.7222ZM7.18502 9.46299H12.0739V7.83336H7.18502V9.46299ZM2.29613 19.2408C1.84799 19.2408 1.46434 19.0812 1.14521 18.7621C0.826072 18.4429 0.666504 18.0593 0.666504 17.6111V6.20373C0.666504 5.75558 0.826072 5.37194 1.14521 5.0528C1.46434 4.73366 1.84799 4.5741 2.29613 4.5741H13.7035C14.1517 4.5741 14.5353 4.73366 14.8545 5.0528C15.1736 5.37194 15.3332 5.75558 15.3332 6.20373V17.6111C15.3332 18.0593 15.1736 18.4429 14.8545 18.7621C14.5353 19.0812 14.1517 19.2408 13.7035 19.2408H2.29613ZM2.29613 17.6111H13.7035V6.20373H2.29613V17.6111Z' fill='%23818181'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.directorist__links .directorist__links--single:first-child a.active::before {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='23' viewBox='0 0 16 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_224_1344' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='16' height='23'%3E%3Crect x='0.666504' y='0.5' width='14.6667' height='22' fill='%231C1B1F'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_224_1344)'%3E%3Cpath d='M4.74058 15.9815C4.97144 15.9815 5.16496 15.9034 5.32113 15.7472C5.47731 15.5911 5.55539 15.3976 5.55539 15.1667C5.55539 14.9358 5.47731 14.7423 5.32113 14.5861C5.16496 14.43 4.97144 14.3519 4.74058 14.3519C4.50971 14.3519 4.3162 14.43 4.16002 14.5861C4.00385 14.7423 3.92576 14.9358 3.92576 15.1667C3.92576 15.3976 4.00385 15.5911 4.16002 15.7472C4.3162 15.9034 4.50971 15.9815 4.74058 15.9815ZM4.74058 12.7222C4.97144 12.7222 5.16496 12.6442 5.32113 12.488C5.47731 12.3318 5.55539 12.1383 5.55539 11.9074C5.55539 11.6766 5.47731 11.483 5.32113 11.3269C5.16496 11.1707 4.97144 11.0926 4.74058 11.0926C4.50971 11.0926 4.3162 11.1707 4.16002 11.3269C4.00385 11.483 3.92576 11.6766 3.92576 11.9074C3.92576 12.1383 4.00385 12.3318 4.16002 12.488C4.3162 12.6442 4.50971 12.7222 4.74058 12.7222ZM4.74058 9.46299C4.97144 9.46299 5.16496 9.3849 5.32113 9.22873C5.47731 9.07255 5.55539 8.87903 5.55539 8.64817C5.55539 8.41731 5.47731 8.22379 5.32113 8.06762C5.16496 7.91144 4.97144 7.83336 4.74058 7.83336C4.50971 7.83336 4.3162 7.91144 4.16002 8.06762C4.00385 8.22379 3.92576 8.41731 3.92576 8.64817C3.92576 8.87903 4.00385 9.07255 4.16002 9.22873C4.3162 9.3849 4.50971 9.46299 4.74058 9.46299ZM7.18502 15.9815H12.0739V14.3519H7.18502V15.9815ZM7.18502 12.7222H12.0739V11.0926H7.18502V12.7222ZM7.18502 9.46299H12.0739V7.83336H7.18502V9.46299ZM2.29613 19.2408C1.84799 19.2408 1.46434 19.0812 1.14521 18.7621C0.826072 18.4429 0.666504 18.0593 0.666504 17.6111V6.20373C0.666504 5.75558 0.826072 5.37194 1.14521 5.0528C1.46434 4.73366 1.84799 4.5741 2.29613 4.5741H13.7035C14.1517 4.5741 14.5353 4.73366 14.8545 5.0528C15.1736 5.37194 15.3332 5.75558 15.3332 6.20373V17.6111C15.3332 18.0593 15.1736 18.4429 14.8545 18.7621C14.5353 19.0812 14.1517 19.2408 13.7035 19.2408H2.29613ZM2.29613 17.6111H13.7035V6.20373H2.29613V17.6111Z' fill='%231C1B1F'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.directorist__links .directorist__links--single:nth-of-type(2) a {
  border-top-left-radius: 0.3125rem;
  border-bottom-left-radius: 0.3125rem;
  border-right: transparent;
}
.directorist__links .directorist__links--single:nth-of-type(2) a::before {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='23' viewBox='0 0 20 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_224_1349' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='23'%3E%3Crect x='0.157227' y='0.5' width='19.5556' height='22' fill='%23818181'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_224_1349)'%3E%3Cpath d='M9.55699 20.9445V19.3006C7.84466 19.1088 6.37548 18.3999 5.14945 17.1739C3.92343 15.9479 3.21452 14.4787 3.02274 12.7664H1.37891V11.1225H3.02274C3.21452 9.41021 3.92343 7.94103 5.14945 6.71501C6.37548 5.48898 7.84466 4.78007 9.55699 4.58829V2.94446H11.2008V4.58829C12.9132 4.78007 14.3823 5.48898 15.6084 6.71501C16.8344 7.94103 17.5433 9.41021 17.7351 11.1225H19.3789V12.7664H17.7351C17.5433 14.4787 16.8344 15.9479 15.6084 17.1739C14.3823 18.3999 12.9132 19.1088 11.2008 19.3006V20.9445H9.55699ZM10.3789 17.6979C11.9679 17.6979 13.3241 17.1362 14.4474 16.013C15.5707 14.8897 16.1323 13.5335 16.1323 11.9445C16.1323 10.3554 15.5707 8.99925 14.4474 7.87597C13.3241 6.75268 11.9679 6.19103 10.3789 6.19103C8.78987 6.19103 7.4337 6.75268 6.31041 7.87597C5.18713 8.99925 4.62548 10.3554 4.62548 11.9445C4.62548 13.5335 5.18713 14.8897 6.31041 16.013C7.4337 17.1362 8.78987 17.6979 10.3789 17.6979ZM10.3789 15.2321C9.4748 15.2321 8.70082 14.9102 8.05699 14.2664C7.41315 13.6225 7.09124 12.8486 7.09124 11.9445C7.09124 11.0403 7.41315 10.2664 8.05699 9.62254C8.70082 8.9787 9.4748 8.65679 10.3789 8.65679C11.283 8.65679 12.057 8.9787 12.7008 9.62254C13.3447 10.2664 13.6666 11.0403 13.6666 11.9445C13.6666 12.8486 13.3447 13.6225 12.7008 14.2664C12.057 14.9102 11.283 15.2321 10.3789 15.2321ZM10.3789 13.5883C10.831 13.5883 11.2179 13.4273 11.5399 13.1054C11.8618 12.7835 12.0227 12.3965 12.0227 11.9445C12.0227 11.4924 11.8618 11.1054 11.5399 10.7835C11.2179 10.4616 10.831 10.3006 10.3789 10.3006C9.92685 10.3006 9.53987 10.4616 9.21795 10.7835C8.89603 11.1054 8.73507 11.4924 8.73507 11.9445C8.73507 12.3965 8.89603 12.7835 9.21795 13.1054C9.53987 13.4273 9.92685 13.5883 10.3789 13.5883Z' fill='%23818181'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.directorist__links .directorist__links--single:nth-of-type(2) a.active::before {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='23' viewBox='0 0 20 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_224_1349' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='23'%3E%3Crect x='0.157227' y='0.5' width='19.5556' height='22' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_224_1349)'%3E%3Cpath d='M9.55699 20.9445V19.3006C7.84466 19.1088 6.37548 18.3999 5.14945 17.1739C3.92343 15.9479 3.21452 14.4787 3.02274 12.7664H1.37891V11.1225H3.02274C3.21452 9.41021 3.92343 7.94103 5.14945 6.71501C6.37548 5.48898 7.84466 4.78007 9.55699 4.58829V2.94446H11.2008V4.58829C12.9132 4.78007 14.3823 5.48898 15.6084 6.71501C16.8344 7.94103 17.5433 9.41021 17.7351 11.1225H19.3789V12.7664H17.7351C17.5433 14.4787 16.8344 15.9479 15.6084 17.1739C14.3823 18.3999 12.9132 19.1088 11.2008 19.3006V20.9445H9.55699ZM10.3789 17.6979C11.9679 17.6979 13.3241 17.1362 14.4474 16.013C15.5707 14.8897 16.1323 13.5335 16.1323 11.9445C16.1323 10.3554 15.5707 8.99925 14.4474 7.87597C13.3241 6.75268 11.9679 6.19103 10.3789 6.19103C8.78987 6.19103 7.4337 6.75268 6.31041 7.87597C5.18713 8.99925 4.62548 10.3554 4.62548 11.9445C4.62548 13.5335 5.18713 14.8897 6.31041 16.013C7.4337 17.1362 8.78987 17.6979 10.3789 17.6979ZM10.3789 15.2321C9.4748 15.2321 8.70082 14.9102 8.05699 14.2664C7.41315 13.6225 7.09124 12.8486 7.09124 11.9445C7.09124 11.0403 7.41315 10.2664 8.05699 9.62254C8.70082 8.9787 9.4748 8.65679 10.3789 8.65679C11.283 8.65679 12.057 8.9787 12.7008 9.62254C13.3447 10.2664 13.6666 11.0403 13.6666 11.9445C13.6666 12.8486 13.3447 13.6225 12.7008 14.2664C12.057 14.9102 11.283 15.2321 10.3789 15.2321ZM10.3789 13.5883C10.831 13.5883 11.2179 13.4273 11.5399 13.1054C11.8618 12.7835 12.0227 12.3965 12.0227 11.9445C12.0227 11.4924 11.8618 11.1054 11.5399 10.7835C11.2179 10.4616 10.831 10.3006 10.3789 10.3006C9.92685 10.3006 9.53987 10.4616 9.21795 10.7835C8.89603 11.1054 8.73507 11.4924 8.73507 11.9445C8.73507 12.3965 8.89603 12.7835 9.21795 13.1054C9.53987 13.4273 9.92685 13.5883 10.3789 13.5883Z' fill='%231C1B1F'/%3E%3C/g%3E%3C/svg%3E");
}

@media (min-width: 85.37375em) {
  .directorist-search-slide {
    position: absolute;
    top: 0.875rem;
    left: 0.625rem;
    z-index: 1;
    max-width: 18.75rem;
    max-height: calc(100vh - var(--header-h) - 6.25rem) !important;
    overflow-y: auto !important;
    border-bottom-left-radius: 0.6875rem;
    border-bottom-right-radius: 0.6875rem;
  }
  .directorist-search-slide::-webkit-scrollbar {
    width: 8px; /* Ширина смуги прокрутки */
  }
  .directorist-search-slide::-webkit-scrollbar-thumb {
    background-color: var(--dark-terracoat); /* Колір смуги прокрутки */
    border-radius: 4px; /* Закруглені кути смуги прокрутки */
  }
  .directorist-search-slide::-webkit-scrollbar-track {
    background-color: #f3f3f3; /* Колір фону смуги прокрутки */
    border-radius: 0.25rem;
  }
  [lang=en-US] .directorist-search-slide {
    max-width: 18.125rem;
  }
}
.directorist-search-slide .directorist-advanced-filter {
  border: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100svh - var(--header-m-h));
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  padding-top: 4.25rem;
  z-index: 1;
}
@media (min-width: 29.99875em) {
  .directorist-search-slide .directorist-advanced-filter {
    height: calc(100vh - var(--header-m-h));
  }
}
@media (min-width: 47.99875em) {
  .directorist-search-slide .directorist-advanced-filter {
    max-width: 18.75rem;
    height: auto;
    border-right: 1px solid var(--gray);
    border-bottom: 1px solid var(--gray);
    border-bottom-right-radius: 0.6875rem;
    max-height: calc(100vh - var(--header-h) - 0.125rem);
    overflow-y: auto;
    overflow-x: hidden;
  }
  .directorist-search-slide .directorist-advanced-filter::-webkit-scrollbar {
    width: 8px; /* Ширина смуги прокрутки */
  }
  .directorist-search-slide .directorist-advanced-filter::-webkit-scrollbar-thumb {
    background-color: var(--terracoat); /* Колір смуги прокрутки */
    border-radius: 0.25rem; /* Закруглені кути смуги прокрутки */
  }
  .directorist-search-slide .directorist-advanced-filter::-webkit-scrollbar-track {
    background-color: #f3f3f3; /* Колір фону смуги прокрутки */
    border-radius: 0.25rem;
  }
}
@media (min-width: 85.37375em) {
  .directorist-search-slide .directorist-advanced-filter {
    border: 1px solid var(--gray);
    display: block !important;
    position: relative;
    top: 0;
    padding: 0.4375rem 1.25rem 0.625rem;
    border-radius: 0.6875rem;
  }
}
.directorist-search-slide .directorist-advanced-filter .directorist-filter-mob-btn {
  height: 1.5rem;
  width: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 1.1875rem;
  right: 1.375rem;
}
@media (min-width: 85.37375em) {
  .directorist-search-slide .directorist-advanced-filter .directorist-filter-mob-btn {
    display: none;
  }
}
.directorist-search-slide .directorist-advanced-filter .mob-filter__close {
  width: 0.875rem;
  height: 0.875rem;
  fill: none;
  stroke: var(--black);
  stroke-width: 3px;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.directorist-search-slide .directorist-advanced-filter #mob-adv-filter.directorist-btn.directorist-filter-btn._icon-tune {
  position: absolute;
  top: 0.875rem;
  left: 0.9375rem;
  padding: 0;
  background-color: var(--white);
}
@media (min-width: 85.37375em) {
  .directorist-search-slide .directorist-advanced-filter #mob-adv-filter.directorist-btn.directorist-filter-btn._icon-tune {
    display: none;
  }
}

.directorist-archive-items.directorist-archive-list-view {
  height: calc(100vh - var(--header-m-h)) !important;
  margin: 0 auto;
  padding-top: 5.1875rem;
}
@media (min-width: 47.99875em) {
  .directorist-archive-items.directorist-archive-list-view {
    height: calc(100vh - var(--header-h) - 0.0625rem) !important;
  }
}
@media (min-width: 85.37375em) {
  .directorist-archive-items.directorist-archive-list-view {
    padding-top: 1.875rem;
  }
}
.directorist-archive-items.directorist-archive-list-view .directorist-container-fluid {
  padding-right: 1.875rem;
  padding-left: 1.875rem;
}
@media (min-width: 120em) {
  .directorist-archive-items.directorist-archive-list-view .directorist-container-fluid {
    max-width: 51.875rem;
  }
}
@media (min-width: 85.5em) and (max-width: 120em) {
  @supports (max-width: clamp( 43.75rem , 23.6141304348rem  +  23.5507246377vw , 51.875rem )) {
    .directorist-archive-items.directorist-archive-list-view .directorist-container-fluid {
      max-width: clamp( 43.75rem , 23.6141304348rem  +  23.5507246377vw , 51.875rem );
    }
  }
  @supports not (max-width: clamp( 43.75rem , 23.6141304348rem  +  23.5507246377vw , 51.875rem )) {
    .directorist-archive-items.directorist-archive-list-view .directorist-container-fluid {
      max-width: calc(43.75rem + 8.125 * (100vw - 85.5rem) / 34.5);
    }
  }
}
@media (max-width: 85.5em) {
  .directorist-archive-items.directorist-archive-list-view .directorist-container-fluid {
    max-width: 43.75rem;
  }
}

.atbdp-body.atbdp-map {
  height: calc(100svh - var(--header-m-h) - 0.0625rem) !important;
  /* Забезпечення повноекранного режиму на iPhone */
}
@media (min-width: 29.99875em) {
  .atbdp-body.atbdp-map {
    height: calc(100vh - var(--header-m-h) - 0.0625rem) !important;
  }
}
@media (min-width: 47.99875em) {
  .atbdp-body.atbdp-map {
    height: calc(100vh - var(--header-h) - 0.0625rem) !important;
  }
}
@supports (-webkit-touch-callout: none) {
  .atbdp-body.atbdp-map {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
}

/*Фільтр на карті*/
.directorist-type-nav {
  display: none;
}
.directorist-type-nav.filter {
  display: block;
  position: relative;
  top: 0;
  margin-bottom: 1.25rem;
}
@media (min-width: 85.37375em) {
  .directorist-type-nav.filter {
    display: none;
  }
}
@media (min-width: 85.37375em) {
  .directorist-type-nav {
    display: block;
    position: absolute;
    top: 0.9375rem;
    left: 0.625rem;
    z-index: 2;
    width: 100%;
    max-width: 17.0625rem;
    padding-left: 0;
    padding-right: 0;
    background-color: var(--terracoat);
    border: 1px solid var(--gray);
    border-top-left-radius: 0.6875rem;
    border-top-right-radius: 0.6875rem;
    border-bottom: transparent;
    overflow: hidden;
  }
}

.directorist-type-nav__list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-items: center;
  border-radius: 0.3125rem;
  position: relative;
  overflow: hidden;
}
@media (max-width: 85.37375em) {
  .directorist-type-nav__list::before {
    content: "";
    width: 0.125rem;
    height: 100%;
    background-color: var(--dark-terracoat);
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media (min-width: 85.37375em) {
  .directorist-type-nav__list {
    border: none;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
}
.directorist-type-nav__list li {
  background-color: var(--white);
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0.125rem solid var(--terracoat);
  position: relative;
}
@media (min-width: 85.37375em) {
  .directorist-type-nav__list li {
    border: none;
    background-color: var(--terracoat);
  }
}
.directorist-type-nav__list li:first-child {
  border-top-left-radius: 0.3125rem;
  border-bottom-left-radius: 0.3125rem;
  border-right: transparent;
}
@media (min-width: 85.37375em) {
  .directorist-type-nav__list li:first-child {
    border-bottom-left-radius: 0rem;
  }
}
.directorist-type-nav__list li:nth-of-type(2) {
  border-top-right-radius: 0.3125rem;
  border-bottom-right-radius: 0.3125rem;
  border-left: transparent;
}
@media (min-width: 85.37375em) {
  .directorist-type-nav__list li:nth-of-type(2) {
    border-bottom-right-radius: 0rem;
  }
}
.directorist-type-nav__list li a {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.125rem;
  color: var(--gray-2);
  font-weight: 700;
  line-height: 1.1666666667;
  text-transform: uppercase;
  background-color: var(--white);
  padding: 0.625rem 0.6875rem;
}
@media (min-width: 85.37375em) {
  .directorist-type-nav__list li a {
    padding: 0.9375rem;
    padding-bottom: 0.75rem;
    color: var(--dark-terracoat);
    background-color: var(--terracoat);
  }
}
.directorist-type-nav__list li a i {
  margin-right: 0.3125rem;
}
.directorist-type-nav__list li a i::after {
  background-color: var(--gray-2);
  width: 1.375rem;
  height: 1.375rem;
  margin-top: -0.1875rem;
}
@media (min-width: 85.37375em) {
  .directorist-type-nav__list li a i::after {
    background-color: var(--dark-terracoat);
  }
}
@media (any-hover: hover) {
  .directorist-type-nav__list li:hover {
    background-color: var(--yellow);
  }
  .directorist-type-nav__list li:hover::before {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    left: -10px;
    top: 0;
    background-color: var(--yellow);
  }
  .directorist-type-nav__list li:hover a {
    color: var(--dark-yellow);
    background-color: var(--yellow);
  }
  .directorist-type-nav__list li:hover a i::after {
    background-color: var(--dark-yellow);
  }
}
.directorist-type-nav__list li.current {
  background-color: var(--terracoat);
}
@media (min-width: 85.37375em) {
  .directorist-type-nav__list li.current {
    background-color: var(--white);
    border-top-left-radius: 0.6875rem;
    border-top-right-radius: 0.6875rem;
    z-index: 1;
  }
}
.directorist-type-nav__list li.current:hover a {
  cursor: default;
}
.directorist-type-nav__list li.current:hover::before {
  display: none;
}
.directorist-type-nav__list li.current a {
  color: var(--black);
  background-color: var(--terracoat);
}
@media (min-width: 85.37375em) {
  .directorist-type-nav__list li.current a {
    background-color: var(--white);
  }
}
.directorist-type-nav__list li.current a i::after {
  background-color: var(--black);
}

/*Перемикач склад завод - радіокнопки*/
.directorist-advanced-filter__advanced .directorist-radio input[type=radio] + .directorist-radio__label {
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--black);
}
@media (min-width: 85.37375em) {
  .directorist-advanced-filter__advanced .directorist-radio input[type=radio] + .directorist-radio__label {
    color: var(--black);
    background-color: var(--white);
    border-top-right-radius: 0.625rem;
    border-top-left-radius: 0.625rem;
  }
}

[lang=en-US] .directorist-advanced-filter__advanced .directorist-radio input[type=radio] + .directorist-radio__label {
  font-size: 0.9375rem;
}

.directorist-advanced-filter__advanced .directorist-radio input[type=radio]:not(:checked) + .directorist-radio__label {
  background-color: var(--white);
  color: var(--gray-2);
}
@media (min-width: 85.37375em) {
  .directorist-advanced-filter__advanced .directorist-radio input[type=radio]:not(:checked) + .directorist-radio__label {
    cursor: pointer;
    background-color: transparent;
    color: var(--dark-terracoat);
    z-index: 0;
  }
}

.directorist-advanced-filter__advanced .directorist-radio input[type=radio][checked] + .directorist-radio__label {
  cursor: pointer;
  background-color: var(--terracoat);
  color: var(--black);
}
@media (min-width: 85.37375em) {
  .directorist-advanced-filter__advanced .directorist-radio input[type=radio][checked] + .directorist-radio__label {
    cursor: default;
    background-color: var(--white);
    background: var(--terracoat);
    color: var(--black);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    position: relative;
  }
}

.directorist-advanced-filter__advanced .directorist-radio input[type=radio] + .directorist-radio__label:before,
.directorist-advanced-filter__advanced .directorist-radio input[type=radio][checked] + .directorist-radio__label:before {
  opacity: 1;
  visibility: visible;
}

.directorist-advanced-filter__advanced .directorist-radio input[type=radio] + .directorist-radio__label:before,
.directorist-advanced-filter__advanced .directorist-radio input[type=radio] + .directorist-radio__label:after {
  display: none;
}

.directorist-form-group.direcorist-search-field-radio .directorist-search-field.business-type-switch {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  border: none;
  border-radius: 0.3125rem;
  overflow: hidden;
  border: 0.125rem solid var(--terracoat);
}
@media (max-width: 85.37375em) {
  .directorist-form-group.direcorist-search-field-radio .directorist-search-field.business-type-switch {
    background-color: var(--terracoat);
  }
}
@media (min-width: 85.37375em) {
  .directorist-form-group.direcorist-search-field-radio .directorist-search-field.business-type-switch {
    border: none;
    border-top-left-radius: 0.625rem;
    border-top-right-radius: 0.625rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    width: 18.625rem;
    margin-left: -1.25rem;
    overflow: hidden;
    position: relative;
  }
  [lang=en-US] .directorist-form-group.direcorist-search-field-radio .directorist-search-field.business-type-switch {
    width: 18rem;
  }
  .directorist-form-group.direcorist-search-field-radio .directorist-search-field.business-type-switch::before {
    content: "";
    width: 100%;
    height: calc(100% - 0.125rem);
    background-color: var(--terracoat);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 0;
    border-top-right-radius: 0.625rem;
    border-top-right-radius: 0.625rem;
  }
}
.directorist-form-group.direcorist-search-field-radio .directorist-search-field.business-type-switch .directorist-radio {
  margin: 0;
  width: 50%;
}
.directorist-form-group.direcorist-search-field-radio .directorist-search-field.business-type-switch .directorist-radio .directorist-radio__label {
  min-width: 3.125rem;
  width: 100%;
  padding: 0.5625rem 0;
  border: none;
}
@media (min-width: 85.37375em) {
  .directorist-form-group.direcorist-search-field-radio .directorist-search-field.business-type-switch .directorist-radio .directorist-radio__label {
    padding: 0.9375rem 0;
  }
}
.directorist-form-group.direcorist-search-field-radio .directorist-search-field.business-type-switch .directorist-radio .directorist-radio__label.zavod span, .directorist-form-group.direcorist-search-field-radio .directorist-search-field.business-type-switch .directorist-radio .directorist-radio__label.sklad span {
  display: flex;
  justify-content: center;
}
.directorist-form-group.direcorist-search-field-radio .directorist-search-field.business-type-switch .directorist-radio .directorist-radio__label.zavod span::before, .directorist-form-group.direcorist-search-field-radio .directorist-search-field.business-type-switch .directorist-radio .directorist-radio__label.sklad span::before {
  display: block;
  font-family: "icons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 0.4375rem;
  font-size: 1.25rem;
}
.directorist-form-group.direcorist-search-field-radio .directorist-search-field.business-type-switch .directorist-radio .directorist-radio__label.zavod span::before {
  content: "\e90b";
}
.directorist-form-group.direcorist-search-field-radio .directorist-search-field.business-type-switch .directorist-radio .directorist-radio__label.sklad span::before {
  content: "\e90a";
}

[lang=en-US] .directorist-form-group.direcorist-search-field-radio .directorist-search-field.business-type-switch .directorist-radio .directorist-radio__label.zavod span::before,
[lang=en-US] .directorist-form-group.direcorist-search-field-radio .directorist-search-field.business-type-switch .directorist-radio .directorist-radio__label.sklad span::before {
  font-size: 1rem;
}

/* Стиль для radio button, який завжди активний */
.directorist-advanced-filter__advanced .directorist-radio input[type=radio][checked] + .directorist-radio__label {
  background-color: var(--white);
  color: var(--gray-2);
}
@media (min-width: 85.37375em) {
  .directorist-advanced-filter__advanced .directorist-radio input[type=radio][checked] + .directorist-radio__label {
    background-color: var(--terracoat);
    color: var(--dark-terracoat);
    cursor: pointer;
  }
}

/* Стиль для зазначених (checked) radio buttons */
.directorist-advanced-filter__advanced .directorist-radio input[type=radio]:checked + .directorist-radio__label {
  background-color: var(--terracoat);
  color: var(--black);
}
@media (min-width: 85.37375em) {
  .directorist-advanced-filter__advanced .directorist-radio input[type=radio]:checked + .directorist-radio__label {
    background-color: var(--white);
    color: var(--black);
    cursor: default;
  }
}

/* Стиль для звичайних radio buttons */
/*Cтилі для фільтра*/
.directorist-advanced-filter__form {
  display: flex;
  flex-direction: column;
}
.directorist-advanced-filter__form .directorist-advanced-filter__basic {
  order: 2;
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 2.8125rem;
}
@media (min-width: 85.37375em) {
  .directorist-advanced-filter__form .directorist-advanced-filter__basic {
    margin-bottom: 1.25rem;
  }
}
.directorist-advanced-filter__form .directorist-advanced-filter__basic .directorist-advanced-filter__basic--element {
  flex: auto;
  width: 100%;
}
.directorist-advanced-filter__form .directorist-advanced-filter__basic .directorist-advanced-filter__basic--element .directorist-search-field {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.directorist-advanced-filter__form .directorist-advanced-filter__basic .directorist-advanced-filter__basic--element .directorist-form-group .directorist-form-element {
  border: 0.125rem solid var(--terracoat);
  font-size: 1.125rem;
  font-weight: 400;
  color: var(--black);
  height: 1.5625rem;
}
.directorist-advanced-filter__form .directorist-advanced-filter__advanced {
  order: 1;
}
.directorist-advanced-filter__form .directorist-advanced-filter__advanced .directorist-advanced-filter__advanced--element {
  border-bottom: 0.125rem solid var(--terracoat);
  padding-bottom: 0.625rem;
  margin-bottom: 1.25rem;
}
@media (min-width: 85.37375em) {
  .directorist-advanced-filter__form .directorist-advanced-filter__advanced .directorist-advanced-filter__advanced--element:first-child {
    border-bottom: none;
  }
}
.directorist-advanced-filter__form .directorist-advanced-filter__advanced .directorist-advanced-filter__advanced--element .directorist-search-field .directorist-checkbox {
  margin-bottom: 0;
  width: 100%;
  padding-bottom: 0.625rem;
  padding-top: 0.625rem;
}
@media (min-width: 29.99875em) {
  .directorist-advanced-filter__form .directorist-advanced-filter__advanced .directorist-advanced-filter__advanced--element .directorist-search-field .directorist-checkbox {
    width: 50%;
  }
}
@media (min-width: 47.99875em) {
  .directorist-advanced-filter__form .directorist-advanced-filter__advanced .directorist-advanced-filter__advanced--element .directorist-search-field .directorist-checkbox {
    width: 100%;
  }
}
.directorist-advanced-filter__form .directorist-advanced-filter__advanced .directorist-advanced-filter__advanced--element .directorist-search-field .directorist-checkbox input[type=checkbox] + .directorist-checkbox__label {
  font-size: 1.125rem;
  color: var(--black);
  font-weight: 400;
  text-transform: none;
  line-height: 1.1666666667;
  padding-left: 2.5rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 1.875rem;
}
@media (any-hover: hover) {
  .directorist-advanced-filter__form .directorist-advanced-filter__advanced .directorist-advanced-filter__advanced--element .directorist-search-field .directorist-checkbox input[type=checkbox] + .directorist-checkbox__label:hover {
    cursor: pointer;
  }
}
.directorist-advanced-filter__form .directorist-advanced-filter__advanced .directorist-advanced-filter__advanced--element .directorist-search-field .directorist-checkbox input[type=checkbox] + .directorist-checkbox__label span {
  font-size: 1.875rem;
  margin-right: 0.625rem;
}
.directorist-advanced-filter__form .directorist-advanced-filter__advanced .directorist-advanced-filter__advanced--element .directorist-search-field .directorist-checkbox input[type=checkbox] + .directorist-checkbox__label span._icon-concrete::before {
  font-size: 1.75rem;
}
.directorist-advanced-filter__form .directorist-advanced-filter__advanced .directorist-advanced-filter__advanced--element .directorist-search-field .directorist-checkbox input[type=checkbox] + .directorist-checkbox__label::before {
  mask-image: url(../lupaem/assets/images/icons/check.svg);
  -webkit-mask-image: url(../lupaem/assets/images/icons/check.svg);
  width: 1.25rem;
  height: 0.9375rem;
  background-color: var(--terracoat);
  top: 0.4375rem;
}
.directorist-advanced-filter__form .directorist-advanced-filter__advanced .directorist-advanced-filter__advanced--element .directorist-search-field .directorist-checkbox input[type=checkbox] + .directorist-checkbox__label::after {
  border: 0.125rem solid var(--terracoat);
  border-radius: 0.3125rem;
  width: 1.875rem;
  height: 1.875rem;
}
.directorist-advanced-filter__form .directorist-advanced-filter__advanced .direcorist-search-field-radio {
  padding-bottom: 0;
  margin-bottom: 1.6875rem;
}
@media (min-width: 85.37375em) {
  .directorist-advanced-filter__form .directorist-advanced-filter__advanced .direcorist-search-field-radio {
    border-bottom: none;
  }
}
.directorist-advanced-filter__form .directorist-advanced-filter__action {
  order: 3;
}

.directorist-search-field label {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.1666666667;
  text-transform: uppercase;
}
.directorist-search-field .directorist-search-location {
  display: flex;
  flex-direction: column;
}
.directorist-search-field .directorist-search-location label {
  margin-bottom: 1rem;
}

.location-label {
  display: block;
  margin-bottom: 1rem;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.1666666667;
  text-transform: uppercase;
}

.directorist-advanced-filter__advanced--element.direcorist-search-field-category .directorist-search-field label {
  margin-bottom: 1rem;
}

.directorist-search-tags .directorist-checkbox.directorist-checkbox-primary input[type=checkbox]:checked + .directorist-checkbox__label:after,
.directorist-search-tags .directorist-checkbox.directorist-checkbox-primary input[type=checkbox]:checked + .directorist-radio__label:after,
.directorist-search-tags .directorist-checkbox.directorist-checkbox-primary input[type=radio]:checked + .directorist-checkbox__label:after,
.directorist-search-tags .directorist-checkbox.directorist-checkbox-primary input[type=radio]:checked + .directorist-radio__label:after {
  background-color: var(--white);
  border-color: var(--terracoat);
}

.directorist-checkbox-checked {
  position: relative;
}
.directorist-checkbox-checked::before {
  content: "";
  position: absolute;
  top: 0;
  left: -0.9375rem;
  width: calc(100% + 1.875rem);
  background-color: #E9E9E9;
  height: 100%;
}
@media (min-width: 85.37375em) {
  .directorist-checkbox-checked::before {
    width: calc(100% + 2.5rem);
    left: -1.25rem;
  }
}
.directorist-checkbox-checked label {
  color: #818181 !important;
}

.directorist-search-field .select2.select2-container .select2-selection--single {
  height: 1.8125rem;
  border: 0.125rem solid var(--terracoat);
  border-radius: 0.3125rem;
  min-height: 1.8125rem;
  padding-left: 0;
}
.directorist-search-field .select2.select2-container .select2-selection--single .select2-selection__rendered {
  height: 1.5625rem;
  line-height: 1.5625rem;
  color: var(--black);
  font-size: 1.125rem;
}
.directorist-search-field .select2.select2-container .select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
  line-height: 1.5625rem;
  color: var(--gray-2);
}

.directorist-search-field .directorist-form-group .select2-container--default .select2-selection {
  padding-left: 0;
}

/* loading effect */
.atbdp-form-fade {
  padding-right: 0 !important;
}

.otgs-development-site-front-end {
  display: none;
}

.no-scroll {
  overflow: hidden;
}

.directorist-advanced-filter--show {
  overflow: auto;
}

.directorist-advanced-filter__action .directorist-btn.directorist-btn-sm {
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.1875;
  padding: 0.625rem;
  width: 100%;
  max-width: 9.75rem;
  border-radius: 0.3125rem;
}
.directorist-advanced-filter__action .directorist-btn.directorist-btn-sm::before {
  margin-right: 0.3125rem;
  font-size: 14px;
}

.directorist-listing-contacts-btn .directorist-btn.directorist-btn-outline-primary.directorist-listing-show-contacts-btn {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.2142857143;
  padding: 0.375rem 1.25rem;
  min-height: 2.3125rem !important;
  height: 2.3125rem;
  width: 8.5625rem;
  border: 0.125rem solid var(--terracoat) !important;
  background: #fff !important;
}
@media (any-hover: hover) {
  .directorist-listing-contacts-btn .directorist-btn.directorist-btn-outline-primary.directorist-listing-show-contacts-btn:hover {
    background: var(--terracoat) !important;
    color: var(--white) !important;
  }
}
.directorist-listing-contacts-btn .directorist-btn.directorist-btn-outline-primary.directorist-listing-show-contacts-btn::before {
  font-size: 1.5rem;
  margin-right: 0.3125rem;
}
.directorist-listing-contacts-btn .directorist-btn.directorist-btn-outline-primary.directorist-listing-show-contacts-btn.active {
  background: var(--terracoat) !important;
  color: var(--white) !important;
}

.directorist-btn.directorist-filter-btn {
  padding: 0.3125rem 0.625rem;
  gap: 0.3125rem;
  min-height: 2.125rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--terracoat);
  border-radius: 0.3125rem;
  font-size: 0.875rem;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.2142857143;
  color: var(--black);
}
.directorist-btn.directorist-filter-btn::before {
  font-size: 1.375rem;
  margin-top: -0.0625rem;
}

.directorist-form-map-field__wrapper #directorist-map-floating-panel button::before {
  margin-right: 0.3125rem;
}

.directorist-form-submit button {
  text-transform: uppercase;
  font-weight: 700;
}
@media (min-width: 120em) {
  .directorist-form-submit button {
    font-size: 1.125rem;
  }
}
@media (min-width: 20em) and (max-width: 120em) {
  @supports (font-size: clamp( 0.75rem , 0.675rem  +  0.375vw , 1.125rem )) {
    .directorist-form-submit button {
      font-size: clamp( 0.75rem , 0.675rem  +  0.375vw , 1.125rem );
    }
  }
  @supports not (font-size: clamp( 0.75rem , 0.675rem  +  0.375vw , 1.125rem )) {
    .directorist-form-submit button {
      font-size: calc(0.75rem + 0.375 * (100vw - 20rem) / 100);
    }
  }
}
@media (max-width: 20em) {
  .directorist-form-submit button {
    font-size: 0.75rem;
  }
}

.directorist-map-coordinates__generate .directorist-btn.directorist-btn-primary:focus {
  background: var(--terracoat) !important;
}

.directorist-archive-items .directorist-listing-single.directorist-listing-no-thumb {
  border: none;
  border-bottom: 0.0625rem solid var(--gray-2);
  border-radius: 0;
  padding-bottom: 1.25rem;
  margin-bottom: 0.6875rem;
}
@media (min-width: 61.99875em) {
  .directorist-archive-items .directorist-listing-single.directorist-listing-no-thumb {
    margin-bottom: 1.25rem;
    padding-bottom: 0.875rem;
    border-bottom: 0.125rem solid var(--terracoat);
  }
}
@media (min-width: 61.99875em) {
  .directorist-archive-items .directorist-listing-single.directorist-listing-no-thumb:first-child {
    border-top: 0.125rem solid var(--terracoat);
    padding-top: 1.25rem;
  }
}
.directorist-archive-items .directorist-listing-single.directorist-listing-no-thumb:last-child {
  border-bottom: transparent;
}
@media (min-width: 61.99875em) {
  .directorist-archive-items .directorist-listing-single.directorist-listing-no-thumb:last-child {
    border-bottom: 0.125rem solid var(--terracoat);
  }
}
.directorist-archive-items .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: block;
  margin-bottom: 0rem;
}
@media (min-width: 61.99875em) {
  .directorist-archive-items .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header {
    display: flex;
    margin-bottom: 0.375rem;
  }
}
.directorist-archive-items .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-single__header__left {
  padding-right: 0;
  display: flex;
}
.directorist-archive-items .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-single__header__left .directorist-listing-single__info {
  display: grid;
  grid-template-columns: 50% 50%;
  grid-template-rows: auto auto auto;
  grid-template-areas: "Name ContactsBtn" "TagsIcons TagsIcons" "TagsList TagsList";
  padding-bottom: 0.375rem;
  width: 100%;
}
@media (min-width: 61.99875em) {
  .directorist-archive-items .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-single__header__left .directorist-listing-single__info {
    grid-template-columns: 30% 40% 28%;
    grid-template-rows: auto auto;
    grid-template-areas: "Name TagsList ContactsBtn" "TagsIcons TagsIcons TagsIcons";
    column-gap: 1%;
    padding-bottom: 0;
  }
}
.directorist-archive-items .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-single__header__left .directorist-listing-single__info .directorist-listing-tagline.tags {
  text-transform: lowercase;
  font-size: 1rem;
  margin: 0;
  grid-area: TagsList;
  line-height: 1.1875;
  display: flex;
  align-items: center;
}
.directorist-archive-items .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-single__header__left .directorist-listing-single__info .directorist-listing-tagline.tags .directorist-listing-tagline__label {
  font-weight: 500;
  text-transform: none;
  width: 20%;
  margin-right: 0.9375rem;
}
@media (min-width: 61.99875em) {
  .directorist-archive-items .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-single__header__left .directorist-listing-single__info .directorist-listing-tagline.tags .directorist-listing-tagline__label {
    width: 33%;
    text-align: right;
  }
}
.directorist-archive-items .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-single__header__left .directorist-listing-single__info .directorist-listing-tagline.tags .directorist-listing-tagline__value {
  display: block;
  width: 65%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.directorist-archive-items .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-single__header__left .directorist-listing-single__info .directorist-listing-tagline.tags-icons {
  grid-area: TagsIcons;
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: 1.875rem;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0.6875rem;
  margin-bottom: 1.5625rem;
  flex-wrap: wrap;
}
@media (min-width: 61.99875em) {
  .directorist-archive-items .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-single__header__left .directorist-listing-single__info .directorist-listing-tagline.tags-icons {
    display: none;
  }
}
.directorist-archive-items .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-single__header__left .directorist-listing-single__info .directorist-listing-contacts-btn {
  grid-area: ContactsBtn;
  align-self: center;
  margin-left: auto;
}
.directorist-archive-items .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-single__header__left .directorist-listing-single__info .directorist-listing-title {
  grid-area: Name;
  align-self: center;
}
.directorist-archive-items .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-single__header__left .directorist-listing-single__info .directorist-listing-title a {
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--terracoat);
  line-height: 1.1666666667;
  white-space: pre-wrap;
}
@media (min-width: 61.99875em) {
  .directorist-archive-items .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-single__header__left .directorist-listing-single__info .directorist-listing-title a {
    color: var(--black);
  }
}
@media (min-width: 61.99875em) and (any-hover: hover) {
  .directorist-archive-items .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-single__header__left .directorist-listing-single__info .directorist-listing-title a:hover {
    color: var(--terracoat);
  }
}
.directorist-archive-items .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__content .directorist-listing-single__content__body {
  padding: 0;
}
.directorist-archive-items .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__content .directorist-listing-single__content__body .directorist-listing-single__contacts .directorist-listing-single__contacts_btn-block {
  display: flex;
  position: relative;
}
.directorist-archive-items .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__content .directorist-listing-single__content__body .directorist-listing-single__contacts .directorist-listing-single__contacts_btn-block .directorist-listing-single-show-more-btn {
  display: flex;
  align-items: center;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--terracoat);
}
.directorist-archive-items .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__content .directorist-listing-single__content__body .directorist-listing-single__contacts .directorist-listing-single__contacts_btn-block .directorist-listing-single-show-more-btn::after {
  content: "";
  width: 0;
  height: 0;
  border-left: 0.375rem solid transparent;
  border-right: 0.375rem solid transparent;
  border-bottom: 0.375rem solid var(--terracoat);
  margin-left: 0.9375rem;
  margin-right: 0.9375rem;
  transform: rotate(180deg);
}
.directorist-archive-items .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__content .directorist-listing-single__content__body .directorist-listing-single__contacts .directorist-listing-single__contacts_btn-block span {
  position: relative;
  width: 100%;
  display: block;
}
.directorist-archive-items .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__content .directorist-listing-single__content__body .directorist-listing-single__contacts .directorist-listing-single__contacts_btn-block span::before {
  content: "";
  height: 0.125rem;
  width: 100%;
  background-color: var(--terracoat);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
.directorist-archive-items .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__content .directorist-listing-single__content__body .directorist-listing-single__contacts .directorist-listing-single__info--list {
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  transition: max-height 0.3s ease, opacity 0.3s ease, visibility 0.3s;
  transform-origin: top;
}
.directorist-archive-items .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__content .directorist-listing-single__content__body .directorist-listing-single__contacts .directorist-listing-single__info--list.show-info {
  max-height: 1000px;
  opacity: 1;
  visibility: visible;
  transform: scaleY(1);
}
.directorist-archive-items .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__content .directorist-listing-single__content__body .directorist-listing-single__contacts .directorist-listing-single__info--list ul {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: auto auto auto;
  grid-template-areas: "Adress" "Phone" "Mail";
  column-gap: 1.25rem;
}
@media (min-width: 61.99875em) {
  .directorist-archive-items .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__content .directorist-listing-single__content__body .directorist-listing-single__contacts .directorist-listing-single__info--list ul {
    padding-top: 0;
    grid-template-columns: 30% 40% 28%;
    grid-template-rows: auto auto;
    grid-template-areas: "Adress Phone" "Adress Mail";
    column-gap: 1%;
  }
}
.directorist-archive-items .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__content .directorist-listing-single__content__body .directorist-listing-single__contacts .directorist-listing-single__info--list ul li:not(:last-child) {
  margin: 0;
}
.directorist-archive-items .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__content .directorist-listing-single__content__body .directorist-listing-single__contacts .directorist-listing-single__info--list ul li:first-child {
  grid-area: Adress;
  margin: 1.5625rem 0;
}
@media (min-width: 61.99875em) {
  .directorist-archive-items .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__content .directorist-listing-single__content__body .directorist-listing-single__contacts .directorist-listing-single__info--list ul li:first-child {
    margin: 0;
  }
}
.directorist-archive-items .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__content .directorist-listing-single__content__body .directorist-listing-single__contacts .directorist-listing-single__info--list ul li:nth-child(2) {
  grid-area: Phone;
}
.directorist-archive-items .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__content .directorist-listing-single__content__body .directorist-listing-single__contacts .directorist-listing-single__info--list ul li:nth-child(3) {
  grid-area: Mail;
}
.directorist-archive-items .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__content .directorist-listing-single__content__body .directorist-listing-single__contacts .directorist-listing-single__info--list .listing-contact-item {
  font-size: 1rem;
  font-weight: 400;
  color: var(--black);
  white-space: normal;
  display: flex;
  align-items: flex-start;
}
@media (min-width: 61.99875em) {
  .directorist-archive-items .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__content .directorist-listing-single__content__body .directorist-listing-single__contacts .directorist-listing-single__info--list .listing-contact-item.directorist-listing-card-email .directorist-listing-single__info--list__label {
    display: none;
  }
}
@media (min-width: 61.99875em) {
  .directorist-archive-items .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__content .directorist-listing-single__content__body .directorist-listing-single__contacts .directorist-listing-single__info--list .listing-contact-item.directorist-listing-card-address {
    white-space: normal;
    flex-direction: row;
    display: flex;
  }
}
@media (min-width: 61.99875em) {
  .directorist-archive-items .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__content .directorist-listing-single__content__body .directorist-listing-single__contacts .directorist-listing-single__info--list .listing-contact-item.directorist-listing-card-address .directorist-listing-single__info--list__label {
    text-align: left;
  }
}
.directorist-archive-items .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__content .directorist-listing-single__content__body .directorist-listing-single__contacts .directorist-listing-single__info--list .listing-contact-item .directorist-listing-single__info--list__label {
  font-size: 1rem;
  font-weight: 500;
  margin-right: 0rem;
  text-transform: none;
  color: var(--black);
  width: 20%;
  margin-right: 0.9375rem;
}
@media (min-width: 61.99875em) {
  .directorist-archive-items .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__content .directorist-listing-single__content__body .directorist-listing-single__contacts .directorist-listing-single__info--list .listing-contact-item .directorist-listing-single__info--list__label {
    width: 33%;
    text-align: right;
  }
}
.directorist-archive-items .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__content .directorist-listing-single__content__body .directorist-listing-single__contacts .directorist-listing-single__info--list .listing-contact-item .directorist-listing-single__info--list__value {
  width: 65%;
}
@media (min-width: 61.99875em) {
  .directorist-archive-items .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__content .directorist-listing-single__content__body .directorist-listing-single__contacts .directorist-listing-single__info--list .listing-contact-item.directorist-listing-card-email a {
    margin-left: calc(33% + 1.3125rem);
  }
}
.directorist-archive-items .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__content .directorist-listing-single__content__body .directorist-listing-single__contacts .directorist-listing-single__info--list .listing-contact-item a {
  color: var(--black);
}
.directorist-archive-items .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__content .directorist-listing-single__content__body .directorist-listing-single__info--list .listing-contact-item {
  font-size: 1rem;
  font-weight: 400;
  color: var(--black);
  display: block;
}
.directorist-archive-items .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__content .directorist-listing-single__content__body .directorist-listing-single__info--list .listing-contact-item .directorist-listing-single__info--list__label {
  font-size: 1rem;
  font-weight: 500;
  margin-right: 1.1875rem;
  text-transform: none;
  color: var(--black);
}
.directorist-archive-items .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__content .directorist-listing-single__content__body .directorist-listing-single__info--list .listing-contact-item a {
  color: var(--black);
  line-height: 1.1875;
  display: block;
  width: 65%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.directorist-archive-contents .directorist-pagination .page-number {
  border: 1px solid var(--terracoat);
}
.directorist-archive-contents .directorist-pagination .page-numbers {
  color: var(--black);
}
.directorist-archive-contents .directorist-pagination .page-numbers.current {
  border-color: var(--terracoat);
  background-color: var(--terracoat);
}

.directorist-add-listing-types,
.directorist-single {
  padding-top: 2.875rem;
}
@media (min-width: 85.37375em) {
  .directorist-add-listing-types,
  .directorist-single {
    padding-top: 4.375rem;
  }
}

.directorist-add-listing-wrapper {
  padding-top: 1.625rem;
}
@media (min-width: 85.37375em) {
  .directorist-add-listing-wrapper {
    padding-top: 3.125rem;
  }
}

.directorist-add-listing-form .directorist-content-module {
  border: none;
}
.directorist-add-listing-form .directorist-content-module .directorist-content-module__title {
  border-bottom: none;
  font-size: 1.5rem;
  font-weight: 700;
  text-transform: uppercase;
  padding-bottom: 1rem;
  justify-content: center;
}
@media (min-width: 85.37375em) {
  .directorist-add-listing-form .directorist-content-module .directorist-content-module__title {
    font-size: 1.875rem;
    padding-bottom: 2rem;
  }
}
.directorist-add-listing-form .directorist-content-module .directorist-content-module__contents {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  padding-bottom: 0;
}
.directorist-add-listing-form .directorist-form-group .directorist-form-element {
  border: 1px solid var(--terracoat);
  border-radius: 0;
}
.directorist-add-listing-form .directorist-form-group .select2-container--default .select2-selection {
  border: 1px solid var(--terracoat);
  border-radius: 0;
  cursor: pointer;
}
.directorist-add-listing-form .directorist-form-group .select2-container--default .select2-selection .select2-selection__placeholder {
  color: var(--gray-2);
}
.directorist-add-listing-form .directorist-form-group .select2-container--default .select2-selection .select2-selection__rendered {
  padding: 0 0.3125rem;
}
.directorist-add-listing-form .directorist-form-group .select2-container--default .select2-selection .select2-selection__rendered#select2-at_biz_dir-location-container {
  line-height: 2.5rem;
}
.directorist-add-listing-form .directorist-custom-field-btn-more {
  display: none;
}

.directorist-add-listing-form__action {
  margin-bottom: 4.0625rem;
}
@media (min-width: 85.37375em) {
  .directorist-add-listing-form__action {
    margin-bottom: 5.9375rem;
  }
}

.directorist-add-listing-types__single .directorist-add-listing-types__single__link {
  background: var(--terracoat) !important;
  font-size: 0.875rem !important;
  font-weight: 700;
  text-transform: uppercase;
}
@media (min-width: 85.37375em) {
  .directorist-add-listing-types__single .directorist-add-listing-types__single__link {
    font-size: 1.125rem !important;
  }
}
@media (any-hover: hover) {
  .directorist-add-listing-types__single .directorist-add-listing-types__single__link:hover {
    background-color: var(--yellow) !important;
    color: var(--black) !important;
  }
  .directorist-add-listing-types__single .directorist-add-listing-types__single__link:hover .directorist-icon-mask::after {
    background-color: var(--black) !important;
  }
}
.directorist-add-listing-types__single .directorist-icon-mask::after {
  width: 1.875rem !important;
  height: 1.875rem !important;
}
@media (min-width: 85.37375em) {
  .directorist-add-listing-types__single .directorist-icon-mask::after {
    width: 2.5rem !important;
    height: 2.5rem !important;
  }
}

.directorist-add-listing-types-title h1 {
  font-size: 1.5rem;
  font-weight: 700;
  text-transform: uppercase;
  padding-bottom: 2.875rem;
  text-align: center;
}
@media (min-width: 85.37375em) {
  .directorist-add-listing-types-title h1 {
    font-size: 1.875rem;
    padding-bottom: 3.875rem;
  }
}

.directorist-single-wrapper .directorist-details-info-wrap .directorist-single-info .directorist-single-info__label {
  min-width: auto;
}
.directorist-single-wrapper .directorist-details-info-wrap .directorist-single-info .directorist-single-info__label .directorist-single-info__label--text {
  display: none;
}

.directorist-form-map-field .directorist-map-coordinates {
  display: none;
}

.directorist-add-listing-wrapper .directorist-radio input[type=radio] + .directorist-radio__label {
  color: var(--black);
}

.directorist-add-listing-wrapper .directorist-radio input[type=radio] + .directorist-radio__label:after {
  border: 0.0625rem solid var(--terracoat);
}

.directorist-add-listing-wrapper .directorist-radio input[type=radio] + .directorist-radio__label:before {
  top: 6px;
  left: 6px;
  background-color: var(--terracoat) !important;
}

.directorist-add-listing-wrapper .directorist-radio input[type=radio]:checked + .directorist-radio__label:after {
  border-color: var(--terracoat);
}

@media only screen and (max-width: 1599px) {
  .directorist-add-listing-wrapper .directorist-custom-field-radio .directorist-radio {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
  }
}
@media only screen and (max-width: 1199px) {
  .directorist-add-listing-wrapper .directorist-custom-field-radio .directorist-radio {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
  }
}
@media only screen and (max-width: 767px) {
  .directorist-add-listing-wrapper .directorist-custom-field-radio .directorist-radio {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
  }
}
@media (max-width: 29.99875em) {
  .directorist-add-listing-wrapper .directorist-custom-field-radio .directorist-radio {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
}

.directorist-custom-field-file-upload .directorist-form-label,
.directorist-custom-field-file-upload .directorist-form-description {
  text-align: center;
}

.directorist-add-listing-wrapper #gmap {
  pointer-events: none;
}

.map-icon-label .atbd_map_shape {
  width: 2.125rem;
  height: 2.25rem;
  border-top-right-radius: 0.3125rem;
  border-top-left-radius: 0.3125rem;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  top: -0.9375rem;
}
.map-icon-label .atbd_map_shape:before {
  position: absolute;
  content: "";
  border-top: 0.875rem solid var(--terracoat);
  border-left: 1.0625rem solid transparent;
  border-right: 1.0625rem solid transparent;
  left: 50%;
  bottom: -0.8125rem;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.map-icon-label .atbd_map_shape i {
  width: 1.25rem !important;
  height: 1.25rem !important;
  font-size: 1.25rem;
  border-radius: 0;
  background: transparent;
}
.map-icon-label .atbd_map_shape .directorist-icon-mask::after {
  width: 2.1875rem;
  height: 1.75rem;
  background-color: var(--white);
}

.directorist-archive-map-view .atbdp-map .gm-style .gm-style-iw .gm-style-iw-d {
  overflow: auto !important;
  padding-bottom: 0.9375rem;
}
.directorist-archive-map-view .atbdp-map .gm-style .gm-style-iw .gm-style-iw-d .map-info-details .atbdp-listings-title-block h3 {
  font-size: 1.125rem !important;
  font-weight: 700;
  line-height: 1.1666666667;
  margin-bottom: 0.5625rem;
  padding-right: 2.5rem;
}
@media (any-hover: hover) {
  .directorist-archive-map-view .atbdp-map .gm-style .gm-style-iw .gm-style-iw-d .map-info-details .atbdp-listings-title-block h3 a:hover {
    color: var(--terracoat);
  }
}
.directorist-archive-map-view .atbdp-map .gm-style .gm-style-iw .gm-style-iw-d .map-info-details .atbdp-listings-title-block .tags {
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: 0.5625rem;
  padding-right: 1.25rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.directorist-archive-map-view .atbdp-map .gm-style .gm-style-iw .gm-style-iw-d .map-info-details .atbdp-listings-title-block .tags span {
  margin: 0.3125rem;
}
.directorist-archive-map-view .atbdp-map .gm-style .gm-style-iw .gm-style-iw-d .map-info-details .atbdp-listings-title-block .tags .tags-heading {
  margin: 0 0.3125rem 0 0;
}
.directorist-archive-map-view .atbdp-map .gm-style .gm-style-iw .gm-style-iw-d .map-info-details .map_addr {
  margin-bottom: 0.5625rem;
  padding-right: 1.25rem;
  display: flex;
  flex-direction: column;
  font-size: 1rem;
  font-weight: 400;
}
.directorist-archive-map-view .atbdp-map .gm-style .gm-style-iw .gm-style-iw-d .map-info-details .map_addr span {
  font-weight: 500;
}
.directorist-archive-map-view .atbdp-map .gm-style .gm-style-iw .gm-style-iw-d .map-info-details .map_contact {
  display: flex;
  flex-direction: column;
  font-size: 1rem;
  font-weight: 400;
}
.directorist-archive-map-view .atbdp-map .gm-style .gm-style-iw .gm-style-iw-d .map-info-details .map_contact span {
  font-weight: 500;
}
.directorist-archive-map-view .atbdp-map .gm-style .gm-style-iw .gm-style-iw-d .map-info-details .map_contact a {
  color: var(--black);
}
.directorist-archive-map-view .atbdp-map .gm-style .gm-style-iw .map-info-wrapper .iw-close-btn:hover {
  background: var(--terracoat);
}

.map-details-content {
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  transition: max-height 0.3s ease, opacity 0.3s ease, visibility 0.3s;
  transform-origin: top;
}
.map-details-content.show-info {
  max-height: 1000px;
  opacity: 1;
  visibility: visible;
  transform: scaleY(1);
}

.map-details-btn {
  font-size: 0.875rem;
  font-weight: 400;
  color: var(--link);
  transition: color 0.2s ease;
}
@media (any-hover: hover) {
  .map-details-btn:hover {
    color: var(--terracoat);
  }
}

/* Усунення синьої рамки для iframe та div */
iframe[tabindex="-1"],
div[style*="pointer-events: none; width: 100%; height: 100%; box-sizing: border-box; position: absolute; z-index: 1000002; opacity: 1; border: 2px solid rgb(26, 115, 232);"] {
  outline: none !important;
  border: none !important;
  opacity: 0 !important;
}

@media (min-width: 47.99875em) {
  .directorist-single .directorist-single-wrapper {
    padding-bottom: 2.5rem;
  }
}
.directorist-single .directorist-single-wrapper .directorist-card {
  border: 1px solid transparent;
  margin-bottom: 0;
}
.directorist-single .directorist-single-wrapper .directorist-card .directorist-card__header {
  border-bottom: none;
  padding: 0 0 15px;
}
.directorist-single .directorist-single-wrapper .directorist-card .directorist-card__header h1.directorist-card__header--title {
  font-size: 1.5rem;
  font-weight: 500;
}
@media (min-width: 47.99875em) {
  .directorist-single .directorist-single-wrapper .directorist-card .directorist-card__header h1.directorist-card__header--title {
    font-size: 1.875rem;
  }
}
.directorist-single .directorist-single-wrapper .directorist-card.directorist-single-listing-header .directorist-card__body {
  padding-bottom: 1.25rem;
}
.directorist-single .directorist-single-wrapper .directorist-card .directorist-card__body {
  padding: 0 0 35px;
}
.directorist-single .directorist-single-wrapper .directorist-card .directorist-card__body .directorist-listing-details__text {
  margin-bottom: 1.25rem;
}
.directorist-single .directorist-single-wrapper .directorist-card .directorist-card__body .directorist-listing-details__text p {
  color: var(--black);
  font-size: 1rem;
}
.directorist-single .directorist-single-wrapper .directorist-card .directorist-card__body .plasmaSlider {
  background-color: transparent;
}
.directorist-single .directorist-single-wrapper .directorist-card .directorist-card__body .directorist-details-info-wrap ul li {
  margin: 0;
}
.directorist-single .directorist-single-wrapper .directorist-card .directorist-card__body .directorist-details-info-wrap .directorist-single-tag-list {
  margin-top: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(12.5rem, 1fr));
}
.directorist-single .directorist-single-wrapper .directorist-card .directorist-card__body .directorist-details-info-wrap .directorist-single-info:not(:last-child) {
  margin-bottom: 0.375rem;
}
.directorist-single .directorist-single-wrapper .directorist-card .directorist-card__body .directorist-details-info-wrap .directorist-single-info .directorist-single-info__label {
  margin-right: 0.625rem;
}
.directorist-single .directorist-single-wrapper .directorist-card .directorist-card__body .directorist-details-info-wrap .directorist-single-info .directorist-single-info__label.mr0 {
  margin-right: 0;
}
.directorist-single .directorist-single-wrapper .directorist-card .directorist-card__body .directorist-details-info-wrap .directorist-single-info .directorist-single-info__label .directorist-single-info__label-icon {
  background: none;
  margin-right: 0;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.375rem;
}
.directorist-single .directorist-single-wrapper .directorist-card .directorist-card__body .directorist-details-info-wrap .directorist-single-info .directorist-single-info__label .directorist-single-info__label-icon .directorist-icon-mask::after {
  height: 1.5rem;
  width: 1.5rem;
  background-color: var(--black);
}
.directorist-single .directorist-single-wrapper .directorist-card .directorist-card__body .directorist-details-info-wrap .directorist-single-info .directorist-single-info__value {
  color: inherit;
}
.directorist-single .directorist-single-wrapper .directorist-card .directorist-card__body .directorist-details-info-wrap .directorist-single-info .directorist-single-info__value a {
  color: inherit;
}
@media (any-hover: hover) {
  .directorist-single .directorist-single-wrapper .directorist-card .directorist-card__body .directorist-details-info-wrap .directorist-single-info .directorist-single-info__value a:hover {
    color: var(--terracoat);
  }
}
.directorist-single .directorist-sidebar .widget.atbd_widget .atbd_widget_title {
  display: none;
}

.single-tag-item {
  display: flex;
  align-items: center;
  margin-bottom: 0.375rem;
  margin-top: 0.375rem;
}
.single-tag-item span {
  font-size: 1.5rem;
  margin-right: 0.75rem;
}

.page-info-container h1 {
  line-height: 1.18;
  font-weight: 500;
}
@media (min-width: 66.25em) {
  .page-info-container h1 {
    font-size: 3.125rem;
  }
}
@media (min-width: 48em) and (max-width: 66.25em) {
  @supports (font-size: clamp( 2.1875rem , -0.2782534247rem  +  5.1369863014vw , 3.125rem )) {
    .page-info-container h1 {
      font-size: clamp( 2.1875rem , -0.2782534247rem  +  5.1369863014vw , 3.125rem );
    }
  }
  @supports not (font-size: clamp( 2.1875rem , -0.2782534247rem  +  5.1369863014vw , 3.125rem )) {
    .page-info-container h1 {
      font-size: calc(2.1875rem + 0.9375 * (100vw - 48rem) / 18.25);
    }
  }
}
@media (max-width: 48em) {
  .page-info-container h1 {
    font-size: 2.1875rem;
  }
}
@media (min-width: 66.25em) {
  .page-info-container h1:not(:last-child) {
    margin-bottom: 2.6875rem;
  }
}
@media (min-width: 48em) and (max-width: 66.25em) {
  @supports (margin-bottom: clamp( 1.5625rem , -1.3964041096rem  +  6.1643835616vw , 2.6875rem )) {
    .page-info-container h1:not(:last-child) {
      margin-bottom: clamp( 1.5625rem , -1.3964041096rem  +  6.1643835616vw , 2.6875rem );
    }
  }
  @supports not (margin-bottom: clamp( 1.5625rem , -1.3964041096rem  +  6.1643835616vw , 2.6875rem )) {
    .page-info-container h1:not(:last-child) {
      margin-bottom: calc(1.5625rem + 1.125 * (100vw - 48rem) / 18.25);
    }
  }
}
@media (max-width: 48em) {
  .page-info-container h1:not(:last-child) {
    margin-bottom: 1.5625rem;
  }
}
.page-info-container h2 {
  line-height: 1.2;
  font-weight: 500;
}
@media (min-width: 66.25em) {
  .page-info-container h2 {
    font-size: 1.875rem;
  }
}
@media (min-width: 48em) and (max-width: 66.25em) {
  @supports (font-size: clamp( 1.25rem , -0.3938356164rem  +  3.4246575342vw , 1.875rem )) {
    .page-info-container h2 {
      font-size: clamp( 1.25rem , -0.3938356164rem  +  3.4246575342vw , 1.875rem );
    }
  }
  @supports not (font-size: clamp( 1.25rem , -0.3938356164rem  +  3.4246575342vw , 1.875rem )) {
    .page-info-container h2 {
      font-size: calc(1.25rem + 0.625 * (100vw - 48rem) / 18.25);
    }
  }
}
@media (max-width: 48em) {
  .page-info-container h2 {
    font-size: 1.25rem;
  }
}
@media (min-width: 66.25em) {
  .page-info-container h2:not(:last-child) {
    margin-bottom: 1.75rem;
  }
}
@media (min-width: 48em) and (max-width: 66.25em) {
  @supports (margin-bottom: clamp( 1.5625rem , 1.0693493151rem  +  1.0273972603vw , 1.75rem )) {
    .page-info-container h2:not(:last-child) {
      margin-bottom: clamp( 1.5625rem , 1.0693493151rem  +  1.0273972603vw , 1.75rem );
    }
  }
  @supports not (margin-bottom: clamp( 1.5625rem , 1.0693493151rem  +  1.0273972603vw , 1.75rem )) {
    .page-info-container h2:not(:last-child) {
      margin-bottom: calc(1.5625rem + 0.1875 * (100vw - 48rem) / 18.25);
    }
  }
}
@media (max-width: 48em) {
  .page-info-container h2:not(:last-child) {
    margin-bottom: 1.5625rem;
  }
}
.page-info-container h3 {
  font-size: 1.125rem;
  line-height: 1.4;
  font-weight: 700;
}
.page-info-container h3:not(:last-child) {
  margin-bottom: 0.4375rem;
}
.page-info-container p:not(:last-child) {
  margin-bottom: 1.5625rem;
}
.page-info-container ul {
  margin-bottom: 1.5625rem;
}
.page-info-container ul li {
  list-style: disc;
  margin-left: 1.5625rem;
}

@media (min-width: 66.25em) {
  .about,
  .detail {
    margin-bottom: 2.6875rem;
  }
}
@media (min-width: 48em) and (max-width: 66.25em) {
  @supports (margin-bottom: clamp( 1.5625rem , -1.3964041096rem  +  6.1643835616vw , 2.6875rem )) {
    .about,
    .detail {
      margin-bottom: clamp( 1.5625rem , -1.3964041096rem  +  6.1643835616vw , 2.6875rem );
    }
  }
  @supports not (margin-bottom: clamp( 1.5625rem , -1.3964041096rem  +  6.1643835616vw , 2.6875rem )) {
    .about,
    .detail {
      margin-bottom: calc(1.5625rem + 1.125 * (100vw - 48rem) / 18.25);
    }
  }
}
@media (max-width: 48em) {
  .about,
  .detail {
    margin-bottom: 1.5625rem;
  }
}
.about__wrapper,
.detail__wrapper {
  display: flex;
  flex-direction: column;
}
@media (min-width: 47.99875em) {
  .about__wrapper,
  .detail__wrapper {
    display: flex;
    flex-direction: row;
  }
}
@media (min-width: 47.99875em) and (min-width: 62.5em) {
  .about__wrapper,
  .detail__wrapper {
    column-gap: 3.75rem;
  }
}
@media (min-width: 47.99875em) and (min-width: 48em) and (max-width: 62.5em) {
  @supports (column-gap: clamp( 1.25rem , -7.025862069rem  +  17.2413793103vw , 3.75rem )) {
    .about__wrapper,
    .detail__wrapper {
      column-gap: clamp( 1.25rem , -7.025862069rem  +  17.2413793103vw , 3.75rem );
    }
  }
  @supports not (column-gap: clamp( 1.25rem , -7.025862069rem  +  17.2413793103vw , 3.75rem )) {
    .about__wrapper,
    .detail__wrapper {
      column-gap: calc(1.25rem + 2.5 * (100vw - 48rem) / 14.5);
    }
  }
}
@media (min-width: 47.99875em) and (max-width: 48em) {
  .about__wrapper,
  .detail__wrapper {
    column-gap: 1.25rem;
  }
}
.about__img, .about__info,
.detail__img,
.detail__info {
  width: 100%;
}
@media (min-width: 47.99875em) {
  .about__img, .about__info,
  .detail__img,
  .detail__info {
    width: 50%;
  }
}
.about__img img,
.detail__img img {
  width: 100%;
  max-width: 100%;
  height: auto;
}

.about {
  margin-top: 3.125rem;
}
@media (min-width: 47.99875em) {
  .about {
    margin-top: 4.0625rem;
  }
}

.detail__wrapper {
  display: flex;
  flex-direction: column-reverse;
}
@media (min-width: 47.99875em) {
  .detail__wrapper {
    flex-direction: row;
  }
}

.page-404__content {
  margin-top: 3.125rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 47.99875em) {
  .page-404__content {
    margin-top: 4.0625rem;
  }
}
/*# sourceMappingURL=style.css.map */