:root 
{
    --list-view-width: 300px;

    --color-navy-blue : #00276C;
    --color-black : #000000;
    --color-white : #FFFFFF;
    --color-grey : #050404;

    --property_tile_desktop_width : 33.333333%;
    --property_tile_tab_width : 50%;
    --property_tile_mobi_width : 100%;

}


.properties-wrap__row 
{
    min-height: unset;
}

.search-options__trigger
{
	display: none;
}

.search-options__view a
{
    display: inline-block;
    padding: 0px 5px;
    border-radius : 5px;
}

.search-options__view a.active,
.search-options__view a:hover
{
    background: var(--color-grey);
}

#searchOptionsSort a
{
	display: inline-block;
    padding: 0px 5px;
    margin: 0 5px;
    border-radius: 5px;
}

#searchOptionsSort a.active,
#searchOptionsSort a:hover
{
	background: #e3e3e3;
}

.sort-options .sort-direction
{
	position: relative;
    top: -2px;	
}

.div-property-description
{
	position: relative;
}

.property:not(.no_position_change_show_hide_buttons) .div-property-description:not(.desc-collapse)
{
    margin-top : 25px;
}

.div-property-description.desc-collapse
{
	height: 25px;
	overflow: hidden;
	/* padding-right: 90px; */
}

.div-property-description .btn_show_hide_prop_description
{
	display: inline-block;
    border: none;
    background-color: var(--color-white);
    color: #3f51b5;
    line-height: 13px;
    padding: 0px;
	margin-left: 4px;
	padding-bottom: 3px;
    width: 25px;
    padding-right: 0px;
	padding-left : 5px;
}

.div-property-description.desc-collapse .btn_show_hide_prop_description
{
    position: absolute;
    top: 3px;
    right: 0px;
}

.div-property-description.desc-collapse .btn_show_hide_prop_description.has_rate_button
{
    right: 66px;
    padding-right: 7px;
    width: 31px;
}

.div-property-description .btn_show_hide_prop_description:hover
{
	text-decoration: underline;
}

.div-property-description .btn_show_hide_prop_rooms
{
    position: absolute;
    top: 3px;
    right: 0;
    line-height: 10px;
    padding: 5px 5px;
    /* width: 85px; */
    border: none;
    border-radius: 0.25em;
	min-width: 60px;
	font-size: .85em;
}

.property:not(.no_position_change_show_hide_buttons) .div-property-description:not(.desc-collapse) .btn_show_hide_prop_rooms
{
    top : -22px;
}

.span_rate_num_person
{
	display: inline-block;
    background-color: #e2e2e2;
    line-height: 14px;
    padding: 1px 5px 3px;
    border-radius: 14px;
    /* float: right; */
    position: relative;
    top: 1px;
    margin-left: 5px;
}

.span_rate_num_person .span_rate_num_person_child
{
	font-size: .9em;
    position: relative;
    top: 2px;
}

.span_rate_num_person .span_rate_num_person_child .span_num_user
{
	
}

.infoWindow-main__cta a
{
	cursor: pointer;
}

@media only screen and (min-width : 768px)
{
	.property__carousel,
	.property__carousel img
	{
		max-height: 320px;
		height: 320px;
	}
}

@media only screen and (max-width : 767.80px)
{
	.property__carousel
	{
		max-height: unset!important;
	}
}


.property__carousel,
.property__carousel img
{
	object-fit: cover;
}

.city-header 
{
    padding: 4px 5px;
}

.property
{
    padding-top : 4px;
    padding-bottom : 4px;
}

.property-content__description 
{
    margin-bottom: 0px;
}

.property-cta 
{
    padding-bottom: 5px;
}

.property-expander
{
	line-height: 0px;
	padding-top: 7px;
    padding-bottom: 3px;
	border-radius: 5px 0px 0px 0px;
}

.property-expander
{
    display: none;
}

.property-content__name
{
	width: calc(100% - 150px);
    overflow : hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

@media only screen and (max-width : 767.80px)
{
	.property-content__name
	{
		text-align : left;
	}

	.property-content__name a
	{
		font-size: 17px;
	}
}

.property-content__meta
{
	float: right;
	margin-top: 0px;
	margin-bottom: 2px;
}

.property-room__name
{
	margin-top : 3px;
}

.tooltip-inner
{
	max-width: 100%;
}


button:focus, button:focus-visible
{
    outline: none!important;
}

body
{
    position: relative;
    background-color: var(--color-white);
}

.loader-div-container
{
    background-color: #698194;
    height: 100%;
    width: 100%;
    position: fixed;
    /* z-index: 4; */
    top: 0;
    left: 0;
    z-index: 10000000;
}

.loader-div--city
{
    display: block;
}

/* version 5 styling*/

.header 
{
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 9;
}

.city-header
{
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.25);
}

.properties-wrap 
{
    /* margin-top: 138px; */
}

#div_cover_sticky_topbar_space
{
    height : 138px;
}

.properties-main
{
    float: left;
    width: 25%;
}

.properties-main, .map-wrapper
{
    /*padding-right: 0;*/
    /*padding-left: 0;*/
}

.roomtype-active 
{
    padding-left: 0;
}

.map-wrapper
{
    /*float: right;*/
    /*width: 75%;*/
    /*position: fixed;*/
    /*right: 0;*/
}

.properties-main__content 
{
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
}

.properties-main__content .property
{
    /* flex-grow: 	 */
}

#map
{
    overflow: hidden;
    width: 100%;
    right: 0;
    position: fixed !important;
}

.property-tile
{
    display: inline-block;
    float: left;
    box-shadow: 2px 4px 10px rgba(0,0,0,0.18);
}

.city-footer
{
    position: relative;
    clear: both;
}

.div_b247_city_logo_container
{
    border:2px solid var(--color-navy-blue);
    border-radius: 20px;
    padding: 4px 2px 5px;
    text-align:center;
}

.sbx-select--city .sbx-select__header 
{
    padding: 0 9px;
    display: block;
    background-color: var(--color-navy-blue);
    color: #fff;
    float: none;

    border-radius: 5px 5px 0px 0px;
}

.check-date-container--city
{
    width: 100%;
    position: relative;
    right: 0;
}

.b247-searchbox .b247-button .btn-success
{
    padding: 0 25px;
}

.city-search { height: 34px; }

.check-date-container .input-calendar-icon
{
    top: 5px;
}

.check-date-container .form-control
{
    top: 2px;
}

.input_group_prop_city_style
{
    height:26px !important;
    padding:0;
    top:0px !important;
    border:none;
    padding-left:30px;
}

.b247-sbx 
{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.b247-sbx > div 
{
    flex-grow: 1;
    margin: 0 5px;
}

@media only screen and (min-width : 1205px)
{
    .b247-sbx > div 
    {
        flex-basis: 0;
    }
}

.b247-sbx > .select-duration
{
    flex-grow: 0.25;
}

.csb-container .nights
{
    display: block;
    color: #fff;
    font-size: 11px;
    opacity: 0.75;
}

.ui-datepicker
{
    z-index: 10 !important;
    top: 76px !important;
}

.city-suggest.appear
{
    width: 95.3%;
    top: 60px;
}

@media only screen and (min-width : 1200px)
{
    .properties-main__content .property-tile
    {
        /* flex: 1 0 33%; */
        flex : 1 0 var(--property_tile_desktop_width);
        max-width : var(--property_tile_desktop_width);

    }
}

@media only screen and (max-width:1199.80px)
{
    .properties-main__content .property-tile
    {
        /* flex: 1 0 50%; */
        flex : 1 0 var(--property_tile_tab_width);
        max-width : var(--property_tile_tab_width);
    }
}

.property-room__cost
{
    font-size: 13px;
}

.view-list #map
{
    display: block; 
    /* width: 75%; */
    /* width: calc(100% - var(--list-view-width)); */
    width : 70%;
}

.view-list .properties-main
{
    display: block; 
    /* width: 25%; */
    /* width : var(--list-view-width); */
    width : 30%;
}

.view-map #map{display: block; width: 100%}

.view-map .properties-main{display: none}

.view-tile #map{display: none}

.view-tile .properties-main{display: block; width: 100%;}

@media screen and (max-width: 1199px)
{
    .view-list #map{width: 60%}

    .view-list .properties-main{width: 40%}
}

@media screen and (max-width: 991px)
{
    .view-list .properties-main
    {
        width: 40%;
    }

    #map
    {
        width: 60%;
    }

    .property__carousel
    {
        /* max-height: 120px; */
    }

    .properties-main__content .property-tile
    {
        /* flex: 1 0 50%; */
        flex : 1 0 var(--property_tile_tab_width);
        max-width : var(--property_tile_tab_width);
    }

    .search-options__sort
    {
        float: left;
        margin-left: 10px;
    }
}

@media screen and (max-width: 767px)
{
    .header
    {
        position: relative;
    }

    .properties-wrap
    {
        /* margin-top: 0; */
    }

    #div_cover_sticky_topbar_space
    {
        height : 0px;
    }

    .view-list .properties-main
    {
        float: none;
        width: auto;
    }

    .property-room__name
    {
        width: auto;
    }

    .search-options
    {
        overflow: hidden;
        display: none;
    }

    .display-toggle
    {
        /* display: none; */
    }

    .b247-sbx
    {
        flex-direction: column;
    }

    .b247-sbx > div
    {
        width: 100%;
    }
}

/* version 5 styling ends */

/* added by Gulshan on 13/10/2022 : Hide property nights stay text from button */
#searchProperties .nights
{
    display: none;
}

.footer-logo-section
{
    padding: 10px 0;
    background-color: var(--color-white);
    box-shadow: 0 0 6px 0 #a6a3a3;
    margin-top: 0px;
    position: relative;
    z-index: 1;
}

.header
{
    height: auto;
}

.property-image
{
    overflow: hidden;
    margin-bottom: 10px;
    width: 100%;
    background-color: #d2d2d2;
    position: relative;
    min-height: calc(250px + 70px);
    height: calc(250px + 70px);
}

/* .property-image > *
{
    display: none;
} */

.property-image .grp-logo
{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* max-width: 100%; */
    max-width: 80%;
    max-height: 80%;
    object-fit : contain;
    /* width: 80%; */
}

@media screen and (max-width: 991px) 
{

}

@media screen and (max-width: 767px) 
{
    .city-branding--2
    {
        text-align: center;			
    }

    .check-date-container .input-group-addon
    {
        position: relative;
        top : 2px;
    }

    .b247-searchbox .b247-button
    {
        margin-top : 10px;
        margin-bottom : 10px;
    }

    .check-date-container
    {
        background-color: var(--color-white);
        box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.65);
    }

    .inline-datepicker
    {
        padding: 2px 2px 14px;
    }

    .inline-datepicker .ui-datepicker
    {
        margin-bottom: 10px;
    }
}


#div-view-property-top-banner
{
    width: 100%;
    min-height: 550px;
    background-color: rgba(6,124,42,1) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    padding : 25px 0;
    color: var(--color-white);
}

#div-view-property-top-banner .main-heading
{
    background-color: rgb(0 0 0 / 31%);
    padding: 15px;
}

.promo-section-parent 
{
    display: flex;
    column-gap: 2%;
    row-gap: 25px;
    flex-wrap: wrap;
    padding: 20px 0px;
}

.promo-section
{
    flex-basis: 32%;
    box-shadow: 0 0 7px #707070;
    border-radius: 0.35em;
    overflow: hidden;
}

.promo-section-img
{
    width: 100%;
    height: 250px;
    position: relative;
    background-color : #d7d7d7;
}

.promo-section-img > span
{
    position: absolute;
    top : 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.promo-section-text-info
{
    padding: 15px;

}

.promo-section-text-info .promo-section-heading
{
    font-size: 1.5em;
    display: block;
    text-align: center;
}

.promo-section-text-info .promo-section-detail-para
{
    text-align: justify;
}

.promo-section-view-info-container
{
    text-align: center;
}

.promo-section-view-info
{
    display: inline-block;
    background: #f44336;
    color: var(--color-white);
    text-decoration: none;
    padding: 5px 20px;
    border-radius: 0.45em;
}

.span_user
{
    font-variation-settings : 'FILL' 1, 'wght' 400, 'GRAD' 200, 'opsz' 40;
    font-size: 1.2em;
}

.span_num_user
{
    position: relative;
    top: -3px;
    font-size: 1.1em;
    font-weight: bold;
    display: inline-block;
    margin-right: 1px;
}

.ui-widget-header
{
    background-color : #1597f4;
    color: var(--color-white);
}

/* CSS for room row */

@media only screen and (min-width : 768px)
{
    .property-room__details
    {
        width : calc(100% - 70px);
    }

    .property-room__name
    {
        width : calc(100% - 250px);
    }

    .property_room__occupancy
    {
        width : 90px;
        line-height:13px;
        margin-top:8px;
    }

    .property-room__cost
    {
        min-width : 125px;
    }

    .property-cta
    {
        width: 60px;
        float: right;
    }
}

.span-promo-icon > span
{
    font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 48;
    font-size: 1em;
    display: inline-block;
    position: relative;
    top: 2px;
    margin-left: 3px;
    cursor: pointer;
    color: var(--color-navy-blue);
}

.div-promo-icon
{
    line-height: 19px;
    display: inline-block;
    width: 20px;
    margin-left: 3px;
    position: relative;
    top: -2px;
}

.div-promo-icon > img
{
    width : 100%;
}

.property-room__cost
{
    /* float: unset; */
    float: right;
}

.div-prop-inactive-btn-container
{
    padding: 0px 0px 5px 0px;
}

.prop-inactive-book-now, .prop-inactive-check-availability
{
    display: inline-block;
    padding: 5px 10px;
    line-height: 1;
    border-radius: 3px;
    cursor : pointer;
}

.prop-inactive-book-now
{
    float : right;    
}

.prop-inactive-check-availability
{
    float : left;
}

[id^="propertyCarousel-"] .owl-nav
{
    opacity: 0;
    transition: opacity 300ms;
}

[id^="propertyCarousel-"]:hover .owl-nav
{
    opacity: 1;
}

.sbx-select--city .sbx-select__header	
{
    background-color : var(--color-black);
    color: var(--color-white);
}

.search-night-display
{
    color : var(--color-black);
    border-color : var(--color-black);
}

#searchProperties .div-icon-main-container .icon-main
{
    color : var(--color-black) !important;
}

.csb-container .b247-searchbox .b247-button .btn-success
{
    background-color : var(--color-black);
    color : var(--color-white);
    box-shadow : 0px 0px 0px 6px rgba(0,0,0,0.4);
}

#btn_show_hide_all_prop_room_extra_rates
{
    background-color : var(--color-black) !important;
    color : var(--color-white) !important;
}

.div-property-description .btn_show_hide_prop_rooms, .prop-inactive-book-now-style, .prop-inactive-book-now-style:hover, .prop-inactive-book-now-style:focus
{
    background-color : var(--color-black);
    color : var(--color-white);
}

.property-cta a
{
    background-color : var(--color-white);
    color : var(--color-black);
    border-color : var(--color-black);
}

.property-cta a:hover,
.property-cta a:focus,
.property-cta a:active
{
    background-color : var(--color-black);
    color : var(--color-white);
    border-color : var(--color-black);
}

.city-footer
{
    background-color : var(--color-black);
    color : var(--color-white);
}

.span_property_phone_style, .span_property_phone_style a
{
    color: #585858;
}

.property-content__star-rating
{
    margin-left : 10px;
}

.select-options{display: none!important;}

  #div_group_prop_top_link ul
  {
    list-style: none;
    /* padding: 3px 3px 3px 3px!important; */
    padding: 3px 3px 1px 3px!important;
    /* padding: 3px 2px 1px 2px!important; */
    margin: 0;
  }

  #div_group_prop_top_link ul li
  {
    display: inline-block;
  }

  #div_group_prop_top_link ul li:not(.li_list_property) a
  {
    letter-spacing: 0.5px;
    display: block;
    text-decoration: none;
    padding: 0px 7px;
    /* text-transform: uppercase; */
    border-radius: 0.35em;
    cursor : pointer;
  }

  #div_group_prop_top_link ul li:not(.li_list_property) a.parent-tab
  {
    padding-right : 20px;
    position: relative;
  }

  #div_group_prop_top_link ul li:not(.li_list_property) a > .dropdown_btn
  {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 20px;
    height: 100%;
    text-align: center;
    border-radius: 0px 0.25em 0.25em 0px;
    z-index: 100;
    border: none;
    outline: none!important;
    background-color: transparent;
    line-height: 0;
  }


  @media only screen and (max-width : 991.80px)
  {
    #div_group_prop_top_link ul li:not(.li_list_property) a.parent-tab
    {
        padding-right: 25px;
    }

    #div_group_prop_top_link ul li:not(.li_list_property) a > .dropdown_btn
    {
        background-color: #8b8b8b;
        width: 25px;
    }
  }



  /*
  #div_group_prop_top_link ul li.li_list_property
  {
    float: right;
  }
  */

  .anc_list_property
  {   
    padding: 1px 13px;
    transition: 300ms;
    display: inline-block;
    text-align: center;
    line-height: 22px;
    margin-left: 10px;
  }

  .anc_list_property:hover,
  .anc_list_property.active
  { 
    text-decoration: none;
  }

  [id^="anc_view_type-"]
  {
    cursor : pointer;
  }

  @media only screen and (min-width : 768px)
  {   
    .li_list_property
    {
      float: right;
    }

    #div_group_prop_top_link ul
    {
      padding-left: 5px;
    }

    #div_group_prop_top_link ul li:not(.li_list_property)
    {
      margin-right: 10px;
      margin-bottom: 5px;
    }

    #div_group_prop_top_link_container
    {
      position: relative;
      min-height: 30px;
    }

    /* #div_group_prop_top_link_container.list_property_button_show
    {
      padding-right : 170px;
    } */

    .anc_list_property
    {
      /* position: absolute;
      top: 0;
      right: 0; */
      border-radius: 20px 20px 0px 0px;
      /* min-width: 160px; */
    }
  }

  .li_menu_parent
  {
    position: relative;
  }

  .li_menu_parent > div
  {
    position : absolute;
    z-index: 42;
    transform-origin: top left;
    transition: transform 300ms, opacity 100ms;
    padding-top : 5px;
    width: 200px;
    border-radius: .25em;
  }
  

  .li_menu_parent > div > ul
  {
    list-style-type: none;
    background: var(--color-white);
    padding: 5px!important;
    /* box-shadow: 0 0 20px black; */
    box-shadow: 0 0 5px #716d6d;
    padding-bottom: 2px!important;
    border-radius: .25em;
  }

@media only screen and (max-width : 991.80px)
{
    .li_menu_parent > div:not(.tab-show-dropdown)
    {
        display: none;
    }
}

@media only screen and (min-width : 992px)
{
  .li_menu_parent > div
  {
    display: none;
  }

    .li_menu_parent:hover > div,
    .li_menu_parent.force_dropdown_show > div
    {
      display: block;
      /* transform : translateY(-100%); */
      /* opacity: 0; */
      /* z-index : -1; */
    }

    .li_menu_parent .li_menu_parent:hover > div,
    .li_menu_parent .li_menu_parent.force_dropdown_show > div
    {
      left: 100%;
      padding-top: 0;
      padding-left: 5px;
      top: -3px;
    }
}

@media only screen and (max-width : 767.80px)
{
    .li_menu_parent > div
    {
        position : relative;
        width: 100%;
    }
}


  .li_menu_parent > div > ul > li 
  {
    width: 100%;
    margin: 0!important;
    margin-bottom : 3px!important;
  }

  .li_menu_parent > div > ul > li > a
  {
    /* border-radius: unset!important; */
  }

  @media only screen and (max-width : 767.80px)
  {    
    .site-menu-available
    {
      background: #f1f1f1;
      padding: 5px 0px;
    }

    .site-menu-available .city-branding__logo
    {
      float: left;
      display: inline-block;
      max-width: calc(100% - 45px);
      padding: 3px 10px;
    }

    .city-branding.site-menu-available
    {
      background-color: #029adb;
    }

    .city-branding.site-menu-available .city-branding__logo
    {
      background-color: #029adb;
    }

    .site-menu-available .menu-toggle-button-container
    {
      /* margin-top: 10px; */
      /* background: #d8d8d8; */
      padding: 5px;
      line-height: 0;
      float: right;
    }

    .site-menu-available .menu-toggle-button
    {
      display: inline-block;
      height: 30px;
      /* background: #eaeaea; */
      width: 32px;
      border: 1px solid;
      padding: 4px;
      border-radius: 0.25em;
      transition: all ease-in-out 400ms;
    }

    .city-branding.site-menu-available .menu-toggle-button
    {
      border-color : #FFF;
    }

    .site-menu-available .menu-toggle-button > div 
    {
      width: 100%;
      height: 3px;
      background: black;
      margin: 3px 0;
      position: relative;
      transform: rotate(0deg);
      opacity: 1;
      transition: all ease-in-out 200ms;
    }

    .city-branding.site-menu-available .menu-toggle-button > div
    {
      background-color: #FFF;
    }

    .site-menu-available .menu-toggle-button > div:nth-child(1)
    {
      left: 0px;
      top: 0px;
    }

    .site-menu-available .menu-toggle-button > div:nth-child(3)
    {
      bottom: 0px;
      right: 0px;
    }

    .site-menu-available .menu-toggle-button.close-menu > div:nth-child(1)
    {
      transform: rotate(-45deg);
      left: -1px;
      top: 6.5px;
    }

    .site-menu-available .menu-toggle-button.close-menu > div:nth-child(2)
    {
      opacity: 0;
    }

    .site-menu-available .menu-toggle-button.close-menu > div:nth-child(3)
    {
      transform: rotate(45deg);
      bottom: 5.5px;
      right: 1px;
    }    

    #div_group_prop_top_link
    {
      position: fixed;
      top: 0;
      left: -225px;
      width: 225px;
      height: 100%;
      background: var(--color-white);
      z-index: 100;
      padding: 10px;
      box-shadow: 0 0 10px #8b8b8b;
      transition: all ease-in-out 400ms;
    }
    
    #div_group_prop_top_link.show-menu
    {
      left : 0px;
    }

    #div_group_prop_top_link ul li:not(.li_list_property)
    {
      display: block;
      margin-bottom: 12px;
      text-align: center;
    }

    #div_group_prop_top_link ul li:last-child
    {
      margin-bottom: 0px;
    }

    #div_anc_list_property_container
    {
      padding: 20px 0px 8px 0px;
      text-align: right;
    }

    .li_list_property
    {
      width: 100%;
    }

    .anc_list_property
    {
      width : 100%;
      /* max-width: 300px; */
      padding: 5px;
      margin-left: 0px;
      margin-bottom: 10px;
    }
  }

  @media only screen and (max-width : 575.80px)
  {
    #div_anc_list_property_container
    {
      text-align: center;
      padding: 20px 0px 20px 0px;
    }
  }

  #div_admin_group_edit_site_page
  {
    min-height : 36px;
    background-color : #001C4D;
    color : var(--color-white);
    padding: 5px 5px 5px 5px;
    transition : padding 400ms;
  }

  #div_admin_group_edit_site_page.right_panel_show
  {
    padding-right : calc(24px + 310px);
  }

  #div_admin_group_edit_button_container
  {
    float : right;
  }

  #div_admin_group_edit_button_container .edit-info-button
  {
    letter-spacing: 0.5px;
    text-decoration: none;
    padding: 0px 7px;
    background: #f0ad4e;
    color: var(--color-white);
    text-transform: uppercase;
    border-radius: 0.35em;
    cursor: pointer;
    display: inline-block;
    line-height: 20px;
  }

  .search-night-display
  {
    display: inline-block;
    background: var(--color-white);
    /* padding: 2px 25px 4px; */
    /* border-radius: 15px; */
    border: 2px solid #f44336;
    padding: 2px 10px 4px;
    border-radius: 0px 15px 0px 15px;
    line-height: 16px;
    font-size: 16px;
    /* text-transform: uppercase; */
    font-weight: 600;
    letter-spacing: .5px;
    color: var(--color-navy-blue);
  }

  #btn_show_hide_all_prop_room_extra_rates
  {
    line-height: 14px;
    border: none;
    /* background: #e91e63; */
    background-color:#F44336;
    padding: 5px 10px;
    border-radius: 0.35em;
    margin-left: 5px;
    color: var(--color-white);
  }

  @media only screen and (min-width:992px)
  {
    .dropdown_btn.child_parent > .fa-caret-down
    {
      display: none!important;
    }
  }

  @media only screen and (max-width:991.80px)
  {
    .dropdown_btn.child_parent > .fa-caret-right
    {
      display: none!important;
    }
  }

.b247-searchbox
{
  margin-top : 7px;
}



/* SEARCH SECTION*/

.date-picker-wrapper
{
  z-index : 9;
}

.daterangepicker
{
  border-radius: 0px;
  box-shadow: 0px 0px 7px 2px #595555;
}

@media only screen and (min-width : 1200px)
{
  .daterangepicker .drp-calendar 
  {
     max-width: 430px;
  }
  
  .daterangepicker .calendar-table th, .daterangepicker .calendar-table td 
  {
      min-width: 45px;
      width: 45px;
      height: 45px;
      line-height: 34px;
      font-size: 16px;
      padding: 5px;
  }
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect
{
  font-size: 16px;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;  
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect,
.daterangepicker select.monthselect:active, .daterangepicker select.yearselect:active,
.daterangepicker select.monthselect:focus, .daterangepicker select.yearselect:focus,
.daterangepicker select.monthselect:visited, .daterangepicker select.yearselect:visited
{
  outline: none !important;
}

.daterangepicker td.in-range 
{
  background-color: #a0b3bb;
}

.daterangepicker td.active, .daterangepicker td.active:hover
{
  background-color : #00276c;
}

.daterangepicker .calendar-table td.unavailable-date:not(.ends)
{
  background-color : #ff5050;
  color : #ffffff;
  border-radius : 0px;
  text-decoration : none;
}

.daterangepicker .calendar-table td.unavailable-date.ends
{
  background-color : #e9a9a9;
  color : #d1d1d1;
  border-radius : 0px;
  text-decoration : none;
}

.daterangepicker.auto-apply .drp-buttons
{
  display : block;
  text-align : center;
  background-color : #EFEFEF;
  padding : 5px 0px;
}

.daterangepicker .drp-buttons .btn
{
  display : none;
}

.daterangepicker .drp-selected
{
  font-size : 15px;
  padding : 2px 0px;
  letter-spacing : .35px;
}

#searchProperties
{
    position: relative;
    padding-left: 55px;
    border-radius: 30px;
}

#searchProperties .div-icon-main-container
{
    position: absolute;
    top: 0;
    left: 0;
    width: 55px;
    height: 100%;
    background-color: white;
    border-radius: 30px 0px 0px 30px;
}

/*
#searchProperties .div-icon-main-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 57px;
    height: 100%;
    background-color: white;
    border-radius: 30px 0px 0px 30px;
    border-radius: 30px;
}

*/

#searchProperties .div-icon-main-container .div-arrow
{
    background-color : transparent;
    border : 10px solid;
    display : inline-block;
    border-color : white white transparent transparent;
    position : absolute;
    top : 50%;
    right : -18px;
    transform : rotate(45deg) translateX(-75%);
}

/* 
#searchProperties .div-icon-main-container .div-arrow
{
    display : none;
}
*/

#searchProperties .div-icon-main-container .icon-main
{
    line-height: 1px;
    color: #F44336;
    font-size: 3.5em;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    transform: translate(-44%, -50%);
}

/* 
#searchProperties .div-icon-main-container .icon-main {
    line-height: 1px;
    color: #F44336;
    font-size: 3.5em;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
}
*/

.datepicker-text
{
  display: block;
  padding-left: 30px;
  line-height: 21px;
}

#div_select_num_guest 
{
    width: 100%;
    padding: 10px;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 3px 0px #5b5b5b;
    /* top: 0px; */
    /* left: 0px; */
    z-index: 10;
    font-size: 1.1em;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-top: 10px;
}

.div_num_guest_info_container_root 
{
    background-color: #f4f4f4;
    padding-left: 10px;
    padding-right: 5px;
    margin-top: 0px;
    margin-bottom: 3px;
}

#label_num_adult, #label_num_child, #label_num_room 
{
    display: inline-block;
    width: 62px;
    position: relative;
    top: 7px;
}

.div_num_guest_count_container 
{
    float: right;
}

[id^="span-inc"], [id^="span-dec"] 
{
    font-size: 1.5em;
}

[id^="span-dec"] 
{
    color: #d9534f;
    cursor: pointer;
}

[id^="span-inc"] 
{
    color: #5cb85c;
    cursor: pointer;
}

#span_num_adult, #span_num_child, #span_num_room 
{
    display: inline-block;
    width: 50px;
    text-align: center;
    position: relative;
    top: -3px;
}

#btn-cancel-num-guest, #btn-set-num-guest 
{
    padding: 5px 5px;
    line-height: 10px;
    font-size: 1em;
}

#btn-set-num-guest 
{
    float: right;
}

#span_search_text
{
  font-size: 1.4em;
  text-transform: uppercase;
  letter-spacing: .75px;
}

@media only screen and (min-width: 768px)
{
  #div_select_num_guest 
  {
    position: absolute;
    width: 300px;
  }

  #div_btn_check_availability
  {
    max-width: 330px;
  }
}

.city-branding__logo img
{
    width: 100%;
}

.city-branding img
{
    width : 200px;
    max-width: calc(100% - 10px);
}

@media only screen and (min-width : 768px)
{
    .city-branding--2 .city-branding__logo img
    {
        max-width: 300px;
    }

    .city-branding 
    {
        text-align: center;
        padding : 0px;
        height: 100px;
        line-height: 100px;
        border-radius: 12px;
    }

    .city-branding .city-branding__logo
    {
        float: none;
    }
}

@media only screen and (max-width : 767.80px)
{
    .city-branding:not(.site-menu-available)
    {
        padding : 10px 0px;
    }

    .city-branding,
    .city-branding--2
    {
        margin-left : -20px;
        margin-right : -20px;
        margin-top : -4px;
    }

    .city-branding--2
    {
        background-color: transparent;
    }   

    .city-branding__logo img
    {
        /* max-height : 90px;   */
        max-height : 80px;        
    }

    .check-date-container
    {
        margin-top: 0px;
        border-radius: 0px 0px 5px 5px;
        width: calc(100% - 2.5px);
        margin-left: 1px;
    }

    #div_select_guest_root .check-date-container .input-group-addon
    {
        top : 0px;        
    }

    #span_num_guest
    {
        margin-top : 3px;
    }
}

@media only screen and (min-width : 768px) and (max-width : 991.80px)
{
    .div-icon-main-container
    {
        display: none;
    }

    #searchProperties
    {
        padding-left : 25px;
    }
}

.b247-searchbox .b247-button .btn
{
    height: 46px;
}

.property-content__name > a, .property-roomtype, .property-room__name
{
    text-transform: capitalize;
}

/* .property-tile Logic */

@media only screen and (min-width : 1200px)
{
    .properties-main__content .property-tile
    {
        /* flex: 1 0 33%; */
        flex : 1 0 var(--property_tile_desktop_width);
        max-width : var(--property_tile_desktop_width);
    }
}

@media only screen and (min-width: 768px) and (max-width:1199.80px)
{
    .properties-main__content .property-tile
    {
        /* flex: 1 0 50%; */
        flex : 1 0 var(--property_tile_tab_width);
        max-width : var(--property_tile_tab_width);
    }
}

@media screen and (max-width: 767.80px)
{
    .properties-main__content .property-tile
    {
        /* flex: 1 0 100%; */
        flex : 1 0 var(--property_tile_mobi_width);
        max-width : var(--property_tile_mobi_width);
    }
}

.view-list .property-tile, .view-map .property-tile
{
    /* flex: 1 0 100% !important; */
    flex : 1 0 var(--property_tile_mobi_width) !important;
    max-width : var(--property_tile_mobi_width) !important;
}

.view-tile .property-tile.property_tile_col_1
{
    /* flex: 1 0 100% !important; */
    flex : 1 0 var(--property_tile_mobi_width) !important;
    max-width : 1100px !important;
    margin: 0 auto;
}

.view-tile .property-tile.property_tile_col_2, .view-tile .property-tile.property_tile_col_4
{
    /* flex: 1 0 50% !important; */
    flex : 1 0 var(--property_tile_tab_width) !important;
    max-width : var(--property_tile_tab_width) !important;
}

.div_slider_image_container_style
{
    position : relative;
}

.text_slider_image_description_style
{
    position: absolute;
    z-index: 1;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    margin: 0px;
    background-color: rgba(0, 0, 0, 0.7);
    color: #FFF;
    padding: 1px 20px;
    /* font-size: 1.2em; */
    letter-spacing: 0.25px;
    border-radius: 4px;
}


.qa_accomdation1-container 
{
    margin-top : 10px;
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
    row-gap: 10px;
    column-gap: 10px;
}

.qa_accomdation1-container .qa
{
    flex: 1 0 100%;
    max-width: 100%;
}

@media only screen and (min-width : 768px)
{
    .qa_accomdation1-container .qa
    {
        flex: 1 0 calc(50% - 5px);
        max-width: calc(50% - 5px);
    }

    #div_accommdation1_slider #prop_main_slider_fullview .owl-item > .item > img
    {
        height : 500px;
    }
}

.qa_accomdation1-child
{
    box-shadow: 0 0 3px #b0b0b0;
    padding: 0px 5px;
    border-radius: 3px;
}

.question_accommodation1 
{
    font-weight: bold;
}
.answer_accommodation1 
{
    padding-left: 20px;
    color: #555;
}

.div_section_accommodation1
{
    margin : 10px 0px;
}

.div_accommodation1_property_heading_section
{
    margin-top: 15px;
    margin-bottom: 10px;
    padding: 10px 10px;
    background-color: #f4f4f4;
}

.div_accommodation1_property_heading_section .div_accommodation1_property_heading_section-left
{
    float : left;
}

.div_accommodation1_property_heading_section .div_accommodation1_property_heading_section-left > h4
{
    font-size: 25px;
    margin : 0px;
}

.div_accommodation1_property_heading_section .div_accommodation1_property_heading_section-right
{
    float : right;
}

.accommodation1_book_now_btn
{
    display: inline-block;
    background-color: #00276c;
    color : #fff !important;
    padding: 0px 10px;
    min-width: 125px;
    text-align: center;
    border-radius: .25em;
}

.h2_accommdation_title
{
    margin-bottom: 20px;
}

.div_accommodation1_room_info_main_container
{
    display: flex;
    row-gap: 25px;
    flex-direction: column;
    margin-top : 10px;
    margin-bottom : 10px;
}

.div_accommodation1_room_info_main_container > div
{
    flex : 1 0 100%;
    max-width : 100%;    
}

.div_accommodation1_room_info_container
{
    display: flex;
    /* flex-direction: row; */
    flex-wrap: wrap;
    column-gap: 10px;
    box-shadow: 0px 0px 2px #6f6f6f;
}

.div_accommodation1_room_info_container .div_accommodation1_room_info_container-slider_container
{
    flex : 1 0 100%;
    max-width : 100%;    
}

.div_accommodation1_room_info_container .div_accommodation1_room_info_container-desc_container
{
    position: relative;
    flex : 1 0 100%;
    max-width : 100%;  
    padding: 10px 5px;
    padding-bottom: 50px;
}

.accommodation1_room_slider .item img
{
    object-fit: cover;
}

.accommodation1_room_slider .owl-nav
{
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
}

.accommodation1_room_slider:not(:hover) .owl-nav
{
    opacity: 0;
}

.accommodation1_room_slider .owl-nav > div 
{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.15);
    color: #fff;
    padding: 7px 10px;
    font-size: 20px;
    transition: background-color 0.25s ease;
}

.accommodation1_room_slider .owl-nav .owl-prev
{
    left: 10px;
}

.accommodation1_room_slider .owl-nav .owl-next
{
    right: 10px;
}

.span_accommodation1_room_name
{
    font-size: 1.75em;
    font-family: 'Spectral SC', sans-serif;
    background: #000;
    color: #FFF;
    display: inline-block;
    padding: 5px 10px;
    line-height: 1;
    margin-bottom: 5px;
}

.ul_accomodation1_room_facility_list
{
    list-style: none;
    padding: 0px;
    column-count: 2;
}

.ul_accomodation1_room_facility_list > li
{
    display: inline-block;
    width: 100%;
    padding-left : 30px;
    position: relative;
}

.ul_accomodation1_room_facility_list > li > img
{
    position: absolute;
    left: 0px;
    top: 0px;
    max-width: 22px;
    max-height: 22px;
}

.div_accommodation1_room_book_button_container
{
    text-align: right;
    position: absolute;
    bottom: 8px;
    right: 8px;
}

.div_accommodation1_room_book_button_container a
{
    display: inline-block;
    min-width: 100px;
    text-align: center;
    background-color: #00276c;
    color: #FFF;
    line-height: 1;
    padding: 10px 10px;
    font-size: 1.1em;
    margin-left: 5px;
    border-radius: .25em;
}

.para_book_cheapest_accommodation1
{
    font-size: 1.15em;
    border: 1px solid #a2a2a2;
    border-radius: 0.25em;
    text-align: center;
    margin: 10px 0px 20px;
    font-weight: 600;
}

@media only screen and (min-width : 768px)
{
    .span_accommodation1_room_name
    {
        position: relative;
        z-index: 1;
        margin-left: -30px;
    }

    .div_accommodation1_room_info_container .div_accommodation1_room_info_container-slider_container
    {
        flex : 1 0 calc(50% - 5px);
        max-width : calc(50% - 5px);    
    }

    .div_accommodation1_room_info_container .div_accommodation1_room_info_container-desc_container
    {
        flex : 1 0 calc(50% - 5px);
        max-width : calc(50% - 5px);  
    }

    .accommodation1_room_slider .item img
    {
        height : 400px;
    }
}