/* ------------------------------------------------------------ *\
	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) {
    .details-container .details-header-container {
        padding-right: 10px;
        padding-left: 10px;
    }

        .details-container .details-header-container .back-button-wrapper {
            display: block;
            margin-left: 40px;
            float: right;
            padding-top: 10px;
            width: 14%;
        }


            .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;
                margin-right: 42px;
            }

                .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;
            padding-right: 30px;
        }

            .details-container .details-header-container .hotel-info .top-title-row {
                margin-right: 26px;
            }

        .details-container .details-header-container.Packages .hotel-info .top-title-row {
            margin-right: 9px;
        }

        .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);
            margin-bottom: 10px;
        }



        .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 .hotel-info .top-title-row .title {
            text-align: right;
            margin-bottom: 10px;
            margin-right: -10px;
            display: flex;
            gap: 15px;
            flex-direction: row-reverse;
            align-items: end;
        }

        .details-container .details-header-container.Packages .hotel-info .header-tags {
            display: flex;
            flex-direction: column;
        }

    .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;
        padding-top: 4%;
    }
    .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: -2px 0 0 9px;
        /* margin: -2px -200px 0 9px; */
    }

       

    .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;
    }

    
}

.details-container {
    position: relative;
    padding-top: 210px;
}

.gallery-container {
    position: absolute;
    top: 0;
    right: 0;
}

.gallery-container .gallery .gallery-slider-container .gallery-slider {
    display: none;
}

.gallery-container .gallery .gallery-slider-container .gallery-slider.slick-initialized {
    display: block;
}

.gallery-container .gallery .gallery-slider-container .gallery-place-holder {
    position: relative;
    text-align: center;
    height: 210px;
    width: 100vw;
}

.gallery-container .gallery .gallery-slider-container .gallery-place-holder div {
    display: flex;
    height: 210px;
}

.gallery-container .gallery .gallery-slider-container .gallery-place-holder div img {
    object-fit: cover;
    object-position: center;
    width: 100%;
}


.gallery-container .gallery .gallery-slider-container .gallery-images-counter-container {
    display: none;
    position: absolute;
    right: 15px;
    bottom: 10px;
    padding-right: 25px;
}

.gallery-container .gallery .gallery-slider-container .gallery-images-counter-container i {
    display: inline-block;
    color: #fff;
    margin-left: 6px;
    font-size: 16px;
    position: absolute;
    right: 0;
    top: 2px;
}

.gallery-container .gallery .gallery-slider-container .gallery-images-counter-container i span {
    position: absolute;
}

.gallery-container .gallery .gallery-slider-container .gallery-images-counter-container i span:not(.path1):before {
    color: #fff;
}

.gallery-container .gallery .gallery-slider-container .gallery-images-counter-container .gallery-images-counter {
    display: inline-block;
    color: #fff;
    font-size: 16px;
}

.gallery-container .gallery .gallery-slider-container .gallery-slider.slick-initialized + .gallery-images-counter-container {
    display: block;
}

.gallery-container .gallery .gallery-slider-container .gallery-slider.slick-initialized + .gallery-images-counter-container + .gallery-place-holder {
    display: none;
}

/**/
.gallery-container .gallery .gallery-slider-container {
    position: relative;
    text-align: center;
    height: 210px;
    width: 100vw;
}

.gallery-container .gallery .gallery-slider-container .gallery-slider.slick-initialized .slick-arrow {
    display: block;
    box-shadow: none;
    background: none;
    border-radius: 0;
    padding: 0;
    width: 18px;
    height: 12px;
    margin: 0;
}

.gallery-container .gallery .gallery-slider-container .gallery-slider.slick-initialized .slick-arrow.slick-next {
    transform: rotate(90deg);
    left: 15px;
    right: auto;
}

.gallery-container .gallery .gallery-slider-container .gallery-slider.slick-initialized .slick-arrow.slick-prev {
    transform: rotate(270deg);
    right: 15px;
    left: auto;
}

.gallery-container .gallery .gallery-slider-container .gallery-slider.slick-initialized .slick-arrow:before {
    content: '\e99b';
    color: #fff;
    font-size: 12px;
    opacity: 1;
}

.gallery-container .gallery .gallery-slider-container .gallery-slider.slick-initialized .slick-slide {
    display: inline-flex;
    float: none;
    vertical-align: middle;
    height: 210px;
}

.gallery-container .gallery .gallery-slider-container .gallery-slider.slick-initialized .slick-slide img {
    object-fit: cover;
    object-position: center;
    margin: 0 auto;
    width: 100%;
}

.gallery-container .gallery .gallery-slider-container .gallery-slider.slick-initialized .slick-track {
    background-color: #f7f7f7;
    text-align: center;
}

.gallery-container .gallery .special-galleries {
    display: none;
}

/*fullscreen*/
.fullscreen-galleries-container {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    background: #fff;
    z-index: 13;
    margin-left: -10px;
    margin-right: -10px;
}

.fullscreen-galleries-container .fullscreen-galleries-header {
    background-color: #EFEFEF;
    height: 55px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 15px;
}

.fullscreen-galleries-container .fullscreen-galleries-header .fullscreen-galleries-title {
    display: inline-block;
}

.fullscreen-galleries-container .fullscreen-galleries-header .fullscreen-galleries-title span {
    display: none;
    font-size: 16px;
    font-weight: 500;
    color: #2A3335;
}

.fullscreen-galleries-container .fullscreen-galleries-header .fullscreen-galleries-title span.current {
    display: inline-block;
}

.fullscreen-galleries-container .fullscreen-galleries-header .fullscreen-galleries-close {
    position: static;
    border: none;
}

.fullscreen-galleries-container .fullscreen-galleries-header .fullscreen-galleries-close span {
    display: none;
}

.fullscreen-galleries-container .fullscreen-galleries-header .fullscreen-galleries-close i {
    font-size: 13px;
    color: #000000;
}

.fullscreen-galleries-container .fullscreen-galleries-body .nav-tabs {
    position: absolute;
    bottom: 0;
    padding: 0;
    margin: 0;
    width: 100%;
}

.fullscreen-galleries-container .fullscreen-galleries-body .nav-tabs ul {
    padding: 5px 15px;
    display: flex;
    justify-content: space-around;
    list-style: none;
}

.fullscreen-galleries-container .fullscreen-galleries-body .nav-tabs li.nav-tab {
    width: auto;
}

.fullscreen-galleries-container .fullscreen-galleries-body .nav-tabs li.nav-tab.virtual-tours-tab a {
    padding-right: 25px;
}

.fullscreen-galleries-container .fullscreen-galleries-body .nav-tabs li.nav-tab a {
    color: #000000;
    font-size: 14px;
    letter-spacing: 0.28px;
    background-color: transparent;
    padding: 0 20px 0 0;
    width: fit-content;
    margin: 0 auto;
    position: relative;
}

.fullscreen-galleries-container .fullscreen-galleries-body .nav-tabs li.nav-tab.current a {
    border-bottom: 1px solid #000000;
}

.fullscreen-galleries-container .fullscreen-galleries-body .nav-tabs li.nav-tab a i {
    font-size: 13px;
    vertical-align: middle;
    position: absolute;
    right: 0;
    top: 2px;
    color: #222;
}

.fullscreen-galleries-container .fullscreen-galleries-body .nav-tabs li.nav-tab a i span {
    position: absolute;
}

.fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-previews .slide-previews-fullscreen-images-gallery {
    padding: 10px 15px;
}

.fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-previews .slide-previews-fullscreen-images-gallery .slide-previews-fullscreen-images-gallery-counter {
    display: none;
}

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-previews .slide-previews-fullscreen-images-gallery .slick-slide {
        width: 60px !important;
        height: 45px !important;
        margin-right: 5px;
    }

        .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-previews .slide-previews-fullscreen-images-gallery .slick-slide img {
            width: 60px !important;
            height: 45px !important;
            opacity: 0.4;
        }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-previews .slide-previews-fullscreen-images-gallery .slick-slide img.selected{
        opacity: 1;
    }

.fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-slider .fullscreen-images-gallery-slider-container {
    position: relative;
    text-align: center;
    width: 100vw;
}

.fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-slider .fullscreen-images-gallery-slider-container .fullscreen-images-gallery-slider.slick-initialized {
    height: 270px;
}

.fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-slider .fullscreen-images-gallery-slider-container .fullscreen-images-gallery-slider.slick-initialized .slick-arrow {
    display: block;
    box-shadow: none;
    background: none;
    border-radius: 0;
    padding: 0;
    width: 18px;
    height: 12px;
    margin: 0;
}

.fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-slider .fullscreen-images-gallery-slider-container .fullscreen-images-gallery-slider.slick-initialized .slick-arrow.slick-next {
    transform: rotate(90deg);
    left: 15px;
    right: auto;
}

.fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-slider .fullscreen-images-gallery-slider-container .fullscreen-images-gallery-slider.slick-initialized .slick-arrow.slick-prev {
    transform: rotate(270deg);
    right: 15px;
    left: auto;
}

.fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-slider .fullscreen-images-gallery-slider-container .fullscreen-images-gallery-slider.slick-initialized .slick-arrow:before {
    content: '\e99b';
    color: #fff;
    font-size: 12px;
    opacity: 1;
}

.fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-slider .fullscreen-images-gallery-slider-container .fullscreen-images-gallery-slider.slick-initialized .slick-slide {
    display: inline-flex;
    flex-direction: column;
    float: none;
    vertical-align: middle;
}

.fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-slider .fullscreen-images-gallery-slider-container .fullscreen-images-gallery-slider.slick-initialized .slick-slide img {
    object-fit: cover;
    object-position: center;
    height: 270px;
    width: 100%;
}

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-slider .fullscreen-images-gallery-slider-container .image-details-container {
        direction: rtl;
        font-family: 'Rubik', 'Arial', 'Helvetica', sans-serif;
        text-align: right;
        display: flex;
        flex-direction: column;
        font-size: 14px;
        color: #000000;
        padding: 10px 15px;
    }

.fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-slider .fullscreen-images-gallery-slider-container .image-details-container span.images-counter {
    margin-bottom: 10px;
}



/*insta*/

.fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab#instagramTab .tab-header {
    height: 35px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 3px #00000029;
    margin-bottom: 15px;
}

.fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab#instagramTab .tab-header .tab-nav ul {
    list-style: none;
    height: 35px;
    width: 100vw;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-evenly;
    align-items: center;
}

.fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab#instagramTab .tab-header .tab-nav ul li.tab-nav {
    text-align: center;
}

.fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab#instagramTab .tab-header .tab-nav ul li.tab-nav a {
    position: relative;
    padding-left: 26px;
}

.fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab#instagramTab .tab-header .tab-nav ul li.tab-nav a i {
    position: absolute;
    left: 0;
    font-style: normal;
}

.fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab#instagramTab .tab-header .tab-nav ul li.tab-nav.instagram-username-tab a img {
    display: none;
    position: absolute;
    left: 0px;
    width: 20px;
    height: 20px;
    top: 0;
    border: 0.5px solid #707070;
    border-radius: 50%;
}

.fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab#instagramTab .tab-header .tab-nav ul li.tab-nav.instagram-tag-tab a i {
    font-size: 14px;
    border: 0.5px solid #707070;
    border-radius: 50%;
    height: 20px;
    width: 20px;
    top: -1px;
}

.fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab#instagramTab .tab-header .tab-nav ul li.tab-nav a span {
    font-size: 14px;
    letter-spacing: 0px;
    color: #000000;
}

.fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab#instagramTab .tab-header .tab-nav ul li.tab-nav.current a span {
    border-bottom: 1px solid #000;
    font-weight: 500;
}

.fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab#instagramTab .tab-previews {
    display: none;
}

.fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab#instagramTab .tab-body .loader-ring {
    width: 100vw;
    padding: 30%;
}

.fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab#instagramTab .tab-body .inner-tab {
    display: none;
    height: calc(100vh - 140px);
    overflow: scroll;
    padding: 0 15px;
    text-align: center;
}

.fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab#instagramTab .tab-body .inner-tab.current {
    display: block;
}

.fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab#instagramTab .tab-body .image-container {
    width: 107px;
    height: 107px;
    display: inline-block;
    margin-left: 5px;
    margin-bottom: 5px;
}

.fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab#instagramTab .tab-body .image-container img {
    width: 107px;
    height: 107px;
}


.fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab#instagramTab .tab-body .image-view-container {
    display: none;
    position: fixed;
    top: 0px;
    width: 100vw;
    height: 100vh;
    background: rgb(255, 255, 255);
}

.fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab#instagramTab .tab-body .image-view-container .image-view-header {
    background-color: #EFEFEF;
    height: 55px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 15px;
    margin-bottom: 15px;
}

.fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab#instagramTab .tab-body .image-view-container .image-view-header .image-view-title {
    display: inline-block;
}

.fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab#instagramTab .tab-body .image-view-container .image-view-header .image-view-title i {
    font-size: 13px;
    color: #474747;
    vertical-align: middle;
    margin-left: 6px;
}

.fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab#instagramTab .tab-body .image-view-container .image-view-header .image-view-title span {
    font-size: 12px;
    font-weight: 500;
    color: #555555;
}

.fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab#instagramTab .tab-body .image-view-container .image-view-header .image-view-close {
    position: static;
    border: none;
}

.fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab#instagramTab .tab-body .image-view-container .image-view-header .image-view-close span {
    display: none;
}

.fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab#instagramTab .tab-body .image-view-container .image-view-header .image-view-close i {
    font-size: 13px;
    color: #000000;
}

.fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab#instagramTab .tab-body .image-view-container .image-view-body .image-view {
    width: 100vw;
    height: 360px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab#instagramTab .tab-body .image-view-container .image-view-body .image-view img {
    object-fit: cover;
    object-position: center;
    height: 360px;
    width: 100vw;
}

.fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab#instagramTab .tab-body .image-view-container .image-view-body .user-profile {
    direction: ltr;
    text-align: left;
    padding: 10px 15px 5px;
}

.fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab#instagramTab .tab-body .image-view-container .image-view-body .user-profile img {
    display: inline-block;
    border-radius: 50%;
    border: 0.5px solid #707070;
    width: 40px;
    height: 40px;
    margin-right: 10px;
}

.fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab#instagramTab .tab-body .image-view-container .image-view-body .user-profile span {
    font-size: 14px;
    letter-spacing: 0px;
    color: #000000;
    vertical-align: top;
}

.fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab#instagramTab .tab-body .image-view-container .image-view-body .image-description {
    text-align: left;
    font-size: 14px;
    letter-spacing: 0px;
    color: #000000;
    text-transform: lowercase;
    padding: 7px 15px 0;
    max-height: 250px;
    overflow: scroll;
}

.fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-previews .slide-previews-fullscreen-videos-gallery {
    padding: 10px 15px;
}

.fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-previews .slide-previews-fullscreen-videos-gallery .slick-slide {
    width: 60px !important;
    height: 45px !important;
    margin-right: 5px;
}

.fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-previews .slide-previews-fullscreen-videos-gallery .slick-slide img {
    width: 60px !important;
    height: 45px !important;
    opacity: 0.4;
}

.fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-previews .slide-previews-fullscreen-videos-gallery .slick-slide img.selected {
    opacity: 1;
}





.fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-slider .fullscreen-videos-gallery-slider-container {
    position: relative;
    text-align: center;
    width: 100vw;
}

.fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-slider .fullscreen-videos-gallery-slider-container .fullscreen-videos-gallery-slider.slick-initialized {
    height: 210px;
}

.fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-slider .fullscreen-videos-gallery-slider-container .fullscreen-videos-gallery-slider.slick-initialized .slick-arrow {
    display: block;
    box-shadow: none;
    background: none;
    border-radius: 0;
    padding: 0;
    width: 18px;
    height: 12px;
    margin: 0;
}

.fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-slider .fullscreen-videos-gallery-slider-container .fullscreen-videos-gallery-slider.slick-initialized .slick-arrow.slick-next {
    transform: rotate(90deg);
    left: 15px;
    right: auto;
}

.fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-slider .fullscreen-videos-gallery-slider-container .fullscreen-videos-gallery-slider.slick-initialized .slick-arrow.slick-prev {
    transform: rotate(270deg);
    right: 15px;
    left: auto;
}

.fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-slider .fullscreen-videos-gallery-slider-container .fullscreen-videos-gallery-slider.slick-initialized .slick-arrow:before {
    content: '\e99b';
    color: #fff;
    font-size: 12px;
    opacity: 1;
}

.fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-slider .fullscreen-videos-gallery-slider-container .fullscreen-videos-gallery-slider.slick-initialized .slick-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 210px;
}

.fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-slider .fullscreen-videos-gallery-slider-container .fullscreen-videos-gallery-slider.slick-initialized .slick-slide img {
    object-fit: cover;
    object-position: center;
    height: 210px;
    width: 100vw;
}

.fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-slider .fullscreen-videos-gallery-slider-container .fullscreen-videos-gallery-slider.slick-initialized .slick-slide.video-container .play-button {
    opacity: 0;
    background: #000;
    border-radius: 50% / 10%;
    color: #FFFFFF;
    font-size: 15px;
    height: 48px;
    padding: 0;
    position: absolute;
    text-align: center;
    text-indent: 0.1em;
    transition: all 150ms ease-out;
    width: 68px;
}

.fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-slider .fullscreen-videos-gallery-slider-container .fullscreen-videos-gallery-slider.slick-initialized .slick-slide.video-container .play-button:before {
    background: inherit;
    border-radius: 5% / 50%;
    bottom: 9%;
    content: "";
    left: -5%;
    position: absolute;
    right: -5%;
    top: 9%;
}

.fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-slider .fullscreen-videos-gallery-slider-container .fullscreen-videos-gallery-slider.slick-initialized .slick-slide.video-container .play-button:after {
    border-style: solid;
    border-width: 1em 0 1em 1.732em;
    border-color: transparent transparent transparent rgba(255, 255, 255, 0.75);
    content: ' ';
    font-size: 0.75em;
    height: 0;
    margin: -1em 0 0 -0.75em;
    top: 50%;
    position: absolute;
    width: 0;
}

.fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-slider .fullscreen-videos-gallery-slider-container .fullscreen-videos-gallery-slider.slick-initialized .slick-slide.video-container .loader-ring {
    display: none;
    position: absolute;
    width: 68px;
    height: 48px;
}

.fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-slider .fullscreen-videos-gallery-slider-container .fullscreen-videos-gallery-slider.slick-initialized .slick-slide.video-container.player-active img {
    display: none;
}

.fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-slider .fullscreen-videos-gallery-slider-container .fullscreen-videos-gallery-slider.slick-initialized .slick-slide.video-container.player-active .play-button {
    display: none;
}

.fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-slider .fullscreen-videos-gallery-slider-container .fullscreen-videos-gallery-slider.slick-initialized .slick-slide iframe {
    display: none;
    width: 100vw;
    height: 210px;
}

.fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-slider .fullscreen-videos-gallery-slider-container .fullscreen-videos-gallery-slider.slick-initialized .slick-slide.video-container.player-active iframe {
    display: block;
}




/*360*/
.fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-previews .slide-previews-fullscreen-tours-gallery {
    padding: 10px 15px;
}

.fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-previews .slide-previews-fullscreen-tours-gallery .slick-slide {
    width: 70px !important;
    height: 45px !important;
    margin-right: 5px;
}

.fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-previews .slide-previews-fullscreen-tours-gallery .slick-slide img {
    width: 70px !important;
    height: 45px !important;
    opacity: 0.4;
}

.fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-previews .slide-previews-fullscreen-tours-gallery .slick-slide img.selected {
    opacity: 1;
}

.fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-slider .fullscreen-tours-gallery-slider-container {
    position: relative;
    text-align: center;
    width: 100vw;
}

.fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-slider .fullscreen-tours-gallery-slider-container .fullscreen-tours-gallery-slider.slick-initialized {
    height: 365px;
}

.fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-slider .fullscreen-tours-gallery-slider-container .fullscreen-tours-gallery-slider.slick-initialized .slick-arrow {
    display: block;
    box-shadow: none;
    background: none;
    border-radius: 0;
    padding: 0;
    width: 18px;
    height: 12px;
    margin: 0;
}

.fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-slider .fullscreen-tours-gallery-slider-container .fullscreen-tours-gallery-slider.slick-initialized .slick-arrow.slick-next {
    transform: rotate(90deg);
    left: 15px;
    right: auto;
}

.fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-slider .fullscreen-tours-gallery-slider-container .fullscreen-tours-gallery-slider.slick-initialized .slick-arrow.slick-prev {
    transform: rotate(270deg);
    right: 15px;
    left: auto;
}

.fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-slider .fullscreen-tours-gallery-slider-container .fullscreen-tours-gallery-slider.slick-initialized .slick-arrow:before {
    content: '\e99b';
    color: #fff;
    font-size: 12px;
    opacity: 1;
}

.fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-slider .fullscreen-tours-gallery-slider-container .fullscreen-tours-gallery-slider.slick-initialized .slick-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 365px;
}

.fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-slider .fullscreen-tours-gallery-slider-container .fullscreen-tours-gallery-slider.slick-initialized .slick-slide iframe {
    width: 100vw;
    height: 365px;
}

.fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-slider .fullscreen-tours-gallery-slider-container .fullscreen-tours-gallery-slider.slick-initialized .slick-slide.video-container.player-active iframe {
    display: block;
}

@media (min-width: 992px) {
    .details-container {
        position: static;
        padding-top: 0;
    }

    .gallery-container {
        position: static;
    }

    .gallery-container .gallery {
        display: flex;
        flex-direction: row-reverse;
    }

    .gallery-container .gallery .gallery-slider-container {
        width: 765px;
        height: 430px;
        margin-right: 15px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .gallery-container .gallery .gallery-slider-container .gallery-slider {
        display: none;
    }

    .gallery-container .gallery .gallery-slider-container .gallery-place-holder {
        display: block;
        width: 100%;
        height: 430px;
        cursor: pointer;
        overflow: hidden;
        border-radius:10px;
    }

    .gallery-container .gallery .gallery-slider-container .gallery-place-holder div {
        height: 430px;
        justify-content: center;
        background-color: #f7f7f7;
        transition: all .2s ease-in-out;
    }

    .gallery-container .gallery .gallery-slider-container:hover .gallery-place-holder div {
        transform: scale(1.1);
    }

    .gallery-container .gallery .gallery-slider-container .gallery-slider.slick-initialized {
        display: none;
    }

        .gallery-container .gallery .gallery-slider-container .gallery-images-counter-container {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            z-index: 1;
            border-radius: 50%;
            background: #fff;
            width: 90px;
            height: 90px;
            bottom: unset;
            right: unset;
            opacity: 0.9;
            cursor: pointer;
            transition: all .2s ease-in-out;
            padding-right: 0;
            padding-top: 8px;
        }

        .gallery-container .gallery .gallery-slider-container:hover .gallery-images-counter-container {
            width: 95px;
            height: 95px;
            opacity: 1;
        }

    .gallery-container .gallery .gallery-slider-container .gallery-images-counter-container i {
        color: #222;
        margin: 0;
        font-size: 25px;
        position: static;
        padding-left: 30px;
    }

    /*.gallery-container .gallery .gallery-slider-container .gallery-images-counter-container i span {
        position: static;
    }*/

    .gallery-container .gallery .gallery-slider-container .gallery-images-counter-container i span:not(.path1):before {
        color: #222;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-previews .slide-previews-fullscreen-images-gallery .slick-slide {
        width: 120px !important;
        height: 129px !important;
        
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-previews .slide-previews-fullscreen-images-gallery .slick-slide img {
        width: 117px !important;
        height: 87px !important;
           
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-slider .fullscreen-images-gallery-slider-container .image-details-container {
        position: relative;
        bottom: 6%;
        text-align: center
    }

    .gallery-container .gallery .gallery-slider-container .gallery-images-counter-container .gallery-images-counter {
        color: #222;
        font-size: 30px;
        letter-spacing: 0.6px;
        padding-top: 24px;
    }

    .gallery-container .gallery .gallery-slider-container .gallery-slider.slick-initialized + .gallery-images-counter-container {
        display: flex;
    }

    .gallery-container .gallery .gallery-slider-container .gallery-slider.slick-initialized + .gallery-images-counter-container + .gallery-place-holder {
        display: block;
    }

    .gallery-container .gallery .special-galleries {
        display: block;
        width: 500px;
    }

    .gallery-container .gallery .special-galleries .special-gallery {
        display: inline-flex;
        height: 135px;
        width: 240px;
        justify-content: center;
        align-items: center;
        background-color: #f7f7f7;
        overflow: hidden;
        border-radius:10px;
    }

    .gallery-container .gallery .special-galleries .special-gallery:first-child {
        width: 100%;
        height: 280px;
        display: flex;
        margin-bottom: 15px;
    }

    .gallery-container .gallery .special-galleries .special-gallery:last-child {
        float: left;
    }

    .gallery-container .gallery .special-galleries .special-gallery .image-container {
        display: flex;
        height: 135px;
        justify-content: center;
        cursor: pointer;
        transition: all .2s ease-in-out;
    }

    .gallery-container .gallery .special-galleries .special-gallery:hover .image-container {
        transform: scale(1.1);
    }

    .gallery-container .gallery .special-galleries .special-gallery:first-child .image-container {
        height: 280px;
        width: 100%;
    }

        .gallery-container .gallery .special-galleries .special-gallery .image-container img {
            object-fit: cover;
            object-position: center;
            width: 100%;
            transform: scale(1.5);
        }

    .gallery-container .gallery .special-galleries .special-gallery .special-gallery-indication-container {
        position: absolute;
        border-radius: 50%;
        background: #fff;
        width: 90px;
        height: 90px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        transition: all .2s ease-in-out;
        opacity: 0.9;
        cursor: pointer;
    }

    .gallery-container .gallery .special-galleries .special-gallery:hover .special-gallery-indication-container {
        transform: scale(1.1);
        opacity: 1;
    }

    .gallery-container .gallery .special-galleries .special-gallery .special-gallery-indication-container i {
        color: #222;
        font-size: 25px;
    }

    .gallery-container .gallery .special-galleries .special-gallery .special-gallery-indication-container .special-gallery-indication {
        font-size: 16px;
        letter-spacing: 0.32px;
    }

    .fullscreen-galleries-container {
        right: 0;
        margin: 0;
    }

    .fullscreen-galleries-container .fullscreen-galleries-header-wrapper {
        background-color: #EFEFEF;
    }

    .fullscreen-galleries-container .fullscreen-galleries-header {
        height: 50px;
        width: 1280px;
        max-width: 1280px;
        margin: 0 auto;
        padding: 0;
        position: relative;
    }

    .fullscreen-galleries-container .fullscreen-galleries-header .fullscreen-galleries-title {
        display: none;
    }

    .fullscreen-galleries-container .fullscreen-galleries-header .fullscreen-galleries-close {
        position: absolute;
        left: 0;
        border: 1px solid #C4C4C4;
        border-radius: 50%;
        height: 40px;
        width: 40px;
        z-index: 10;
        background: #fff;
        transition: all .4s ease;
    }

    .fullscreen-galleries-container .fullscreen-galleries-header .fullscreen-galleries-close:hover {
        height: 48px;
        width: 48px;
        transform: rotate(360deg);
        left: -5px;
    }

    .fullscreen-galleries-container .fullscreen-galleries-header .fullscreen-galleries-close:hover i {
        color: #222;
    }

    .fullscreen-galleries-container .fullscreen-galleries-header .fullscreen-galleries-close i {
        font-size: 20px;
        color: #555555;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body {
        height: calc(100vh - 50px);
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .nav-tabs {
        top: 0;
        height: 50px;
        width: 100vw;
        background-color: #EFEFEF;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .nav-tabs ul {
        height: 50px;
        line-height: 50px;
        padding: 0;
        display: block;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .nav-tabs li.nav-tab {
        margin-left: 55px;
        height: 50px;
        line-height: 50px;
        vertical-align: top;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .nav-tabs li.nav-tab.virtual-tours-tab a {
        padding-right: 0;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .nav-tabs li.nav-tab::after {
        display: none;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .nav-tabs li.nav-tab a {
        height: 50px;
        line-height: 50px;
        vertical-align: top;
        padding: 0;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .nav-tabs li.nav-tab.current a {
        border-bottom: 3px solid #000000;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .nav-tabs li.nav-tab a i {
        position: static;
        font-size: 17px;
        margin-left: 6px;
        vertical-align: middle;
        height: 50px;
        line-height: 50px;
        color: #000;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .nav-tabs li.nav-tab a i span {
        position: static;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .nav-tabs li.nav-tab a span {
        font-size: 18px;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs {
        width: 1280px;
        max-width: 1280px;
        margin: 0 auto;
        height: 100%;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab {
        display: flex;
        flex-direction: column-reverse;
        width: 1280px;
        max-width: 1280px;
        margin: 0 auto;
        height: 0;
        opacity: 0;
        visibility: hidden;
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        z-index: -1;
        overflow: hidden;
        transition: opacity .4s ease, visibility .4s ease;
        padding-top: 25px;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab.current {
        height: 100%;
        opacity: 1;
        visibility: visible;
        position: relative;
        top: auto;
        right: auto;
        left: auto;
        z-index: 1;
        overflow: visible;
        align-items:center;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-previews {
        width: 42%;
        height:23%;
       
    }

    /*images*/
    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-previews .slide-previews-fullscreen-images-gallery {
      
        text-align: left;
        max-height: 95%;
        overflow: hidden;
        margin-left: 10px;
        padding: 40px 0 0 5px;
        position: relative;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-previews .slide-previews-fullscreen-images-gallery .slide-previews-fullscreen-images-gallery-counter {
        display: block;
        width: auto !important;
        text-align: right;
        height: auto !important;
        position: absolute;
        top: 0;
        right: 25%;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-previews .slide-previews-fullscreen-images-gallery .slide-previews-fullscreen-images-gallery-counter span {
        font-size: 16px;
        color: #000000;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-previews .slide-previews-fullscreen-images-gallery div {
    
        height: 110px !important;
        display: inline-block;
        margin-left: 5px;
        margin-bottom: 5px;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-previews .slide-previews-fullscreen-images-gallery div img {
        width: 120px !important;
        height: 100px !important;
        border-radius: 4px;
        opacity: 0.4;
        cursor: pointer;
        transition: all 0.2s ease-in-out;
    }

        .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-previews .slide-previews-fullscreen-images-gallery div img.selected,
        .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-previews .slide-previews-fullscreen-images-gallery div img:hover {
            opacity: 1;
        }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-slider {
        width: 80%;
        height:70%;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-slider .fullscreen-images-gallery-slider-container {
        width: 100%;
        height: 100%;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-slider .fullscreen-images-gallery-slider-container .fullscreen-images-gallery-slider.slick-initialized .slick-arrow {
        width: 40px;
        height: 40px;
        border: 1px solid #C4C4C4;
        border-radius: 50%;
        opacity: 0.9;
        transition: all .1s ease;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #fff;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-slider .fullscreen-images-gallery-slider-container .fullscreen-images-gallery-slider.slick-initialized .slick-arrow:hover {
        width: 48px;
        height: 48px;
        opacity: 1;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-slider .fullscreen-images-gallery-slider-container .fullscreen-images-gallery-slider.slick-initialized .slick-arrow:before {
        color: #555555;
        font-size: 13px;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-slider .fullscreen-images-gallery-slider-container .fullscreen-images-gallery-slider.slick-initialized .slick-arrow.slick-prev {
        right: 35px;
        top: 275px;
    }

        .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-slider .fullscreen-images-gallery-slider-container .fullscreen-images-gallery-slider.slick-initialized .slick-arrow:hover.slick-prev {
            right: 31px;
        }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-slider .fullscreen-images-gallery-slider-container .fullscreen-images-gallery-slider.slick-initialized .slick-arrow.slick-next {
        left: 35px;
        top: 275px;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-slider .fullscreen-images-gallery-slider-container .fullscreen-images-gallery-slider.slick-initialized .slick-arrow:hover.slick-next {
        left: 30px;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-slider .fullscreen-images-gallery-slider-container .fullscreen-images-gallery-slider.slick-initialized {
        height: 100%;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-slider .fullscreen-images-gallery-slider-container .fullscreen-images-gallery-slider.slick-initialized .slick-list {
        height: 100%;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-slider .fullscreen-images-gallery-slider-container .fullscreen-images-gallery-slider.slick-initialized .slick-list .slick-track {
        height: 100%;

    }
    
    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-slider .fullscreen-images-gallery-slider-container .fullscreen-images-gallery-slider.slick-initialized .slick-slide {
        position: relative;
        vertical-align: top;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-slider .fullscreen-images-gallery-slider-container .fullscreen-images-gallery-slider.slick-initialized .slick-slide .slide-container {
        height: 100%;
        width: 75%;
        margin: 0 auto;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-slider .fullscreen-images-gallery-slider-container .fullscreen-images-gallery-slider.slick-initialized .slick-slide .slide-container .image-container {
        position: relative;
        padding-top: 75%;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-slider .fullscreen-images-gallery-slider-container .fullscreen-images-gallery-slider.slick-initialized .slick-slide .slide-container .image-container img {
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-slider .fullscreen-images-gallery-slider-container .fullscreen-images-gallery-slider.slick-initialized .slick-slide .slide-container .image-details-container {
        padding: 15px 0;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-slider .fullscreen-images-gallery-slider-container .fullscreen-images-gallery-slider.slick-initialized .slick-slide .image-details-container span.images-counter {
        display: none;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-slider .fullscreen-images-gallery-slider-container .fullscreen-images-gallery-slider.slick-initialized .slick-slide .image-details-container span.description {
        font-size: 20px;
        color: #555555;
    }

    /*insta*/
    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab#instagramTab .tab-header {
        width: 20%;
        z-index: 1;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab#instagramTab .tab-header .tab-nav ul {
        width: 100%;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab#instagramTab .tab-previews {
        display: block;
        position: absolute;
        direction: ltr !important;
        text-align: center;
        max-height: 700px;
        overflow: scroll;
        margin-left: 10px;
        padding: 50px 0 0 5px;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab#instagramTab .tab-previews .slide-previews-fullscreen-instagram-username-gallery, .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab#instagramTab .tab-previews .slide-previews-fullscreen-instagram-tag-gallery {
        display: none;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab#instagramTab .tab-previews .slide-previews-fullscreen-instagram-username-gallery.current, .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab#instagramTab .tab-previews .slide-previews-fullscreen-instagram-tag-gallery.current {
        display: block;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab#instagramTab .tab-previews .slide-previews-fullscreen-instagram-username-gallery div, .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab#instagramTab .tab-previews .slide-previews-fullscreen-instagram-tag-gallery div {
        width: 85px !important;
        height: 65px !important;
        display: inline-block;
        margin-left: 5px;
        margin-bottom: 5px;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab#instagramTab .tab-previews .slide-previews-fullscreen-instagram-username-gallery div img, .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab#instagramTab .tab-previews .slide-previews-fullscreen-instagram-tag-gallery div img {
        width: 85px !important;
        height: 65px !important;
        border-radius: 4px;
        opacity: 0.4;
        cursor: pointer;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab#instagramTab .tab-previews .slide-previews-fullscreen-instagram-username-gallery div img.selected, .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab#instagramTab .tab-previews .slide-previews-fullscreen-instagram-tag-gallery div img.selected {
        opacity: 1;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab#instagramTab .tab-body {
        width: 80%;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab#instagramTab .tab-body .loader-ring {
        width: 100%;
        padding-top: 100px;
    }

    /*username insta feed*/
    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab#instagramTab .tab-body .inner-tab {
        height: 100%;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab#instagramTab .tab-body .inner-tab .fullscreen-instagram-username-gallery-slider.slick-initialized .slick-arrow {
        width: 40px;
        height: 40px;
        border: 1px solid #C4C4C4;
        border-radius: 50%;
        opacity: 0.9;
        transition: all .4s ease;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #fff;
        top: 42%;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab#instagramTab .tab-body .inner-tab .fullscreen-instagram-username-gallery-slider.slick-initialized .slick-arrow:hover {
        width: 48px;
        height: 48px;
        opacity: 1;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab#instagramTab .tab-body .inner-tab .fullscreen-instagram-username-gallery-slider.slick-initialized .slick-arrow:before {
        color: #555555;
        font-size: 13px;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab#instagramTab .tab-body .inner-tab .fullscreen-instagram-username-gallery-slider.slick-initialized .slick-arrow.slick-prev {
        right: 0;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab#instagramTab .tab-body .inner-tab .fullscreen-instagram-username-gallery-slider.slick-initialized .slick-arrow:hover.slick-prev {
        right: -5px;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab#instagramTab .tab-body .inner-tab .fullscreen-instagram-username-gallery-slider.slick-initialized .slick-arrow.slick-next {
        left: 0;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab#instagramTab .tab-body .inner-tab .fullscreen-instagram-username-gallery-slider.slick-initialized .slick-arrow:hover.slick-next {
        left: -5px;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab#instagramTab .tab-body .inner-tab .fullscreen-instagram-username-gallery-slider.slick-initialized {
        height: 100%;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab#instagramTab .tab-body .inner-tab .fullscreen-instagram-username-gallery-slider.slick-initialized .slick-list {
        height: 100%;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab#instagramTab .tab-body .inner-tab .fullscreen-instagram-username-gallery-slider.slick-initialized .slick-list .slick-track {
        height: 100%;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab#instagramTab .tab-body .inner-tab .fullscreen-instagram-username-gallery-slider.slick-initialized .slick-slide.image-container {
        position: relative;
        vertical-align: top;
        height: 100%;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab#instagramTab .tab-body .inner-tab .fullscreen-instagram-username-gallery-slider.slick-initialized .slick-slide.image-container img {
        height: 85%;
        width: auto;
        margin: 0 auto;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab#instagramTab .tab-body .inner-tab .fullscreen-instagram-username-gallery-slider.slick-initialized .slick-slide.image-container .image-details-container {
        padding: 40px 0 0 85px;
        height: auto;
        min-height: 100px;
        position: absolute;
        bottom: 0;
        width: 100%;
        overflow: scroll;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab#instagramTab .tab-body .inner-tab .fullscreen-instagram-username-gallery-slider.slick-initialized .slick-slide.image-container .image-details-container .user-profile {
        position: absolute;
        left: 0;
        top: 0;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab#instagramTab .tab-body .inner-tab .fullscreen-instagram-username-gallery-slider.slick-initialized .slick-slide.image-container .image-details-container .user-profile span.username {
        position: absolute;
        left: 85px;
        color: #555555;
        font-size: 20px;
        font-weight: 500;
        font-family: 'Rubik', 'Arial', 'Helvetica', sans-serif;
        top: 10px;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab#instagramTab .tab-body .inner-tab .fullscreen-instagram-username-gallery-slider.slick-initialized .slick-slide.image-container .image-details-container .user-profile img {
        height: 70px;
        width: 70px;
        padding: 0;
        position: static;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab#instagramTab .tab-body .inner-tab .fullscreen-instagram-username-gallery-slider.slick-initialized .slick-slide.image-container .image-details-container .image-description {
        text-align: left;
        font-family: 'Rubik', 'Arial', 'Helvetica', sans-serif;
        font-size: 18px;
    }
    /*tag insta feed*/
    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab#instagramTab .tab-body .inner-tab .fullscreen-instagram-tag-gallery-slider.slick-initialized .slick-arrow {
        width: 40px;
        height: 40px;
        border: 1px solid #C4C4C4;
        border-radius: 50%;
        opacity: 0.9;
        transition: all .4s ease;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #fff;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab#instagramTab .tab-body .inner-tab .fullscreen-instagram-tag-gallery-slider.slick-initialized .slick-arrow:hover {
        width: 48px;
        height: 48px;
        opacity: 1;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab#instagramTab .tab-body .inner-tab .fullscreen-instagram-tag-gallery-slider.slick-initialized .slick-arrow:before {
        color: #555555;
        font-size: 13px;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab#instagramTab .tab-body .inner-tab .fullscreen-instagram-tag-gallery-slider.slick-initialized .slick-arrow.slick-prev {
        right: 0;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab#instagramTab .tab-body .inner-tab .fullscreen-instagram-tag-gallery-slider.slick-initialized .slick-arrow:hover.slick-prev {
        right: -5px;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab#instagramTab .tab-body .inner-tab .fullscreen-instagram-tag-gallery-slider.slick-initialized .slick-arrow.slick-next {
        left: 0;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab#instagramTab .tab-body .inner-tab .fullscreen-instagram-tag-gallery-slider.slick-initialized .slick-arrow:hover.slick-next {
        left: -5px;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab#instagramTab .tab-body .inner-tab .fullscreen-instagram-tag-gallery-slider.slick-initialized {
        height: 100%;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab#instagramTab .tab-body .inner-tab .fullscreen-instagram-tag-gallery-slider.slick-initialized .slick-list {
        height: 100%;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab#instagramTab .tab-body .inner-tab .fullscreen-instagram-tag-gallery-slider.slick-initialized .slick-list .slick-track {
        height: 100%;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab#instagramTab .tab-body .inner-tab .fullscreen-instagram-tag-gallery-slider.slick-initialized .slick-slide.image-container {
        position: relative;
        vertical-align: top;
        height: 100%;
        overflow: scroll;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab#instagramTab .tab-body .inner-tab .fullscreen-instagram-tag-gallery-slider.slick-initialized .slick-slide.image-container img {
        height: 85%;
        width: auto;
        margin: 0 auto;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab#instagramTab .tab-body .inner-tab .fullscreen-instagram-tag-gallery-slider.slick-initialized .slick-slide.image-container .image-description {
        text-align: left;
        font-family: 'Rubik', 'Arial', 'Helvetica', sans-serif;
        font-size: 18px;
        padding: 40px 0 0 85px;
        height: 10%;
        min-height: 100px;
        position: absolute;
        bottom: 0;
        left: 0;
    }

    /*videos*/
    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-previews .slide-previews-fullscreen-videos-gallery {
        direction: rtl !important;
        text-align: left;
        max-height: 700px;
        overflow: scroll;
        margin-left: 10px;
        padding: 0 0 0 5px;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-previews .slide-previews-fullscreen-videos-gallery div {
        width: 85px !important;
        height: 65px !important;
        display: inline-block;
        margin-left: 5px;
        margin-bottom: 5px;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-previews .slide-previews-fullscreen-videos-gallery div img {
        width: 85px !important;
        height: 65px !important;
        border-radius: 4px;
        opacity: 0.4;
        cursor: pointer;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-previews .slide-previews-fullscreen-videos-gallery div img.selected {
        opacity: 1;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-slider .fullscreen-videos-gallery-slider-container .fullscreen-videos-gallery-slider.slick-initialized {
        direction: rtl !important;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-slider .fullscreen-videos-gallery-slider-container {
        width: 100%;
        height: 100%;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-slider .fullscreen-videos-gallery-slider-container .fullscreen-videos-gallery-slider.slick-initialized .slick-arrow {
        width: 40px;
        height: 40px;
        border: 1px solid #C4C4C4;
        border-radius: 50%;
        opacity: 0.9;
        transition: all .4s ease;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #fff;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-slider .fullscreen-videos-gallery-slider-container .fullscreen-videos-gallery-slider.slick-initialized .slick-arrow:hover {
        width: 48px;
        height: 48px;
        opacity: 1;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-slider .fullscreen-videos-gallery-slider-container .fullscreen-videos-gallery-slider.slick-initialized .slick-arrow:before {
        color: #555555;
        font-size: 13px;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-slider .fullscreen-videos-gallery-slider-container .fullscreen-videos-gallery-slider.slick-initialized .slick-arrow.slick-prev {
        right: 0;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-slider .fullscreen-videos-gallery-slider-container .fullscreen-videos-gallery-slider.slick-initialized .slick-arrow:hover.slick-prev {
        right: -5px;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-slider .fullscreen-videos-gallery-slider-container .fullscreen-videos-gallery-slider.slick-initialized .slick-arrow.slick-next {
        left: 0;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-slider .fullscreen-videos-gallery-slider-container .fullscreen-videos-gallery-slider.slick-initialized .slick-arrow:hover.slick-next {
        left: -5px;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-slider .fullscreen-videos-gallery-slider-container .fullscreen-videos-gallery-slider.slick-initialized {
        height: 100%;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-slider .fullscreen-videos-gallery-slider-container .fullscreen-videos-gallery-slider.slick-initialized .slick-list {
        height: 100%;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-slider .fullscreen-videos-gallery-slider-container .fullscreen-videos-gallery-slider.slick-initialized .slick-list .slick-track {
        height: 100%;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-slider .fullscreen-videos-gallery-slider-container .fullscreen-videos-gallery-slider.slick-initialized .slick-slide {
        height: 90%;
        position: relative;
        vertical-align: top;
    }

    .slide-previews-fullscreen-images-gallery.slick-initialized .slick-slide{
        float: left;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-slider .fullscreen-videos-gallery-slider-container .fullscreen-videos-gallery-slider.slick-initialized .slick-slide img {
        height: 100%;
        padding: 0 50px;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-slider .fullscreen-videos-gallery-slider-container .fullscreen-videos-gallery-slider.slick-initialized .slick-slide.video-container .loader-ring {
        padding: 0;
        width: 88px;
        height: 68px;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-slider .fullscreen-videos-gallery-slider-container .fullscreen-videos-gallery-slider.slick-initialized .slick-slide.video-container .play-button {
        font-size: 22px;
        height: 58px;
        text-indent: -0.7em;
        width: 78px;
        cursor: pointer;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-slider .fullscreen-videos-gallery-slider-container .fullscreen-videos-gallery-slider.slick-initialized .slick-slide iframe {
        height: 100%;
        width: 100%;
        padding: 0 50px;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab#virtualToursTab {
        flex-direction: column-reverse;
        justify-content: flex-end;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab#virtualToursTab .tab-previews {
        width: 100%;
        padding: 0 35px;
        height: 10%;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-previews .slide-previews-fullscreen-tours-gallery {
        text-align: right;
        direction: rtl !important;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-previews .slide-previews-fullscreen-tours-gallery div {
        display: inline-block;
        margin-left: 25px;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-previews .slide-previews-fullscreen-tours-gallery div img {
        opacity: 0.4;
        cursor: pointer;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-previews .slide-previews-fullscreen-tours-gallery div img.selected {
        opacity: 1;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab#virtualToursTab .tab-slider {
        width: 100%;
        height: 85%;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-slider .fullscreen-tours-gallery-slider-container {
        width: 100%;
        height: 100%;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-slider .fullscreen-tours-gallery-slider-container .fullscreen-tours-gallery-slider.slick-initialized {
        height: 100%;
        padding: 0 50px;
        direction: rtl !important;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-slider .fullscreen-tours-gallery-slider-container .fullscreen-tours-gallery-slider.slick-initialized .slick-list {
        height: 100%;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-slider .fullscreen-tours-gallery-slider-container .fullscreen-tours-gallery-slider.slick-initialized .slick-list .slick-track {
        height: 100%;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-slider .fullscreen-tours-gallery-slider-container .fullscreen-tours-gallery-slider.slick-initialized .slick-arrow {
        width: 40px;
        height: 40px;
        border: 1px solid #C4C4C4;
        border-radius: 50%;
        opacity: 0.9;
        transition: all .4s ease;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #fff;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-slider .fullscreen-tours-gallery-slider-container .fullscreen-tours-gallery-slider.slick-initialized .slick-arrow::before {
        color: #555555;
        font-size: 13px;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-slider .fullscreen-tours-gallery-slider-container .fullscreen-tours-gallery-slider.slick-initialized .slick-arrow:hover {
        width: 48px;
        height: 48px;
        opacity: 1;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-slider .fullscreen-tours-gallery-slider-container .fullscreen-tours-gallery-slider.slick-initialized .slick-arrow.slick-prev {
        right: 0;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-slider .fullscreen-tours-gallery-slider-container .fullscreen-tours-gallery-slider.slick-initialized .slick-arrow:hover.slick-prev {
        right: -5px;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-slider .fullscreen-tours-gallery-slider-container .fullscreen-tours-gallery-slider.slick-initialized .slick-arrow.slick-next {
        left: 0;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-slider .fullscreen-tours-gallery-slider-container .fullscreen-tours-gallery-slider.slick-initialized .slick-arrow:hover.slick-next {
        left: -5px;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-slider .fullscreen-tours-gallery-slider-container .fullscreen-tours-gallery-slider.slick-initialized .slick-slide {
        height: 100%;
    }

    .fullscreen-galleries-container .fullscreen-galleries-body .tabs .tab .tab-slider .fullscreen-tours-gallery-slider-container .fullscreen-tours-gallery-slider.slick-initialized .slick-slide iframe {
        width: 100%;
        height: 100%;
    }
}

.modal-new-gallery-wrap {
    position: fixed;
    inset: 0;
    z-index: 12;
    overflow: hidden;
    overflow-y: scroll;
    background-color: white;
    display: none;
    scrollbar-width: none;
    -ms-overflow-style: none;
    height:100vh;
}
.modal-new-gallery-wrap::-webkit-scrollbar {
        display: none; 
}

.main-gallery-container {
    width: 100%;
    margin: 0 auto;
    padding-inline: 16px;
}

.header-title-new-gallery {
    font-size: 18px;
    font-family: rubik;
    padding-block:15px;
    font-weight:500;
}
.close-span-new-gallery {
    font-size: 24px;
    font-family: cursive;
    margin-left: 15px;
    cursor: pointer;
    font-weight: 100;
    display: inline-block;
    transition: transform 0.6s ease;
    transform-style: preserve-3d;
    color:black
}
.close-modal-new-gallery {
    perspective: 600px;
    display: flex;
    align-items: center;
}
    .close-span-new-gallery:hover {
        transform: rotate(360deg);
        color:lightcoral;
    }
.modal-new-header-wrap {
    border-bottom: 1px solid #E0E0E0;
    position: fixed;
    background-color: white;
    z-index: 2;
    top: 0;
    width:100%;
}

.modal-new-header-title {
    display: flex;
    gap: 45%;
    border-bottom: 1px solid #E0E0E0;
    flex-direction: row-reverse;
}
.modal-new-header-category-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
}
.modal-new-header-category {
    display: flex;
    margin-block: 8px;
    white-space: nowrap;
    overflow-x: auto;
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}
    .modal-new-header-category::-webkit-scrollbar {
        display: none; 
    }
.scroll-gallery-btn {
    width: 38px;
    height: 38px;
    aspect-ratio: 1;
    font-size: 29px;
    font-weight: 400;
    border: 1px solid black;
    border-radius: 50%;
    background-color: white;
    text-align: center;
    margin-inline: 5px;
    cursor:pointer;
}
    .scroll-gallery-btn:hover {
        transform: scale(1.03);
        box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
    }

    .image-category-title {
        font-size: 16px;
        font-family: rubik;
    }
    .image-category-title-active{
        font-weight:700;
    }

.image-category-title-wrap {
    margin-inline: 36px;
    padding: 8px;
    cursor: pointer;
    border-radius: 5px;
    margin-bottom:3px;
}
        .image-category-title-wrap:hover {
            box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
            font-weight: 700;
        }

.new-gallery-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr)); 
    gap: 17px 16px; 
}

.image-in-grid-wrap {
    aspect-ratio: 4 / 3;
    overflow: hidden; 
    border-radius: 5px; 
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}


.main-gallery-wrap{
    margin-inline:24px;
    margin-block:31px;
    padding-top:100px;
}
    .main-gallery-wrap img {
        width: 100%;
        height: 100%;
        object-fit: cover; 
        display: block;
        cursor:pointer;
        
    }
    .image-in-grid-wrap:hover {
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        transform: scale(1.02);
    }













/*! MOBILE DESIGN ! */

/* ====== Phones & small devices (~576px) ====== */
@media (max-width: 576px) {
    .modal-new-gallery-wrap {
        background-color: #fff;
    }

    .main-gallery-container {
        padding-inline: 12px;
    }

    .modal-new-header-wrap {
        border-bottom: 1px solid #E0E0E0;
        position: fixed;
        background-color: white;
        z-index: 2;
        top: 0;
        width:100%;
    }
    
    .modal-new-header-title {
        display: flex;
        justify-content: center; 
        align-items: center;
        position: relative;
    }
    .close-modal-new-gallery {
        position: absolute;
        left: 0; 
    }

    .header-title-new-gallery {
        font-size: 16px;
        padding-block: 12px;
        font-weight: 600;
    }

    .close-span-new-gallery {
        font-size: 22px;
        margin-right: 8px;
    }

    
    .modal-new-header-category-wrap {
        justify-content: flex-start;
        padding-inline: 6px;
    }

    .scroll-gallery-btn {
        display: none; 
    }

    .modal-new-header-category {
        gap: 8px;
        margin-block: 6px;
        padding-inline: 4px;
    }

    .image-category-title-wrap {
        margin-inline: 12px; 
        padding: 6px;
        margin-bottom: 2px;
    }

    .image-category-title {
        font-size: 15px;
        line-height: 1.2;
    }

    
    .new-gallery-grid {
        display: grid;
        grid-template-columns: 1fr; 
        gap: 14px 0; 
    }

    .main-gallery-wrap {
        margin-inline: 12px;
        margin-block: 18px;
    }

    
    .image-in-grid-wrap {
        aspect-ratio: 4 / 3; 
        border-radius: 6px;
        transition: transform 0.12s ease, box-shadow 0.12s ease;
    }

    .main-gallery-wrap img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    
    .image-in-grid-wrap:hover {
        transform: scale(1.01);
        box-shadow: rgba(0, 0, 0, 0.12) 0 2px 8px;
    }
}

/* ====== Very small devices ( ~360px) */
@media (max-width: 360px) {
    .header-title-new-gallery {
        font-size: 15px;
    }

    .image-category-title {
        font-size: 14px;
    }

    .image-category-title-wrap {
        margin-inline: 10px;
    }

    .main-gallery-container {
        padding-inline: 10px;
    }

    .main-gallery-wrap {
        margin-inline: 10px;
    }
}


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

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

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

.advantages-container .advantages ul {
    list-style: none;
    margin: 15px 0 0 0
}

.advantages-container .advantages ul li {
    margin: 8px 0 0 0
}

.advantages-container .advantages ul div {
    display: flex
}

.advantages-container .advantages ul div i {
    font-size: 13px;
    margin-left: 23px;
    position: relative;
}

.advantages-container .advantages ul div i span {
    position: absolute;
    margin: 0;
}

.advantages-container .advantages ul div span {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    color: #302D2F;
}

@media (min-width: 992px) {
    .advantages-container {
        display: flex
    }

    .advantages-container .advantages-list {
        margin: 8px 64px 0 0
    }

    .advantages-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
    }

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

    .advantages-container .advantages {
        margin: 0 78px 0 0;
        width: 694px;
        padding-left: 20px;
        border-left: 1px solid #99a3af;
    }

    .advantages-container .advantages ul li {
        margin: 13px 0 0 0
    }

    .advantages-container .advantages ul div {
        display: block
    }

    .advantages-container .advantages ul div i {
        font-size: 13.5px
    }

    .advantages-container .advantages ul div i > i {
        padding-top: 3px;
    }

    .advantages-container .advantages ul div span {
        font-size: 16px
    }

    .advantages-container .section-product {
        position: relative
    }
}



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

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

        .about-container .title h2 {
            display: inline-block;
            margin-right: 15px;
            font-size: inherit;
            font-weight:inherit;
        }

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

    .about-container .data {
        margin: 9px 0 0 0;
        order: 3;
    }

    .about-container .content {
        margin: 3px 0 20px 0;
        order: 4;
    }

        .about-container .content .text-action {
            font-size: 11px;
        }

        .about-container .content .icon-arrow-down {
            font-size: 8px;
            margin: 0px 1px 0 0;
            color: #555555;
        }

            .about-container .content .icon-arrow-down.rotate {
                display: inline-block;
                -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
                vertical-align: middle;
            }

        .about-container .content .text-collapsible h2 {
            font-weight: bold;
            margin-bottom: 10px;
        }

        .about-container .content .text-collapsible .text {
            overflow: hidden;
            font-size: 16px;
            line-height: 1.5
        }


        .about-container .content .text.read-more {
            background: none;
            -webkit-text-fill-color: black;
            height: auto
        }

        .about-container .content .text-collapsible .text-action {
            margin: auto;
            width: fit-content;
            padding: 10px 0 2px 0;
            border-bottom: 1px solid #555555;
            cursor: pointer;
            color: #555555;
        }

    .about-container .data ul {
        width: 100%;
        list-style: none;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        height: 58px;
    }

        .about-container .data ul li {
            margin: 8px 0 0 0;
        }

            .about-container .data ul li i {
                font-size: 14.2px;
                margin-left: 15px;
            }

                .about-container .data ul li i span {
                    position: absolute;
                    margin: 0;
                    padding-top: 2px;
                }

            .about-container .data ul li .text {
                font-size: 14px;
                margin: 0 7px 0 0
            }

            .about-container .data ul li .sub-text {
                font-size: 14px;
                font-weight: 500
            }


    .about-container .text-collapsible:not(.text-translated) .text.translated,
    .about-container .text-collapsible:not(.text-translated) .text-action.original,
    .about-container .text-collapsible.text-translated .text.original,
    .about-container .text-collapsible.text-translated .text-action.translate {
        display: none;
    }

    .about-container .text-collapsible:not(.text-translated) .text.original,
    .about-container .text-collapsible:not(.text-translated) .text-action.translated,
    .about-container .text-collapsible.text-translated .text.translated,
    .about-container .text-collapsible.text-translated .text-action.original {
        display: block;
    }



    .about-container .content .text-collapsible {
        position: relative;
    }

        .about-container .content .text-collapsible .text-action.translate,
        .about-container .content .text-collapsible .text-action.original {
            position: absolute;
            top: 0;
            margin: 0;
            padding: 0;
            color: black;
            font-weight: bold;
            z-index:3;
        }

        .about-container .content .text-collapsible .text-action.original {
            left: 0;
        }

        .about-container .content .text-collapsible .text-action.translate {
            right: 0;
        }
    .about-container .content .text-action.close, .about-container .content .text-action.open {
        display: none;
    }

@media (min-width: 992px) {
    .about-container {
        display: flex;
        margin: 40px 0 10px 0;
        width: fit-content;
        flex-direction: row;
    }

        .about-container .separator {
            border-right: var(--primary-vertical-border-size);
            border-top: 0px;
            width: 78px;
            order: 2;
        }

        .about-container .title {
            font-size: 28px;
            font-weight: 500;
            width: 169px;
            order: 1;
        }

        .about-container .data {
            width: 286px;
            margin-right: 78px;
            order: 4;
        }

            .about-container .data ul {
                display: block
            }

                .about-container .data ul li {
                    width: auto;
                    margin: 12px 0 0 0
                }

                    .about-container .data ul li i {
                        font-size: 19px;
                        margin-left: 19px;
                    }

                    .about-container .data ul li .text {
                        font-size: 18px;
                        font-weight: 100;
                        margin: 0 12px 0 0
                    }

                    .about-container .data ul li .sub-text {
                        font-size: 18px;
                        margin: 0 10px 0 0
                    }

        .about-container .content .text-collapsible .text {
            font-size: 16px;
            line-height: 1.2;
        }

        .about-container .content .text.read-more {
            height: auto
        }

        .about-container .content {
            order: 3;
            width: 694px;
            padding-left: 20px;
            border-image: var(--primary-vertical-border-color);
            border-left: var(--primary-vertical-border-size);
            border-image-slice: 1;
        }

            .about-container .content .text-collapsible .text-action {
                margin: inherit;
                padding: 0;
                font-size: 16px;
                margin: 14px 0 0 0;
            }

                .about-container .content .text-collapsible .text-action:hover {
                    color: #222;
                    border-bottom: 1px solid #222;
                }

            .about-container .content .icon-arrow-down {
                font-size: 10px;
                margin: 0 0px 0 0
            }

            .about-container .content .text-collapsible .read-more-close {
                display: inline;
                color: black
            }
}


/*common classes:*/
.about-container .content .text-collapsible .text.max-height-unset {
    height: fit-content;
    max-height: unset !important;
    background: unset !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: unset !important;
}

.about-container .content .text-collapsible .text-action.close.show,
.about-container .content .text-collapsible .text-action.open.show {
    display: block !important;
}


.about-container .content .text-collapsible .text-action.close.hide,
.about-container .content .text-collapsible .text-action.open.hide {
    display: none !important;
}
.about-container .content .text-collapsible .loading-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    display: none;
}

 
.details-facilities-container {
    padding: 0;
    margin: 36px 0 0 0
}

.details-facilities-container .facilities-title {
    font-size: 16px;
    font-weight: 500;
    color: #302D2F;
}

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

    .details-facilities-container .facilities-container .main-facilities-container ul.main-facilities {
        padding: 5px;
        position: relative;
        display: flex;
        flex-wrap: wrap;
    }

.details-facilities-container .facilities-container .main-facilities-container ul.main-facilities::after {
    content: '';
    background: transparent linear-gradient(180deg, #FFFFFF00 0%, #FFFFFFCC 100%) 0% 0% no-repeat padding-box;
    height: 100%;
    display: block;
    position: absolute;
    width: 100%;
    top: 0;
    display: none;
}

.details-facilities-container .facilities-container.open .main-facilities-container ul.main-facilities::after {
    display: none;
}

.details-facilities-container .facilities-container .main-facilities-container ul.main-facilities li.main-facility {
    font-size: 14px;
    color: #302D2F;
    display: inline-block;
    width: 48%;
    margin-bottom: 12px;
    margin-left: 3px;
    position: relative;
    padding-right: 25px;
}

    .details-facilities-container .facilities-container .main-facilities-container ul.main-facilities li.main-facility.hidden {
        display: none;
    }

.details-facilities-container .facilities-container .main-facilities-container ul.main-facilities li.main-facility svg {
    position: absolute;
    right: 0;
    height: 18px;
    width: 20px;
}

.details-facilities-container .facilities-container .general-facilities-container .facilities-category-container .facilities-category-title {
    border-bottom: 1px dotted #D4DEE7;
    position: relative;
    padding-right: 28px;
    padding-bottom: 2px;
}

.details-facilities-container .facilities-container .general-facilities-container .facilities-category-container .facilities-category-title svg {
    position: absolute;
    right: 0;
    height: 21px;
    width: 23px;
}

.details-facilities-container .facilities-container .general-facilities-container .facilities-category-container .facilities-category-title h1 {
    font-size: 16px;
    color: #302D2F;
    padding-top: 2px;
}

.details-facilities-container .facilities-container .general-facilities-container .facilities-category-container ul.facilities {
    padding: 5px;
}

.details-facilities-container .facilities-container .general-facilities-container .facilities-category-container ul.facilities li.facility {
    font-size: 14px;
    color: #302D2F;
    display: inline-block;
    width: 48%;
    margin-bottom: 12px;
    margin-left: 3px;
    position: relative;
    padding-right: 23px;
}

.details-facilities-container .facilities-container .general-facilities-container .facilities-category-container ul.facilities li.facility i {
    position: absolute;
    right: 0;
    top: 1px;
}

.details-facilities-container .facilities-container .general-facilities-container .facilities-category-container ul.facilities li.facility i span {
    position: absolute;
}

.details-facilities-container .facilities-container .general-facilities-container .facilities-category-container ul.facilities li.facility span {
    font-size: 14px;
}

.details-facilities-container .facilities-container .main-facility i{
    position: absolute;
    right: 0;
    font-size:16px;
}

.details-facilities-container .facilities-container .main-facility i span{
    position: absolute;
    margin: 0 0 0 0;
}

.show-more-facilities, .show-less-facilities {
    background-color: #EFEFEF;
    text-align: center;
}

.show-more-facilities button, .show-less-facilities button {
    font-size: 14px;
    padding: 10px 0;
    background: none;
    border: none;
}

.show-more-facilities button .icon-arrow-down, .show-less-facilities button .icon-arrow-down {
    font-size: 8px;
    margin: 0px 1px 0 0;
    color: #555555;
}

.show-more-facilities button::after, .show-less-facilities button::after {
    content: '';
    height: 1px;
    background-color: #222;
    display: block;
}

.show-less-facilities button .icon-arrow-down.rotate {
    display: inline-block;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    vertical-align: middle;
}

@media (min-width: 992px) {
    .details-facilities-container {
        display: flex;
        margin: 53px 0 40px 0;
    }

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

    .details-facilities-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
    }

    .details-facilities-container .facilities-container {
        margin: 0 78px 0 0;
        width: 100%;
    }

    .details-facilities-container .facilities-container .main-facilities-container {
        width: 100%;
        margin-bottom: 20px;
    }

    .details-facilities-container .facilities-container .main-facilities-container ul.main-facilities {
        padding: 0px 5px 0px 5px;
        width: 100%;
    }
   

    .details-facilities-container .facilities-container .main-facilities-container ul.main-facilities::after {
        display: none;
    }

    .details-facilities-container .facilities-container .main-facilities-container ul.main-facilities li.main-facility {
        font-size: 18px;
        width: 24%;
        margin-top: 20px;
        margin-bottom: 0px;
        padding-right: 30px;
        line-height: 15px;
    }

    .details-facilities-container .facilities-container .main-facilities-container ul.main-facilities li.main-facility svg {
        height: 21px;
        width: 23px;
    }

    .details-facilities-container .facilities-container .general-facilities-container {
        width: 100%;
    }

    .details-facilities-container .facilities-container .general-facilities-container .facilities-category-container {
        width: 100%;
    }

    .details-facilities-container .facilities-container .general-facilities-container .facilities-category-container .facilities-category-title h1 {
        font-size: 20px;
        font-weight: 500;
    }

    .details-facilities-container .facilities-container .general-facilities-container .facilities-category-container .facilities-category-title svg {
        height: 23px;
        width: 25px;
        top: 4px;
    }

    .details-facilities-container .facilities-container .general-facilities-container .facilities-category-container ul.facilities {
        padding: 20px 5px;
        width: 100%;
    }

    .details-facilities-container .facilities-container .general-facilities-container .facilities-category-container ul.facilities li.facility {
        font-size: 18px;
        width: 24%;
        margin-bottom: 20px;
    }

    .details-facilities-container .facilities-container .general-facilities-container .facilities-category-container ul.facilities li.facility span {
        font-size: 18px;
    }

    
.details-facilities-container .facilities-container .icon-icon-check-circle-red span{
    margin: 3px 0 0 0;
}

    .show-more-facilities, .show-less-facilities {
        background-color: transparent;
        text-align: right;
    }

    .show-more-facilities button, .show-less-facilities button {
        font-size: 16px;
        padding: 0;
        color: #555;
    }

    .show-more-facilities button:hover, .show-less-facilities button:hover {
        color: #222;
    }
}


.add-flights-container {
    display: table;
    width: 100%;
    height: 95px;
    background: transparent linear-gradient(90deg, #FFFFFF 0%, #FFFFFF 50%, #A1C0DC 87%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
    text-align: center;
    margin: 40px 0 40px 0;
    border: 1px solid #495E77;
    border-width: 1px 0 1px 0;
}

    .add-flights-container .image {
        display: none;
        display: table-footer-group;
    }

        .add-flights-container .image img {
            width: 166.07px;
            height: 54.61px;
            margin-top: 16px;
        }

    #FlightsDetailsComponent .content .title,
    .add-flights-container .content .title {
        font-size: 18px;
        color: #485D77;
        margin: 26px -150px 0px 0px;
        text-align: right;
        font-weight: 500;
    }

    #FlightsDetailsComponent .content .sub-title,
    .add-flights-container .content .sub-title {
        color: #485D77;
        font-size: 12px;
        text-align: right;
        line-height: 1;
        font-weight: 400;
    }

        #FlightsDetailsComponent .content .sub-title,
        .add-flights-container .content .sub-title.flight-included {
            font-size: 16px;
        }


    .add-flights-container .content .content-action {
        margin-top: 15px;
    }

        .add-flights-container .content .content-action label {
            font-size: 16px;
            font-weight: 500;
            color: #302D2F;
            margin: 0 0 0 4px;
        }

        .add-flights-container .content .content-action button {
            background-image: var(--primary-button-background-gradient) !important;
            border-radius: 4px;
            color: var(--primary-button-text-color);
            font-size: 16px;
            padding: 8px 19.3px;
            border: none;
            box-shadow: none;
            text-shadow: none;
            font-weight: 500;
        }

            .add-flights-container .content .content-action button:hover {
                background-image: var(--primary-button-background-gradient-hover) !important;
            }


    .add-flights-container .package-body-info {
        background-color: #fff;
        padding: 0;
    }

.flight-details .dynamic-flight-strip {
    position: relative;
    margin: 15px 0;
}

.add-flights-container .package-body-info .flight-section {
    padding: 0;
    position: relative;
}

    .add-flights-container .package-body-info .flight-section .flight-include {
        position: relative;
        height: 21px;
        top: 12px;
    }

        .add-flights-container .package-body-info .flight-section .flight-include .separator {
            border-top: var(--primary-horizonal-border-size);
            border-image: var(--primary-horizonal-border-color);
            border-image-slice: 1;
            margin: 5px 0;
            position: absolute;
            width: 100%;
            top: 8px;
        }

    .add-flights-container .package-body-info .flight-section .flight-include-content {
        background-color: #FFFFFF;
        color: #000000;
        font-weight: 500;
        padding: 4.5px 28.7px;
        border-radius: 18px;
        position: absolute;
        left: 0;
        right: 0;
        width: fit-content;
        margin: auto;
        z-index: 1;
    }

        .add-flights-container .package-body-info .flight-section .flight-include-content span {
            font-size: 14px;
            margin-left: 5px;
        }

        .add-flights-container .package-body-info .flight-section .flight-include-content img {
            height: 16px;
            width: 16px;
        }

    .add-flights-container .package-body-info .flight-section .flight-header {
        position: absolute;
        width: 100%;
        padding-bottom: 0;
        top:-9%;
    }

        .add-flights-container .package-body-info .flight-section .flight-header a {
            left: 0;
            position: absolute;
            text-decoration: underline;
            color: #302D2F;
            font-size: 12px;
            z-index: 1;
            top: 20px;
        }

        .add-flights-container .package-body-info .flight-section .flight-header .information-hover-airlines a {
            position: unset;
        }

        .add-flights-container .package-body-info .flight-section .flight-header .remarks {
            text-align: right;
        }

            .add-flights-container .package-body-info .flight-section .flight-header .remarks a {
                position: unset;
                left: unset;
            }
.final-flight-details .package-flight.selected {
    margin: 0;
}
.package-flight.selected {
    border: none;
    margin-top: 17px;
}

.package-flight .result-title {
    text-align: right;
    display: flex;
    align-items: center;
}

    .package-flight .result-title span {
        display: none;
    }

    .package-flight .result-title strong, .flight-details .DomesticDynamicPackages .title-flight {
        font-size: 18px;
        color: #000000;
    }
.flight-details .DomesticDynamicPackages .title-flight {
    font-weight: normal;
    display: flex;
}
.add-flights-container .package-body-info .package-flight .flights .flight .flight-route-location {
    bottom: 26px;
    font-size: 10px;
    font-weight: 600;
}

.add-flights-container .package-body-info .package-flight .flights .flight .flight-content {
    color: #7D9CB8;
}

    .add-flights-container .package-body-info .package-flight .flights .flight .flight-content strong {
        margin: 3px 0;
    }

.add-flights-container .package-body-info .package-flight .flights .flight .flight-route,
.add-flights-container .package-body-info .package-flight .flights .flight .flight-route .flight-route-duration {
    font-size: 12px;
    color: #485D77;
}

    .add-flights-container .package-body-info .package-flight .flights .flight .flight-route .flight-route-scheme-label {
        top: 2px;
    }

flight-details-header {
    display: flex;
    width: 100%;
    height: 67px;
    background: transparent linear-gradient( 90deg, #FFFFFF 0%, #FFFFFF 50%, #A1C0DC 87%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
    margin: 68px 0 10px 0;
    border: 1px solid black;
    border-width: 1px 0 1px 0;
}

.flight-details .dynamic-flight-strip-actions .btn.gray-button {
    background-image: linear-gradient(244deg,#D4DEE7 60%,#97B1C9 100%) !important;
    border-radius: 2px;
    color: #485D77;
    font-size: 15px;
    padding: 0px 43.5px;
    font-weight: 400;
    box-shadow: none;
    margin-bottom: 7px;
}

.flight-details #modalFullDetails .modal-head {
    height: 55px;
    padding: 0 15px;
}

    .flight-details #modalFullDetails .modal-head .logo {
        display: none;
    }

@media (min-width: 992px) {

    .add-flights-container {
        display: flex;
        position: relative;
        text-align: right;
        flex-wrap: wrap;
    }

        .add-flights-container .image img {
            width: 150px;
            height: 100.61px;
            margin: 18px 140px 0 160px;
        }

    .flight-details-header .image img {
        width: 150px !important;
        height: 77.56px !important;
        margin: 50px 50px 8px 180px !important
    }

    .flight-details-header + .flight-details {
        margin-top: 52px !important;
        margin-bottom: 0;
    }

    .add-flights-container .flight-details {
        margin-top: 140px;
        box-shadow: 0px 0px 3px #00000029;
        border-radius: 2px;
        border: none;
    }

    .flight-details .dynamic-flight-strip .dynamic-flight-strip-actions {
        width: 0;
        margin-right: -16px;
    }

    .add-flights-container .content {
        margin-right: 35px;
        text-align: right;
    }

        .add-flights-container .content.sub-content {
            margin-top: 23px;
            width: 12%;
            text-align: right;
        }

        #FlightsDetailsComponent .content .title,
        .add-flights-container .content .title {
            font-size: 28px;
            margin-top: 28px;
        }

            #FlightsDetailsComponent .content .title,
            .add-flights-container .content .title.flight-included {
                margin-top: 0;
                font-size: 20px;
            }

        .add-flights-container .content .text {
            font-size: 20px;
            font-weight: 500;
            letter-spacing: 0.4px;
            color: #302D2F;
            text-align: center;
            white-space: nowrap;
        }

        .add-flights-container .content .content-action label {
            font-size: 20px;
            margin: 0 0 0 21px;
        }

        .add-flights-container .content .content-action button:hover {
            background: var(--primary-button-background-dark) !important;
        }

        .add-flights-container .content .content-action button {
            padding: 8px 18px;
            margin-top: 16px;
        }

    .flight-details .dynamic-flight-strip-actions .btn.green-button {
        background-image: linear-gradient(251deg,#D4DEE7 0%,#008739 100%) !important;
        text-shadow: none;
        border-radius: 2px;
    }

    .flight-details .dynamic-flight-strip-actions .btn.gray-button {
        background-image: linear-gradient(251deg,#D4DEE7 0%,#97B1C9 100%) !important;
        text-shadow: none;
        border-radius: 2px;
        color: #485D77;
        padding: 9px 0;
        width: 130px;
    }

        .flight-details .dynamic-flight-strip-actions .btn.gray-button:hover {
            cursor: pointer;
            background-image: none !important;
        }

    .flight-detailsr .list-item.result.dynamic-flight-strip .flight-direction .time {
        color: #000000;
        font-weight: 500;
    }

    .flight-details .list-item.result.dynamic-flight-strip .flight-direction .airline-name {
        font-size: 13px;
        color: #808080;
        text-align: center;
    }

    .flight-details .list-item.result.dynamic-flight-strip .flight-direction .flight-time,
    .flight-details .list-item.result.dynamic-flight-strip .flight-direction .second-row,
    .flight-details .list-item.result.dynamic-flight-strip .flight-direction .airport-city,
    .flight-details .list-item.result.dynamic-flight-strip .flight-direction .day {
        color: #808080;
    }

    .flight-details .list-item.result.dynamic-flight-strip .flight-direction .from,
    .flight-details .list-item.result.dynamic-flight-strip .flight-direction .to {
        font-weight: 600;
    }

    .flight-baggage-food-terms-info {
        box-shadow: 0 7px 20px 0 #b5cbdb;
        width: 100%;
        display: flex;
        justify-content: flex-start;
    }
}

}

@media only screen and (min-width: 992px) and (max-width: 1144px) {
    .add-flights-container .content.sub-content {
        margin-top: 0px;
    }

    .add-flights-container .content {
        margin-top: -14px;
    }
}

/* = = = = = = = = = = Mobile Section = = = = = = = = = = */
@media only screen and (max-width: 992px) {
    .flight-details .dynamic-flight-strip {
        margin: 15px 0 75px;
    }
        .flight-details .dynamic-flight-strip.Packages .flight-direction-additional-information-airlines-information {
            top: 10px;
        }

        .flight-details .dynamic-flight-strip.Packages {
            margin: 15px 0 48px;
        }
    .final-flight-details .flight-details .dynamic-flight-strip {
        margin: -12px 0 75px;
    }
    /* Disable fixed header */
    .details-container .details-header-container .hotel-info.fixed,
    .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 {
        position: static;
    }

        .add-flights-container .package-body-info .flight-section .flight-include .separator {
            border: none;
        }

        .add-flights-container .package-body-info .flight-section {
            bottom: -5px;
        }

    .add-flights-container .image {
        display: block;
        text-align: right;
        height: 22px;
    }

        .add-flights-container .image img {
            width: 88.07px;
            height: 54.61px;
            margin-top: 16px;
            position: relative;
            bottom: 42px;
        }

    #FlightsDetailsComponent .content .title,
    .add-flights-container .content .title {
        margin: 0;
        text-align: center;
        padding-top: 0;
    }

        #FlightsDetailsComponent .content .title,
        .add-flights-container .content .title.flight-included {
            padding-top: 24px;
            text-align: right;
        }

    .add-flights-container .content.sub-content {
        display: inline-block;
        width: 38%;
        float: right;
    }

        .add-flights-container .content.sub-content .text {
            text-align: right;
            font-size: 18px;
            letter-spacing: 0.36px;
            color: #302D2F;
            opacity: 1;
            width: 100%;
            font-weight: 500;
        }

    .add-flights-container .content .sub-title {
        font-size: 12px;
        text-align: right;
        margin: 0 !important;
        padding-bottom: 18px;
    }

    .add-flights-container .content .content-action {
        display: inline-block;
        width: 46%;
        float: left;
    }

    .add-flights-container .content .content-action,
    .add-flights-container .content.sub-content {
        margin: 4px 22px 0px 0;
    }

    .dynamic-flight-strip.Packages .icon-School-Bus-Side-Streamline-Core:has(> .icon-icon-check-circle-green),
    .dynamic-flight-strip.Ski .icon-School-Bus-Side-Streamline-Core:has(> .icon-icon-check-circle-green) {
        font-size: 26px;
        margin-left: -1%;
    }

    .dynamic-flight-strip.Packages .transfers,
    .dynamic-flight-strip.Ski .transfers {
        position: relative;
        left: 33%;
        margin-top: 5%;
    }

    .dynamic-flight-strip.Packages .icon-School-Bus-Side-Streamline-Core,
    .dynamic-flight-strip.Ski .icon-School-Bus-Side-Streamline-Core {
        font-size: 26px;
    }

        .dynamic-flight-strip.Packages .icon-School-Bus-Side-Streamline-Core .icon-icon-check-circle-green,
        .dynamic-flight-strip.Ski .icon-School-Bus-Side-Streamline-Core .icon-icon-check-circle-green {
            position: relative;
            left: -5%;
            top: -15px;
        }


            .dynamic-flight-strip.Packages .icon-School-Bus-Side-Streamline-Core .icon-icon-check-circle-green .path1:before,
            .dynamic-flight-strip.Ski .icon-School-Bus-Side-Streamline-Core .icon-icon-check-circle-green .path1:before {
                color: var(--baggage-color);
            }

            .dynamic-flight-strip.Packages .icon-School-Bus-Side-Streamline-Core .icon-icon-check-circle-green .path2:before,
            .dynamic-flight-strip.Ski .icon-School-Bus-Side-Streamline-Core .icon-icon-check-circle-green .path2:before {
                color: white;
                position: relative;
            }

        .dynamic-flight-strip.Packages .icon-School-Bus-Side-Streamline-Core .icon-label.icon-delete,
        .dynamic-flight-strip.Ski .icon-School-Bus-Side-Streamline-Core .icon-label.icon-delete {
            position: relative;
            top: -12px;
            left: -17px;
        }

    .dynamic-flight-strip.Packages .label, .dynamic-flight-strip.Packages .data,
    .dynamic-flight-strip.Ski .label, .dynamic-flight-strip.Packages .data {
        font-size: 14px;
    }
    .dynamic-flight-strip.Packages .label,
    .dynamic-flight-strip.Ski .label {
        position: relative;
        left: 8px;
        top: -4px;
    }

    .dynamic-flight-strip.Packages .data,
    .dynamic-flight-strip.Ski .data {
        font-weight: 500;
        top: -3px;
        position: relative;
        left: 3px;
    }

    .flight-details .dynamic-flight-strip-actions .btn.gray-button {
        padding: 0px 10px 0px;
        margin-left: 5%;
    }
}


.flight .flight-route-scheme .GreenFlight {
    text-align: center;
    width: 90px;
    height: 19px;
    margin: -5px auto 7px;
}

    .flight .flight-route-scheme .GreenFlight div {
        background: #B4EFB7 0% 0% no-repeat padding-box;
        border: 0.5px solid #7FD487;
        border-radius: 7px;
        font: 12px Rubik;
        font-weight: bold;
        color: black;
        padding-right: 14px;
        width: 100%;
        margin-top: 10px;
        letter-spacing: 0.2px;
        position: relative;
    }

        .flight .flight-route-scheme .GreenFlight div:before {
            background: url(/Resources/Shared/icons-svg/flights/flight-green.svg) no-repeat;
            content: "";
            width: 21px;
            height: 14px;
            position: absolute;
            right: -3px;
        }

.change-flight .flight .flight-route-scheme .GreenFlight {
    margin: 20px auto -29px;
}

.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;
    }
}