.background-image-form {
    background-image: url(/img/hsblock.jpg);
	background-position: center;
}
/* Homepage hero form: override legacy field widths */
.hsblock .hotelDirection,
.hsblock .activeDateDepart,
.hsblock .activeNumberTourists {
	width: auto;
	max-width: none;
	height: auto;
	line-height: inherit;
	padding: 0;
	background: transparent;
}
.taxlist {
    color: black;
}


.toggleFilters {
    background: aliceblue;
    padding-bottom: 10px;
    text-align: center;
    color: #ababab;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 1px;
}
.formSearch,
.formSearchDetail {
    display: flex;
    justify-content: space-between;
    padding: 5px 10px 50px 10px;
	background: rgb(63 42 255 / 20%);
}
.formName {
    margin-left: 5px;
    margin-bottom: 5px;
}
.formShadow .formName {
	color: #fff;
}
.formPreName {
    font-size: 12px;
    font-weight: 500;
    margin: 0 0 7px 5px;
    color: #ababab;
}
.form {
	margin: 10px;
}
.form .list {
    max-height: 350px;
    width: 270px;
	min-width: 250px;
    overflow: overlay;
	overflow-x: hidden;
	display: none;
	position: absolute;
    background: white;
    margin-top: 10px;
	z-index: 10;
	background: white;
	box-shadow: var(--box-shadow-one);
    border-radius: var(--border-radius-two);
}
.correction {
	padding: 5px 10px;
}
.form .item,
.form .itemNone {
    cursor: pointer;
	padding: 8px 10px;
	display: flex;
    align-items: center;
}
.form .itemNone {
	cursor: no-drop;
}
.form .item.two {
    display: none;
}
.form .item .flag-name {
    display: flex;
    align-items: center;
	margin-right: 10px;
	overflow: hidden;
}
.form .item span.flag {
    width: 30px;
    height: 15px;
    display: inline-block;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-right: 7px;
}
.form .item .name {
    overflow: hidden;
    white-space: nowrap;
    width: max-content;
    display: block;
}
.form .item .type {
    width: 30px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: 20px;
}
.form .item .type.airport {
	background-image: url(/img/directionType/airport.svg);
}
.form .item .type.metro {
	background-image: url(/img/directionType/metro.svg);
}
.form .item .type.city {
	background-image: url(/img/directionType/city.svg);
}
.form .item .type.state {
	background-image: url(/img/directionType/state.svg);
}
.form .item .type.railwaystation {
	background-image: url(/img/directionType/railwaystation.svg);
}
.form .item .type.busstation {
	background-image: url(/img/directionType/busstation.svg);
}
.form .item .type.universalpoint {
	background-image: url(/img/directionType/universalpoint.svg);
}
.form .item .type.hotel {
	background-image: url(/img/directionType/hotel.svg);
}
.form .item span.visa {
	white-space: nowrap;
    text-transform: uppercase;
    font-size: 9px;
    letter-spacing: 1px;
	margin-right: 5px;
}
.formCountries .popularList {
	position: absolute;
}
.formCountries .flagsList {
	position: absolute;
	margin-top: 35px;
}
.popular, .flagCountry {
    display: inline-block;
    margin: 10px 5px 0 0;
    padding: 5px 7px;
    border-radius: 3px;
    cursor: pointer;
	font-size: 9px;
    text-transform: uppercase;
    letter-spacing: 1px;
	background: white;
	font-weight: 500;
}
.hotelDirection, 
.activeDepartCity,
.activeCountry,
.activeDateDepart ,
.activeNumberNights ,
.activeNumberTourists ,
.activeCities,
.activeHotels,
.activeTourOperators,
.activeCategoryHotels,
.activeMeals {
    padding: 5px 10px;
    border: none;
    border-radius: var(--border-radius-two);
    width: 270px;
	background: white;
	height: 40px;
	line-height: 29px;
	padding-left: 15px;
}
.preinput span.caret {
    position: absolute;
    margin: 20px 0 0 -20px;
	cursor: text;
}
.activeDateDepart {
	cursor: pointer;
}
.activeNumberNights ,
.filterPrice .prices {
	display: flex;
	width: auto;
	padding: 0px;
	height: 34px;
}
.activeNumberNights {
	height: 30px;
}
.activeNumberNights .start,
.activeNumberNights .end {
	padding: 5px 10px;
	text-align: center;
	cursor: pointer;
	width: 75px;
}
.activeNumberNights .start {
    border-right: 1px solid #e5e5e5;
}
.activeNumberNights .list,
.activeNumberTourists .list {
    margin: 15px 0 0 -15px;
    width: auto;
}
.activeNumberNights .list div {
    width: 72px;
    text-align: center;
    padding: 2px 0;
	background: white;
}
.activeNumberTourists .list.tourists {
    max-height: 350px;
}
.activeNumberTourists .number {
    padding: 5px 10px 10px 10px;
	border-top: 1px solid #ccd3da;
}
.activeNumberTourists .number:first-child {
	border: none;
}
.activeNumberTourists .number-info {
    display: flex;
	align-items: center;
    justify-content: space-between;
    font-size: 16px;
    font-weight: 500;
    margin: 0 0 5px 0;
	padding: 0 5px;
}
.activeNumberTourists .child-list {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}
.activeNumberTourists .value {
    cursor: pointer;
}
.activeNumberTourists > .value > span:not(.caret) {
    width: calc(100% - 20px);
	display: inline-block;
}
.activeNumberTourists .list {
	width: 300px;
	max-height: inherit;
}
.activeNumberTourists .adult {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 10px;
    background: #efefef;
    border-radius: 3px;
	height: 35px;
}
.activeNumberTourists .ageChild {
	display: none;
}
.activeNumberTourists .ageChild > span {
    width: calc(50% - 5px);
    display: inline-block;
    text-align: center;
    padding: 5px;
	margin: 5px;
    background: #efefef;
	cursor: pointer;
	border-radius: 3px;
}
.activeNumberTourists .addChild {
    margin: 5px;
    padding: 10px;
    text-align: center;
    cursor: pointer;
}
.activeNumberTourists .addChild.noactive {
    background: #efefef;
	color: #bfbfbf;
}
.activeNumberTourists .children {
    background: #efefef;
    margin: 5px;
    padding: 0 5px;
	width: calc(50% - 5px);
	height: 35px;
    border-radius: 3px;
    display: flex;
	justify-content: center;
    align-items: center;
}
.activeNumberTourists .children:nth-child(1),
.activeNumberTourists .children:nth-child(3) {
	margin-left: 0;
}
.activeNumberTourists .children:nth-child(2),
.activeNumberTourists .children:nth-child(4) {
	margin-right: 0;
}
.activeNumberTourists .children span.exit {
    padding: 0 5px;
}
.activeNumberTourists .children .val {
    width: 100%;
	font-size: 13px;
    text-align: center;
}
.activeNumberTourists .add-number {
    padding: 10px 15px;
    border-top: 1px solid #ccd3da;
    font-weight: 500;
    color: var(--color-button-one);
    transition: color .2s ease-out;
    cursor: pointer;
}
.add-number.noactive {
    color: #777;
}
.activeNumberTourists .number-del {
    color: var(--color-button-one);
    cursor: pointer;
}
.activeNumberTourists .ageChild > span:nth-child(1),
.activeNumberTourists .ageChild > span:nth-child(3),
.activeNumberTourists .ageChild > span:nth-child(5),
.activeNumberTourists .ageChild > span:nth-child(7),
.activeNumberTourists .ageChild > span:nth-child(9),
.activeNumberTourists .ageChild > span:nth-child(11),
.activeNumberTourists .ageChild > span:nth-child(13),
.activeNumberTourists .ageChild > span:nth-child(15),
.activeNumberTourists .ageChild > span:nth-child(17) {
	margin-left: 0;
}
.activeNumberTourists .ageChild > span:nth-child(2),
.activeNumberTourists .ageChild > span:nth-child(4),
.activeNumberTourists .ageChild > span:nth-child(6),
.activeNumberTourists .ageChild > span:nth-child(8),
.activeNumberTourists .ageChild > span:nth-child(10),
.activeNumberTourists .ageChild > span:nth-child(12),
.activeNumberTourists .ageChild > span:nth-child(14),
.activeNumberTourists .ageChild > span:nth-child(16),
.activeNumberTourists .ageChild > span:nth-child(18) {
	margin-right: 0;
}

a.searchLocation, 
.departDate {
	color: #4a4a4a;
}


/********* КАЛЕНДАРЬ В ФОРМЕ ПОИСКА ТУРОВ *********/



.formCalendar {
	display: none;
}
.calendar {
	display: none;
}
.calendar.active {
	display: block;
}
.calendarActive {
	display: flex;
	overflow: hidden;
	margin: 0 auto;
	flex: 1;
	min-width: 0;
}
.calendar-shell {
	display: flex;
	align-items: stretch;
	gap: 4px;
	width: 100%;
}
.calendar-nav-btn {
	flex-shrink: 0;
	align-self: flex-start;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	margin-top: 4px;
	padding: 0;
	border: none;
	background: transparent;
	color: #9ca3af;
	line-height: 1;
	cursor: pointer;
	border-radius: 8px;
	transition: background-color 0.15s ease, color 0.15s ease;
}
.calendar-nav-btn:hover:not(.noactive) {
	background: rgba(0, 0, 0, 0.04);
	color: #6b7280;
}
.calendar-nav-btn.noactive {
	color: #d1d5db;
	cursor: default;
}
.calendar-nav-btn .bi {
	font-size: 16px;
	line-height: 1;
}
.formCalendar > div {
	display: flex;
	flex-wrap: wrap;
	position: absolute;
	padding: 16px 14px 14px;
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, 0.08);
	border-radius: 12px;
	margin: 8px 0 0 0;
	cursor: default;
	z-index: 1050;
	box-shadow: 0 12px 40px rgba(15, 23, 42, 0.16), 0 2px 8px rgba(15, 23, 42, 0.08);
	width: min(640px, calc(100vw - 32px));
}
.calendar-title {
	padding: 8px 6px 10px;
	text-align: center;
	text-transform: uppercase;
	color: #9ca3af;
	border-bottom: 1px solid #e5e7eb;
	margin-bottom: 8px;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.04em;
	background: transparent !important;
}
.calendar-title.prev,
.calendar-title.next {
	cursor: pointer;
	font-weight: bold;
	color: #9ca3af;
	font-size: 20px;
	padding: 5px 10px 6px 10px;
	background: none;
	border: none;
	border-radius: 0;
	margin: 0;
	width: auto;
	height: auto;
}
.calendar-title.noactive {
	color: #d1d5db;
}
table.calendar {
	display: table;
	width: 100%;
	border-collapse: separate;
	border-spacing: 2px;
	padding: 0 4px;
}
table.calendar .calendar-row {
	display: table-row;
}
table.calendar .calendar-head,
table.calendar .calendar-day,
table.calendar .calendar-np {
	display: table-cell;
	vertical-align: middle;
}
.calendar-head .calendar-number {
	font-size: 12px;
	font-weight: 700;
	text-transform: none;
	letter-spacing: 0;
	color: #374151;
}
.weekend {
	color: #ef4444;
}
.calendar-head.weekend .calendar-number,
.calendar-day.weekend .calendar-number {
	color: #ef4444;
}
.calendar-day {
	padding: 0;
	cursor: pointer;
	text-align: center;
}
.calendar-day .calendar-number {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	margin: 0 auto;
	font-size: 13px;
	font-weight: 500;
	border-radius: 6px;
	color: #1f2937;
}
.calendar-day.noactive {
	opacity: 0.3;
	cursor: not-allowed;
}
.calendar-day:not(.noactive, .one, .select, .two, .start, .end, .preview-select, .preview-end):hover .calendar-number {
	background-color: rgba(var(--color-brand-rgb), 0.1);
}
.calendar-day.start .calendar-number,
.calendar-day.end .calendar-number,
.calendar-day.preview-end .calendar-number {
	color: #fff !important;
	background-color: var(--color-2);
}
.calendar-day.select .calendar-number,
.calendar-day.preview-select .calendar-number {
	background: rgba(var(--color-brand-rgb), 0.14);
	border-radius: 0;
}
.calendar-day.start .calendar-number {
	border-radius: 6px 0 0 6px;
}
.calendar-day.end .calendar-number,
.calendar-day.preview-end .calendar-number {
	border-radius: 0 6px 6px 0;
}
.calendar-day.start.end .calendar-number,
.calendar-day.start.preview-end .calendar-number {
	border-radius: 6px;
}
.calendar-popup-hint {
	width: 100%;
	margin-top: 10px;
	padding: 8px 6px 0;
	font-size: 12px;
	line-height: 1.4;
	color: #6b7280;
	border-top: 1px solid #e5e7eb;
}



/********* ВТОРАЯ ЧАСТЬ ФОРМЫ ПОИСКА ТУРОВ *********/



.toogleSearchDetail {
	display: block;
}
.formSearchDetail {
	background: rgb(0 0 0 / 30%);
    border-radius: 0;
	padding-bottom: 15px;
}
.formSearchDetail .form {
	width: 25%;
}
.formSearchDetail input[type="text"] {
	width: 100%;
	margin-top: -2px;
}
.formSearchDetail .preinput {
    background: white;
    margin-top: 7px;
    border-radius: 4px;
    height: 30px;
}
.formSearchDetail .list {
    display: block;
    position: relative;
	width: 100%;
	z-index: 9;
	height: 210px;
}
.formSearchDetail .item {
    justify-content: flex-start;
	align-items: flex-start;
}
.formSearchDetail .item input {
    margin-right: 7px;
    cursor: pointer;
}
.filterChecks {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin-top: 7px;
	padding: 5px;
}
.allchecks {
    display: block;
    width: inherit;
	color: white;
}
.allchecks input {
    margin: 0 7px 0 0;
}
.filter span {
    box-shadow: none;
    width: 20px;
    height: 15px;
    display: inline-block;
    margin: 0;
    padding: 0;
    cursor: pointer;
    background-size: contain;
    background-position: center;
	background-repeat: no-repeat;
	background-color: transparent;
}
.filter .popular {
	background-image: url(/img/icons/health.png);
}
.filter .popular.active {
    background-image: url(/img/icons/healthActive.png);
}
.filter .alphabet {
    background-image: url(/img/icons/letter.png);
}
.filter .alphabet.active {
    background-image: url(/img/icons/letterActive.png);
}
.filter .rating {
    background-image: url(/img/icons/star.png);
}
.filter .rating.active {
    background-image: url(/img/icons/starActive.png);
}
.activeCategoryHotels .value .star {
    margin: 0 2px 0 0;
    width: 22px;
    background-size: 22px;
    height: 20px;
}
.activeCategoryHotels .list .star {
    margin: 0 5px 0 -5px;
}
.formSearchDetail .item.noactive {
    cursor: no-drop;
    text-align: center;
    width: 100%;
    height: 100%;
    display: block;
    padding: 20px 0;
    color: #9f9f9f;
    font-weight: 500;
    letter-spacing: 0.5px;
}
.activeCategoryHotels,
.activeMeals {
	width: 100%;
	cursor: pointer;
}
.preform {
    margin-bottom: 16px;
}
.formRatingHotels {
    margin: 0;
}
.preform .list {
	display: none;
	position: absolute;
	margin: 10px 0 0 -10px;
	height: auto;
}
.activeBeachLineId,
.activeRatingHotel {
    display: flex;
    width: 100%;
	margin-top: 5px;
	justify-content: space-between;
    align-items: center;
    border-radius: 4px;
}
.activeBeachLineId .item:nth-child(1),
.activeRatingHotel .item:nth-child(1) {
	border-radius: 4px 0 0 4px;
	padding: 5px 10px;
}
.activeBeachLineId .item:nth-child(4) {
	border-radius: 0 4px 4px 0;
}
.activeRatingHotel .item:nth-child(5) {
	border-radius: 0 4px 4px 0;
}
.activeBeachLineId .item,
.activeRatingHotel .item {
    display: block;
    background: white;
    border-right: 1px solid #e1dede;
    padding: 5px;
	text-align: center;
	height: 40px;
	width: 100%;
}
.activeBeachLineId .item:last-child,
.activeRatingHotel .item:last-child {
    border: none;
}
.activeRatingHotel .item {
    width: 25%;
}
.activeBeachLineId .item div.line {
    font-size: 12px;
	line-height: 12px;
    margin-bottom: 3px;
}
.activeBeachLineId .item:nth-child(1) div.line,
.activeRatingHotel .item {
	line-height: 30px;
}
.activeBeachLineId .item:nth-child(1) div.line {
	font-size: 14px;
}
.activeBeachLineId .item div.distance {
    font-size: 10px;
	line-height: 12px;
	color: #00c300;
}
.formSearchDetail .list::before {
	content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background: white;
    z-index: -1;
}
span.precaret {
    width: 30px;
    height: 20px;
    padding: 0 10px;
}
.formSearchDetail .childList {
    padding: 0 0 0 20px;
	display: none;
}
.formSearchDetail .childList.active {
	display: block;
}
.block{
  height: 90px;
  width:300px;
  margin:0 auto;
  background: #343436;
}
.prename {
	overflow: hidden;
    width: 100%;
}
.prename .name:hover {
	animation: text 5s infinite ease-in-out;
	overflow: visible!important;
	display: block;
}

.formHotels .alert {
    position: absolute;
    background: #ffeaec;
    margin: -5px 0 0 -10px;
    padding: 5px 10px;
    border-radius: 0;
    z-index: 10;
    width: 100%;
    height: 33px;
	text-align: center;
}


/********* ТРЕТЬЯ ЧАСТЬ ФОРМЫ ПОИСКА ТУРОВ *********/


.form.filterPrice > div, 
.form.filtersBlock > div {
    display: flex;
}
.formSearchButtons .sort {
    display: flex;
    background: white;
    border-radius: var(--border-radius-two);
    margin-top: 5px;
}
.formSearchButtons .sort > div {
    text-align: center;
    padding: 7px 10px;
    cursor: pointer;
}
.formSearchButtons .sort > div:nth-child(1) {
    border-right: 1px solid #e5e5e5;
	border-radius: var(--border-radius-two) 0 0 var(--border-radius-two);
}
.formSearchButtons .sort > div:nth-child(2) {
	border-radius: 0 var(--border-radius-two) var(--border-radius-two) 0;
}
.formSearchButtons .sort > div.active {
	background-color: var(--button-yellow);
}
.formSearchButtons .sort div span:nth-child(2) {
    margin-left: 5px;
    font-weight: 500;
}
.filterPrice .prices {
	border-radius: var(--border-radius-two);
}
.filterPrice .prices input {
    border: none;
    width: 100px;
    text-align: center;
}
.filterPrice .prices input.minPrice {
    border-radius: var(--border-radius-two) 0 0 var(--border-radius-two);
	border-right: 1px solid #e5e5e5;
}
.filterPrice .prices input.maxPrice {
    border-radius: 0 var(--border-radius-two) var(--border-radius-two) 0;
}
.filterPrice .currency {
	margin-top: 5px;
	pointer-events: none;
	cursor: pointer;
}
.filterPrice .currency .value {
    margin: 0 10px;
    padding: 7px 10px;
    height: 32px;
    background: white;
    border-radius: var(--border-radius-two);
    cursor: pointer;
	width: 65px;
	width: auto;
}
.filterPrice .currency .list {
	width: 65px;
	margin: 5px 0 0 10px;
}
.filterButtons {
    display: flex;
    width: -webkit-fill-available;
}
.button.noactive {
    background-color: var(--button-disabled);
	opacity: 1;
}
.filterButtons .reset,
.slideFilters {
    display: flex;
    align-items: center;
    color: #fff;
    letter-spacing: .5px;
    cursor: pointer;
	transition: color .2s ease-out;
	margin-right: 15px;
}
.slideFilters .caret {
    color: #fff;
    margin: 0 5px 0 0;
	transition: color .2s ease-out;
}
.filterButtons .reset svg {
    margin-right: 5px;
}
.filterButtons .reset:hover svg {
	-webkit-animation: rotateResetIcon .4s linear .1s;
    animation: rotateResetIcon .4s linear .1s;
}



/*********  *********/


.formSearchResult {
    margin-bottom: 20px;
}
.searchResult.load, .mapResult.load {
    opacity: .35;
    pointer-events: none;
}
.lineSearch {
    background: var(--background-one);
    color: black;
	margin: -30px 0 20px 0;
}
.searchStatus {
	display: flex;
    justify-content: space-between;
	font-size: 17px;
    #font-family: var(--font-semibold); font-weight: 600;
}
.searchStatus .maping.noactive {
	display: none;
}
.searchStatus .xMaping {
	min-width: 260px;
    justify-content: center;
	height: 100%;
    padding: 10px 30px;
    display: flex;
    align-items: center;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIwIiBoZWlnaHQ9IjYwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8xOTRfMzk1MSkiPjxwYXRoIGQ9Ik0xOTYuNzUxIDc2LjY3OGwxMy40NjctNDguODE0LTM1LjI3OC0xLjYzdjUwLjQ0NWgyMS44MTF6bS03Mi41NzIgMGw1LjY2MS0xNi4wNDdoNDMuMTc3VjI2LjE0TDM4LjAxIDE5Ljg5OFY1Mi4yN2wtNDIuMTc4IDUuOTY2LS4xODUgMjkuMDY3TDg5LjAzIDc2LjY3OGgzNS4xNDl6IiBmaWxsPSIjMDBBQTZDIiBmaWxsLW9wYWNpdHk9Ii4yIi8+PHBhdGggZD0iTTMyLjIyIDE5LjYzMmwtMzYuMTEtMS42NzctLjI0MSAzNi41NyAzNi4zNS01LjEzM3YtMjkuNzZ6TTE5LjUyOS00NS4yNDJsLTIyLjk3Ni0yLjA1OS0uMzg5IDU5LjIyIDQuOTQuMjMyIDE4LjQyNS01Ny4zOTR6TTMyMi4zMjMgNy44MTVsMy41ODktMTMuMzJjLTMxLjQ0OS03LjAyOS0zMy42NjgtMjcuNTUxLTMzLjU3Ni0zMy43NzJsLTIwLjU1MyA1LjA4OCAzMC45NSAzOC44MzYgMTkuNTkgMy4xNjh6TTI5OC45NSAyOC4wODhsLTc5Ljk3Mi0uMDEyLTYuNjQxLS4zLTkuMDI4IDMyLjczMiA5NC45MTkgNC4xMDQtMi4yMDEtMTQuMjMyIDkuMzQyLTIxLjAyLTYuNDE5LTEuMjcyem0tMi4xMzctNS44NDNsLjk5OS0xNS42Mi0zMS40NDktMzkuNDM4LTQ4LjcyNyAxMi4wNTkgMTYuNjQ5IDQyLjk5OWg2Mi41Mjh6bS0zMi4zMTgtNTAuMjcyTDI5My4yNzkgNi4yMmwtNC4xNDQgMTAuNjcxLTQ5LjMtMS4xNTYtMTIuMzItMzIuMzczIDM2Ljk4LTExLjM4OXoiIGZpbGw9IiM1QkMyMDAiIGZpbGwtb3BhY2l0eT0iLjIiLz48cGF0aCBkPSJNOTguNjUtMzguMTQzbC03My4zODYtNi41OEw2LjkxMyAxMi40NGw5Mi4wNTEgNC4yNjdjLjM3LTguODIyLjA1Ni0zNS44MDgtLjMxNC01NC44NXoiIGZpbGw9IiMwMEFBNkMiIGZpbGwtb3BhY2l0eT0iLjIiLz48cGF0aCBkPSJNMjE5LjMyIDIyLjI1NmgxMS4xMThsLTE1LjcyNS00MC4zMjgtNDAuODI3IDEuMDQuOTggMzcuMjE5IDQ0LjQ1NCAyLjA3em0tMTE4LjQ2OS01LjQ5Mmw3Mi4xNDcgMy4zNDEtLjk2Mi0zNy4wOS03MS4wMTggMS44MTVjLjA3NCAxMi41OC4xMjkgMjUuOTIyLS4xNjcgMzEuOTM0em0yMDQuNzY3IDM0LjMzOWwyLjE4MyAxNC4xMTcgMzkuMjU1IDEuNy4xODUtMjkuMDc4LTMyLjg1NC02LjQ4Ni04Ljc2OSAxOS43NDd6bS0zLjA1Mi0yOC4zOTZsNDQuNzMxIDguODIyLjExMS0xNS44ODYtNDMuOTE3LTcuMS0uOTI1IDE0LjE2NHoiIGZpbGw9IiM1QkMyMDAiIGZpbGwtb3BhY2l0eT0iLjIiLz48cGF0aCBkPSJNMzQ1LjU1OCAyODAuNDgxbC0uMjQxLTIuNDA1LTMyLjc2MiAxLjI5NS0xLjc1Ny0zNi43MjEgMzQuNjg2LTEuMjI1LS4wOTMtMS4xNTYtMzQuNjY3IDEuMjI1LTEuNDYxLTMwLjY4NSA0LjI1NC0xMS4wNjUgMzIuNjUxLTIuMDU4di0xLjIxNGwtMzIuMTcgMi4wMzUgMTAuMzA0LTI2Ljc4OS0xLjA3My02LjgzM2M0LjY0NC41NTUgMTMuMjY0IDEuODczIDIzLjE0MyAzLjQ2OHYtMy43NTdjLTEzLjI4My0yLjE4Ni0yMC4xMDktMy4wODctMjMuNzE2LTMuNDY5bC04LjY3Ni01Ni4wMDYgMzIuNzk5LTEuOTY2di0yLjQyOGwtMzMuMTg4IDIuMDAxLTUuMjUzLTMzLjg4OSAzOC42NDQgMS42Nzd2LTMuNjNsLTM5LjI1NS0xLjY4OS0yLjE4My0xNC4xMTcgOC43NjktMTkuNzQ4IDMyLjkyOCA2LjU0NHYtNi4zMTJsLTQ0LjczMS04LjgyMi45MDctMTQuMTY0IDQzLjkxNyA3LjF2LTMuNzM1bC0yMS4zNDgtMy40NjkgMy41NTItMTMuMThjNi40IDEuMjE4IDEyLjM2MyAyLjE2NiAxNy44ODggMi44NDR2LTEuMjM3Yy01LjQyLS42ODItMTEuMjY2LTEuNjA3LTE3LjU3NC0yLjc5OGwzLjU1Mi0xMy4xMzUgMTQuMTMzLjY4M3YtMi40MTdsLTE3LjM3LS44NDQtNC4wMzMgMTQuOTVjLTEwLjI4Ni0yLjQyOC0zMy4wNC0xMC40MDYtMzEuOTQ4LTMzLjAzM2w1My42NDctMTMuMjYxdi0xLjUzOGwtLjU3My0uOTE0LTUyLjk4MiAxMy4xdi01Ni45NjZoLTEuOTQydjU3LjQ1MmwtMjIuMzI5IDUuNTI2LTMzLjQ2NS00Mi4xMDhjLTEuNTk1LjcxNi0zLjQ0IDEuMTgzLTUuMzgzIDEuMzY0bDMzLjUwMiA0Mi4wNzQtNTEuNTU3IDEyLjcxOCAxLjE0NyAyLjk2LTQwLjQwMiAxLjAzLTEuNTU0LTU4Ljg4NmgtMS44NWwxLjU1NCA1OC45NjYtNzEgMS44MTVhMjk3Ny43NSAyOTc3Ljc1IDAgMDAtLjM3LTIyLjMwM3YtLjUwOGwtNC4zNDctNjAuNjU1SDk0LjM0bDQuMzQ3IDYwLjQ4MS03My4wMzUtNi41NjdMNDMuMDIyLTEwMGgtNS44OTlMMTkuOTE3LTQ2LjQzM2wtMjMuMTc5LTIuMDgyLS4xODUuNzg3di40MTZsMjIuOTc2IDIuMDU4LTE4LjUgNTcuMzkzLTQuOTU3LS4yM3Y2LjAzNWwzNi4xMSAxLjY3NnYyOS44MThMLTQuMTMgNTQuNTI2djMuNzExbDQyLjE2LTUuOTY2VjE5Ljg5OGwxMzUuMDQzIDYuMjU1VjYwLjYzSDEyOS44NGwtNS42NiAxNi4wNkg4OS4wM0wtNC4zNTMgODcuMzA0djMuNjc3bDkzLjkyLTEwLjY4NGgxMDYuOTYybDMuODI5IDI5LjI1Mi0xMTEuMjM1IDYuNjk0LjM3IDIuMzk0IDExMS4xOC02LjY4MyA3LjM5OSA1Ni4wNjQtMTEyLjM0NS05LjE2OS0uNzU4IDMuNTg1IDExMy41ODQgOS4yNDkgNC4zNDggMzMuMTI1LTExOC44NzYgNy41MDQtNjEuNjk1IDIuNzI4di01MC41MTRsNTguNDU4LTIxLjMwOS0yLjkyMy0zLjEyMS01Ny4wODkgMjAuODExLTM1LjU3My0yLjkzNnYzLjYxOGwzNS4xNDggMi45MDN2MzIuMTY1bC0zNS40ODEgMi4zMTJ2My42MzFsMzUuNS0yLjMxM3YxNi4wMzdsMi4wOSA0NS40NjEtMzguMDcxIDkuMzE5djMuODg1bDM4LjI5My05LjM2NSAxLjE0NyAyNC43NjYtMzkuNjI1IDEuNTcydi43OThsLjE2NiAxLjYwNyAzOS40OTYtMS41NjEuMzMzIDcuMjM4aDEuODVsLS4zMzMtNy4zMTkgMTUzLjE3My02LjA0N2MtLjI3OCA0LjY5NS0uNTc0IDkuMjUtLjgzMyAxMy4zNjZoNC4wODhjLjI0MS0zLjg3My41MzctOC41NDQuODUxLTEzLjUyN2wzMy4wNTgtMS4zMDcgNC43MzYgMTQuODM0aDEuOTYxbC00Ljc1NC0xNC45MDMgNzUuMTQzLTIuOTcyLjg1MSAxNy44NzVoOS42NTdtLTEyMC41OTYtMTUuODk4Yy4xMjktMi4xMzkuMjU5LTQuMzI0LjM4OC02LjUwOWwzMC4xMTcuMDU4IDEuNjQ2IDUuMTc5LTMyLjE1MSAxLjI3MnptMzQuMDk0LTEuMzUybC0xLjg1LTUuNzgxLTQuNDk1LTI2LjQ2Ni0yLjUzNS0xOS4yOTcgODIuMTM2LTMuODYxIDIuNTM1IDUyLjQyMi03NS43OTEgMi45ODN6bTE4LjY0Ny03OC44M2w0My4yMTQtMi43MTctMS4yMDIgMTAuNjAyLTM4LjczOCAyLjYxMy0zLjI3NC0xMC40OTh6bS0xLjg1LjEyN2w3LjIxNSAyMy4xMjQtMzMuMTE0IDEuNTg0LTMuMDE1LTIyLjg4MSAyOC45MTQtMS44Mjd6bTU2LjM4NSAyMC44MTJsLTQ3LjIyOCAyLjIyLTMuMjE5LTEwLjMwMiA0MS42MDUtMi44MSAxLjQ4LTEzLjAzIDEwLjQxNS0uNjQ3LTMuNyA5Ljc4MS42NDcgMTQuNzg4em0tNTUuOTQxLTgzLjI0Nmw4LjQzNiAyMy42NDQtNDIuODA3IDIuNzc1LTMuMDcxLTIzLjUyOSAzNy40NDItMi44OXptMTAuMzc4IDIzLjUxN2wtOC40NTQtMjMuNjU2IDYyLjg5Ny00Ljg0NSAzLjgyOSAyNC43MDgtNTguMjcyIDMuNzkzem00My4zMjUtMTAwLjM4MWwtOTQuOTE5LTQuMTA1IDkuMDI4LTMyLjczMiA2LjY0MS4zMTNoNzkuOTcybDYuNDE5IDEuMjYtOS4zNzkgMjEuMDY2IDIuMjM4IDE0LjE5OHptLTUuNzE2LTEwNC4wNThjLS4wOTMgNi4yMiAyLjA5IDI2Ljc0MyAzMy41NzYgMzMuNzczbC0zLjYyNiAxMy4zMDctMTkuNTkxLTMuMTY4LTMwLjk0OS0zOC44MzYgMjAuNTktNS4wNzZ6bS0yNS44OTkgNi40MTdMMjk3LjkyMyA2LjU5bC0uOTk5IDE1LjYyaC02Mi41MjdsLTE2LjY1LTQyLjk5OSA0OC43MjctMTIuMDZ6bS01MS43NjEgMTQuNzc2bDE1LjcyNSA0MC4zMTdoLTExLjFsLTQ0LjM5OC0yLjA1OC0uOTgtMzcuMjE4IDQwLjc1My0xLjA0em0tNDIuNzUxIDEuMDg3bC45NjIgMzcuMDktNzIuMTQ3LTMuMzRjLjI5Ni02LjAxMy4yNDEtMTkuMzkgMC0zMS45MzVsNzEuMTg1LTEuODE1ek0yNS4yNjQtNDQuNzM0bDczLjM4NiA2LjU3OWMuMzcgMTkuMDQzLjY4NCA0Ni4wMjguMzE0IDU0LjgyN0w2LjkxMyAxMi40NGwxOC4zNS01Ny4xNzR6bTE4NC45OTEgNzIuNTk4bC0xMy40NjcgNDguODE0SDE3NC45NFYyNi4yMzRsMzUuMzE1IDEuNjN6TTEzNC41MiA2NC4yMzhoMzguNTMzdjEyLjQ0aC00Mi45MThsNC4zODUtMTIuNDR6bTYzLjcyOSAxNC4yNjdsMy45MjItMTQuMjQ0IDk2LjQ5MiA0LjE3NCA1LjQwMSAzNC44NzEtMTAxLjc0NSA2LjExNi00LjA3LTMwLjkxN3ptMTA2LjE4NSAyNy4yMDVsNC4yNTUgMjcuMzU2LTEwMi4yMjYgNy44NzQtMy44ODUtMjkuMDY3IDEwMS44NTYtNi4xNjN6bS05My45NTcgNjUuOTYybDEwMy4xMzMtNi43MDYuOTggNi4yNjYtMTAuNzI5IDI3Ljg1My04OS4wMzcgNS42MTktNC4zNDctMzMuMDMyem04LjM5OSA3OC45NDVsNC40MDMgMjUuODQxaC0yOS43NjZjLjUxOC04LjUyMiAxLjAzNi0xNy4wNDMgMS4zODgtMjMuNDQ4LjY0Ny0xMS40ODEuNjQ3LTExLjQ4MS0uNTkyLTExLjg2M2wtLjkwNyAxLjE1Ny0xLjg1LjA2OWMuMDkzIDEuMDA2LS44MTMgMTYuNzQyLTEuODQ5IDMzLjUzbC04Ni4wNTgtMjUuNzQ5LTMuMDM0LTM2Ljk5OCAxMTIuNDE5LTcuMDk5IDUuODQ2IDQ0LjU2ek05My4wODIgMjEzLjYxOGwtLjYxIDQ3LjU0My01Ny45OTYgMS43MjMtMi4xNDYtNDYuNTgzIDYwLjc1Mi0yLjY4M3ptLTU4LjUxMyA1MS41Nzh2LTEuMDg3bDU5Ljg0NC0xLjc4LjYzLTQ4Ljc5MiAzLjctLjIzMSAzLjA4OSAzNy42ODEgODcuNzc4IDI2LjIyMmE4MzkuNDA3IDgzOS40MDcgMCAwMC0uNDI1IDcuMDE4bC0xNTMuNDUgNi4wNy0xLjE2Ni0yNS4xMDF6IiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTI4OS4xMzYgMTYuOTE1bDQuMTYyLTEwLjY4NC0yOC44MDMtMzQuMjQ2LTM2Ljk4IDExLjM2NSAxMi4zMzkgMzIuMzk3IDQ5LjI4MiAxLjE2OHoiIGZpbGw9IiMwMEFBNkMiIGZpbGwtb3BhY2l0eT0iLjIiLz48cGF0aCBkPSJNMzA0LjEwMSAyNjYuNjUzbC0xLjE2NS0xNi44NDYtODEuMTkzIDIuNDYzYy0yLjExOC4wNi00LjIyNS0uMjE5LTYuMTIzLS44MDlsLTExNS4yMTMtMzYuMzc0Yy0xLjMxLS40MTUtMi40MjMtMS4wMzktMy4yMjUtMS44MDgtLjgwMi0uNzctMS4yNjYtMS42NTctMS4zNDQtMi41NzRMODAuMTY5IDIwLjYzOGEyLjA4MyAyLjA4MyAwIDAxLjMyOC0xLjMyNWMuMjYyLS40MjEuNjY4LS44MDIgMS4xODktMS4xMTVhNi4xNTQgNi4xNTQgMCAwMTEuODA4LS43MTEgOC4wMjQgOC4wMjQgMCAwMTIuMTE0LS4xOWw0OS4zNzQgMi4zMTJ2LTMzLjc2MWg1Ljc5djM0LjIxMWMtLjAwMy40MzctLjE1Ljg2OC0uNDMgMS4yNjctLjI4MS40LS42ODkuNzYtMS4yMDEgMS4wNTZhNi4yMTMgNi4yMTMgMCAwMS0xLjc3My42NyA3Ljk4MyA3Ljk4MyAwIDAxLTIuMDUzLjE3NWwtNDkuMzM3LTIuMzEyIDE1LjYzMiAxODkuNjE2Yy4wMjcuMjgxLjE3Mi41NTIuNDE4Ljc4Ny4yNDcuMjM2LjU4Ny40MjcuOTg3LjU1NWwxMTUuMjEzIDM2LjM3NGE5Ljk4NSA5Ljk4NSAwIDAwMy4yMzcuNDI3bDgxLjg5Ni0yLjQ4NmE3Ljk3NSA3Ljk3NSAwIDAxMS45OC4xODYgNi4yNjkgNi4yNjkgMCAwMTEuNzE2LjY0NWMuNDk4LjI4NC45MDIuNjI2IDEuMTg4IDEuMDA3LjI4Ny4zODEuNDUuNzk0LjQ4MSAxLjIxNWwxLjE4NCAxNy4yNjItNS44MDkuMTV6IiBmaWxsPSIjZmZmIi8+PC9nPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDBfMTk0XzM5NTEiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0wIDBoMzIwdjYwSDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+);
}
.searchStatus .xMaping a {
	color: black;
}
.searchStatus .xMaping div {
    border: 1px solid black;
    padding: 5px 10px;
    border-radius: 4px;
    background: var(--background-one);
    font-weight: 500;
    cursor: pointer;
}
.xSearchStatus {
    padding: 10px 20px;
	width: 100%;
    min-height: 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.xSearchStatus .load-bar {
    position: relative;
    display: none;
    width: 0;
    height: 15px;
    margin: 10px 0;
    transition: width .3s ease-in-out;
    background-size: 32px 32px;
    background-color: #787878;
    background-image: linear-gradient(135deg,#ffffff 25%,transparent 0,transparent 50%,#ffffff 0,#ffffff 75%,transparent 0,transparent);
    animation: animate-loader-stripes .9s linear infinite;
    border-radius: 6px;
    box-shadow: 4px 0 6px rgb(96 125 139 / 0%), inset 0 -4px 4px rgb(96 125 139 / 50%), inset 0 4px 4px rgb(96 125 139 / 50%);
}
.noTours {
    color: #ff374b;
}
.searchResult .noTours {
    font-size: 15px;
	text-align: center;
	margin: 20px 0 40px 0;
}



/********* РЕЗУЛЬТАТЫ ВЫДАЧИ ПОИСКА ТУРОВ *********/



.searchResult .result,
.searchResult .demoresult {
	width: 100%;
}
.searchResult .hotelItem {
    margin: 15px 0;
    overflow: hidden;
    box-shadow: 1px 1px 5px 0px #c3c3c3;
}
.searchResult .noPhoto,
.searchResult .miniPhoto {
	min-width: 240px;
    min-height: 200px;
    width: 240px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
	cursor: pointer;
}
.searchResult .miniPhoto {
	height: 100%;
}
.hotelInfo {
	width: 100%;
    display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 10px;
}
.hotelInfo .rating {
    margin-top: -10px;
}
.hotelInfo .one {
    display: flex;
    flex-direction: row;
    margin-left: 5px;
    justify-content: space-between;
}
.searchResult .hotelName a {
    font-size: 15px;
}
.abut {
    margin: 10px;
    position: absolute;
    z-index: 1;
}
.rating,
.hotelMapButton,
.hotelPageButton,
.hotelsFavorites {
    width: 38px;
    height: 38px;
    color: white;
    padding: 9px 5px;
	margin: 0 2px;
    font-weight: 700;
	z-index: 2;
    border-radius: 0 0 var(--border-radius-two) var(--border-radius-two);
}
.hotelsFavorites {
    border-radius: var(--border-radius-two);
}
.rating {
    z-index: 1;
    background: #ff5722;
}
.hotelsFavorites {
    background: var(--button-dark);;
}
.hotelsFavorites::before {
    content: '';
	width: 22px;
    height: 19px;
    position: absolute;
    top: 50%;
	transform: translate(-50%, -50%);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='20' fill='none'%3E%3Cpath fill='%23ffffff' fill-rule='evenodd' d='M11 3.5c1.8-1.4 4.4-1.5 6.2.3a4.7 4.7 0 011.4 3.4c0 1.2-.5 2.5-1.4 3.4a52 52 0 01-4.9 4.1c-.3.3-.6.4-.8.7a.7.7 0 01-.9 0 49 49 0 01-.6-.5C8.2 13.2 5.4 11 4.1 9.6A4.8 4.8 0 012.7 6.2a4.7 4.7 0 011.4-3.4c1.8-1.8 4.4-1.7 6.2-.3z' clip-rule='evenodd'/%3E%3C/svg%3E");
}
.hotelsFavorites.active::before{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='20' fill='none'%3E%3Cpath fill='%23ffffff' fill-rule='evenodd' d='M11 2c2.6-2 6.4-2.1 9 .4a7 7 0 012 5c0 1.8-.7 3.7-2 5a76 76 0 01-7.2 6c-.5.4-.9.6-1.1.9a1 1 0 01-1.3 0 71.9 71.9 0 00-.9-.7c-1.9-1.4-5.7-4.3-7.5-6.2a7.2 7.2 0 01-2-5 7 7 0 012-5 6.8 6.8 0 019-.4z' clip-rule='evenodd'/%3E%3C/svg%3E");
}
.rating.xx-4 {
    background: #d1a501;
}
.rating.xx-5 {
    background: #83c301;
}
.rating.xx-7 {
    background: #4ab502;
}
.rating.xx-9 {
    background: #25ac03;
}
.rating-detailed-range {
	background: #ff5722;
}
.rating-detailed-range.xx-4 {
	background: #d1a501;
}
.rating-detailed-range.xx-5 {
	background: #83c301;
}
.rating-detailed-range.xx-7 {
	background: #4ab502;
}
.rating-detailed-range.xx-9 {
	background: #25ac03;
}
.rating-detailed-item p {
	display: flex;
    justify-content: space-between;
	margin: 3px 3px 0px 3px;
}
.rating .details,
.hotelPageButton .details,
.hotelsFavorites .details,
.hotelMapButton .details {
    width: 230px;
	max-width: max-content;
	color: white;
}
.rating .details {
    margin: 10px 0 0 -197px;
}
.hotelsFavorites .details {
    margin: 10px 0 0 -5px;
}
.allRating > div {
    display: flex;
}
.numRating {
    display: flex;
    margin-right: 20px;
}
.numRating .rating {
    height: 55px;
    margin: -8px 10px 0 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
}
.nameRate {
    font-weight: 600;
    font-size: 17px;
    margin: -1px 0 -3px 0;
}
.countReview {
    color: #9b9b9b;
	font-size: 12px;
	white-space: nowrap;
}
.rating-detailed-list {
    column-gap: 28px;
    display: grid;
    font-size: 12px;
    grid-template-columns: 1fr 1fr 1fr;
    list-style: none;
	margin: 5px 0 0 0;
}
.rating-detailed-item {
    display: flex;
    flex-direction: column;
	margin: 5px 0 0 0;
}
.rating-detailed {
	width: 100%;
}
.rating-detailed-background, 
.rating-detailed-range {
    height: 5px;
}
.rating-detailed-background {
    background-color: #e5e5e5;
    border-radius: 10px;
}
.rating-detailed-range {
    border-radius: 10px 0 0 10px;
    margin-top: -5px;
}
.rate-info {
    display: flex;
    line-height: 18px;
}
.rate-info .rating {
    height: 70px;
    margin: -8px 10px 0 0;
    display: flex;
    flex-direction: column;
    align-items: center;
	justify-content: space-evenly;
}
.rate-info .name {
    font-weight: 500;
    font-size: 15px;
}
.rate-info .room, 
.rate-info .date {
    font-size: 11px;
    padding-right: 10px;
	text-align: left;
}
.summ {
    font-size: 20px;
    font-weight: 600;
    text-align: right;
}
.guess_nights {
    font-size: 12px;
    line-height: 10px;
	white-space: nowrap;
	color: var(--text-dark);
}
.hotelRating .details {
    max-width: 320px;
    white-space: nowrap;
}
.hotelData {
    display: flex;
}
.hotelRating .rate {
    display: flex;
    align-items: center;
	margin: 2px 8px 1px 0;
}
.hotelRating .reviewTrip.action:hover {
    transition: color .3s ease-in-out;
	color: #f44336;
    cursor: pointer;
}
.hotelDistance,
.searchResult .hotelLocation {
	font-size: 12px;
	margin-top: 3px;
}
.hotelService {
    display: flex;
	margin-top: 5px;
	min-height: 20px;
}
.toursPrices .hotelService {
	align-items: flex-end;
    justify-content: flex-end;
    margin-bottom: 5px;
}
.hotelService .hover {
    width: 35px;
	margin: 5px 0 10px 0;
}
.hover .icon {
    height: 25px;
    width: 28px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.icon.meal_on {
	background-image: url(/img/icons/meal_on.svg?v=0.03);
}
.icon.meal_off {
	background-image: url(/img/icons/meal_off.png?v=0.03);
}
.icon.cancellation_on {
	background-image: url(/img/icons/cancellation_on.svg?v=0.03);
}
.icon.cancellation_off {
	background-image: url(/img/icons/cancellation_off.svg?v=0.03);
}
.icon.pay_online,
.icon.pay_prepay {
	background-image: url(/img/icons/pay_online.svg?v=0.03);
}
.icon.pay_offline {
    background-image: url(/img/icons/pay_offline.svg?v=0.03);
    width: 22px;
    height: 22px;
}
.icon.has_internet {
	background-image: url(/img/icons/has_internet.png?v=0.01);
}
.icon.has_airport_transfer {
	background-image: url(/img/icons/has_airport_transfer.png?v=0.01);
}
.icon.has_parking {
	background-image: url(/img/icons/has_parking.png?v=0.01);
}
.icon.has_kids {
	background-image: url(/img/icons/has_kids.png?v=0.01);
}
.icon.has_pool {
	background-image: url(/img/icons/has_pool.png?v=0.01);
}
.icon.has_fitness {
	background-image: url(/img/icons/has_fitness.png?v=0.01);
}
.icon.has_meal {
	background-image: url(/img/icons/has_meal.png?v=0.01);
}
.icon.has_disabled_support {
	background-image: url(/img/icons/has_disabled_support.png?v=0.01);
}
.icon.has_business {
	background-image: url(/img/icons/has_business.png?v=0.01);
}
.icon.has_spa {
	background-image: url(/img/icons/has_spa.png?v=0.01);
}
.icon.has_ski {
	background-image: url(/img/icons/has_ski.png?v=0.01);
}
.icon.has_beach {
	background-image: url(/img/icons/has_beach.png?v=0.01);
}
.icon.has_air_conditioning {
	background-image: url(/img/icons/has_air_conditioning.png?v=0.01);
}
.icon.has_pets {
	background-image: url(/img/icons/has_pets.png?v=0.01);
}
.icon.has_jacuzzi {
	background-image: url(/img/icons/has_jacuzzi.png?v=0.01);
}
.icon.has_private_bathroom {
	background-image: url(/img/icons/has_private_bathroom.png?v=0.01);
}
.icon.has_kitchen {
	background-image: url(/img/icons/has_kitchen.png?v=0.01);
}
.icon.has_balcony {
	background-image: url(/img/icons/has_balcony.png?v=0.01);
}
.icon.has_smoking {
	background-image: url(/img/icons/has_smoking.png?v=0.01);
}
.icon.has_ecar_charger {
	background-image: url(/img/icons/has_ecar_charger.png?v=0.01);
}
.icon.has_with_view {
	background-image: url(/img/icons/has_with_view.png?v=0.01);
}
.icon.has_breakfast {
	background-image: url(/img/icons/has_breakfast.png?v=0.01);
}

.icon.inet {
	background-image: url(/img/icons/inet.png);
}
.icon.pool {
	background-image: url(/img/icons/pool.png);
}
.icon.hotel {
	background-image: url(/img/icons/hotel.png);
}
.icon.parking {
	background-image: url(/img/icons/parking.png);
}
.icon.hotelType {
	background-image: url(/img/icons/hotelType.png);
}
.icon.beach {
	background-image: url(/img/icons/beach.png);
}
.icon.beachLine {
	background-image: url(/img/icons/beachLine.png);
}
.icon.toAirport {
	background-image: url(/img/icons/toAirport.png);
}
.icon.toCenter {
	background-image: url(/img/icons/toCenter.png);
}
.hovdetail {
    font-size: 10px;
    font-weight: 600;
    margin: 5px 10px 0 0;
    text-align: center;
    line-height: normal;
}
.hovdetail .icon {
    width: 25px;
    height: 25px;
    background-size: contain;
    margin: 3px auto;
}
.toursDates {
    margin-right: 15px;
	text-align: right;
	height: 65px;
	white-space: nowrap;
}
.hotelMap {
	display: none;
}
.hotelMap > div {
    border-top: 1px solid #c1c1c1;
}
.hotelMap > div > div {
	width: 100%;
	height: 400px;
	border-radius: 4px;
    overflow: hidden;
	box-shadow: 1px 1px 3px 1px rgb(192 213 223 / 20%);
}
.hotelDetails .services {
    column-count: 4;
    list-style: none;
    padding: 0;
}
.hotelDetails .services li {
    margin-bottom: 10px;
}
.hotelDetails .services li > div {
    display: inline-block;
	width: calc(100% - 40px);
}
.article {
    font-size: 14px;
    font-family: var(--font-semibold); font-weight: 600;
    margin: 10px 0 5px 5px;
}
.descriptionBlock .article, .services .article {
    font-size: 16px;
    margin-left: 0;
	display: flex;
    align-items: flex-end;
}
.article span:nth-child(2) {
    line-height: 15px;
}
.article .icon,
.hotelDetails li .icon {
    height: 25px;
    width: 25px;
    background-size: contain;
    background-position: bottom;
    background-repeat: no-repeat;
    margin: 0 10px 0 0;
    display: inline-block;
    vertical-align: top;
}
.article .icon {
    margin: -5px 8px 0 0;
}
.article .icon.electro {
    margin: -1px 6px -3px 0;
}

.butDetails {
    display: flex;
    align-items: flex-end;
}
.butDetails > div {
    margin: 5px 25px 0 0;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 12px;
    color: var(--color-button-one);
    transition: color .2s ease-out;
    cursor: pointer;
    letter-spacing: .5;
}
.butDetails > div:last-child {
	margin-right: 0;
}
.toursPrices {
    display: flex;
    flex-direction: row-reverse;
    margin-left: 5px;
    justify-content: space-between;
    align-items: center;
}
.room {
    font-size: 12px;
	line-height: 20px;
}
.tourItem > div {
	display: flex;
	justify-content: space-between;
	line-height: 25px;
    letter-spacing: .3px;
}
.tourItem, .reviewItem, .allRating {
    padding: 8px 15px 15px 15px;
    margin: 0 0 20px 0;
    border-radius: var(--border-radius-one);
    box-shadow: 1px 1px 5px 0px #c3c3c3;
}
.tourItem > div > div {
    display: flex;
}
.tourItem > div > div > div:nth-child(2) {
    margin-left: 50px;
}
.tourPrice .blockPrice {
    color: black;
	transition: none;
	cursor: pointer;
}
.tourPrice .blockPrice:hover,
.tourPrice .blockPrice:focus {
	color: white;
	transition: color 0.3s ease-in-out;
}
.tourPrice .blockPrice:hover .promo,
.tourPrice .blockPrice:focus .promo {
	color: white;
	transition: color 0.3s ease-in-out;
}
.tourPrice .blockPrice:hover .guess_nights,
.tourPrice .blockPrice:focus .guess_nights {
	color: white;
	transition: color 0.3s ease-in-out;
}
.tourPrice .blockPrice:hover .discount,
.tourPrice .blockPrice:focus .discount {
	color: white;
	transition: color 0.3s ease-in-out;
}
.tourPrice .blockPrice:hover svg,
.tourPrice .blockPrice:focus svg {
	fill: #ff5722;
	transition: fill 0.3s ease-in-out;
}
.tourPrice .blockPrice:hover .price,
.tourPrice .blockPrice:focus .price {
	background: #ff5722;
	transition: background 0.3s ease-in-out;
}
.tourDates {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 12px;
	width: 190px;
}
.typeNumber {
    width: auto;
    text-align: left;
}
.typeFlight {
    font-weight: 700;
	width: auto;
}
.tourPrice {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
	align-items: flex-end;
}
.tourPrice > div {
    font-size: 18px;
    font-weight: 500;
}
.ticket .surcharge,
.tourPrice .blockPrice {
    display: flex;
	margin-bottom: 5px;
	width: 170px;
}
.tourPrice .blockPrice svg {
	fill: white;
}
.tourPrice .blockPrice .price {
    background: white;
    width: calc(100% - 41px);
    height: 56px;
    text-align: center;
    font-weight: 500;
    font-size: 17px;
    display: flex;
    flex-direction: column;
    justify-content: center;
	white-space: nowrap;
}
.tourPrice .promo {
    line-height: 20px;
    font-size: 12px;
    color: #7e7e7e;
}
.tourPrice .discount {
    color: #ff5722;
    margin-left: 5px;
	font-weight: 600;
}
.operName {
    text-transform: uppercase;
    font-size: 12px;
	width: auto;
}
.toursAvailability {
    text-align: right;
}
.availability {
    display: flex;
}
.availability > div {
    width: 30px;
    height: 30px;
    margin-bottom: 10px;
}
.availability .icon {
    width: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.butShowHotels,
.butShowReviews {
    display: inline-block;
    padding: 10px 20px;
    cursor: pointer;
}
.butShowHotels {
    float: right;
    margin-bottom: 20px;
}
.butShowReviews, 
.tourSearchButton {
	margin: 0 15px 15px 0;
}
.reviewItem .article {
    font-size: 15px;
    font-weight: 500;
	color: #4caf50;
	margin-top: 10px;
	margin-left: 0;
}
.reviewItem .article.negative {
    color: #ff5722;
}
.reviewItem .text {
    font-size: 13px;
}
.reviewItem .rating .smail {
    background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
    width: 25px;
    height: 25px;
}
.reviewItem .rating.Loyal .smail {
	background-image: url(/img/icons/smail-Loyal.png);
}
.icon.negative,
.reviewItem .rating.Negative .smail {
    background-image: url(/img/icons/smail-Negative.png);
}
.icon.positive,
.reviewItem .rating.Positive .smail {
    background-image: url(/img/icons/smail-Positive.png);
}
.icon.galka {
    background-image: url(/img/icons/galka.png);
}
.icon.bedding {
	background-image: url(/img/icons/bedding.png?v=2);
}
.formSearchButtons .button {
	background-color: #ff5722;
}

.reset {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 11px;
    color: var(--color-button-one);
    transition: color .2s ease-out;
    cursor: pointer;
    letter-spacing: .5;
    display: block;
}




/******************/


.correction {
    background: #efefef;
    padding: 12px 15px;
	font-weight: 500;
}
.activeNumberNights .list div:nth-child(even),
.activeNumberTourists .ageChild > span:nth-child(1),
.activeNumberTourists .ageChild > span:nth-child(4),
.activeNumberTourists .ageChild > span:nth-child(5),
.activeNumberTourists .ageChild > span:nth-child(8),
.activeNumberTourists .ageChild > span:nth-child(9),
.activeNumberTourists .ageChild > span:nth-child(12),
.activeNumberTourists .ageChild > span:nth-child(13),
.activeNumberTourists .ageChild > span:nth-child(16),
.activeNumberTourists .ageChild > span:nth-child(17),
.activeNumberTourists .addChild {
	background: var(--background-one);
}
.libuts > div:hover,
.reset:hover,
.butDetails > div:hover,
.searchResult .hotelName > a:hover{
	color: #ff5722;
	transition: color .2s ease-out;
}
.activeRatingHotel .item:not(.active):hover,
.activeBeachLineId .item:not(.active):hover,
.activeNumberTourists .addChild:not(.noactive):hover,
.ageChild > span:hover,
.form .list > label:hover,
.form .list:(.tourists) div:not(.noactive , .active , .correction , .adult , .addChild , .ageChild , .children , .childList , .flag-name):hover {
	background-color: #ffeaec!important;
}
.form .item.active,
.activeNumberNights .list div.active,
.formSearch .popular.active,
.flagCountry.active {
    background-color: #ff5722!important;
	color: white;
}
.calendar-title {
    background: transparent!important;
}
.formCalendar .calendar-many {
    z-index: 10;
    position: relative;
    height: auto;
    min-height: 0;
}
.formCalendar .calendar-many:first-child,
.formCalendar .calendar-many:last-child {
    margin: 0;
}
.slideFilters {
    display: none;
}
.formShadow .formSearch > .one, 
.formShadow .formSearch > .two {
    display: flex;
}
.formShadow .formDepartCities .list,
.formShadow .formCountries .list,
.formShadow .formNumberNights .list,
.formShadow .formNumberTourists .list,
.formShadow .formCategoryHotels .list,
.formShadow .formMeals .list,
.formCalendar > div {
	z-index: 10;
    box-shadow: 1px 1px 3px 0px #00000054;
}
.formShadow .formSearchButtons > div {
    display: flex;
}
.formShadow .five {
	width: 100%;
}
.lineSearch {
    background: var(--background-one);
    color: #454545;
	margin: -30px 0 0 0;
}
.filters > .mapToggle, .xfilters > div {
    margin: 0px 15px 20px 0;
    width: 230px;
    background: var(--background-one);
    border-radius: var(--border-radius-two);
    height: max-content;
}
.formSearch .list,
.formSearchButtons .list,
.formCalendar > div {
    border-radius: var(--border-radius-two);
}
.lineSearch,
.searchResult .hotelItem,
.xfilters > div {
	border-radius: var(--border-radius-one);
}
.fila {
    padding: 5px 15px 15px 15px;
}
.noTours {
    color: #ff374b;
}
.searchResult .noTours {
    font-size: 15px;
	text-align: center;
	margin: 20px 0 40px 0;
}
.payOffline,
.payCancelation,
.filters .item {
    margin-top: 7px;
	background: white;
    padding: 7px;
    border-radius: var(--border-radius-two);
}
.list .item {
	margin: 0;
}
.item.reset {
    background: transparent;
    margin-left: -5px;
}
.filters .hover {
    width: auto;
    text-align: left;
}
.filters label {
    overflow: visible;
    white-space: initial;
    width: 100%;
    display: flex;
    align-items: center;
}
.filters span.name {
    margin-left: 5px;
    font-size: 13px;
    line-height: 15px;
    margin-top: 0;
	display: flex;
    align-items: center;
}
.xstar {
    background-image: url(/img/stars/star.png);
    width: 18px;
    height: 15px;
    background-size: contain;
    background-repeat: no-repeat;
}
.one.article {
    margin-top: 8px;
}

/**********************************************************/

.formSearch, .formSearchDetail {
    display: flex;
    justify-content: flex-start;
    padding: 5px 10px 15px 10px;
    background: #3D505F;
    border-radius: var(--border-radius-one);
}
.formSearch {
	text-align: left;
}
.filterButtons {
    align-items: flex-end;
}
.filterButtons .button {
	width: 100%;
    height: 100%;
}
a.searchURL {
    height: 40px;
    width: 100%;
}
.orderDetails {
    text-align: right;
    font-size: 13px;
	display: flex;
    flex-direction: column;
	justify-content: space-between;
	min-width: fit-content;
}
.orderDetails .status {
    font-size: 16px;
    font-weight: 600;
    margin: 5px 0;
}
.room_name, .placement, .orderID, .confirmationID, .tourPrice > .cancelationOrder {
    font-size: 12;
}
.period {
    display: flex;
    width: fit-content;
    justify-content: space-between;
    margin-top: 10px;
}
.checkin {
    margin-right: 25px;
}
.period .time {
    font-size: 12;
}
.period .date {
    font-size: 15px;
    font-weight: 600;
}
.type_pay {
    font-size: 12px;
    font-weight: 100;
	text-align: right;
}
.butDetails .buts {
    white-space: nowrap;
	margin: 5px 0;
}
.orderDetails .butDetails {
    display: block;
	margin-top: 5px;
}
.butDetails > .libuts {
    position: absolute;
    text-align: right;
    background: white;
    width: 210px;
    margin: 5px 0 0 -160px;
    padding: 10px 15px;
    border-radius: var(--border-radius-two);
	display: none;
	box-shadow: 2px 2px 5px 0px #999;
	z-index: 2;
}
.butDetails > .libuts:hover {
	color: var(--color-button-one);
}
.libuts > div {
    padding: 5px 0;
}
.libuts > div:hover {
    color: #ff5722;
    transition: .3s;
}
.cancelation-info {
	display: none;
}
.cancellation-hotels .h3 {
	margin-top: 0;
}
.cancellation-hotels .date {
    font-weight: 700;
	display: inline-block;
}
.orderDetails .cancellation_on {
    border-left: 7px solid #4fac00;
    padding-left: 7px;
}
.orderDetails .cancellation_off {
    border-left: 7px solid #cb1b00;
    padding-left: 7px;
    margin: 10px 0;
}
.button.cancellation-order {
    margin-top: 10px;
}
.xfilters.load {
    opacity: .7;
    pointer-events: none;
}


@media (max-width: 1199px){

	.hotelDirection,
	.activeDepartCity,
	.activeCountry,
	.activeDateDepart ,
	.activeNumberNights ,
	.activeNumberTourists ,
	.activeCities,
	.activeHotels,
	.activeTourOperators,
	.activeCategoryHotels,
	.activeMeals {
		width: 230px;
	}
	.formCalendar > div {
		margin: 80px 0 0 -475px;
	}
	.formShadow .form {
		margin: 5px;
		width: calc(50% - 10px);
	}
	.formShadow .activeDepartCity, 
	.formShadow .activeCountry {
		width: 160px;
	}
	.formShadow .activeNumberNights .start, 
	.formShadow .activeNumberNights .end {
		width: 70px;
		padding: 5px 8px;
	}
	.formShadow .formSearch, .formSearchDetail {
		padding: 5px 10px 10px 10px;
	}
	
}

@media (max-width: 991px){

	.formCalendar > div {
		margin: 80px 0 0 -565px;
		max-width: 560px;
	}
	.formShadow .formSearch {
		flex-direction: row;
        flex-wrap: wrap;
	}
	.formShadow .formCountries .flagsList {
		margin-left: -350px;
	}
	.formShadow .activeNumberNights .start, 
	.formShadow .activeNumberNights .end {
		width: 105px;
		padding: 5px 10px;
	}
	.formShadow .activeNumberNights .list div {
		width: 85px;
	}
	.form .list {
		width: 336px;
	}
	.formShadow .hotelDirection, 
	.formShadow .activeDateDepart, 
	.formShadow .activeNumberTourists {
        width: 100%;
    }
	.formShadow .formSearch > .two {
		margin-top: 40px;
	}
	.formShadow .formSearchDetail .form {
		width: 32%;
		margin-top: 180px;
	}
	.formShadow .formSearchDetail .form.formCharset {
		position: absolute;
		margin-top: 10px;
	}
	.formShadow .formCategoryHotels,
	.formShadow .formBeachLine {
		margin-right: 10px;
	}
	.formShadow .formSearchDetail .form.formCharset {
		position: absolute;
		margin-top: 10px;
		width: 690px;
	}
	.formShadow .formCharset .preform {
		display: inline-block;
		width: calc(50% - 7px);
	}
	.formShadow .charter {
		position: relative;
		margin: 3px 0 0 0;
	}
	.formShadow .formSearchButtons {
		align-items: flex-start;
		flex-direction: column;
	}
	.formShadow .three,
	.formShadow .three .form {
		width: 100%;
	}
	.formShadow .formSearchButtons .sort {
		width: 100%;
	}
	.formShadow .formSearchButtons .sort > div {
		width: 50%;
	}
	.formShadow .filterPrice .prices input {
		width: 130px;
	}
	.formShadow .charter {
		position: relative;
		margin: 15px 0 0 0;
	}
	.formShadow .filterButtons {
		align-items: flex-end;
	}
	.formShadow .filterButtons a {
	    width: 100%;
	}
	.formShadow .five {
		width: 100%;
		margin: -35px 0 0 0;
	}
	
}

@media (max-width: 767px){

	.container {
		padding-right: 25px;
		padding-left: 25px;
	}
	.formCalendar > div {
		margin: 80px 0 0 -563px;
	}
	.tourItem > div > div {
		flex-direction: column;
	}
	.tourItem > div > div > div:nth-child(2) {
		margin-left: 0px;
	}
	.formShadow .formCountries .flagsList {
		left: 28px;
		margin-left: 0;
		margin-top: 5px;
	}
	.formShadow .popular, .flagCountry {
		padding: 8px 10px;
	}
	.formShadow .formSearch > .two {
		margin-top: 50px;
	}
	.formShadow .one .form .list {
		width: calc(50% - 30px)!important;
	}
	.formShadow .activeNumberNights .start, 
	.formShadow .activeNumberNights .end {
		width: 70px;
		padding: 5px 7px;
	}
	.formShadow .activeNumberNights .list div {
		width: 65px;
	}
	.formShadow .formDepartCities > div:last-child,
	.formShadow .formCountries .popularList {
		display: none;
	}
	.formShadow .form {
		margin: 3px;
	}
	.formShadow .five {
		margin: -30px 0 0 0;
	}
	.form .value span.caret {
		margin-top: 12px;
	}
	.preinput span.caret {
		margin: 25px 0 0 -20px;
	}
	.formShadow .form.filterButtons {
        margin-top: 10px;
    }
	.formShadow .formSearch > .one {
		margin-top: 5px;
	}
	.filterChecks {
		margin-top: 12px;
	}
	.butDetails > div {
		margin: 5px 20px 0 0;
		letter-spacing: .3;
	}
	
}

@media (max-width: 649px){
	
	.hotelMap > div > div {
		height: 250px;
	}
	.formCalendar,
	.formShadow .form.filterButtons
	.formShadow .formNumberTourists, 
	.formShadow .formDateDepart,
	.formShadow .activeDateDepart, 
	.formShadow .activeNumberTourists {
		width: 100%;
	}
	.formCalendar > div {
		margin: 10px 0 0 3px;
        width: calc(100% - 84px);
	}
	.calendarActive {
		width: 265px;
	}
	
}

@media (max-width: 449px){

	.formShadow .formSearch,
	.formShadow .hotelDirection, 
	.formShadow .activeDateDepart, 
	.formShadow .activeNumberTourists > .value > span:not(.caret) {
		text-align: left;
	}	
	.formShadow .reset {
		position: relative;
		margin: 0;
	}
	.formShadow .slideFilters {
		display: flex;
		margin: 0;
	}
	.formShadow .charter {
		position: relative;
		margin: 5px 0 0 0;
	}
	.formShadow .five {
		margin-top: 5px;
		border-top: 1px solid white;
		padding-top: 5px;
	}
	.formShadow .filterButtons {
		justify-content: space-between;
	}
	.formShadow .flagsList,
	.toogleSearchDetail {
		display: none;
	}
	.formShadow .formSearch > .two {
		margin-top: 10px;
	}
	.formShadow .formDateDepart {
		position: absolute;
		width: calc(100% - 60px);
	}
	.formShadow .formCharset .preform.formBeachLine,
	.formShadow .formCharset .preform.formRatingHotels {
		width: 100%;
	}
	.formShadow .formSearchDetail .form {
		width: 32%;
		margin-top: 270px;
	}
	.formSearch, .formSearchDetail {
		flex-direction: column;
	}
	.formShadow .formSearchDetail .form {
		width: 100%;
		margin-top: 10px;
	}
	.formShadow .formSearchDetail .form.formCities {
		margin-top: 270px;
	}
	.formShadow .filterPrice .prices input {
		width: 90px;
	}
	.hotelService .hover .article {
		font-size: 8px;
	}
	.formShadow .form {
        margin: 5px;
        width: 100%;
    }
	.formSearchButtons .button {
		width: 100%;
	}
	.formCalendar > div {
        margin: 10px 0 0 5px;
        width: calc(100% - 80px);
    }
	.hotelData {
		flex-direction: column;
	}
	.searchResult .noPhoto, 
	.searchResult .miniPhoto {
		width: 100%;
		height: 200px;
		position: relative;
	}
	.allRating > div {
		flex-direction: column;
	}
	.rating-detailed-list {
		grid-template-columns: 1fr 1fr;
		padding-inline-start: 0;
		margin-top: 15px;
	}
	.minzag, .h4, h4 {
		font-size: 16px;
	}
	.searchStatus .status {
		font-size: 15px;
	}
	.tourItem > div {
		flex-direction: column;
	}
	.tourItem > div > div > div:nth-child(2) {
		margin-bottom: 15px;
	}
	.formShadow .slideFilters {
		margin: 10px 0 15px 0;
	}
	.filterPrice .prices {
		width: 100%;
	}
	.formShadow .formSearchDetail .form {
		width: calc(100% - 10px);
	}
	.formShadow .formSearchButtons .sort {
		width: calc(100% - 10px);
	}
	.hotelInfo .two {
		margin-left: 0;
	}
	.toursDates {
		margin-top: 207px;
		left: 29px;
	}
	.toursPrices {
		padding: 10px 0 0 0;
		flex-direction: column;
		align-items: stretch;
		text-align: left;
	}
	.toursPrices > div:first-child {
		margin-top: 15px;
	}
	.toursPrices .minPrice {
		position: absolute;
		margin-top: 27px;
	}
	.toursPrices .colTours, 
	.toursPrices .colOperators {
		margin: 5px 0 35px 0;
	}
	
	.searchMap .toursPrices > div:first-child {
		margin-top: 0;
	}
	
}

@media (max-width: 379px){

	.tourPrice .blockPrice {
		margin-bottom: 0;
	}
	.tourPrice .blockPrice svg {
		display: none;
	}
	.tourPrice .blockPrice .price {
		background: transparent;
		height: auto;
	}
	.summ {
		align-items: flex-start;
	}
	.type_pay {
		text-align: left;
	}
	.orderDetails .butDetails {
		margin: 5px 0;
	}
	.butDetails > .libuts {
		text-align: left;
		margin: 5px 0 0 -5px;
	}
	.searchMap .summ {
		align-items: flex-end;
	}
	.searchMap .tourPrice .blockPrice .price {
		height: 56px;
	}
	.formCalendar > div {
        margin: 10px 0 0 -19px;
        width: calc(100% - 40px);
    }
	.rating-detailed-list {
		grid-template-columns: 1fr;
	}
	.sortReviews select {
		width: 100%;
	}
	.searchStatus .result {
		font-size: 16px;
	}
	
}