/* ------------------------------------------------------------ *\
	Dropdown
\* ------------------------------------------------------------ */

.dropdown { position: relative; }

.dropdown i { text-indent: 0;/*vertical-align: text-top;*/vertical-align: middle;font-size: 18px; 	}

.dropdown-icon { width: 63px; left: auto; }

.dropdown-button { font-size: 21px; line-height: 27px; color: #2a3335; position: relative; padding: 18px 63px; background-color: #fff; border-radius: 5px; cursor: pointer; }

.dropdown-button:after { content: ''; width: 10px; height: 10px; display: inline-block; vertical-align: middle; border-width: 0 0 1px 1px; border-style: solid; border-color: #333; margin: auto; -ms-transform: rotate(-45deg); transform: rotate(-45deg); -ms-transform-origin: 25% 50%; transform-origin: 25% 50%; transition: transform 0s; right: auto; left: 20px; }

.dropdown-menu,
.dropdown-numbers,
.dropdown-autocomplete { height: 0; opacity: 0; visibility: hidden; position: absolute; top: 100%; right: 0; left: 0; background-color: #fff; /*transition: opacity .4s ease, visibility .4s ease;*/ }
.dropdown-menu { margin-top: 2px; overflow: hidden; border-radius: 4px; box-shadow: 0 0 9px rgba(0,0,0,.15); }
.dropdown-list { padding: 0; margin: 0; list-style: none outside none;    max-height: 385px;overflow: auto; }
.dropdown-list::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #ffffff;border-radius: 10px;}
.dropdown-list::-webkit-scrollbar{width: 10px;background-color: #eaeaea;}
.dropdown-list::-webkit-scrollbar-thumb{background-color: #aaaaaa;border-radius: 10px;}

.dropdown-list.unscrollable{ overflow:visible}
.dropdown-item,
.dropdown-link { font-size: 21px; line-height: 29px; color: #2a3335; position: relative; padding: 11px 63px; }
.dropdown .dropdown-item +.dropdown-item {    border-top: 1px solid #e1e8f0;}
.dropdown-link { text-decoration: none; display: block; }

.dropdown-link span { width: 26px; height: 26px; right: 20px; left: auto; background-color: #209c2e; border-radius: 50%; }

.dropdown-link span:before { width: 13.5px; height: 1px; }

.dropdown-link span:after { width: 1px; height: 13.5px; }

.dropdown-link span:before,
.dropdown-link span:after { content: ''; background-color: #fff; -ms-transform: translateX(1px); transform: translateX(1px); }

.dropdown-item { cursor: pointer;  }
.dropdown-item:hover{background-color:#f6f9fb;}
.dropdown-item.no-icon {padding:15px}
.dropdown-item.checkbox-item .dropdown-icon { margin-right:0px!important; }
.dropdown-item.icon{padding:15px}
.dropdown-item.icon i{vertical-align: text-top;margin-left: 5px;}

.dropdown-button i:before,
.dropdown-button i:after,
.dropdown-icon i:before,
.dropdown-icon i:after {position: absolute;color: #92a6bf;font-size: 24px;padding: 14px 15px; }
.icon-comb_icon.budget-comb:before{padding:0px 0px!important}

/*  Dropdown Open  */

.dropdown-open { z-index: 3; }

	.dropdown-open .dropdown-button {
		box-shadow: 0 0 0 2px var(--search-border-color);
	}

.dropdown-open .dropdown-menu { height: auto; opacity: 1; visibility: visible; }

/*  Dropdown Primary  */
/*.dropdown-primary { margin-bottom: 15px; }*/
.dropdown-primary .dropdown-label { font-size: 30px; line-height: 32px; color: #1e8c2a; display: inline-block; vertical-align: middle; }

.dropdown-primary .dropdown-text { font-size: 32px; line-height: 1; font-weight: 700; display: inline-block; vertical-align: middle; }

.dropdown-primary .dropdown-item { padding-right: 15px; }

/*  Dropdown Secondary  */

.dropdown-secondary .dropdown-button { padding: 13px 16px 13px 56px; }

.dropdown-secondary .dropdown-button .dropdown-icon { display: none; }

.dropdown-secondary .dropdown-button .dropdown-label { font-size: 21px; line-height: 24px; display: block; }

.dropdown-secondary .dropdown-button .dropdown-text { font-size: 26px; line-height: 1; display: block; }

.dropdown-primary .dropdown-button .form-controls .field {height:auto;line-height: normal;}

.dropdown-primary .dropdown-button label{padding-top:2px !important;line-height: inherit;}

.dropdown-secondary .dropdown-icon i.ico-adult-child-more:after { right: 3px; }

.dropdown-secondary .dropdown-icon i.ico-adult-more-child-more:before { right: 16px; }

.dropdown-secondary .dropdown-icon i.ico-adult-more-child-more:after { top: 8px; right: 4px; }

/*  Dropdown Autocomplete  */

.dropdown-autocomplete { /*padding: 15px 20px 0;*/ margin-top: 2px; border-radius: 0 0 4px 4px; box-shadow: 0 4px 9px rgba(0,0,0,.15);max-height: 400px; overflow: hidden;overflow-y: scroll; }

.dropdown-autocomplete h4 { font-size: 28px; line-height: 1; color: #95a5b9; font-weight: 400; margin: 0; }

/*  Dropdown Numbers  */

.dropdown-numbers {max-height: 228px;overflow: auto; margin-top: 2px; border-radius: 0 0 4px 4px; box-shadow: 0 4px 9px rgba(0,0,0,.15); }

/*  Dropdown Time  */

.dropdown-time .dropdown-button { padding: 18px 63px 18px 18px; }

.dropdown-time .dropdown-button:after { content: none; }

.dropdown-time .dropdown-menu { max-height: 300px; overflow-x: hidden; overflow-y: auto; }

.dropdown-time .dropdown-item { padding: 5px 17px; }




@charset 'UTF-8';
.slick-slider {font-family: 'icomoon';position: relative;display: block;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-list {position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus {outline: none;}
.slick-list.dragging {cursor: pointer;cursor: hand;}
.slick-slider .slick-track, .slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-slider .slick-list { background-color:white; }
.slick-track {position: relative;top: 0;left: 0;display: block;}
.slick-track:before, .slick-track:after {display: table;content: '';}
.slick-track:after {clear: both;}
.slick-loading .slick-track {visibility: hidden;}
.slick-slide {display: none;float: left;height: 100%;min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img {display: none;}
.slick-slide.dragging img {pointer-events: none;}
.slick-initialized .slick-slide {display: block;}
.slick-loading .slick-slide {visibility: hidden;}
.slick-vertical .slick-slide {display: block;height: auto;border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}
.slick-loading .slick-list{background: #fff url(/Resources/Web/img/ajax-loader.gif) center center no-repeat;}

.slick-prev, .slick-next {font-size: 0;line-height: 0;position: absolute;top: 50%;z-index:1;display: block;width:45px;height:55px;margin-top: -27px;padding: 14px;cursor: pointer;color: transparent;border: none;outline: none;background:white;}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {outline: none}
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {opacity: 1;}

	.slick-prev.slick-disabled, .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
		color: #72849a;
		cursor: auto;
	}
		.slick-prev.slick-disabled, .slick-prev.slick-disabled:hover:before, .slick-next.slick-disabled:hover:before {
			opacity: .75;
			cursor: auto;
		}

	.slick-prev:before, .slick-next:before {
		font-size: 30px;
		line-height: 1;
		opacity: .75;
		color: var(--primary-button-background);
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
.slick-prev {left: 0px;}
[dir='rtl'] .slick-prev {right: 0px;left: auto;}
.slick-prev:before {content: '\e986';}
[dir='rtl'] .slick-prev:before {content: '\e987';}
.slick-next {right: 0px;}
[dir='rtl'] .slick-next {right: auto;left: 0px;}
.slick-next:before {content: '\e987';}
[dir='rtl'] .slick-next:before {content: '\e986';}
.slick-next {border-radius:0 5px 5px 0;box-shadow:1px 0px 5px 2px rgba(0,0,0,0.5);}
.slick-prev {border-radius:5px 0 0 5px;box-shadow:-1px 0px 5px 2px rgba(0,0,0,0.5);}

.gallery-popup .slick-prev, .gallery-popup .slick-next {box-shadow:none;font-size: 0;line-height: 0;position: absolute;top: 50%;z-index:1000;display: block;width:45px;height:55px;margin-top: -27px;padding: 0;cursor: pointer;color: transparent;border: none;outline: none;background:transparent;}
.gallery-popup .slick-prev:before, .gallery-popup .slick-next:before {font-size: 60px;line-height: 1;opacity: .75;color: #178823;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

[dir='rtl'] .gallery-popup .slick-prev {right:70px}
[dir='rtl'] .gallery-popup .slick-next {left:70px}
[dir='rtl'] .gallery-popup .slick-prev:before {content: '\e987';}
[dir='rtl'] .gallery-popup .slick-next:before {content: '\e986';}
.gallery-popup .slick-prev.slick-disabled:before, .gallery-popup .slick-next.slick-disabled:before {color:#72849a}

/* ------------------------------------------------------------ *\
	Slider Gallery
\* ------------------------------------------------------------ */

.slider-gallery-outer { position: relative; }
.slider-gallery-outer .slider-counter { font-size: 21px; line-height: 37px; color: #fff; position: absolute; bottom: 0; right: 0; left: 0; z-index: 3; padding: 70px 21px 17px; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); }
.slider-gallery-outer .slider-counter i { margin-left: 9px; }
.slider-gallery-outer .slider-counter strong { color: #178823; }
.slider-gallery-outer .slider-counter-primary { padding: 70px 15px 10px; }
.slider-gallery .owl-prev
.slider-gallery .owl-next { font-size: 0; line-height: 0; width: 45px; height: 55px; display: block; position: absolute; top: 50%; margin-top: -27px; background-color: #fff; background-repeat: no-repeat; }
/*.slider-gallery .owl-prev { left: 0; background-image: url(/Resources/Web/vendor/slick-gallery/css/images/icons/ico-chevron-left.png); background-position: 42% 50%; border-radius: 0 3px 3px 0; box-shadow: 2px 0 2px rgba(0,0,0,.75); }*/
/*.slider-gallery .owl-next { right: 0; background-image: url(/Resources/Web/vendor/slick-gallery/css/images/icons/ico-chevron-right.png); background-position: 60% 50%; border-radius: 3px 0 0 3px; box-shadow: -2px 0 2px rgba(0,0,0,.75); }*/
/*.slider-gallery .owl-prev.disabled { background-image: url(/Resources/Web/vendor/slick-gallery/css/images/icons/ico-chevron-left-inactive.png); }*/
/*.slider-gallery .owl-next.disabled { background-image: url(/Resources/Web/vendor/slick-gallery/css/images/icons/ico-chevron-right-inactive.png); }*/
.slider-gallery-thumbs { height: 540px; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; }
.slider-gallery-thumbs::-webkit-scrollbar { width: 6px; height: 6px; background-color: #fff; border-radius: 4px; }
.slider-gallery-thumbs::-webkit-scrollbar-thumb { background-color: #a4a4a4; border-radius: 4px; }
.slider-gallery-thumbs .slide { width: 100px; height: 100px; float: left; position: relative; margin: 0 10px 10px 0; cursor: pointer; }
.slider-gallery-thumbs .slide img { width: 100%; display: block; }
.slider-gallery-thumbs .slide:before { content: ''; display: none; border: 3px solid #178823; background-color: rgba(0,0,0,.6); }
.slider-gallery-thumbs .slide.current:before { display: block; }

@media (max-width: 1279px) {
	.slider-gallery-thumbs { height: 340px; }
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.slider-gallery .owl-prev,
	.slider-gallery .owl-next { background-size: 17px 27px; }

	.slider-gallery .owl-prev { background-image: url(/Resources/Web/vendor/slick-gallery/images/icons/ico-chevron-left@2x.png); }
	.slider-gallery .owl-prev.disabled { background-image: url(/Resources/Web/vendor/slick-gallery/css/images/icons/ico-chevron-left-inactive@2x.png); }

	.slider-gallery .owl-next { background-image: url(/Resources/Web/vendor/slick-gallery/css/images/icons/ico-chevron-right@2x.png); }
	.slider-gallery .owl-next.disabled { background-image: url(/Resources/Web/vendor/slick-gallery/css/images/icons/ico-chevron-right-inactive@2x.png); }
}

/* ------------------------------------------------------------ *\
	GALLERY
\* ------------------------------------------------------------ */

	.gallery-block {margin-top:41px;position:relative;overflow:auto}
	.gallery-block > div:first-child {float:left;width:390px;margin-right:20px}
	.gallery-block .gallery {overflow:hidden;margin-top:1px;height:669px}
    .slick-gallery {overflow:hidden;margin-top:1px;height:669px;position:relative}

	/*
	.gallery-block .gallery, .gallery-popup {opacity: 0;transition: opacity .4s ease-in;}
	 */

	.slider-for {margin-left:0px;}
	.slider-for > div {background-color:rgb(0,0,0);text-align:center;min-height:535px}
	.slider-for img {max-width:100%;max-height:535px;height:auto;width: auto;cursor:pointer;margin:0 auto;vertical-align: middle;}
	.bigger-imageRatio .slider-for img {max-height:544px;}
	.slider-for .slick-slide {display: inline-block;float: none;height:544px}
	.slider-for .slick-slide::before {content: '';display: inline-block;height: 100%;vertical-align: middle;}
	.slider-for .slick-slide img {vertical-align: middle;display: inline-block;}
	.slide-previews div {float:right;padding:1px 1.6px;}
	.slide-previews {margin-right:-2px;}
	.slide-previews div img {width:80px;height:54px;cursor:pointer}
	.slide-previews div img.selected {outline: 3px solid #178823;outline-offset: -3px;}
	.slide-previews div img:hover {opacity:0.4}
	.counter {line-height:30px;color:#fefefe;font-size:18px;padding: 72px 17px 0 0;position: absolute;right:150px;top:415px;background: url(/Resources/Web/vendor/slick-gallery/css/images/photo-shadow.png) no-repeat;width: 600px;height: 122px;z-index: 4;}
	.counter i {font-size:30px;margin-left:13px; position:relative;top:3px;color: white;}
		.counter span {
			color: var(--photos-counter-color);
			font-weight: bold
		}

	body.over_hidden {overflow:hidden}
	.gallery-popup {display:none;position:fixed;z-index:999;left:0;top:0;width:100%;height:100vh;background:rgba(0,0,0,0.9)}
	.gallery-popup .shell {position:relative;padding:0px}
	.gallery-popup h2 {font-family:Arial;color:white;font-size:35px;text-align:center;margin:30px 0}
	.gallery-popup .close-button {position:absolute;top:20px;left:2px;color:white;text-decoration:none;font-size:16px;z-index: 1;}
	.gallery-popup .close-button .icon-close {font-size:36px;position:relative;top:10px;margin-right:10px}
	.gallery-popup .big-image {position:relative;margin:0 auto;width:1300px}
        .gallery-popup .slick-slide.slick-current.slick-active {
            width: 1300px !important
        }       
.slider-for-popup {
    margin-bottom: 16px
}
	.slider-for-popup img {max-width:100%;max-height:649px;height:auto;width: auto;cursor:pointer;margin:0 auto;vertical-align: middle;display: inline-block;}	
	.slider-for-popup .slick-slide {display: inline-block;float: none;text-align:center;height:544px;}
	.slider-for-popup .slick-slide::before {content: '';display: inline-block;height: 100%;vertical-align: middle;}
	.slide-previews-for-popup div img {width:139px;height:93px;cursor:pointer}
	.slide-previews-for-popup div img:hover {filter: brightness(50%)}
	.slide-previews-for-popup div.slick-current img {outline: 3px solid #12a822;outline-offset: -3px;filter: brightness(50%)}
	.slide-previews-for-popup .slick-track {margin-right:470px;height:220px; overflow:auto;}
	@media screen and ( max-height: 880px ){
		.gallery-popup .close-button {top:0;}
		.gallery-popup h2 {font-size:35px;text-align:center;margin:10px 0}
	}
	@media screen and ( max-height: 830px ){
		.gallery-popup .big-image {width:800px}
        	.slider-for-popup .slick-slide {height:534px;}
		.slider-for-popup img {max-height:534px}	
		.gallery-popup .counter {top:412px}
	}
	@media screen and ( max-height: 780px ){
		.gallery-popup .big-image {width:1024px}
        .gallery-popup .slick-slide.slick-current.slick-active {width: 1024px !important}
        [dir='rtl'] .gallery-popup .slick-prev {right:-100px}
        [dir='rtl'] .gallery-popup .slick-next {left:-100px}
        .slide-previews-for-popup .slick-track {margin-right:470px;height:330px;}
        .slider-for-popup .slick-slide {height:400px;}
		.slider-for-popup img {max-height:400px}	
		.gallery-popup .counter {top:278px}
	}

/* ------------------------------------------------------------ *\
	Button
\* ------------------------------------------------------------ */

.btn-block-height { height: 38px;}/**/

.btn { display: inline-block; vertical-align: middle; text-align: center; cursor: pointer; }

/*  Button Block  */

.btn-block { width: 100%; display: block; padding-left: 0; padding-right: 0; }

 

/*  Button Primary  */

.btn-primary {
    font-size: 21px;
    line-height: 1.24;
    color: var(--primary-button-text-color);
    font-weight: normal;
    text-shadow: 0 2px 0 var(--primary-button-text-shadow);
    /*letter-spacing: -0.02em;*/
    text-decoration: none;
    padding: 6px 28px;
    border: 0;
    background: var(--primary-button-background);
    border-radius: 1px;
    box-shadow: 0 3px 0 var(--primary-button-background-dark);
}
    .btn-primary.btn-details {
        font-size: 22px;
        font-weight: 600;
        margin: auto;
        width: 160px;
        border-radius: 3px;
    }
.flight-search-result-list .btn-primary.btn-details {
    border-radius: 3px;
    width: 160px;
    margin: auto;
}

/*.btn-primary:hover { box-shadow: 0 1px 0 #0a6714;margin-top: 2px;}*/
    .btn-primary:hover {
        box-shadow: 0 2px 0 var(--primary-button-hover-color);
    }

    .form-foot .btn-primary:hover {
        box-shadow: none;
    }
/*  Button blue  */

.btn-blue { font-size: 34px; line-height: 1.24; color: #fff; font-weight: 400; text-shadow: 0 2px 0 #044c73; letter-spacing: -0.02em; text-decoration: none; padding: 9px 28px; border: 0; background: #166f9f; border-radius: 2px; box-shadow: 0 3px 0 #034C75; }

.btn-blue:hover { background-color: #034C75; }

/*  Button Add  */

.btn-add { font-size: 25px; line-height: 33px; color: #647283; font-weight: 400; padding: 15px; border: 1px solid #c5ced9; margin-bottom: 21px; background: #fff; border-radius: 3px; box-shadow: none; }
    .btn-add span {
        width: 33px;
        height: 33px;
        display: inline-block;
        vertical-align: middle;
        position: relative;
        margin: -1px 0 0 2px;
        background-color: var(--secondary-search-primary-color);
        border-radius: 50%;
        transition: all .4s ease;
    }
.btn-add span:before { width: 20px; height: 2px; }
.btn-add span:after { width: 2px; height: 20px; }
.btn-add span:before,
.btn-add span:after { content: ''; background-color: #fff; border-radius: 2px; transition: all .4s ease; }
    .btn-add:hover {
        color: var(--primary-button-text-color);
        border-color: var(--primary-button-background);
        background-color: var(--primary-button-background);
    }
.btn-add:hover span { background-color: #fff; }
.btn-add:hover span:before,
.btn-add:hover span:after { background-color: var(--secondary-search-primary-color); }

.room-selection .btn-add span { width:24px; height: 24px;  }
.room-selection .btn-add span:before { width: 14px; height: 2px; }
.room-selection .btn-add span:after { width: 2px; height: 14px; }
/* ------------------------------------------------------------ *\
	Button Remove
\* ------------------------------------------------------------ */

.btn-remove { font-size: 16px; line-height: 27px; color: #2a3335; font-weight: 400; padding: 0; border: 0; margin: 0; background: none; border-radius: 0; box-shadow: none; }

.btn-remove span { width: 27px; height: 27px; float: left; position: relative; margin-right: 5px; background-color: #8b909e; border-radius: 50%; -ms-transform: rotate(-45deg); transform: rotate(-45deg); transition: all .4s ease; }

.btn-remove span:before { width: 16px; height: 2px; }

.btn-remove span:after { width: 2px; height: 16px; }

.btn-remove span:before,
.btn-remove span:after { content: ''; background-color: #fff; border-radius: 2px; }

.btn-remove:hover { text-decoration: underline; }

.btn-remove:hover span { background-color: #000; }

/* ------------------------------------------------------------ *\
	Button Search
\* ------------------------------------------------------------ */

.btn-search,
.results-head .btn-return { font-size: 21px; line-height: 23px; color: #fff; font-weight: 400; text-decoration: none; padding: 10px 18px 10px 17px; border: 0; background-color: rgba(255,255,255,.05); border-radius: 5px; box-shadow: none; }

.btn-search i { margin-left: 7px; }

.btn-search:hover { background-color: rgba(0,0,0,.2); }

/* ------------------------------------------------------------ *\
	Button Primary Small
\* ------------------------------------------------------------ */

.btn-primary-small { font-size: 20px; line-height: 1.2; color: #fff; font-weight: 400; text-align: center; padding: 3px 15px; border: 0; background: #178723; border-radius: 4px; box-shadow: none; }

.btn-primary-small:hover { background-color: #0a6714; }

/* ------------------------------------------------------------ *\
	Button Return
\* ------------------------------------------------------------ */

.btn-return { font-size: 21px; line-height: 23px; color: #fff; font-weight: 400; text-decoration: none; padding: 10px 14px; background-color: rgba(0,0,0,.5); border-radius: 5px; }

.btn-return i { float: right; margin-left: 13px; }

.btn-return:hover { background-color: #000; }

/* ------------------------------------------------------------ *\
	Button Location
\* ------------------------------------------------------------ */

.btn-location { font-size: 21px; line-height: 1.57; color: #53a6dc; font-weight: 400; text-decoration: none; padding: 10px 20px; background-color: rgba(0,0,0,.6); border-radius: 5px; }

.btn-location i { float: right; margin-left: 10px; }

.btn-location:hover { background-color: #000; }

/* ------------------------------------------------------------ *\
	Buttons
\* ------------------------------------------------------------ */

.green-button{color: var(--primary-button-text-color);text-shadow: 0 2px var(--primary-button-text-shadow);background-color: var(--primary-button-background);box-shadow: 0 3px var( --primary-button-background-dark);text-decoration: none;border-radius: 3px;}
.gray-button {
    background: #D4D4D4 0% 0% no-repeat padding-box;
    border-radius: 4px;
    opacity: 1;

    text-align: center;
    font: Regular 18px/32px Rubik;
    font-size: 18px;
    font-weight: normal;
    letter-spacing: 0;

    color: #000000;
    box-shadow: 0 0;
    text-shadow: 0 1px #586a81;
    text-decoration: none;
    /*background: #93a4ba;
    border-radius: 3px;*/
}

.button.red {color:#e04955;background-color:#fff2f3}
.button.blue {color:#48a0dc;background-color:#ebf4fa}
.button.green {color:#51ad00;background-color:#e7f3e9}

.btn.disabled,.btn[disabled]{background-color:#9a9a9a!important;box-shadow: 0 3px #565656!important; pointer-events: none; cursor: default;color:#fff;text-shadow:unset}

/* ------------------------------------------------------------ *\
	Button Promo
\* ------------------------------------------------------------ */

.section-promo-button .btn-promo { font-size: 23.1px; line-height: 1.24; color: #fff; font-weight: normal; text-shadow: 0 2px 0 #14721d; letter-spacing: -0.02em; text-decoration: none; padding: 6px 28px; border: 0; background: #178723; border-radius: 1px; box-shadow: 0 3px 0 #0a6714;}
body.over_hidden {
    overflow: hidden;
}

.modal-shown {
    overflow: hidden;
    height: 100%;
}

.details-container {
    padding: 0 10px;
}

.details-container {
    padding-bottom: 50px;
}

/* CUG Loader Overlay */
.cug-loader-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cug-loader-container {
    background-color: #fff;
    padding: 30px 40px;
    border-radius: 8px;
    text-align: center;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.cug-loader-container .loader-ring {
    width: 60px;
    height: 60px;
    display: block;
    margin: 0 auto 15px;
}

.cug-loader-container .loader-text {
    font-size: 18px;
    color: #2a3335;
    margin: 0;
    font-weight: 500;
}



@media (min-width: 992px) {
    ::-webkit-scrollbar:horizontal {
        width: 1px; /* Remove scrollbar space */
        background: transparent; /* Optional: just make scrollbar invisible */
    }
    ::-webkit-scrollbar-thumb:horizontal {
        background: #EFEFEF;
    }
}

@media (max-width: 991px) {

    .modal-visible#hoteladditionalInfoModal{
        opacity: 1;
        visibility: visible;
        z-index: 10;
        top: 0;
    }

    .details-container {
        padding-bottom: 50px;
    }

    .cug-loader-container {
        padding: 25px 30px;
    }

    .cug-loader-container .loader-ring {
        width: 50px;
        height: 50px;
    }

    .cug-loader-container .loader-text {
        font-size: 16px;
    }

}

/*ios*/
@supports (-webkit-touch-callout: none) {
    body.over_hidden {
        touch-action: none;
    }

}

.loader-container {
    width: 100%;
    top: 0px;
    background-color:white;
}

.navigation-loader {
    margin: 0 0 -119px 0;
    background-image: url(/Resources/Mobile/Img/preloader_bg.png);
    background-repeat: repeat-x;
    height: 100%;
}

    .navigation-loader .loader-image {
        margin: 0 0 10px 0;
        text-align: center;
        left: 0;
        right: 0;
    }

    .navigation-loader .continer-logo {
        text-align: center;
    }

        .navigation-loader .continer-logo a img {
            /*//width:45px;*/
            margin-top: 8%;
            height: 80px;
        }

    .navigation-loader .loader-icons {
        margin: 0 0 25px 22px;
        text-align: center;
        height: 400px;
        padding-top: 100px;
    }
        .navigation-loader .loader-icons .loader-icon {
            color: var(--loader-icons-color);
            font-size: 55px;
        }

        .navigation-loader .loader-icons .icon-pnim.loader-icon,
        .navigation-loader .loader-icons .icon-hotels.loader-icon {
            width: 86px;
            display: inline-block;
        }

        /*.navigation-loader .loader-icons .icon-hotels.loader-icon{
            margin-right:20px;
        }*/

        .navigation-loader .loader-icons .loader-gif-center {
            width: 100px;
            height: 100px;
            margin: 20px;
        }



    .navigation-loader .loader-image img {
        padding-top: 72px;
        left: 0;
        right: 0;
        margin: auto;
    }

      .navigation-loader .promotion-section{
          background: none;
      }

.navigation-loader section.promotion-section ul li i {
    color: #fff;
    padding: 10px;
    font-size: 10px;
    border-radius: 100%;
    vertical-align: middle;
    text-align: center;
    width: 36px;
    height: 36px;
}



@-moz-keyframes rotate {
    0% {
        -moz-transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@-ms-keyframes rotate {
    0% {
        -ms-transform: rotate(0deg);
    }

    100% {
        -ms-transform: rotate(360deg);
    }
}

@keyframes rotate {
    0% {
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}



/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
.la-ball-clip-rotate,
.la-ball-clip-rotate > div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 20px 25px -10px 30px

}

.la-ball-clip-rotate {
    display: inline-block;
    font-size: 0;
    color: #809eb8;
    /*width: 100px;*/
    height: 100px;
    margin: 20px 20px 27px 20px;
}

    .la-ball-clip-rotate.la-dark {
        color: #333;
    } 

    .la-ball-clip-rotate > div {
        display: inline-block;
        float: none;
        background-color: currentColor;
        border: 0 solid currentColor;
        width: 80px;
        height: 80px;
        background: transparent; 
        border-bottom-color: transparent;
        border-radius: 100%;
        box-shadow: 0px 2px 0px rgba(128, 158, 184, 0.6);
        -moz-box-shadow: 0px 2px 0px rgba(128, 158, 184, 0.6);
        -webkit-box-shadow: 0px 2px 0px rgba(128, 158, 184, 0.6); 
        -webkit-animation-duration: 1s;
        -webkit-animation-timing-function: linear;
        -webkit-animation-name: rotate;
        -webkit-animation-iteration-count: infinite;
        -moz-animation-duration: 1s;
        -moz-animation-timing-function: linear;
        -moz-animation-name: rotate;
        -moz-animation-iteration-count: infinite;
        -ms-animation-duration: 1s;
        -ms-animation-timing-function: linear;
        -ms-animation-name: rotate;
        -ms-animation-iteration-count: infinite;
        -o-animation-duration: 1s;
        -o-animation-timing-function: linear;
        -o-animation-name: rotate;
        -o-animation-iteration-count: infinite;
        animation-duration: 1s;
        animation-timing-function: linear;
        animation-name: rotate;
        animation-iteration-count: infinite;
    }

    .la-ball-clip-rotate.la-sm {
        width: 16px;
        height: 16px;
    }

        .la-ball-clip-rotate.la-sm > div {
            width: 16px;
            height: 16px;
            border-width: 1px;
        }

    .la-ball-clip-rotate.la-2x {
        width: 64px;
        height: 64px;
    }

        .la-ball-clip-rotate.la-2x > div {
            width: 64px;
            height: 64px;
            border-width: 4px;
        }

    .la-ball-clip-rotate.la-3x {
        width: 96px;
        height: 96px;
    }

        .la-ball-clip-rotate.la-3x > div {
            width: 96px;
            height: 96px;
            border-width: 6px;
        }
/*
 * Animation
 */


@font-face {
}

@-webkit-keyframes ball-clip-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes ball-clip-rotate {
    0% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    50% {
        -moz-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-ms-keyframes ball-clip-rotate {
    0% {
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    50% {
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    100% {
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes ball-clip-rotate {
    0% {
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    50% {
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    100% {
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes ball-clip-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    50% {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


    .navigation-loader section.promotion-section { background: none; margin-top: 60px;}
    .navigation-loader section.promotion-section ul li {display:flex;  padding: 0 2px; margin: 0 10px 0 10px;}
        .navigation-loader section.promotion-section ul li i {
            background-color: var(--loader-bullet-background);
            font-size: 24px;
            height: 50px;
            width: 50px;
            margin-left:8px;
        }
            .navigation-loader section.promotion-section ul li i:before{vertical-align:middle;}
            /*.navigation-loader section.promotion-section ul li i.icon-7 { font-size: 30px; padding: 17px;}*/
        .navigation-loader section.promotion-section ul li .text-content {
            font-size: 22px;
            color: #3D495D;
            word-wrap: break-word;
            vertical-align: middle;
            text-align: right;
            line-height: 1;
            width: auto;
            display: flex;
            flex-flow: column;
            justify-content: center;
        }
     .navigation-loader section.promotion-section ul li .text-content span{display:block}
        /*.navigation-loader section.promotion-section ul li .text-content span.first-text{font-weight:bold}*/
        .navigation-loader section.promotion-section ul li .text-content span.second-text {
            
        }

        .navigation-loader section.promotion-section ul {
            list-style-type: none;
            display: flex;
            width: 100%;
            font-size: 19px;
            align-items: center;
            justify-content: center;
        }


@media screen and (max-width: 900px){
    .loader-container section.promotion-section ul li{line-height: 5;}
}
.details-container .details-header-container .back-button-wrapper {
    display: none;
}

.details-container .details-header-container {
    padding-top: 10px;
}

    .details-container .details-header-container .hotel-info.fixed .top-title-row .is-recommended img {
        height: 47px;
    }

    .details-container .details-header-container .hotel-info.fixed .top-title-row {
        z-index: 7;
    }

        .details-container .details-header-container .hotel-info.fixed .top-title-row .title {
            position: relative;
            top: 6px;
        }

    .details-container .details-header-container .hotel-info.fixed::before {
        content: "";
        left: 0;
        width: 100%;
        height: 34px;
        background-color: white;
        opacity: 1;
        position: fixed;
    }

    .details-container .details-header-container .hotel-info.fixed .top-title-row .title h1 {
        font-size: 19px;
    }

        .details-container .details-header-container .hotel-info.fixed .top-title-row .title h1.hotel-name {
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            max-width: 260px;
            position: relative;
            bottom: 5px;
        }

        .details-container .details-header-container .hotel-info.fixed .top-title-row .title h1.rating-stars {
            position: relative;
            bottom: 5px;
            white-space: nowrap;
        }

    .details-container .details-header-container .hotel-info.fixed .top-title-row .title h2.rating-stars {
        position: relative;
        bottom: 5px;
        white-space: nowrap;
    }

    .details-container .details-header-container .hotel-info .top-title-row {
        display: flex;
    }

        .details-container .details-header-container .hotel-info .top-title-row .title {
            display: inline-block;
            direction: ltr;
            width: 100%;
            margin-bottom: 10px;
        }

            .details-container .details-header-container .hotel-info .top-title-row .title.rtl {
                direction: rtl;
            }

                .details-container .details-header-container .hotel-info .top-title-row .title.rtl .star-rating {
                    margin-left: 0px;
                    margin-right: 5px;
                }

            .details-container .details-header-container .hotel-info .top-title-row .title h1, .details-container .details-header-container .hotel-info .top-title-row .title h2 {
                font-size: 18px;
                font-weight: 500;
                margin-left: 4px;
                display: inline-block;
            }

                .details-container .details-header-container .hotel-info .top-title-row .title h2 .star-rating {
                    margin-left: 5px;
                }

                .details-container .details-header-container .hotel-info .top-title-row .title h2.rtl .star-rating {
                    margin-right: 5px;
                    margin-left: 0;
                }

                .details-container .details-header-container .hotel-info .top-title-row .title h2 .star-rating img {
                    height: 11px;
                    width: 11px;
                    margin-right: -2px;
                }

                .details-container .details-header-container .hotel-info .top-title-row .title h2 .star-rating i {
                    color: var(--star-rating-color);
                    opacity: 1;
                }


        .details-container .details-header-container .hotel-info .top-title-row .is-recommended {
            float: right;
            width: 58px;
            height: 25px;
            margin-bottom: 10px;
            margin-right: 10px;
        }

            .details-container .details-header-container .hotel-info .top-title-row .is-recommended img {
                height: 72px;
            }

    .details-container .details-header-container .hotel-info app-domestic-hotels-check-availability,
    .details-container .details-header-container .hotel-info app-abroad-hotels-check-availability {
        display: block;
        margin: 7px 0 20px 0;
    }

        .details-container .details-header-container .hotel-info app-domestic-hotels-check-availability.fixed .ng-search-engine-strip,
        .details-container .details-header-container .hotel-info app-abroad-hotels-check-availability.fixed .ng-search-engine-strip {
            top: 38px;
            position: fixed;
            margin: 2px -139px 0px 0px;
            width: 100%;
        }

.details-container .share-button-wrapper {
    margin-right: 10px;
    float: right;
    display: inline-block;
    margin-bottom: 15px;
}

    .details-container .share-button-wrapper .share-button {
        font-size: 13px;
        border: 0.85px solid #000;
        border-radius: 15px;
        background: none;
        padding: 3px 7px;
    }

        .details-container .share-button-wrapper .share-button i {
            margin-left: 2px;
        }


.details-container .details-header-container .hotel-extra-info {
    margin: 0 10px;
}

    .details-container .details-header-container .hotel-extra-info .tripadvisor-container {
        border-bottom: 1px dashed #E9EFF3;
        border-top: 1px dashed #E9EFF3;
        text-align: center;
        padding-top: 6px;
    }

        .details-container .details-header-container .hotel-extra-info .tripadvisor-container .trip-head {
            font-size: 14px;
            color: #2A3335;
            margin-bottom: 4.7px;
        }

        .details-container .details-header-container .hotel-extra-info .tripadvisor-container .rating-conatiner {
            display: flex;
            align-items: center;
            margin-bottom: 9px;
            width: 100%;
            justify-content: center;
        }

            .details-container .details-header-container .hotel-extra-info .tripadvisor-container .rating-conatiner .num-of-reviews {
                margin-left: 7.3px;
                font-size: 12px;
                color: #AAAAAA;
                text-decoration: underline;
            }

                .details-container .details-header-container .hotel-extra-info .tripadvisor-container .rating-conatiner .num-of-reviews .text-span {
                    text-decoration: underline;
                }


            .details-container .details-header-container .hotel-extra-info .tripadvisor-container .rating-conatiner .rating-image {
            }



    .details-container .details-header-container .hotel-extra-info .chain {
        display: inline-block;
        width: 100%;
        display: flex;
        align-items: center;
        padding-bottom: 14px;
        /*        position: absolute;*/
        color: #72849A;
    }

        .details-container .details-header-container .hotel-extra-info .chain span {
            font-size: 12px;
        }

            .details-container .details-header-container .hotel-extra-info .chain span i {
                display: none;
            }

    .details-container .details-header-container .hotel-extra-info .trip-advisor {
        text-align: center;
        margin: 10px;
        padding: 10px;
        border-bottom: 1px dashed #E9EFF3;
    }


    .details-container .details-header-container .hotel-extra-info .map {
        font-size: 16px;
        vertical-align: middle;
        position: relative;
        padding-top: 19px;
        display: flex;
        align-items: center;
        margin-bottom: 20px;
    }

        .details-container .details-header-container .hotel-extra-info .map a {
            margin-left: 10px;
            background-color: #E9EFF3;
            border-radius: 4px;
            padding: 8px;
            font-size: 12px;
            font-weight: 500;
            text-decoration: underline;
        }


            .details-container .details-header-container .hotel-extra-info .map a:hover {
                color: black;
            }

            .details-container .details-header-container .hotel-extra-info .map a i {
                margin-left: 5px;
                position: unset;
                color: black;
            }

        .details-container .details-header-container .hotel-extra-info .map .address {
            width: 65%;
            display: flex;
            align-items: center;
            justify-content: flex-end;
        }

            .details-container .details-header-container .hotel-extra-info .map .address .value {
                direction: ltr;
            }

            .details-container .details-header-container .hotel-extra-info .map .address i {
                font-size: 16px;
                vertical-align: middle;
                position: relative;
                margin-right: 13px;
                color: black;
            }

            .details-container .details-header-container .hotel-extra-info .map .address .value {
                max-width: 88%;
                vertical-align: middle;
                font-size: 12px;
                text-align: left;
            }


            .details-container .details-header-container .hotel-extra-info .map .address i span {
                padding-top: 3px;
            }

            .details-container .details-header-container .hotel-extra-info .map .address.rtl {
                direction: ltr;
            }

                .details-container .details-header-container .hotel-extra-info .map .address.rtl i {
                    margin-left: 13px;
                    margin-right: 0;
                }

                .details-container .details-header-container .hotel-extra-info .map .address.rtl .value {
                    text-align: right;
                }

    .details-container .details-header-container .hotel-extra-info .suitable-for {
        display: none;
    }

@media (min-width: 992px) {
    .btn-fav {
        right: -42px;
    }

    .details-header-container:has(.header-top-bar) ~ #sectionProduct .favorite-section:has(> button.btn-fav) {
        top: 38px;
    }

    .details-container .details-header-container {
        padding-right: 10px;
        padding-left: 10px;
    }

        .details-container .details-header-container .header-top-bar {
            display: flex;
            gap: 40px;
            margin-bottom: 10px;
        }

        .details-container .details-header-container .back-button-wrapper {
            display: block;
            padding-top: 10px;
        }


            .details-container .details-header-container .back-button-wrapper:hover .back-button,
            .details-container .details-header-container .back-button-wrapper:hover .back-button i {
                color: black;
            }

            .details-container .details-header-container .back-button-wrapper .back-button {
                background-color: #E9EFF3;
                border-radius: 4px;
                padding: 3px 8px;
                font-weight: 500;
                text-align: center;
                color: #72849A;
            }

                .details-container .details-header-container .back-button-wrapper .back-button i {
                    margin-left: 5px;
                    color: #72849A;
                    font-size: 10px;
                }

        .details-container .details-header-container .hotel-info {
            display: block;
        }

        .details-container .details-header-container.Packages .package-tag .package-tag-text {
            font-size: 17px;
            color: var(--se-primary-color);
            font-weight: 500;
            white-space: nowrap;
            padding: 4px;
            padding-left: 7px;
            padding-right: 7px;
        }

        .details-container .details-header-container.Packages .package-tag {
            border: 1px solid;
            border-radius: 4px;
            width: fit-content;
            color: var(--se-primary-color);
        }



        .details-container .details-header-container .hotel-info.fixed .top-title-row {
            width: 20%;
            white-space: nowrap;
            position: relative;
            left: 190px;
            margin-right: 0px;
        }

        .details-container .details-header-container .top-title-row .header-tags .sticker-popular-container,
        .details-container .details-header-container.Packages .top-title-row .header-tags .sticker-popular-container {
            left: unset;
        }

        .details-container .details-header-container .top-title-row .sticker-popular-container .popularStickerRibbon {
            margin: 10px 0px;
        }

        .details-container .details-header-container .hotel-info .top-title-row .title {
            text-align: right;
            margin-bottom: 10px;
            display: flex;
            gap: 15px;
            flex-direction: row-reverse;
            align-items: end;
        }

    .aspectsHeader {
        bottom: 50%;
        z-index: 999 !important;
    }

    .details-container .details-header-container .hotel-info.fixed .issta-fltr-anchor, .details-container .details-header-container .hotel-info.fixed .hotel-score__inner {
        display: none;
    }

    .issta-fltr-anchor {
        float: left;
    }

    .details-container .details-header-container.DomesticHotels .issta-fltr-anchor, .details-container.DomesticDynamicPackages .issta-fltr-anchor {
        position: relative;
        top: 9px;
    }

    .issta-fltr-anchor .stats .score span {
        font-family: 'Rubik',Arial, Helvetica, sans-serif;
        font-weight: 500;
    }

    .issta-fltr-anchor .stats .gradeText {
        white-space: nowrap;
    }

    .details-container .details-header-container .hotel-info.fixed .top-title-row .title {
        text-align: left;
        margin-bottom: 4px;
        gap: 1px;
    }

    .details-container .details-header-container .hotel-info .top-title-row .is-recommended {
        position: absolute;
        margin-right: -80px;
        z-index: 9;
        top: 0;
    }

    .details-container .details-header-container .hotel-info.fixed .top-title-row .is-recommended {
        position: relative;
        top: -2px;
        margin-right: 0;
        right: -44.5%;
    }

    .details-container .details-header-container .hotel-info .top-title-row .title h1, .details-container .details-header-container .hotel-info .top-title-row .title h2 {
        font-size: 28px;
        font-weight: 500;
        color: #302D2F;
        display: inline-block;
        white-space: nowrap;
    }

    .details-container .details-header-container .hotel-info .star-rating {
    }

    .details-container .details-header-container .hotel-info .top-title-row .title h2 .star-rating i {
        width: 15px;
        color: var(--star-rating-color);
        margin-right: -2px;
        font-size: 15px;
    }


    .details-container .details-header-container .hotel-info app-domestic-hotels-check-availability,
    .details-container .details-header-container .hotel-info app-abroad-hotels-check-availability {
        margin: 0px;
    }

        .details-container .details-header-container .hotel-info app-domestic-hotels-check-availability .ng-form-data,
        .details-container .details-header-container .hotel-info app-abroad-hotels-check-availability .ng-form-data {
            right: 0;
        }

    .details-container .details-header-container .hotel-info .ng-form-check-availability {
        margin-bottom: 27px;
    }

    .details-container .details-header-container.Packages .hotel-info .ng-form-check-availability {
        margin-bottom: 27px;
        height: unset !important;
    }

    .details-container .details-header-container .hotel-info .ng-form-check-availability.background-gray {
        margin-bottom: 0;
    }

    .ng-app .ng-search-engine .ng-search-engine-strip .ng-form-search .ng-form-actions .action-close-wrapper {
        right: 87%;
    }

    ca-domestic-hotels-check-availability-form .ng-form-data {
        left: 20px !important;
        margin-top: 2px;
        top: 2px !important;
        left: 253px !important;
    }

    .details-container .details-header-container .hotel-info .is-recommended + app-domestic-hotels-check-availability,
    .details-container .details-header-container .hotel-info .is-recommended + app-abroad-hotels-check-availability {
        margin: 0px -128px 20px 0;
    }

    .details-container .details-header-container .hotel-extra-info {
        position: relative;
        display: flex;
        padding: 1px 0px 1px;
        min-height: 50px;
        border-top: var(--third-horizoanl-border-size);
        border-bottom: var(--third-horizoanl-border-size);
        border-image: var(--primary-horizonal-border-color);
        border-image-slice: 1;
        align-items: center;
    }

    .details-container .share-button-wrapper {
        display: none;
    }

    .details-container .details-header-container .hotel-extra-info .chain {
        order: 2;
        width: 20%;
        border-bottom: 0;
        padding: 0;
        border-left: 1px dashed #aaaaaa;
        height: 30px;
        padding-right: 30px;
        position: unset;
        margin-right: 0;
        margin-top: 0;
    }

        .details-container .details-header-container .hotel-extra-info .chain span {
            color: #555555;
        }

            .details-container .details-header-container .hotel-extra-info .chain span i {
                display: inline-block;
                font-size: 18px;
                vertical-align: middle;
                padding-right: 6px;
                margin-left: 8px;
                color: #222;
            }

                .details-container .details-header-container .hotel-extra-info .chain span i + span {
                    font-size: 16px;
                }

    .details-container .details-header-container .hotel-extra-info .tripadvisor-container {
        border-left: var(--primary-vertical-border-size);
        border-image: var(--primary-vertical-border-color);
        border-image-slice: 1;
        border-bottom: 0;
        border-top: 0;
        padding: 0;
        padding-left: 30px;
    }

        .details-container .details-header-container .hotel-extra-info .tripadvisor-container .trip-head {
            font-size: 14px;
            margin-bottom: 4.7px;
        }

        .details-container .details-header-container .hotel-extra-info .tripadvisor-container .rating-conatiner {
            display: flex;
            align-items: center;
            margin-bottom: 0px;
            width: 100%;
            justify-content: center;
        }

            .details-container .details-header-container .hotel-extra-info .tripadvisor-container .rating-conatiner .num-of-reviews {
                font-size: 11px;
            }

                .details-container .details-header-container .hotel-extra-info .tripadvisor-container .rating-conatiner .num-of-reviews .text-span {
                }


            .details-container .details-header-container .hotel-extra-info .tripadvisor-container .rating-conatiner .rating-image {
                width: 100px;
                margin-left: 7px;
            }

    .details-container .details-header-container .hotel-extra-info .map {
        margin-right: 60px;
        order: 3;
        max-width: 270px;
        padding-top: 0;
        border-left: var(--primary-vertical-border-size);
        border-image: var(--primary-vertical-border-color);
        border-image-slice: 1;
        padding-left: 30px;
        margin-bottom: 0px;
    }

        .details-container .details-header-container .hotel-extra-info .map .address i {
            position: absolute;
            right: -29px;
            font-size: 14px;
            margin-top: 2px;
        }


        .details-container .details-header-container .hotel-extra-info .map .address {
            max-width: 170px;
            direction: ltr;
            justify-content: flex-start;
            width: unset;
        }

            .details-container .details-header-container .hotel-extra-info .map .address.rtl {
                max-width: 180px;
                direction: rtl;
                justify-content: flex-start;
                direction: rtl !important;
            }

            .details-container .details-header-container .hotel-extra-info .map .address i .value {
                font-size: 16px;
                padding-right: 6px;
            }

            .details-container .details-header-container .hotel-extra-info .map .address .value {
                color: #555555;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                width: 100%;
                max-width: unset;
            }

        .details-container .details-header-container .hotel-extra-info .map a {
            float: none;
            background: none;
            border-radius: 0;
            padding: 0;
            text-decoration: underline;
            font-size: 12px;
            color: #717579;
            font-weight: 400;
        }

            .details-container .details-header-container .hotel-extra-info .map a i {
                display: none;
            }

    .details-container .details-header-container .hotel-extra-info .suitable-for {
        display: flex;
        align-items: center;
        order: 4;
        margin-right: 30px;
    }

        .details-container .details-header-container .hotel-extra-info .suitable-for span {
            font-size: 12px;
            font-weight: 400;
            color: #302D2F;
            margin-left: 12px;
            vertical-align: top;
        }

        .details-container .details-header-container .hotel-extra-info .suitable-for ul {
            list-style: none;
            display: flex;
            vertical-align: top;
            max-width: 350px;
        }

            .details-container .details-header-container .hotel-extra-info .suitable-for ul li {
                border: 1px solid #D4D4D4;
                border-radius: 12px;
                margin-left: 6px;
                position: relative;
                display: inline-block;
                padding: 10px 10px;
                height: 17px;
                display: flex;
                align-items: center;
            }

                .details-container .details-header-container .hotel-extra-info .suitable-for ul li span {
                    font-size: 14px;
                    color: #E17250;
                    margin: 0;
                    font-weight: 400;
                    margin-right: 20px;
                    white-space: nowrap;
                }

                .details-container .details-header-container .hotel-extra-info .suitable-for ul li svg {
                    position: absolute;
                    right: 10px;
                    top: 2px;
                    color: #E17250;
                    height: 15px;
                    width: 15px;
                }

    .favorite-section {
        position: absolute;
        top: 0;
    }
    /* Fixed Header Part */
    .details-container .details-header-container .hotel-info app-domestic-hotels-check-availability.fixed, .details-container .details-header-container .hotel-info app-abroad-hotels-check-availability.fixed {
        flex: 1;
        margin: 0px -245px 0px 0px;
    }

    .ng-form-data.fixed {
        right: 390px !important;
        top: -32px !important;
    }

    .ng-app .ng-search-engine .ng-search-engine-strip.fixed .ng-form-search .flexable.cms-hotel-main .ng-form-body .ng-form-cols.row {
        justify-content: right;
    }

    .details-container .details-header-container .hotel-info.fixed {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 12;
    }

        .details-container .details-header-container .hotel-info.fixed .package-tag {
            display: none;
        }
}

@media (max-width: 992px) {
    .details-container .details-header-container.DomesticHotels .hotel-extra-info {
        padding-bottom: 4px;
    }

    .details-container .details-header-container .hotel-info .top-title-row .is-recommended {
        margin-bottom: 51px;
        margin-right: 10px;
    }

    .details-container .details-header-container.DomesticHotels .hotel-info .top-title-row .title {
        display: inline;
    }

    .details-container .details-header-container.Packages .top-title-row .sticker-popular-container {
        left: unset !important;
    }

    /*.details-header-container.Packages .top-title-row {
        margin-top: -6%
    }*/

    .details-header-container.Packages .sticker-popular-container {
        display: inline-table;
        position: relative;
        left: -43%;
    }

    .details-container .details-header-container.Packages .package-tag .package-tag-text {
        font-size: 12px;
        color: var(--se-primary-color);
        font-weight: 500;
        white-space: nowrap;
        padding-left: 7px;
        padding-right: 7px;
    }

    .details-container .details-header-container.Packages .package-tag {
        border: 1px solid;
        border-radius: 4px;
        width: fit-content;
        color: var(--se-primary-color);
        position: relative;
        height: 23px;
        bottom: -5px;
        align-content: center;
        margin-left: 4%;
    }

    .details-container .details-header-container.Packages .hotel-info .header-tags {
        display: flex;
        padding-bottom: 3%;
    }


    .details-container .details-header-container .hotel-info .ng-app ca-domestic-hotels-check-availability-form .ng-form-search .action-close-wrapper {
        top: 33px !important;
    }

    .details-container .details-header-container.DomesticDynamicPackages .hotel-info .ng-app ca-domestic-hotels-check-availability-form .ng-form-search .action-close-wrapper {
        top: 13px !important;
    }

    .details-container .details-header-container .hotel-info .ng-app ca-abroad-hotels-check-availability-form .ng-form-search .action-close-wrapper {
        top: 42px !important;
    }

    .issta-fltr-anchor {
        float: left;
        position: relative;
        top: 42px;
    }

        .issta-fltr-anchor .stats {
            flex-direction: row-reverse;
            margin-bottom: 36px;
        }


            .issta-fltr-anchor .stats .gradeText {
                direction: ltr;
            }

    .ng-app .ng-search-engine .ng-search-engine-strip .ng-form-search .action-close-wrapper {
        top: -260px !important;
    }

    .ng-app .ng-search-engine .ng-form-search .ng-form-body > .ng-form-cols:first-child {
        margin-top: 34px !important;
    }


    .ng-app .ng-search-engine .ng-form-search .cms-hotel-main .ng-form-body > .ng-form-cols:first-child {
        margin-top: -12px !important;
    }



    .issta-fltr-anchor .stats .score span {
        font-family: 'Rubik', Arial, Helvetica, sans-serif;
        font-weight: 500;
        font-size: 14px;
    }

    .details-container .details-header-container .hotel-info .top-title-row {
        display: block;
    }


    .details-container .details-header-container .hotel-info app-abroad-hotels-check-availability {
        top: 24px;
        position: relative;
        padding-bottom: 10px;
    }

    .details-container .details-header-container.DomesticHotels .hotel-info .top-title-row .title h1, .details-container .details-header-container.DomesticDynamicPackages .hotel-info .top-title-row .title h1 {
        font-size: 18px;
        font-weight: 500;
        padding-right: 11px;
        margin-left: 4px;
    }

    .details-container .details-header-container.DomesticHotels .issta-fltr-anchor, .details-container .details-header-container.DomesticDynamicPackages .issta-fltr-anchor {
        position: relative;
        top: 0px;
        display: inline-block;
    }

    .details-container .details-header-container.DomesticDynamicPackages .issta-fltr-anchor {
        top: 43px;
    }

        .details-container .details-header-container.DomesticHotels .issta-fltr-anchor .stats, .details-container .details-header-container.DomesticDynamicPackages .issta-fltr-anchor .stats {
            margin-bottom: 0px;
        }

    .details-container .details-header-container.DomesticHotels .issta-fltr-anchor .fl_anchor {
        margin-top: unset !important;
    }


    .details-container .details-header-container.DomesticDynamicPackages .hotel-info .top-title-row .title {
        width: 64%;
        direction: rtl;
    }

    .hotel-score__inner {
        margin-top: 8px;
    }

    .details-container .details-header-container .hotel-info .top-title-row .title {
        display: flex;
        flex-direction: column;
    }
}



/* --- footprint: match .fltr_app so it sits in the same slot --- */
.combined-result-item .result-item-content .hotel-score {
    display: block !important;
    height: 37px !important;
    float: unset !important;
}

/* --- layout & typography --- */
.hotel-score__inner {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 100%;
    line-height: 1;
    font-family: inherit; /* match site font */
    font-size: 14px; /* match neighboring text */
    color: var(--search-header-text-color, #222);
    direction: rtl;
    /* Keep DOM order visually as: brand → label → pill on RTL pages */
    flex-direction: row-reverse;
}

.inPopup {
    margin-top: 10px;
}
/* Booking.com brand text (no logo) */
.hotel-score__brand {
    font-weight: 700;
    color: var(--booking-blue, #003580); /* Booking.com primary blue */
    white-space: nowrap;
    text-decoration: none;
}

/* Quality label (e.g., מצוין / טוב מאוד) */
.hotel-score__label {
    font-weight: 500;
    color: var(--booking-blue, #003580); /* align with brand color */
    white-space: nowrap;
}

/* Rectangular numeric score pill */
.hotel-score__pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 25px;
    padding: 0 8px;
    border-radius: 7px;
    font-weight: 400;
    line-height: 1;
    background: var(--booking-blue, #003580);
    color: #fff;
    direction: ltr;
    unicode-bidi: plaintext;
    vertical-align: middle;
    font-size: 15.5px;
}

.sticker {
    display: inline-block;
    padding: 5px 15px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    border-radius: 5px;
    animation: pulse 2s infinite;
    margin: 10px;
    color: var(--sticker-popular-color-text);
}

.popularStickerRibbon {
    background: var(--sticker-popular-color-linear);
    font-weight: 500;
    position: relative;
    color: var(--sticker-popular-color-text);
    white-space: nowrap;
}


.sticker {
    animation: pulse 2s infinite;
}

.details-container .top-title-row .sticker-popular-container {
    width: 173px;
    position: relative;
    left: 2%;
    bottom: 5px;
}

.details-container .details-header-container.Packages .top-title-row .sticker-popular-container {
    left:11%;
}

    .details-container .top-title-row .sticker-popular-container.bynd {
        width: 181px;
    }

    .details-container .hotel-info.fixed .top-title-row .sticker-popular-container {
        display: none;
    }

@media (max-width: 900px) {

    .sticker {
    font-size: 10px;
    }

    .sticker-popular-container {
        position: absolute;
        left: -10%;
        bottom: -9%;
        width: max-content;
    }



    .final-hotel-details .sticker-popular-container {
        bottom: 0;
        right: 0;
    }

        .final-hotel-details .sticker-popular-container .sticker {
            margin: 0px 5px 5px 0px;
        }

    .vacation-card.dynamic .sticker-popular-container {

    
        position: absolute !important;
        left: 69%;
        bottom: 39%;
        top: 66px;
        right: 0px;
    }

    
}

.remarks-container {
    padding: 0;
    margin: 23px 0 0 0
}

.remarks-container .title {
    font-size: 18px;
    font-weight: 500;
    color: #302D2F;
}

.remarks-container .separator {
    border-top: var(--primary-horizonal-border-size);
    border-image: var(--primary-horizonal-border-color);
    border-image-slice: 1;
    margin: 5px 0
}

.remarks-container .remarks p {
    font-size: 14px;
    margin: 0;
}



@media (min-width: 992px) {
    .remarks-container {
        display: flex;
        margin: 23px 0 10px 0
    }
    .fltr_app {
        max-width: 1123px !important;
    }
    .remarks-container .fl_bootstrap {
        width: 94% !important;
    }

    .remarks-container .separator {
        border-right: var(--primary-vertical-border-size);
        border-image: var(--primary-vertical-border-color);
        border-image-slice: 1;
        margin: 15px 169px 0 0
    }

    .remarks-container .title {
        font-size: 28px;
        position: absolute;
        font-weight: 500;
        margin: 10px 0 0 0;
        width: 20px
    }

    .remarks-container .remarks {
        margin: 0 78px 0 0;
        font-size: 16px;
    }

    .remarks-container .remarks p {
        font-size: 16px;
        margin: 0;
    }
    .remarks-container .remarks li {
        font-size: 16px;
    }
}

/*ios*/
@supports (-webkit-touch-callout: none) {
    .remarks-container .remarks ul{
        list-style: none;
    }
}