/** _MAIN **/
/** _MODAL **/
/** _HOTEL_GALLERY **/
/** _HOTEL_LOCATION **/
/* Seasonal Info */
/** _HOTEL_INFO **/
/* _MAIN_SPECIAL_DEAL */

/* _MAIN */

.float-right {
	float:right;
}

.float-left {
	float:left;
}

.align-center {
	text-align:center;
}

.align-left {
	text-align:left;
}

.align-right {
	text-align:right;
}

/* hotel detail header sticky start */

.logo {
    width: 131px;
}

#hotelDetailApp .header-wrapper{
	height: 76px;
}
#header {
    position: inherit;
    z-index: 11;
    width: 100%;
    display: block;
}
.logo {
    margin-right: 20px;
    position: relative;
    width: 108px;
    z-index: 2;
}

a {
    -webkit-transition: color .15s linear;
    transition: color .15s linear;
}
.hidden {
    display: none;
}
.myfonticon.myfonticon-menu {
    font-size: 24px;
    line-height: 24px;
    color: #9ca1ae;
}

/* hotel detail header sticky finish */

.hotelDetail .popular-region-links, .breadcrumbMobile {
    display:none
}
@media (max-width:991px){
	.breadcrumbMobile{
		display:block;
        border: solid 1px #ebf1fa;
	}
	.breadcrumb-desktop{
		display:none;
	}
	nav.breadcrumb, nav.breadcrumb ul {
	    margin-bottom: 0;
    }
    #header {
        position: fixed;
        right: 0;
        left: 0;
        top: 0;
    }
}
/* hotel detail header sticky tabPanel start */

.section-active {
    padding: 83px 0 0;
}
.sticky-wrap-anchor-holder.fixed-position .anchor-holder {
    z-index: 10;
}
.anchor-holder:before {
    content: "";
    position: absolute;
    top: 0;
    left: -9999px;
    right: -9999px;
    bottom: 0;
    background-color: #fff;
    box-shadow: 4px 4px 12px 0 rgba(74, 73, 71, .2);
    display: none;
}
.sticky-wrap-anchor-holder.fixed-position .anchor-holder:before {
    display: block;
}
.anchor-list {
    border-bottom: 1px solid #e0dedc;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 1px;
}
.anchor-list a {
    -webkit-transition: color .15s linear, background .15s linear;
    transition: color .15s linear, background .15s linear;
    display: block;
    padding: 22px 30px 22px 15px;
    color: #4a4947;
    position: relative;
    cursor: pointer;
}
.sticky-wrap-anchor-holder.fixed-position .anchor-list a {
    padding: 32px 0;
}
.anchor-list li {
    border-top: 1px solid #e0dedc;
}
.list-group-item,
.list-group-item.active {
    background: transparent;
    color: inherit;
    border: none;
    margin: auto;
    position: relative;
    z-index: 0;
}
.anchor-list a.active:after, 
.fake-border-bottom {
    content: "";
    display: block;
    width: 50px;
    height: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    background: #17cec4;
    margin: auto;
    position: absolute;
    left: 30%;
    right: 30%;
    bottom: -3px;
}
.sticky-wrap-anchor-holder.fixed-position .anchor-list {
    border-bottom: 0;
    position: relative;
    z-index: 2;
}
@media (max-width: 991px) {
	.fake-border-bottom{
		display:none;
	}
}
@media (min-width: 768px) {
.anchor-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -16px;
}
.anchor-list li {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    width: 33.332%;
    border-left: 1px solid #e0dedc;
}
.anchor-list a {
    padding-right: 15px;
    text-align: center;
}
#hotelRoomList .room-card{
	min-height: 100%;
}
#hotelRoomList .room-card .room-images{
	height: 177px;
	width: 266px;
}
#hotelRoomList .room-card .box-content{
	padding-top: 6px;
}
#hotelRoomList .room-card .special-deals, #hotelRoomList .room-card .room-selection{
	height: 177px;
	max-height: 100%;
}
}
@media (min-width: 992px) {
.anchor-list {
    font-size: 12px;
    line-height: 1;
    margin: 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 2px solid #e0dedc;
    line-height: 1.3;
}
.anchor-list li {
    padding: 0 15px;
    border: none;
    width: auto;
}
.anchor-list a {
    padding-bottom: 20px;
    width: fit-content;
}
.anchor-list a.anchor-active {
    font-weight: 500;
}
.anchor-list a:before {
    -webkit-transition: opacity .15s linear, visibility .15s linear;
    transition: opacity .15s linear, visibility .15s linear;
    content: "";
    width: 50px;
    height: 6px;
    border-radius: 5px;
    background-color: #17cec4;
    position: absolute;
    bottom: -14px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
    visibility: hidden;
}
.anchor-list a.anchor-active:before {
    opacity: 1;
    visibility: visible;
}
}
@media (min-width: 1200px) {
	.anchor-list {
	    font-size: 16px;
	}
}
/* hotel detail header sticky tabPanel finish */

.hotelDetail .search-area {
    margin-top: 9px;
    margin-bottom:8px;
    position: sticky;
    top: 0;
    z-index: 12;
    border-radius: 10px;
}
.hotelDetail .destination, .hotelDetail .datepickerSelect, .hotelDetail .addGuests {
    border: solid 1px #dbe0e6;
    margin-bottom: 10px;
    border-radius:6px;
}

.right-group img, .left img {
    object-fit: cover;
    z-index: -1;
}
.right-group .etsfonticon-arrow-link {
    font-size: 12px;
}
.right-group .info:before {
    content: none;
}
.right-group .activities:before {
    content: none;
}
.left {
	padding: 5px;
	max-height: 542px;
}
.info, .activities {
    padding: 0;
    margin: 5px;
    min-height: 298px;
    min-width: 268px;
    max-width: 40%;
    max-height: 300px;
    flex-basis: 40%;
}
.activities{
    max-width: 60%;
    flex-basis: 58%;
    min-width: 400px;
    margin-right: inherit;
}
.single-image {
    padding: 0;
    margin: 5px;
    max-width: 55%;
}

.photo-map {
    padding: 0;
    margin: 5px;
}
.info-header {
    font-size: 20px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
}
.seeMap ul:after{
    top: 112px;
    height: 110px;
}
.all-media a {
    color: #fff;
    display: flex;
    align-items: center;
    text-decoration: none;
    z-index: 2;
}

.left img {
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.hotelDetail .wrapper.breadcrumb-desktop{
    padding: 0 15px;
}
.hotelDetail .wrapper.breadcrumb-desktop .breadcrumb{
    padding: 0;
    margin: 10px auto 0 0;
}

.right-group li {
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
    margin-bottom: 4px;
    color: #fff;
}

.right-group li i, .otelpuan i.arrow {
    width: 25px;
    height: 25px;
    background: #fff;
    border-radius: 100%;
    margin-right: 5px;
    color: #1f2126;
}
i.pax:before {
    background: url(../../img/hotel/icons/detail/etsfonticon-kisi-sayisi.html);
    width: 18px;
    height: 11px;
    margin: 7px 3px;
}
.otelpuan i.arrow:before {
    content: "";
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    margin: 7px 3px;
    width: 18px;
    height: 11px;
}
i.area:before {
    background: url(../../img/hotel/icons/detail/etsfonticon-alan.html);
}
i.bed:before {
    background: url(../../img/hotel/icons/detail/etsfonticon-yatak-ozellikleri.html);
}
li.freeCanceled {
    text-transform: uppercase;
    color: #03ca6a;
}
i.smile:before {
    background: url(../../img/hotel/icons/detail/etsfonticon-ucretsiz-iptal.html);
    height: 15px!important;
    margin: 5px 3px!important;
}
li.freeCanceled i {
    background: #03ca6a;
    color: #fff;
}
li.freeCanceled i.etsfonticon-info-square {
    background: transparent;
    color: #056bfd;
    margin-left: 5px;
}
.hotel-banner-info .etsfonticon-ucretsiz-iptal:before {
    font-size: 14px;
    margin: 5px 0 0px 6px !important;
}
i.like:before {
    background: url(../../img/hotel/icons/detail/like.svg);
    height: 15px!important;
    margin: 5px 3px!important;
}
.all-media {
    font-size: 14px;
}

.photo-map i:before {
    margin-right: 10px;
}

.all-media-content p, .seeMap p {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
    font-size: 24px;
}

.all-media-content .all-media {
    position: inherit;
}

.seeMap p {
    margin-top: 0;
}

.box-content {
    position: absolute;
    margin: 20px;
}
.info img, .activities img {
    cursor: pointer;
    height: 100%;
    width: 100%;
}
.info:before, .activities:before {
	content: "";
	display: inline-block;
	position: absolute;
	width: 100%;
	height: 100%;
    opacity: 0.6;
	}

.single-image img {
    max-height: 222px;
    width: 100%;
    height:100%;
    cursor: pointer;
}

.all-media-content img, .seeMap img {
    max-height: 106px;
    width: 100%;
}

.all-media-content {
    margin-bottom: 10px;
}

.all-media-content:before, .seeMap:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 100%;
    max-height: 106px;
    background: #120529;
    opacity: 0.6;
}
.activities .box-content {
    bottom: 0;
    margin-top: 0;
}
.right-group .activities .box-content ul {
    margin-bottom: 0;
}
.right-group .activities .box-content .info-header  {
    margin-bottom: 6px;
}
.room-detail-link {
    position: absolute;
    margin-bottom: 20px;
    margin-left: 20px;
    bottom: 0;
}
.hotel-banner-info .info .box-content i.etsfonticon:before {
    margin: 6px 0 0px 4px;
    display: inline-block;
}
.hotel-banner-info .info .box-content i.etsfonticon.etsfonticon-person-count:before{
    margin-left: 3px;
}
.hotel-banner-info .info .etsfonticon-area:before {
    margin: 6px 0 0 6px;
    font-size: 13px;
}
.hotel-banner-info .info .box-content i.etsfonticon.etsfonticon-area:before {
    margin: 6px 0 0px 6px;
}

.hotel-banner-info .right-group .info .box-content .badge-light{
	background-color: transparent;
	border: none;
	padding: 0;
}

.hotel-banner-info .right-group .info .box-content .etsfonticon-smile{
	border-radius: 50%;
	margin-right: 8px;
}

.hotel-banner-info .right-group .info .box-content .etsfonticon-smile:before{
	margin: 4px 0px 4px 5px!important;
}

.hotel-banner-info .right-group .info .box-content .room-size i.etsfonticon:before{
	margin: 0 0 0 2px;
}
.hotel-banner-info .right-group .info .box-content .room-info span{
	color: white;
}
.hotel-banner-info .right-group .info.room-facility .box-content{
	width: 100%;
	height: 91%;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

.hotel-banner-info .right-group .info .box-content .most-adrimed .badge-light{
	background-color: white;
    padding: 1px;
    border: 1px dashed #69b4ff;
}

.hotel-banner-info .right-group .info .box-content .most-adrimed span{
	color: #61656e;
}

.info .etsfonticon-smile:before {
    margin: 5px 0 0 4px!important;
    font-size: 17px;
    color:#fff;
}
.info .etsfonticon-like:before{
    margin: 5px 0 0 7px!important;
    font-size: 16px;
    color: #3f9bf8;
}
.right-group .etsfonticon-arrow-link {
    background:transparent;
    color:#fff;
    height: inherit;
}
.right-group .etsfonticon-gallery:before {
    font-size: 26px;
}
.right-group .etsfonticon-map {
    font-size: 27px;
}
.tour-detail.hotelDetail nav.breadcrumb {
    margin-bottom:0;
}
.hotel-info, .hotel-name div, .hotel-info .share ul, div#shareDropMenu li, .hotel-location, .otelpuan a {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center; 
    -moz-align-items: center; 
    -ms-align-items: center; 
    align-items: center; 
}
.hotel-info{
	align-items:baseline;
}
.hotel-name span.tooltiptext:before, .hotel-name span.tooltiptext {
    all: unset;
}
.hotel-name .tooltip-content{
    position: relative;
    display: block;
    width: max-content;
}
.tooltip.tooltip-alert.arrow-left {
    display: none;
}
.hotel-name .ets-tooltip-element:hover+.tooltip{
    margin-top: -9px;
    width: inherit;
    display:inline-block;
}
.hotel-info .share ul{
	margin: 0 0 0 10px;
}
.hotel-info .share ul li span{
    display: block;
}
.hotel-info .share i {
	border: 1px solid #eaebec;
    background: #fff;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    display: block;
    text-align: center;
    color: #9ca1ae;
    font-size: 22px;
    line-height: 36px;
}
.hotel-info .share i:before{
    color: #9ca1ae;
    font-size: 22px;
    display: inline-block;
}

.etsfonticon-addlike:before {
    color: red!important;
}

.otelpuan {
    margin-left: 10px;
    padding: 10px;
    border-radius: 6px;
    background-image: linear-gradient(97deg, #e3eb80 -19%, #0fb4ab 124%);
    display:none;
}
.otelpuan a {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: right;
    color: #056bfd;
    text-decoration: none;
}
.otelpuan a span {
    font-weight: 300;
}
.otelpuan span.point {
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    color: #ffffff;
    margin-right: 5px;
    font-family: Montserrat;
    letter-spacing: -1.33px;
}
.otelpuan .measure {
    color: #fff;
}

@media only screen and (min-width: 320px){
    .otelpuan a span{
        font-size: 14px;
    }
    .otelpuan a span.total-review{
        white-space: nowrap;
    }
    .otelpuan span.point{
        font-size: 20px;
    }
}
@media only screen and (min-width: 768px){
    .otelpuan span.point{
        font-size: 30px;
    }
}

.hotel-info #shareDropMenu {
    position: absolute;
    margin-top: 10px;
    padding-bottom: 6px;
    margin-left: 10px;
    width: 190px;
    box-shadow: 0 0 3px 0 rgba(0,0,0,.25);
    background-color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    z-index: 11;
}
div#shareDropMenu:after{
	display:none;
}
.hotel-info div#shareDropMenu ul {
    display: block;
    padding: 0;
    margin:0;
}
.share-action ul li {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: rgb(31, 33, 38);
    cursor: pointer;
    padding:10px 0;
}
.share .share-action ul li i {
    width: 30%;
    float: left;
}
.hotel-info #shareDropMenu i {
    border: none;
}

.hotel-info div#shareDropMenu i.etsfonticon.etsfonticon-facebookshare:before {
    color: #3b5a96;
}
.hotel-info div#shareDropMenu i:before {
    padding-right: 7px;
    font-size: 32px;
}
.hotel-info div#shareDropMenu a {
    text-decoration: none;
    font-size: 14px;
    border: none;
    width: 70%;
    float: left;
    text-align: left;
    font-weight: 100;
}
.hotel-info i.etsfonticon.etsfonticon-twittershare:before {
    color: #55acee;
}
.hotel-info i.etsfonticon.etsfonticon-pinterestshare:before {
    color: #df0b24;
}
.hotel-info i.etsfonticon.etsfonticon-whatsappshare:before {
    color: #24ba3d;
}
.hotel-location {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #1f2126;
    margin-top: 10px;
}
.hotel-name h1 {
    font-size: 32px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #1f2126;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
    margin-bottom: 10px;
}
.hotel-name .etsfonticon-square-tick {
    color: #ff8308;
    font-size: 20px;
    margin-left: 5px;
    cursor: pointer;
}
.hotel-name .hotel-location i {
    color: #056bfd;
    font-size: 15px;
}
.otelpuan .etsfonticon-arrow-link {
    margin: 0px 10px 0px 5px;
}
.hotel-location .etsfonticon-map-list:before {
    margin-right: 7px;
    font-size: 20px;
    color: #056bfd;
    line-height: inherit;
}
.hotel-location .etsfonticon-map-list {
    max-width: 20px;
}
.hotel-features ul, .hotel-features {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
    margin-top: 10px;
}
.hotel-features ul{
    margin-right:30px;
    min-width: 66%;
}
.hotel-features i {
	height: 30px;
	width: 44px;
	line-height: normal;
	color: #17cec4;
	font-size: 29px;
	display: block;
    margin: 0;
}
.hotel-features i.etsfonticon.etsfonticon-spa {
    font-size: 26px;
}
.hotel-features i.etsfonticon.etsfonticon-honeymoon:before {
    font-size: 22px;
}
.hotel-features i.etsfonticon.etsfonticon-flag {
    font-size:24px;
}
.hotel-features i.etsfonticon.etsfonticon-seaside:before {
    font-size: 23px;
}
.hotel-features ul li {
    width: 90px;
    height: 80px;
    min-width: 90px;
    min-height: 80px;
    border-radius: 6px;
    border: solid 1px #eaebec;
    background-color: #ffffff;
    font-size: 11px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #1f2126;
    text-align: center;
    margin-right: 5px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 16px 0 10px 0;
    cursor: pointer;
}
#close-modal{
	margin-right: 0;
}
.hotel-features .tooltipHotel{
    display: inline-block;
    position: absolute;
    margin: -12px 0 0 -10px;
}
.hotel-features .tooltipHotel .tooltiptext {
    margin-left: -5px;
    margin-top: -3px;
    z-index: 9;
}
.hotel-features .etsfonticon-info-square {
    font-size: 14px;
    color: #056bfd;
    width: 20px;
    height: 20px;
    top: 4px;
    right: 0;
    margin: 0;
    position: absolute;
}
.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before, .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    border-top-color: #f7830b!important;
}
.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before{
   border-bottom-color: #f7830b!important;
}
.tooltip-inner {
    background-color: #f7830b!important;
}
/*resize hotel feature icon size */
.total-feat p {
	-webkit-align-self: center;
	-moz-align-self: center;
	-ms-align-self: center;
    align-self: center;
    margin-bottom: inherit;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #056bfd;
}

.total-feat {
    display: block;
    width: 65px!important;
    align-items: center;
    justify-content: center;
}
.total-feat span {
    display: block;
    color:#056bfd;
    font-size: 12px;
}
.total-feat span:first-of-type{
	margin-top: 20px;
}
.total-feat:hover, .total-feat:focus{
    cursor:pointer;
}
.total-feat:hover .themeFacility {
    visibility:visible;
    background:#fff;
}
.total-feat .themeFacility {
    visibility: hidden;
    display: block;
    z-index:99;
    position:absolute;
    top:80px;
    left:-10px;
}
.total-feat .themeFacility li{
    margin-bottom:10px;
}
.total-feat .themeFacility p {
    color:#1f2126;
    font-size:11px;
}
.hotel-reviews {
    width: 347px;
    height: 174px;
    border-radius: 6px;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15);
    background-color: #ffffff;
    margin-top:-70px;
}
.hotel-features .otelpuan {
    display: block;
    width: 100%;
    float: right;
    margin: 0;
    height: 61px;
    background: url(../../img/hotel/detail/hotel-rating-bg.svg);
    background-repeat: no-repeat;
    padding: 0;
    border-radius: 6px;
    margin-bottom: 10px;
}
.hotel-features .measure {
    font-size: 24px;
    font-weight: 500;
}
.hotel-features .point {
    font-size: 30px;
    font-weight: bold;
    letter-spacing: -1.33px;
    color: #ffffff;
}
.hotel-features .point .scoreText{
	 font-family: Montserrat;
	 font-size: 24px;
	 font-weight: 500;
	 font-stretch: normal;
	 font-style: normal;
	 line-height: normal;
	 letter-spacing: normal;
	 color: #ffffff;
	 padding-left: 14px;
}
.hotel-features .otelpuan p {
    background: transparent;
    margin: 5px 15px;
    float: right;
}
.otel-recommendation p {
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: right;
    color: #17cec4;
    font-size: 14px;
    float: left!important;
    margin: 0 0 0 38px!important;
}
.otel-recommendation a span {
    font-family: Montserrat;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: right;
    color: #056bfd;
}
.otel-recommendation .etsfonticon-arrow-link {
    width: inherit;
    height: inherit;
    font-size: 11px;
    color: #056bfd;
    margin:inherit;
}
.otel-recommendation a {
    float: right;
    margin-right: 10px;
}

.otel-recommendation-link {
    padding: 0;
}

.sliderBody {
    display: inline-block;
    height: 78px;
    font-family: Montserrat;
    margin: 0 38px;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
}
.sliderBody  i.etsfonticon{
    color:#4a4a4a;
    font-size: 15px;
    width: inherit;
    height: inherit;
}
.sliderBody .etsfonticon-arrow-left {
    margin-left: -24px;
}

.sliderBody .etsfonticon-arrow-right {
    float: right;
    margin-right: -20px;
}
.sliderBody p {
    margin-top: -36px;
}
.hotel-reviews .otel-recommendation {
    margin: 13px 19px 0 15px;
}
.hotel-reviews .otel-recommendation a i {
    margin: 0;
    display: inline-block;
}
.mini-comment-slide.slick-initialized.slick-slider {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #1f2126;
    padding: 0 10px;
    height: 60px;
}

.slick-slider .slick-track {
    width: 274px;
}
.mini-comment-slide .slick-track {
    width: auto!important;
}
.mini-comment-slide .slick-list.draggable {
    height: 0px!important;
    min-height: 60px;
}

.mini-comment-slide.slick-initialized.slick-slider p.slick-slide.slick-active{
    height: 60px;
    text-overflow: ellipsis;
    overflow: hidden;
    min-width: 60px;
    min-height: 60px;
    -webkit-line-clamp: 4;
    margin-bottom: 0;
    display: flex;
    height: auto;
    align-items: center;
    justify-content: center;
    word-break: break-all;
}

.mini-comment-slide .slick-arrow {
    padding:0;
    background:transparent;
}
.mini-comment-slide .slick-list{
	padding:0 15px;
}
.mini-comment-slide button.slick-arrow:focus{
    outline:none;
}
.mini-comment-slide .slick-arrow i{
    color:#4a4a4a;
    font-size:14px;
    width:inherit;
}
.mini-comment-slide .slick-track p {
    margin: 0;
}

div#carousel-example-generic {
    display: none;
}

.hotel-tab-menu {
    padding-top: 0;
}

.hotel-tab-menu ul.anchor-list {
    font-size: 14px;
    max-width: 860px;
    border-bottom: 0px;
}

.hotel-tab-menu .anchor-list li:first-child {
    padding-left: 50px;
}

.hotel-tab-menu .anchor-list a.anchor-active {
    font-weight: bold;
}
.hotel-tab-menu .anchor-holder {
	border-bottom: 2px solid #e0dedc;
	background: #fff;
	position: sticky;
	top: 0px;
	padding: 0 0 0 0;
	z-index: 10;
}
.anchor-holder.fixed{
	position:fixed;
}
.hotel-lists-details {
    margin-top: 22px;
}

html body #root .hotelDetail .hotel-tab-menu .hotel-details-tab .hotel-lists-details{
	margin-top: 0;
}
html body #root .hotelDetail .hotel-tab-menu .hotel-details-tab .hotel-lists-details .room-list .room-filter-ccard .room-filter{
	margin-top: 0;
	margin-bottom: 0;
}
html body #root .hotelDetail .hotel-tab-menu .hotel-details-tab .hotel-lists-details .room-list .room-filter-ccard .room-filter .cart-properties{
	margin-bottom: -8px;
}

.room-deals {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #61656e;
}
.room-deals li {
    border-radius: 6px;
    padding: 11px 15px;
    border: solid 1px #eaebec;
    background-color: #ffffff;
    margin-right: 10px;
    float: left;
    height: 60px;
}
.room-deals #modalAvailableCampaigns li{
    border-radius: none;
    padding: initial;
    border: none;
    background-color: initial;
    margin-bottom: 16px;
    float: none;
    height: initial;
}

.safe-tourism-area {
    color: #00b7c8;
    border: 2px solid #00b7c8;
    width: 100%;
    max-width: 350px;
    float: right;
    height: 60px;
    display: flex;
    align-items: center;
    padding: 12px;
    font-weight: bold;
    border-radius: 6px;
    position: relative;
}

.safe-tourism-area .safe-tourism-area-inner {
	display: flex;
	align-items: center;
}

.safe-tourism-area .ets-tooltip-element:hover+.tooltip{
	left:0;
	top: 75px;
}

.safe-tourism-area .etsfonticon-badge {
    font-size: 35px;
    margin-right: 10px;
}

.safe-tourism-area a {
    flex: 10%;
    text-align: right;
    margin-bottom: -4px;
    text-decoration: none;
}

.safe-tourism-area .etsfonticon-info-square {
    color: #3ab7c8;
    font-size: 20px;
    vertical-align: bottom;
    cursor: pointer;
}

html body .safe-tourism-area .tooltip-content{
	margin-left: 20px;
}

html body .safe-tourism-area .tooltip-info{
	display:none;
}

html body .safe-tourism-area .tooltip-info, html body .safe-tourism-area .tooltip-info:before, html body .safe-tourism-area .tooltip-info:after{
	background-color: #00b7c8;
}
.safe-tourism-area .ets-tooltip-element:hover+.tooltip{
	display:block;
}
#roomMinPriceArea i {
    display: inline-block;
}
.box-content .room-detail-link a i {
    display: inline-flex;
    margin-left: 5px;
}
.etsfonticon-arrow-link {
    font-size: 9px;
    margin-left:4px;
}
html body .special-deals .badge-light.orange-light .link {
    display:flex;
    align-items:center;
    margin:0 5px;
}
html body .special-deals .badge-light.orange-light .link i{
    all: unset;
    font-size: 9px;
    margin: 0 5px;
}
.special-deals.allDeals span {
    color: #ff8308;
}

.allDeals a, .special-deals a {
    color: #056bfd;
    display: flex;
    align-items: center;
}

.allDeals span {
    display: block;
}
.allDeals {
    border: solid 1px #ffd5ab!important;
    background-color: #fff8f0!important;
}
.zubizuDeals {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
    border: solid 1px #f8b3d1!important;
    background-color: #FBEFF4!important;
}

.icon-zubizu {
    background-color: #d60f67;
    color: #fff;
    font-size: 43px;
}

.zubizuDeals p {
    color: #d60f67;
    font-weight: 500;
    margin: 0 0 0 10px;
}

.zubizuDeals span {
    display: block;
    color: #61656e;
    font-weight: normal;
}

.room-deals img {
    width: 100%;
}

.zubizuDeals img {
    max-width: 43px;
}
.card-info {
    text-align: left;
    float:left;
}
.card-info img {
    max-width: 65px;
}
.card-info p {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: baseline;
	-moz-align-items: baseline;
	-ms-align-items: baseline;
    align-items: baseline;
    margin: 0;
    line-height:0;
}
.cart-properties span {
    font-size: 12px;
}
.cart-properties a {
    float: right;
}
.cart-properties {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
    text-align: right;
    float: right!important;
    margin-right: 0px!important;
}
.cart-properties button {
    display: block;
    padding: 0;
    font-weight: 300;
    color: #056bfd;
    outline: none;
    margin-left: 70px;
}
.cart-properties button i:before {
    font-size: 7px;
    margin-left: 7px;
}
.room-filter {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
    margin-top: 20px;
}
.room-filter label {
    margin: 0px 10px 0px 0px;
    padding: 10px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
    border-radius: 6px;
    background-color: #f6f8fb;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #1f2126;
}
.room-filter label input {
    margin-right: 5px;
}
.room-filter label.custom-control-label {
	padding: 10px 15px 10px 40px;
}
.room-filter label.custom-control-label:before {
    left: 10px;
    top: 10px;
}
.room-filter label.custom-control-label:after {
    left:20px;
    top:15px;
}

.room-list li img {
    width: 100%;
}

.room-images img {
    max-width: 266px;
    width: 266px;
    border-radius: 6px;
    margin: 0 3px 3px 0;
    object-fit: cover;
    height: 177px;
    cursor: pointer;
}

.room-list .room-card {
    width: 100%;
    margin-top: 25px;
    padding: 10px 10px 0 10px;
    border-radius: 6px;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15);
    background-color: #ffffff;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #1f2126;
}
.room-select-box {
    width: 53%;
}
.room-card .box-content {
	position: relative;
    margin: 0;
    box-sizing: content-box;
    all: unset;
    width: 22%;
    padding: 15px;
}
.room-card .info-header {
    color: #1f2126;
    font-size: 18px;
    margin-left: 4px;
    margin-bottom: 0;
}
.room-card .room-detail-link {
	position: inherit;
    margin: inherit;
    bottom: inherit;
    all: unset;
}
.room-card .hotel-room-detail-opener {
    margin-top: 40px;
    display: flex;
    align-items: center;
}
.room-images {
    width: 25%;
}
.room-card .special-deals {
    width: 62%;
    margin-right:5px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-top: 10px;
}
.room-card .special-deals, .room-card .room-selection{
    display: grid;
    border-radius: 6px;
    background-color: #f6f9fd;
}
.room-selection span {
    display: block;
}
.room-selection {
    width: 38%;
}
.currencyChangeArea.priceText{
	display: flex;
    align-items: center;
    justify-content: flex-end;
}
.room-selection span i, 
.currencyChangeArea.priceText i {
    font-style: normal;
}
span#minRoomPricePaymentAmount span.currencyChangeArea.priceText{
    font-size: 18px;
    font-weight: 500;
}
.room-selection a {
    color: #17cec4;
    text-decoration: none;
}
.total-room-price {
    font-size: 22px;
    font-weight: 500;
}
.old-price {
    font-size: 14px;
    font-weight: normal;
    color: #61656e;
    text-decoration: line-through;
}
.discount-percent{
    background: url(../../img/hotel/detail/ic-etiket.png);
    background-repeat: no-repeat;
    background-position: right;
    font-size: 16px;
    color: #ff8308;
    padding: 2px 9px;
    margin: 10px 0;
    font-weight:bold;
    white-space: nowrap;
}
.total-stay {
    font-size: 14px;
    font-weight: bold;
    margin-top: 5px;
    text-transform:uppercase;
}
.best-price {
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: right;
    color: #ff8308;
}
.room-selection .room-cta {
    align-self: end;
    text-align: right;
    padding-right: 48px;
    padding-bottom: 15px;
    padding-left: 20px;
}
.room-cta a em {
    font-style: normal;
    font-weight: 500;
    color: #17cec4;
}
.room-availability a {
    color: #0b68fe;
}
.room-availability {
    padding: 0 15px;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #1f2126;
    align-self: center;
}
.room-availability p.all-hotel a{
    font-size:12px;
    padding: 13px 18px;
    width: 100%;
    font-weight: normal;
    display:block;
    text-align: center;
}
.room-availability .all-hotel {
    margin: auto;
}
.room-availability .etsfonticon-arrow-link {
    border: none;
    margin: -4px 0px 0px 4px;
    height: inherit;
}
.room-availability p {
    margin: 0px;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    color: #1f2126;
}
.change-date {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 15px;
}
.chg-date-text {
    font-size: 12px;
    color: #f85156;
    line-height: 16px;
}
html body .change-date  .btn-outline-primary{
    margin: 15px 0;
}
.change-date p {
    margin-bottom: 4px;
}
.change-date .link.link-secondary .etsfonticon-arrow-link{
    all: unset;
    color: inherit;
    font-size: 9px;
}
.change-date .link.link-secondary .etsfonticon-arrow-link::before {
    vertical-align: inherit;
}
.special-deals ul:first-of-type {
    -webkit-align-self: baseline;
   -moz-align-self: baseline;
    -ms-align-self: baseline;
    align-self: baseline;
}
.special-deals .installment-table {
    -webkit-align-self: end;
   -moz-align-self: end;
    -ms-align-self: end;
    align-self: end;
    color: #1f2126;
    text-decoration: underline;
    margin-top:20px;
}
html body .special-deals .badge-light.orange-light .specialOfferTime {
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #61656e;
    margin-left:6px;
}
.free-canceled-time{
    color: #61656e;
}
.special-deals .specialOffer .specialOfferText{
    color: #ffa108;
}

.special-deals li.specialOffer .specialOfferTime{
    color: #61656e;
}
.specialOffer a, li.specialOffer .icon-arrow-link {
  font-size: 14px;
  font-weight: normal;
  margin-left:5px;
}
.room-card .box-content ul:first-of-type li{
    margin-bottom:5px;
    font-size: 12px;
    font-weight: normal;
    color: #61656e;
	display: flex;
    align-items: center;
}
.box-content .room-detail-link a{
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #056bfd;
}
.room-card .box-content ul:first-of-type{
	-webkit-align-self: baseline;
     -moz-align-self: baseline;
      -ms-align-self: baseline;
          align-self: baseline;
}
.room-card .box-content .room-detail-link {
	-webkit-align-self: end;
     -moz-align-self: end;
      -ms-align-self: end;
          align-self: end;
}

.room-select-box .select-room-list {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
    margin-bottom: 10px;
}
@media(min-width:991px){
	.room-selection a i {
	    border: 1px solid #17cec4;
	    border-radius: 100%;
	    color: #17cec4;
	    width: 28px;
	    height: 28px;
	    font-size: 10px;
	    margin-left: 5px;
	    margin-right: -5px;
	    display: inline-flex;
	    align-items: center;
	    justify-content: center;
	    margin-right: -30px;
	}
}

@media only screen and (min-width: 320px){
    html body #seasonalInfo-all > .row{
        min-height: auto;
    }
}
@media only screen and (min-width: 768px){
    html body #seasonalInfo-all > .season-style, html body #seasonalInfo-all > .campaign-slider{
        min-height: 350px;
    }
}
.hotel-facility-info h2 {
    margin-top: 10px;
    margin-bottom: -10px;
}
#seasonalInfo-all {
    margin-top: -10px;
}
.hotel-facility-info {
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #1f2126;
}
h2.detailFirstTitle {
    font-size: 32px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #1f2126;
}
.hotelImage {
	height: 100%;
    border-radius: 6px;
    background-size: cover;
    background-repeat: no-repeat;
    padding-left: 0;
    margin-right: 0;
  -webkit-flex-basis: 65%;
     -moz-flex-basis: 65%;
          flex-basis: 65%;
      -ms-flex-basis: 64%;
}

.campaignSlider .slick-slide {
    min-height: 340px;
    border-radius: 4px;
    object-fit: cover;
    width: 350px !important;
}

.campaignSlider .slick-slide img {
    width: 100%;
    height: 350px;
    overflow: hidden;
}

#locationMapArea{
    width: 100%;
    height: 335px;
    border-radius: 6px;
}

@media (max-width: 576px) {
    #locationMapArea{
        max-height: 270px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
}

.etsfonticon-concept-hotel {
    color: #17cec4;
    font-size: 15px;
    margin-right: 5px;
}

.listFacility, .listFacility ul li {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.listFacility ul li{
    margin-bottom: 8px;
}

.listFacility ul {
    width: 50%;
    color: #ffffff;
}

.listFacility i.etsfonticon.etsfonticon-info-square {
    color: #ff8308;
    margin-left: 5px;
}
.listFacility  .tooltipHotel .tooltiptext {
    margin-left: 10px;
    margin-top: -15px;
}

.listFacility .btn-modalHotelFacilities:hover{
	text-decoration: none;
}

li.freeGuestAge {
    padding: 5px;
    display: -webkit-inline-box!important;
	display: -moz-inline-box!important;
	display: -webkit-inline-flex!important;
	display: -ms-inline-flexbox!important;
    display: inline-flex!important;
    border-radius: 3px;
    background-color: #ebf1fa;
    color: #ff8308;
}
.hotel-facility-info .tab-content .tab-pane{
  display: none;
}
.hotel-facility-info .tab-pane.active {
    display: block;
}
.hotel-facility-info li.nav-item {
    font-family: Montserrat;
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1px;
    text-align: center;
    color: #1f2126;
}
.hotel-facility-info .nav-item span {
    display: block;
    font-size: 14px;
	font-weight: normal;
	letter-spacing: 1px;
	text-align: center;
	color: #61656e;
	margin-bottom: 17px;
}
.hotel-facility-info ul.nav.nav-tabs {
    text-align: center;
    border-bottom: 1px solid #d4d5d7;
    margin-bottom: 10px;
    margin-top: 30px;
}

.hotel-facility-info ul.nav.nav-tabs .nav-item {
    width: 50%;
	display:-moz-inline-stack;
	display:inline-block;
    margin: -1px;
    position: relative;
}
.hotel-facility-info ul.nav.nav-tabs a {
    display: block;
    font-weight:normal;
}
.hotel-facility-info ul.nav.nav-tabs a.nav-link.active{
	font-weight: bold;
    padding-bottom: 0;
    color: inherit;
    background-color: transparent;
    border-bottom-color: transparent;
}
.hotel-facility-info a.nav-link.active:after {
    content: "";
    display: block;
    width: 50px;
    height: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    background: #17cec4;
    position: absolute;
    left: 46%;
    bottom: -1px;
}
.hotel-facility-info li.nav-item a:hover, .hotel-facility-info li.nav-item a:focus {
    color:inherit;
    text-decoration:none;
}
.hotelDetail .lists-holder {
    display: none;
}
.facilityDetailInfo {
    margin-top: 20px;
}
.facilityDetailInfo .facilityDetailInfo-wrapper{}
.facilityDetailInfo .facilityDetailInfo-wrapper .facility-detail-info-list{}
.facilityDetailInfo .facilityDetailInfo-wrapper .facility-detail-info-list .facility-detail-info-list-item{
    width: 100%;
    height: auto;
    display: inline-flex;
    flex-direction: column;
    padding: 20px 0;
    border-bottom: 1px solid #d4d5d7;
    border-left: none;
    border-right: none;
}

.facilityDetailInfo .facilityDetailInfo-wrapper .facility-detail-info-list .facility-detail-info-list-item.open-info-item{
    height: auto;
    max-height: inherit;
}

.facilityDetailInfo .facilityDetailInfo-wrapper .facility-detail-info-list .facility-detail-info-list-item.active{
    max-height: initial;
}
.facilityDetailInfo .facilityDetailInfo-wrapper .facility-detail-info-list .facility-detail-info-list-item:first-child{
    border-top: 1px solid #d4d5d7;
}
.facilityDetailInfo .facilityDetailInfo-wrapper .facility-detail-info-list .facility-detail-info-list-item:last-child{
    margin-bottom: 0;
}
.facilityDetailInfo .facilityDetailInfo-wrapper .facility-detail-info-list .facility-detail-info-list-item .conditionsTitle{
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 500;
    color: #1f2126;
}
.facilityDetailInfo .facilityDetailInfo-wrapper .facility-detail-info-list .facility-detail-info-list-item button.link{
    display: flex;
    align-items: center;
    background-color: transparent;
    border: none;
    padding: 0;
    outline: none;
}
.facilityDetailInfo .facilityDetailInfo-wrapper .facility-detail-info-list .facility-detail-info-list-item button.link > i{
    margin-left: 8px;
}
.facilityDetailInfo .facilityDetailInfo-wrapper .facility-detail-info-list .facility-detail-info-list-item.active button.link{
    margin-top: 12px;
}
.facilityDetailInfo .facilityDetailInfo-wrapper .facility-detail-info-list .facility-detail-info-list-item span.conditionsText{
    position: relative;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;  
    overflow: hidden;
    font-size: 14px;
    font-weight: normal;
    color: #1f2126;
}
.facilityDetailInfo .facilityDetailInfo-wrapper .facility-detail-info-list .facility-detail-info-list-item.open-info-item span.conditionsText{
    display: block;
    -webkit-line-clamp: initial;
    overflow: auto;
    -webkit-box-orient: initial;
}
.facilityDetailInfo .facilityDetailInfo-wrapper .facility-detail-info-list .facility-detail-info-list-item.open-info-item span.conditionsText::after{
    display: none;
}
.facilityDetailInfo .facilityDetailInfo-wrapper .facility-detail-info-list .facility-detail-info-list-item span.conditionsText::after{
    content: '';
    position: absolute;
    width: 100%;
    height: 90%;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.77) 35%, #ffffff 84%);
}
.facilityDetailInfo .facilityDetailInfo-wrapper .facility-detail-info-list .facility-detail-info-list-item.active span.conditionsText{
    -webkit-line-clamp: initial;
    height: auto !important;
}
.facilityDetailInfo .facilityDetailInfo-wrapper .facility-detail-info-list .facility-detail-info-list-item.active span.conditionsText::after{
    display: none;
}

@media only screen and (min-width: 320px){
    .facilityDetailInfo .facilityDetailInfo-wrapper .facility-detail-info-list .facility-detail-info-list-item:not(.open-info-item) span.conditionsText{
        height: 100px;
    }
    .facilityDetailInfo .facilityDetailInfo-wrapper .facility-detail-info-list .facility-detail-info-list-item{
        max-height: initial;
    }
}
@media only screen and (min-width: 768px){
    .facilityDetailInfo .facilityDetailInfo-wrapper .facility-detail-info-list .facility-detail-info-list-item:not(.open-info-item) span.conditionsText{
        height: initial;
    }
    .facilityDetailInfo .facilityDetailInfo-wrapper .facility-detail-info-list .facility-detail-info-list-item{
        max-height: 200px;
    }
    @media not all and (min-resolution:.001dpcm) {
        @supports (-webkit-appearance:none) {
            .facilityDetailInfo .facilityDetailInfo-wrapper .facility-detail-info-list .facility-detail-info-list-item:not(.open-info-item) span.conditionsText{
                height: 100px;
            }
        }
    }
    @-moz-document url-prefix() {
        .facilityDetailInfo .facilityDetailInfo-wrapper .facility-detail-info-list .facility-detail-info-list-item {
            max-height: initial;
        }
        .facilityDetailInfo .facilityDetailInfo-wrapper .facility-detail-info-list .facility-detail-info-list-item:not(.open-info-item) span.conditionsText {
            height: 100px;
        }
    }
}
.boxFacility {
    margin-top: 20px;
}
.boxFacility .boxFacility-inner{}
.boxFacility .boxFacility-inner .boxFacility-item ul li a.anchor-link{
    display: flex;
    align-items: center;
}
.boxFacility .boxFacility-inner .boxFacility-item ul li a.anchor-link > i::before{
    vertical-align: middle;
}
.boxFacility .boxFacility-inner .boxFacility-item{
    display: inline-block;
    width: 100%;
}

.boxFacility .boxFacility-inner .boxFacility-item ul.boxFacility-list li:nth-child(n + 6){
    display: none;
}
.boxFacility .boxFacility-inner .boxFacility-item ul.boxFacility-list.active li:nth-child(n + 6){
    display: block;
}
.boxFacility .boxFacility-inner .btn-showMoreBoxFacility{
    background-color: transparent;
    border: none;
    padding: 0;
    padding-left: 23px;
    cursor: pointer;
    outline: none;
}
.boxFacility .boxFacility-inner .btn-showMoreBoxFacility i{
    margin-left: 8px;
}
p.boxFacilityHeader{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1px;
    color: #1f2126;
    margin-bottom: 0;
    cursor: default;
    text-transform: uppercase;
}
p.boxFacilityHeader i.etsfonticon {
    color:#17cec4;
    font-size:17px;
    margin-right:5px;
    width: 18px;
}

p.boxFacilityDesc, .boxFacility ul {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #1f2126;
    padding-left: 23px;
}
.boxFacility ul{
    margin-bottom: 0;
}
.boxFacility a {
    padding-left: 23px;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #056bfd;
}

.boxFacility ul a {
    padding-left: inherit;
    color: #056bfd;
}

p.boxFacilityDesc {
    margin-top: 10px;
}

span.paidServices {
    border-radius: 3px;
    background-color: #ebf1fa;
    padding: 3px 5px;
    color: #61656e;
    font-size: 12px;
}
.boxFacility ul li {
    margin: 6px 0;
}
li.facilitylink a {
    color: #056bfd;
    text-decoration: none;
}
span.bracketsFac {
  font-size: 12px;
  color: #61656e;
}
li.facilityExtra span.defaultFac {
    display:block;
}
span.facilitylink {
    color: #056bfd;
}
.boxFacility p.boxFacilityHeader i:before{
    display:-moz-inline-stack;
    display:inline-block;
}
p.boxFacilityHeader .etsfonticon-pool:before {
    font-size: 21px;
    margin: -16px 0px 0px 0px;
}

p.boxFacilityHeader .etsfonticon-ultra-inclusive:before {
    font-size: 21px;
    margin: 0px 0px 0px 1px;
}
p.boxFacilityHeader .etsfonticon-fun:before {
    font-size: 23px;
}
p.boxFacilityHeader .etsfonticon-spa:before {
    font-size: 21px;
}
p.boxFacilityHeader .etsfonticon-reservation-bell-01:before {
    font-size: 13px;
}
p.boxFacilityHeader .etsfonticon-baby:before {
    font-size: 22px;
    margin: -2px 0px 0px 0px;
}

.boxFacility i.etsfonticon.etsfonticon-arrow-link {
    font-size:10px;
}
.hotelDetail .main-title{
    font-size: 20px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #1f2126;
    /* margin-top: 20px; */
}

.importantInfo span {
    display: block;
    text-align: left;
}

span.checkInTimeHeader, span.checkOutTimeHeader {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 1px;
  color: #9ca1ae;
}

span.checkInTime, span.checkOutTime {
  font-size: 24px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #1f2126;
  margin-top:4px;
}

.conditionsTitle {
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #1f2126;
}

.conditionsText {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #1f2126;
}

.importantInfo li {
  border-radius: 6px;
  border: solid 1px #eaebec;
  background-color: #ffffff;
  margin-bottom:10px;
  padding:0 20px;
}

.importantInfo li.importantInfo-time-item{
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 80px;
    min-height: 80px;
    max-height: 80px;
}

.importantInfoDetail ul {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #1f2126;
}
.importantInfoDetail ul li{
  margin-bottom: 0px;
}
.importantInfoDetail ul li:before {
    content:" ";
    font-size: 18px;
    position:absolute;
    margin: -3px 0 0 -25px;
}

.slick-list.draggable {
    height: 350px!important;
    min-height: 350px;
    border-radius: 6px;
}

.facilityDetailInfo .importantInfo .condDesc .extra-informations-list-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px
}
.facilityDetailInfo .importantInfo .condDesc .extra-informations-list-item:first-child {
    margin-top: 10px;
}

.facilityDetailInfo .importantInfo .condDesc .conditionsText {
    margin-bottom: 10px;
}

.facilityDetailInfo .importantInfo .condDesc .conditionsText:first-child {
    margin-top: 10px;
}

/* otel detay sayfası etkinlikler */

.hotel-event-lists  .items.items-hotel a {
    cursor: pointer;
    border: 1px solid #eaebec;
    width: 100%;
    height: 100%;
    min-height: 355px;
    text-decoration: none;
    display: block;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    overflow: hidden;
}
.content-section {
    padding: 10px 0 0;
}
div#hotelDetail_hotelEvents .detailFirstTitle, div#hotelDetail_hotelLocation .detailFirstTitle, div#hotelDetail_hotelReviews .detailFirstTitle {
    margin-bottom: 20px;
}
.hotel-event-lists .items.items-hotel {
    margin-bottom:30px;
}
.hotel-event-lists .items.items-hotel {
    padding: 0;
    border-radius: 6px;
    border: solid 1px #eaebec;
}
.summerEvent {
    background:url(../../img/hotel/detail/events-new-year.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.hotel-event-lists .eventType {
    position: absolute;
    right: 30px;
    top: 149px;
    width: 45px;
    height: 45px;
    box-shadow: 0 2px 4px 0 rgba(90, 135, 187, 0.15);
    background-color: #ffffff;
    border-radius: 100%;
    display: inline-flex;
}

.hotel-event-lists .images.shine img {
	height: 170px;
    width: 100%;
    background-size: cover;
    object-fit: cover;
}
.eventType:before {
    margin: auto;
    font-size: 26px;
    color: #17cec4;
}

.infoArea {
    padding: 20px;
    line-height: normal;
    letter-spacing: normal;
    color: #1f2126;
}

.infoArea label {
    font-size: 14px;
    letter-spacing: 1px;
    color: #9ca1ae;
}

.infoArea p:first-of-type {
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #1f2126;
    margin: 3px 0 6px 0;
}
.infoArea p:last-of-type {
    font-weight: normal;
    margin-bottom: 12px;
}

.infoArea .etsfonticon-calendar {
    color: #17cec4;
    margin-right:5px;
}

.infoArea span {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #1f2126;
}

.detail-comment-item {
	display : none;
}

.detail-comment-item.active {
	display : block !important;
}

.summerEvent img {
    height: 100%;
    max-height: 355px;
    object-fit: cover;
}
.summerEvent p {
    position: absolute;
    z-index: 2;
    top: calc(38%);
    bottom: calc(44%);
    left: calc(20%);
    right: calc(20%);
    font-size: 20px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #1f2126;
}

.hotel-location .conseptsInfo {
    position: absolute;
    z-index: 2;
    height: 336px;
    left: 0px;
}


#location-hotel-detail-text {
  color: #ffffff !important;
}

.hotel-location {
    margin-bottom: 40px;
}

.hotel-location i.etsfonticon{
    color:#17cec4;
    font-size:19px;
    margin-right:5px;
    width: 25px;
    text-align: center;
}
.hotel-location i.etsfonticon.etsfonticon-sea:before {
    font-size: 18px;
}
.hotel-location i.etsfonticon.etsfonticon-city-hotel:before {
    font-size: 15px;
}
.hotel-location .etsfonticon-sea:before {
    display:inline-block;
    font-size: 29px;
    margin: -9px 0 0 0;
}

.hotel-location .etsfonticon-city {
    display:inline-block;
    font-size: 29px;
    margin: -5px 0 0 0;
}
.hotel-location .conseptsInfo .listFacility ul {
    width: 100%;
    margin-left: 30px;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
}
.visitPlaces {
    margin-top: 20px;
}
.visitPlaces .images.shine img{
    height:234px;
}
.visitPlaces .eventType {
    top:214px;
}
.row.hotel-event-lists.visitPlaces .infoArea .eventType:before {
    font-size: 19px;
}
.visitPlaces span, .visitPlaces .etsfonticon-arrow-link{
    color: #056bfd;
}
.visitPlaces .etsfonticon-arrow-link{
    font-size:10px;
    margin-left:5px;
}
.importantInfoDetail .reviewItem {
    border-radius: 6px;
    border: solid 1px #eaebec;
    background-color: #ffffff;
    padding: 20px;
    margin-bottom: 10px;
}
.reviewPortal .importantInfoDetail {
    padding-left: 30px;
}
.reviewPortal .importantInfoDetail ul {
    margin-left:25px;
}
.reviewPortal .importantInfoDetail .desc-wrapper p {
    font-size: 14px !important;
    font-family: 'Montserrat, Helvetica Neue, Helvetica, Arial' !important;
}
.reviewPortal .importantInfoDetail .desc-wrapper span {
    font-size: 14px !important;
    font-family: 'Montserrat, Helvetica Neue, Helvetica, Arial' !important;
}
.reviewItem p {
    font-size: 20px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #1f2126;
    margin-bottom: 15px;
}
.reviewItem ul {
    color: #61656e;
}
.reviewItem a {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #056bfd;
  display:block;
}
.reviewItem .etsfonticon-arrow-link{
  font-size:10px;
  margin-left:5px;
}

.reviewPortal .importantInfo:before{
  content:"";
  display: block;
  width:100%;
  height: 6px;
  background-image: linear-gradient(to right, #e3eb80 0%, #0fb4ab 98%);
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border: solid 1px #eaebec;
  background-color: #ffffff;
}
.reviewPortal .importantInfo {
  border: solid 1px #eaebec;
  background-color: #ffffff;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  width:100%;
  height: fit-content;
}
.reviewPortal {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.reviewPortal .importantInfoDetail {
  width:25%;
}
.reviewPortal .otelpuan {
	display:block;
  display: grid;
  margin: auto;
  min-height: 120px;
}
.reviewPortal .otelpuan span {
  text-align:center;
  font-size: 24px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff;
}
.reviewPortal .otelpuan span.point {
    font-size: 48px;
    font-weight: bold;
    letter-spacing: -2.13px;
    color: #ffffff;
}
.reviewPortal p.all-hotel{
	margin: 0;
}
.reviewPortal p.all-hotel a{
    margin: 0;
    display: block;
    text-align: center;
}
.totalRev {
    display: grid;
    padding: 20px;
    border-radius: 6px;
    border: solid 1px #eaebec;
    background-color: #ffffff;
    margin-top: 10px;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #61656e;
}

.reviewPortal .otelpuan p {
    margin-bottom: 0;
}

.totalRev span {
    margin: auto;
    text-align: center;
    font-size: 24px;
    color: #1f2126;
}

.importantInfo .row {
    padding: 20px;
}

#user-reviewsContainer .row{
	padding-bottom: 0;
	padding-left: 12px;
	
}

#user-reviewsContainer .row.px-0{
	padding: 20px;
}

#user-reviewsContainer .row.px-0 .col-12{
	padding-right: 4px;
}

.reviewFilter .revItem button {
    float: left;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #61656e;
    padding: 6px 12px;
    margin-right:10px;
	cursor: pointer;
	border: 1px solid #eaebec;
	background-color: #ffffff;
	border-radius: 6px;
	outline: 0;
    margin-bottom: 7px;
}
/*
.revItem  li.all {
    color: #fff;
    background: #9ca1ae;
    font-weight:bold;
}

.revItem li.filter {
    float: right;
    margin-right: 0;
	display: -webkit-inline-box;
	display: -moz-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
}

.filter i {
    font-size: 15px;
    margin-right: 7px;
}
*/
.category-field {
    padding-bottom: 35px;
    clear: both;
}
category-field .category {
    color: #747474;
    font-size: 12px;
    float: left;
    width: 25%;
}
.category-field .meter {
    height: 6px;
    position: relative;
    background: #e7e7e7;
    float: left;
    border-radius: 3px;
    background-color: #ebf1fa;
    width: 100%;
    margin-top: 6px;
}

.category-field .meter-sp {
    display: block;
    height: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 3px;
    background-image: linear-gradient(91deg, #e3eb80 0%, #0fb4ab 98%);
    width: 96%;
}


@media (min-width: 840px) {
.category-field {
    float: left;
    width: 100%;
    padding-bottom: 15px;
    clear: none;
}

 .category-field li.hotel-score-item {
     width: 50%;
     display: inline;
 }
}

.review-list-element {
	border: none !important;
	padding-top: 10px !important;
    font-weight: 300;
}

.criterion span {
  display: inherit;
  float: left;
}

.criterion .score {
    float: right;
    font-size: 14px;
    font-weight: bold;
    line-height: normal;
    letter-spacing: normal;
}

.criterion .category {
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #61656e;
}

.meter span {
    display: inherit;
}
.itemField {
    width: 100%;
}
.category-field.secondary .itemField {
    float: right;
    display: block;
}
.category-field li {
  padding: 0;
  float:left;
  border: 0;
  width: 100%;
  padding-right: 45px;
  margin-top: 15px;
  margin-bottom: 0;
}
.category-field.secondary .itemRight {
  float:right;
}
.category-field.secondary li {
    padding-right: inherit;
    padding-left: 45px;
}

@media (max-width:991px){
  .category-field .itemLeft .itemField {
    width: 100%;
}
  .category-field.secondary .itemLeft .itemField{
    float: left;
  }
  .itemField {
  width:100%;
}
.category-field li {
  padding-right:inherit;
}
.category-field.secondary li{
  width:50%;
  padding-left: inherit!important;
  padding-right: 15px!important;
}
.category-field.secondary .itemRight{
  padding-right:0!important;;
}
}

.hotel-guest-scores {
    margin-top: 20px;
    border-top: 1px solid #eaebec;
    padding-top: 15px;
}


ul.otelPuanReviews li {
    border: 0;
    margin: inherit;
    padding: inherit;
}
.otelPuanReviews .row {
    padding: 0 20px;
}
.guestInfo {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
	background: #f6f8fb;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #61656e;
}
.guestInfo .avatar{
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #c4cbd5;
    border-radius: 50%;
}
.guestInfo .avatar .avatar-inner img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.guestInfo .infoDetail{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0;
}
.guestInfo .infoDetail span{
    font-size: 14px;
    font-weight: normal;
    color: #61656e;
}
.guestInfo .infoDetail .guestId{
    margin-bottom: 4px;
    font-weight: bold;
    color: #1f2126;
}
#user-reviewsContainer .userReviews-area .row{
    height: auto;
    min-height: 177px;
}
#user-reviewsContainer .userReviews-area .row:last-child{
    margin-bottom: 15px;
}
#user-reviewsContainer .userReviews-area .row:last-child{
    height: auto;
    max-height: none;
}
#user-reviewsContainer .userReviews-area .guestReview{
    background-color: #f6f8fb;
    padding: 18px 12px;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #61656e;
}
#user-reviewsContainer .userReviews-area .guestReview ul{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 0;
}
#user-reviewsContainer .userReviews-area .guestReview ul li{
    width: 100%;
    display: inline-block;
    padding: 0 !important;
    margin: 0;
}
#user-reviewsContainer .userReviews-area .guestReview ul li.userReview-comment-wrapper{
    margin: 10px 0;
}
#user-reviewsContainer .userReviews-area .guestReview ul li p{
    margin: 0;
}
#user-reviewsContainer .userReviews-area .guestReview ul li .panel-wrapper-showmore ul{
    margin: 8px 0;
}
#user-reviewsContainer .userReviews-area .guestReview ul li .panel-wrapper-showmore ul li{
    margin-bottom: 8px;
}
#user-reviewsContainer .userReviews-area .guestReview ul li .panel-wrapper-showmore ul li:last-child{
    margin-bottom: 0;
}

/* Only Modal Slider Media Breakpoints */
@media only screen and (min-width: 320px){
	.guestInfo .avatar{
        width: 40px;
        max-width: 40px;
        min-width: 40px;
        height: 40px;
        max-height: 40px;
        margin-bottom: 0px;
        margin-right: 8px;
    }
    .guestInfo .guestInfo-inner{
        display: flex;
    }
    .guestInfo .avatar .avatar-inner{
        width: 20px;
    }
    .guestInfo {
        align-items: flex-start;
    }
    #user-reviewsContainer .userReviews-area .userReview-item-wrapper .guestInfo-wrapper{
        padding-right: 0;
        height: 80px;
        max-height: 80px;
    }
    #user-reviewsContainer .userReviews-area .guestReview{
        border-radius: 0 0 6px 6px;
    }
}
@media only screen and (min-width: 768px){
	.guestInfo .avatar{
        width: 80px;
        max-width: 80px;
        min-width: 80px;
        height: 80px;
        max-height: 80px;
        margin-bottom: 16px;
        margin-right: 0;
    }
    .guestInfo .guestInfo-inner{
        display: initial;
    }
    .guestInfo .avatar .avatar-inner{
        width: auto;
    }
    .guestInfo {
        align-items: center;
        border-radius: 6px 0 0 6px;
    }
    #user-reviewsContainer .userReviews-area .userReview-item-wrapper .guestInfo-wrapper{
        padding-right: 4px;
        height: 177px;
        max-height: 177px;
    }
    #user-reviewsContainer .userReviews-area .guestReview{
        border-radius: 0 6px 6px 0;
    }
}
.guestReview li:first-of-type{
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: right;
  color: #0fb4ab;
}
.guestReview li:first-of-type span {
    float: left;
}
.guestReview li:first-of-type .measurePerformance {
    float: right;
}

span.pointMeasure {
    padding: 4px 9px;
    background: #fff;
    border-radius: 4px;
}
.guestReview li {
    background: transparent;
}

.review-list-sub-review {
	padding-left: 5px !important;
	margin-bottom: 0 !important;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	
}

span.measurePerformance strong {
    font-weight: 500;
}

.panel-wrapper-showmore {
  position: relative;
}

.btnShowHide {
  text-decoration: none;
  width: 100%;
  text-align:left;
  display: block;
}
.btnShowHide i{
  font-size:9px;
}
.showPanel, .hidePanel {
    z-index: 1;
    transition: .25s ease;
    font-size: 14px;
    color: #056bfd;
    display: flex;
    align-items: center;
}
.showPanel i, .hidePanel i {
    margin-left: 4px;
}
.hidePanel {display: none;}
.showPanel:target {display: none;}
.showPanel:target ~ .hidePanel {display: block;}
.showPanel:target ~ .panelContent {display:block;}
.hidePanel:target ~ .panelContent.guestCriterion{
  display:none;
}
.panelContent {
  position: relative;
  margin:auto;
  overflow: hidden;
  display:none;
}
.guestCriterion li, .guestCriterion li:first-of-type{
  font-size:14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #61656e;
  text-align: left;
  margin-bottom: 10px!important;
  min-height: inherit!important;
}
.panel-wrapper-showmore li.review-list-element {
    padding-left: 0!important;
}
.panel-wrapper-showmore .guestCriterion li span{
  background:#fff;
  border-radius: 4px;
  padding:4px 10px;
  float: inherit;
  display: inline-block;
}
.guestCriterion li span em {
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.23px;
  text-align: center;
  color: #0fb4ab;
}
ul.otelPuanReviews p.all-tour a {
    width: 100%;
    display: inline-block;
}
ul.otelPuanReviews p.all-tour {
    margin:auto 15px;
}

/* suggestion hotels */

.suggestionRandom {
    border: solid 1px #ebf1fa;
    background-color: #f6f9fd;
    margin-top:35px;
}
.suggestionRandom header {
    font-size: 24px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #1f2126;
    margin-top: 100px;
}
.suggestionRandom header p {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 1px;
    color: #9ca1ae;
    margin: 0 0 0 0;
}
.suggestionRandom span.pointMeasure {
    position:absolute;
    left:10px;
    top:10px;
    border-radius: 4px;
    background-color: #f6f9fd;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.2px;
    text-align: center;
    color: #0dc5bb;
}
.suggestionRandom .etsfonticon-heart{
    top:0;
    right: 14px;
    box-shadow: none;
    background: transparent;
}
.suggestionRandom .etsfonticon-heart:before{
    color: #fff;
    font-size: 29px;
}
.suggestionRandom .images.shine:before{
    display: none;
}
.suggestionRandom .images.shine img {
    height: 196px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.suggestionRandom .infoArea {
    padding: 15px 15px 0 15px;
}
.suggestionRandom .infoArea p:first-of-type{
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.2px;
    color: #1f2126;
    margin: 0 0 6px 0;
}
.suggestionRandom .infoArea .hotel-location {
    margin: 0;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.2px;
    color: #61656e;
}
.suggestionRandom .infoArea .hotel-location i:before{
    font-size: 15px;
    display: inherit;
}
.suggestionRandom .infoArea .hotel-location i {
    max-width: 12px;
    margin-right: 4px;
}
.suggestionRandom .infoArea ul {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
    margin: 10px 0;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.2px;
    color: #9ca1ae;
}
.suggestionRandom .infoArea ul li {
    float: left;
}
.suggestionRandom .infoArea ul i:before{
  color:#1f2126;
}
.suggestionRandom .infoArea ul span.facilitylink {
  font-size: 12px;
  margin-left:1px;
}
.suggestionRandom .items.items-hotel {
    background:#fff;
    margin-bottom: inherit;
    border-radius: 6px;
    box-shadow: 2px 3px 7px 0 rgba(31, 33, 38, 0.1);
    background-color: #ffffff;
}
.suggestionRandom .items.items-hotel .priceCTA a {
    border: none;
    min-height: inherit;
}
.suggestionRandom .hotel-event-lists .items.items-hotel a i.etsfonticon{
    font-size: 12px;
    border: 1px solid #17cec4;
    color: #17cec4;
    border-radius: 100%;
    width: 32px;
    height: 32px;
    line-height: 0;
    float: right;
    margin-left: inherit;
}
.suggestionRandom .hotel-event-lists .items.items-hotel a i.etsfonticon:before{
	display:-moz-inline-stack;
	display:inline-block;
    margin: 15px 0 0 10px;
}
.suggestionRandom .items.items-hotel .priceCTA .old-price {
    font-size: 14px;
    letter-spacing: normal;
    color: #9ca1ae;
}
.suggestionRandom .items.items-hotel .priceCTA .total-room-price {
    font-size: 16px;
    font-weight: 500;
    color: #17cec4;
}
.suggestionRandom .priceCTA {
    border-top:1px solid  #ebf1fa;
    padding:15px;
}
.suggestionRandom .items.items-hotel .priceCTA a span {
	display:-moz-inline-stack;
	display:inline-block;
    margin-top: 5px;
}
.suggestionRandom .row.hotel-event-lists.visitPlaces {
    margin-bottom:100px;
}

@media (max-width:1306px){
.left {
    flex-basis: 40%;
}

.right-group {
 -webkit-flex-basis:  60%;
   -moz-flex-basis:  60%;
    -ms-flex-basis:  60%;
    flex-basis: 60%;
    max-width: 60%;
}
.activities {
    min-width: initial;
}
}
@media (max-width:1085px){
.left {
	-webkit-flex-basis: 30%;
   -moz-flex-basis:  30%;
    -ms-flex-basis:  30%;
    flex-basis: 30%;
}
.right-group {
    -webkit-flex-basis:  70%;
   -moz-flex-basis:  70%;
    -ms-flex-basis:  70%;
    flex-basis: 70%;
    max-width: 70%;
}
.photo-map {
    margin-right:0;
    -webkit-flex-basis:  39%;
   -moz-flex-basis:  39%;
    -ms-flex-basis:  39%;
    flex-basis: 39%;
    max-width: 39%;
}
.single-image {
    max-width: 60%;
}
.right-group .row {
    margin-right: -19px;
}
}
@media (min-width:991px){
.mobile-group-right .total-stay, .mobile-group-left span.bestPrice br, .room-selection .mobilePoint, .suggestionRandom .row.hotel-event-lists.visitPlaces .items.items-hotel .images.shine .mobilePoint, .suggestionRandom .items.items-hotel .room-selection  {
    display:none;
}
li.mobileEvents ul, .mobileLocation .hotel-location, li.mobileReview .featuredRev, li.mobileReview  .otel-recommendation, .suggestionRandom .infoArea ul li i, .anchor-holder i.etsfonticon-arrow-right{
    display: none;
}

}
@media (max-width:991px){
	/* banner gallery */
	.hotel-banner-info,
	.right-group{
	    display: inline-flex;
	    flex-wrap: inherit;
	    width: 100%;
	    overflow-y: scroll;
        margin: 0;
	}
	.right-group, .info, .activities, 
	.hotel-banner-info .left,
	.hotel-banner-info .right-group,
	.hotel-banner-info .right-group .row,
	.info:before, .activities:before,
	.info img, .activities img,
	.single-image,
	.single-image img,
	.photo-map{
	    all: unset;
	}
	.hotel-banner-info .right-group .row {
	    display: inline-flex;
	    flex-wrap: inherit;
	}
	.hotel-banner-info img{
	    width: 345px;
	    height: 230px;
        z-index: 0;
    	margin-right: 5px;
	}
	.col-md-6.right-group {
	    display: flex;
	}
	.hotel-banner-info .right-group .info.room-facility .box-content{
	    position: absolute;
	}
	.hotel-banner-info .info.room-facility {
	    position: relative;
	}
	.right-group .photo-map {
	    display: flex;
	}
	.right-group .all-media-content img{
	    width: 345px;
	    height: 230px;
	    max-height: inherit;
	    z-index: 0;
	}
	.right-group .all-media-content {
	    width: 345px;
	    height: 230px;
	    position: relative;
	    margin-right: 5px;
	}
	.right-group .box-content {
	    z-index: 1;
	}
	.right-group .seeMap {
	    position: relative;
	}
	.right-group .seeMap img {
	    max-height: inherit;
	    z-index: 0;
        margin-right: 0;
	}
	/* banner gallery end */
	.hotel-name h1 {
	    font-size:20px;
		display:-moz-inline-stack;
		display:inline-block;
	}
	.hotel-name h1 .tooltipHotel {
		display:-moz-inline-stack;
		display:inline-block;
	}
	.hotel-info, .hotel-name div{
	    display:block;
	}
	.hotel-name .hotel-location {
	    margin-bottom: 15px;
	}
	.safe-tourism-area {
	    max-width:inherit;
	}
	.safe-tourism-area .ets-tooltip-element {
	    position: absolute;
	    right: 15px;
	    top: 18px;
	}
	html body .badge-location {
	    font-size: 12px;
	    color: #1f2126;
	    margin-bottom: 10px;
	}
	.social-feed {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		-moz-align-items: center;
		-ms-align-items: center;
		align-items: center;
	    margin: 0 0 15px 0;
	}
	.hotel-info .share ul{
	    margin: 0;
	}
	.hotel-info div#shareDropMenu {
	    margin-left: 0px;
	}
	.hotel-banner-info .left{
		margin-left:15px;
	}
	#shareDropMenu ul {
	    margin-top: 0 !important;
	    padding: 5px !important;
	}
	.hotel-info div#shareDropMenu ul {
	    padding-left: 10px!important;
	}
	.hotel-info .otelpuan {
	    display: inline-block;
        width: 100%;
	}
	.otel-recommendation .etsfonticon-arrow-link {
	    margin: 0 8px 0 5px;
	}
	.hotel-features {
	    overflow-y: hidden;
	    overflow-x: scroll;
	    margin: -15px;
	    padding: 15px 0 0px 15px;
	}
	.hotel-reviews {
	    display: none;
	}
	.hotel-features .tooltipHotel {
	    position: relative;
	    margin: 0px 0 0 -10px;
	}
	.room-list .room-card {
	    display:block;
	}
	.room-images, .room-images img, .room-card .box-content, .room-select-box {
	    width:100%;
	}
	div#hotelDetail_hotelsRoom .room-list .room-card {
	    padding: 0;
	}
	div#hotelDetail_hotelsRoom .room-select-box ul .select-room-list {
	    padding: 5px;
	}
	div#hotelDetail_hotelsRoom .room-card .special-deals{
	    padding-left:10px;
	}
	.room-card .box-content{
	    display: block;
	    position: relative;
        padding-bottom: 5px;
	}
	.room-images img{
	    max-width: 100%;
	    max-height: inherit;
	    object-fit: cover;
	    border-bottom-left-radius: 0;
	    border-bottom-right-radius: 0;
	}
	.room-card .box-content ul {
		display:-moz-inline-stack;
		display:inline-block;
	}
	.room-card .box-content ul li{
	    width:fit-content;
	    margin-right:15px;
	    float:left;
	}
	.room-card .box-content ul:after {
	    content: "";
	    display: block;
	    clear: both;
	}
	.box-content .room-detail-link {
		position: absolute;
	    top: -43px;
	    left: 15px;
	    box-shadow: 2px 1px 5px -1px rgba(97, 101, 110, 0.68);
	    background-color: #f6f9fd;
	    padding: 5px 10px;
	    border-radius: 6px;
	}
	.box-content .room-detail-link .all-media{
	    margin-right:0;
	}
	.room-card .info-header {
	    font-size:16px;
	    margin-bottom: 10px;
	    margin-left: 0;
	}
	.room-select-box .select-room-list {
	    display: block;
	    padding-bottom: 10px;
	}
	div#hotelDetail_hotelsRoom .room-card .special-deals ul li i {
	    margin-right: 4px;
	}
	div#hotelDetail_hotelsRoom .room-card .special-deals .room-detail-link .all-media {
	    margin-left: 29px;
	    font-size: 12px;
	}
	.room-card .special-deals, .room-card .room-selection {
	    display: block;
	    width: 100%;
	    min-height: inherit;
	    padding-bottom: 10px;
	}
	.room-selection .room-cta{
	    padding: 10px;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		-moz-align-items: center;
		-ms-align-items: center;
		align-items: center;
	    border-top: 2px solid #fff;
	}
	.room-selection .room-cta .etsfonticon-arrow-link{
	    position: relative;
	    margin: auto;
	    display:block;
	}
	.room-cta a em{
	    display:none;
	}
	.room-cta span.discountPercent {
	    background-position: left;
	    margin: 0;
		padding: 4px 0px 4px 23px;
		background-size: cover;
	}
	.room-cta span.bestPrice {
	    font-style: normal;
	    text-align:left;
	    display: grid;
	    -webkit-align-items: end;
		-moz-align-items: end;
		-ms-align-items: end;
	    align-items: end;
	    display: none;
	}
	.room-cta span.bestPrice em{
	    font-style:normal;
	    display:block;
	}
	.total-stay {
	    margin: 0;
	    font-size: 12px;
	    color: #9ca1ae;
	    text-transform:uppercase;
	    margin-right:10px;
	}
	.total-room-price {
	    font-size: 18px;
	}
	.room-cta a{
	    margin-left: 10px;
	}
	.mobile-group-left{
	    width: 30%;
	    text-align:left;
	}
	.mobile-group-left .total-stay {
	    display:none;
	}
	.mobile-group-right {
	    width: 70%;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
	    -webkit-justify-content: flex-end;
	   -moz-justify-content: flex-end;
	    -ms-justify-content: flex-end;
	    -ms-flex-pack: flex-end;
	    justify-content: flex-end;
	    -webkit-align-items: flex-end;
		-moz-align-items: flex-end;
		-ms-align-items: flex-end;
	    align-items: flex-end;
	}
	.old-price {
	    font-size: 12px;
	}
	.room-availability {
	    padding: 20px;
	    border-top: 2px solid #fff;
	    text-align: center;
	}
	.room-availability p{
		font-size:12px;
	}
	.room-availability .etsfonticon-arrow-link{
	    margin-left:0;
	}
	.suggestionRandom .row.hotel-event-lists.visitPlaces {
	    overflow:scroll;
	    -webkit-flex-wrap: inherit;
	    -moz-flex-wrap: inherit;
	     -ms-flex-wrap: inherit;
	         flex-wrap: inherit;
	    margin-bottom: 50px;
	}
	.suggestionRandom .visitPlaces .col-md-4 {
	    min-width: 344px;
	    padding-right: 0;
	}
	.suggestionRandom .etsfonticon-heart{
	    right: inherit;
	}
	.suggestionRandom span.pointMeasure {
	    display:none;
	}
	.suggestionRandom .priceCTA {
	    display: none;
	}
	.mobilePoint {
	    position:absolute;
	    right:10px;
	    top:10px;
	    border-radius: 4px;
	    background-color: #f6f9fd;
	    padding:7px;
	    font-size: 10px;
	    font-weight: normal;
	    font-stretch: normal;
	    font-style: normal;
	    line-height: normal;
	    letter-spacing: normal;
	    text-align: right;
	    color: #61656e;
		display: -webkit-inline-box;
		display: -moz-inline-box;
		display: -webkit-inline-flex;
		display: -ms-inline-flexbox;
		display: inline-flex;
	}
	.mobilePoint span.pointMeasure {
	    position:relative;
	    display: contents;
	    background: transparent;
	    left: inherit;
	    top: inherit;
	    right: inherit;
	    border-radius: inherit;
	    font-size: 14px;
	    font-weight: 500;
	    font-stretch: normal;
	    font-style: normal;
	    line-height: normal;
	    letter-spacing: 0.23px;
	    text-align: center;
	    color: #0dc5bb;
	    padding: 0;
	}
	.suggestionRandom .items.items-hotel .mobile-group-right a {
	    width: 34px;
	    height: 34px;
	    min-height: inherit;
	    border: none;
		display:-moz-inline-stack;
		display:inline-block;
	}
	.suggestionRandom .items.items-hotel .room-selection {
	    width: 100%;
	}
	.suggestionRandom .items.items-hotel .room-cta {
	    padding: 15px;
	}
	.suggestionRandom .items.items-hotel .discount-percent {
	    display: inherit;
	    padding: 2px 0px 0 22px;
	    color: #ff8308;
	}
	.items.items-hotel .price-group .total-room-price{
	    font-size: 20px;
	    font-weight: 500;
	    font-stretch: normal;
	    font-style: normal;
	    line-height: normal;
	    letter-spacing: normal;
	    text-align: right;
	    color: #1f2126;
	}
	.items.items-hotel .price-group .old-price {
		font-size: 12px;
		font-weight: normal;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: normal;
		text-align: right;
		color: #61656e;
	}
	.suggestionRandom .items.items-hotel .room-selection .room-cta .etsfonticon-arrow-link:before{
		display:-moz-inline-stack;
		display:inline-block;
	    margin: 15px 10px 6px 0px;
	}
}
/* hotel homepage and hotel detail END */

@media (max-width: 991px) {
    .hotel-tab-menu .anchor-list li:first-child {
	    padding-left: 0px;
	}
	.hotel-details-tab .panel-opener {
	    -webkit-transition: color .3s linear, background-color .3s linear, left .3s linear;
	    transition: color .3s linear, background-color .3s linear, left .3s linear;
	    display: block;
	    font-size: 18px;
	    line-height: 1;
	    font-weight: 500;
	    color: #282827;
	    text-align: center;
	    padding: 21px 35px;
	    position: fixed;
	    left: 100%;
	    top: 0;
	    width: 100%;
	    background-color: #fff;
	    border-bottom: 1px solid #e0dedc;
	    z-index: 9999;
	}
	.content-section, .hotel-details-tab {
	    position: fixed;
	    top: 0;
	    left: 100%;
	    z-index: 11;
	    -webkit-transition: left .3s linear;
	    transition: left .3s linear;
	    bottom: 0;
	    overflow-y: auto;
	    overflow-x: hidden;
	    background: #fff;
	    width: 100vw;
	    padding: 60px 15px 10px;
	    -webkit-overflow-scrolling: touch;
	}
	.content-section:after, .hotel-details-tab:after {
	    height: 60px;
	    content: "";
	    display: block;
	    width: 100%;
	}
	.content-section.active-popup, .hotel-details-tab.active-popup {
	    left: 0;
	}
	.content-section.active-popup .panel-opener, .hotel-details-tab.active-popup .panel-opener {
	    left: 0;
	}
	a.panel-opener.btn-popup-close i.etsfonticon-arrow-left {
	    position: absolute;
	    left: 10px;
	    font-size: 12px;
	    color: #1f2126;
	    top: 24px;
	}
	.content-section .panel-opener {
	    -webkit-transition: color .3s linear, background-color .3s linear, left .3s linear;
	    transition: color .3s linear, background-color .3s linear, left .3s linear;
	    display: block;
	    font-size: 18px;
	    line-height: 1;
	    font-weight: 500;
	    color: #282827;
	    text-align: center;
	    padding: 21px 35px;
	    position: fixed;
	    top: 0;
	    left: 100%;
	    width: 100%;
	    z-index: 9999;
	    background-color: #fff;
	    border-bottom: 1px solid #e0dedc;
	}
	div#hotelDetail_hotelsRoom .hotel-lists-details {
	    margin-top: 0;
	}
	.active-popup .hotel-lists-details .room-deals li{
	    display:none;
	}
	.active-popup .hotel-lists-details .room-deals .special-deals.cart-properties {
	    display:block;
	    width: 100%;
	}
	.hotel-lists-details .room-filter-ccard .room-filter li{
	    display:none;
	}
	.hotel-lists-details .room-filter-ccard .room-filter li.cart-properties{
		display: block;
	    width: 100%;
	    padding: 15px;
	    border-radius: 6px;
	    border: solid 1px #ebf1fa;
	    background-color: #ffffff;
	}
	.cart-properties button {
	    float:right;
	    margin-left: inherit;
	    margin-top: 11px;
	}
	.anchor-list a:hover {
	    color: #fff;
	    background: #282827;
	}
	.hotel-tab-menu .anchor-holder {
	    border-bottom: 0px;
	    position: relative;
	    top:inherit;
	    padding-top: 0;
	    z-index: inherit;
	}
	.suggestionRandom {
	    margin-top: 0;
	}
	.hotel-tab-menu {
	    padding-bottom: 0;
	}
	.suggestionRandom header {
	    margin-top: 50px;
	    font-size: 20px;
	}
	.suggestionRandom header p {
	    font-size: 12px;
	}
	.active-popup .detailFirstTitle {
	    display:none;
	}
	.reviewPortal {
	    display: block;
	}
	.reviewPortal .importantInfo {
	    width: 100%;
	}
	.reviewPortal .importantInfo .col-md-3 {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		-moz-align-items: center;
		-ms-align-items: center;
	    align-items: center;
	    padding: 0;
	    flex-basis: inherit;
	    max-width: inherit;
	    width: 100%;
	    background: #f6f8fb;
	    padding: 0 10px;
	}
	.hotelScoreArea {
	    background: transparent !important;
	    padding: 0 !important;
	}
	.reviewPortal .importantInfo .col-md-9{
	    padding:0;
	    flex-basis: inherit;
	    max-width: inherit;
	    width: 100%;
	    margin-top: 10px;
	}
	.reviewPortal .importantInfo .otelpuan {
		display:-moz-inline-stack;
		display:inline-block;
	    min-height: inherit;
	    padding: 5px;
	    height: 60px;
	    width: 50%;
	    margin: 0 10px 0px 0px;
	}
	.hotel-guest-scores {
	    border: 0;
	    padding: 0;
	    margin-top: 0;
	}
	.reviewPortal .importantInfo{
	    border: none;
	}
	.reviewPortal .importantInfo .row{
	    padding: 15px 15px 15px 15px;
	}
	.reviewPortal .importantInfo:before{
	    display:none;
	}
	.reviewPortal .importantInfo .otelpuan span.measure {
	    font-size: 16px;
	}
	.reviewPortal .importantInfo .otelpuan span.point {
	    font-size: 24px;
	    letter-spacing: normal;
	}
	.reviewPortal .importantInfo font.mobRev span {
	    font-size: 20px;
	}
	.reviewPortal .importantInfo font.mobRev {
	    font-size: 12px;
	    font-weight: normal;
	    font-stretch: normal;
	    font-style: normal;
	    line-height: normal;
	    letter-spacing: normal;
	    color: #61656e;
	}
	.reviewPortal .importantInfo .totalRev {
		display: flex;
        flex-direction: column;
        align-items: center;
	    width: 50%;
	    padding: 10px;
	    height: 62px;
	    margin: 0 0 0 0;
	}
	.reviewPortal .importantInfo .totalRev span{
        font-size: 12px;
        font-weight: normal;
        color: #61656e;
    }
    .reviewPortal .importantInfo .totalRev span strong{
        font-size: 20px;
        color: #1f2126;
        font-weight: normal;
    }
    /*
	ul.revItem {
	    overflow-x: scroll;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
	    margin-right: -15px;
	}
	li.all span:first-of-type {
	    display: none;
	}
	.revItem li.filter span {
	    display: none;
	}
	.revItem li.filter i {
	    margin-right: 0;
	}
	.revItem li.filter {
	    order:-1;
	    color:#056bfd;
	}
	
	li.all span {
	    font-size: 12px;
	    font-weight: 600;
	}
	
	li.all {
	    margin-left: 5px;
	}
	.reviewFilter .revItem li{
	    margin-right: 5px;
        margin-bottom: 0;
        height: 40px;
        max-height: 40px;
        display: flex;
        align-items: center;
	}
    .reviewFilter .revItem li:last-child{
        margin-right: 0;
    }
    */
	.reviewPortal .importantInfo .otelPuanReviews .guestInfo {
	    width: 100%;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		-moz-align-items: center;
		-ms-align-items: center;
		align-items: center;
	}
	.reviewPortal .importantInfo .otelPuanReviews .guestReview {
	    margin: 3px 0 0 0;
	    padding: 15px;
	    font-size:12px;
	}
	.guestInfo img {
	    width: 40px;
	    height: 40px;
	}
	.infoDetail {
	    font-size: 12px;
	    margin-left:6px
	}
	.infoDetail span{
	    text-align:left;
	}
	span.guestAge{
	    margin-top:0;
	}
	span.revDate {
	    margin-top:2px;
	}
	span.guestAge, span.revDate{
	    margin-bottom:0;
	}
	.guestInfo .mobMeasurement {
	    position: absolute;
	    right: 10px;
	    font-size: 12px;
	    font-weight: normal;
	    font-stretch: normal;
	    font-style: normal;
	    line-height: normal;
	    letter-spacing: normal;
	    text-align: right;
	    color: #0fb4ab;
	}
	span.measurePerformance {
	    font-weight: 300;
	}
	.guestInfo .mobMeasurement span{
		display:-moz-inline-stack;
		display:inline-block;
	}
	
	span.pointMeasure, .mobMeasurement span strong{
	    font-weight:500;
	}
	.guestReview .mobMeasurement{
	    display: none;
	}
	.reviewPortal .importantInfoDetail {
	    width: 100%;
	    padding: 0;
        margin-bottom: 45px;
	}
	.importantInfoDetail .reviewItem {
	    margin-bottom: 15px;
	}
	.reviewPortal p.all-hotel a{
	    margin:0;
	}
	div#hotelDetail_hotelsRoom:after {
	    display: none;
	}
	.userReviews-area .p1 {
	    display: flex;
	}
	.reviewPortal .importantInfo .row.p-1 {
	    display: flex;
	    align-items: center;
        margin-top: 8px;
	}
	.reviewPortal .importantInfo .row.p-1 .col-md-3 .guestInfo{
	     display:flex;
	}
	.showPanel {
	    display: flex;
	    align-items: center;
	}
	
	.showPanel i {
	    margin-left: 4px;
	}
	

}
/* media screen max 991px end */

/* accordion panel desktop&mobile */
.boxFacility .accordion__item {
    border-radius: 6px;
    border: solid 1px #eaebec;
    margin-bottom: 30px;
    padding: 20px 10px;
}
div#hotelDetail_hotelInformation .boxFacility .accordion__heading .accordion__button {
    position: relative;
    color: #61656e;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    padding: 20px 15px;
}
@media (min-width: 991px){
    li.all span:last-of-type, font.mobRev, .guestInfo .mobMeasurement {
    display: none;
}
div#hotelDetail_hotelInformation .boxFacility .accordion__heading {
    border-bottom: 1px solid #ebf1fa;
    border: none;
}
div#hotelDetail_hotelInformation .boxFacility .accordion__heading .accordion__button {
    padding: 0;
}
div#hotelDetail_hotelInformation .boxFacility .accordion__heading .accordion__button h5 .accordion__arrow, .footer-links .wrapper .facility-accordion .accordion__heading .accordion__button h5 span {
    display: none;
}
div#hotelDetail_hotelInformation .boxFacility .accordion__panel {
    font-weight: 500;
    padding: 0 30px 30px;
    animation: fadein .35s ease-in;
}
div#hotelDetail_hotelInformation .boxFacility .accordion__panel {
    padding: 0;
    display: block;
}
div#hotelDetail_hotelInformation .boxFacility [hidden="hidden"].accordion__panel {
    display: block !important;
}
}

@media (max-width: 991px){
	.campaignSlider {
	    display: none;
	}
	.hotel-facility-info ul.nav.nav-tabs {
	    display:none;
	}
	.hotelImage {
	    padding-right: 0;
	    flex-basis: inherit;
        background-image: url(../../img/mobil-otel-concept-default.png) !important;
	}
	.boxFacility {
	    margin-top: 25px;
	}
	.boxFacility .accordion__item {
	    margin-bottom: 5px;
	    padding: 0;
	}
	.boxFacility .accordion__panel {
	    margin-left: 15px;
	}
	div#hotelDetail_hotelInformation .boxFacility .accordion__heading .accordion__button h5 {
	    font-weight: 500;
	    color: #1f2126;
	    margin: 0;
	}
	div#hotelDetail_hotelInformation .boxFacility .accordion__heading .accordion__arrow {
		display:-moz-inline-stack;
		display:inline-block;
	    position: relative;
	    width: 24px;
	    height: 12px;
	    position: absolute;
	    top: 50%;
	    right: 15px;
	    margin-top: -6px;
	}
	div#hotelDetail_hotelInformation .boxFacility .accordion__heading .accordion__button h5 .accordion__arrow, .footer-links .wrapper .facility-accordion .accordion__heading .accordion__button h5 span {
	    display: block;
	}
	
	div#hotelDetail_hotelInformation .boxFacility .accordion__panel ul li {
	    font-size: 14px;
	}
	div#hotelDetail_hotelInformation .accordion__panel ul li a {
	    color: #61656e;
	    text-decoration: none;
	}
	
	[role=button] {
	    cursor: pointer;
	}
	[hidden] {
	    display: none!important;
	}
	
	div#hotelDetail_hotelInformation .accordion__heading .accordion__arrow:after, div#hotelDetail_hotelInformation .boxFacility .accordion__heading .accordion__arrow:before {
	    display: block;
	    position: absolute;
	    top: 50%;
	    width: 10px;
	    height: 2px;
	    background-color: currentColor;
	    content: "";
	}
	div#hotelDetail_hotelInformation .boxFacility .accordion__heading .accordion__arrow:before {
	    left: 4px;
	    transform: rotate(45deg);
	}
	div#hotelDetail_hotelInformation .boxFacility .accordion__heading .accordion__arrow:after {
	    right: 4px;
	    transform: rotate(-45deg);
	}
	div#hotelDetail_hotelInformation .boxFacility .accordion__heading .accordion__arrow:after, div#hotelDetail_hotelInformation .boxFacility .accordion__heading .accordion__arrow:before {
	    transition: transform .25s ease, -webkit-transform .25s ease;
	}
}
/* accordion panel  finish*/

@media (max-width: 991px){
    .importantInfoDetail li.condDesc, .importantInfoDetail li.condDesc span {
	    display: block;
	    margin-left: 0px;
	}
	.importantInfoDetail ul li.condDesc:before, .importantInfo li.condDesc{
	    display:none;
	}
    #hotel-detail-page .importantInfoDetail li.condDesc .conditionsText > div{
        margin-bottom: 16px;
        font-size: 12px;
        font-weight: normal;
    }
    #hotel-detail-page .importantInfoDetail li.condDesc .conditionsText > div:last-child{
        margin-bottom: 0;
    }
	.hotel-facility-info .importantInfo {
	    display: block;
	    max-width: inherit;
	    width: 100%;
	  -webkit-flex-basis: 100%;
	     -moz-flex-basis: 100%;
	      -ms-flex-basis: 100%;
	          flex-basis: 100%;
	}
	.hotel-facility-info .importantInfo ul li{
	    width:48%;
	    float:left;
	}
	.hotel-facility-info .importantInfo ul li:nth-child(2){
	    float:right;
	}
	.hotel-facility-info .importantInfo span{
	    text-align:center;
	}
	.hotel-facility-info .importantInfo span.checkInTimeHeader, .hotel-facility-info .importantInfo span.checkOutTimeHeader {
	    font-size: 12px;
	}
	.hotel-facility-info .importantInfo span.checkInTime, .hotel-facility-info .importantInfo span.checkOutTime{
	    font-size: 20px;
	}
	.importantInfoDetail {
	    padding: 0 15px 15px 15px;
	    width: 100%;
	  -webkit-flex-basis: 100%;
	     -moz-flex-basis: 100%;
	      -ms-flex-basis: 100%;
	          flex-basis: 100%;
	    max-width: 100%;
	}
	.facilityDetailInfo .importantInfo .condDesc .extra-informations-list-item {
	    display: flex;
	    flex-direction: row;
	    align-items: center;
	    justify-content: space-between;
	    margin-bottom: 10px
	}
	.facilityDetailInfo .importantInfo .condDesc .extra-informations-list-item:first-child {
	    margin-top: 10px;
	}
	
	.facilityDetailInfo .importantInfo .condDesc .conditionsText {
	    margin-bottom: 10px;
	}
	
	.facilityDetailInfo .importantInfo .condDesc .conditionsText:first-child {
	    margin-top: 10px;
	}
	.importantInfoDetail li{
	    margin-left:25px;
	}
	.importantInfoDetail ul{
	    border: none;
	    background-color: #ffffff;
        padding: 20px 0 28px 0;
	}
	.facilityDetailInfo {
	    margin-top: 10px;
	}
	.hotel-facility-info h2.main-title {
	    margin-top:30px;
	}
	div#hotelDetail_hotelReviews .importantInfoDetail .reviewItem ul{
	    margin-left: 0;
	    padding: 0;
	    border: 0;
	}
    #seasonalInfo-all .row{
        padding:0;
    }
    #seasonalInfo-div{
        padding:0;
        margin:0;
    }
	.hotel-tab-menu ul.anchor-list {
        width: 100%;
	    max-width: 100%;
	    margin-bottom: 20px;
	}
	.modal-header .close {
	    margin: 4px 20px;
	}
	.modal-open .main-special-deal {
	    display:block;
	}
}
.importantInfoDetail .hotel-preference-img {
    width: 100%;
}
@media (min-width:991px){
div#hotelDetail_specialDealsHotel .room-deals {
        display:none;
}
.mobile-special-deal {
    display: none;
}
div#hotelDetail_specialDealsHotel, div#hotelDetail_hotelsRoom {
    z-index:-1;
    padding:0;
}
.room-filter-ccard .room-filter {
    display: block;
}
.room-filter-ccard .room-filter li{
    float:left;
    margin-right: 10px;
    padding-left: 0;
}
#hotelRoomList .room-filter-ccard ul.room-filter li.form-check label{
	padding-left: 40px;
}
#hotelRoomList .room-filter-ccard ul.room-filter li.form-check label::before{
	left: 10px;
}
#hotelRoomList .room-filter-ccard ul.room-filter li.form-check label::after{
	left: 18px;
}
.room-filter-ccard .room-filter .cart-properties{
    border-radius: 6px;
    border: solid 1px #ebf1fa;
    background-color: #ffffff;
    padding: 8px 15px;
    margin-top: -10px;
}

.main-special-deal .room-deals li {
    width: 100%;
    max-width: 250px;
}
.main-special-deal .room-deals li.zubizuDeals {
    max-width: 210px;
}
.room-link span.hidden {
    display:block;
}
.room-link .room-cta {
    display:none;
}
}

@media (max-width:991px){
.main-special-deal {
    display:none;
}
.hotel-tab-menu .anchor-list li a{
    text-align:left;
    padding: 22px 15px 22px 15px;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1.14px;
    color: #4a4a4a;
}
.hotel-tab-menu .anchor-list li a:after {
    color: #1f2126;
    top:33px;
}
.mobile-special-deal a.anchor-link .special-deals.cart-properties {
    border:none;
    margin: 20px;
    border-radius: 6px;
    background-color: #f6f9fd;
    padding: 10px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.mobile-special-deal a.anchor-link .special-deals.cart-properties .card-info {
    text-transform:lowercase;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #1f2126;

}
.special-deals.cart-properties .card-info span {
    font-size: 11px;
}
.special-deals.cart-properties .card-info p span {
    font-size: 12px;
}
.dealLink span {
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: right;
    color: #056bfd;
}
.dealLink {
    order: 3;
    flex: 1;
}
.mobile-special-deal .special-deals.cart-properties i{
    width:25px;
    height:25px;
    color:#fff;
    border-radius: 12.5px;
    background-color: #ff8308;
    margin-right: 10px;
}
.mobile-special-deal .special-deals.cart-properties i:before{
	display:-moz-inline-stack;
	display:inline-block;
    margin: 3px 1px 0px 2px;
    font-size: 18px;
}
.content-section.active-popup .room-deals {
    margin-top: 20px;
}
.content-section.active-popup .room-deals li {
    width: 100%;
    margin-bottom: 10px;
}
.hotel-tab-menu .anchor-list li.eventListCard {
    border: none;
    margin-top: 20px;
    border-radius: 6px;
    background-color: #f6f9fd;
    padding: 10px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
    min-height: 80px;
}

li.eventListCard img {
    width: 100%;
    max-width: 100px;
}

li.eventListCard .card-info {
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #1f2126;
    margin-left: 15px;
    text-transform: capitalize;
}
li.eventListCard .card-info span{
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #61656e;
    margin-top: 2px;
}

li.eventListCard .dealLink {
    text-align:right;
}
li.mobileLocation .hotel-location {
    margin: 20px -15px 0 -15px;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
}
li.mobileLocation .hotel-location .conseptsInfo {
    position: relative;
    padding-left: 0;
    height: 90px;
    width: 75%;
}
li.mobileLocation .locationMap{
    padding-right:0;
    height: 90px;
    width: 25%;
}
li.mobileLocation .locationMap iframe {
    max-height: 90px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
li.mobileLocation .locationMap span{
    width: 100%;
    height: 90px;
    display: block;
    background-position: center center;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
li.mobileLocation .hotel-location .listFacility {
    align-items: center;
    margin-bottom: 6px;
}

li.mobileLocation .hotel-location .listFacility ul {
    margin-left: 0;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #61656e;
    text-transform: capitalize;
}
.mobileLocation .hotel-location .listFacility ul li{
    border:0;
    margin:0;
}
.mobile-special-deal .priceTable {
    border: none;
    margin: 5px;
    border-radius: 6px;
    padding: 10px;
}
.mobile-special-deal .priceTable .special-deals {
    border-radius: 6px;
    padding: 11px 15px;
    border: solid 1px #eaebec;
}
.mobile-special-deal .priceTable .special-deals a {
    color: #056bfd;
}
.mobile-special-deal .priceTable .special-deals {
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #1f2126;
    text-transform:capitalize;
    padding: 10px 15px;
}
.mobile-special-deal .priceTable .special-deals a{
    color: #056bfd;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: normal;
    padding: 0;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
}
.mobile-special-deal .priceTable .special-deals a:focus, .mobile-special-deal .priceTable .special-deals a:visited, .mobile-special-deal .priceTable .special-deals a:active{
    background:transparent;
}
.mobile-special-deal .priceTable .special-deals a .etsfonticon-arrow-link{
    margin-left:5px;
}
.mobile-special-deal .priceTable .special-deals a:after, .mobile-special-deal a.blankHref:after{
    display:none;
}
.hotel-tab-menu .anchor-list li a:hover, .hotel-tab-menu .anchor-list li a:focus, .hotel-tab-menu .anchor-list li a:visited, .hotel-tab-menu .anchor-list li a:active{
    background:#f6f9fd;
    text-decoration:none;
    cursor:pointer;
}
.anchor-list a.anchor-link i.etsfonticon-arrow-right {
    position: absolute;
    right: 20px;
    color: #1f2126;
    font-size: 12px;
    top: 28px;
}
.mobileReview .featuredRev{
    margin-top:22px;
    border-radius: 6px;
    background-color: #f6f9fd;
    padding:15px;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #1f2126;
    text-transform:capitalize;
}
li.mobileReview .featuredRev p{
    margin-bottom:0;
}
li.mobileReview .featuredRev .otelpuan {
	display: -webkit-inline-box;
	display: -moz-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
    margin-bottom: 10px;
    margin-left: 0;
}
li.mobileReview .featuredRev .otelpuan .point {
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.62px;
}
li.mobileReview .featuredRev .otelpuan span.measure {
    font-size: 12px;
    font-weight: 500;
}
li.mobileReview .otel-recommendation{
    margin-top:10px;
}
li.mobileReview .otel-recommendation font{
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: right;
    color: #17cec4;
    text-transform:capitalize;
}
li.mobileReview .otel-recommendation span {
    float:right;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: right;
    color: #056bfd;
}
div#hotelDetail_hotelEvents .row.hotel-event-lists .col-md-3 {
    width:50%;
    padding: 0px 7px 15px 7px;
    flex-basis: 50%;
    max-width: inherit;
}
div#hotelDetail_hotelEvents .hotel-event-lists .images.shine img {
    height: 108px;
}
div#hotelDetail_hotelEvents .hotel-event-lists .eventType {
    width: 32px;
    height: 32px;
    top: 91px;
    right: 15px;
}
div#hotelDetail_hotelEvents .eventType:before {
    font-size: 18px;
    margin: 9px 0 0 8px;
}
div#hotelDetail_hotelEvents .infoArea {
    padding: 10px;
}
.infoArea label {
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.86px;
    color: #9ca1ae;
}
div#hotelDetail_hotelEvents .infoArea p:first-of-type {
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #1f2126;
}
div#hotelDetail_hotelEvents .infoArea p:last-of-type {
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #1f2126;
}
div#hotelDetail_hotelEvents .infoArea .etsfonticon-calendar:before {
    font-size: 12px;
}
div#hotelDetail_hotelEvents .infoArea span {
    font-size: 12px;
}
div#hotelDetail_hotelEvents .hotel-event-lists .items.items-hotel a {
    min-height: 260px;
    min-width: inherit;
}
div#hotelDetail_hotelEvents .summerEvent p {
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #1f2126;
}
div#hotelDetail_hotelEvents .row.hotel-event-lists {
    padding: 10px;
}
div#hotelDetail_hotelEvents .hotel-event-lists .items.items-hotel {
    margin-bottom: 0;
}
a.panel-opener.btn-popup-close {
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #1f2126;
    z-index: 20;
}
/*
hotelLocation
*/
div#hotelDetail_hotelLocation .hotel-location .conseptsInfo {
    order: 2;
    position: inherit;
     -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
     -ms-flex-basis: 100%;
    flex-basis: 100%;
    max-width: inherit;
 
}

div#hotelDetail_hotelLocation .hotel-location .locationMap {
    order: 1;
    height:inherit;
}
div#hotelDetail_hotelLocation .hotel-location .locationMap iframe{
    max-height:270px;
}
div#hotelDetail_hotelLocation h2.main-title {
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 10px;
}
div#hotelDetail_hotelLocation .hotel-location {
    margin-bottom: 30px;
}
@media (max-width: 576px) {
    div#hotelDetail_hotelLocation .hotel-location {
        margin-top: 20px;
    }
}
div#hotelDetail_hotelLocation .visitPlaces {
    margin-top: 0;
    overflow: scroll;
      -webkit-flex-wrap: inherit;
     -moz-flex-wrap: inherit;
      -ms-flex-wrap: inherit;
    flex-wrap: inherit;
}
div#hotelDetail_hotelLocation .visitPlaces .col-md-4 {
    min-width: 290px;
    padding-right: 0;
}
div#hotelDetail_hotelLocation .visitPlaces .items.items-hotel a {
    min-height: inherit;
}
div#hotelDetail_hotelLocation .visitPlaces .images.shine img {
    height: 180px;
}

div#hotelDetail_hotelLocation .visitPlaces .eventType {
    top: 163px;
    right: 10px;
    width: 32px;
    height: 32px;
}
div#hotelDetail_hotelLocation .eventType:before {
    font-size: 18px;
    margin: 7px 0 0 7px;
}
div#hotelDetail_hotelLocation .infoArea p:first-of-type {
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #1f2126;
}
div#hotelDetail_hotelLocation .infoArea p:last-of-type {
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #61656e;
}
div#hotelDetail_hotelLocation .hotel-event-lists .items.items-hotel {
    min-height: 345px;
}
.room-link .room-cta {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
}
.room-link a.anchor-link {
    padding: 15px;
}
.room-link a:after {
    display: none;
}
.room-link .room-cta .mobile-group-left span.bestPrice {
    font-style: normal;
    text-align: left;
    display: grid;
   	-webkit-align-items: baseline;
	-moz-align-items: baseline;
	-ms-align-items: baseline;
    align-items: baseline;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #61656e;
}
.room-link .mobile-group-right {
    width: 70%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
}
.room-link .old-price {
    display: block;
    letter-spacing: normal;
    text-align: right;
}
div#hotelDetail_hotelsRoom {
    z-index: 12;
    background-color: #f6f9fd;
}
.room-link {
    position: fixed;
    bottom: 0;
    left:0;
    background: #fff;
    z-index: 12;
    box-shadow: 0 0 15px 2px rgba(0, 0, 0, 0.27);
    background-color: #ffffff;
    width: 100%;
}
.wrapper.hotel-tab-menu .room-link a.anchor-link .mobile-group-left {
    width:20%;
    min-width:70px
}
.wrapper.hotel-tab-menu .room-link a.anchor-link .mobile-group-right {
    width:80%;
    text-align:right;
}

#room_menu .room-cta #roomMinPriceArea.mobile-group-right button{
    width: 130px;
    padding: 11px 10px 11px 25px;
    font-weight: normal;
    text-transform: uppercase;
    justify-content: end;
    margin-left: 10px
}
}
/* card select start */
div#modalDifferentCard {
    z-index: 999999999999;
    background-color: rgba(18, 5, 41, 0.4);
}
.modal-backdrop.show {
    display: none;
}
.modal-body ul.cardTypeMenu li{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
    float: none!important;
    width: 100%;
    border: solid 1px #ebf1fa;
    background-color: #ffffff;
    padding:20px;
}
.modal-body ul.cardTypeMenu li:nth-child(1){
    border-radius:6px;
}
.modal-body ul.cardTypeMenu li:nth-child(2){
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.modal-body ul.cardTypeMenu li:last-of-type{
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
.modal-body ul.cardTypeMenu .cart-properties.activeCard .card-info{
    width:50%;
}
.modal-body ul.cardTypeMenu .cart-properties.activeCard button {
    margin-left: inherit;
    text-align:right;
    width:50%;
    order: 1;
}
div#modalDifferentCard .modal-content {
    margin-top:10%;
    background:transparent;
    box-shadow: none!important;
}
div#modalDifferentCard .modal-header{
    display:none;
}
.modal-body ul.cardTypeMenu .cart-properties.activeCard {
    margin-bottom: 3px;
    padding:12px 15px;
}
.modal-body ul.cardTypeMenu img {
    width: 100%;
    max-width: 51px;
}
.modal-body ul.cardTypeMenu .cart-properties.activeCard img{
    max-width: 65px;
}
.modal-body ul.cardTypeMenu span.percentage {
    float: right;
    width: 5%;
    min-width: 40px;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ff8300;
}
.modal-body ul.cardTypeMenu .cardLogo {
    width: 5%;
    text-align: center;
    max-width: 60px;
    min-width: 60px;
}
.modal-body ul.cardTypeMenu span.cardName {
    width: 90%;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #1f2126;
}
.modal-body ul.cardTypeMenu .cart-properties.activeCard button {
    margin-top:0;
}
.modal-body ul.cardTypeMenu .cart-properties button:before {
    transform: rotate(180deg);
    margin-top: 2px;
    padding-inline-start: 0px;
    padding-inline-end: 10px;
}
@media (max-width:991px){
	div#modalDifferentCard .modal-content {
		margin-top: 75px;
	}
	div#modalDifferentCard .modal-content .modal-body {
	    padding: 10px!important;
	}
}
/* card select finish*/

/* slick campaign start*/
.campaign-slider ul.slick-dots {
    position:absolute;
    bottom: 0px;
    margin: 0 auto;
    width: 100%;
}
.campaign-slider .slick-arrow {
    position: absolute;
    top: 48%;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
    background-color: #ffffff;
    width: 30px;
    height: 30px;
    border-radius: 100%;
}
.campaign-slider .slick-arrow:focus{
    outline:none;
}
.campaign-slider button.slick-next{
    right: -15px;
}
.campaign-slider button.slick-prev{
    left: -15px;
    z-index: 1;
}
.campaign-slider .slick-arrow i:before{
    display:-moz-inline-stack;
	display:inline-block;
}
.campaign-slider button.slick-next i:before{
    margin: 4px -2px 0 0;
}
.campaign-slider button.slick-prev i:before{
    margin: 4px 5px 0 0;
}
/* slick campaign finish*/


.reviewCategory-tab-item.active{
	color: #fff !important;
    background: #9ca1ae !important;
    font-weight: bold !important;
}


.anchor-shrink {
	position: fixed!important;
}

.anchor-list-shrink {
    margin-bottom: 10px;
    padding-left: 15px;
}

.anchor-shrink-bg {
	background-color: #fff;
	height:151px;
	position: fixed;
	left:0;
	right:0;
	top:0;
	box-shadow: 4px 4px 12px 0 rgba(74, 73, 71, .2);
	z-index:9
} 
.tooltip.show, .modal-open .modal {
    z-index: 99999;
}

.hotel-theme-text-center {
    margin: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    min-width: 80px;
    width: 80px;
    white-space: nowrap;
    height: 30px;
    min-height: 30px;
    -webkit-line-clamp: 4;
}
.hideshow .box-content{
	display: none;
}
.hideshow:hover .box-content{
	display: block;
}
.hideshow:hover:before{
	background: #120529;
	opacity: 0.6;
}
#allFeaturesAndPhotosModal #myTab li{
	cursor:pointer;
}

.ui-tooltip .ui-tooltip-content h4 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 5px;
}

.ui-tooltip .ui-tooltip-content {

    padding: 15px;
}

.ui-tooltip {
    max-width: 600px;
    box-shadow: 0 0 30px #c0c0c0;
    border: none !important;
    border-radius: 8px;
}

.modal-dialog {
    max-width: 900px;
}

.modal-dialog .modal-content .modal-title {
    text-transform: capitalize;
}

.modal-dialog .modal-content .modal-body .conditionsText {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased !important;
	-moz-font-smoothing: antialiased !important;
	text-rendering: optimizelegibility !important;
	letter-spacing: .03em;
    text-align: justify;
    color: #4a4947 !important;
}

.modal-dialog .modal-content .modal-body .conditionsText font {
    display: block;
    padding-bottom: 10px;
}
#hotel-generalDescription .modal-dialog {
    top:75px;
}
#hotel-generalDescription .modal-header .close {
    top: 3px;
    right: 3px;
}
#hotel-generalDescription .modal-body {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 600px;
    margin-bottom: 30px!important;
}
@media only screen and (max-width: 768px){
    #hotel-generalDescription .modal-dialog {
        top:50px;
    }
    #hotel-generalDescription .modal-header .close {
        right: -10px;
    }
}
.hotelInfo .social-feed .share ul {
    display: flex;
    align-items: baseline;
}
.breadcrumb-desktop i.etsfonticon{
	line-height: 3 !important;
	color: #61656e !important;
}
.otel-recommendation-rate{
	font-family: Montserrat;
	font-size: 14px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: right;
	color: #17cec4;
}
.badge.badge-light.green .etsfonticon-info-square {
    color: #61656e;
    font-size: 14px;
}
i.hotel-cancel-popover:after {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
html body .special-deals .badge{
	position:relative;
}
.popover {
    left: 3px!important;
    max-width: 315px;
    padding: 20px;
    box-shadow: 0 1px 10px 0 rgba(18, 5, 41, 0.2);
    background-color: #ffffff;
    border: none;
}
.popover .arrow {
    border:none;
}
.popover .arrow:before {
    border-bottom-color: rgb(0 0 0 / 7%);
}
.popover-body,
ul.category-field.hotel-cancel-popover-content, 
.category-field.hotel-cancel-popover-content li {
    margin: 0;
    padding: 0;
}
.category-field.hotel-cancel-popover-content li {
    list-style: disc;
    margin-left: 16px;
    font-size: 12px;
}
.popover-body h5 {
    font-size: 14px;
    font-weight: bold;
    font-family: 'Montserrat';
    color: #1f2126;
}
/* _MODAL */

.modal-header-section,
.modal-wrapper .modal-body-section .modal-content-section .facility-wrapper,
.modal-wrapper .modal-body-section .modal-content-section .irregular-wrapper .irregular-list,
.modal-wrapper .modal-body-section .modal-content-section .facility-wrapper .facility-item,
.modal-wrapper .modal-body-section .carousel-wrapper{
	display: flex;
}

.modal-wrapper{color: #363b44;}
.modal-wrapper .modal-content{
	border: none;
	border-radius: 8px;
}
.modal-wrapper .modal-header-section{
	justify-content: space-between;
	align-items: center;
	padding: 10px 15px;
}
.modal-wrapper .modal-header-section .modal-title{
	font-size: 18px;
	font-weight: bold;
}
.modal-wrapper .modal-body-section{
	margin-bottom: 20px;
}
.modal-wrapper .modal-body-section .modal-content-section .info-wrapper{margin-top: 16px;}
.modal-wrapper .modal-body-section .modal-content-section .facility-wrapper{flex-direction: column;}
.modal-wrapper .modal-body-section .modal-content-section .facility-wrapper .facility-title{
	margin-bottom: 8px;
	font-size: 14px;
	font-weight: bold;
}
.modal-wrapper .modal-body-section .modal-content-section .irregular-wrapper{
	height: 100%;
	border: 1px solid #e1e1e1;
	padding: 18px 16px;
}
.modal-wrapper .modal-body-section .modal-content-section .irregular-wrapper .irregular-list{flex-wrap: wrap;}
.modal-wrapper .modal-body-section .modal-content-section .irregular-wrapper .irregular-list .facility-item{margin-right: 16px;}
.modal-wrapper .modal-body-section .modal-content-section .irregular-wrapper .irregular-list .facility-item:last-child(){margin-right: 0;}

.modal-wrapper .modal-body-section .modal-content-section .facility-wrapper .facility-item .facility-icon{margin-right: 8px;}

.modal-wrapper .modal-body-section .carousel-wrapper{
	width: 100%;
	overflow-x: scroll;
	margin-top:8px;
}
.facility-wrapper.irregular-wrapper {
    overflow-y: auto;
    max-height: 430px;
}
#roomDetailApp .modal-body .container{
	padding-left: 10px;
}
.modal-wrapper .modal-body-section .carousel-wrapper .mini-gallery-item{
    cursor: pointer;
    margin-left: 5px;
}
.modal-wrapper .modal-body-section .carousel-wrapper .current-image,
.modal-wrapper .modal-body-section .carousel-wrapper .mini-gallery-item:hover{
	outline: 4px solid #17cec4;
    outline-offset: -4px;
}
.modal-wrapper .modal-body-section .carousel-wrapper .mini-gallery-item img{width: 150px;height: 100px;object-fit: cover;}

#modalAvailabilityCalendar .modal-dialog{
	max-width: 700px;
	width: 700px;
}
#modalAvailabilityCalendar .availibity-daterangepicker-wrapper .reportrange-text{
	display: none;
}
#modalAvailabilityCalendar .availibity-daterangepicker-wrapper .daterangepicker{
	width: 100%;
}
#modalAvailabilityCalendar .availibity-daterangepicker-wrapper .calendars-container{
    width: 100%;
    border-bottom: 1px solid #ebf1fa;
}
#modalAvailabilityCalendar .availibity-daterangepicker-wrapper td.today{
    color: white;
    background-color: #fd4f00;
    opacity: 1;
    cursor: inherit;
}
#modalAvailabilityCalendar .availibity-daterangepicker-wrapper td.disabled-days{
    position: relative;
    color: #c4cbd5;
    background-color: #fff;
    opacity: 1;
    cursor: not-allowed;
}
#modalAvailabilityCalendar .availibity-daterangepicker-wrapper td.disabled-days:after{
    content: '';
    position: absolute;
    bottom: 0;
    left: calc(50% - 3px);
    display: block;
    width: 6px;
    height: 6px;
    background-color: #f85156;
    border-radius: 50px;
}
#modalAvailabilityCalendar .availibity-daterangepicker-wrapper .daterangepicker-footer a{
	font-size: 14px;
	font-weight: 500;
	color: white;
}
#modalAvailabilityCalendar .availibity-daterangepicker-wrapper .daterangepicker-footer ul{
    margin: 0;
    padding: 0;
}
#modalAvailabilityCalendar .availibity-daterangepicker-wrapper .daterangepicker-footer ul li{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
#modalAvailabilityCalendar .availibity-daterangepicker-wrapper .daterangepicker-footer ul li .disabled-point{
    display: block;
    width: 6px;
    height: 6px;
    margin-right: 8px;
    background-color: #f85156;
    border-radius: 50px;
}
/* Modal CSS End */
/** _HOTEL_GALLERY **/
#roomDetailApp {
    max-width: 640px;
    margin: auto;
}
#roomDetailApp .modal-header .modal-header-inner-group h5{
	margin-bottom:9px;
}
#roomDetailApp .modal-body{
    padding-top: 0px!important;
}
#roomDetailApp .modal-body .hotel-slider-wrapper{}
#roomDetailApp .modal-body .hotel-slider-wrapper .hotel-slider-inner{
	position: relative;
    width: 100%;
}
#roomDetailApp .modal-body .hotel-slider-wrapper .gallery-wrapper::before{
	content: '';
	position: absolute;
	bottom: 0;
    left: 0;
	width: 100%;
	height: 50%;
	background: linear-gradient(to top, black 0%, transparent);
}
#roomDetailApp .modal-body .hotel-slider-wrapper .gallery-wrapper .gallery-item img{
	width: 100%;
    height: 350px;
    max-height: 350px;
    object-fit: cover;
}

#roomDetailApp .hotel-slider-wrapper .mini-gallery-wrapper{
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	overflow-x:auto;
	padding:10px;
	
}
#roomDetailApp .hotel-slider-wrapper .mini-gallery-wrapper ul{
	display:flex;
	padding:0px;
	margin:0px;
}
#roomDetailApp .hotel-slider-wrapper .mini-gallery-wrapper ul .mini-gallery-item{
	list-style: none;
    display: inline-block;
    margin-right:10px;
    width:81px;
    min-width: 81px !important;
    height:55px;
    cursor: pointer;
}
#roomDetailApp .hotel-slider-wrapper .mini-gallery-wrapper ul .mini-gallery-item:last-child{
	margin-right:0px;
}
#roomDetailApp .hotel-slider-wrapper .mini-gallery-wrapper ul .mini-gallery-item.active{
	border:1px solid #ffffff;
	width:91px;
	height:60px;
}
#roomDetailApp .hotel-slider-wrapper .mini-gallery-wrapper ul .mini-gallery-item img{
	width:100%;
	height:100%;
}
#roomDetailApp .modal-body .info-room-wrapper{
	margin: 25px 0 0;
}
#roomDetailApp .modal-body .info-room-wrapper .info-room li{
	margin-right: 25px;
}
#roomDetailApp .modal-body .info-room-wrapper .info-room li:last-child {
	margin-right: 0px;
}
#roomDetailApp .modal-header {
    padding: 20px 40px 0px !important;
}




/* Only Modal Slider Media Breakpoints */
@media only screen and (min-width: 320px){
	#roomDetailApp .hotel-slider-wrapper .mini-gallery-wrapper ul .mini-gallery-item.active{
		width:200px
	}
    html body .modal#modalRoomFacilities .modal-dialog{
        width: 100%;
        max-width: 100%;
        height: 100%;
        margin: 0;
    }
    html body .modal#modalRoomFacilities #roomDetailApp .modal-body{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    html body .modal#modalRoomFacilities #roomDetailApp .hotel-slider-wrapper{
        width: 100%;
    }
    html body .modal#modalRoomFacilities #roomDetailApp .modal-body-inner{
        padding: 0 40px;
    }
    .hotel-slider-wrapper .btn-prev {
        left: 10px;
    }
    .hotel-slider-wrapper .btn-next {
        right: 10px;
    }
}
@media only screen and (min-width: 768px){
	#roomDetailApp .hotel-slider-wrapper .mini-gallery-wrapper ul .mini-gallery-item.active{
		width:91px;
	}
    html body .modal#modalRoomFacilities .modal-dialog{
        width: 100%;
        max-width: 100%;
        height: 100%;
        margin: auto;
    }
    html body .modal#modalRoomFacilities #roomDetailApp .modal-body{
        padding-left: 40px !important;
        padding-right: 40px !important;
    }
    html body .modal#modalRoomFacilities #roomDetailApp .hotel-slider-wrapper{
        width: 100%;
    }
    html body .modal#modalRoomFacilities #roomDetailApp .modal-body-inner{
        padding: initial;
    }
    .hotel-slider-wrapper .btn-prev {
        left: 30px;
    }
    .hotel-slider-wrapper .btn-next {
        right: 30px;
    }
}


#roomDetailApp .hotel-slider-wrapper .btn-prev {
    left: 10px;
}
#roomDetailApp .hotel-slider-wrapper .btn-arrow i {
    font-size: 20px;
}
#roomDetailApp .hotel-slider-wrapper .btn-next{
    right: 10px;
}
#roomDetailApp .hotel-slide-length {
    z-index: 12;
    position: absolute;
    color: #fff;
    right: 15px;
    bottom: 10px;
}

#roomDetailApp ul.info-room li {
    display: inline-flex;
    align-items: center;
}
#roomDetailApp ul.info-room li span{
    margin:0;
    align-items: center;
}
#roomDetailApp .description div {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.29;
    letter-spacing: normal;
    color: #1f2126;
}
#modalRoomFacilities .btn-room-facilities-close {
    right: 3px;
    top: 3px;
}
#modalRoomFacilities .facility-text {
    margin-top: 3px;
}
.hotel-slider-wrapper .hotel-slider-container {
    position: relative;
    width: 100%;
    height: 500px;
    padding: 24px 24px 0;
}
.hotel-slider-wrapper {
    display: flex;
    align-items: center;
    position: relative;
}
.hotel-slider-wrapper .btn-arrow {
	position: absolute;
	top: 50%;
	outline: none;
	background: white;
	border: none;
	color: #1f2126;
    z-index: 10;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 2px 4px rgba(0, 0, 0, 0.05);
}
html body .hotel-slider-wrapper .btn-arrow i{
    font-size: initial;
}
.hotel-slider-wrapper .btn-arrow i::before{
    vertical-align: middle;
}
.carousel-category-list .btn:focus {
    outline:none;
    border:none;
}
.hotel-slider-wrapper .btn-arrow i {
    font-size: 26px;
}
.modal-body-section .carousel-wrapper {
    width: 100%;
    overflow-x: scroll;
    margin-top: 8px;
    display:flex;
    align-items:center;
}
.modal-body .container ul.w-100.row{
	list-style: inside;
}
.mini-gallery-item img {
    width: 150px;
    height: 100px;
    object-fit: cover;
}
.mini-gallery-item {
    padding:0;
}
@media (min-width:991px){
	.hotelGalleryApp .container {
	    min-width: 1092px;
	    max-width: 1092px;
	    padding: 0;
	    margin: 0 15px;
	    flex: 80%;
	}
	.hotelGalleryApp .gallery-col-2{
	    width: 20%;
	    flex: 20%;
	    max-width: 20%;
	}
	.hotelGalleryApp {
	    overflow-x: auto;
	    flex-wrap: inherit;
	}
}
@media (min-width: 1820px) {
    .hotelGalleryApp .gallery-col-2 {
        width: 20%;
        flex: 30%;
        max-width: 21%;
    }
}
@media (min-width: 1948px) {
    .hotelGalleryApp .gallery-col-2 {
        width: 20%;
        flex: 30%;
        max-width: 25%;
    }
}
@media (min-width: 2260px) {
    .hotelGalleryApp .gallery-col-2 {
        width: 20%;
        flex: 30%;
        max-width: 30%;
    }
}
#modalHotelGallery button.close {
    position: absolute;
    right:0px;
    top:0px;
    z-index: 1;
}
#modalHotelGallery .modal-dialog {
    width: 100%;
    max-width: 1100px;
}
#modalHotelGallery .modal-content {
    border-radius: 8px;
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.05);
}
#modalHotelGallery .modal-content-section {
    padding: 0;
}
#modalHotelGallery .modal-content-section .facility-wrapper{
    padding-top: 8px;
}
#modalHotelGallery #mini-gallery-wrapper {
    padding: 0;
    display: flex;
    align-items: center;
}
.hotel-slide-item img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
#modalHotelGallery .modal-header {
    padding:0;
}
#modalHotelGallery .mini-gallery-item:first-of-type{
    border-left:0;
}
#modalHotelGallery .hotelGalleryApp .hotel-slide-item img{
    height: 500px;
    width: 100%;
    display: block;
    position: absolute;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}
#modalHotelGallery {
    padding: 0 16px;
}
#modalHotelGallery button.close img {
    width: 27px;
}
#modalHotelGallery .modal-content-section .facility-wrapper h5 {
    font-size: 16px;
    font-weight: bold;
}
#modalHotelGallery .modal-content-section .facility-wrapper .facility-text p {
    margin: 0;
}
.carousel-category-list {
    position: relative;
    margin: 25px 24px 20px;
    border-bottom: 2px solid #e0dedc
}
.carousel-category-list .list-group-item {
    display: inline-flex;
    justify-content: center;
    padding: 15px;
    text-align: center;
    text-transform:uppercase;
    white-space: nowrap;
    z-index: 1;
    outline: none;
}
.carousel-category-list .list-group-item:last-child{
    margin: 0;
}
.carousel-category-list .list-group-item:hover{
	color:#17cec4;
}
.carousel-category-list .list-group-item.active {
    font-size: 14px;
  font-weight: bold;
}
.carousel-category-list .list-group-item.active:after{
    content: "";
    position: absolute;
    bottom: 0;
    display: block;
    width: 50%;
    height: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    background: #17cec4;
}
.hotel-slide-item{
	position:relative;
}
.hotel-slide-item .hotel-slide-wrapper .image-counter-wrapper{
    position: absolute;
    top: 0;
    padding: 8px 16px;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 10;
}
.hotel-slide-item img{
	width: 100%;
	height: 380px;
	display: block;
	position: absolute;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
    background-color: #f6f9fd;
    object-fit: contain;
}
.slide-fade-enter-active {
  opacity: 1;
  z-index: 10;
}

.slide-fade-leave-active {
  opacity: 1;
}

.slide-fade-enter,
.slide-fade-leave-to {
  opacity: 0;
}
#modalHotelGallery .hotelGalleryApp .hotel-slide-item.video-slide-item,
#modalHotelGallery .hotelGalleryApp .hotel-slide-item.video-slide-item .hotel-slide-wrapper{
    height: 100%;
}
@media (max-width:991px){
	.hotelDetail .search-area{
        position: relative;
        z-index: inherit;
        margin: 0;
	}
    
	#modalHotelGallery .hotelGalleryApp .hotel-slide-item img,
	.hotel-slider-wrapper .hotel-slider-container{
		height:250px;
        padding: 0;
	}
	.carousel-category-list {
	    display: flex;
	    align-items: center;
	    overflow-y: scroll;
	}
	.hotelDetail .active-room-search {
	    position: fixed;
	    top: 0px;
	    left: 0;
	    right: 0;
	    margin-top: 62px;
	    background: #fff;
	}
	body.no-scroll.modal-open .container.search-area.active-room-search,
	body.no-scroll.modal-open li.room-link {
	    z-index:0;
	}
	.modal-dialog.modal-lg.modal-dialog-centered{
	    padding: 0;
	    margin: 0;
	}
	.modal.show .modal-content {
	    border-radius: 0!important;
	}
	#modalInstallmentsTable .modal-header .close {
	    top: 10px;
	    right: 10px;
	}
	ul#hotelRoomList {
	    margin-top: 76px;
	}
	#spy-detail li a:after{
		display:none;
	}
	.search-hotel-form-wrapper {
	    margin-bottom: 15px;
	}
	div#range-date {
	    margin-left:0;
	}
	div#hotelDetail_hotelsRoom .room-selection  i.etsfonticon.etsfonticon-arrow-link {
	    border: 1px solid #17cec4;
	    border-radius: 100%;
	    color: #17cec4;
	    width: 28px;
	    height: 28px;
	    font-size: 10px;
	    margin-left: 5px;
	    margin-right: -5px;
	    display: inline-flex;
	    align-items: center;
	    justify-content: center;
	}
	.room-card .room-selection {
	    padding-bottom:0;
	}
	.room-selection .mobile-group-left .discount-percent {
	    background-position: left;
	    padding-right: 22px;
	}
	.special-deals .installment-table {
	    margin: 15px 0 15px 28px;
	    display: block;
	}
	.room-selection .mobile-group-left .discount-percent {
	    background-position: left;
	    padding-right: 22px;
	}
	.special-deals .installment-table {
	    margin: 15px 0 15px 28px;
	    display: block;
	}
	.room-card .hotel-room-detail-opener {
	    position: absolute;
	    top: -86px;
	    background: #f6f9fd;
	    padding: 8px;
	    border-radius: 6px;
	    box-shadow: 2px 1px 5px -1px rgba(97, 101, 110, 0.68);
	    background-color: #f6f9fd;
	    font-size: 12px;
	}
	html body .room-info {
	    align-items: center;
	}
	html body .room-info span {
	    margin-top: 0;
	}
	.room-card .box-content ul:first-of-type li {
	    margin-bottom: 0;
	}
	div#hotelDetail_hotelsRoom:after {
	    display: none;
	}
    #modalRoomFacilities .btn-room-facilities-close {
        top: 5px;
        right: -12px;
    }
    #modalHotelGallery .modal-dialog {
        width: 100%;
        max-width: 100%;
        margin: 0;
    }
}

/* Hotel Detail Dropdown */
.hotel-detail-dropdown {
    margin-right: 8px;
    cursor: pointer;
    position: relative;
}

html body .hotel-detail-dropdown .hotel-detail-dropdown-ul {
    flex-direction: column;
    align-items: flex-start;
}

@media (max-width: 991px) {
    html body .hotel-detail-dropdown .hotel-detail-dropdown-ul {
        margin: 8px;
    }
    .cookies-wrapper {
        display: none;
    }
}

html body .hotel-detail-dropdown .hotel-detail-dropdown-i {
    border: none;
    margin-right: 8px;
}

html body .hotel-detail-dropdown .hotel-detail-dropdown-i:before {
    font-size: 28px;
}
/* Hotel Detail Dropdown End*/

/* _HOTEL_LOCATION START */
#hotel-detail-page .hotel-details-tab .hotel-detail-box-wrapper,
#hotel-detail-page .hotel-details-tab .hotel-detail-box-wrapper .hotel-detail-box-inner{
	position: relative;
}
#hotel-detail-page .hotel-details-tab .hotel-detail-box-wrapper .hotel-detail-info-box{
    position: relative;
	height: 100%;
	padding: 16px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	background-color: rgba(18, 5, 41, 0.7);
	color: white;
	z-index: 1;
}
#hotel-detail-page .hotel-details-tab .hotel-detail-box-wrapper .hotel-detail-info-box.seasonalInfo-box{
	width: 40%;
	flex-direction: column;
	align-items: flex-start;
}
#hotel-detail-page .hotel-details-tab .hotel-detail-box-wrapper .hotel-detail-info-box.seasonalInfo-box p{
		color: white;
		font-weight: bold;
	}
#hotel-detail-page .hotel-details-tab .hotel-detail-box-wrapper .hotel-detail-info-box.seasonalInfo-box p a{
		margin-left: 10px;
		color: currentColor;
		font-weight: normal;
		text-decoration: none;
}
#hotel-detail-page .hotel-details-tab .hotel-detail-box-wrapper .hotel-detail-info-box.seasonalInfo-box span p{
		color: #4a4947;
		font-weight: normal;
}
#hotel-detail-page .hotel-details-tab .hotel-detail-box-wrapper .hotel-detail-info-box.seasonalInfo-box p a i:before{
	vertical-align: inherit;
}
#hotel-detail-page .hotel-details-tab .hotel-detail-box-wrapper .hotel-detail-info-box.seasonalInfo-box .listFacility,
#hotel-detail-page .hotel-details-tab .hotel-detail-box-wrapper .hotel-detail-info-box.seasonalInfo-box .listFacility ul{
    width: 100%;
}
#hotel-detail-page .hotel-details-tab .hotel-detail-box-wrapper .hotel-detail-info-box.seasonalInfo-box .listFacility ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: flex-start;
    margin: 0;
    height: 300px;
    max-height: 300px;
    overflow-y: auto;
}
#hotel-detail-page .hotel-details-tab .hotel-detail-box-wrapper .hotel-detail-info-box.seasonalInfo-box .listFacility li{
	width: 47.5%;
}
#hotel-detail-page .hotel-details-tab .hotel-detail-box-wrapper .hotel-detail-info-box.seasonalInfo-box .listFacility li p{
    margin: 0;
    font-weight: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#hotel-detail-page .hotel-details-tab .hotel-detail-box-wrapper .hotel-detail-info-box .hotel-detail-info-list{
	margin: 0;
	padding: 0;
}
#hotel-detail-page .hotel-details-tab .hotel-detail-box-wrapper .hotel-detail-info-box .hotel-detail-info-list .list-item{
	margin-bottom: 24px;
}
#hotel-detail-page .hotel-details-tab .hotel-detail-box-wrapper .hotel-detail-info-box .hotel-detail-info-list .list-item:last-child{
	margin-bottom: 0;
}
#hotel-detail-page .hotel-details-tab .hotel-detail-box-wrapper .hotel-detail-info-box .hotel-detail-info-list .list-item p{
	margin: 0;
	font-size: 14px;
	font-weight: normal;
}
#hotel-detail-page .hotel-details-tab .hotel-detail-box-wrapper .hotel-detail-info-box .hotel-detail-info-list .list-item p.list-label{
	margin-bottom: 8px;
	font-weight: bold;
}
#hotel-detail-page .hotel-details-tab .hotel-detail-box-wrapper .hotel-detail-info-box .hotel-detail-info-list .list-item p img{
	width: 20px;
	height: 20px;
	margin-right: 8px;
	color: #17cec4;	
}

/* Only Hotel Location Tabs Media Breakpoints */
@media only screen and (min-width: 320px){
	#hotel-detail-page .hotel-details-tab .hotel-detail-box-wrapper .hotel-detail-box-inner{
		display: flex;
		flex-direction: column-reverse;
	}
	#hotel-detail-page .hotel-details-tab .hotel-detail-box-wrapper .hotel-detail-info-box{
		width: 100%;
		border-radius: 0 0 6px 6px;
	}
	#hotel-detail-page .hotel-details-tab .hotel-detail-box-wrapper .hotel-detail-info-box.location-info-box{
		position: relative;
	}
	#hotel-detail-page .hotel-details-tab .hotel-detail-box-wrapper .hotel-detail-info-box.seasonalInfo-box{
		width: 100%;
		border-radius: 6px;
	}
}
@media only screen and (min-width: 768px){
	#hotel-detail-page .hotel-details-tab .hotel-detail-box-wrapper .hotel-detail-box-inner{
		display: inherit;
	}
	#hotel-detail-page .hotel-details-tab .hotel-detail-box-wrapper .hotel-detail-info-box{
		width: 35%;
		border-radius: 6px 0 0 6px;
	}
	#hotel-detail-page .hotel-details-tab .hotel-detail-box-wrapper .hotel-detail-info-box.location-info-box{
		position: absolute;
	}
	#hotel-detail-page .hotel-details-tab .hotel-detail-box-wrapper .hotel-detail-info-box.seasonalInfo-box{
		width: 50%;
		border-radius: 6px 0 0 6px;
	}
}
.hotel-detail-info-list img {
    width: 24px;
    font-size: 24px;
    color: #17cec4!important; 
}
/* _HOTEL_LOCATION END */

/* HOTEL PROMOTİONS MODAL START */
#modalHotelPromotions .modal-body {
    background-color: #f6f9fd;
}

#modalHotelPromotions .modal-capture{
    font-size: 28px;
}

#modalHotelPromotions .modal-capture-desc {
    color: #61656e;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 0;
}

#modalHotelPromotions .modal-body-list:before {
    content: "";
    height: 5px;
    width: 5px;
    border-radius: 50%;
    display: inline-block;
    background-color: #61656e;
    margin-right: 8px;
    margin-bottom: 3px;
}
/* HOTEL PROMOTİONS MODAL END */

/* Seasonal Info Page Start */
#seasonalInfo-div .detailed-info-link {
    color: #fff;
    margin-left: 8px;
}

#seasonalInfo-div .detailed-info-link i:before {
    vertical-align: initial;
}

#seasonalInfo-div .seasonal-info-general-desc-wrapper {
    margin-bottom: 20px;
}


/* Seasonal Info Page End */

/** _HOTEL_INFO_START **/
#hotel-detail-page .wrapper.hotel{}
#hotel-detail-page .wrapper.hotel .hotel-info{}
#hotel-detail-page .wrapper.hotel .hotel-info h1{
    width: 100%;
}
#hotel-detail-page .wrapper.hotel .hotel-info .hotel-name{}
#hotel-detail-page .wrapper.hotel .hotel-info .social-feed{}

/* Only Hotel Info Media Breakpoints */
@media only screen and (min-width: 320px){
    #hotel-detail-page .wrapper.hotel .hotel-info{
        flex-wrap: wrap;
    }
    #hotel-detail-page .wrapper.hotel .hotel-info h1 .tooltip-content{
        display: inline-block;
    }
    #hotel-detail-page .wrapper.hotel .hotel-info .hotel-name,
    #hotel-detail-page .wrapper.hotel .hotel-info .social-feed{
        width: 100%;
    }
}
@media only screen and (min-width: 768px){
    #hotel-detail-page .wrapper.hotel .hotel-info{
        flex-wrap: inherit;
        max-width: 66%;
    }
    #hotel-detail-page .wrapper.hotel .hotel-info .hotel-name,
    #hotel-detail-page .wrapper.hotel .hotel-info .social-feed{
        width: auto;
    }
}
/** _HOTEL_INFO_END **/

#hotel-detail-page .earlyBooking-alert-wrapper{
    margin: 30px 0;
}

#hotel-detail-page .hotel-reviews .mini-comment-slide .slick-list{
    width: 100%;
}
#hotel-detail-page .hotel-reviews .mini-comment-slide .slick-list .slick-track{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
}
#hotel-detail-page .hotel-reviews .mini-comment-slide .slick-list .slick-track p{
    align-items: center;
    justify-content: center;
    width: 100% !important;
    min-width: 100% !important;
    left: 0 !important;
}
#hotel-detail-page .hotel-reviews .mini-comment-slide .slick-list .slick-track p.slick-slide{
    display: none !important;
}
#hotel-detail-page .hotel-reviews .mini-comment-slide .slick-list .slick-track p.slick-slide.slick-active{
    display: flex !important;
}
#hotel-detail-page #hotelDetailApp #hotelTabMenu #hotelDetail_hotelsRoom .hotel-lists-details #hotelRoomList .operated-info {
	font-size: 12px;
    font-weight: normal;
    margin-top: 20px;
}
/* Hotel Themes Modal Start */
.hotel-themes-modal .modal-header .close {
    top: 2px;
    right: -11px;
}
.hotel-themes-modal h4 {
    font-size: 24px;
}
.hotel-themes-modal ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.hotel-themes-modal ul li{
    width: auto;
    height: auto;
    min-width: auto;
    min-height: auto;
    border: none;
    text-align: left;
    font-size: 14px;
}
.hotel-themes-modal ul li div::before{
    content: "";
    height: 5px;
    width: 5px;
    border-radius: 50%;
    display: inline-block;
    background-color: #61656e;
    margin-right: 8px;
    margin-bottom: 3px;
}
.hotel-themes-modal ul li .WordSection1::before{
    content: none;
}
@media only screen and (max-width: 768px){
	.hotel-themes-modal .modal-header .close {
        top: -10px;
        right: -5px;
    }
}

@media only screen and (max-width: 700px) {
  .ustbar {
    margin-top: 20px;
  }
  .safe-tourism-area,.main-special-deal-item { width: 100% !important; }
}


/* Hotel Themes Modal End */

/* _MAIN_SPECIAL_DEAL_START */
.main-special-deal-wrapper{}
.main-special-deal-wrapper .main-special-deal-inner{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
}
.main-special-deal-wrapper .main-special-deal-item{}
.main-special-deal-wrapper .main-special-deal-item:nth-child(1){
    width1: 68%;
}
.main-special-deal-wrapper .main-special-deal-item .room-deals{
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 0;
}
.main-special-deal-wrapper .main-special-deal-item .room-deals .room-deals-item.bonus-deal{
    height: auto;
    margin-right: 0;
    background-color: #f4ffe9;
    border: 1px solid #6abc19;
}
.main-special-deal-wrapper .main-special-deal-item .room-deals .room-deals-item.bonus-deal .row{
    margin-bottom: 5px;
}
.main-special-deal-wrapper .main-special-deal-item .room-deals .room-deals-item.bonus-deal .row:last-child{
    margin-bottom: 0;
}
.main-special-deal-wrapper .main-special-deal-item .room-deals .room-deals-item.bonus-deal .row .bonus-deal-item:last-child{
    border-right: none;
}
.main-special-deal-wrapper .main-special-deal-item .room-deals .room-deals-item.bonus-deal p{
    margin: 0;
    font-size: 12px;
}
.main-special-deal-wrapper .main-special-deal-item .room-deals .room-deals-item.bonus-deal p a > i{
    margin-left: 5px;
}
.main-special-deal-wrapper .main-special-deal-item .room-deals .room-deals-item.bonus-deal p a > i::before{
    vertical-align: middle;
}
.main-special-deal-wrapper .main-special-deal-item .room-deals .room-deals-item.bonus-deal strong{
    font-size: 14px;
    color: #43790d;
}
.main-special-deal-wrapper .main-special-deal-item .safe-tourism-area{
    max-width: 100%;
}
/* Only "Main Special Deal" Media Breakpoints */
@media only screen and (min-width: 320px){
    .main-special-deal-wrapper .main-special-deal-item:last-child{
        width: 100%;
        max-width: 100%;
        margin-bottom: 15px;
    }
    .main-special-deal-wrapper .main-special-deal-item .room-deals{
        flex-direction: column;
    }
    .main-special-deal-wrapper .main-special-deal-item .room-deals .room-deals-item.bonus-deal{
        max-width: 100%;
        width: 100%;
    }
    .main-special-deal-wrapper .main-special-deal-item .room-deals .room-deals-item.bonus-deal .row .bonus-deal-item{
        border-right: none;
        margin-bottom: 5px;
    }
}
@media only screen and (min-width: 768px){
    .main-special-deal-wrapper .main-special-deal-item.safe-tourism-deal-item{
        width: 350px;
        max-width: 350px;
        margin-bottom: 0;
    }
    .main-special-deal-wrapper .main-special-deal-item .room-deals{
        flex-direction: row;
    }
    .main-special-deal-wrapper .main-special-deal-item .room-deals .room-deals-item.bonus-deal{
        max-width: auto;
        width: 70%;
    }
    .main-special-deal-wrapper .main-special-deal-item .room-deals .room-deals-item.bonus-deal .row .bonus-deal-item{
        border-right: 1px solid #6abc19;
        margin-bottom: 0;
    }
}
/* _MAIN_SPECIAL_DEAL_END */

.load-moreReview {    
	margin: 20px 12px;
    width: calc(100% - 16px);
	min-height: 40px;
	background-color: #fff;
	border: 1px solid #056bfd;
	border-radius: 5px;
	color: #056bfd;
}

.load-moreReview:hover {
	background-color: #056bfd;
	color: #fff;
}

nav .nav-desktop .dropdown-content {
    z-index: 14;
}
.hotel-detail-dummy-img {
    width: 100%;
    height: 100%;
    background-color: #b9cee7;
}
.hotel-detail-dummy-all-imgs {
    height: 106px;
}
@media(max-width: 991px) {
    .hotel-detail-dummy-all-imgs {
        background-color: #b9cee7;
        height: 230px;
        width: 345px;
        max-height: inherit;
        z-index: 0;
    }
}


/* Deskaltı Start */
.desk-alti-wrapper {
    display: flex;   
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    padding: 10px 0px;
    background-image: linear-gradient( 128deg, #ffd574 -19%, #eb5b5f 72%);
    margin-top: 20px;
}
.desk-alti-icon i {
    font-size: 20px;
    color: #fff;
    margin-right: 5px;
}
.desc-alti-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.desc-alti-inner p {
    margin-bottom: 0;
}
.desc-alti-title {
    font-size: 16px;
    margin-right: 10px;
}
.desk-alti-desc {
    font-size: 12px;
}
.desk-alti-sign-in {
    margin-left: 13px;
}
.desk-alti-sign-in i {
    margin-left: 0px;
}
.desk-alti-sign-in i::before {
    vertical-align: initial;
}
.deskalti-room-wrapper {
    display: flex;
    margin-top: 10px;
}
.deskalti-room-wrapper .deskalti-room-desc {
    margin-bottom: 0;
    font-size: 12px;
    color: #ed6a61;
    margin-top: 5px;
    font-weight: 500;
    white-space: nowrap;
}
.deskalti-room-wrapper .badge{
    padding: 7px 8px;
    border-radius: 50%;
    margin-right: 5px;
}
@media (max-width:991px){
    .desc-alti-inner {
        flex-direction: column;
        align-items: flex-start;
        margin-left: 20px;
    }
    .desk-alti-icon {
        margin-bottom: 30px;
        margin-left: 10px;
    }
    .desk-alti-sign-in {
        margin-left: 0px;
    }
    .desk-alti-user-login {
        margin-bottom: 0px;
    }
    .deskalti-room-wrapper {
        margin-top: 0px;
        margin-left: 5px;
    }
    .deskalti-room-wrapper .badge {
        padding: 5px;
    }
    .hotel-name h1 {
        display: inline;
    }
    .hotel-name > div {
       margin-bottom: 5px;
    }
    .hotel-name .tooltip-content {
        display: inline;
    }
}
/* Deskaltı End */
#seasonalInfo-div {
    height: 350px;
}
.undated-search-text {
    font-size: 20px;
    font-weight: 500;
}
@media(max-width: 991px) {
    #printHotelDetail {
        display: none;
    }
}
.print-hotel-detail {
    font-size: 20px;
    font-weight: 500;
    cursor: pointer;
}
@media(max-width: 370px) {
    #availibilityCalendarContent {
        width: 300px;
        margin-left: 0px !important;
    }
    #modalAvailabilityCalendar button.close {
        left: 250px !important;
    }
}
@media(max-width: 991px) {
    #availibilityCalendarContent {
        padding: 0 15px !important;
        width: 320px;
        margin-left: 20px;
    }
    #modalAvailabilityCalendar button.close {
        left: 300px;
    }
}
.etsfonticon-print {
    font-size: 24px;
    margin-right: 6px;
    margin-left: 6px;
}