@font-face { font-family: poppins-regular; src: url('../fonts/poppins-regular.ttf'); }
@font-face { font-family: poppins-medium; src: url('../fonts/poppins-medium.ttf'); }
@font-face { font-family: poppins-bold; src: url('../fonts/poppins-bold.ttf'); }

html {
    position: relative;
    height: 100%;
    scroll-behavior: smooth;
}
body{
    font-family: poppins-regular, sans-serif;
    width: 100%;
    overflow-x: hidden;
    padding: 0;
    margin: 0;
    background-color: #0059b5;
    color: #000;
}


@media all and (max-width: 600px) {

    .mobile-hide-banners {display:none;}
}

@media all and (min-width: 600px) {

    .desktop-hide-banners {display:none;}
}


.underline-wiggle {
 animation: underline-wiggle 2.8s infinite;
  position: absolute;
  top: 5;
  top: 10;
  width: 250px;

  left: 0;
  right:0;
  margin-left:auto;
  margin-right:auto;
  margin-top: -50px;

}

@keyframes underline-wiggle {
5% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-2deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  35% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(2px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-2deg); }
  65% { transform: translate(-3px, 1px) rotate(0deg); }
  75% { transform: translate(3px, 2px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(2deg); }
  95% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(2px, -2px) rotate(-1deg); }
}




    #svgx {
      /* position: fixed; */
      width: 100%;
      height: 100%;
    }

    #backgroundza {
      filter: url("#disFilter");
    }




.alert {
	position:relative;
}
.alert .close {
	padding: 0;
	cursor: pointer;
	background: transparent;
	border: 0;
	line-height: 0.8;
	position: absolute;
	top: 4px;
	right: 4px;
}
button.pink-btn.ajax-working {
	/*
	background-repeat: no-repeat;
	background-position: center;
	background-image:url("./images/loader-24x24-CCCCCC.gif");*/
	color: transparent; /* hide the text */
	position: relative;
}
button.pink-btn.ajax-working::before {
	background: url("./images/loader-24-FFF.png") no-repeat center center;
	background-size: contain;
	content: "";
	top: 10%;
	left: 10%;
	right: 10%;
	bottom: 10%;
	position: absolute;
	animation: spin 1s infinite linear
}
@keyframes spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(359deg);
	}
}

.nopadding{
    padding: 0 !important;
}
.sec-pad{
    padding: 100px 0;
}
.sec-pad-60{
    padding: 60px 0;
}
a, a:hover{
    color: inherit;
    text-decoration: none;
	outline: 0;
  border: none;
}
p{
    font-size: 18px;
    line-height: 26px;
}
.white-text-div , .white-text-div p{
    color: #fff!important;
}
.regular{
    font-family: poppins-regular, sans-serif !important;
}
.medium{
    font-family: poppins-medium, sans-serif !important;
}
.bold{
    font-family: poppins-bold, sans-serif !important;
}
.blue-text{
    color: #1a0e4b!important;
}

.header .mobile-title {
	display: none;
}
/*top-header*/

.top-header{
    padding: 5px 0;
    position: relative;
}
.top-header p{
    font-size: 12px;
    margin-bottom: 0;
}
.top-header p span.fa{
    font-size: 14px;
}
.header-hr{
    background-color: #fff;
    margin-bottom: 20px!important;
}
.top-header .dropdown-toggle{
    font-size: 12px;
}
.dropdown-toggle::after{
    font-family: FontAwesome, sans-serif ;
    content: "\f107";
    border: none!important;
    vertical-align: initial;
}
.dropdown-menu {
    margin-top: 3px!important;
    border-radius: 5px!important;
    min-width: 9rem;
    padding: 5px 0;
    background-color: #0350a1;
    box-shadow: 0 0 12px rgb(34 34 34 / 25%);
    border: none;
}
.dropdown-menu .dropdown-item {
    position: relative;
    color: #fff;
    padding: 5px 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    font-size: 14px;
	font-family: tajawal-extrabold;
	
}
.dropdown-menu .dropdown-item:hover , .dropdown-menu .dropdown-item:focus {
    color: #fff;
    background-color: #ff0084;
	font-family: tajawal-extrabold;
}
.ft-22{
    font-size: 22px!important;
}

.Telecall{
font-size: 22px!important;
margin-right: 70px;
}




/*header*/

.header-sticky{
    width: 100%;
    background-color: #0059b5;
	color: #FFF;
	padding: 0;
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    -webkit-transition: all ease .5s;
    transition: all ease .5s;
}
.navbar-brand .logo{
    position: absolute;
    top: -10px;
    left: 70px;
    max-width: 110px;
    border: 0 solid #0059b5;
    border-radius: 5px;
    transition: all ease .1s;

}


@media screen and (max-width: 600px) {
.navbar-brand .logo{
  	padding-top: 3px;
    max-width: 90px;
}
.sticky-bar .logo{
    background-color: #0059b5;
}
}


.header-sticky.sticky-bar{
    border-bottom: 1px solid rgb(255 255 255 / 20%);
}
.sticky-bar .logo{
    padding: 8px;
	top: 1px;
    max-width: 90px;
	background-color: #0059b5;
}
.sticky-bar .menubar-icon{
    position: fixed;
    top: 8px;
    display: flex;
    z-index: 1000;
}
.navbar-nav{
    padding-left: 150px;
}
@media (min-width: 991px){
    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: 30px;
        padding-left: 30px;
    }
    .nav-link-btn{
        display: inline-block;
        margin-left: 30px;
    }
}
.navbar-light .navbar-nav .nav-link {
    color: #fff;
    font-size: 15px;
    font-family: poppins-medium, sans-serif !important;
    line-height: 23px;
    position: relative;
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-item.active .nav-link , .navbar-light .navbar-nav .nav-item .nav-link.active , .navbar-light .navbar-nav .nav-link:focus {
    color: #fff;
}
.nav-link::before, .nav-item.active .nav-link::before {
    content: "";
    width: 30px;
    height: 3px;
    border-radius: 50px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    transition: 0.5s transform ease;
    transform: scale3d(0,1,1);
    transform-origin: 50% 50%;
    background: #f70386;
}
.nav-link:hover::before, .nav-item .nav-link.active::before {
    transform: scale3d(1,1,1);
}
.nav-link.nav-link-btn::before{
    display: none!important;
}
.navbar-toggler-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
}
.navbar-toggler {
    padding: 2px 8px;
    position: absolute;
    right: 0;
    top: 20px;
    z-index: 9;
}
.navbar-light .navbar-toggler {
    color: #fff;
    border-color: #fff;
    padding: 2px 8px;
}
.navbar-light .navbar-toggler svg{
    width: 22px;
    height: auto;
}
.navbar-toggler:focus{
    box-shadow: none;
    outline: 0;
}
#main-menu-whatsapp,
.menubar-icon.res-menubar-icon{
    display: none;
}

/*sidebar*/

body.overlay{
    position: relative;
}
body.overlay::before{
        content: '';
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgb(84 73 73 / 75%);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
}

#sidebar-wrapper-div {
    z-index: 10000;
    position: fixed;
    top: 0;
    left: 0;
    width: 0;
    height: 100vh;
    overflow: hidden;
    background: #0059b5;
    box-shadow: 5px 5px 5px rgb(0 0 1 / 15%);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#sidebar-wrapper-div.toggled {
    width: 330px;
}
.sidebar-wrapper{
    width: 330px;

    color: #fff;
  
}
.sidebar-wrapper::-webkit-scrollbar {
  width: 5px;
}
.sidebar-wrapper::-webkit-scrollbar-track {
  background: #0059b5;
}
.sidebar-wrapper::-webkit-scrollbar-thumb {
  background: #04468b;
}
.square-padding{
    padding: 5px 10px;
}
.sidebar-side-img{
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    opacity: .3;
    max-width: 290px;
}
.lang{
    font-size: 12px;
}
.lang span.fa{
    font-size: 15px;
}
.close-sidebar{
    cursor: pointer;
}
.sidebar-bottom-part{
    text-align: center;
}
.sidebar-bottom-part p{
    font-size: 11px;
}
.app-icon-list{
    display: flex;
    justify-content: center;
}
.app-icon-list img{
    max-height: 35px;
    width: auto;
    margin-bottom: 10px;
}
p.color-text{
    font-size: 14px;
    color: #09ace3!important;
}
.content-min-height p{
    font-size: 14px;
}
p.ft-12{
    font-size: 12px;
    line-height: 21px;
}
p.ft-12-updated{
    font-size: 13px;
    line-height: 21px;
	padding-top: 5px;
}

.content-min-height{
    min-height: 400px;
    height: auto;
}

.arabicfontclass{
    font-family:poppins-bold!important;
	font-size: 12px!important;
}




.menu-listing li{
    font-size: 15px;
    list-style: none;
    width: 100%;
    border-bottom: 2px solid #0051a5;
    padding: 8px 60px;
}
.menu-listing li:hover{
   background-color: #f70386;
   cursor: pointer;
}

.menu-listing li:first-child{
    border-top: 2px solid #0051a5;
}
.menu-listing li span{
    margin-right: 18px;
}
.sidebar-bg{
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
}
p.sidebar-title{
    font-size: 25px;
    line-height: 42px;
    font-family: poppins-bold, sans-serif;
}

#MenuDateSearch .controls {
	display: flex;
	justify-content: space-between;
	column-gap: 1em;
}
#MenuDateSearch .controls > div:first-child {
	flex-grow: 1;
}
#MenuDateSearch .controls label.special-deal {
	color: #000;
	background: #FFF;
	border: 4px solid #FFF;
	border-radius: 5px;
	padding: 2px 5px;
}
#MenuDateSearch .controls input[name="package"] {
	display: none;
}
#MenuDateSearch .controls input[name="package"][type="radio"]:checked + label {
	border-color: #fe0084;
}
#MenuDateSearch .controls .special-deal-name-and-blurb {
	display: flex;
	flex-direction: column;
}
#MenuDateSearch .controls .special-deal-name {
	font-weight: bold;
	font-size: 0.9em;
}
#MenuDateSearch .controls .special-deal-blurb {
	font-size: .9em;
}

.app-titles{
   margin-bottom: 10px!important;
   margin-top: 20px;
}


.sidebar-wrapper .form-group{
    margin-bottom: 1rem;
}
.sidebar-wrapper .form-control{
    border-radius: 3px;
    border: none;
    color: #333;
    padding: 12px 15px;
    font-size: 16px;
}
.sidebar-wrapper .form-control::placeholder{
    color: #bebaba;
}
.white-border-btn{
    font-size: 16px;
    color: #fff;
    border: 2px solid #c9cdcd;
    background-color: transparent;
    border-radius: 5px;
    padding: 8px 20px;
    transition: all ease .5s;
}
.white-border-btn:hover{
    color: #333;
    background-color: #c9cdcd;
}
.pink-btn{
    font-size: 16px;
    color: #fff;
    border: 2px solid #ff0084;
    background-color: #ff0084;
    border-radius: 5px;
    padding: 8px 20px;
    transition: all ease .5s;
}
.pink-btn:hover{
    color: #fff;
    border-color: #e20979;
    background-color: #e20979;
	border: 2px solid #ff0084;
}
.btn:focus{
    box-shadow: none;
    outline: 0;
}
.text-radio{
    display: inline-block;
}
.nobg{
	background-color: #fff0 !important;
}
.fontreg {
	font-family: poppins-regular;
}
.text-radio label {
  display: inline-block;
  padding: 8px 12px;
background-color: #fff; 
  border: 4px solid #0059b5;
  border-radius: 5px;
  color: #46484a;
  font-size: 16px;
  font-family: poppins-bold, sans-serif;
  transition: all 0s;
  cursor: pointer;
}
.text-radio input[type="radio"] {
  display: none;
}
.text-radio input[type="radio"][name="package"]:checked + div.special-deal label,
.text-radio input[type="radio"]:checked + label {
  border-color: #fe0084;
}
.sidebar-contact-box{
    background-color: #0960bb;
    margin-bottom: 10px;
    border-radius: 10px;
    padding: 7px;
    display: flex;
    align-items: center;
}
.sidebar-contact-box .box-img{
    min-width: 80px;
    width: 80px;
    height: 80px;
    border-radius: 10px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 15px;
}
.sidebar-contact-box p{
    margin-bottom: 0;
}
.sidebar-contact-box .small-content{
    font-size: 11px;
    line-height: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.sidebar-white-box{
    background-color: #fff;
    margin-bottom: 15px;
    border-radius: 10px;
    padding: 7px;
    display: flex;
    align-items: center;
}
.sidebar-white-box .box-img{
    min-width: 105px;
    width: 105px;
    height: 105px;
    border-radius: 10px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 10px;
}
.sidebar-white-box p{
    margin-bottom: 0;
    color: #000;
}

.top-text-white{
   
    color: #ffffff;
}



.sidebar-white-box p.small-content{
    font-size: 11px;
    line-height: 16px;
    color: #353030;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.sidebar-white-box p.small-content.two-line{
    -webkit-line-clamp: 2;
}
.call-line{
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #515158;
}
.call-line p{
    font-size: 11px;
    line-height: 16px;
    color: #515158;
}
.call-line .call-icon{
    transform: rotate(-130deg);
    color: #757575;
}
.point-box{
    width: 22px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #ffcc00;
    font-size: 10px;
    font-family: poppins-medium, sans-serif ;
    color: #000;
    border-radius: 3px;
    margin-right: 5px;
}
.sidebar-white-box .price-line{
    font-family: poppins-bold, sans-serif;
    font-size: 11px;
}
.sidebar-white-box .price-line .first{
    font-size: 12px;
}
.sidebar-white-box .price-line .second{
    font-size: 14px;
}
.pink-text{
    color: #ff0084!important;
}
.sidebar-white-box.hover-box{
    padding: 5px 7px;
    border: 3px solid #fff;
    cursor: pointer;
    position: relative;
    transition: all ease .5s;
}
.hover-box:hover , .hover-box:focus , .hover-box.active{
    border-color: #ff0084;
}
.favourite-icon{
    position: absolute;
    left: 15px;
    top: 12px;
    z-index: 9;
    color: #ff0084;
    opacity: 0;
    transition: all ease .5s;
}
.hover-box:hover .favourite-icon, .hover-box:focus .favourite-icon, .hover-box.active .favourite-icon{
    opacity: 1;
}
.display-none{
    display: none;
}
.sidebar-menu-body .left-search {
	float: left;
}
.sidebar-menu-body .right-login {
	float: right;
}
html[dir=rtl] .sidebar-menu-body .left-search {
	float: right;
}
html[dir=rtl] .sidebar-menu-body .right-login {
	float: left;
}
.sidebar-menu-body ul.calendar li.day-names li {
	color: #FFF;
}

ul.calendar li.day-names li {
	color: #FFF!important;
}

ul.calendar .days > ul > li > span, ul.calendar .days > ul > li > a {
	color: #000!important;
	font-family: poppins-medium;
}

section.section-listing .calendar-area ul.calendar .days .day.range-saved span  {
	background-color: #ff0084!important;
	color: #fff!important;
	
}

.calendar .day.range-saved::after {
	background-color: #ff0084a6!important;
	color: #fff!important;
}


/*hero-section*/

.search-bar-div{
    display: flex;
    justify-content: center;
}
.search-bar-div .form-control{
    border: 2px solid #fff;
    background-color: transparent!important;
    color: #fff;
    padding: 10px 20px;
    width: 100%;
}
.search-bar-div .form-control::placeholder{
    color: #fff;
}
.form-control:focus{
    box-shadow: none;
    outline: 0;
}
.search-advanced-input-icon-div{
    width: 100%;
    max-width: 440px;
    position: relative;
	zoom: 1.1;
}






div.calendar-navigation .title {
	

    padding-top: 8px;
	

}

section.section-listing .calendar-area
{
   	   border-radius: 10px;
	   background-color: #0059b5!important;
	color: white!important; 
}


.search-advanced-input-icon-div .form-control{
    padding-right: 60px;
}

.search-advanced-input-icon{
    position: absolute;
    right: 12px;
    bottom: 13px;
    cursor: pointer;
    width: 6%;
}



.btn-success:hover {
  border: 1px solid transparent;
}


@media screen and (max-width: 600px) {
    .search-advanced-input-icon{
  width: 100%;

}

}


.search-bar-div .search-btn{
    background-color: #fff;
    color: #333333;
    min-width: 48px;
    text-align: center;
    margin-left: 12px;
}
p.advanced-search-link{
    font-size: 14px;
    color: #09ace3!important;
}
.hero-img{
    max-width: 115%;
}
.hero-slider-content{
    padding: 280px 0 80px;
}
.hero-content{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    text-align: center;
    display: inline-block;
    z-index: 9;
}
.hero-bg{
    background-image: url('../img/hero-bg.jpg');
    width: 100%;
    height: auto;
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
}
.carousel-item {
    transition: transform 0s ease-in-out;
}
.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
    transition: opacity 0s 0s;
}
.carousel-indicators [data-bs-target] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 5px;
    margin-left: 5px;
    opacity: .4;
}



.amenities-font {
    
    font-size: 11px!important;
    
}

.carousel-indicators .active {
    opacity: 1;
}
.top-sec-plus-padding{
    padding-bottom: 80px;
}
.top-sec-minus-margin{
    margin-top: -80px;
}

/*property-box-div*/

.main-white-div{

    border-radius: 50px;
    padding: 30px 80px;
	z-index: 1;
}
ul.property-widgets {
	list-style: none;
	margin: 0;
	padding: 0;
}
.property-box-div-margin{
    margin-bottom: 40px;
	display: flex; /* So .property-box-div fills vertical space */
}
.property-box-div{
    position: relative;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 12px rgb(34 34 34 / 25%);
    cursor: pointer;
	width: 100%;
}
.group-tag{
    position: absolute;
    left: 0;
    right: 0;
    top: -5px;
    margin: auto;
    z-index: 9;
    max-width: 55px;
}
.group-tag.group-tag-for-sale,
.group-tag.group-tag-sold {
	top: 10px;
	right: 10px;
	left: auto;
}
.chalet-managed-by-box {
	background: #EEE;
	padding: 1em;
	border-radius: 5px;
	display: flex;
	column-gap: 1em;
	justify-content: space-between;
	align-items: center;	font-size: 11px;
}
.chalet-managed-by-box > div:first-of-type {
	flex: 1 0 auto;
}
.property-widget .chalet_managed_by {
	position: absolute;
	top: 1em;
	left: 1em;
	z-index: 9;
	width: 14%;
}
html[dir=rtl] .property-widget .chalet_managed_by {
	left: auto;
	right: 1em;
}
.property-search-list-box .chalet_managed_by {
	top: auto;max-width: 40px; 
	bottom: 1em;
}
.property-rating-prop-mini_ribbon {
	text-align: right;
}
/*
html[dir=rtl] .property-rating-prop-mini_ribbon {
	text-align: left;
}
*/
.chalet_prop_mini_ribbon {
	white-space: nowrap;
	text-align: right;
}

.chalet_mini_ribbon
{
	width: 45%;
}

.chalet_mini_ribbon2
{

	width: 90px;
	
}


html[dir=rtl] .chalet_prop_or_mini_ribbon {
	text-align: left;
}
.chalet_prop {
	height: 1.5em;
}

html[dir=rtl] .group-tag.group-tag-for-sale,
html[dir=rtl] .group-tag.group-tag-sold {
	right: auto;
	left: 10px;
}
.property-box-img-div{
    width: 100%;
    height: 280px;
    position: relative;
    overflow: hidden;
    border-radius: 5px;
}
.property-box-img{
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    transition: all ease .5s;
    z-index: 0;
}
.property-box-img-div::before{
    content: '';
    width: 100%;
    height: 50px;
    display: block;
    background-color: #fff;
    -ms-transform: skew(0deg,5deg);
    -webkit-transform: skew(0deg,5deg);
    transform: skew(0deg,5deg);
    position: absolute;
    bottom: -25px;
    z-index: 1;
}
.property-box-div:hover .property-box-img{
    transform: scale(1.1);
}.langhide{	visibility:hidden;   }
.property-box-content{
    position: relative;
    z-index: 9;
    padding: 0 30px 10px;
    margin-top: -70px;
}
.mobile .property-box-content {
	display: flex;
	flex-direction: column;
}
.mobile .property-box-content .price-box-div {
	order: 3;
}
.mobile .property-box-content .price-box-div {
	order: 3;
}
.mobile .property-box-div .property-link-btn {
	background-color: #ff016a;
}
.price-box-div{
    display: flex;
    justify-content: space-between;
}
.price-box{
    background-color: #0059b5;
    border-radius: 5px;
    text-align: center;
    padding: 5px 5px 15px;
    color: #fff;
    min-height: 75px;
    min-width: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}
.price-box p{
    line-height: 24px;
    margin-bottom: 0;
}


.price-box .first{
    font-size: 11px;
}
.price-box .second{
    font-size: 13px;
    font-family: poppins-bold, sans-serif;
}
.price-box .third{
    font-size: 18px;
    font-family: poppins-bold, sans-serif;
}
.price-box .price-icon{
    position: absolute;
    bottom: 0;
}
.price-box .price-icon2{
    position: absolute;
    top: 0;
	transform: scaley(-1);
	margin-left: 210px;
	width: 20%;
}

.price-box .price-icon.left{
    left: 0;
}
.price-box .price-icon.right{
    right: 0;
}
.price-box .price-icon.center{
    left: 0;
    right: 0;
    margin: auto;
}
.price-box-sale {
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
	text-align: start;
	padding-bottom: 5px;
}

.price-box-sale2 {
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
	text-align: start;
	padding: 10px;
	zoom: 0.8;
}



.price-box-sale .for-sale {
	font-weight: bold;
	font-size: 14px;
}
.price-box-sale .phone-numbers {
	font-weight: bold;
	font-size: 12px;
	
}
.price-box-sale .phone-numbers .phone:not(:first-child)::before {
	content: " / ";
	white-space: pre;

}
.call-times2 {
	font-size: .7em;
}

.price-box-sale .call-times2 {
	font-size: .6em;
}
.property-title-div{
    display: flex;
    justify-content: space-between;
    margin: 15px 0;
}
/*
.property-title-width{
    width: 100%;
}
*/
.property-title{
    margin-bottom: 0;
    font-size: 18px;
    line-height: 24px;
    color: #1a0e4b;
    font-family: poppins-bold, sans-serif ;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.property-id{
    font-size: 11px;
    color: #8f858a;
    margin-bottom: 0;
	font-family: poppins-bold, sans-serif ;
	width: 120%;
}

.star-rating:not(ul) {
	display: inline-block;
	font-size: 19px;
	--inactive-color: #808080;
	--active-color: #f8ad00;
}
.star-rating:not(ul)::before {
	/*
	font-family: Times, serif;
	content: '★★★★★';
	font-family: FontAwesome, sans-serif;
	content: '\f005\f005\f005\f005\f005';
	 */
	font-family: poppins-regular, sans-serif;
	content: '\2605\2605\2605\2605\2605';
	line-height: 1;
	letter-spacing: 1px;
	background: var(--inactive-color);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.star-rating:not(ul)[data-rating="3.0"]::before,
.star-rating:not(ul)[data-rating="3"]::before {
	background: linear-gradient(90deg, var(--active-color) calc(3 / 5 * 100%), var(--inactive-color) calc(3 / 5 * 100%));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.star-rating:not(ul)[data-rating="3.5"]::before {
	background: linear-gradient(90deg, var(--active-color) calc(3.5 / 5 * 100%), var(--inactive-color) calc(3.5 / 5 * 100%));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.star-rating:not(ul)[data-rating="4.0"]::before,
.star-rating:not(ul)[data-rating="4"]::before {
	background: linear-gradient(90deg, var(--active-color) calc(4 / 5 * 100%), var(--inactive-color) calc(4 / 5 * 100%));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.star-rating:not(ul)[data-rating="4.5"]::before {
	background: linear-gradient(90deg, var(--active-color) calc(4.5 / 5 * 100%), var(--inactive-color) calc(4.5 / 5 * 100%));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.star-rating:not(ul)[data-rating="5.0"]::before,
.star-rating:not(ul)[data-rating="5"]::before {
	background: linear-gradient(90deg, var(--active-color) 100%, var(--inactive-color) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.property-title-div .star-rating {
	font-size: 16px;
}
ul.star-rating {
	display: flex;
}
ul.star-rating .star {
	font-size: x-large;
	display: inline-block;
	color: gray;
}
ul.star-rating .star:last-child {
	margin-right: 0;
}
ul.star-rating .star:before {
	content:'\2605';
}
ul.star-rating .star.on {
	color: gold;
}
ul.star-rating .star.half:after {
	content:'\2605';
	color: gold;
	position: absolute;
	margin-left: -20px;
	width: 10px;
	overflow: hidden;
}
html[dir=rtl] .star-rating .star.half:after {
	margin-right: -20px;
	margin-left: 0;
}

.star-li{
    white-space: nowrap;
}
.star-li li{
    list-style: none;
    display: inline-block;
    font-size: 14px;
    color: #b3afb1;
}
.star-li li.active{
    color: #f8ad00;
}

.property-widget ul.amenities {
	list-style-type: none;
}
.property-widget ul.amenities li,
.property-desc-list p{
    font-size: 12px;
    font-family: poppins-medium, sans-serif ;
    margin-bottom: 3px;
	display: flex;
	align-items: center;
}

.property-widget ul.amenities,
.property-widget div.amenities {
	margin: 0;
	padding: 0;
	align-items: stretch;
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
}
.mobile-property-div .property-widget ul.amenities {
	-webkit-column-count: 1;
	-moz-column-count: 1;
	column-count: 1;
}
.mobile-property-div .property-widget ul.amenities li:nth-of-type(1n+4) {
	display: none;
}
.property-widget ul.amenities li::before {
	background: transparent none no-repeat center left;
	background-origin: content-box;
	background-size: contain;
	content: "\00a0";
	font-size: 0.8em;
	display: inline-block;
	/*
	width: 1.3em;
	height: 1.3em;
	margin: .35vw .75em .35vw 0;
	*/
	width: 19px;
	height: 18px;
	margin: 4px 8px 4px 0;
}
html[dir=rtl] .property-widget ul.amenities  li::before {
	background-position: center right;
	margin-right: 0;
	/*
	margin-left: .75em;
	*/
	margin-left: 8px;
}
.property-widget ul.amenities  li.chalet_bathroom::before {
	background-image: url('images/amenities/48/chalet_bathroom.png');
}
.property-widget ul.amenities  li.chalet_ac::before {
	background-image: url('images/amenities/48/chalet_ac.png');
}
.property-widget ul.amenities  li.chalet_bedroom::before {
	background-image: url('images/amenities/48/chalet_bedroom.png');
}
.property-widget ul.amenities  li.chalet_elevator::before {
	background-image: url('images/amenities/48/chalet_elevator.png');
}
.property-widget ul.amenities  li.chalet_floors::before {
	background-image: url('images/amenities/48/chalet_floors.png');
}
.property-widget ul.amenities  li.chalet_garden::before {
	background-image: url('images/amenities/48/chalet_garden.png');
}
.property-widget ul.amenities  li.chalet_kitchen::before {
	background-image: url('images/amenities/48/chalet_kitchen.png');
}
.property-widget ul.amenities  li.chalet_living_room::before {
	background-image: url('images/amenities/48/chalet_bathroom.png');
}
.property-widget ul.amenities  li.chalet_pool::before {
	background-image: url('images/amenities/48/chalet_pool.png');
}
.property-widget ul.amenities  li.chalet_wifi::before {
	background-image: url('images/amenities/48/chalet_wifi.png');
}
.property-widget ul.amenities  li.chalet_amenity10::before {
	background-image: url('images/amenities/48/chalet_amenity10.png');
}
.property-widget ul.amenities  li.chalet_amenity11::before {
	background-image: url('images/amenities/48/chalet_amenity11.png');
}
.property-widget ul.amenities  li.chalet_amenity12::before {
	background-image: url('images/amenities/48/chalet_amenity12.png');
}
.property-widget ul.amenities  li.chalet_amenity13::before {
	background-image: url('images/amenities/48/chalet_amenity13.png');
}
.property-widget ul.amenities  li.chalet_amenity14::before {
	background-image: url('images/amenities/48/chalet_amenity14.png');
}
.property-widget ul.amenities  li.chalet_amenity15::before {
	background-image: url('images/amenities/48/chalet_amenity15.png');
}
.property-widget ul.amenities  li.chalet_amenity16::before {
	background-image: url('images/amenities/48/chalet_amenity16.png');
}
.property-widget ul.amenities  li.chalet_amenity17::before {
	background-image: url('images/amenities/48/chalet_amenity17.png');
}
.property-widget ul.amenities  li.chalet_amenity18::before {
	background-image: url('images/amenities/48/chalet_amenity18.png');
}
.property-widget ul.amenities  li.chalet_amenity19::before {
	background-image: url('images/amenities/48/chalet_amenity19.png');
}
.property-widget ul.amenities  li.chalet_amenity20::before {
	background-image: url('images/amenities/48/chalet_amenity20.png');
}
.property-widget ul.amenities  li.chalet_amenity21::before {
	background-image: url('images/amenities/48/chalet_amenity21.png');
}
.property-widget ul.amenities  li.chalet_amenity22::before {
	background-image: url('images/amenities/48/chalet_amenity22.png');
}
.property-widget ul.amenities  li.chalet_amenity23::before {
	background-image: url('images/amenities/48/chalet_amenity23.png');
}
.property-widget ul.amenities  li.chalet_amenity24::before {
	background-image: url('images/amenities/48/chalet_amenity24.png');
}

.property-desc-list .div{
    width: 45%;
    display: inline-block;
}
.property-link-btn{
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #b3afb1;
    position: absolute;
    right: 10px;
    bottom: 10px;
    color: #fff;
	z-index: 10;
}
.property-box-div:hover .property-link-btn , .property-box-div .property-link-btn.active{
    background-color: #ff016a;
}
.show-btn{
    font-size: 13px;
    font-family: poppins-bold, sans-serif;
    color: #60a7d4;
    border: 2px solid #60a7d4;
    background-color: transparent;
    border-radius: 5px;
    padding: 8px 25px;
	margin-bottom: 25px;
	position: absolute;
	width: 8%;
	right: 200px;
	
}

.show-btn2{
    font-size: 14px;
    font-family: poppins-bold, sans-serif;
    color: #60a7d4;
    border: 2px solid #60a7d4;
    background-color: transparent;
    border-radius: 5px;
    padding: 8px 25px;
    transition: all ease .5s;
}


.btn2{
    font-size: 14px;
    font-family: poppins-bold, sans-serif;
    color: #fff;
    border: 2px solid #ff0084;
    background-color: #ff0084;
    border-radius: 5px;
    padding: 10px 25px;
    transition: all ease .5s;
}

.btn2:hover{
    color: #fff;
    background-color: #ff0084;
    transition: all ease .1s;
	 border: 2px solid #60a7d4;
}

.show-btn:hover{
    color: #fff;
    background-color: #60a7d4;
}
#main-content .loading-indicator {
	display: none;
}
#main-content .property-widgets-controls.loading .loading-indicator {
	display: block;
}

/*bottom division*/

.blue-pink-right-bg{
    background-image: linear-gradient(-20deg, #ff0084, #ff0084, #0059b5, #0059b5, #0059b5, #0059b5);
}
.blue-pink-left-bg{
    background-image: linear-gradient(20deg, #ff0084, #ff0084, #0059b5, #0059b5, #0059b5, #0059b5);
}
.sec-bg{
    width: 100%;
    height: auto;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.container .title{
    font-size: 52px;
    font-family: poppins-bold, sans-serif;
    margin-bottom: 20px;
}
.container .mini-title{
    font-size: 32px;
    font-family: poppins-bold, sans-serif;
    margin-bottom: 20px;
}
.ft-25{
    font-size: 25px;
    line-height: 35px;
}
.relative-div{
    position: relative;
    overflow: hidden;
}
.side-img1{
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0;
}
.footer{
    position: relative;
    overflow: hidden;
}
.footer p{
    font-size: 14px;
}
.links p{
    margin-bottom: 10px;
}
.links p a:hover{
    text-decoration: underline;
}
p.contact-number{
    font-size: 22px;
}
p.contact-number span.fa{
    color: #60a7d4!important;
}
p.email{
    color: #60a7d4!important;
}
.socials li{
    list-style: none;
    width: 25px;
    height: 25px;
    background-color: #60a7d4;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    margin-right: 10px;
}
.footer-side-img{
    position: absolute;
    top: 0;
    left: 0;
}
.footer-line{
    background-color: #044d99;
    padding: 20px 0;
    border-top: 1px solid rgb(255 255 255 / 5%);
}


/*********************************************************************************************************************/
/* Listing Page
/*********************************************************************************************************************/

.list-white-div{
    background-color: #fff;
    border-radius: 50px;
    padding: 30px 80px;
}
.property-listing .amenities {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
}
.white-radius-box{
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 12px rgb(0 0 1 / 10%);
    margin-bottom: 25px;
}
.white-radius-box-padding{
    padding: 25px 20px;
}
.div-ft-11 p,
.div-ft-11 .plan-box > span > span {
    font-size: 11px;
    line-height: 16px;
    color: #87898e;
}

.div-ft-12 p{
    font-size: 12px;
    line-height: 18px;
    color: #87898e;
}
.div-dark-text p{
    color: #000;
}
p.small-title{
    font-size: 16px!important;
    color: #1a0e4b!important;
    font-family: poppins-bold, sans-serif !important;
}
.terms-box{
    height: auto;
    max-height: 400px;
    overflow-y: auto;
}
.grey-list-box{
    background-color: #f4f4fa;
    border-radius: 10px;
    padding: 15px;
}/*
.grey-list-box .div{
    display: inline-block;
    width: 48%;
}*/
.grey-list-box p{
    font-size: 12px;
    line-height: 21px;
    margin-bottom: 15px;
    font-family: poppins-medium, sans-serif;
}
.check-list p{
    font-size: 12px;
    line-height: 20px;
    font-family: poppins-medium, sans-serif;
    margin-bottom: 4px;
    color: #4d6195;
}
.property-title-list-div .property-title-div{
    margin-top: 0;
}
.property-title-list-div p.property-title{
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 3px;
    color: #1a0e4b;
    font-family: poppins-bold, sans-serif;
}
.property-title-list-div p.property-id{
    font-size: 12px;
    margin-bottom: 0;
}

div.property-list-desc{
    font-size: 14px;
    line-height: 21px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
div.property-list-desc.show-more-text{
    -webkit-line-clamp: initial;
}

.property-thumbnail-slider .carousel-inner .carousel-item img,
.property-thumbnail-slider .carousel-inner .carousel-item a img {
    margin: auto;
}
.property-thumbnail-slider #myCarousel{
    max-width: 100%;
    margin: 0 auto;
    background: #fff;
}
.property-thumbnail-slider #thumbCarousel{
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    overflow: hidden;
    background: #fff;
    padding: 5px 0;
}
.property-thumbnail-slider #thumbCarousel .thumb{
    float: left;
    border: 1px solid #e6e6e6;
	display: inline-block;
    height: 80px;
    width: 20%;
    margin-right: 1px;
    margin-bottom: 1px;
    background-size: cover;
	background: #fff no-repeat center;
	background-size: cover;
}
.property-thumbnail-slider #thumbCarousel .thumb:nth-child(5n){
    width: 19%;
    margin-right: 0;
}
.property-thumbnail-slider .thumb{
    position: relative;
}
.property-thumbnail-slider .thumb::before{
    content: '';
    height: 3px;
    width: 100%;
    background-color: transparent;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    transition: all ease .5s;
}
.property-thumbnail-slider .thumb:hover::before, .property-thumbnail-slider .thumb.active::before{
    background-color: #ff0084;
}
.property-thumbnail-slider .slider-main-img{
    width: 100%;
    height: 550px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    box-shadow: inset 0 -48px 40px -10px black;
    transform: scale(1.0);
    transition: all ease .5s;
    overflow: hidden;
}
.property-thumbnail-slider .carousel-inner:hover .slider-main-img{
    transform: scale(1.1);
}
.property-thumbnail-slider .carousel-inner{
    position: relative;
}
.property-thumbnail-slider .carousel-text{
    font-size: 13px;
    color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 8px;
    text-align: center;
    margin-bottom: 0;
}
.feature-list{
    height: 53px;
    width: 53px;
    border-radius: 5%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e8e5f3;
    margin-bottom: 11px;
    margin-right: 5px;
    text-align: center;
}
.feature-list p{
    margin-bottom: 0;
    font-size: 10px;
    color: #87898e;
    font-family: poppins-medium, sans-serif ;
}
.grey-list-box-bg{
    background-color: #f4f4fa;
    border-radius: 10px;
    padding: 15px 10px;
}
.plan-box-div{
    display: flex;
    justify-content: space-between;
	margin-bottom: .5em;
}
.plan-box{
    background-color: #fff;
    border: 1px solid #ccc8c8;
    border-radius: 5px;
    text-align: center;
    padding: 5px 5px 15px;
    margin-bottom: 10px;
    color: #fff;
    height: 91px;
    width: 91px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    position: relative;
    overflow: hidden;
    cursor: pointer;
   /* transition: all ease .5s; */
}
.plan-box > span.position-relative > span {
	display: block;
    line-height: 24px;
    margin-bottom: 0;
    color: #2f2f33!important;
/* transition: all ease .5s; */
}
.plan-box .first{
    font-size: 10px!important;
    line-height: 20px!important;
	font-weight: bold;
}
.plan-box .second,
.plan-box .third small{
    font-size: 16px!important;
    font-family: poppins-bold, sans-serif;
}
.plan-box .third{
    font-size: 21px!important;
    font-family: poppins-bold, sans-serif;
}
.plan-box .fourth{
    font-size: 9px!important;
    line-height: 10px!important;
}
.gradient-text{
    background-image: linear-gradient(-107deg, #ff0084, #0059b5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.plan-box .plan-icon{
    position: absolute;
    bottom: 0;
    opacity: 0;
   /* transition: all ease .5s; */
}
.plan-box .plan-icon.left{
    left: 0;
}
.plan-box .plan-icon.right{
    right: 0;
}
.plan-box .plan-icon.center{
    left: 0;
    right: 0;
    margin: auto;
}
.plan-box .position-relative{
    z-index: 1;
}
.plan-box .white-btn{
    font-size: 11px;
    color: #000;
    border: 1px solid #fff;
    background-color: #fff;
    border-radius: 50px;
    padding: 2px 15px;
    margin: auto;
	display: none;
}


.plan-box:hover , .plan-box.active{
    background-color: #0059b5;
    border-color: #0059b5;
    color: #fff!important;
}
.plan-box > span.position-relative > span.white-btn {
	display: none;
}
.plan-box:hover > span.position-relative > span.white-btn,
.plan-box:active > span.position-relative > span.white-btn {
	display: block;
	line-height: 15px;
}
.plan-box:hover > span.position-relative > span:not(.white-btn),
.plan-box.active > span.position-relative > span:not(.white-btn) {
    color: #fff!important;
}
.plan-box:hover .gradient-text , .plan-box.active .gradient-text{
    background-image: none;
    -webkit-text-fill-color: #fff;
}
.plan-box:hover .plan-icon , .plan-box.active .plan-icon{
    opacity: 1;
}
.plan-box:hover .fourth , .plan-box.active .fourth{
    display: none;
}
.plan-box:hover .white-btn , .plan-box.active .white-btn{
    display: block;
}.plan-box-new{    background-color: #014891;    border: 1px solid #ccc8c8;    border-radius: 5px;    text-align: center;    padding: 5px 5px 15px;    margin-bottom: 10px;    color: #fff;    height: 60px;    width: 95px;    display: flex;    align-items: flex-start;    justify-content: center;    position: relative;    overflow: hidden;    cursor: pointer;  }.or-choose-your-dates {	margin-top: 0px;	margin-bottom: 50px;}.plan-box-new > span.position-relative > span {	display: block;    line-height: 24px;    margin-bottom: 0;    color: #ffffff!important;}.plan-box-new .first{    font-size: 12px!important;    line-height: 20px!important;	font-weight: bold;}.plan-box-new .second,.plan-box-new .third small{    font-size: 16px!important;    font-family: poppins-bold, sans-serif;}.plan-box-new .third{    font-size: 21px!important;    font-family: poppins-bold, sans-serif;}.plan-box-new .fourth{    font-size: 9px!important;    line-height: 10px!important;}
.owl-carousel .owl-item img {
    width: auto;
    display: inline-block;
}
.owl-theme .owl-nav button{
    position: absolute;
    top: 38%;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{
    font-size: 50px;
    color: #fff;
}
.owl-carousel .owl-nav button.owl-next{
    right: -100px;
}
.owl-carousel .owl-nav button.owl-prev{
    left: -100px;
}
.owl-carousel .owl-nav button:hover{
    background-color: transparent!important;
    color: #fff!important;
}
.owl-carousel .owl-nav button:focus{
    box-shadow: none;
    outline: 0;
}
.feature-property-slider {
	width: 100%;
	margin: auto;
}
.feature-property-slider .item{
    margin: 20px 15px;
	min-width: 402px;
}
@media only screen and (max-width: 480px) {
	.feature-property-slider .item {
		width: 90%;
		min-width: 90%;
	}
}

.relative-white-box{
    position: relative;
    overflow: hidden;
}
.list-with-us-panel {
	background: #737373 !important;
	padding: 25px 0 !important;
}
.list-with-us-panel h3 {
	color: #FFF;
}
.list-with-us-panel .bold {
	color: #000;
	font-size: 1em;
	margin-bottom: .5em;
}
.list-with-us-panel .call-hours {
	color: #FFF;
	margin-top: 1em;
}
.list-with-us-panel button {
	background: #42e382;
	color: #FFF;
	border: none;
	padding: 2px 1em;
	border-radius: 5px;
	margin-top: .5em;
	font-size: 12px;
}

.book-now-div{
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
    right: 0;
    background-color: rgb(124 118 118 / 90%);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding: 25px 20px;
    overflow-y: auto;
    overflow-x: hidden;
}
.book-now-div::-webkit-scrollbar , .res-gallery-modal-box::-webkit-scrollbar {
  width: 10px;
}
.book-now-div::-webkit-scrollbar-track , .res-gallery-modal-box::-webkit-scrollbar-track {
  background: #0059b5;
}
.book-now-div::-webkit-scrollbar-thumb , .res-gallery-modal-box::-webkit-scrollbar-thumb {
  background: #04468b;
}
.book-now-div-box{
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
    position: relative;
}
.book-now-div-box::after{
    content: '';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -10px;
    margin: auto;
}
.book-now-div-box p.medium{
    color: #000;
    font-size: 14px;
    margin-bottom: 5px;
}
.book-now-div-box .btn{
    padding: 7px 20px;
    font-size: 14px;
    border-radius: 5px;
}
.book-now-div-box .btn-success{
    background-color: #25d366;
    border-color: #25d366;
    box-shadow: none!important;
}
.book-now-div-box .btn-primary{
    background-color: #00b3e3;
    border-color: #00b3e3;
    box-shadow: none!important;
}
.book-now-div.book-now-blue-div{
    background-color: #0059b5;
    align-items: flex-start;
    padding: 20px 20px;
}
.book-now-div.book-now-blue-div p{
    font-size: 16px;
    line-height: 26px;
}
section.section-listing form[name="reservation-form"] input {
	font-size: 16px; /* To prevent iPhone from zooming in when input is selected since it doesn't un-zoom afterwards */
}
.property-title-list-div .form-group{
    margin-bottom: 1rem;
}
.property-title-list-div .form-control{
    border-radius: 3px;
    border: none;
    color: #333;
    padding: 12px 15px;
    font-size: 12px;
}
.property-title-list-div .form-control::placeholder{
    color: #bebaba;
}
.property-listing .price-box-sale .for-sale {
	font-size:1.4em;
}
.property-listing .price-box-sale,
.mobile-price-box-sale {
	display: block;
	background-color: #0059b5;
	border-radius: 5px;
	padding: 15px 10px 15px;
	color: #fff;
	font-size: 12px;
}
.property-listing .price-box-sale .first,
.mobile-price-box-sale .first {
	color: #FFF;
	line-height: 20px;
	margin-bottom: 0;
}
.mobile-price-box-sale .price-row {
	margin: .5em;
}
.mobile-price-box-sale .second {
	font-size: 16px;
	font-family: poppins-bold;
}
.mobile-price-box-sale .third {
	font-size: 21px;
	font-family: poppins-bold;
}
.property-listing .price-box-sale .white-btn,
.mobile-price-box-sale .white-btn {
	font-size: 11px;
	color: #000;
	border: 1px solid #fff;
	background-color: #fff;
	border-radius: 50px;
	padding: 2px 15px;
	margin: .25em 0;
	cursor: auto;
}
.property-listing .price-box-sale .call-hours,
.mobile-price-box-sale .call-hours {
	margin: 0.5em 0;
}
.property-listing .price-box-sale .plan-icon,
.mobile-price-box-sale .plan-icon {
	position: absolute;
	bottom: 0;
}
.property-listing .price-box-sale .plan-icon.right,
.mobile-price-box-sale .plan-icon.right {
	right: 0;
}
.mobile-price-box-sale .for-sale-phone {
	font-size: 16px;
}
html[dir=rtl] .property-listing .price-box-sale .plan-icon.right,
html[dir=rtl] .mobile-price-box-sale .plan-icon.right {
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	right: auto;
	left: 0;
}
.text-radio .plan-box{
    border-radius: 0;
    padding: 5px 5px;
    align-items: center;
    min-height: 80px;
    height: auto;
    min-width: 80px;
}
.text-radio .plan-box:hover{
    background-color: #fff;
    color: #2f2f33!important;
}
.text-radio .plan-box:hover > span > span{
    color: #2f2f33!important;
}
.text-radio .plan-box:hover .fourth{
    display: block;
}
.text-radio .plan-box > span > span.first.pink-text{
    color: #ff0084!important;
}
.text-radio .plan-box .second {
    font-size: 12px!important;
}
.text-radio .plan-box .third {
    font-size: 18px!important;
}
.text-radio .plan-box:hover .gradient-text{
    background-image: linear-gradient(-107deg, #ff0084, #0059b5);
    -webkit-text-fill-color: transparent;
}
.close-book-div{
    min-width: 22px;
    margin-top: 2px;
}
.ft-11{
    font-size: 11px!important;
    line-height: 16px!important;
}
.ticket-box-div{
    background-color: #fff;
    border-radius: 5px;
}
.ticket-box-info{
    padding: 6px 15px;
}
.ticket-box-line{
    border-bottom: 1px solid #efeff4;
}
.ticket-box-info:last-child .ticket-box-line{
    border-bottom: none;
}
.ticket-box-info p{
    margin-bottom: 0;
    line-height: 21px!important;
}
.ticket-box-info p.caption{
    font-size: 12px!important;
    color: #8a8a8f!important;
}
.ticket-box-info p.main-text{
    font-size: 14px!important;
    color: #0f0f10!important;
}
.ticket-box-info p.pink-text{
    color: #ff0084!important;
    padding: 5px 0;
}
.right-min-w-div{
    min-width: 61px;
}
.check-days{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.check-days p{
    font-size: 11px!important;
    line-height: 18px!important;
}
.pink-round{
    height: 10px;
    width: 10px;
    display: inline-block;
    border-radius: 50%;
    background-color: #ff0084;
    margin-right: 8px;
    margin-bottom: -1px;
}
.special-deal {
	display: block;
}
input[name="package"][value="special_deal"] {
	display: none;
}
input[name="package"][value="special_deal"] + div.special-deal + button[name="submit-reservation"] {
	display: none;
}
input[name="package"][value="special_deal"] + div.special-deal + button[name="submit-reservation"] + button {
	display: inline-block;
}
input[name="package"][value="special_deal"]:checked + div.special-deal + button[name="submit-reservation"] {
	display: inline-block;
}
input[name="package"][value="special_deal"]:checked + div.special-deal + button[name="submit-reservation"] + button {
	display: none;
}
label.special-deal {
	position: relative;
}
label.special-deal::after {
	content: "";
	background: #00fd97 url('../img/icon/deal.jpg') no-repeat;
	width: 64px;
	height: 33px;
	display: block;
	position: absolute;
	top: -16px;
	right: -20px;
	scale: .7;
	border-radius: 16px;
	overflow: hidden;
}
html[dir=rtl] label.special-deal::after {
	right: auto;
	left: -20px;
}
.book-box-bottom-btns label.special-deal::after {
	top: -16px;
	right: -26px;
}
label.special-deal .plan-box {
	width: 100%;
	height: auto;
	padding: 15px;
	display: flex;
	justify-content: space-between;
	column-gap: 1em;
	text-align: start;
}
label.special-deal .plan-box .special-deal-name-and-blurb {
	display: flex;
	flex-direction: column;
	row-gap: 2px;
}
label.special-deal .plan-box .special-deal-name {
	font-weight: bold;
	font-size: 1.0em;
	color: #000;
}
label.special-deal .plan-box .special-deal-blurb {
	font-size: .9em;
}
label.special-deal .plan-box .special-deal-name,
label.special-deal .plan-box .special-deal-blurb {
	color: #000;
}
label.special-deal:hover .plan-box .special-deal-name,
label.special-deal:hover .plan-box .special-deal-blurb {
	color: #FFF;
}
.book-box-bottom-btns label.special-deal .special-deal-name-and-blurb {
	font-size: .6em;
}
.book-box-bottom-btns label.special-deal {
	display: block;
	padding: 0;
}
.book-box-bottom-btns label.special-deal .plan-box {
	border: none;
	margin: 0;
	min-width: auto;
	min-height: auto;
	text-align: start;
	padding: 5px;
}

.book-box-bottom-btns.text-end {
	display: flex;
	column-gap: 1em;
	align-items: center;
	justify-content: space-between;
}


.availability-box , .hide-text{
    display: none;
}
input.rangepicker-input{
    display: none;
}
.book-now-div{
    display: none;
}
.book-now-div.active-div{
    display: flex;
}
iframe.map {
    margin-bottom: -8px;
}
.form-control:focus::placeholder{
    font-size: 0;
}
.book-box-bottom-padding{
    padding-bottom: 80px!important;
}
.book-third .alert {
	font-size: 12px;
	margin-bottom: 0;
}
.book-box-bottom-btns{
    position: absolute;
    /*bottom: 20px;*/ /* Messes up message shown above the area */
    left: 20px;
    right: 20px;
}
.book-box-bottom-btns button[name="submit-reservation"].loading {
	color: #FFFFFF00;
	background: #FFF url('images/loader-24x24.gif') no-repeat center center;
	opacity: 1;
	transition: background-position 0s;
}
.close-book-div-absolute{
    position: absolute;
    right: 10px;
    top: 10px;
}
.lightpick__previous-action, .lightpick__next-action{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    font-size: 0;
    border-radius: 50%;
}
.lightpick__previous-action{
    background-image: url('../img/icon/arrow-left.png');
}
.lightpick__next-action{
    background-image: url('../img/icon/arrow-right.png');
}
.sidebar-side-img1{
    position: fixed;
    right: 0;
    top: -26px;
    max-width: 500px;
    display: none;
}
.overlay .sidebar-side-img1{
    display: block;
}
.btn-modal-close{
    position: absolute;
    right: 40px;
    top: 20px;
    z-index: 99;
    background-color: #fff9;
    border-radius: 50%;
    color: #333;
    box-shadow: none;
    outline: 0;
    border: 0;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all ease .5s;
}
.btn-modal-close:hover{
    background-color: #fff;
}
.owl-carousel.owl-rtl .property-box-div {
    direction: ltr;
}


/*hero section background mage slider*/

.for-bg-slider-transparent-div .header-sticky{
    background-color: transparent;
}
.for-bg-slider-transparent-div .header-sticky.sticky-bar{
    background-color: #0059b5;
	color: #FFF;
    position: fixed;
}
.for-bg-slider-transparent-div .carousel-indicators {
    right: 0;
    left: 0;
}
.for-bg-slider-transparent-div{
    position: relative;
}
.hero-bg-slider-div{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
}
.hero-bg-slider-img{
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
}


.for-bg-slider-transparent-div .hero-slider-content {
    padding: 260px 0 33px;
}
.for-slider-zindex{
    position: relative;
    z-index: 1000;
}

/*********************************************************************************************************************/
/* Search Page
/*********************************************************************************************************************/
/*
.form-filters {
	display: flex;
	flex-wrap: wrap;
}
.form-filters > div {
	width: 50%;
}
*/
.mobile-search-filters .form-filters {
	position: relative;
}
.mobile-search-filters .form-filters .filter-listing-type-area {
	margin-top: 0;
	position: absolute;
	top: 0;
	right: 0;
}
html[dir=rtl] .mobile-search-filters .form-filters .filter-listing-type-area {
	right: auto;
	left: 0;
}
form.mobile-search-filters {
	padding-bottom: 4em; /* To get the fixed Apply Filters button space, otherwise the last filters can't be scrolled higher than the button */
}
form.search-filter-box button.apply-filters {
	position: fixed;
	bottom: 1em;
	left: 5%;
	margin: 0;
	width: 90% !important;
}
.search-results-area {
	position: relative;
}
.search-results-area.ajax-working::after {
	content: "";
	/*background: #FFFFFFDD url('images/loader-198x198.gif') no-repeat center 2em;*/
	background: #FFFFFFDD url('../img/icon/loading.svg') no-repeat center 2em;
	position: absolute;
	top: -5px; /* So it covers .group-tag which has top: -5px */
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10; /* One more than .group-tag */
}
.search-filter-box hr{
    background-color: #ece4e8;
    opacity: 1;
    margin: 10px 0 0 !important;
}
.filter-radio-div{
    margin-top: 30px;
    color: #000;
}
.filter-radio-div p{
    font-size: 14px;
}
.filter-radio-div .form-check-label{
    font-size: 14px;
    font-family: poppins-medium, sans-serif !important;
}
.filter-radio-div .form-check-input:checked[type=radio] {
    background-image: none;
}
.filter-radio-div .form-check-input {
    width: 0.85em;
    height: 0.85em;
    margin-top: 0.3em;
    border: 2px solid #4d6195;
}
.filter-radio-div .form-check-input:checked {
    background-color: #ff0084;
    border-color: #ff0084!important;
}
.filter-radio-div .form-check-input:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: none;
}
.filter-radio-div .form-check {
    margin-bottom: 0.25rem;
}
.filter-radio-div.rating-filter .form-check {
	display: flex;
	align-items: baseline;
	column-gap: 5px;
}
.property-search-list-box-img-div{
    min-width: 230px;
    width: 230px;
    height: 205px;
    margin-right: 20px;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
}
.property-search-list-box-img{
    width: 100%;
    height: 100%;
    background-color: #4d6195;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: all ease .5s;
}
.property-search-list-box-content{
    display: flex;
    align-items: flex-start;
    width: 100%;
}
html[dir=rtl] .property-link .bi-arrow-right-short {
	transform: scale(-1,1)
}
.mobile-property-div .property-search-list-box-flex {
	width: 100%;
}
.mobile-property-div .property-search-list-box-content {
	display: block;
}
.mobile-property-div .property-search-list-book-div .listing-id-area {
	display: none;
}
.mobile-property-div .property-search-list-book-div .search-plan-box .plan {
	/*float: left;*/
	grid-area: plan;
	text-align: start;
}
.mobile-property-div .property-search-list-book-div .search-plan-box .price {
	/*float: right;*/
	grid-area: price;
	justify-self: end;
	align-self: center;
	white-space: nowrap;
}
.mobile-property-div .property-search-list-book-div .search-plan-box .deal-explore-price {
	font-size: .7em;
	align-self: center;
}
.mobile-property-div .property-search-list-book-div .search-plan-box .btn {
	/*float: left;*/
	grid-area: days;
	display: inline;
	width: auto;
	background: transparent;
	color: inherit;
	border: none;
	padding: 0;
	margin: 0;
	text-align: start;
}
.mobile-property-div .property-search-list-book-div .search-plan-box > .position-relative {
	width: 100%;
	display: grid;
	grid-template-columns: auto;
	grid-template-rows: auto;
	grid-template-areas:
		"plan price"
		"days price";
}
.mobile-property-div .property-search-list-book-div .search-plan-box > .position-relative.special-deal-explore-price {
	display: flex;
	flex-direction: column;
}
.mobile-property-div .property-search-list-book-div {
	min-width: auto;
}
.mobile-property-div .search-plan-box .for-sale {
	text-align: start;
}
.property-search-list-box:hover .property-search-list-box-img{
    transform: scale(1.1);
}
.property-search-list-box .group-tag{
    left: 90px;
    right: auto;
}
html[dir=rtl] .property-search-list-box .group-tag {
	right: 90px;
	left: auto;
}
.property-search-list-box .group-tag.group-tag-for-sale,
.property-search-list-box .group-tag.group-tag-sold {
	right: auto;
	left: calc(230px - 55px - 10px);
}
html[dir=rtl] .property-search-list-box .group-tag.group-tag-for-sale,
html[dir=rtl] .property-search-list-box .group-tag.group-tag-sold {
	right: calc(230px - 55px - 10px);
	left: auto;
}
.property-search-list-box-flex{
    display: flex;
    align-items: center;
}
.icon-16{
    max-width: 16px;
}
.property-search-list-box-border{
    border: 3px solid transparent;
    border-radius: 7px;
    margin-bottom: 25px;
}
.property-search-list-box-border:hover , .property-search-list-box-border.active{
    border-color: #ff0084;
}
.property-search-list-book-div{
    min-width: 180px;
    text-align: center;
}
.search-plan-box{
    background-color: #0059b5;
    border-radius: 5px;
    text-align: center;
    padding: 5px 10px 15px;
    color: #fff;
    height: 130px;
    width: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    margin: auto;
   
}
.search-plan-box p{
    line-height: 24px;
    color: #fff;

}
.search-plan-box .first{
    font-size: 14px!important;
    line-height: 24px!important;
    margin-bottom: 10px;
	padding-top: 8px;
}
.search-plan-box .second{
    font-size: 22px!important;
    font-family: poppins-bold, sans-serif;
    margin-bottom: 7px;
}
.search-plan-box .third{
    font-size: 30px!important;
    font-family: poppins-bold, sans-serif;
    margin-bottom: 7px;
}
.search-plan-box .plan-icon{
    position: absolute;
    bottom: 0;
  
}
.search-plan-box .plan-icon.right{
    right: 0;
}
.search-plan-box .position-relative{
    z-index: 1;
}
.search-plan-box .white-btn{
    font-size: 12px;
    text-transform: uppercase;
    color: #000;
    border: 1px solid #fff;
    background-color: #fff;
    border-radius: 50px;
    padding: 2px 15px;
    margin: 1em auto;
    display: block;
    width: 100%;
}
.search-plan-box .white-btn-hide{
    font-size: 12px;
    text-transform: uppercase;
    color: #000;
    border: 1px solid #fff;
    background-color: #fff;
    border-radius: 50px;
    padding: 2px 15px;
    margin: 1em auto;
    display: block;
    width: 100%;
}
.search-plan-box .white-btn .reg-text{
    display: block;
}
.search-plan-box .white-btn .hover-text{
    display: none;
}
.property-search-list-box-border:hover .search-plan-box , .property-search-list-box-border.active .search-plan-box{
    background-color: #ff0084;
    color: #fff;
}
.property-search-list-box-border:hover .search-plan-box p , .property-search-list-box-border.active .search-plan-box p{
    color: #FFF!important;
}
.property-search-list-box-border:hover .search-plan-box .white-btn .reg-text , .property-search-list-box-border.active .search-plan-box .white-btn .reg-text{
    display: none;
}
.property-search-list-box-border:hover .search-plan-box .white-btn .hover-text , .property-search-list-box-border.active .search-plan-box .white-btn .hover-text{
    display: block;
}
ul.pagination li.active a,
.page-item.active .page-link {
    background-color: #ff0084;
    border-color: #ff0084;
	color: #FFF !important;
}
ul.pagination li.middle span {
	display: flex;
	margin-right: 8px;
}
ul.pagination li:not(:first-child) a {
	margin-left: -1px;
}
ul.pagination li a,
.page-link {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px!important;
    border-radius: 5%!important;
    margin: 0 8px;
    color: #000;
    font-family: poppins-bold, sans-serif;
    box-shadow: none!important;

	position: relative;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #dee2e6;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
ul.pagination li a:hover,
ul.pagination li a:focus,
.page-link:hover,
.page-link:focus{
    color: #FFF;
    background-color: #ff0084;
    border-color: #ff0084;
}
body#webpage-search .mobile-property-div .justify-content-end {
	justify-content: center !important;
}
.search-result-banner{
    background-color: #00589e;
    border-radius: 5px;
    padding: 20px 30px 30px;
    position: relative;
    display: none;
    overflow: hidden;
}
.search-result-banner-bg-img{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: auto;
    max-width: initial;
    z-index: 0;
}
.search-result-banner.active-div{
    display: block;
}
.search-result-banner h3{
    font-size: 48px;
    font-family: poppins-bold, sans-serif;
    margin-bottom: 10px;
}
.search-result-banner p{
    font-size: 24px;
    line-height: 30px;
    font-family: poppins-bold, sans-serif;
    margin-bottom: 0;
}
.close-search-banner{
    position: absolute;
    right: 10px;
    top: 10px;
    display: block;
    z-index: 9;
    cursor: pointer;
}
.res-search-filter-div::-webkit-scrollbar {
  width: 10px;
}
.res-search-filter-div::-webkit-scrollbar-track {
  background: #fff;
}
.res-search-filter-div::-webkit-scrollbar-thumb {
  background: #04468b;
}
.res-search-filter-div{
    display: none;
}
.pagination{
    padding-left: 0;
    padding-right: 0;
}


.footer{
    background-color: #044d99;
}
.footer-animation{
    position: absolute;
    top: -60px;
	left: 0;
	right: 0;
}
.f-bottom-absolute{
    position: absolute;
    left: 0;
    right: 0;
}
footer {
    left: 0;
    display: flex;
    align-items: flex-end;
    padding-bottom: 3rem;
    justify-content: center;
    overflow: hidden;
    position: absolute;
    width: 100vw;
    height: 300px;
	margin-top: 70px;
    top: -190px;
    filter: url("#goo");
}
footer::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 210px;
    clip-path: url(#wave);
    background-color: #044d99;
}
@media only screen and (max-width: 700px) {
  footer::after {
    clip-path: none;
    height: 150px;
  }
}
footer .ball {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: #28323B;
  position: absolute;
  animation: up 5s cubic-bezier(0.18, 0.89, 0.32, 1.28) infinite;
}
@media only screen and (max-width: 700px) {
  footer .ball {
    animation: up-small 5s cubic-bezier(0.18, 0.89, 0.32, 1.28) infinite;
  }
}

@keyframes up {
  0% {
    bottom: 0;
    width: 100px;
    height: 100px;
  }
  50% {
    bottom: 200px;
  }
  100% {
    bottom: 0;
    width: 0;
    height: 0;
  }
}
@keyframes up-small {
  0% {
    bottom: 0;
    width: 100px;
    height: 100px;
  }
  50% {
    bottom: 150px;
  }
  100% {
    bottom: 0;
    width: 0;
    height: 0;
  }
}
#map_modal .modal-body {
	text-align: center;
}
#map_modal .get-directions {
	position: relative;
	bottom: 4em;
}
#map_modal #modal-map-embed {
	height: 100%;
}
.feature-property-slider.mobile-property-div .owl-stage-outer{
    overflow: initial;
}
.gradient-layer{
 /*    background-image: linear-gradient(#334fb5, #0059b5); */
    width: 100%;
    height: 100px;
    margin-top: -5px;
    position: absolute;
    z-index: -1;
}

.footer-bubble-space {
	margin-bottom: 100px; /* To clear the footer animated bubbles layer, otherwise the form fields aren't selectable */
}
@media only screen and (max-width: 575px) {
	.footer-bubble-space {
		margin-bottom: 100px; /* To clear the footer animated bubbles layer, otherwise the form fields aren't selectable */
	}
}
/* Login Page */
#webpage-login .container form.login label {
	display: block;
}
#webpage-login .container form.login .btn-submit {
	color: #fff;
	border: 2px solid #ff0084;
	background-color: #ff0084;
	margin: 1em 0;
}
@media only screen and (max-width: 1200px) {
	#webpage-login .container .list-white-div {
		text-align: center;
	}
}

.or-choose-your-dates .choose {
	text-decoration: initial;
}
.search-rental-dates-box-outer {
	padding: 0;
	background: #FFF;
}
.search-rental-dates-box,
.search-sell-property-box {
	display: flex;
	column-gap: 2em;
	background: #EEE;
	border-radius: 5px;
	margin: 5px;	padding: 5px;

	align-items: center;
	justify-content: space-between;	width: 40%;
}
.search-rental-dates-box .check-in::before {
	content: '';
	background: url('../images/search-results-dates/green-checkin-en.png') no-repeat;
	background-size: contain;
	width: 53px;
	height: 15px;
	display: block;
}
html[dir=rtl] .search-rental-dates-box .check-in::before {
	background-image:  url('../images/search-results-dates/green-checkin-ar.png');
}
.search-rental-dates-box .date {
	color: #2f2e30;
	font-weight: 400;	font-size: 11px;font-family: poppins-bold, sans-serif !important;}
.search-rental-dates-box .check-out::before {
	content: '';
	background: url('../images/search-results-dates/blue-checkout-en.png') no-repeat;
	background-size: contain;
	width: 53px;
	height: 15px;
	display: block;
}
html[dir=rtl] .search-rental-dates-box .check-out::before {
	background-image:  url('../images/search-results-dates/blue-checkout-ar.png');
}
.search-rental-dates-box .edit::before {
	content: '';
	background: url('../images/search-results-dates/edit.png') no-repeat;
	background-size: contain;
	width: 16px;
	height: 16px;
	display: block;
}
.search-rental-dates-box .edit {
	color: #CCC;
	font-size: 10px;
	padding-right: 15px;
}
.search-sell-property-box {
	color: #4c484a;
	font-weight: bold;
	padding: 1em;
}
.search-sell-property-box .add-it {
	background: url('../images/search-results-dates/green-addit-en.png') no-repeat;
	background-size: contain;
	width: 53px;
	height: 15px;
	display: block;
}
html[dir=rtl] .search-sell-property-box .add-it {
	background-image:  url('../images/search-results-dates/green-addit-ar.png');
}
form.search-bar-div .results {
	list-style: none;
	background: #FFF;
	color: #000;
	margin: 0;
	padding: 1em;
	font-size: 1.3em;
	position: absolute;
	width: 100%;
	max-height: 10em;
	overflow: auto;
	text-align: left;
}
html[dir="rtl"] form.search-bar-div .results {
	text-align: right;
}