.hotels-catalog{}

.hotels-catalog .page-section-title{margin:0;}


.hotels-catalog .hotels-catalog-list{
	display: flex;
	flex-direction: column;
	gap: 43px;
}

.hotels-catalog .hotels-catalog-filter{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 8px;
	margin:0 0 30px 0;
}

.hotels-catalog .hotels-catalog-filter > button{
	background: #fff;
    position: relative;
    height: 30px;
    border-radius: 16px;
    line-height: 28px;
    border: solid 1px #3F3A4B;
    line-height: 30px;
    padding: 0 10px;
    white-space: nowrap;
    font-size: .9em;
	transition: all .1s ease;
}

.hotels-catalog .hotels-catalog-filter > button.current{
	background: #3F3A4B;
	color:white;
}

.hotels-catalog .hotels-catalog-filter .search-form-holder{
	position:relative;
	display: flex;
	flex-direction: row;
}

.hotels-catalog .hotels-catalog-filter .search-form-holder .filter-search-trigger{
		background: #fff;
    position: relative;
    height: 30px;
	width: 30px;
    border-radius: 16px;
    line-height: 28px;
    border: solid 1px #3F3A4B;
    line-height: 30px;
    white-space: nowrap;
    font-size: .9em;
	transition: all .2s ease;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.hotels-catalog .hotels-catalog-filter .search-form-holder .filter-search-trigger svg{
	height: 20px;
	width: 20px;
}

.hotels-catalog .hotels-catalog-filter .search-form-holder input{
	position: absolute;
	opacity:0;
	visibility:hidden;
	width:0;
	height:30px;
	top:0;
	border-radius: 16px;
}

.hotels-catalog .hotels-catalog-filter .search-form-holder form > div{display: flex;}

.hotels-catalog .hotels-catalog-filter .search-form-holder .close-search, .hotels-catalog .hotels-catalog-filter .search-form-holder .go-search{
	position: absolute;
	opacity:0;
	visibility:hidden;
	height:30px;
	width:30px;
	top:0;
}

.hotels-catalog .hotels-catalog-filter .search-form-holder.active
{
	padding:0 6px;
	border:solid 1px #3F3A4B;
	border-radius: 16px;
}

.hotels-catalog .hotels-catalog-filter .search-form-holder.active input{
	opacity: 1;
	visibility: visible;
	width: 120px;
	position: relative;
	padding:0 6px;
}

.hotels-catalog .hotels-catalog-filter .search-form-holder.active .close-search, .hotels-catalog .hotels-catalog-filter .search-form-holder.active .go-search{
	visibility: visible;
	opacity:1;
	position: relative;
	height:30px;
	width:30px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background:none;
	cursor:pointer;
}

.hotels-catalog .hotels-catalog-filter .search-form-holder.active .filter-search-trigger{display: none;}

.hotels-catalog .hotels-catalog-list section{}

.hotels-catalog .hotels-catalog-list section .list-section-title{
	font-weight:bold;
	margin:0 0 12px 0;
    font-size: 1.2em;
}

.hotels-catalog .hotels-catalog-list section ol{
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.hotels-catalog .hotels-catalog-list section ol li{}

.hotels-catalog .hotels-catalog-list section ol li a{
	display:inline-block;
	position: relative;
	line-height: 130%;
}

.hotels-catalog .hotels-catalog-list section ol li a:before{
	content: '';
	display: block;
	position: absolute;
	height: 7px;
	width: 7px;
	background: #FFD300;
	left: 0px;
	top: 7px;
	opacity:0;
	visibility: hidden;
	transition: all .2s ease;
}

.hotels-catalog .hotels-catalog-list section ol li a:hover{
	color:black;

}

.hotels-catalog .hotels-catalog-list section ol li a:hover:before{
	opacity: 1;
	visibility: visible;
	left: -12px;
}

.link-hotel  {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyMSAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuMjkyODkzIDcuMjkyODlDLTAuMDk3NjMxIDcuNjgzNDIgLTAuMDk3NjMxMSA4LjMxNjU4IDAuMjkyODkzIDguNzA3MUw2LjY1Njg1IDE1LjA3MTFDNy4wNDczOCAxNS40NjE2IDcuNjgwNTQgMTUuNDYxNiA4LjA3MTA3IDE1LjA3MTFDOC40NjE1OSAxNC42ODA1IDguNDYxNTkgMTQuMDQ3NCA4LjA3MTA3IDEzLjY1NjlMMi40MTQyMSA4TDguMDcxMDcgMi4zNDMxNEM4LjQ2MTU5IDEuOTUyNjIgOC40NjE1OSAxLjMxOTQ2IDguMDcxMDcgMC45Mjg5MzFDNy42ODA1NCAwLjUzODQwNyA3LjA0NzM4IDAuNTM4NDA3IDYuNjU2ODUgMC45Mjg5MzFMMC4yOTI4OTMgNy4yOTI4OVpNMjEgN0wxIDdMMSA5TDIxIDlMMjEgN1oiIGZpbGw9IiMzRjNBNEIiLz4KPC9zdmc+Cg==);
    background-repeat: no-repeat;
    background-position: 10px center;
    position: relative;
    background-color: #F3F4FD;
    display: inline-block;
    border-radius: 6px;
    height: 24px !important;
    padding: 0 10px 0 36px;
    text-decoration: none;
    line-height: 24px;
    font-size: .9em;

}

@media screen and (min-width:921px){
	.hotels-catalog .hotels-catalog-filter{justify-content: flex-end;}
	.hotels-catalog .hotels-catalog-list section .list-section-title{font-size: 25px;margin:0 0 30px 0;}
	.hotels-catalog .hotels-catalog-list section ol{
  columns:3;
  column-gap: 16px;
display: block;
/*flex-direction: row; 
flex-wrap: wrap;*/
}
	.hotels-catalog .hotels-catalog-list section ol li{margin-bottom: 16px;}
	/*.hotels-catalog .hotels-catalog-list section ol li{width: calc(100% / 3 - 32px/3);}*/
}