/*******************************!
 * All Page Layout & Theme CSS *
 *******************************/
body{
	font-family: 'Open Sans', 'Montserrat', sans-serif;
	font-size: 14px;
}
a{
	color: #60b1b7
}
a:hover,
a:focus{
	color: #4da1a7
}
.bg-wwd{
	background-color: #60b1b7
}
.hidden , .cust_hide{
    display: none;
}

div#headerTextNew {
    position: absolute;
    top: 40%;
    left: 42%;
    z-index: 9999;
}
.container-fluid {
    padding-left: 35px;
    padding-right: 35px;
}
 
.logo-center-block {
  height: 90px; 
  line-height: 90px;
}
div.block-block>h2 {
    display: none;
}

div#headerTextNew {
    position: absolute;
    top: 40%;
    left: 42%;
    z-index: 9999;
}
.gry-button {
    background: #bfbcbc !important;
    border: #bfbcbc !important;
    color: #fff !important;
}
.searchPageTitle {
    color: #60b1b7;
    text-align: center;
    margin: 0 0 20px;
    font-size: 35px;
    font-family: BrandonGrotesque-Regular;
}
.row.bgAquaGrdint {
background: #f0f0f0;
}
.row.bgAquaGrdint  #newsletter_email_id{
 background: #fff;
} 
.btn-newsletter {
  background: #55b0b5;
  border-color: #55b0b5;
  color: #fff;
  font-family: Montserrat;
  font-weight: 400;
  padding: 5px;
}
div#newsletterModal {
    z-index: 99999;
}
.page-content-section h1.blogTitle {
    color: #60b1b7;
    text-align: center;
    margin: 0 0 20px;
    font-size: 35px;
    font-family: BrandonGrotesque-Regular;
}
/**********************************
* Header Css */
header{
      position: relative;
      z-index: 99999;
      background: #fff;
}
.topHeader{
	padding-top: 5px; 
	padding-bottom: 5px;
}
.topHeader a{
      text-decoration: none;
}
.mainHeader{
      padding-top:  5px;
      padding-bottom:  5px;
}
.hcb-highlight-block{
      padding: 5px 0;
      font-size: 15px;
      font-weight: 700;
      color: #767676
}
.hcb-highlight-block .fas {
    transform: rotate(135deg);
}

#headerNavigation.navbar{
      margin: -16px 0 0;
      padding: 0
}
.navbar .nav-item + .nav-item{
      padding-left: 2px;
      padding-right: 2px;
}
.navbar .nav-item .nav-link{
      padding:  10px 0.5em;
      font-size: 16px;
      font-weight: normal;
      text-transform: uppercase;
      position: relative;
      z-index: 1;
      color: #60B3B7;
}
.navbar .nav-item.dropdown.no-position{
      position: inherit !important
}

.navbar .nav-item .nav-link:hover{
      color: rgba(0,0,0,.5);
      
      font-weight: normal;
}
.navbar .nav-item.active .nav-link{
      color: #60b1b7;
      background:transparent;
}
.navbar .nav-item .nav-link.nav-specials{
      background: #fd8a15;
      color: #fff;
      padding: 10px 18px;
      position: relative;
      z-index: 1;
      text-transform: uppercase;
}

.navbar .nav-item .nav-link.nav-specials:hover{
      color: #fff;
}
.navbar .nav-item .nav-link.nav-specials:before{
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      width: 1px;
      height: 1px;
      border-radius: 50%;
      background: #ec7b07;
      z-index: -1;
      transition:  all .5s ease-in-out
}
.navbar .nav-item .nav-link.nav-specials:hover:before{
      width: 100%;
      height: 100%;
      border-radius: 0;
}
.navbar-left-block,
.contact-right-block{
      display: none
}

.navbar-toggler {
    background: transparent;
    border: 0;
    padding: 0;
    margin: auto;
    width: 30px;
}
.navbar-toggler .navbar-toggler-icon{
      position: relative;
      display: block;
      border-radius: 5px;
      margin: 15px 0;
}
.navbar-toggler .navbar-toggler-icon,
.navbar-toggler .navbar-toggler-icon:before,
.navbar-toggler .navbar-toggler-icon:after{
      width: 100%;
      height: 2px;
      background: #60b1b7;
}
.navbar-toggler .navbar-toggler-icon:before{
      content: '';
      position: absolute;
      top: -8px;
      left: 0;
}
.navbar-toggler .navbar-toggler-icon:after{
    content: '';
    position: absolute;
    left: 0;
    bottom: -8px;
}
.contact-info-toggler{
      border: 0;
      background: transparent;
      outline: none;
      font-size: 20px;
      color: #60b1b7
}
.topheader--agent-login{
      text-align: right
}
.hcb-d-hiddden{
      display: none
}
.hcb-header{
      background: #f7f7f7;
      color: #343434;
      padding: 10px 16px;
      margin-bottom: 15px;
}
.hcb-header .left-arrow-icon {
    float: left;
    width: 21px;
    height: 21px;
    display: inline-block;
    overflow: hidden;
    position: relative;
    margin-right: 15px;
    margin-top: 2px;
}
.hcb-header .heading{
      font-size: 15px;
      font-weight: 400;
}
.hcb-header .left-arrow-icon:before {
      content: '';
      position: absolute;
      top: -5px;
      left: 4px;
      width: 2px;
      height: 100%;
      background: #999;
      transform: rotate(45deg);
}
.hcb-header .left-arrow-icon:after {
    content: '';
    position: absolute;
    top: 4px;
    left: 4px;
    width: 2px;
    height: 100%;
    background: #999;
    transform: rotate(-45deg);
}
/****************************************/
.sectionTitle {
    text-align: center;
    color: #60b1b7;
    font-size: 2.9em;
    text-transform: uppercase;
    font-family: BrandonGrotesque-Light;
    margin: 0 0 75px;
    padding: 0;
}

/*  guest block search  */

#guest_block_box_tip , #guest_block_box , .guest_block_box{
    display:none;
}
i#guest_block_box_tip {
    color: black;
    color: #999999;
    font-size: 17px;
    left: 50%;
    position: absolute;
    top: -12px;
}
.guest_block_box {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #d1d1d1;
    box-shadow: 0 5px 15px rgba(0,0,0,.3);
    left: 0;
    padding: 2%;
    position: absolute;
    text-align: left;
    top: 45px;
    transition: visibility 0s linear .3s,opacity .3s linear 0s;
    width: 93%;
    z-index: 2;
    border-radius: 10px;
}

.guest_block_box label {
    display: inline-block;
    text-align: center;
    font-weight: normal;
    color: #999999;
    font-size: 17px;
} 
/****************************************/
/*  Right Section of header  */
#contactFlottingBox{
    position: absolute;
    top: 15px;
    right: -20px;
    z-index: 999;
    background: #fff;
}
.logosection{
      height: 40px; display: block; float: left;
}
.logosection.ctripicon{    width: 85px;
    margin-top: 7px;}
.logosection.ssfpicon{width: 148px;margin-left: 15px;}
.logosection img{
      max-width: 100%;
}
.logosection + .logosection{
      margin-left: 5px;
}
.talktous-section{
      display: table; padding-left: 10px; position: relative;
}
.talktous-section:hover .f-heading-section{
      width: 400px;
}
.talktous-section button{
      height: 50px; background: #818286; color: #fff; border:0; width: 50px; display: table-cell,vertical-align:middle;
}
.talktous-section button .fas{
      transform: rotate(90deg); font-size: 20px;
}
.talktous-section .f-heading-section{
      background: #55b0b5; color: #fff;display: table-cell;padding: 0 20px;transition: all .5s ease-in-out;width: 150px;vertical-align: middle;
}
.talktous-section .f-heading-section h5{
      font-size: 18px; text-align: center
}
.talktous-section .f-heading-section h5 .fas{
      margin-left: 5px;
}
.talktous-section:hover .collapse{
      display: block;
}
.talktous-section .collapse{
      display: none;position: absolute; top: 50px; right: 0; width: calc(100% - 60px); z-index: 2; 
      border-radius: 0;border: 0; box-shadow: 0 5px 5px rgba(0,0,0,.1); background: #55b0b5;
}
.talktous-section .collapse .card{
      background-color: transparent; color: #fff;
}

#popupContactSection .heading{
      display: none
}
#popupContactSection .card{
      border: 0;
}
#popupContactSection .contactrow{
      margin-bottom: 5px; font-size: 17px;font-weight: 500;
}
#popupContactSection .contactrow i{
      margin-right: 5px;font-size: 16px;
}
#popupContactSection .contactrow a{
      color: #fff; text-decoration: none
}

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


/***********************************
 *  Filter Section Css  */
.clear{
      clear: both;
}
 .listingPageFilterSection{

 }
 .listingPageFilterSection.open .filter-field-caption{
       display: block
 }
 .filterInsetContainer{
      padding: 15px 0 10px;
      background-color: #f5f5f5;
      box-shadow: 0 0 5px rgba(0,0,0,.2);
 }
 .filterInsetContainer.fixed{
      width: 100%;
      position: fixed;
      top: 0;
      z-index: 99;
 }
 .filterInsetContainer .row{
       margin-right: 0
 }
 .filter-field-caption{
      font-size: 13px;
      color: #333;
      font-weight: 600;
      margin: 0 0 3px;
 }
 .filterWorldDestinations{
       width: 20%; float: left;padding-left: 15px;
 }
 .filterSearchByName{
       width: 30%; float: left;flex: 0 0 29%;
 }
 .filterCountry{
      width: 20%; float: left;flex: 0 0 16%;
}
.filterType{
      width: 25%; float: left;flex: 0 0 16%;
}
.field-block{
      padding-left: 15px;
      padding-bottom: 15px;
}
.field-block + .field-block{
      padding-left: 15px;
}
.filterMoreOptionsButton{
    width: 90px;display: inline-block;
}
.filterMoreOptionsButton .btn + .btn{
      margin-top: 0
}
.field-checkbox{display: inline-block;}
.field-checkbox + .field-checkbox {padding-left: 25px}
.field-checkbox input {position: relative;top: 2px;}
.filter-search-button{display: inline-block;width: 150px;}
.filterSearchButton{width: 12.5%; float: left;flex: 0 0 23%;}
.filterOtherOptionsFieldsRow{margin: 0}
.region.region-content {width: 100%;}
div#block-system-main { width: 100%;}
.pager--infinite-scroll{width: 100%;float: right; text-align: right;}
.fspRentalPriceSlider{  width: 100%; padding: 15px 10px}
.fspRentalPriceSlider .ui-slider{  height: 5px;      background: #ddd}
.fspRentalPriceSlider .ui-slider .ui-slider-range{  border-radius: 3px;  background: #60b1b7}
.fspRentalPriceSlider .ui-slider .ui-slider-handle{
    background: #fff;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    border: 1px solid #60b1b7;
    cursor: pointer;
    top: -7px;
}
.fspRentalPriceSlider .ui-slider .ui-slider-handle.ui-state-hover{
      background: #60b1b7;
      border: 1px solid #60b1b7;
}
.filterOtherOptionsFieldsRow .field-block{
    float:left;
}
.text-caption{
      text-align: center;
      font-size: 13px;
      color: #333;
      font-weight: 600;
      margin: 0 0 3px;      
}
.listingPageFilterSection .form-control{
      font-size: 14px;
      font-family: Open Sans;
      font-weight: 500;
}
.listingPageFilterSection .btn{
      font-size: 14px;
      font-family: Open Sans;
      font-weight: 600;
      padding: 7px 15px;
}
.fspSalsePriceSlider{
      width: 100%;
      padding: 15px 10px
}
.fspSalsePriceSlider .ui-slider{
      height: 5px;
      background: #ddd
}
.fspSalsePriceSlider .ui-slider .ui-slider-range{
      border-radius: 3px;    
      background: #60b1b7
}
.fspSalsePriceSlider .ui-slider .ui-slider-handle{
    background: #fff;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    border: 1px solid #60b1b7;
    cursor: pointer;
    top: -7px;
}
.fspSalsePriceSlider .ui-slider .ui-slider-handle.ui-state-hover{
      background: #60b1b7;
      border: 1px solid #60b1b7;
}
.filterPriceRage{
      float: right;
}
.filterMobileViewButton{
      width: 100%;
      float: left;
      padding-left: 15px;
}
.buttonMobileRow{
      display: none
}
.formMobileHeaderBlock {
    position: fixed;
    width: 100%;
    top: 0;
    padding: 10px 15px;
    text-align: center;
    background: #60b1b7;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    display: none
}
.listingPageFilterSection .formMobileHeaderBlock .btn.btn-close {
      position: absolute;
      width: 30px;
      height: 22px;
      background: transparent;
      border: 0;
      border-radius: 0;
      float: left;
      top: 10px;
      left: 15px;
      overflow: hidden;
}
.listingPageFilterSection .formMobileHeaderBlock .btn.btn-close:before{
      content: '';
      position: absolute;
      top: -5px;
      left: 4px;
      width: 2px;
      height: 100%;
      background: #fff;
      transform: rotate(45deg);      
}
.listingPageFilterSection .formMobileHeaderBlock .btn.btn-close:after{
    content: '';
    position: absolute;
    top: 4px;
    left: 4px;
    width: 2px;
    height: 100%;
    background: #fff;
    transform: rotate(-45deg);      
}


/***********************************************
 *  Properties Listing Page Css  */

#properties-listing-section{
      background: #f7f7f7;
      border-top: 1px solid #e0e0e0;
      padding: 0 0 25px
}
.listingHeadingBlock{
      background: #fff;
      padding: 25px 0;
}
.listingHeadingBlock h1{
      margin: 0;
      padding: 0;
      font-size: 35px;
      font-weight: 300;
      font-family: Montserrat;
      color: #585858
}
.listingHeadingBlock .content{
      margin: 0;
      padding: 0;
      font-size: 14px;
      font-weight: 400;
      font-family: 'Open Sans';
      color: #000
}
.listingHeadingBlock .content p{
      margin: 0;
      padding: 18px 0 0
}

.listingPropertiesItemsContainer{
      padding: 40px 0 0
}
.propertiesItemBlock + .propertiesItemBlock{
      padding-top: 20px;
}
.propertiesItemBlock .propertiesItemInsideContent{}
.propertiesItemBlock .propertiesItemInsideContent .pic-img{
      margin: 0;
      position: relative;
      padding: 0 15px 0 0;
}
.propertiesItemBlock .propertiesItemInsideContent .pic-img .wishlistBlock{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 80px;
    height: 80px;
    font-size: 30px;
    text-align: center;
    padding: 17px;
    color: #fff;
    z-index: 1;
}
.propertiesItemBlock .propertiesItemInsideContent .pic-img .wishlistBlock:before {
    position: absolute;
    content: "";
    border: 65px solid;
    border-color: transparent transparent rgba(0,0,0,.4) rgba(0,0,0,.4);
    left: 0;
    bottom: 0;
    z-index: -1;
}
.propertiesItemBlock .propertiesItemInsideContent .pic-img .wishlistBlock:hover{
      color: #fff;
}
.propertiesItemBlock .propertiesItemInsideContent .pic-img .wishlistBlock:hover .fa-heart{
      font-weight: 900;
}
.propertiesItemBlock .propertiesItemInsideContent .pic-content{
      padding: 0;
      background: #fff;
      box-shadow: 0px 1px 2px rgba(0,0,0,.1);
}
.propertiesItemBlock .propertiesItemInsideContent .pic-content h1{
      font-size: 28px;
      font-weight: 400;
      text-transform: uppercase;      
      font-family: Montserrat;
      margin: 0;
      color: #434242;
}
.propertiesItemBlock .propertiesItemInsideContent .pic-content .pic-description{
      padding: 25px; min-height: 230px;
}
.propertiesItemBlock .propertiesItemInsideContent .pic-content .pic-footer-block{
      min-height: 57px;
      background: #f7f7f7;
      border-top: 1px solid #dedede;      
}
.propertiesItemBlock .propertiesItemInsideContent .pic-content .pic-location{
      font-size: 15px;
      color: #767676;      
      margin-bottom: 15px;
}
.propertiesItemBlock .propertiesItemInsideContent .pic-content .pic-type{
      font-size: 13px;      
      color: #767676;      
}
.propertiesItemBlock .propertiesItemInsideContent .pic-content .pic-bedroom{
      font-size: 14px;
      padding: 10px;
      font-weight: 600;      
      color: #333
}
.pic-option-item{
      display: inline-block; text-align: center; padding: 0 15px;
}
.pic-option-item + .pic-option-item{
      margin-left: 15px;
}
.pic-option-item .text{
      font-size: 14px; color: #505050; display: block;text-align: center;font-family: Montserrat;font-weight: normal;
      margin-bottom: 5px;
}
.pic-option-item .count{
      margin-left: 8px; font-size: 20px;
}
.pic-option-item .icon{
      margin-left: 5px; font-size: 22px;
}
.propertiesItemBlock .propertiesItemInsideContent .pic-content .pic-buttons{
      padding: 10px 15px;
      text-align: center;
      margin-top: 11px;
}
.propertiesItemBlock .propertiesItemInsideContent .pic-content .pic-buttons .btn{
      font-size: 13px;
      font-weight: 600;
      text-transform: uppercase;
      font-family: Montserrat;
}
.propertiesItemBlock .propertiesItemInsideContent .pic-content .pic-buttons .col.left{
      padding-right: 8px;
}
.pic-img-cover{
      height: 306px;
}
.pic-img-cover img{
      width: 100%; height: 100%; object-fit: cover;
}

.ribbon {
  position: absolute;
  right: 11px; top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px; height: 75px;
  text-align: right;
}
.special-ribbon span {
  font-size: 11px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 100px;
  display: block;
  background: #79A70A;
  background: linear-gradient(#FD8A15 0%, #ED8114 100%);
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 19px; right: -21px;
}
.special-ribbon span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #ED8114;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #ED8114;
}
.special-ribbon span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #ED8114;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #ED8114;
}
.dropdown > .dropdown-menu{
      top: 96%;
      border-color: rgba(0,0,0,.05);
      box-shadow: 0 2px 5px rgba(0,0,0,.1);
}
.dropdown > .dropdown-menu .dropdown-item{
      padding: 8px 20px;
      color: rgba(0,0,0,.5);
      font-size: 14px;
      text-transform: uppercase;
      font-weight: 600;
}
.dropdown > .dropdown-menu .dropdown-item:hover,
.dropdown > .dropdown-menu .dropdown-item:focus{
      background: #60b1b7;
      color: #fff;
}
.dropdown:hover>.dropdown-menu {
  display: block;
}

/***********************************************
 *  Properties Details Page Css  */
 #propertiesDetailsGalleryContainer{
       background: #fff;
       padding: 25px 0;
       border: 1px solid #eee;
 }
 #propertiesDetailsPageContainer{
       background: #fff;
       padding: 25px 0;
 } 
 .pdcHeadingShortDetails h1{
       font-size: 30px;
       font-weight: 300;
       margin: 0 0 10px;
       padding: 0;
 }
 .pdcHeadingShortDetails .pdcButtonGroup{margin-top: 45px;}
 .pdcHeadingShortDetails .btn-default{
      color: #545454; font-size: 18px; text-decoration: none; background: transparent; outline: none; box-shadow: none;
 }
 .pdcHeadingShortDetails .pdcButtonGroup .btn-default i{
      margin-right: 5px;
 }
  .pdcHeadingShortDetails .pdcButtonGroup .btn-link{
      font-size: 18px; text-decoration: none;
 }
 .pdcHeadingShortDetails .pdcButtonGroup .btn-link i{
      margin-right: 5px;
 }
 .pdcHeadingShortDetails .pdcLocation{
       font-size: 18px;
       margin: 0 0 10px;
       font-weight: 400; color: #8c8c8c;
 }
 .pdcHeadingShortDetails .pdcLocation .fas{
       margin-right: 5px;
 }
 .pdcHeadingShortDetails .pdcBedroomsDetails{}
 .pdcHeadingShortDetails .pdcBedroomsDetails .pdcBedroomsBlock{
       display: inline-block;
       min-width: 150px;
 }
 .pdcHeadingShortDetails .pdcBedroomsDetails .pdcBedroomsBlock + .pdcBedroomsBlock{
       margin-left: 25px;
 }
 .pdcHeadingShortDetails .pdcBedroomsDetails .pdcBedroomsBlock label{
       display: block;
       font-size: 15px;
 }
 .pdcHeadingShortDetails .pdcBedroomsDetails .pdcBedroomsBlock .fas{
       font-size: 20px;
       margin-right: 5px;
 }
 .pdcHeadingShortDetails .pdcBedroomsDetails .pdcBedroomsBlock .textcontent{
       font-size: 18px;
 }

 /***********************************************************/
 .pdcDetailsTabMenu{}
 .pdcDetailsTabMenu a{
    background: #848484;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    padding: 5px 7px 7px; 
    text-decoration: none;
 }
 .pdcDetailsTabMenu a + a{
       margin-left: 10px;
 }
.pdcDetailsTabMenu a.tab-special {
    background: #fd8a15;
    font-weight: bold;
}
 .pdcDetailsTabMenu a.active{
      background: #60b1b7; color: #fff; position: relative;
 }
 .pdcDetailsTabMenu a.active:before{
      content: ''; position: absolute; bottom: -22px;width: 1px; margin: auto;left: 0;right: 0;
      border: 11px solid; border-color: #60b1b7 transparent transparent  transparent;
 }
#tabSpecail ,#tabSpecial {
    color: #fd8a15;
    font-weight: bold;
}
.special_desc {
    font-weight: bold;
}
 .pdcDetailsTabMenu a.tab-special.active {
    font-weight: normal;
}
 .pdcTabContainer{
       padding: 45px 0; font-size: 15px; color: #545454;line-height: 26px;
 }
 .pdcTabContainer .left{
      position: relative;padding-right: 45px
 }
 .pdcTabContainer .left:before{ 
      position: absolute; content: '';top: 0;right: 0; width: 5px; height: 100%;background: url(../images/bullet-icon.png) repeat-y center top;
 }
 .pdcTabContainer .right{
       padding-left: 45px
 }
 .tabContentBlock .tab-amenities-item .items{
       display: inline-block; width: 30%;
 }
 .tabContentBlock h3{
       color: #60b1b7; font-size: 28px;margin: 0 0 15px; padding: 0;font-family: Montserrat;
 }
 .tabContentBlock .tab-amenities-item{}
 .tabContentBlock .tab-amenities-item .items{
      min-height: 100px;text-decoration: none; margin-bottom: 30px;
 }
 .gallery-thumb{padding: 0;padding-left: 15px; margin-bottom: 15px;}

 .tabContentBlock .tab-amenities-item .items [class^="icon-"],
 .tabContentBlock .tab-amenities-item .items [class*=" icon-"]{
      display: block; margin: auto;
      height: 45px; width: 50px;
 }
 .tabContentBlock .tab-amenities-item .items .title{display: block; text-align: center;font-size: 15px; color: #545454;text-decoration: none}

  [class^="icon-"], [class*=" icon-"]{
       background: url(../images/amenities-icons.png) no-repeat;
       background-size: 390px;
 }
.icon-bedrooms{
      background-position: -3px 2px
}
.icon-jacuzzi{
      background-position: -73px -1px;
}
.icon-beachfront{
      background-position: -145px -4px;
}
.icon-air-conditioning{
      background-position: -212px -5px;
}
.icon-private-pool{
      background-position: -278px -4px;
}
.icon-wi-fi{
      background-position: -338px 0px
}
.icon-bbq{
      background-position: 1px -53px
}
.icon-car-parking-on-site{
      background-position: -69px -54px
}
.icon-spa{
      background-position: -211px -55px
}

/************************************************************
 *  Properties Details Page Tab Panel  */

 .pdcDetailsTabPanel{
       padding: 25px;
       background: #fff;       
 }
 .pdcDetailsTabPanel .nav.nav-tabs .nav-item.nav-link{
      border: 0;
      border-bottom: 3px solid transparent;
      font-size: 16px;
      font-weight: 400;
      text-transform: uppercase;       
      color: #333;
 }
 .pdcDetailsTabPanel .nav.nav-tabs .nav-item.nav-link + .nav-item.nav-link{
       margin-left: 15px;
 }
 .pdcDetailsTabPanel .nav.nav-tabs .nav-item.nav-link.active{
       border-color: #60b1b7;
       color: #60b1b7
 }
 .pdcDetailsTabPanel .tab-content .tab-pane{
       padding: 25px 0;
       font-size: 15px;
       color: #545454
 }
 .listbox{
       margin-bottom: 25px;
 }
.listbox h6{
      font-size: 17px;
      font-weight: 600;
      text-transform: uppercase;
      margin: 0;
      padding: 0
}
.listbox ul{
      margin: 0;
      padding: 0
}
.listbox ul li{
      list-style: none;
      width: 49%;
      display: inline-block;
      padding: 15px 0 0
}
.listbox ul li .fas,
.listbox ul li .far,
.listbox ul li .fab{
      margin-right: 8px;
}
.recently_viewed ul li {
    width: 98%;
    padding: 10px 0 0;
}
.form-field-element .form-caption{
      font-size: 14px;
      color: #545454;
      font-weight: 600
}
.form-field-element .form-field .form-control{
      font-size: 14px;
      color: #545454;
}
.pdc-table .table th{
      background: #60b1b7;
      color: #fff;
      border-color: #60b1b7;
      font-size: 15px;
      font-weight: 700
}
.pdc-table .table td{
      font-size: 15px;
}

.form-btn-block{
      padding-top: 30px;
}
.form-btn-block .btn{
      height: 50px;
      text-transform: uppercase;
      font-size: 18px;
}
.form-textarea-block textarea{
      height: 105px;
}

#pdcDetailesBookingContainer .pdcBookingInset{
      background: #fff;
      padding: 25px 15px;
      position: relative;
      margin-bottom:  25px;
}
#pdcDetailesBookingContainer .pdcBookingInset h2{
      font-family: Montserrat;
      font-size: 28px;
      text-transform: uppercase;
      margin: 10px 0 0;
      color: #333
}
#pdcDetailesBookingContainer .pdcBookingInset p{
      font-family: Montserrat;
      font-size: 14px;
      padding: 5px 0
}
#pdcDetailesBookingContainer .form-field-element{
      margin-top: 8px;
}
#pdcDetailesBookingContainer .form-field-element .form-caption{
      margin-bottom:  5px
}
.modal-dialog{
      max-width: auto !important;
      width: 70% !important;
}
.pdcCloseBtn{
      position: absolute;
      top: 23px;
      right: 23px;
      border: 0;
      background: #efefef;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      font-size: 32px;
      line-height: 0;
      color: #555;
      cursor: pointer;
}
.pdcCloseBtn:hover{
      background: #60b1b7;
      color: #fff;
}

#pdc-gallery-container{
 
}



/********************************************
 *   Our Services Section CSS  */

 #ourservices-section{
       background: #fff;
       padding: 40px 0 0
 }
 .ourservices-heading{
       padding-bottom: 40px;
 }
 .ourservices-heading h1{
      margin: 0;
      padding: 0 0 25px;
      font-size: 35px;
      font-weight: 300;
      font-family: Montserrat;
      color: #585858;
 }
 .ourservices-heading .content{
       font-size: 15px;
       color: #555;
       font-family: Montserrat;
 }
.supplierContent .ourservice-container{
      padding: 2em 0 0
}
.supplierContent .ourservices-blocks .ourservices-white-block{
      margin-bottom: 1.5em;
}
 .ourservice-container{
       background: #f7f7f7;
       padding: 8em 0 0
 }
 .ourservices-blocks .ourservices-white-block{
       background: #fff;
       padding: 25px;
       border-radius: 3px;
       box-shadow: 0 0 10px rgba(0, 0, 0, .04);
       border: 1px solid transparent;
       min-height: 460px;
       margin-bottom: 8em
 }
 .ourservices-blocks .ourservices-white-block.minheight{
       min-height: auto
 }
 .ourservices-blocks .ourservices-white-block:hover{
       border: 1px solid rgba(0, 0, 0,.2);
      box-shadow: 0 0 10px rgba(0, 0, 0,.08)
 }
 .supplierContent .ourservices-blocks .ourservices-white-block{
       display: flex
 }
 .supplierContent .ourservices-blocks .ourservices-white-block .osb-img{
       width: 200px;
       margin: 0;
       height: auto;
       border-radius: 0;
       box-shadow: none;
       border: 0;
       flex-basis: 0;
      flex-grow: 1;
      max-width: 200px;
 }
 .ourservices-blocks .ourservices-white-block .osb-img{
       margin: -7em auto 0;
       width: 165px;
       height: 165px;
       border-radius: 50%;
       overflow: hidden;
       box-shadow: 0 0 10px rgba(0, 0, 0, .1);
       border: 5px solid #fff
 }
 .ourservices-blocks .ourservices-white-block .osb-img img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}
.supplierContent .ourservices-blocks .ourservices-white-block .osb-details{
      max-width: 80%;
      flex-basis: 0;
      flex-grow: 1;
      padding-left: 45px;
}
  .ourservices-blocks .ourservices-white-block .osb-details{
        padding: 35px 0 15px;
  }
 .ourservices-blocks .ourservices-white-block .osb-details h2{
       color: #60b1b7;
       font-family: Montserrat;
       font-weight: 600;
       font-size: 25px;
       text-align: center;
       cursor: pointer;
 }
 .ourservices-blocks .ourservices-white-block .osb-details .osb-content{
      text-align: center;
      font-family: Montserrat;
      font-size: 16px;
      padding: 15px 0 0;
 }


/**********************************
 *   Button Css */

 .btn.btn-primary{
      background: #60b1b7;
      border-color: #60b1b7;
      color: #fff;
 }
  .btn.btn-primary:hover,
 .btn.btn-primary:focus,
 .btn.btn-primary:active,
 .btn-primary:not(:disabled):not(.disabled).active,
 .btn-primary:not(:disabled):not(.disabled):active,
 .show>.btn-primary.dropdown-toggle{
      background: #fff;
      border-color: #60b1b7;
      color: #60b1b7;       
 }
 .btn.btn-primary.btn-invert{
      background: #fff;
      border-color: #60b1b7;
      color: #60b1b7;              
 }
 .btn.btn-primary.btn-invert:hover,
 .btn.btn-primary.btn-invert:focus,
 .btn.btn-primary.btn-invert:active,
 .btn-primary.btn-invert:not(:disabled):not(.disabled).active,
 .btn-primary.btn-invert:not(:disabled):not(.disabled):active,
 .show>.btn-primary.btn-invert.dropdown-toggle{
      background: #60b1b7;
      border-color: #60b1b7;
      color: #fff;   
 }

.btn.btn-warning{
      background: #fd8a15;
      border-color: #fd8a15;
      color: #fff;
 }
  .btn.btn-warning:hover,
 .btn.btn-warning:focus,
 .btn.btn-warning:active,
 .btn-warning:not(:disabled):not(.disabled).active,
 .btn-warning:not(:disabled):not(.disabled):active,
 .show>.btn-warning.dropdown-toggle{
      background: #fff;
      border-color: #fd8a15;
      color: #fd8a15;       
 }

 .btn.btn-holidays-search{
      background: #60b1b7;
      border-color: #60b1b7;
      color: #fff;
      font-family: Montserrat;
      font-size: 15px;
      font-weight: 600;
 }
 .btn-booking-request{
      background: #fd8a15;
      border-color: #fd8a15;
      color: #fff;
      font-family: Montserrat;
      font-size: 20px;
      font-weight: 400;       
      padding: 10px 
 }
 .btn-booking-request:hover,
 .btn-booking-request:focus,
 .btn-booking-request:active{
      background: #fff;
      color: #fd8a15;       
 }
 .btn-enquiry{
      padding: 14px 
 }
 .btn-location{
      background: #60b1b7;
      border-color: #60b1b7;
      color: #fff;         
 }
  .btn-location:hover,
  .btn-location:focus,
  .btn-location:active{
      background: #fff;
      color: #60b1b7;         
 }
/**********************************************/

.sort-pagination-section{}
.sort-pagination-section .sp-container{
      margin: 25px 0 0;
      background: #fff;
      box-shadow: 0 1px 5px rgba(0,0,0,.2);
}
.sort-pagination-section  .sort-panel{
      padding: 15px 20px;
}
.sort-pagination-section  .sort-panel .count{
      color: #313131; font-size: 20px; display: inline-block
}
.sort-pagination-section  .sort-panel .select{
      display: inline-block; width: 250px;
}
.pagination-panel{
      padding: 10px 25px 0;background: #f7f7f7;margin: 0
}
.pagination-panel .count{
      width: 80px;display: inline-block;
}
.pagination-panel.bg-white{
      background: #fff; margin-bottom: 15px;
}

/********************************
/*  Fonts Css  */
 

@font-face {
  font-family: 'BrandonGrotesque-Bold';
  src: url('../fonts/brandon/BrandonGrotesque-Bold.eot?#iefix') format('embedded-opentype'),  
	   url('../fonts/brandon/BrandonGrotesque-Bold.otf')  format('opentype'),
	   url('../fonts/brandon/BrandonGrotesque-Bold.woff') format('woff'), 
	   url('../fonts/brandon/BrandonGrotesque-Bold.ttf')  format('truetype'), 
	   url('../fonts/brandon/BrandonGrotesque-Bold.svg#BrandonGrotesque-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'BrandonGrotesque-Light';
  src: url('../fonts/brandon/BrandonGrotesque-Light.eot?#iefix') format('embedded-opentype'),  
	   url('../fonts/brandon/BrandonGrotesque-Light.otf')  format('opentype'),
	   url('../fonts/brandon/BrandonGrotesque-Light.woff') format('woff'), 
	   url('../fonts/brandon/BrandonGrotesque-Light.ttf')  format('truetype'), 
	   url('../fonts/brandon/BrandonGrotesque-Light.svg#BrandonGrotesque-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'BrandonGrotesque-Medium';
  src: url('../fonts/brandon/BrandonGrotesque-Medium.eot?#iefix') format('embedded-opentype'),  
	   url('../fonts/brandon/BrandonGrotesque-Medium.otf')  format('opentype'),
	   url('../fonts/brandon/BrandonGrotesque-Medium.woff') format('woff'), 
	   url('../fonts/brandon/BrandonGrotesque-Medium.ttf')  format('truetype'), 
	   url('../fonts/brandon/BrandonGrotesque-Medium.svg#BrandonGrotesque-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'BrandonGrotesque-Regular';
  src: url('../fonts/brandon/BrandonGrotesque-Regular.eot?#iefix') format('embedded-opentype'),  
	   url('../fonts/brandon/BrandonGrotesque-Regular.otf')  format('opentype'),
	   url('../fonts/brandon/BrandonGrotesque-Regular.woff') format('woff'), 
	   url('../fonts/brandon/BrandonGrotesque-Regular.ttf')  format('truetype'), 
	   url('../fonts/brandon/BrandonGrotesque-Regular.svg#BrandonGrotesque-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'BrandonGrotesque-Thin';
  src: url('../fonts/brandon/BrandonGrotesque-Thin.eot?#iefix') format('embedded-opentype'),  
	   url('../fonts/brandon/BrandonGrotesque-Thin.otf')  format('opentype'),
	   url('../fonts/brandon/BrandonGrotesque-Thin.woff') format('woff'), 
	   url('../fonts/brandon/BrandonGrotesque-Thin.ttf')  format('truetype'), 
	   url('../fonts/brandon/BrandonGrotesque-Thin.svg#BrandonGrotesque-Thin') format('svg');
  font-weight: normal;
  font-style: normal;
}


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

.footer-logo-section{
      background: #f0f0f0; padding: 15px;
}
.footer-logo-section .logo-item{
      max-width: 16%;flex: 0 0 20%;
}
.footer-logo-section a{
      background: #fff;
      border-radius: 5px;
      display: block;
      min-height: 68px;
      text-align: center;
}
.logo-item a img {
    margin-top: 8px;
}
.footer-logo-section img.sfi{
      margin-top: 20px;
}
.footer-logo-section img.wdest{
      margin-top: 8px;
}


/**********************************************************/
.getintouch-section{
      padding: 65px 0 25px;
}
.getintouch-section .heading h1{
      text-align: center; color: #60b1b7; font-size: 40px;text-transform: uppercase; font-family: BrandonGrotesque-Light;
      margin: 0 0 75px; padding: 0
}

.centerHeader {
      text-align: center !important;
      color: #60b1b7 !important;
      font-size: 40px !important;
      text-transform: uppercase;
      font-family: BrandonGrotesque-Light;
      margin: 0 0 75px;
      padding: 0;
  }

.getintouch-section .gs-content{
      position: relative;
}
.getintouch-section .gs-content + .gs-content:before{
      content: '.............................................';
      position: absolute;
      top: 0;
      left: 0;
      width: 5px;
      height: 100%;
      word-break: break-word;
      font-size: 24px;
      line-height: 10px;
      overflow: hidden; color: #cfcfcf;
}
.getintouch-section .gs-content h3{
      color: #444444;font-size: 20px;text-align: center; text-transform: uppercase; margin: 0 0 15px; padding: 0
}
.getintouch-section .gs-content p{
      color: #444444;font-size: 15px;
}
.getintouch-section .gs-content .social-container{
      margin-top: 45px;
}
.getintouch-section .gs-content .social-icon{
      display: inline-block; width: 40px;height: 40px; border-radius: 50%; border: 1px solid #c7c7c7;
      text-align: center;padding: 8px;
}
.getintouch-section .gs-content .social-icon + .social-icon{
      margin-left: 10px;
}
.getintouch-section .gs-content .social-icon:hover{
      background: #60b1b7; color: #fff; border-color: #60b1b7;
}
.getintouch-section .gs-content .social-icon{
      font-size: 15px; color: #888787;
}
.getintouch-section .gs-content .form-group{}
.getintouch-section .gs-content .form-group .form-control{
      background: #efefef; color: #959595; text-align: center;
      border-color: #efefef; text-align: center;height: 50px;
}
.getintouch-section .gs-content .form-group .form-control:focus{
      background: #fff;border-color: #60b1b7;
}
.getintouch-section .gs-content .form-group .btn{
      height: 50px;
}


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

.footer-container{}
.footer-navigation{padding: 45px 0; text-align: center}
.footer-navigation ul{margin: 0; padding: 0;}
.footer-navigation ul li{margin: 0; padding: 0; list-style: none;display: inline-block}
.footer-navigation ul li + li{margin-left: 25px;}
.footer-navigation ul li a{ color: #727272; font-size: 16px; text-transform: uppercase; display: block}

.footer-bottom{
      background: #303030; color: #fff; text-align: center; padding: 18px 0;
}
.footer-bottom span{
       
}
.footer-bottom a{
      color: #fff;
}

/**************************************************/
.dropdown-wide{
      width: 600px; padding-top: 5px;padding-bottom: 5px;
}
.dropdown-menu .container-fluid{
      padding: 0;
}
.dropdown-menu{
      padding-left: 5px;padding-right: 5px;border-radius: 0 0 5px 5px;
}
.dropdown-menu ul{
      margin: 0; padding: 0
}
.dropdown-menu ul li{
      list-style: none;
}
.dropdown-menu a{
      border-radius: 25px;
}
[data-hidden-filter="true"]{
      display: none !important
}
[data-hidden-filter="false"]{
      display: block !important
}



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

.holidaysSearchMenuPanel{
	position: absolute;
	top: 0;
	left: 0;
	width: 80%;
	z-index: 999;
	display: none;
	right:0;
	margin: auto;
}
.navbar .nav-item.show .holidaysSearchMenuPanel{
      display: block
}
.holidaysContainer{
      padding: 35px 15px 20px;
      position: relative;
      box-shadow: 0 10px 20px rgba(0,0,0,.2);
      background: #fff url(../images/world-map-for-navigation.png) no-repeat top center;
      border-radius: 0 0 5px 5px;
}
.holidayNavBlock + .holidayNavBlock {
    margin-top: 25px;
}
.holidayNavBlock h5{
      font-size: 15px;
      font-weight: 600;
      font-family: Montserrat;
      margin: 0;
      padding: 0 0 3px;
      color: #000
}
.holidayNavBlock h5 a{
      font-size: 15px;
      font-weight: 600;
      font-family: Montserrat;   
      color: #000   
}
.holidayNavBlock ul{
      margin: 0;
      padding: 0;      
}
.holidayNavBlock li{
    padding: 2px 0;
    list-style: none;      
}
.holidayNavBlock a{
      font-size: 12px;
      font-family: Montserrat;
      color: #555;
      font-weight: 600
}
.holidayNavBlock a:hover{
      color: #60b1b7
}
.btn-close{
      background-color: #e5e5e5;
      position: absolute;
      top: 28px;
      right: 15px;
      font-size: 29px;
      padding: 0 5px;
      display: block;
      z-index: 1;
      width: 40px;
      height: 40px;
      text-align: center;
      border: 1px solid #e5e5e5;
      border-radius: 50%;
      color: #555;
      line-height: 16px;
}
.btn-close:hover{
      background-color: #60b1b7;
      border-color: #60b1b7;
      color: #fff;
}
.holidaysSearchMenuPanel .btn-close{
      display: none
}
#holidaysMobileSearchButton .hsb-mobile-buttton{
      padding: 15px
}
#holidaysMobileSearchButton .hsb-mobile-buttton{
      display: none;      
}
#holidaysMobileSearchButton .hsb-mobile-buttton a.btn{
      background: #60b1b7;
      color: #fff;
      padding: 5px 15px;
      border-radius: 3px;
      font-family: 'Montserrat';
      text-transform: uppercase;
      font-size: 14px;
}
#holidaysMobileSearchButton .hsb-mobile-buttton a.btn:hover{
      background: #fff;
      color: #60b1b7;
      border-color: #60b1b7
}
[data-hidden-filter="true"]{
      display: none !important
}
[data-hidden-filter="false"]{
      display: block !important
}

#ninja-slider .ns-img img {
    visibility: hidden;
}

/**********************************************************/
.page-content-section{
    padding: 65px 0;
    margin: 10px 0;
    font-family: BrandonGrotesque-Light;
    font-size: 22px;
}
.page-content-section.specials-content{
      padding: 35px 0 15px
}
.page-content-section h3{
      color: #60b1b7; text-align: center; margin: 0 0 20px;
      font-size: 35px; font-family: BrandonGrotesque-Regular;
}
.page-content-section p{
      margin: 10px 0; font-family: BrandonGrotesque-Light;
      font-size: 22px;
}
.list-page-filter-section{
      background: #f5f5f5;
      padding: 25px 0
}
.list-page-filter-section .left{
      text-align: left
}
.list-page-filter-section .right{
      text-align: right
}
.list-page-filter-section .right .pagination{
      justify-content: flex-end;margin: 0
}
.list-page-filter-section .title{
      font-size: 25px; font-family: BrandonGrotesque-Regular; color: #545454; margin-right: 15px;
}
.list-page-filter-section .selection-dropdown{
      display: inline-block; position: relative; border: 1px solid #ddd; background: #fff;padding: 0 0 0 10px;
}
.list-page-filter-section .selection-dropdown label{
      font-weight: normal; margin: 0
}
.list-page-filter-section .selection-dropdown span{
      display: inline-block; padding: 8px; color: #666; font-weight: normal; margin: 0
}
.list-page-filter-section .selection-dropdown select{
      display: inline-block; width: auto; display: inline-block;  padding: 8px; min-width: 150px;
       appearance: none; border: 0; outline: none; cursor: pointer;
}
.list-page-filter-section .selection-dropdown i{ 
    position: absolute;
    top: 10px;
    right: 5px;
    font-size: 18px;
    color: #666;
    display: none;
}
.list-page-filter-section .pagination .page-item:first-child .page-link,
.list-page-filter-section .pagination .page-item:last-child .page-link{
      border-radius: 0
}
.list-page-filter-section .pagination .page-item .page-link{
      color: #60b1b7;
}
.list-page-filter-section .pagination .page-item.active .page-link{
      background: #60b1b7; border-color: #60b1b7; color: #fff; font-family:Montserrat
}

.villaspecial-tag  , .villafeatured-tag  {
    position: absolute;
    top: 0;
    width: 160px;
    padding: 5px 15px 5px 15px;
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 1px;
    text-align: center;
}
.villafeatured-tag  {
    background-color: rgba(0,0,0,.66);
    left: 30px;
}
.villaspecial-tag  {
    background-color: #fd8a15;
    opacity: 0.89;
    right: 30px;
}

.propertiListingSection{
      padding: 25px 0;
}
.propertiListingSection .pls-content{
      margin-left: -30px; margin-right: -30px; position: relative;
}
.propertiListingSection .pls-content:before{
      content: "";position: absolute; top: -50px; left: 0; right: 0; width: 95%; height: 1px; background: #e5e5e5; margin: 0 auto;
}
.propertiListingSection .pl-article{
      position: relative; display: block; float: left; width: 33.33%; margin-bottom: 40px;
}
.propertiListingSection .pl-article:nth-child(2n+1):after{
      content: none; position: absolute; right: 0; top: 0;height: 100%;
      background: url(../images/bullet-icon.png) repeat-y; width: 5px; 
}
.propertiListingSection .pl-article .pl-content{
      padding: 0 10px;
}
.pls-content{
      display: flex;flex-flow: row wrap;
}
.propertiListingSection .pl-article .pl-content a{}
.propertiListingSection .pl-article .pl-content a img{
      max-width: 100%; display: block
}
.propertiListingSection .pl-article .pl-content h2{
      font-size: 24px; font-family: BrandonGrotesque-Regular; margin: 0; padding: 15px 0 5px
}
.propertiListingSection .pl-article .pl-content h3{
      font-family: BrandonGrotesque-Light; font-size: 16px; color: #666;min-height: 44px;
}
.propertiListingSection .pl-article .pl-content .right{
      text-align: right
}
.propertiListingSection .pl-article .pl-content .btn{
      border-radius: 0; font-size: 16px; padding: 3px 20px;
}

[class^="plicon-"], [class*="plicon- "]{
      background: url(../images/amenities-icons.png) no-repeat;
      background-size: 350px;
}
.properties-pricepropert .pricetag{
      padding: 15px 0 0; border-top: 1px solid #e5e5e5;      min-height: 63px;
}
.properties-pricepropert .pricetag span{
      font-size: 10px; color: #666;
}
.properties-pricepropert .pricetag h6{
      font-size: 16px; margin: 7px 0 0; padding: 0; color: #212529; font-family: BrandonGrotesque-Regular
}

.plicon-private-villa{
      width: 55px; height: 45px; display: block;background-position: -184px -47px; margin: auto
}
.plicon-bedrooms{
     width: 55px; height: 45px; display: block;background-position: 2px 3px; margin: auto
} 
.plicon-bathroom {
    width: 55px;
    height: 45px;
    display: block;
    background-position: -63px 3px;
    margin: auto;
}

.pl-option{
      display: inline-block;
}
.pl-option span{
      font-size: 13px; text-transform: uppercase; color: #60b1b7;
}
.pl-option + .pl-option{
      margin-left: 10px;
}
.pl-amenities-view{
      position: relative; padding: 0; margin-top: 15px; padding-top: 15px;padding-bottom: 15px;
}
.pl-amenities-view:before{
      content: "";position: absolute; top: 0; left: 0; right: 0; width: 95%; margin: auto;
      border-top: 1px solid #ededed
}
.pl-amenities-view:after{
      content: "";position: absolute; bottom: 0; left: 0; right: 0; width: 95%; margin: auto;
      border-bottom: 1px solid #ededed
}
.favourite{
      color: #ef6464;
    display: block;
    font-size: 16px;
    margin-bottom: 9px;
    text-decoration: none !important;
    min-height:50px;
    
}
/*.detail-price{
      background: #fff;
      padding: 0 10px 25px 10px;border-radius: 10px;
}*/
.detail-price h6{
    font-size: 21px; padding: 0; color: #000;margin-bottom: 30px;
}

/***************************************
 *   Footer Css  */
#footer-navigation-section{ 
    position: relative;
    margin-top: 30px; 
}
#footerNavigationCollapse{
      padding: 45px 0 10px;
}
#footer-navigation-section .collapse-nav-button{
      position: absolute;
      top: -40px;
      left: 0;
      right: 0;
      bottom: auto;
      margin: auto;
      width: 40px;
      height: 40px;
}
#footer-navigation-section .collapse-nav-button .btn{
      border-radius: 3px 3px 0 0;
      background: #60b1b7;
      color: #fff;
}
.footer-nav-column h6{
      font-size: 14px;
      font-weight: 600;
      font-family: Montserrat;
      color: #666
}
.footer-nav-column ul{
      margin: 0;
      padding: 0
}
.footer-nav-column ul li{
      list-style: none
}
.footer-nav-column ul li a{
      padding: 4px 0;
      display: block;
      font-size: 13px;
      color: #777;
}
.footer-nav-column ul li a:hover{
      color: #60b1b7
}

#aboutsite-content{
      background: #fff;
      border-top : 1px solid #e5e5e5;
      padding: 15px 0
}
#aboutsite-content p{
      font-size: 12px;
      color: #777
}
.logo-center-block a {
    display: inline-block;
    position: relative;
    /*top: 10px;*/
}
.hbtop1{
	border-top: 1px solid rgba(0,0,0,.1);
}
.hbtop5{
	border-top: 5px solid rgba(0,0,0,.1);
}
.hbbottom5{
	border-bottom: 5px solid rgba(0,0,0,.1);
}

/*************************************************
 * Media Css   */
 @media (min-width:1200px){
      .container{
            max-width:1300px
      }
}
 @media(min-width: 992px) and (max-width:1200px){
      .navbar .nav-item .nav-link{
        padding: 10px 5px;
        font-size: 0.99em;
      }
      
 }
@media(max-width: 992px){
      .navbar-left-block,
      .contact-right-block,
      .mainHeader .navbar-toggler{
            display: block
      }
      .logo-center-block{
            text-align: center
      }
      .header-contact-block{
            text-align: left !important;
            padding: 0;
            position: fixed;
            z-index: 99;
            background: #fff;
            top: 0;
            right: -100%;
            width: 100%;
            height: 100%;
            overflow: auto;
            -webkit-transition: all .5s ease-in-out;
            -moz-transition: all .5s ease-in-out;
            -o-transition: all .5s ease-in-out;
            transition: all .5s ease-in-out;
      }
      .header-contact-block.active{
            right: 0
      }
      .hcb-d-hiddden{
            display: block
      }
      .header-adslogo{
            max-width: 100%;
            flex: 0 0 100%;
            -ms-flex: 0 0 100%;
      }
      .topheader-emailblock{
            display: none
      }
      .topheader--agent-login{
            text-align: center
      }
      .hcb-highlight-block{
            padding: 10px 13px;
            font-size: 18px;
      }
      .filterWorldDestinations{
            width: 100%;
      }
      #headerNavigation.navbar{margin: 0;}
      #contactFlottingBox{
            position: relative;
            right: 0;
            top: 0;
            text-align: center;
            width: 100%;
            display: block;
            float: none;
            height: auto;
            margin-bottom: 15px;
      }
      .logosection{
            float: none; display: inline-block;
      }
      #popupContactSection .heading{
            display: block;
            background: #55b0b5;
      }
      #popupContactSection .heading .backClosedBtn{
            width: 50px;
            height: 50px;
            float: left;
            color: #fff;
            font-size: 18px;
            padding: 14px;
            position: absolute;
            left: 0;
            top: 0;
            z-index: 1;
      }
      #popupContactSection .heading h5{
            padding: 14px; color: #fff;
      }
      .countrypage-search,
      .talktous-section{
            display: block;
            position: fixed;
            top: 0;
            right: -100%;
            margin: 0;
            padding: 0;
            width: 100%;
            height: 100%;
            z-index: 5;
            transition: all .5s ease-in-out;
            background: #fff;
      }

      .countrypage-search.active,
      .talktous-section.active{
            right: 0;
      }

      .countrypage-search .collapse ,
      .talktous-section .collapse{
            display: block;
            position: relative;
            top: 0;
            right: 0;
            width: 100%;
            z-index: 2;
            border-radius: 0;
            border: 0;
            box-shadow: none;
            background: transparent;
      }
      .countrypage-search .collapse .card
      .talktous-section .collapse .card{
            color: #545454
      }
      #popupContactSection .contactrow{
            font-size: 18px;text-align: left;
      }
      #popupContactSection .contactrow i{
            font-size: 18px; margin-right: 10px;
      }
      #popupContactSection .contactrow a{
            color: #545454;
      }
     .talktous-section .d-heading,
     .talktous-section .f-heading-section{
            display: none
      }
      .dropdown-menu, .dropdown-menu.dropdown-wide{
            width: 100% !important;
            box-shadow: none;
            border: 0;
            background: #f7f7f7;
            margin: 0;
      }

      .pdcHeadingShortDetails .container, #propertiesDetailsPageContainer .container{
            max-width: 100%;
      }
      .holidaysSearchMenuPanel .btn-close{
            display: block
      }
      .propertiListingSection .pl-article{
            width: 100%;
      }
      .propertiListingSection .pl-article .pl-img{
            display: block
      }
      .propertiListingSection .pl-article .pl-img img{
            display: block;
            object-fit: cover;
            width: 100%;
      }

}
@media(min-width: 768px) and (max-width: 991px){
      .filterSearchByName{
            width: 40%
      }
      .filterType,
      .filterCountry{
            width: 30%
      }
      .filterMoreOptionsButton,
      .filterSearchButton{
            width: 15%
      }      
      .filterOtherOptionsFieldsRow{
            width: 100%
      }
      	.getintouch-section .gs-content {
    	    position: relative;
    	    margin-bottom: 25px;
    	}
        .getintouch-section .gs-content + .gs-content {
            margin-top: 0px !important; 
        }
    	.getintouch-section .gs-content + .gs-content:before {
            display:none;
        }
}
@media(max-width: 768px){
      .header-adslogo img.trip{
            width: 100px;
      }
      .header-adslogo img.ssfp{
            width: 130px;
      }
      .signup-and-social-block .icon-block,
      .signup-and-social-block .caption{
            flex: none;
            max-width: none;
            width: auto;
      }      
      .signup-and-social-block {
            margin-top: 25px;
      }      
      #holidaysMobileSearchButton .hsb-mobile-buttton{
            display: block
      }
      .filterSearchByName,
      .filterType,
      .filterCountry,
      .filterBedrooms,
      .filterAmenities,
      .filterSalesPrice,
      .filterOtherOptionsFieldsRow{
            width: 100%;
            flex:unset;
      }     
      .buttonMobileRow{
            display: block
      }
      .filterInsetContainer,
      .filterInsetContainer.fixed{
            position: relative;
            z-index: auto;
            box-shadow: none
      }
      .listingPageFilterSection{
            height: auto !important
      }
      .filterInsetContainer{padding: 0}
      .filterInsetContainer .container{padding: 0}
      .filterInsetContainer .btn{border-radius: 0}
      .filterInsetContainer .row.formFilterRow{
            position: fixed;
            top: 0 !important;
            left: auto;
            right: -100%;
            width: 100%;
            height: 100% !important;
            background: #fff;
            transition: all .5s ease-in-out;
            z-index: 99999;
            padding: 65px 15px 15px 0;
      }
      .filterInsetContainer .row.formFilterRow.open{
            right: 0;
            height: 100% !important;
            top: 0 !important;
            overflow: auto;
      }
      .filterInsetContainer .row.formFilterRow [data-hidden-filter="true"]{
            display: block !important;
      }
      .filterInsetContainer .filterMoreOptionsButton{
            display: none !important
      }
      .listingPageFilterSection .filter-field-caption{
            display: block
      }
      .filterSearchButton{
            width: 100%
      }
      .formFilterRow .filterWorldDestinations{
            display: none
      }
      .formMobileHeaderBlock{
            display: block
      }
      .holidaysSearchMenuPanel{
            position: fixed;
            top: 0 !Important;
            left: -100%;
            height: 100% !important;
            width: 100% !important;
            z-index: 99999;
            box-shadow: none;
            overflow: auto;
      }
      .holidaysSearchMenuPanel.open{
            left: 0
      }
      .navbar .nav-item.dropdown.no-position .holidaysSearchMenuPanel{
            left: 0;
      }
      .ourservices-blocks .ourservices-white-block{
            min-height: auto
      }
      .supplierContent .ourservices-blocks .ourservices-white-block .osb-details,
      .supplierContent .ourservices-blocks .ourservices-white-block .osb-img{
            max-width: 100%;
            display: block;
            width: 100%;
            padding: 20px 0 0
      }
      .supplierContent .ourservices-blocks .ourservices-white-block{
            max-width: 100%;
            display: block;
            width: 100%;
            margin-bottom: 25px;
      }
      .getintouch-section .gs-content + .gs-content:before{
            content: '........................................................................................................................';
            width: 100%; height: 30px;word-break: keep-all;top: -50px;
      }
      .getintouch-section .gs-content + .gs-content {
            margin-top: 55px;padding: 0 15px;
      }
      .getintouch-section .gs-content .social-container {
            margin-top: 25px;
            margin-bottom: 15px;
      }
      .footer-logo-section .logo-item{
            max-width: 100%;flex: 0 0 100%;
      }
      .col-sm-12.col-md-2.logo-item + .logo-item {
            margin-top: 10px;
      }
      .footer-logo-section .container-fluid{
            padding-left: 0;
            padding-right: 0;
      }      
      #properties-listing-section .container{
            max-width: 100%
      }
      .propertiesItemBlock .propertiesItemInsideContent .pic-img{
            padding: 0;
      }
      .pic-img-cover, 
      .propertiesItemBlock .propertiesItemInsideContent .pic-content .pic-description{height: auto; min-height: 0;}
      .sort-pagination-section .sort-panel{margin: 0}
      .right-section, .left-section{
            text-align: left !important
      }
      .right-section .justify-content-end{
            justify-content: flex-start !important;
      }
      .left-section{
            padding: 0
      }
      .right-section{
            padding: 0;
            padding-top: 10px !important;
      }
      .pdcTabContainer{padding: 0 15px;}
      .pdcTabContainer .left{padding-bottom: 15px;margin-bottom: 25px;}
      .pdcTabContainer .left:before{background-repeat: repeat-x;top: auto;width: 100%;height: 5px;bottom: 0;}
      .pdcTabContainer .right{position: relative;padding-left: 0;}
      .pdcTabContainer .right:before{ 
            position: absolute; content: '';bottom: 0;left: 0; width: 100%; height: 5px;background: url(../images/bullet-icon.png) repeat-x center top;
      }
      #modalBookingRequest .modal-dialog {
            width: 100% !important;
            margin: auto;
      }
      .list-page-filter-section .left,
      .list-page-filter-section .right{
            text-align: center
      }
      .list-page-filter-section .right .pagination{
            justify-content: center; margin-top: 10px;
      }
      .propertiListingSection .pl-article .pl-content .right{
            text-align: left; padding-top: 15px;
      }
      .propertiListingSection .pl-article .pl-content a{
            display: inline-block
      }
      .propertiListingSection .pl-article .pl-content .btn{
            float: right;
      }
      .propertiListingSection .pls-content{
            margin-left: 0; margin-right: 0;
      }
      .propertiListingSection .pl-article .pl-content{
            padding: 0;
      }
      .detail-price h6{
            text-align: left
      }
      .btn-enquiry{margin-bottom: 10px;}
	  .listbox ul li{width: 100%}
    .favourite.fav_block .fas{
                padding: 12px 9px;
                font-size: 2.5em;
            }
}
@media(max-width: 575px){
      .mainHeader{
            padding-left: 15px;
            padding-right: 15px;            
      }
      .holidayNavColumn + .holidayNavColumn {
            margin-top: 25px;
      }
      .pdc-table .table,  .pdc-table .table tbody,  .pdc-table .table tr, .pdc-table .table th, .pdc-table .table td {
            display: block
      }
      .pdc-table .table td{
            border: 0;
      }
      .pdc-table .table tr{
            border-bottom: 1px solid #dee2e6;
            margin-top:  5px;
      }
      .container-fluid{
            padding-left: 15px;
            padding-right: 15px;
      }
      .sort-pagination-section .sort-panel .select{
            width: 100%;
            margin: 0 !important;
      }
      .sort-pagination-section .sp-container{
            margin: 0
      }
      .listingPropertiesItemsContainer{
            padding: 0;
      }
      .pdcHeadingShortDetails h1{
            font-weight: 500;font-size: 24px;
      }
      .pdcHeadingShortDetails .pdcButtonGroup {
            margin-top: 30px;
      }
      .btn-booking-request{margin-bottom: 15px;}
      .pdcDetailsTabMenu{margin-bottom: 25px; border-bottom: 1px solid #eee;}
      .pdcDetailsTabMenu a{margin-bottom: 20px;}

      
}



   .ui-autocomplete {
    	max-height: 250px !important;
    	overflow-y: scroll !important;
    	overflow-x: hidden !important;
    	z-index: 99999;
    	background: #efefef !important;
    	font-family: BrandonGrotesque-Medium !important;
    	font-size: 1.13em !important;
    }
    .ui-autocomplete li {
    	padding: 5px 10px !important;
    }
    .ui-menu .ui-menu-item a,
    .ui-menu .ui-menu-item a:hover {
    	display: block;
    }
    .ui-autocomplete li:hover {
    	background: #60b1b7 !important;
    	border-color: #60b1b7 !important;
    }
    .ui-menu .ui-menu-item a:hover,
    .ui-menu-item-wrapper a:hover {
    	background: #60b1b7 !important;
    	border-color: #60b1b7 !important;
    	color: #fff;
    	display: block;
    }
    .ui-state-disabled {
    	color: #ccc !important;
    	cursor: none !important;
    }
   
         .map{ width:100%;     height:450px;        }
         #pdc-gallery-container {
             font-size: 0;
        }
         .webform-client-form-54061{
             width: 95%;
            padding: 5%;
        }
         .form-actions {
             padding: 0 10px;
        }
         .captcha {
            float: unset !important;
        }
         .captcha legend {
             display: none;
        }
        .captcha .fieldset-description {
            display: none;
        }
        .captcha input#edit-captcha-response {
            display: inline;
        }
         #webform-client-form-54061 label {
             display:none
        }
         fieldset.captcha.form-wrapper {
             margin: 5px 10px;
        }
         #webform-client-form-54061 .form-control{
             border-radius:0;
             padding:20px
        }
         .hide_lable label{
             display:none;
        }
         div#map {
             width: 100%;
             height: 350px;
        }
         #edit-captcha-response--2 {
             display: inline;
        }
        #homepage_testimonials .testimonial_text {
            text-align: center; 
            color: #545454;
            font-family: BrandonGrotesque-light;
            font-size: 23px;
            padding: 15px 0 15px;
        }
         .testimonal_heading {
            margin: 10px 0;
            font-family: BrandonGrotesque-light;
            font-size: 24px;
        }
        #favorite-container{position: fixed;background: #fff; top: 70vh;right: 0;height: 100px;border: 0px solid;
                        transition: right .5s ease; z-index: 1024;box-shadow: 0 0 10px rgba(0,0,0,.5);padding: 0;width:300px}
    #favorite-container .container{position: relative;width:auto;}
    #favorite-container .caption {border: 0px solid #000;
                                  background-color: #55b0b5;
                                  color: #fff;
                                  display: block;
                                  font-size: 15px;
                                  height: 100px;
                                  left: -15px;
                                  float: left;
                                  position: relative;
                                  top: 0;padding: 5px 5px 0;cursor: pointer
    }
    .caption:hover + #favorite-container{right: 0}
    #favorite-container .content h4{font-size: 18px;}
    #favorite-container .content h6{font-size: 14px;margin: 0 0 5px;}
    #favorite-container .content p{font-size: 13px;margin: 0;line-height: 14px;}
    .favorites-block{display: inline-block; padding: 3px 5px 2px;color: #fff;background-color: #818286;border-radius: 3px;margin: -1px 0 0 4px;font-size: 12px;}
    #favorite-container .favorites-icon{position: relative; top: 3px;margin-left: 5px;font-size: 22px;display: inline-block;}
    
    
    
    
        .mainHeader.sitetoolbar {  background: #f5f5f5;   }
        #google_translate_element{ position:fixed; bottom:0;right:-2000px;    }
        .img-thumbnail.flag {
            min-height: 17px;
            margin: 0 10px;
            display: inline-block;
            min-width: 23px;
            border: 0;
            border-radius: 0px;
        }
        div#featured_search_term { margin: 13px auto; text-align: center; color: #fff !important; font-size: 18px; }
        div#featured_search_term a{ color: #fff !important; }
        .bed_bath_info{  margin-bottom: 1em;}
        div#cTripModal {z-index: 99999;     }
		
		
		.country-icon{position: relative;top: 4px;margin-right: 11px;}	
		.location-icon{font-size: 18px;}


/**************************************************************/
.inqueryBookingOuterContainer{position: relative;}
#inqueryBookingFloatingContainer{box-shadow: 0 0 15px rgba(0,0,0,.1);position: absolute;top: 0;width: 330px;border: 1px solid rgba(0,0,0,.1);background: #fff;padding: 15px;margin-left: 73px;transition: all .5s ease-in-out;}
#inqueryBookingFloatingContainer.fixed{position: fixed;width: 330px;top: 60px;z-index: 99;transition: none;}
#inqueryBookingFloatingContainer .ibfcContent{background: #fff;}
#inqueryBookingFloatingContainer .ibfcContent h2{font-size: 20px; padding: 12px 0 12px;background: #f7f7f7;margin-bottom: 25px;text-align: center;font-family: Montserrat;letter-spacing: 0px;font-weight: 400;}
#inqueryBookingFloatingContainer .ibfcContent .field-row{margin-bottom: 20px;}
#inqueryBookingFloatingContainer .ibfcContent .field-row .form-control{min-height: 45px;font-family: Montserrat;font-size: 14px;border-radius: 0;}
#inqueryBookingFloatingContainer .ibfcContent .btn{min-height: 45px;font-family: Montserrat;text-transform: uppercase;font-size: 15px;font-weight: 400;}
#inqueryBookingFloatingContainer .ibfcContent .btn.btn-booking{background: #fd8a15;border-color: #fd8a15;color: #fff;font-family: Montserrat;font-weight: 400;}
#inqueryBookingFloatingContainer .ibfcContent .btn.btn-booking:hover,
#inqueryBookingFloatingContainer .ibfcContent .btn.btn-booking:focus,
#inqueryBookingFloatingContainer .ibfcContent .btn.btn-booking:active{background: #fff;color: #fd8a15;}
#inqueryBookingFloatingContainer .ibfcContent .alert{display: block;text-align: center;padding: 6px;}
#inqueryBookingFloatingContainer .ibfcContent .inqueryBookingContact{margin-top: 25px;background-color: #f7f7f7; padding: 14px;font-family: Montserrat;}
#inqueryBookingFloatingContainer .ibfcContent .inqueryBookingContact h3{font-size: 18px;font-weight: 600;text-align: center;margin: 0;padding: 10px 0 12px;}
#inqueryBookingFloatingContainer .ibfcContent .inqueryBookingContact .content{font-size: 14px;font-weight: 500;text-align: center;color: #000;}
#inqueryBookingFloatingContainer .ibfcContent .inqueryBookingContact .content a{text-decoration: none;}


#desc_wrap{
 overflow:hidden;
 max-height:180px;
}

#desc_wrap_mobile{
 overflow:hidden;
 max-height:73px;
}

#desc_wrap_more ,
#desc_wrap_less ,
#desc_wrap_more_mobile ,
#desc_wrap_less_mobile{  
    font-size: 16px;
    padding: 3px;
    cursor: pointer; 
    text-transform: capitalize;
    font-style: italic;
    color: #55b0b5;
}


#desc_wrap_new{
 overflow:hidden;
 max-height:127px;
}
#desc_wrap_new_more ,
#desc_wrap_new_less{  
    font-size: 15px;
    padding: 3px;
    cursor: pointer;
    text-transform: capitalize; 
    color: #55b0b5;
    margin-top: 5px;
    margin-bottom: 15px;
    display: block;
}

 #tabDescriptionContent #desc_wrap_more ,
 #tabDescriptionContent #desc_wrap_less{  

    font-size: 15px;
    font-style: unset;
}
@media(max-width: 991px){
  #inqueryBookingFloatingContainer{
    position: relative;margin: 15px 0;
  }
  .location-icon{float: right;}
}
.requestMoreInfoButtonContainer{width: 330px;max-width: 100%;float: right;margin: -93px 0 0;padding: 0;}
.requestMoreInfoButtonContainer .row{margin:0;padding:20px;background:#000;background:rgba(0,0,0,.55)}
.requestMoreInfoButtonContainer p{
  text-align:center;color:#fff;margin:17px 0;padding:0;height:90px; font-size: 16px;    font-weight: 600;
}
.requestMoreInfoButton{border: 1px solid rgba(255,255,255,.5);border-radius: 5px;color: #fff;text-decoration: none;text-align: center;display: block;padding: 12px;margin: 11px 0;}
.requestMoreInfoButton:hover{background: #55b0b5;border: 1px solid #55b0b5; color: #fff;text-decoration: none;}
.overlayFilterPanel{position: relative;}
.overlayFilterPanel .overlayFilterContainer{position: absolute;width: 100%;background: #fff;padding: 20px;box-shadow: 0 4px 10px rgba(0,0,0,.2);top:10px;z-index: 9;}
.overlayFilterPanel .overlayFilterContainer .filter-field-caption{font-size: 14px;}
.overlayFilterPanel .overlayFilterContainer .filterOtherOptionsFieldsRow{border-bottom: 1px solid rgba(0,0,0,.1);margin: 0 0 25px;}
.overlayFilterPanel .overlayFilterContainer .filterOtherOptionsFieldsRow .field-block{margin-bottom: 13px;}
.filterInsetContainer .field-block{padding-bottom: 1px;}
.overlayFilterPanel .overlayFilterContainer .filterSearchButton{padding-top: 20px;flex: 0 0 50%;text-align: right;}


@media(max-width: 767px){
	.requestMoreInfoButtonContainer{
		width: 100%;float: none;margin: 20px 0;
	}
	#inqueryBookingFloatingContainer{
		width:100%;
	}
	.pdcHeadingShortDetails{padding: 25px 0 0;}
	.pdcTabContainer .left{padding-right: 0;padding-left: 0;}
	.ibfcContent .field-btn + .field-btn{
		margin-top: 10px;
	}
	#inqueryBookingFloatingContainer .ibfcContent .inqueryBookingContact{
		margin-top: 0;
	}
	.pdcHeadingShortDetails .detail-price{padding:0}
}
@media(max-width: 575px){
    
    .favourite{
        width:48%;
    }
    .guest_block_box .form-control {
        width: 90%;
        padding: 0 3%;
        margin-left: 10px;
    }
    .guest_block_box {
       left: 4%;
        width: 92%;
    }
 
      .logosection{
          height:unset;
          margin-bottom: 0;
      }
      .logosection.ctripicon img,
      .logosection.ssfpicon img{
          height:27px
      }
      #contactFlottingBox{
          margin-bottom: 7px;
      }
      .logo-center-block {
          height: 57px;
      }
      #footerNavigationCollapse {
          padding: 10px 0 10px;
      }
      .footer-nav-column {
          text-align: center;
          padding: 0px 0 20px;
      }
      /*--------------------------*/
      .banner-form-section {
        height: unset;
      }
      .home-banner-section .bx-viewport, 
      .home-banner-section .bx-viewport .homeBanner{
        height: 60vh !important;
      }
          /*-------------Listing--------------*/
      .propertiListingSection .pl-article .pl-content h3 { 
         min-height: unset;
      }
      .properties-pricepropert .pricetag {
          padding: 5px 0 0; 
          min-height: unset;
      }   
      

      .pdcDetailsTabMenu a {
              display: none;
          }   
}

/*   Hightlight Points For Css  */

 
#highlight-points {
    /* display: block; */
    /* position: absolute; */
    /* left: 37%; */
    /* top: 35%; */
}
div#higlightPoint2Model,div#higlightPoint1Model {
    z-index: 99999;
}
#highlight-points .php-blocks {
    /* display: block; */
    float: left;
    color: #f79646;
    font-size: 12px;
    text-transform: uppercase;
    font-family: BrandonGrotesque-Bold;
    position: relative;
    line-height: 1.65em;
    top: 4px;
}
#highlight-points .php-blocks + .php-blocks {
    margin-left: 82px;
}
#highlight-points .php-blocks.block-1{
  /* width: 150px; */
  margin-left: 40px;
}
#highlight-points .php-blocks.block-2{
  /* width: 120px; */
}
#highlight-points .php-blocks.block-3{
  /* width: 120px; */
}
.icon-ffii {
    display: block;
    float: left;
    width: 35px;
    height: 35px;
    background: url(../images/icon-bg-header.png) no-repeat;
    background-position: -7px -6px;
    position: absolute;
    left: -40px;
    top: -8px;
}
.icon-nasf {
    /* display: block; */
    float: left;
    width: 35px;
    height: 35px;
    background: url(../images/icon-bg-header.png) no-repeat;
    background-position: -67px -6px;
    position: absolute;
    left: -40px;
    top: -8px;
}
.icon-nccf {
    display: block;
    float: left;
    width: 35px;
    height: 35px;
    background: url(../images/icon-bg-header.png) no-repeat;
    background-position: -127px -6px;
    position: absolute;
    left: -40px;
    top: -8px;
}

#highlight-points-for-mobile{
	display: none;
	background-color: #f79646;
    float: left;
    width: 100%;
    padding: 10px 20px; 
}
#highlight-points-for-mobile .php-blocks{
	color: #fff;
	font-size: 14px !important;
	text-transform:uppercase;
	float: left;
	width: 33.33%;
	position: relative;
	font-weight: bold;
	line-height: 20px;
	padding: 10px 0 0;
	text-align: center
}
#highlight-points-for-mobile .icon-ffii,
#highlight-points-for-mobile .icon-nasf,
#highlight-points-for-mobile .icon-nccf{
	position: relative;
	top: -6px;
	left:0;
	border: 1px solid rgba(255,255,255,.5);
	border-radius: 50%;
	margin-right: 8px;
}

.highlightRms{  
    width: 250px;
    z-index:10000000001; 
    font-size: 18px;
    font-family: BrandonGrotesque-Light;
    font-weight: normal;
    padding: 10px;
    background: #55b0b5;
    color: #fff;
    transition: all .5s ease-in-out;
    
}
.recently_viewed li a {  color: unset;}
.ucfirst{
    font-weight:bold;color:#ef6464;text-transform: capitalize;
}
.highlightRms .tooltip-inner {
    
    width: 250px !important;
    font-size: 18px;
    font-family: BrandonGrotesque-Light;
    font-weight: normal;
    padding: 0;
    background: #55b0b5;
    color: #fff;
}.custom_hide,custom_hide1{
    display:none !important;
}
.home-banner-section.listingBannerSection .banner-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.villaspecial-tag2 {
    position: absolute;
    top: 0;
    width: 160px;
    padding: 5px 15px 5px 15px;
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 1px;
    text-align: center;
}
.villaspecial-tag2  {
    background-color: #60b1b7;
    opacity: 0.89;
    right: 210px;
}

@media(max-width: 1255px){
	#highlight-points{
		display: none
	}
	#highlight-points-for-mobile{
		display: block;
	}
}

@media(max-width: 768px){
	#highlight-points-for-mobile{ padding: 10px 20px 0; }
	#highlight-points-for-mobile .php-blocks{ padding-bottom: 0; padding-top: 0; font-size: 18px; }
	.inset-block{ padding: 15px; display: block;}
	#highlight-points-for-mobile .php-blocks.block-1{padding-bottom: 15px;}
	.safe_protected img {
		max-width: 100%;
		width: auto;
	}	 
	.sectionTitle { 
        font-size: 2em; 
        margin: 0 0 25px;
        padding: 0;
    }
}
.fa-twitter::before{
	content:"𝕏" !important;
	font-size:1.2em;
}