@charset "UTF-8";
/* CSS Document */

/*

Main Pink  : #ED10A8
    Pink Hover : #DB0F9B
    Pink Hover Border : #C80E8E
Main Green : #5DA7A1
    Green Hover : #4E8F8A
    Green Hover Border : #47827E

*/

@media (max-width: 767px) {
    .hidden-mobile {
        display: none;
    }
}

.icon-plus:before {
    content: '\21E9';
    /*content: '\2193';*/
    font-size: 20px;
}
.icon-minus:before {
    content: '\21E7';
    /*content: '\2191';*/
    font-size: 20px;
}

body {
    font-size: 15px;
}

body > div.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom {
    z-index: 99999 !important;
}

a {
    color: #ED10A8;
}

p {
    font-size: 18px;
    letter-spacing: 0.5px;
}

h2 span, h3 span, h4 span, h5 span, h6 span {
    color: #ED10A8;
}

#logo_home h1 a, header#plain #logo_home h1 a, header#colored #logo_home h1 a{
    width:176px;
    background-size: 176px 34px;
}
header.sticky #logo_home h1 a{
    width:143px;
    background-size: 143px 34px;
}
@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
#logo_home h1 a, header#colored #logo_home h1 a{
    background-image: url(../img/logo_2x.png);
    background-size: 176px 34px;
}
header.sticky #logo_home h1 a, header#plain #logo_home h1 a{
    background-image: url(../img/logo_sticky_2x.png);
    background-size: 143px 34px;
}
header.sticky#colored #logo_home h1 a{
    background-image: url(../img/logo_sticky_colored_2x.png);
    background-size: 143px 34px;
}
}

/* Buttons */

/* start pink */
.btn-pink {
  color: #fff !important;
  background-color: #ED10A8;
  border-color: #ED10A8;
}

.btn-pink:hover {
  color: #fff;
  background-color: #DB0F9B;
  border-color: #C80E8E;
}

.btn-pink:focus, .btn-pink.focus {
  box-shadow: 0 0 0 0.2rem rgba(219,15,155, 0.5);
}

.btn-pink.disabled, .btn-pink:disabled {
  color: #fff;
  background-color: #ED10A8;
  border-color: #ED10A8;
}

.btn-pink:not(:disabled):not(.disabled):active, .btn-pink:not(:disabled):not(.disabled).active,
.show > .btn-pink.dropdown-toggle {
  color: #fff;
  background-color: #C80E8E;
  border-color: #DB0F9B;
}
/* end pink */

/* start green */
.btn-green {
  color: #fff !important;
  background-color: #5DA7A1;
  border-color: #5DA7A1;
}

.btn-green:hover {
  color: #fff;
  background-color: #4E8F8A;
  border-color: #47827E;
}

.btn-green:focus, .btn-green.focus {
  box-shadow: 0 0 0 0.2rem rgba(93,167,161, 0.5);
}

.btn-green.disabled, .btn-green:disabled {
  color: #fff;
  background-color: #5DA7A1;
  border-color: #5DA7A1;
}

.btn-green:not(:disabled):not(.disabled):active, .btn-green:not(:disabled):not(.disabled).active,
.show > .btn-green.dropdown-toggle {
  color: #fff;
  background-color: #47827E;
  border-color: #4E8F8A;
}
/* end green */

/* Alerts */
.alert-green {
    color: white;
    background-color: #5DA7A1;
    border-color: #47827E;
}

.alert-pink {
    color: white;
    background-color: #ED10A8;
    border-color: #C80E8E;
}
/* end alerts */

a.button_intro, .button_intro {
    background: #ED10A8;
}
a.button_intro:hover, .button_intro:hover {
    color: #ED10A8 !important;
}

.custom-search-input-2 input[type='submit'] {
    background-color: #ED10A8;
}
.custom-search-input-2 input[type='submit']:hover {
    background-color: #DB0F9B;
}

a.btn_1, .btn_1 {
    background: #ED10A8;
}
a.btn_1.outline:hover, .btn_1.outiline:hover, input .btn_1.outiline:hover {
    background: #ED10A8;
    border: 2px solid #DB0F9B;
}
a.btn_map {
    /*background: #ED10A8;*/
    background: #5DA7A1;
}
#search_refine_btn {
    /*background: #ED10A8 !important;*/
    background: #5DA7A1 !important;
}
a.btn_1.white, .btn_1.white {
    background: #fff;
    /*color: #ED10A8;*/
    color: #5DA7A1;
}
a.btn_full, .btn_full {
    /*background: #ED10A8;*/
    background: #5DA7A1;
}
a.btn_full_outline {
    /*color: #ED10A8;
    border: 2px solid #ED10A8;*/
    color: #5DA7A1;
    border: 2px solid #5DA7A1;
}


/* Basic button styling */

.pulsing {
  box-shadow: 0 0 0 0 rgba(237, 16, 168, 0.7);
  -webkit-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  transition: all 300ms ease-in-out;
}


/* Comment-out to have the button continue to pulse on mouseover */

a.pulsing:hover {
  -webkit-animation: none;
  -moz-animation: none;
  -ms-animation: none;
  animation: none;
  color: #ffffff;
}


/* Animation */

@-webkit-keyframes pulsing {
  to {
    box-shadow: 0 0 0 20px rgba(237, 16, 168, 0);
  }
}

@-moz-keyframes pulsing {
  to {
    box-shadow: 0 0 0 20px rgba(237, 16, 168, 0);
  }
}

@-ms-keyframes pulsing {
  to {
    box-shadow: 0 0 0 20px rgba(237, 16, 168, 0);
  }
}

@keyframes pulsing {
  to {
    box-shadow: 0 0 0 20px rgba(237, 16, 168, 0);
  }
}

.form_title h3 strong {
    background-color: #ED10A8;
}
/* end Buttons */


.main-menu > ul > li > a {
    font-size: 15px;
}
.main-menu ul {
    margin-left: 60px;
}

.banner h4 {
    color: #ED10A8;
}

.banner.colored {
    background: #5da7a1 url(../img/banner_bg_palms.png) no-repeat center bottom;
    color: #fff;
}

.card-header a .indicator {
    color: #ED10A8;
}

a#phone, a#email_footer {
    color: #fff;
}

#top_line{
    font-size: 15px;
}
#social_top a i {
    font-size: 15px;
}

ul#top_links a:hover {
    color: #ED10A8;
}
ul#top_tools a {
    font-weight: 500;
}
#social_top a i:hover {
    color: #ED10A8;
}
#position {
    font-size: 15px;
}

@media only screen and (min-width: 992px) {
    .main-menu ul ul, .main-menu ul li .menu-wrapper {
        border-top: 2px solid #ED10A8;
    }
}

#access_link:before{content: none;}

#search_container {
    /*background: #4d536d url(/img/home-banner.jpg) no-repeat center top;
    height: 600px;*/
    background: none;
    height: 100%;
    position: absolute;
}

#search {
    background: none;
}

#search_2 {
    background: rgba(0,0,0,0.1);
}
#search_2 .nav-tabs > li > a.active, #search_2 .nav-tabs > li > a:hover .active, #search_2 .nav-tabs > li > a:focus .active {
    background-color: #DB0F9B;
}

.irs-bar, .irs-bar-edge, .irs-line-left, .irs-line-mid, .irs-line-right, .irs-slider {
    /*background: url(/img/green-search-sprite.png) repeat-x;*/
}

#search_refine_btn {
    border: none;
    font-family: inherit;
    font-size: inherit;
    color: #fff;
    background: #e04f67;
    cursor: pointer;
    padding: 12px 20px;
    display: inline-block;
    outline: none;
    font-size: 12px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-transform: uppercase;
    font-weight: bold;
    display: block;
    text-align: center;
    width: 100%;
}
#search_refine_btn:hover{
    background:#333;
}

.featured-listing {
    box-shadow: 0px 0px 15px 0px rgb(224 171 19);
}
.ribbon_featured span{
    background: linear-gradient(#ecdd1f 0%, #d87917 100%) !important;
}

.irs-from, .irs-single, .irs-to {
    background: #5DA7A1;
}
.irs-from:after, .irs-single:after, .irs-to:after {
    border-top-color: #5DA7A1;
}

.box_style_4 i {
    font-size: 15px;
     margin-top: 0;
    display: inline-block;
}

.ribbon_3 span {
    background: #5DA7A1;
    background: linear-gradient(#5DA7A1 0%, #47827e 100%);
}

#listing_anchor_links ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: table;
}

#listing_anchor_links ul li {
    display: table-cell;
    width: 1%;
    vertical-align: middle;
    text-align: center;
    padding: 0 10px 20px 10px;
    white-space: nowrap;
}
#listing_anchor_links ul li i {
    font-size: 36px;
    display: block;
    margin-bottom: 10px;
}

#listing_anchor_links .btn-group { flex-wrap: wrap; }

.filter_type h4 {
    border-top: 1px solid #ddd;
    margin: 15px 0;
    padding: 15px 0 0 0;
    font-size: 14px;
    font-weight: 600;
}

.filter_type h5 {
    border-bottom: 1px solid #ddd;
    margin: 15px 0;
    padding: 15px 0 0 0;
    font-size: 10px;
}

.main-menu {
    font-weight: 500;
    font-size: 30px;
}

.sticky ul#top_tools a {
    color: #fff;
    font-weight: 600;
}

ul#top_tools {
    /*top: -5px;*/
    right: 0px;
}

.list_tours_tabs ul li:last-child {
    border-bottom: 1px solid #ededed;
    padding: 15px 5px 10px 70px;
}

.hotel_title h3 {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.dd-select {
    border: none !important;
    height: 100% !important;
}

.dd-option-text {
    color: #444;
}

.dd-selected-text {
    line-height: inherit;
    margin: auto;
    width: 50%;
    padding: 18px;
}

.dd-selected-image {
    margin: auto;
    padding: 10px;
}

#carousel-home .container {
    position: absolute;
    bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}

.slide-text h2 {
    font-size: 35px;
}

#hours {
    display: block;
    position: relative;
    color: #fff;
    font-size: 16px;
    padding-left: 40px;
    margin: 20px 0;
}
#hours:before {
    font-size: 30px;
    content: "\54";
    left: 0;
    top: 0;
    font-style: normal;
    font-weight: normal;
    font-family: "icon_set_1";
    position: absolute;
}

ul.list_order li span {
    background-color: #ED10A8;
}



/*
    code by Iatek LLC 2018 - CC 2.0 License - Attribution required
    code customized by Azmind.com
*/
@media (min-width: 768px) and (max-width: 991px) {
    /* Show 4th slide on md if col-md-4*/
    .carousel-inner .active.col-md-4.carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -33.3333%;  /*change this with javascript in the future*/
        z-index: -1;
        display: block;
        visibility: visible;
    }
}
@media (min-width: 576px) and (max-width: 768px) {
    /* Show 3rd slide on sm if col-sm-6*/
    .carousel-inner .active.col-sm-6.carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -50%;  /*change this with javascript in the future*/
        z-index: -1;
        display: block;
        visibility: visible;
    }
}
@media (min-width: 576px) {
    .carousel-item {
        margin-right: 0;
    }
    /* show 2 items */
    .carousel-inner .active + .carousel-item {
        display: block;
    }
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item {
        transition: none;
    }
    .carousel-inner .carousel-item-next {
        position: relative;
        transform: translate3d(0, 0, 0);
    }
    /* left or forward direction */
    .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    .carousel-item-next.carousel-item-left + .carousel-item,
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    /* farthest right hidden item must be also positioned for animations */
    .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }
    /* right or prev direction */
    .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    .carousel-item-prev.carousel-item-right + .carousel-item,
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
}
/* MD */
@media (min-width: 768px) {
    /* show 3rd of 3 item slide */
    .carousel-inner .active + .carousel-item + .carousel-item {
        display: block;
    }
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
        transition: none;
    }
    .carousel-inner .carousel-item-next {
        position: relative;
        transform: translate3d(0, 0, 0);
    }
    /* left or forward direction */
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    /* right or prev direction */
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
}
/* LG */
@media (min-width: 991px) {
    /* show 4th item */
    .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item {
        display: block;
    }
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item {
        transition: none;
    }
    /* Show 5th slide on lg if col-lg-3 */
    .carousel-inner .active.col-lg-3.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -25%;  /*change this with javascript in the future*/
        z-index: -1;
        display: block;
        visibility: visible;
    }
    /* left or forward direction */
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    /* right or prev direction //t - previous slide direction last item animation fix */
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
}


.table-rates td {
    padding: 5px;
}

/* Calendars */
.ui-state-default {
    background: none !important;
    color: #49555C !important;

}
.ui-datepicker-calendar .highlight {
  background: #00BBDC !important;
  background-color: #00BBDC !important;
}
.ui-datepicker-calendar .already-selected {
  background: #00BBDC !important;
  background-color: #00BBDC !important;
}

.highlight {
  background: #00BBDC !important;
  background-color: #00BBDC !important;
  color: white;
}

.std-available {
  background: #FFF;
}
.std-unavailable {
  background: #daddde !important;
}
.hold-unavailable {
  background: #A0C3C7 !important;
}

.checkin-std-fm-available{
  /*background: linear-gradient(45deg, #FFF 50%, #00BBDC 51%) !important;*/
  background: linear-gradient(-45deg, #daddde 50%, #FFF  50%) !important;
}
.checkin-std-fm-hold{
  background: linear-gradient(45deg, #A0C3C7 50%, #daddde 51%) !important;
}
.checkin-hold-fm-available{
  background: linear-gradient(45deg, #FFF 50%, #A0C3C7 51%) !important;
}
.checkin-hold-fm-std{
  background: linear-gradient(45deg, #daddde 50%, #A0C3C7 51%) !important;
}

.checkout-std-to-available{
  background: linear-gradient(-45deg, #FFF 50%, #daddde 51%) !important;
}
.checkout-std-to-hold{
  background: linear-gradient(-45deg, #A0C3C7 50%, #daddde 51%) !important;
}
.checkout-hold-to-available{
  background: linear-gradient(-45deg, #FFF 50%, #A0C3C7 51%);
}
.checkout-hold-to-std{
  background: linear-gradient(-45deg, #daddde 50%, #A0C3C7 51%) !important;
}


.subscription-select select {
    background: transparent;
    width: 115%;
    padding: 7px 5px 5px 15px;
    border: 0;
    border-radius: 0;
    height: 37px;
    margin: 0;
    font-weight: 400;
    -moz-appearance: window;
    -webkit-appearance: none;
    cursor: pointer;
    color: white;
}

.subscription-select {
    width: 100%;
    overflow: hidden;
    height: 40px;
    background: #5DA7A7 url(../img/down_arrow_select.png) no-repeat right center;
    border: none;
    margin-bottom: 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.subscription-select select::-ms-expand {
    display: none;
}

.subscription-select select:focus {
    outline: none;
}

a.mapboxgl-ctrl-logo {
    display: none;
}

.child-location-ul {
    text-align: left;
    list-style-type: none;
    columns: 3;
    -webkit-columns: 3;
    -moz-columns: 3;
}

div.custom-search-input-2 .btn{
    height:50px;
    width:400px;
}

div.custom-search-input-2 .bs-searchbox input{
    border:1px solid #ccc;
}

div.custom-search-input-2 .filter-option-inner-inner{
    padding-top:8px;
}

div.custom-search-input-2 .btn-light{
    background-color: white;
}


/*-------- I am changing the modal CSS from an ID to a class so we can use it over and over --------*/
.flarbomodal {
  background: #fff;
  padding: 30px;
  padding-top: 0;
  text-align: left;
  max-width: 400px;
  margin: 40px auto;
  position: relative;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

/* Popup close button*/
.flarbomodal .mfp-close,
#small-dialog .mfp-close {
  color: #666;
  background-color: #e4e4e4;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  top: 12px;
  right: 20px;
  width: 32px;
  height: 32px;
  line-height: 32px;
}

.flarbomodal .mfp-close:hover,
#small-dialog .mfp-close:hover {
  color: #fff;
  background-color: #66676b;
}

.flarbomodal .mfp-close:before {
  font-size: 24px;
  font-family: 'ElegantIcons';
  content: "\4d";
}

.flarbomodal .mfp-close:hover,
#small-dialog .mfp-close:hover {
  color: #fff;
  background-color: #66676b;
}

.flarbomodal .form-group {
  position: relative;
}
.flarbomodal .form-group input.form-control {
  padding-left: 40px;
}
.flarbomodal .form-group i {
  font-size: 21px;
  font-size: 1.3125rem;
  position: absolute;
  left: 12px;
  top: 35px;
  color: #ccc;
  width: 25px;
  height: 25px;
  display: block;
  font-weight: 400 !important;
}
.flarbomodal .form-group i.icon_lock_alt {
  top: 37px;
}



/* I am overwriting the heart icon on listings used for adding the unit to a user's wishlist */
.wishlist .fa-heart {
    position: absolute;
    left: 0;
    top: 16px;
}

/* When the heart icon is clicked, change the color to pink */
.wishlist .fas{
    color:#ED10A8;
}

/* Override the 'forgot password' form so it fits better inside the modal */
#forgot_pw{
    top:-29px
}

div.filter-option-inner-inner{
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 15px;
    font-weight: 500;
    color: #727b82;
}


div.filter-option-inner-inner{
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 15px;
    font-weight: 500;
    color: #727b82;
}

input.hasDatepicker::placeholder{
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 15px;
    font-weight: 500;
    color: #727b82;
}

div.ui-datepicker-title span.ui-datepicker-month,span.ui-datepicker-year{
    font-family: "Montserrat", Arial, sans-serif;
}

table.ui-datepicker-calendar span, a.ui-state-default{
    font-family: "Montserrat", Arial, sans-serif;
}

.review_strip_single h4{
    margin: -12px 0 5px 0px;
}

.review_strip_single {
    padding: 5px 0 10px 0;
    margin: 20px 0 20px 0;
}

.review_strip img { width: auto !important; }

/* List view results */
.price_list small {
    margin-top: 10px;
}

ul.add_info li {
   /* width: 30%;*/
}

ul.add_info li a {
     width: 100%;
}
/* maps: grid/listing */
.propinfo{
    font-family: "Montserrat", Arial, sans-serif;
    color:  #c0c0c0;
}

.propinfo img{
    width:  100%;
    padding-bottom: 9px;
}

.propinfo .proptitle a{
    font-size: .8em;
    color:  #5da7a1;
    line-height: .5em;
}

.propinfo .propprice{
    font-size: 1.3em;
    font-weight: bold;
    color:  #c0c0c0;
}

.propinfo .desc{
    font-size: 1em;
}





/* Calendars */
.ui-state-default {
    background: none !important;
    color: #49555C !important;

}
.ui-datepicker-calendar .highlight {
  background: #00BBDC !important;
  background-color: #00BBDC !important;
}
.ui-datepicker-calendar .already-selected {
  background: #00BBDC !important;
  background-color: #00BBDC !important;
}

/*.highlight {
  background: #00BBDC !important;
  background-color: #00BBDC !important;
  color: white;
}*/


.std-available {
  background: #FFF;
}
.std-unavailable {
  background: #daddde !important;
}
.hold-unavailable {
  background: #A0C3C7 !important;
}

.checkin-std-fm-available{
  /*background: linear-gradient(45deg, #FFF 50%, #00BBDC 51%) !important;*/
  background: linear-gradient(-45deg, rgba(218, 221, 222, 0.35) 50%, #FFF  50%) !important;
}
.checkin-std-fm-hold{
  background: linear-gradient(45deg, #A0C3C7 50%, rgba(218, 221, 222, 0.35) 51%) !important;
}
.checkin-hold-fm-available{
  background: linear-gradient(45deg, #FFF 50%, #A0C3C7 51%) !important;
}
.checkin-hold-fm-std{
  background: linear-gradient(45deg, rgba(218, 221, 222, 0.35) 50%, #A0C3C7 51%) !important;
}

.checkout-std-to-available{
  background: linear-gradient(-45deg, #FFF 50%, rgba(218, 221, 222, 0.35) 51%) !important;
}
.checkout-std-to-hold{
  background: linear-gradient(-45deg, #A0C3C7 50%, rgba(218, 221, 222, 0.35) 51%) !important;
}
.checkout-hold-to-available{
  background: linear-gradient(-45deg, #FFF 50%, #A0C3C7 51%);
}
.checkout-hold-to-std{
  background: linear-gradient(-45deg, rgba(218, 221, 222, 0.35) 50%, #A0C3C7 51%) !important;
}

/*.calDateWrapper {
    position: relative;
    padding-top: 100%;
 *padding-top:0;
 *height:70px;
}
.calDateNum {
    color: black;
    position: absolute;
    top: 5px;
    left: 5px;
    text-align: left;
    width: 100%;
    z-index: 10;
    font-size: 12px;
    line-height: 12px;
}
.calDateRate {
    position: absolute;
    top: 32%;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: black;
    z-index: 10;
    line-height: 1.2em;
}
.calDateRate span {
    font-size: 12px;
    font-weight: bold;
}*/

/* Fixes - Desktop and Mobile - Site Wide */
.ui-widget-header .ui-icon { background-image: url(../img/ui-icons_444444_256x240.png); }
.main-menu.show ul { margin-left: 0; }
#carousel-home { height: 500px; }
.top-content #carousel-example .carousel-control-prev { left: -50px !important; width: 50px; }
.top-content #carousel-example .carousel-control-next { right: -50px !important; width: 50px; }
.img_container img { width: 100%; object-fit: cover; }
#listings .custom-search-input-2 .dropdown { width: 100%; }
#listingid .custom-search-input-2 .dropdown { width: 100%; }
#listings .custom-search-input-2 .btn { width: 100%; }
#listingid .custom-search-input-2 .btn { width: 100%; }
#ui-datepicker-div { z-index: 999999 !important; }
main .container img { width: 100%; max-width: 100% !important; object-fit: cover; }
.sp-slide.sp-selected { z-index: 2; }
#collapseFilters .filter_type .dropdown { width: 100%; }
.availability-calendar .ui-datepicker-inline { width: 100% !important; }
@media (min-width: 992px) {
  #listings .custom-search-input-2 {
    display: grid;
    grid-template-columns: calc(100% / 3) calc(100% / 3) calc(100% / 4) 1fr;
    max-width: 1140px;
    margin: 0 auto;
  }
  #listings .custom-search-input-2 .col-lg-4,
  #listings .custom-search-input-2 .col-lg-3,
  #listings .custom-search-input-2 .col-lg-1 { max-width: 100%; }

/* #listingid .custom-search-input-2 {
    display: grid;
    grid-template-columns: calc(100% / 3) calc(100% / 3) calc(100% / 4) 1fr;
    max-width: 1140px;
    margin: 0 auto;
  }
  #listingid .custom-search-input-2 .col-lg-4,
  #listingid .custom-search-input-2 .col-lg-3,
  #listingid .custom-search-input-2 .col-lg-1 { max-width: 100%; }*/
}
@media (max-width: 589px) {
  main .container img.img-fluid { max-width: 100%; width: auto !important; height: auto !important; }
  .sticky ul#top_tools,
  ul#top_tools { margin: 0; top: -4px; right: 57px; }
  main .container .top-content { overflow: hidden; }
  main .white_bg .container .row { height: auto !important; }
  main .white_bg .container .row iframe { position: relative; }
  .categories_grid a { height: 100%; }
  #listings .custom-search-input-2 { position: relative; top: -50px; }
  #listingid .custom-search-input-2 { position: relative; top: -50px; }
  #listings .custom-search-input-2 .dropdown-menu { max-width: 100%; }
  #listingid .custom-search-input-2 .dropdown-menu { max-width: 100%; top: 225px !important;}
  #collapseFilters .filter_type .row { height: auto !important; }
  .child-location-ul { margin: 0; padding: 0; }
  #single_tour_desc { order: 2; }
}
@media (max-width: 480px) {
  #ui-datepicker-div { width: 86% !important; }
  .ui-datepicker-multi-2 .ui-datepicker-group { width: 100%; float: none; }
}


/* Products */
.product-details .basic-details {
     margin-bottom: 0px !important; 
}