* {
padding: 0;
margin: 0;
box-sizing: border-box;
font-size: 15.5px;
font-family: 'Poppins', sans-serif;
}

body {
background-color: #23ae82;
}

p:empty {
  display: none;
}

#text {
  display: none;
  color: black;
  background-color: #f8dfc8;
  padding-left: 20px;
  padding-top: 4px;
  padding-bottom: 25px;
  height: 20px;
  font-size: 18px;
  margin-top: 20px;
  margin-bottom: 20px;
  border-radius: 10px;
}

.inport-area {
margin-bottom: 100px;
background-color: white;
}

.title {
color: white;
font-size: 32px;
font-weight: bold;
text-align: center;
padding-bottom: 30px;
}
.content {
max-width: 1350px;
margin: auto;
padding: 30px 50px;
}
.multipleSelection {
/* min-width: 300px; */
background-color: #bcc2c1;
/* position: absolute; */
}

.selectBox {
position: relative;
background-color: white;
}

.selectBox select {
width: 20vw;
font-weight: 500;
background-color: #23ae82;
color: white;
padding: 7px 8px;
border-radius: 7px;
-webkit-appearance: none;
font-size: 18px;
border: none;
}

.selectBoxSecond {
position: relative;
background-color: #f8dfc8;
}

.selectBoxSecond select {
width: 20vw;
font-weight: 500;
background-color: white;
color: black;
padding: 7px 8px;
border-radius: 7px;
-webkit-appearance: none;
font-size: 17px;
border: none;
}

.overSelect {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}

.filter form input {
    height: 10px !important;
    width: 10px !important;
    border: 1px !important;
    border-radius: 3px;
    outline: none !important;
}

.filter input[type="checkbox"]:checked {
  background-color: #0075ff !important;
  outline: none !important;
}

.filter input[type="checkbox"]:checked:after{
    display: none;
}



#checkBoxesJudete {
display: none;
position: absolute;
z-index: 1;
background-color: #f8dfc8;
color: black;
font-weight: 500;
width: 20vw;
overflow-y: scroll;
height: 200px;
border: 1px solid grey;
border-radius: 5px;
}

#checkBoxesJudete label {
display: block;
font-size: 16px;
padding-left: 10px;
}

#checkBoxesJudete label:hover {
background-color: #ffc186;
}

#checkBoxesTitlu {
display: none;
border-radius: 5px;
position: absolute;
z-index: 1;
background-color: #f8dfc8;
color: black;
font-weight: 500;
width: 20vw;
border: 1px solid grey;
}

#checkBoxesTitlu label {
display: block;
font-size: 16px;
padding-left: 10px;
}

#checkBoxesTitlu label:hover {
background-color: #ffc186;
}

#checkBoxesServicii {
display: none;
border-radius: 5px;
position: absolute;
z-index: 1;
background-color: #f8dfc8;
color: black;
font-weight: 500;
width: 20vw;
overflow-y: scroll;
height: 200px;
border: 1px solid grey;
}

#checkBoxesServicii label {
display: block;
font-size: 16px;
padding-left: 10px;
}

#checkBoxesServicii label:hover {
background-color: #ffc186;
}

#checkBoxesReduceri {
display: none;
border-radius: 5px;
position: absolute;
z-index: 1;
background-color: #f8dfc8;
color: black;
font-weight: 500;
width: 20vw;
border: 1px solid grey;
}

#checkBoxesReduceri label {
display: block;
font-size: 16px;
padding-left: 10px;
}

#checkBoxesReduceri label:hover {
background-color: #ffc186;
}

#checkBoxesOnline {
display: none;
border-radius: 5px;
position: absolute;
z-index: 1;
background-color: #f8dfc8;
color: black;
font-weight: 500;
width: 20vw;
border: 1px solid grey;
}

#checkBoxesOnline label {
display: block;
font-size: 16px;
padding-left: 10px;
}

#checkBoxesOnline label:hover {
background-color: #ffc186;
}

#checkBoxesPrima {
display: none;
border-radius: 5px;
position: absolute;
z-index: 1;
background-color: #f8dfc8;
color: black;
font-weight: 500;
width: 20vw;
border: 1px solid grey;
}

#checkBoxesPrima label {
display: block;
font-size: 15px;
padding-left: 10px;
}

#checkBoxesPrima label:hover {
background-color: #ffc186;
}

#checkBoxesTerapie {
display: none;
border-radius: 5px;
position: absolute;
z-index: 1;
background-color: #f8dfc8;
color: black;
font-weight: 500;
width: 20vw;
overflow-y: scroll;
height: 200px;
border: 1px solid grey;
}

#checkBoxesTerapie label {
display: block;
font-size: 15px;
padding-left: 10px;
}

#checkBoxesTerapie label:hover {
background-color: #ffc186;
}

#checkBoxesTulburari {
display: none;
border-radius: 5px;
position: absolute;
z-index: 1;
background-color: #f8dfc8;
color: black;
font-weight: 500;
width: 20vw;
overflow-y: scroll;
height: 200px;
border: 1px solid grey;
}

#checkBoxesTulburari label {
display: block;
font-size: 15px;
padding-left: 10px;
}

#checkBoxesTulburari label:hover {
background-color: #ffc186;
}

#checkBoxesVulnerabile {
display: none;
border-radius: 5px;
position: absolute;
z-index: 1;
background-color: #f8dfc8;
color: black;
font-weight: 500;
width: 20vw;
overflow-y: scroll;
height: 200px;
border: 1px solid grey;
}

#checkBoxesVulnerabile label {
display: block;
font-size: 15px;
padding-left: 10px;
}

#checkBoxesVulnerabile label:hover {
background-color: #ffc186;
}

#checkBoxesLGBT {
display: none;
border-radius: 5px;
position: absolute;
z-index: 1;
background-color: #f8dfc8;
color: black;
font-weight: 500;
width: 20vw;
border: 1px solid grey;
}

#checkBoxesLGBT label {
display: block;
font-size: 15px;
padding-left: 10px;
}

#checkBoxesLGBT label:hover {
background-color: #ffc186;
}

#checkBoxesEtnie {
display: none;
border-radius: 5px;
position: absolute;
z-index: 1;
background-color: #f8dfc8;
color: black;
font-weight: 500;
width: 20vw;
border: 1px solid grey;
}

#checkBoxesEtnie label {
display: block;
font-size: 15px;
padding-left: 10px;
}

#checkBoxesEtnie label:hover {
background-color: #ffc186;
}

.filter {
/* border-radius: 15px; */
display: block;
justify-content: space-around;
}

#btn {
font-weight: 500;
font-size: 25px;
font-weight: bold;
background-color: #f8dfc8;
color: black;
width: 20vw;
height: 40px;
border-radius: 7px;
border: none;
cursor: pointer;
padding: 0px !important;
}

#btn:hover {
background-color: #ffc186;
}

#btnShowMoreFilters {
font-size: 22px;
background-color: #f8dfc8;
color: black;
font-weight: 500;
margin-top: 15px;
margin-right: 1.6vw;
padding-bottom: 0px;
padding: 0px 10px;
cursor: pointer;
border-radius: 5px;
width: 200px;
height: 34px;
text-align: center;
}

#btnShowMoreFilters:hover {
background-color: #ffc186;
}

#btnShowMoreFilters:active {
 transform: scale(0.98);
}

#btnResetFilters {
  font-size: 22px;
  background-color: #f8dfc8;
  color: black;
  font-weight: 500;
  margin-top: 15px;
  margin-right: 20px;
  padding-bottom: 0px;
  padding: 0px 10px;
  cursor: pointer;
  border-radius: 5px;
  height: 34px;
}

#btnResetFilters:hover {
  background-color: #ffc186;
}

#btnResetFilters:active {
 transform: scale(0.98);
}


.card {
background-color: white;
margin: 0px 20px 20px 0px;
position: relative;
border-radius: 15px !important;
padding-bottom: 50px;
padding-top: 20px;
cursor: pointer;
}

.card h2 {
font-size: 20px;
margin: 0;
padding-bottom: 5px;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 5px;
color: #23ae82;
font-weight: 600;
}

.card p {
font-size: 18px;
margin: 0;
padding-bottom: 5px;
padding-left: 20px;
color: black;
}

.btnShowMoreDetails {
position: absolute;
background-color: #f8dfc8 !important;
color: black !important;
font-size: 16px;
font-weight: 600;
right: 40px;
margin-top: 5px;
border-radius: 7px;
/*width: 150px;*/
height: 30px;
padding-top: 2px;
padding-bottom: 5px;
padding: 0px 10px !important;
cursor: pointer;
border: none;
/* box-shadow: 0 0 20px -6px rgb(122, 122, 122); */
}

.btnShowMoreDetails:focus {
    outline: none;	
}

.btnShowMoreDetails:hover {
background-color: #ffc186;
}
.backButton {
	position: absolute;
    right: 0px;
    top: 0px;
    border-top-right-radius: 15px;
    background-color: #c90f0f;
    font-size: 20px;
    border: none;
    width: 36px;
    height: 33px;
    padding: 0px !important;
}
.backButton:hover {
	background-color: #f01515;
}

.results-map {
display: flex;
border-radius: 15px;
}

.results {
width: 58%;
overflow-y: scroll;
height: 700px;
position: relative;
}

.more {
display: none;
margin-top: 28px;
}
.more h2 {
margin-top: 20px;
padding-left: 20px;
}
.more p a {
font-size: 15px;
}

/* .results h2 {
font-size: 40px;
margin: 0;
padding-bottom: 5px;
color: white;
}
.results p {
margin: 0;
padding-bottom: 5px;
color: white;
} */

/* .results h2:hover {
background-color: #696969;
}
.results p:hover {
background-color: #696969;
} */

.results div {
border-radius: 0px;
}
.servicii {
font-size: 20px;
}
#map {
background-color: #4f615e;
width: 42%;
margin-left: 20px;
border-radius: 15px;
box-shadow: 0 0 20px -3px rgb(46, 46, 46);
}
/* ================== style custom ================*/

.filter > .row {
padding: 20px;
padding-left: 0;
}

.filter {
margin-bottom: 20px;
}

.multipleSelection {
background-color: black;
color: white;
font-family: sans-serif;
}

.moreContent {
display: none;
}

.show {
display: block;
}

.numeMarker h2 {
font-size: 20px;
font-weight: bold;
}

.numeMarker p {
font-size: 12px;
}

.primary-filters-container {
border-bottom-left-radius: 0px !important;
border-bottom-right-radius: 0px !important;
}

.firstFilters {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-auto-rows: 55px;
padding-bottom: 10px;
background-color: white;
justify-items: center;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
box-shadow: 0 -3px 20px -6px black;
z-index: 2;
position: relative;
padding-top: 5px;
margin-top: -5px;

}

.row {
margin: 10px;
}

.secondFilters {
display: none;
grid-template-columns: repeat(3, 1fr);
grid-auto-rows: 55px;
background-color: #f8dfc8;
justify-items: center;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
padding-top: 15px;
padding-bottom: 10px;
z-index: 1;
}

.rowB {
width: 150px;
margin: 10px;
}

.active {
position: absolute;
top: 0;
padding-right: 20px;
}

.active p {
padding-bottom: 10px;
color: black;
}

.active a {
font-size: 20px;
font-weight: bold;
}

.gm-style-iw-d {
width: 100%;
}

.gm-style-iw-d div {
text-align: center;
margin: 0 auto;
}
.bold {
font-size: 18px;
color: black;
font-weight: 600;
}
.special {
font-style: italic;
color: #2e9ef0;
}

.filterTitle {
display: flex;
justify-content: space-between;
background-color: white;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
position: relative;
z-index: 3;
padding-bottom: 5px;
margin-bottom: -5px;
}




.filterTitle .text-heading {
color: #23ae82 !important;
padding-top: 20px !important;
padding-left: 2.2vw !important;
font-size: 22px !important;
font-weight: 500 !important;
}
.no-results {
	font-size: 20px;
    color: white;
    padding-left: 20px;
}
.number-results {
	font-size: 20px;
    color: white;
    padding-left: 20px;
	margin-bottom: 20px;
}

.findLGBT {
color: red;
font-size: 30px;
}
.mini-title {
font-size: 26px;
font-weight: bold;
color: white;
text-decoration: underline;
padding-left: 40px;
}

.filterTitle div {
  display: flex;
}
/* //////////////////////////////////////////////////////////////// */
/* customize scrollbar */
::-webkit-scrollbar {
width: 7px;
}

/* Track */
::-webkit-scrollbar-track {
background: #23ae82;
border-radius: 15px;
border: 1px solid white;
}

/* Handle */
::-webkit-scrollbar-thumb {
background: white;
border-radius: 15px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #555;
}

@media (min-width: 1300px) and (max-width: 1500px) {
.content {
padding: 30px 50px;
}
.title {
font-size: 30px;
}
.filterTitle .text-heading {
font-size: 22px !important;
padding-left: 2.2vw !important;
}
#btnShowMoreFilters {
font-size: 16px;
padding-right: 10px;
padding-top: 3px;
height: 30px;
}
#btnResetFilters {
font-size: 16px;
margin-right: 20px;
padding-top: 3px;
height: 30px;
}

.selectBox select {
width: 20vw;
font-size: 16px;
padding: 7px 5px;
}
.selectBoxSecond select {
width: 20vw;
font-size: 14px;
padding: 7px 5px;
}
#btn {
width: 20vw;
font-size: 20px;
height: 40px;
}
.row {
margin: 5px;
}

.card h2 {
font-size: 16px;
}
.card p {
font-size: 16px;
}
.bold {
font-size: 16px;
}
.btnShowMoreDetails {
font-size: 12px;
width: 120px;
right: 10px;
margin-top: 10px;
}
::-webkit-scrollbar {
width: 5px;
}
.results {
height: 750px;
}
#checkBoxesJudete {
width: 20vw;
}
#checkBoxesTitlu {
width: 20vw;
}
#checkBoxesServicii {
width: 20vw;
}
#checkBoxesReduceri {
width: 20vw;
}
#checkBoxesOnline {
width: 20vw;
}
#checkBoxesPrima {
width: 20vw;
}
#checkBoxesTerapie {
width: 20vw;
}
#checkBoxesTulburari {
width: 20vw;
}
#checkBoxesVulnerabile {
width: 20vw;
}
#checkBoxesLGBT {
width: 20vw;
}
#checkBoxesEtnie {
width: 20vw;
}

.numeMarker h2 {
font-size: 15px;
font-weight: bold;
}

.numeMarker p {
font-size: 13px;
}
.gm-style-iw-d {
width: 100%;
}
.gm-style-iw-d div {
text-align: center;
}
.more p a {
font-size: 10px;
}
}
@media (min-width: 1100px) and (max-width: 1300px) {

#btnShowMoreFilters {
font-size: 14px;
padding-right: 10px;
padding-top: 3px;
height: 26px;
}
#btnResetFilters {
font-size: 14px;
margin-right: 20px;
padding-top: 3px;
height: 26px;
}
.backButton {
    font-size: 15px;
    width: 30px;
    height: 30px;
}

.selectBox select {
width: 20vw;
font-size: 14px;
padding: 7px 5px;
}
.selectBoxSecond select {
width: 20vw;
font-size: 13px;
padding: 7px 5px;
}

#checkBoxesJudete {
width: 20vw;
}
#checkBoxesTitlu {
width: 20vw;
}
#checkBoxesServicii {
width: 20vw;
}
#checkBoxesReduceri {
width: 20vw;
}
#checkBoxesOnline {
width: 20vw;
}
#checkBoxesPrima {
width: 20vw;
}
#checkBoxesTerapie {
width: 20vw;
}
#checkBoxesTulburari {
width: 20vw;
}
#checkBoxesVulnerabile {
width: 20vw;
}
#checkBoxesLGBT {
width: 20vw;
}
#checkBoxesEtnie {
width: 20vw;
}
#btn {
width: 20vw;
font-size: 18px;
height: 35px
}
#text {
font-size: 10px;
}
.row {
    margin: 2px;
}
.card h2 {
font-size: 14px;
}
.card p {
font-size: 14px;
}
.bold {
font-size: 14px;
}
.btnShowMoreDetails{
font-size: 14px;
}
}
@media (min-width: 600px) and (max-width: 1100px) {
.firstFilters {
grid-template-columns: repeat(3, 1fr);
}
.secondFilters {
grid-template-columns: repeat(3, 1fr);
}
}

@media (min-width: 600px) and (max-width: 1100px) {
.content {
padding: 30px 10px;
}
.title {
font-size: 25px;
}
.filterTitle .text-heading {
font-size: 15px !important;
padding-top: 15px !important;
}
#btnShowMoreFilters {
font-size: 12px;
margin-top: 12px;
padding: 0px 5px;
height: 24px;
width: auto;
}
#btnResetFilters {
font-size: 12px;
margin-right: 10px;
margin-top: 12px;
padding: 0px 5px;
height: 24px;
}
.backButton {
    font-size: 15px;
    width: 30px;
    height: 30px;
}
.firstFilters {
grid-auto-rows: 40px;
}
.secondFilters {
grid-auto-rows: 40px;
}
.selectBox select {
width: 22vw;
font-size: 10px;
padding: 5px;
}
.selectBoxSecond select {
width: 22vw;
font-size: 10px;
padding: 5px;
}
#checkBoxesJudete {
width: 22vw;
}
#checkBoxesTitlu {
width: 22vw;
}
#checkBoxesServicii {
width: 22vw;
}
#checkBoxesReduceri {
width: 22vw;
}
#checkBoxesOnline {
width: 22vw;
}
#checkBoxesPrima {
width: 22vw;
}
#checkBoxesTerapie {
width: 22vw;
}
#checkBoxesTulburari {
width: 22vw;
}
#checkBoxesVulnerabile {
width: 22vw;
}
#checkBoxesLGBT {
width: 22vw;
}
#checkBoxesEtnie {
width: 22vw;
}

#checkBoxesJudete label{
font-size: 10px;
}
#checkBoxesTitlu label{
font-size: 10px;
}
#checkBoxesServicii label{
font-size: 10px;
}
#checkBoxesReduceri label{
font-size: 10px;
}
#checkBoxesOnline label{
font-size: 10px;
}
#checkBoxesPrima label{
font-size: 10px;
}
#checkBoxesTerapie label{
font-size: 10px;
}
#checkBoxesTulburari label{
font-size: 10px;
}
#checkBoxesVulnerabile label{
font-size: 10px;
}
#checkBoxesLGBT label{
font-size: 10px;
}
#checkBoxesEtnie label{
font-size: 10px;
}

input {
height: 8px;
}

#btn {
width: 22vw;
font-size: 12px;
height: 22px;
padding: 0px 18px;
}

#text {
font-size: 8px;
}
.row {
margin: 5px;
}
.card h2 {
font-size: 10px;
}
.card p {
font-size: 10px;
}
.bold {
font-size: 10px;
}
.btnShowMoreDetails {
font-size: 10px;
width: 120px;
right: 10px;
margin-top: 10px;
}
::-webkit-scrollbar {
width: 5px;
}

.results-map {
flex-direction: column;
}
#map {
height: 300px;
width: 100%;
margin: 0px;
order: 1;
}
.results {
order: 2;
width: 100%;
margin-top: 20px;
height: 600px;
}
.card {
margin-right: 7px;
}
.numeMarker h2 {
font-size: 15px;
font-weight: bold;
}

.numeMarker p {
font-size: 13px;
}
.gm-style-iw-d {
width: 100%;
}
.gm-style-iw-d div {
text-align: center;
}
.more p a {
font-size: 12px;
}
}

@media (min-width: 600px) and (max-width: 768px) {
.filterTitle .text-heading {
padding-left: 3.5vw !important;
}
#btnShowMoreFilters {
margin-right: 3.5vw;
}
}

@media (min-width: 320px) and (max-width: 600px) {
.content {
padding: 30px 0px;
}
.title {
font-size: 18px;
}
.filterTitle {
height: 30px;
}
.filterTitle .text-heading {
font-size: 12px !important;
padding-left: 2.7vw !important;
padding-top: 18px !important;
}
#btnShowMoreFilters {
font-size: 10px;
margin-top: 8px;
margin-right: 2.7vw;
margin-bottom: -2px;
padding: 0px 5px;
height: 20px;
width: auto;
}

#btnResetFilters {
font-size: 10px;
margin-right: 10px;
margin-top: 8px;
margin-bottom: -2px;
padding: 0px 5px;
height: 20px;
} 

.backButton {
    font-size: 15px;
    width: 30px;
    height: 30px;
}

.firstFilters {
grid-auto-rows: 40px;
}
.secondFilters {
grid-auto-rows: 40px;
}
.selectBox select {
width: 40vw;
font-size: 10px;
padding: 5px;
}
.selectBoxSecond select {
width: 40vw;
font-size: 8px;
padding: 5px;
}

#btn {
font-size: 10px;
height: 24px;
width: 40vw;
padding: 0px 18px;
}
#text {
font-size: 8px;
}
.row {
margin: 5px;
}
.card h2 {
font-size: 14px;
}
.card p {
font-size: 12px;
}

.bold {
font-size: 12px;
}
.btnShowMoreDetails {
font-size: 10px;
width: 120px;
right: 10px;
margin-top: 10px;
}
::-webkit-scrollbar {
width: 5px;
}
.firstFilters {
grid-template-columns: repeat(2, 1fr);
}
.secondFilters {
grid-template-columns: repeat(2, 1fr);
}
#checkBoxesJudete {
width: 40vw;
}
#checkBoxesTitlu {
width: 40vw;
}
#checkBoxesServicii {
width: 40vw;
}
#checkBoxesReduceri {
width: 40vw;
}
#checkBoxesOnline {
width: 40vw;
}
#checkBoxesPrima {
width: 40vw;
}
#checkBoxesTerapie {
width: 40vw;
}
#checkBoxesTulburari {
width: 40vw;
}
#checkBoxesVulnerabile {
width: 40vw;
}
#checkBoxesLGBT {
width: 40vw;
}
#checkBoxesEtnie {
width: 40vw;
}


#checkBoxesJudete label{
font-size: 10px;
}
#checkBoxesTitlu label{
font-size: 10px;
}
#checkBoxesServicii label{
font-size: 10px;
}
#checkBoxesReduceri label{
font-size: 10px;
}
#checkBoxesOnline label{
font-size: 10px;
}
#checkBoxesPrima label{
font-size: 10px;
}
#checkBoxesTerapie label{
font-size: 10px;
}
#checkBoxesTulburari label{
font-size: 10px;
}
#checkBoxesVulnerabile label{
font-size: 10px;
}
#checkBoxesLGBT label{
font-size: 10px;
}
#checkBoxesEtnie label{
font-size: 10px;
}

#text {
height: 50px;
}
.results-map {
flex-direction: column;
}
#map {
height: 300px;
width: 100%;
margin: 0px;
order: 1;
}
.results {
order: 2;
width: 100%;
margin-top: 20px;
height: 650px;
}
.card {
margin-right: 7px;
}
.numeMarker h2 {
font-size: 15px;
font-weight: bold;
}

.numeMarker p {
font-size: 13px;
}
.gm-style-iw-d {
width: 100%;
}
.gm-style-iw-d div {
text-align: center;
}
.more p a {
font-size: 10px;
}
}

.container {
    display: flex;
}