.popupBackground {
  /*display: none;*/
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Прозрачный черный цвет для затемнения */
  z-index: 1000;
}

.popupContainer {
position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  padding: 20px;
  border-radius: 5px;
  z-index: 1001;
	width:50%;
}
h2.tour_type_title {
    font-size: 18px;
}
#date_select .ui-datepicker {
	margin: auto;
}
.popupContent {
    text-align: center;
}
div#tour_type {
    display: grid;
    flex-direction: row;
    justify-content: center;
    /* align-items: center; */
    flex-wrap: nowrap;
    align-content: stretch;
    justify-items: center;
    grid-template-columns: 50% 50%;
	   grid-gap: 10px;
}
div#tour_type button{
	width:100%;
}
.closeButton {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
}
.tour_type button {
   
}
.closeButton:hover,
.closeButton:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

button#popupButton {
    position: fixed;
    bottom: 10px;
    right: 10px;
    padding: 10px 20px;
    font-size: 16px;
    background-color: #007bff;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

button#popupButton:hover,
button#popupButton:focus {
    background-color: #0056b3;
    outline: none;
}

button#tour_guide_btn {
    position: fixed;
    bottom: 100px;
    right: 20px;
}

.tour_interest {
       display: grid;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: stretch;
    align-content: space-evenly;
    justify-items: center;
    grid-template-columns: 33% 33% 33%;
    grid-gap: 10px;
}
.city_select.tour_btns button{ width:100%;}
.city_select.tour_btns {
    display: grid;
    grid-gap: 10px;
	 justify-items: center;	justify-content: space-around;
    align-items: stretch;
    align-content: space-evenly;
    justify-items: center;
    grid-template-columns: 33% 33% 33%;
}
.tour_interest button{ width:100%;}

@media only screen and (max-width: 600px) {
.popupContainer {

	width:90%;
}
	
	div#tour_type button {
  
    padding: 16px 10px;
}
	.city_select.tour_btns { grid-template-columns:90%}
	.tour_interest {
  
    grid-template-columns: 90%;
  
}
}