.slick-track
{
    display: flex !important;
}

.slick-slide
{
    height: inherit !important;
}
.places-section  {
	margin-top: 120px;
}

.fancybox-close-small {
	width: 40px !important; /* Размер кнопки */
	height: 40px !important;
	margin-right: 5px;
	margin-top: 5px;
	border: 1px solid #fff;
	color: #fff !important;
	background-color: rgba(0, 168, 231, 1) !important; /* Фон кнопки */
	border-radius: 50% !important; /* Сделать круглой */
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); /* Добавить тень */
}

/* Изменение цвета и размера самой иконки (крестика) */
.fancybox-close-small::before {
	color: red !important; /* Цвет иконки */
	font-size: 20px !important; /* Размер иконки */
}
/* Стили для кастомной кнопки закрытия */
.custom-close-button {
	width: 40px !important;
	height: 40px !important;
	background-color: rgba(255, 255, 255, 0.8) !important;
	border-radius: 50% !important;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}

.custom-close-button::before {
	content: '\f00d' !important; /* Unicode для "крестика" */
	font-family: 'Font Awesome 5 Free' !important;
	font-weight: 900 !important;
	color: red !important;
	font-size: 20px !important;
}

.custom-close-button:hover {
	background-color: rgba(255, 255, 255, 1) !important;
	transform: scale(1.1);
	transition: all 0.2s ease;
}

.custom-placemark {
	display: inline-block;
	position: absolute;
	text-align: left; 
}

.custom-placemark-icon {
	width: 30px;
	display: block; 
	position: absolute;
	bottom: 0px;
}

.custom-placemark-icon img {
	width: 30px;
	
	display: block;
}


.custom-placemark-label {
	font-size: 12px;
	font-weight: bold;
	background-color: white;
	padding: 5px 10px;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	position: absolute;
	left: -10px;
	bottom: 30px; 
	display: inline-block; 

}

.custom-placemark-label:after {
	content: "";
	position: absolute;
	top: 100%; 
	left: 10px;  
	border-width: 7px;
	border-style: solid;
	border-color: white transparent transparent  transparent;

}
h5.title > a {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 20px;
}

.info.MP {

	width: 100%;
	width: calc(100% - 95px);
}
.info >.title  {
	margin-right: 0px;

	position: relative;

}
.info >.ratings  {
	float: right;

	}
h4.title > a {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 20px;
	width: 100%;
}



b, strong {
	font-weight: bold !important;
}

.shop-details-section {
	padding-top: 100px;
	padding-bottom: 50px;
}


.bg-fixed {
	background-attachment: fixed !important;
}

.is-invalid {
	border-color: red !important;
}
.dotted {
	text-decoration: none;
	border-bottom: 1px dashed  #E85200 ;
	color:  #545454 !important;
}
.bg-overlay {
	position: relative;
	z-index: -1;
	background-position: center center;
	background-size: cover;
}


.bg-banner {

	background-color: rgba(0,0,0,0.30);
	background-blend-mode: multiply;

}

.YaReviews{
	width:100%;
	max-width: 560px;
	height:800px;
	overflow:hidden;
	position:relative;
	margin: 0px auto";

}

i.second-icon {

	margin-left: 10px;

}
.MapSochi {
	width: 90%;
	height: 280px;

}

.blue-arrow {
	color: #159 !important;
}

.icon-btn.social-btn>i {
	-webkit-transform: rotate(0deg) !important;
	transform: rotate(0deg) !important;
}

.sidebar-widget-area .recent-post-widget .recent-post-list .post-thumbnail-content img {
	height: auto !important;
}

.black-bg-img {
	background: #000;
}

.black-bg-img a {
	margin-bottom: -9px;
}

.content-gallery {

	position: absolute; 
	top: 0px; 
	right: 0px; 
	bottom: 0px; 
	left: 0px;

	display: table;
	height: 100%;
	width: 100%;


}

div.content-gallery-inner {
	display: table-cell;

	vertical-align: middle;
	text-align: center;	
	padding: 20px;
}

.content-gallery p {

	color: #fff;
	

}

.gowilds-pagination li a.disabled, .gowilds-pagination li a:hover.disabled,  .gowilds-pagination li a:hover.disabled span {

	pointer-events: none !important;
	border-color: red;
}


/*визуализация скидки*/


.rating {
	width: 120px;
	height: 24px;
	position: relative;
	display: inline-block;
	background-color: #ddd;
}

.rating progress.rating-bg {
	-webkit-appearance: none;
	-moz-appearence: none;
	appearance: none;
	border: none;
	display: inline-block;
	height: 24px;
	width: 100%;
	color: #F7921EFF;
}

.rating progress.rating-bg::-webkit-progress-value {
	background-color: #F7921EFF;
}

.rating progress.rating-bg::-moz-progress-bar {
	background-color:  #F7921EFF;
}

.rating svg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.image-container {
	max-height:350px;
	overflow:hidden;
	border-radius: 10px;
}

.star-rating{
	font-size: 0;
}
.star-rating__wrap{
	display: inline-block;
	font-size: 1rem;
}
.star-rating__wrap:after{
	content: "";
	display: table;
	clear: both;
}
.star-rating__ico{
	float: right;
	padding-left: 2px;
	cursor: pointer;
	color: #FFB300;
}
.star-rating__ico:last-child{
	padding-left: 0;
}
.star-rating__input{
	display: none;
}
.star-rating__ico:hover:before,
.star-rating__ico:hover ~ .star-rating__ico:before,
.star-rating__input:checked ~ .star-rating__ico:before
{
	content: "\f005";
}

#points_map {
	margin: 0;
	padding: 0;
	width: 100%; /* Занимает всю доступную ширину родителя */
	height: 400px; /* Минимальная высота */
	min-height: 300px; /* Минимальная высота для маленьких экранов */
	max-height: 700px; /* Максимальная высота */
}




/* Для портретной ориентации (вертикальная) */
@media (orientation: portrait) {
	#points_map {
		height: 80vh; /* Высота равна 80% высоты viewport */
		width: 80vw; /* Высота равна 80% высоты viewport */
	}
}

/* Для альбомной ориентации (горизонтальная) */
@media (orientation: landscape) {
	#points_map {
		height: 90vh; /* Высота равна 90% высоты viewport */
		width: 80vw; /* Высота равна 80% высоты viewport */
	}
}

/* Для небольших экранов (например, мобильных телефонов) */
@media (max-width: 600px) {
	#points_map {
		height: 100vh; /* Полный экран */
		width: 100vw; /* Высота равна 80% высоты viewport */
	}
}
@media only screen and (max-width : 1180px) {
	.shop-details-section {
		padding-top: 30px;
		padding-bottom: 0px;
	}



}

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

	.places-section  {
	margin-top: 30px;
}

h2 {
	margin-bottom: 30px;
}

	h5.title > a {
		display: inline-block;
		white-space: wrap;
		overflow: none;
		text-overflow: none;
		margin-bottom: 20px;
	}


	.otherExc h5.title > a {
		display: block;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		margin-bottom: 20px;
	}


}

@media only screen and (max-width : 360px) {
	.g-recaptcha {
		
		overflow: hidden;

	}



}