@import url(https://fonts.googleapis.com/css2?family=Varela+Round&display=swap); /* font-family: 'Varela Round', sans-serif; */

BODY , HTML, .gallery-section , .sec-title , .sec-title .text
{
	font-family: 'Varela Round', sans-serif ;
	font-style: normal !important;
}
.sec-title {
    margin: 0 auto 20px !important;
	max-width:100% !important;
}
.sec-title .text { font-size:16px !important; }
.header-style-two .header-lower .logo {
    background: #8c2e86;
}
.btn-style-one {
	font-size:15px !important;
}
.property-details {
	/*background-image: radial-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.9)) !important;*/
}

.header-style-two ul.select-lang li.flags img { height: 15px!important; }  /*fixed*/
.header-style-two ul.select-lang li.seperate { color: #ffffff!important; font-weight: bold!important; }  /*fixed*/

.gallery img { padding:5px !important; }

.contact-section { margin-top: 20px !important;  }
.about-section { padding: 10px 0px 10px !important;  }
.properties-section { padding: 20px 0px 10px !important; }
.video-tour-section { padding: 10px 0px 10px !important; }
.video-cover-with-play { outline: 3px solid #8C2E86 !important;   outline-offset: -15px !important; }
.gallery-section { padding: 10px 0px 10px !important; }
.faded-section { padding: 10px 0px 0px !important; }
.faded-section:before {
    background: rgba(255,255,255,0.65) !important;
}

.full-image-box { margin-bottom:10px !important; } 

.gallery-section .image-box .zoom-btn {
	color: #8C2E86 !important;
	outline: 3px solid #8C2E86 !important;
    outline-offset: -15px !important;
}

.gallery-section .image-box .image {
	outline: 4px solid #ffffff !important;
	outline-offset: -15px !important;
}

.contact-section .desc-text , 
.contact-section .contact-info,
.contact-section .contact-info h3,
.contact-section a { color:#000 !important; font-size:16px !important; }


.main-footer {
    background: #8F2F89 !important;
	color: #FFF !important;
}
.main-footer .footer-content {
    color: #FFF !important;
    padding: 20px 0px 10px;

}
.main-footer a { color:#FFFFFF !important; }



/* Begin :: datepicker  */
.ui-datepicker .ui-widget-header { background: #8D2F87 !important; }
.ui-datepicker .ui-datepicker-title,
.ui-widget-header .ui-state-highlight,
.ui-state-highlight, 
.ui-widget-content .ui-state-highlight, 
.ui-widget-header .ui-state-highlight
{ border: 1px solid #9E60B7 !important; background: #9E60B7 !important; color: #FFF !important; }

.ui-state-hover, 
.ui-widget-content 
.ui-state-hover, 
.ui-widget-header .ui-state-hover, 
.ui-state-focus, 
.ui-widget-content .ui-state-focus, 
.ui-widget-header .ui-state-focus,
.ui-datepicker a:hover
{
    border: 1px solid #9E60B7 !important;
    background: #8D2F87 !important;
    color: #FFF !important;
}

span.ui-state-default { color: #FFF !important; background: red !important; }
/*
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-color:#F00 !important;
	color:#FFFFFF !important;
}*/

/* End :: datepicker  */



.mobileCall{ display:none !important; z-index:999 !important; }


@media screen and (max-width: 767px) {
	
	.gallery tr td { display:block !important; width:100% !important; } 
	.gallery img { padding:5px !important; width:100% !important; display:block !important; }
	
	.main-footer { bottom:50px; }
	.mobileCall{ position:fixed !important; width:100% !important; bottom:0 !important; display:block !important; border-top:2px solid #FFF; font-size:18px !important; font-weight:bold !important; text-shadow: 3px 3px 3px #000; }
	.mobileCall .whatsapp{ direction:rtl !important; float:left !important; width:50% !important; line-height:50px !important; height:50px !important;background-color:green !important; color:#FFFFFF !important; border:1px solid #FFF !important; }
	.mobileCall .whatsapp i { }
	.mobileCall .callme{ direction:rtl !important; float:right !important; width:50% !important; line-height:50px !important; height:50px !important; background-color:#2775B5 !important; color:#FFF !important; border:1px solid #FFF !important; }
	.mobileCall .callme i {  }
	.mobileCall a{ margin:auto !important; text-align:center !important; display:block !important; color:#FFFFFF !important; }
	.mobileCall a:hover{ color:#FFFFFF !important; }
	.mobileCall i{ padding-left:5px !important; }
	
	.scroll-to-top {
		bottom: 90px;
	}
}