/* *** CSS RESET *** */

:focus {
   outline: 0
}

a {
   outline: none;
   text-decoration: none;
}

a,
img {
   border: 0;
}

button {
   cursor: pointer;
}

/* *** GLOBAL *** */

@font-face {
   font-family: 'FuturaBook';
   src: url('fonts/FuturaBook.eot');
   src: url('fonts/FuturaBook.eot') format('embedded-opentype'),
      url('fonts/FuturaBook.woff2') format('woff2'),
      url('fonts/FuturaBook.woff') format('woff'),
      url('fonts/FuturaBook.ttf') format('truetype'),
      url('fonts/FuturaBook.svg#FuturaBook') format('svg');
}

@media (min-width: 1228px) {
   body .container {
      min-width: 1230px;
   }
}

.bx-wrapper {
   z-index: 1;
}

iframe {
   border: none;
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
   margin: 0;
   margin-top: 0;
}

body p {
   margin-bottom: 25px;
   margin-top: 0;
}

body h2 {
   font-size: 20px;
   margin-bottom: 25px;
   margin-top: 0;
}

body ul {
   margin-bottom: 25px;
   padding-left: 16px;
   margin-top: 0;
}

body ol {
   padding-left: 20px;
   margin-bottom: 25px;
   margin-top: 0;
}

body .bx-wrapper {
   padding: 0;
   border: none;
}

body {
   overflow-x: hidden;
}

figure {
   margin: 0;
}

body a:hover {
   text-decoration: none;
}

input,
textarea,
button {
   font-family: 'Inter', sans-serif;
}

body {
   font-family: 'Inter', sans-serif;
   font-size: 16px;
   padding-top: 100px;
   color: #000000;
   line-height: 25.6px;
   min-width: 302px;
}

img {
   max-width: 100%;
   max-height: 100%;
}

a,
a:hover,
a:focus,
a:active {
   outline: none !important;
   text-decoration: none;
}

.hamburger,
.hamburger:focus,
.hamburger:active {
   outline: none !important;
   border: none !important;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
}

body .hamburger-inner,
body .hamburger-inner::before,
body .hamburger-inner::after {
   height: 2px;
}

body .bx-wrapper .bx-controls-auto,
body .bx-wrapper .bx-pager {
   position: relative;
   bottom: auto;
   width: auto;
}

.clearer {
   clear: both;
   height: 0;
}

.chosen-container-single .chosen-single div b {
   background: none;
}

.logo,
img,
a,
button {
   -webkit-transition: 0.15s;
   -moz-transition: 0.15s;
   -ms-transition: 0.15s;
   -o-transition: 0.15s;
   transition: 0.15s;
}

.bx-caption {
   display: none;
}

.bx-wrapper {
   box-shadow: none;
   border: 0;
   margin: 0;
   background: transparent;
}

.filtration-content {
   width: 600px;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
   position: fixed;
   top: 0;
   left: 0;
   height: 100%;
   overflow: auto;
   padding: 16px 16px 0 16px;
   background: #fff;
   z-index: 10;
   -webkit-transition: 0.55s;
   -moz-transition: 0.55s;
   -ms-transition: 0.55s;
   -o-transition: 0.55s;
   transition: 0.55s;
   left: -650px;
}

.filtration-content.active {
   left: 0;
}

.filtration-content h1 {
   font-size: 22px;
   line-height: 39px;
   letter-spacing: 0.5px;
   color: #000;
   font-family: 'FuturaBook';
   padding-bottom: 10px;
   margin-bottom: 24px;
   position: relative;
}


.filtration-content h1:after {
   width: 78px;
   height: 2px;
   background: #FFDE00;
   content: "";
   display: block;
   position: absolute;
   bottom: 0;
   left: 0;
}

.filtration-content h2 {
   font-weight: 500;
   font-size: 15px;
   margin: 0 0 15px 0;
}

.select {
   width: 100%;
   margin-bottom: 12px;
}

.select .chosen-container {
   width: 100% !important;
}

.select ul {
   margin: 0 4px 4px 0 !important;
   padding: 0 0 0 4px !important;
}


.select .chosen-container-single .chosen-single:hover {
   border-color: #000;
}

.select .chosen-container-single.chosen-with-drop .chosen-single {
   border-color: #000;
}

.select .chosen-container-single .chosen-drop {
   margin-top: 0;
   padding: 0;
}

body .select .chosen-container.chosen-container-single .chosen-results {
   padding: 0 !important;
   margin: 0 !important;
}

.select .chosen-container-single .chosen-single {
   position: relative;
   display: block;
   overflow: hidden;
   width: 100%;
   padding: 0 0 0 16px;
   height: 44px;
   border: none;
   border-radius: 0;
   background: #fff;
   border: 1px solid #e0e0e0;
   box-shadow: none;
   color: #000;
   font-size: 14px;
   text-decoration: none;
   white-space: nowrap;
   line-height: 43px;
}

.select select {
   position: relative;
   display: block;
   overflow: hidden;
   width: 100%;
   padding: 0 0 0 8px;
   height: 41px;
   border: none;
   border-radius: 0;
   background: #fff;
   border: 1px solid #e0e0e0;
   box-shadow: none;
   color: #3f3f3f;
   font-size: 14px;
   text-decoration: none;
   white-space: nowrap;
}

.select .chosen-drop {
   border-color: #e6e6e6;
   box-shadow: none;
}

.select .chosen-drop ul li {
   background-image: none !important;
   height: auto !important;
}

.select .chosen-container-single .chosen-single div {
   width: 42px;
   background: url('../img/arrow-black.svg') center no-repeat;
   background-size: auto 15px;
   transform: rotate(90deg);
   -webkit-transform: rotate(90deg);
   -moz-transform: rotate(90deg);
   -o-transform: rotate(90deg);
}

.select .chosen-container-single.chosen-with-drop .chosen-single div {
   transform: scale(1, -1);
   -webkit-transform: scale(1, -1);
   -moz-transform: scale(1, -1);
   -o-transform: scale(1, -1);
   transform: rotate(-90deg);
   -webkit-transform: rotate(-90deg);
   -moz-transform: rotate(-90deg);
   -o-transform: rotate(-90deg);
   top: 0;
}

.select .chosen-container-single .chosen-single div {
   top: 0;
}

.select .chosen-container .chosen-results li.active-result {
   background: #fff;
   padding: 14px 16px;
   font-size: 14px;
   color: #000;
}

.select .chosen-container .chosen-results li:hover {
   background: #e6e6e6;
   color: #000;
}

.label-box label {
   margin: 0 0 8px 0;
}

.btn-1 {
   color: #000;
   border: none;
   padding: 8px 20px 5px 20px;
   font-size: 16px;
   font-weight: 400;
   background: #ffde00;
}

.btn-1:hover {
   background: #000;
   color: #fff;
}

.remove-filter {
   font-weight: 500;
   color: #000;
   font-size: 14px;
   background: url(../img/arrow-black.svg) right center no-repeat;
   background-size: 7px auto;
   padding-right: 18px;
   margin-top: 3px;
   border-bottom: 1px solid transparent;
}

.remove-filter:hover {
   color: #000;
   border-color: #000;
}

.filtration-content .button-box {
   margin-bottom: 40px;
   display: flex;
   align-items: center;
   justify-content: space-between;

}

.btn-3 {
   width: 16px;
   height: 16px;
   display: block;
   background: url('../img/arrow-black.svg') center right no-repeat;
   background-size: auto 16px;
   transform: scale(-1, 1);
   -webkit-transform: scale(-1, 1);
   -moz-transform: scale(-1, 1);
   -o-transform: scale(-1, 1)
}

.btn-3:hover {
   background-image: url('../img/arrow-yellow.svg');
}

.title {
   display: flex;
   justify-content: space-between;
}

.btn-4 {
   color: #000;
   display: inline-block;
   border: none;
   padding: 10px 20px 7px 20px;
   font-size: 15px;
   font-weight: 400;
   background: #ffde00;
}

.btn-4:hover {
   background: #000;
   color: #fff;
}

.map-container {
   position: fixed;
   top: 0;
   right: 0;
   width: 100%;
   height: 100vh;
}

.map-container .leaflet-map-pane {
   margin-left: 200px;
   transition: all 0.55s;
}

.map-container .button-box {
   padding: 16px;
   display: none;
}

.map-container.active .leaflet-map-pane {
   margin-left: 0;
}

.sr-box-1 {
   border-top: 1px solid #e0e0e0;
}

.sr-boxes-1 {
   margin: 0 -16px;
   border-bottom: 1px solid #e0e0e0;
}

.sr-box-1 .name.active {
   background-color: #1b1b1b;
   color: #fff;
}

.sr-box-1 .name.active .txt-2 span:first-child {
   display: none;
}

.sr-box-1 .name.active .txt-2 span:last-child {
   display: block !important;
}

.sr-box-1 .description {
   display: none;
}

.sr-box-1 .name {
   display: flex;
   background: #f4f4f4;
   display: flex;
   width: 100%;
   border: none;
   cursor: pointer;
   align-items: center;
   justify-content: space-between;
   padding: 12px 12px;
   font-size: 14px;
   line-height: 1.3;
   color: #000;
   align-items: center;
}

.sr-box-1 .name .txt-2 a {
   color: #000;
}

.sr-box-1 .name.active .txt-2 a {
   color: #fff;
}

.sr-box-1 .txt-1 {
   display: flex;
   align-items: center;
}

.sr-box-1 img.marker {
   margin-right: 10px;
}

.sr-box-1 .txt-2 {
   padding-right: 18px;
   font-weight: 500;
   margin-top: 2px;
   position: relative;
   padding-right: 15px;
}

.sr-box-1 .txt-2:after {
   position: absolute;
   top: 50%;
   right: 0;
   width: 10px;
   content: "";
   margin-top: -6px;
   display: block;
   height: 10px;
   background: url(../img/arrow-black.svg) right center no-repeat;
   background-size: 6px auto;
   transform: rotate(90deg);
   -webkit-transform: rotate(90deg);
   -moz-transform: rotate(90deg);
   -o-transform: rotate(90deg);
}

.sr-box-1 .name.active .txt-2:after {
   background-image: url(../img/arrow-white.svg);
   transform: rotate(-90deg);
   -webkit-transform: rotate(-90deg);
   -moz-transform: rotate(-90deg);
   -o-transform: rotate(-90deg);
   margin-top: -4px;
}

.sr-box-1.active .txt-2:after {
   margin-top: -4px;
   transform: rotate(-90deg);
   -webkit-transform: rotate(-90deg);
   -moz-transform: rotate(-90deg);
   -o-transform: rotate(-90deg);
}

.sr-box-1 .description {
   padding: 12px 16px;
   font-size: 12px;
   line-height: 1.4;
}

.sr-box-1 table tr td {
   width: 50%;
   padding-top: 4px;
   padding-bottom: 4px;
   vertical-align: top;
}

.sr-box-1 table tr td:last-child {
   padding-left: 10px;
}

.sr-box-1 .name .txt-1 {
   text-align: left;
   width: 100%;
}

.chosen-container-single .chosen-search input[type="text"] {
   border-color: #e0e0e0;
   font-family: 'Inter', sans-serif;
}

.button-box.filtr {
   display: block;
   position: fixed;
   z-index: 9;
   top: 10px;
   left: 10px;
}

@media only screen and (max-width: 992px) {
   .filtration-content .button-box-1 {
      display: block;
   }

   .filtration-content {
      width: 310px;
   }

}

.chosen-container-multi .chosen-choices {
   border: 1px solid #e0e0e0;
   box-shadow: none;
   background: none;
   color: #000;
   font-family: 'Inter', sans-serif;
   font-size: 14px;
}

input::placeholder {
   color: #000;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
   color: #000;
   font-family: 'Inter', sans-serif;
}

body .chosen-container-multi .chosen-choices {
   margin: 0 !important;
   padding: 10px 16px !important;
}

.chosen-container-multi .chosen-choices li.search-choice {
   background: #e0e0e0;
   border-radius: 0;
   border-color: #e0e0e0;
}

.chosen-container-multi .chosen-drop .result-selected {
   background: #fff;
   padding: 14px 16px;
   font-size: 14px;
}

#mapid .leaflet-popup-content-wrapper {
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
   color: #3f3f3f;
   font-size: 14px;
   font-family: 'Inter', sans-serif;
}

#mapid .leaflet-popup-content-wrapper strong {
   display: block;
   font-weight: 600;
   font-family: 'Inter', sans-serif;
}

#mapid .leaflet-popup-content-wrapper h2 {
   font-size: 14px;
   font-weight: 600;
   color: #000;
   line-height: 1.5;
   margin-bottom: 10px;
   font-family: 'Inter', sans-serif;
}

#mapid .leaflet-popup-content-wrapper p {
   margin: 10px 0px;
}

#mapid .custom-div-icon i {
   position: absolute;
   width: 22px;
   font-size: 22px;
   left: 0;
   right: 0;
   margin: 10px auto;
   text-align: center;
}

#mapid .custom-div-icon i img {
   width: 28px;
   height: 40px;
   margin-top: -12px;
}

#mapid .marker-cluster-large,
#mapid .marker-cluster-medium,
#mapid .marker-cluster-small {
   background-color: rgba(255, 255, 255, 1) !important;
   width: 50px !important;
   height: 50px !important;
   -webkit-border-radius: 25px !important;
   -moz-border-radius: 25px !important;
   border-radius: 25px !important;
}

#mapid .leaflet-marker-icon.marker-cluster div {
   background-color: rgba(255, 222, 0, 0.9);
   font-weight: 600;
   color: #000;
   border: 1px solid #000;
}

#mapid .marker-cluster div {
   width: 40px;
   height: 40px;
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
}

#mapid .marker-cluster span {
   font-size: 18px;
   font-weight: 400;
   line-height: 40px;
}

.search-content .select label {
   display: none;
}


/* *** WCAG *** */
body a:focus,
body button:focus,
body input:focus,
.chosen-container-active,
.chosen-container-active .chosen-results .highlighted {
   border: none !important;
   outline: 2px dotted red !important;
}

body a:not(:focus),
body button:not(:focus),
body input:not(:focus) {
   outline: none !important;
}

@media (prefers-reduced-motion) {
   body *:hover {
      transition: none !important;
   }
}