.big {
    font-size: 190%;
    line-height: normal;
}

.colourful-page{	
	background: rgba(113,126,248,1);
	background: -moz-linear-gradient(top, rgba(113,126,248,1) 0%, rgba(114,170,248,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(114,170,248,1)), color-stop(100%, rgba(79,148,230,1)));
	background: -webkit-linear-gradient(top, rgba(113,126,248,1) 0%, rgba(114,170,248,1) 100%);
	background: -o-linear-gradient(top, rgba(113,126,248,1) 0%, rgba(114,170,248,1) 100%);
	background: -ms-linear-gradient(top, rgba(113,126,248,1) 0%, rgba(114,170,248,1) 100%);
	background: linear-gradient(to bottom, rgba(113,126,248,1) 0%, rgba(114,170,248,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#717ef8', endColorstr='#72aaf8', GradientType=0 );
}
.colourful-page body{ background: transparent; }

/*==========================================================================
	3) Clearings
==========================================================================*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.review-content:before,
.review-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.review-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

hr {
	border-color: #ccc;
	margin-bottom: 1.5em;
	/*height: 1px;	// not require in site-header*/
}

ul {
	list-style: disc;
}
ol {
	list-style: decimal;
}

dt {
	font-weight: bold;
}
dd {
	margin: 0 1.5em 1.5em;
}
img.icon{
	margin-bottom:15px;
}
img.pic{
	border-radius: 50%;
    width: 50px;
    height: 50px;
}
figure {
	margin:0 0 1rem;
	/* Extra wide images within figure tags don't overflow the content area. */
	position: relative;
}
figure span.date {
    position: absolute;
    width: 46px;
    padding: 5px;
    z-index: 9;
    top: 10px;
    left: 10px;
    border-radius: 3px;
	font-weight: 600;
	font-size: 16px;
	line-height: normal;
    text-transform: uppercase;
    text-align: center;
    background: #fff;
    color: #232323;
}
figure span.date small{	
	opacity: 0.66;
	display: block;
}

/* 	4.1) Links
-------------------------------------------------------------- */
a:hover, a:focus {
    transition: 0.6s;
}
a:focus {
	outline:none;
}
a:hover, a:active {
	outline: 0;
}

.colourful-page a, .colourful-page a:visited{
	color: #ffffff;
}
.colourful-page a:hover, .colourful-page a:focus, .colourful-page a:active{
	color: #2f3259;	
}
.colourful-page a:hover, .colourful-page a:focus{
    transition: 0.8s;
}


/* 	4.2) Input Fields
-------------------------------------------------------------- */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea,  select, option,
.input-group-text {
	color: #666;
	background:#fff;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus,
select:focus {
	color: #111;
}

input.inputpaypal{
	padding-left: 130px !important;
	background: url("../images/paypal.png") no-repeat 10px;
}

input.inputvisa{
	padding-left: 130px !important;
	background: url("../images/visa.png") no-repeat 10px;
}

select.bg-yellow{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512' %3e%3cpath fill='currentColor' d='M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z'/%3e%3c/svg%3e"),linear-gradient(to bottom, #ffc945 0%,#eb9743 100%);
}
select::-ms-expand {
    display: none; /* Hide the default arrow in Internet Explorer 10 and Internet Explorer 11 */
}
/* Target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    select {
        background-image:none\9;
        padding: 5px\9;
    }
}

textarea {
	width: 100%;
}

/* 4.3) Input Group Style
-------------------------------------------------------------- */
.input-group{
	width:auto;
	padding: 1px;
	border:1px solid #b7b7b7;
	border-radius:5px;
	margin-bottom:10px;
}
.input-group-text, .input-group select, .input-group input, .input-group textarea{
	border:none;
	margin:0
}

/* 4.4) Custom Fields Style
-------------------------------------------------------------- */
/* custom switch */
.custom-switch .custom-control-label::before{ 
	background-color:#ccc; 
	width:2.75rem; 
	height:1.25rem;
	 border-radius:2rem; 
}
.custom-switch .custom-control-label::after{ 
	background-color:#fff; 
	left: calc(-2.25rem + 2px); 
	width: calc(1.25rem - 4px); 
	height: calc(1.25rem - 4px); 
}
.custom-switch .custom-control-input:checked~.custom-control-label::after{ 
	-webkit-transform: translateX(1.5rem); 
	transform: translateX(1.5rem);
}

/* custom checkbox */
.custom-control-input:checked~.custom-control-label::before{
	background:none;
	background-color: #eaf5fb;
	border-color:#cccccc;
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::after{
	width:1.5rem;
	height:1.5rem;
}
.custom-checkbox .custom-control-label{ 
	padding-left:5px; 
	padding-top:0px;
	line-height:26px; 
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::after{
  	font-family: "FontAwesome";
	font-weight: 900;
	content: '\f00c';
	color: #31BD37;
	font-size: 16px;
    top: -2px;
    left: -22px;
    background-image: inherit;
}
.custom-control{
	padding-left: 1.5rem !important;
}

/* 	4.5) Placeholder
-------------------------------------------------------------- */
::placeholder { /* Firefox, Chrome, Opera */ 
    color:#949494; 
} 
  
:-ms-input-placeholder { /* Internet Explorer 10-11 */ 
    color:#949494; 
} 
  
::-ms-input-placeholder { /* Microsoft Edge */ 
    color:#949494; 
} 


/*==========================================================================
	5) Buttons & Links Styles
==========================================================================*/
/* Do not show the outline on the skip link target. */
*:focus, button:focus {
	outline: 0;
}
button, a.btn-orange, a.link-orange,
input[type="button"], input[type="reset"], input[type="submit"] {
	border: 1px solid;
	border-color:#31BD37;
	background:#31BD37;
	color: #ffffff;
	line-height: 1;
	padding:1em 2em;
	font-size:14px;
    font-weight: 600;
    text-align: center;
    text-transform: capitalize;
}
a.btn-orange:visited, a.link-orange:visited {
	border: 1px solid;
	border-color:#31BD37;
	background:#31BD37;
	color: #ffffff;
}
button, .button, input[type="button"], input[type="reset"], input[type="submit"] {
    text-transform: uppercase;
}

button:hover, a.btn-orange:hover, a.link-orange:hover,
input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
	border-color: #008000;
	background:#008000;
	color:#ffffff;
}

button:active, button:focus,
a.btn-orange:active, a.btn-orange:focus, 
a.link-orange:active, a.link-orange:focus, 
input[type="button"]:active, input[type="button"]:focus,
input[type="reset"]:active, input[type="reset"]:focus,
input[type="submit"]:active, input[type="submit"]:focus{
	color:#ffffff;
}

button.show-map{
	color: #ffffff;
	background: #ff87c8;
	padding: 8px 20px;
}
button.show-map:hover, button.show-map:focus, button.show-map:active{
	background: #ff008a;
}

button.gray, .btn.gray{
	background:#f2f2f2;
	color:#343434;
	border-color:#e1e1e1;
}
button.gray:hover, .btn.gray:hover{
	background:#e0e0e0;
}

.btn-black, a.btn-black{
	color:#000000;
	background:#f4f4f4;
	border:1px solid #f4f4f4;
}
.btn-black:hover, a.btn-black:hover{
	color:#f4f4f4;
	background:#000000;
	border:1px solid #f4f4f4;
}
.btn-white, a.btn-white{
	color:#31BD37;
	background:#ffffff;
	border:1px solid #ffffff;
}
.btn-white:hover, a.btn-white:hover{
	color:#ffffff;
	background:#31BD37;
}
.btn-blue, a.btn-blue{
	color:#ffffff;
	background:#5094e7;
	border:1px solid #5094e7;
}
.btn-blue:hover, a.btn-blue:hover{
	background:#4288df;
	border:1px solid #4288df;
}
.btn-green, a.btn-green{
	color:#ffffff;
	background: rgba(64,213,160,1);
	background: -moz-linear-gradient(top, rgba(64,213,160,1) 0%, rgba(60,188,177,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(64,213,160,1)), color-stop(100%, rgba(60,188,177,1)));
	background: -webkit-linear-gradient(top, rgba(64,213,160,1) 0%, rgba(60,188,177,1) 100%);
	background: -o-linear-gradient(top, rgba(64,213,160,1) 0%, rgba(60,188,177,1) 100%);
	background: -ms-linear-gradient(top, rgba(64,213,160,1) 0%, rgba(60,188,177,1) 100%);
	background: linear-gradient(to bottom, rgba(64,213,160,1) 0%, rgba(60,188,177,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40d5a0', endColorstr='#3cbcb1', GradientType=0 );
	border-color:#3ecaa8;
    transition:none;
}
.btn-green:hover, .btn-green:focus, .btn-green:active{
	background: #40d5a0;
	border-color:#3ecaa8;
}
a.btn-orange, a.btn-green{
	display:inline-block;
}
a.btn-orange{
	padding:1em 3em;
}

a.more{
	text-transform:uppercase;
	margin-bottom:15px;
}
a.link{
	text-transform:uppercase;
	font-size:14px;
	border-radius:30px;
	border:2px solid;
	padding:0.8rem 2.5rem;
}
a.link i, a.link i{
	font-size:20px;
	margin-right:15px;
}
a.link-orange{
	border-radius:30px;
	padding:1rem 3rem;
	text-transform:uppercase;
}

.view-link, .more-link, .read-link{
	font-size:12px;
	text-transform:uppercase;
	text-align:center;
	min-width:110px;
}

html .view-link{
	padding:5px 30px;
	border:1px solid #5094e7;
	color:#5094e7;
	font-weight:600;
	border-radius:30px;
}
html .view-link:hover{
	color:#ffffff;
	background:#5094e7;
}

html .read-link{
	padding:5px 30px;
	border:1px solid #e1e1e1;
	color:#e1e1e1;
	font-weight:600;
	border-radius:30px;
}
html .read-link:hover{
	color:#ffffff;
	background:#e1e1e1;
}

html .more-link{
	padding:5px 20px;
	border:1px solid #e1e1e1;
	color:#b1b1b1;
}
html .more-link:hover{
	color:#5094e7;
	background:#e1e1e1;
}


/*	5.1) Advance Search Button 
-------------------------------------------------------------- */
.advanced-toggle{
	position: absolute;
	z-index:1;
	right:15px;
	top:10px;
	padding:0;
    border-radius:2px;
	background:#ffffff;
	line-height:0;
}
button.btn-advance{
	padding:5px 15px;
	margin:0;
	background:none;
	border:none;
	font-size:12px;
	position: absolute;
	top:50px;
	right:55px;
	min-height:inherit;
	text-transform: capitalize;
}

button.btn-advance:before,
#advanced-search-box .acc-head:after,
.responsiveTabs .mResAccordAnchor > span:after,
.breadcrumb-item+.breadcrumb-item::before{
  	font-family: "FontAwesome";
	font-weight: 900;
	margin:0 5px;
}

button.btn-advance:before, 
#advanced-search-box .acc-head.collapsed:after,
.responsiveTabs .mResAccordAnchor > span:after{
	content: "\f067";
}
button.btn-advance.active:before,
#advanced-search-box .acc-head:after,
.responsiveTabs .mResAccordAnchor.active > span:after{
	content: '\f068';
}

button.btn-advance:hover{
	color:#f4ad44;
}


/*	5.2) Switch Button 
-------------------------------------------------------------- */
button.btn-toggle{	
    padding:0;
    margin:0;
    border:1px solid #e1e1e1;
	border-radius:0;
    height: 1.12rem;
    min-height: 1.12rem;
    max-height: 1.12rem;
    width:2rem;
    min-width:2rem;
    max-width:2rem;
    border-radius:2px;
    color:#31BD37;
    background:#ffffff;
	position:relative;
	top:0;
	right:0;
}
button.btn-toggle.btn-advance:before,
button.btn-toggle.btn-advance.active:before{	
	content: '';	
}
.btn-toggle:hover{
	border-color:#b1b1b1;
}
.btn-toggle.active {
	transition: background-color 0.25s;
	border-color:#b1b1b1;
}
.btn-toggle > .handle {
    position: absolute;
    top: 0.125rem;
    left: 0.125rem;
    width: 0.75rem;
    height: 0.75rem;
    border-radius:2px;
    background: #31BD37;
    transition: left 0.25s;
}
.btn-toggle.active > .handle {
    left: 1rem;
    transition: left 0.25s;
}


/*==========================================================================
	6) Forms
==========================================================================*/
form .required{ color:red; display: inline-block; }

form span{
	position:relative;
	display:block; /* it affects other forms but nececory for absolute position */
	font-size: 20px;
}
form span input[type="text"]{
	padding:5px 8px 5px 30px;
}
form span i{
	position: absolute;
    left:10px;
    top:12px;
	color:#999;
}

form.search{
	display: flex;
    flex-wrap: wrap;
    width: 100%;
	align-items:flex-end;
}
form.search label{
	width:100%;
	padding-bottom:10px;
	font-size:14px;
	color:#7d7d7d;
}

form.round{
	border-radius:30px;
	padding:5px 20px;
}



/* 	6.1) Form Inline
-------------------------------------------------------------- */
.form-inline{
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
}
.form-inline input[type="text"]{
	flex-basis: auto;
	flex-grow: 1;
}
.form-inline button, .form-inline input[type="button"], .form-inline input[type="reset"], .form-inline input[type="submit"]{
	margin-top:0;
	padding:8px 15px;	
	font-size:23px;
}

.form-inline.location-search{
	margin: 15px auto;
}
.form-inline.location-search input[type="text"]{
	min-width: 150px;
}
.form-inline.location-search .btn-orange{
	margin-left: 10px;
	margin-right: 10px;
	font-size:16px;
	padding: 0 20px;
	height: 37px;
}


/* 	6.2) Form Inline One 
-------------------------------------------------------------- */
.form-inline-one{
	display: flex;
	flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #e1e1e1;
    background: #fff;
	padding:0 18px;
	margin-bottom:30px;
}

.form-inline-one input[type="text"] {
    margin: 0;
    border: none;
    outline: none;
	width:100%;
}

.form-inline-one input[type="button"], .form-inline-one input[type="submit"], 
.form-inline-one button {
    font-size: 20px;
    width: auto;
    min-width: 40px;
    padding: 10px;
    margin: 0;
    border: none;
    background: none;
    color: #666;
    outline: none;
}
.form-inline-one input[type="button"]:hover, .form-inline-one input[type="submit"]:hover, .form-inline-one button:hover{
	color:#ffffff;
	background:#31BD37;
}

/*	6.3) Form Inline Two 
-------------------------------------------------------------- */
.form-inline-two{
	display: flex;
	position: relative;
}
.form-inline-two input, .form-inline-two textarea, .form-inline-two select, .form-inline-two button{
	border-radius: 30px;
	font-size: 12px;
	font-weight: 400;
	min-height: 35px;
	margin:5px;
	padding: 0 15px;
	border-color: transparent;
}
.form-inline-two .fa-search{
	color: #717ff8;
	position: absolute;
	top:15px;
	left: 10px;
}
.form-inline-two input.search{
	max-width: 350px;
	min-width: 270px;
	width: 350px;
	padding-left: 30px;
}
.form-inline-two button{
	font-weight: 600;
	word-spacing: 1px;
	letter-spacing: 1px;
}
.form-inline-two .submit{
	margin-left: -40px;
	margin-right: 0;
	padding: 0 10px 0 20px;
	border-top-right-radius:0;
	border-bottom-right-radius:0;
	border-right: 1px solid #e76879;
}
.form-inline-two button.btn-advance{
	position: relative;
	margin-left: 0;
	top:inherit;
	right: inherit;
	padding: 0;
	width: 50px;
	height: 38px;
    font-size: 16px;
	background: #31BD37; 
	border-top-left-radius:0;
	border-bottom-left-radius:0;
	border-left: 1px solid #af3041;
}

.search-box .form-inline-two input.search {
    max-width: inherit;
    width: 46%;
    margin-left: 0;
}
.search-box .form-inline-two button {
    min-width: max-content;
}


/* 	6.4) Form Inline Three 
-------------------------------------------------------------- */
.form-inline-three{
	display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center;
	border-radius:3px;
}
.form-inline-three.search{
	align-items: center;
	flex-wrap: nowrap;
}
.form-inline-three i{
	font-size:16px;
}
.form-inline-three button i{
	font-size:20px;
}
form.form-inline-three>.col, form.form-inline-three>[class*=col-]{
	padding:0;
}
form.form-inline-three input, form.form-inline-three select, form.form-inline-three textarea{
	color:#000000;
	border-right:none;
	border-radius:0;
    border-color: transparent;
	border-left-color:#b7b7b7;
}
.form-inline-three button, .form-inline-three input[type="button"], .form-inline-three input[type="reset"], .form-inline-three input[type="submit"]{
	margin-top:0;
	padding:8px 15px;	
	font-size:23px;
	min-height: 43px;
}

.form-inline-three .btn-border button{
	width:100%;
	margin-bottom:0;
	border-radius:3px;
	padding: 8px;
}
.form-inline-three button.btn-advance{
	font-size:12px;
	min-height: inherit;
	padding: 5px;
}
.form-inline-three #advanced-search-box{
	top:72px;
}


/*	6.5) Form with rounded fields
-------------------------------------------------------------- */
.form-fields-rounded input, .form-fields-rounded textarea, .form-fields-rounded select, .form-fields-rounded button{
	border-radius: 30px;
}


/*	6.6) Form Full
-------------------------------------------------------------- */
form.full input, form.full select, form.full textarea, form.full button{ 
	width:100%; 
}


/* 	6.7) Payment Setting Form
-------------------------------------------------------------- */
.payment-settings form{
	background: #ffffff;
	display: flex;
	flex-direction: column;
	width: 100%;
	padding: 15px 5px;
}
.payment-settings form label{
	color: #8a91b0;
	font-size: 15px;
	font-weight: 500;
	margin: 10px 0;
}
.payment-settings form input{
	width: 100%;
	padding: 5px;
	border-radius: 3px;
	border-color: #d7d7d7;
}
input.inputpaypal, input.inputvisa{
	min-height: 55px;
}
.payment-settings form button{
	font-size:14px;
	width: 100%;
	border-radius: 3px;
}
.payment-settings .icon-right{
	padding: 0;
}
.payment-settings .icon-right input{
	padding:5px 25px 5px 5px;
}
.payment-settings .icon-right i{
	color: #79b94f;
	top: 12px;
	right: 5px;
}
.payment-settings .icon-right.blue i{
	color: #a2b3fe;
	font-size:14px;
	right: 40%;
}

.form-payment-methods h6{
	text-transform: capitalize;
	color: #282050;
	font-size: 15px;
	margin-bottom: 20px;
}

.form-payment-methods button.gray{
	text-transform: capitalize;
	color: #282050;
}
.form-payment-setting .row .row{ margin-left:-10px; margin-right: -10px; }
.form-payment-setting .row .row>.col, .form-payment-setting .row .row>[class*=col-]{ padding-left: 10px; padding-right: 10px; }


/* 	6.8) Property Form
-------------------------------------------------------------- */
form.property-form{
	margin: 60px 8.333333%;
	width: 75%;
}
.wrapper form.property-form{
	margin-right: auto;
}
form.property-form aside{
	padding:20px 15px;
	background: #ffffff;
	border: 1px solid #e7e7e7;
	display: flex;
	align-items: flex-end;
	border-radius: 4px;
	box-shadow: 0px 5px 15px rgba(0,0,0,.1);
}
form.property-form p{
	margin-bottom: 15px;
}
form.property-form h4{
	padding-top: 15px; 
	padding-bottom: 15px; 
}
form.property-form label{
	padding-top: 10px;
	padding-bottom: 10px;
	font-size:14px;
}
form.property-form .g-map{
	padding: 15px;
}
form.property-form .custom-checkbox .custom-control-input:checked~.custom-control-label::after{
	color: #31BD37;
}
.property-form input, .property-form textarea, .property-form select, .property-form button{ 
	margin:0 0 10px 0;
}
.property-form input, .property-form textarea, .property-form select{ 
	width:100%; 
}
.property-form .image-upload img{
	margin: 10px 0;
}
.property-form .image-upload input[type="file"] {
    display: none;
}
.property-form .tag-filter li{
	margin:0;
}

.upload-detail{
	padding:10px 0;
	display: flex;
	flex-wrap: wrap;
}
.upload-detail img{ width: 100%; margin: 10px 0; }
/* Image uploading */
.uploading{
	position: relative;
}
.uploading .process-box{
	position: absolute;
	top: 45%;
	left: 25%;
	width:50%;
	padding: 10px;
	background: #f8f8f8;
	border-radius: 2px;
}
.uploading .progress{
	height: 5px;
}
.uploading .progress-bar{
	background-color: #31BD37;
}
.uploading img{
	opacity: 0.5;
}

/* Image uploaded */
.uploaded{
	position: relative;
}
.uploaded .upload-actions{
	position: absolute;
	top: 0;
	left: 15px;
	width:calc(100% - 30px);
	height: 100%;
	padding: 10px;
	display: flex;
	justify-content:center;
	align-items: center;
}
.upload-actions .action{
	margin: 5px;
	padding: 12px 15px;
	line-height: 20px;
	border-radius: 50px;
	background:#f8f8f8;
	color: #4c4c4c;
	opacity: 0.8;
}
.upload-actions .action:hover{
	opacity: 1;
}
.upload-actions .action.add:hover{
	color: #63a505;
}
.upload-actions .action.remove:hover{
	color: #31BD37;
}

.repeater button.remove{
	padding:10px 20px; 
	width: auto;
	background: transparent;
	border-color: #b7b7b7;
	color: #4c4c4c;
}
.repeater button.remove:hover{
	background: #4c4c4c;
	color: #ffffff;
}
.repeater input[type="button"].add{
	padding:5px 30px; 
	width: auto;
}


/*==========================================================================
	7) Accessibility
==========================================================================*/
.col-centered{
	margin:0 auto;
}

.rounded-3{
	border-radius:3px !important;
}
.rounded-left-3{
	border-top-left-radius:3px !important;
	border-bottom-left-radius:3px !important;
}
.rounded-right-3{
	border-top-right-radius:3px !important;
	border-bottom-right-radius:3px !important;
}


/*	7.1) Scorllbar Style 
-------------------------------------------------------------- */
::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
	background-color: #cab3f3;
}
::-webkit-scrollbar {
	width: 5px;
	background-color: #F5F5F5;
}
::-webkit-scrollbar-thumb {
	background-color: #9568e8;
	border: 2px solid #757cf3;
}

.mobile-left::-webkit-scrollbar-track, 
.scorllbar-x::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
	background-color: #cab3f3;
}
.mobile-left::-webkit-scrollbar,
.scorllbar-x::-webkit-scrollbar {
	height:5px;
	background-color: #F5F5F5;
}
.mobile-left::-webkit-scrollbar-thumb,
.scorllbar-x::-webkit-scrollbar-thumb {
	background-color: #9568e8;
	border: 2px solid #757cf3;
}

/*	7.2) Shadow Style 
-------------------------------------------------------------- */
.shadow-top, .shadow-bottom, .shadow-left, .shadow-right{
	position:relative;
}
.shadow-squre{
	box-shadow:0 0px 10px 0 rgba(0,0,0,.1);
}
.shadow-top{
	box-shadow:0 -5px 5px 0 rgba(0,0,0,.1);
}
.shadow-bottom{
	box-shadow:0px 10px 5px -5px rgba(0,0,0,0.1);
}
.shadow-left{
	box-shadow:-5px 0 5px 0 rgba(0,0,0,0.1);
}
.shadow-right{
	box-shadow:5px 0 5px 0 rgba(0,0,0,0.1);
}

.shadow-inset-squre{
	box-shadow:0 0 10px 0 rgba(0,0,0,.1) inset;
}
.shadow-inset-top{
	box-shadow:0 5px 5px 0 rgba(0,0,0,.1) inset;
}
.shadow-inset-bottom{
	box-shadow:0 -5px 5px 0 rgba(0,0,0,0.1) inset;
}
.shadow-inset-left{
	box-shadow:-5px 0 5px 0 rgba(0,0,0,0.1) inset;
}
.shadow-inset-right{
	box-shadow:5px 0 5px 0 rgba(0,0,0,0.1) inset;
}

/*	7.3) Tool Tip 
-------------------------------------------------------------- */
.tooltip.in{
	opacity:1;
}
.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
.tooltip.top .tooltip-arrow {
    bottom: -5px;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
}

/*	7.4) Range - slider 
-------------------------------------------------------------- */
.slider-track{
	background:#ffffff;
	border:1px solid #e1e1e1;
	border-radius:0;
}
.slider.slider-horizontal .slider-track{
	height:8px;
	box-shadow:none;
}
.slider-handle{
	background:#fff;
	border:3px solid #31BD37;
	width:12px;
	height:12px;
	top:3px;
}
.slider-selection{
	background:#31BD37;
}
.slider.slider-horizontal .slider-selection{
	height:4px;
	top:1px;
}


/*	7.5) Circle Progress Bar block
-------------------------------------------------------------- */
.progress-bar-circle{
  position: relative;
  height: 58px;
  min-width: 58px;
}
.progress-bar-circle div {
  position: absolute;
  height: 58px;
  width: 58px;
  border-radius: 50%;
}
.progress-bar-circle div span {
  position: absolute;
  line-height: 54px;
  height: 54px;
  width: 54px;
  left: 2px;
  top: 2px;
  text-align: center;
  border-radius: 50%;
  background-color: #ffffff;
  color: #626d99;
}
.progress-bar-circle .background { background-color: #b3cef6; }
.progress-bar-circle .rotate {
  clip: rect(0 29px 58px 0);
  background-color: #4b86db;
}
.progress-bar-circle .left {
  clip: rect(0 29px 58px 0);
  opacity: 1;
  background-color: #b3cef6;
}
.progress-bar-circle .right {
  clip: rect(0 29px 58px 0);
  transform: rotate(180deg);
  opacity: 0;
  background-color: #4b86db;
}


/*	7.6) Social Block 
-------------------------------------------------------------- */
.social {
	margin:0;
	padding:0;
	list-style:none;
	width:100%;
	display:flex;
	flex-wrap:wrap;
    justify-content:space-between;
}
.social li a {
	background:#ebebeb;
	display:flex;
	max-width:70px;
 	width:40px;
	height:40px;
	align-items: center;
    justify-content: center;
    font-size:16px;
}
.social li a:hover {
	opacity:0.9;
	color:#fff;
    font-size:22px;
}
.social li.fb a {
	background:#355d93;	
	background:#5926ef;	
}
.social li.tw a {
	background:#35ccfd;	
	background:#00a2ff;	
}
.social li.yt a {
	background:#db4b3b;	
	background:#df2526;	
}
.social li.tu a {
	background:#39485d;	
}
.social li.in a {
	background:#c43380;	
}
.social li.lin a {
	background:#0676b4;	
}
.social li.author a{
	background: #7dab4c;
}
.social li.group a{
	background: #3eb0eb;
}
.social li.report a{
	background: #ffba00;
}
.social li.sharing a{
	background: #9577ee;
}
.social li.favourite a{
	background: #f85454;
}
.social li.mail a{
	background: #cc8352;
}

.social-links{
	list-style: none;
	margin: 0;
	padding: 0;
    display: flex;
    flex-wrap: wrap;
	justify-content: flex-end;
}
.social-links li{
	margin: 4px 0px 4px 4px;
	padding: 0;
}
.social-links li a{
	width: 48px;
	height: 48px;
	background: #ebebeb;
    display: block;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    font-size:22px;
}
.social-links li a:hover{
	background: #dddddd;
}
.social-links li.author a{
	color: #7dab4c;
}
.social-links li.group a{
	color: #3eb0eb;
}
.social-links li.report a{
	color: #ffba00;
}
.social-links li.sharing a{
	color: #9577ee;
}
.social-links li.favourite a{
	color: #f85454;
}
.social-links li.mail a{
	color: #cc8352;
}
.social-links li.fb a {
	color:#355d93;	
}
.social-links li.tw a {
	color:#35ccfd;	
}
.social-links li.yt a {
	color:#db4b3b;	
}
.social-links li.tu a {
	color:#39485d;	
}
.social-links li.in a {
	color:#c43380;	
}
.social-links li.lin a {
	color:#0676b4;	
}



/*==========================================================================
	8)	Comments, Reviews & Rattings
==========================================================================*/
.content-detail .detail{
	display: flex;
	flex-direction: column;
}

/*	8.1) Comments, Reviews
-------------------------------------------------------------- */
.comment-list, .review-list {
    margin: 0;
    padding: 0;
    list-style: none;
}
.comment-list li, .review-list li {
    border-top: 1px solid #eee;
    padding-top: 20px;
    display: table;
    width: 100%;
    margin: 0;
    position: relative;
    display: flex;
}
.comment-list li:first-child, .review-list li:first-child{
	border: none;
}
.comment-list li a, .review-list li a {
    font-weight: bold;
    color: #000;
    margin-bottom: 5px;
}
.comment-list li .photo, .review-list li .photo {
    width: 100px;
    height: 100px;
    margin-right: 3%;
}
.comment-list li .photo img, .review-list li .photo img{
    border-radius: 50%;
}
.comment-list li .time, .review-list li .time {
    font-size: 12px;
    color: #ccc;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.comment-list li .reply, .review-list li .reply {
    border: 1px solid #eee;
    padding: 5px 10px;
    color: #666;
    font-weight: normal;
    font-size:12px;
    text-transform: uppercase;
    display: table;
    margin-bottom: 15px;
}
.comment-list li .reply:hover, .review-list li .reply:hover {
    color: #000;
    border-color: #000;
}

.comment-content, .review-content {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.comment-content a, .review-content a {
	word-wrap: break-word;
}

.comment-content .content-detail, .review-content .content-detail{
	display: flex;
	justify-content: space-between;
	align-items: baseline;
}
.comment-form, .review-form{
	padding-bottom: 25px;
}
.comment-form label, .review-form label{
	display: block;
}
/* .comment-form input, .review-form input,
.comment-form textarea, .review-form textarea{
	width: 80%;
} */
.comment-form input, .review-form input,
.comment-form textarea, .review-form textarea{
	width: 100%;
}
.comment-form .submit, 
.review-form .submit {
    background: #31BD37;
    color: #fff;
    font-size: 17px;
    border: none;
    border-radius: 0;
    padding: 18px 35px;
    cursor: pointer;
    text-transform: capitalize;
    width: auto;
    min-width: 210px;
}

/*	Comment */

/*	Review */


/*	8.2) Ratings
-------------------------------------------------------------- */
form .rating-stars{
	font-size:20px;
}
.rating-chart .rating-statistics {
    font-size: 20px;
    display: flex;
    color: #575756;
}
.rating-chart .rating-stars, .rating-stars {
    font-size: 13px;
    color: #ffba00;
    margin-bottom: 15px;
}
.five-stars {
    width: 200px;
}
.rate-full {
    position: relative;
    width: 100%;
    margin: 12px;
    background: #ccc;
}
.rate {
    position: absolute;
    background: #575756;
    top: 0;
    height: 5px;
}
.rate-one {
    width: 20%;
}
.rate-two {
    width: 40%;
}
.rate-three {
    width: 60%;
}
.rate-four {
    width: 80%;
}
.rate-five {
    width: 100%;
}


/*==========================================================================
	9) Media
==========================================================================*/
/* Make sure embeds and iframes fit their containers. */
embed, iframe, object {
	max-width: 100%;
}
.video-container {
  position: relative;
  padding-bottom: 56.25%; /*16:9*/
  padding-top: 30px; 
  height: 0; 
  overflow: hidden;
} 
.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Zoom Image 
-------------------------------------------------------------- */
.zoom-img {
	display:block;
	overflow:hidden;
}
.zoom-img img {
	width:100%;
	-webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s;
}
.zoom-img:hover img {
	-ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);	
}


/*==========================================================================
	10) Map
==========================================================================*/
.verticle-slider-map iframe, .verticle-slider-map .left-slider {
	max-height: 100%;
	height: 670px;
}
.verticle-slider-map{
	display:flex;
	flex-wrap: nowrap;
	height: 100%;
	max-height: 670px;
}
.verticle-slider-map .left-slider,
.verticle-slider-map .right-slider{
	z-index:0;
	width:100px;
}
.verticle-slider-map .left-slider{
	box-shadow: 5px 0 5px 0 rgba(0,0,0,0.20);
}
.verticle-slider-map .right-slider{
	box-shadow: -5px 0 5px 0 rgba(0,0,0,0.20);
}

.map-half {
	flex-basis: auto;
    flex-grow: 1;
}
.map-half .verticle-slider{
	position:absolute;
	max-width:70%;
	top:10%;
	left:calc(100% - 100px);
}



/*==========================================================================
	11) Search Box
==========================================================================*/

.search input,
.search textarea,
.search select,
.search .button{
	width:100%;
}
.search .button{
	margin-top:0;
	padding:0 15px;
	text-transform:uppercase;
	min-height:42px;
}

.search-box{ background: transparent; }
.search-box .search-addon{ padding: 10px 15px; cursor: pointer; color: #ffffff; }
.search-box .search-addon i{ color: #ffffff; }
.search-box input.form-control { border: none; color: #ffffff; border-bottom: 1px solid rgba(255,255,255,0.4); }
.search-box input.form-control::-webkit-input-placeholder { /* Edge */ color: #fff; }
.search-box input.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #fff; }
.search-box input.form-control::placeholder { color: #fff; }  


/*	Tag Filter */
.tag-filter {
	margin:0;
	padding:0;
	list-style:none;
	display:flex;
	flex-wrap:wrap;
}
.tag-filter li {
	margin-bottom:10px;
	min-width: 150px;
}

/*	Search filter */
#search-filter input{
	width: 100%;
	max-width: 100%;
}
#search-filter input[type=button], #search-filter input[type=reset], #search-filter input[type=submit], #search-filter button{
	width: auto;
	margin: 15px;
	margin-right: 0;
    border: none;
    text-transform: uppercase;
    padding: 15px 25px;
}
#search-filter input[type=reset]{
	background: #8571ef;
}
#search-filter input[type=reset]:hover{
	background: #6684fd;
}
.search-filter form.search hr{
	border-top:1px solid #e5e5e5;
	margin:15px 0;
}
.search-filter .btn-advance{
	background: #000000;
	color: #ffffff;
	position: absolute;
	right: 15px;
	top: 15px;
	padding: 2px 8px;
	border-radius: 5px;
}
.search-filter .btn-advance:hover{
	background: #31BD37;
}
.search-filter .slider-track{
	background: #bcb1f6;
}
.search-filter .slider-selection{
	background: #8571ef;
}
.search-filter .slider-handle{
	border: 8px solid #8571ef;
	top: 0;
}
.search-filter .col-box{
	margin-bottom: 0.5rem;
}
.search-filter form span i{
	left: 6px;
}
.search-filter input, .search-filter select{
	margin-bottom: 0;
}
.search-filter .tag-filter li{
	width: inherit;
	min-width: inherit;
	flex:0 0 100%;
	max-width: 33.33%;
}

/*	11.1) Advance Search Box
-------------------------------------------------------------- */
#advanced-search-box{ 
	display:none; 	
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height: auto;
	background:#fff;
	border-radius:5px;
	z-index:99999;
	padding:5px;    
	-webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.3);
}
#advanced-search-box.show{
	display:block; 
}
#advanced-search-box.show .row{
	padding:0 15px;
}

#advanced-search-box label {
	width: 100%;
}
#advanced-search-box select {
	border:1px solid #b7b7b7;
	width: 100%;
}
#advanced-search-box input {
    min-width: 36px;
	border:1px solid #b7b7b7;
}
#advanced-search-box input.col-6 {
	width: 48%;
}
#advanced-search-box .slider.slider-horizontal{
	width:100%;
}

#advanced-search-box .btn.btn-link {
    font-size:14px;
	font-weight:bold;
    color: #31BD37;
    border: none;
    text-decoration: none;
}
#advanced-search-box .btn.btn-link:hover{
	background: transparent;
}
#advanced-search-box .acc-head {
    cursor: pointer;
    padding: 8px 0px;
}
#advanced-search-box .acc-head:after{
	margin-left: 30px;
	font-size: 9px;
}
#advanced-search-box .title{
	font-size: 20px;
	font-weight: 400;
	padding-right:40px;
	color: #6684fd;
	display: inline-block;
	text-transform: capitalize;
	padding-top: 3px;
}

#advanced-search-box .card{
	border:none;
}
#advanced-search-box .card-header{
	background:transparent;
	padding:0;
	border:none;
}
#advanced-search-box .card-body{
	padding:0;
}


/*	11.2) Search Tab 
-------------------------------------------------------------- */
.search-tab{
	padding:5px 0;
	margin-bottom:15px;
	color:#7d7d7d;
	font-size:14px;
}
.search-tab .nav-tabs{
	margin-left:0px;
}
.search-tab .nav-tabs a{
	text-transform:uppercase;
	font-weight:400;
}
.search-tab .tab-content{
	padding:10px 5px 0px 5px;
	background:#ffffff;
	position:relative;
	-webkit-box-shadow: 0px 5px 5px -2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 5px 5px -2px rgba(0,0,0,0.3);
	box-shadow: 0px 5px 5px -2px rgba(0,0,0,0.3);
}
.search-tab input,
.search-tab textarea,
.search-tab select,
.search-tab .button{
	border-radius:3px;
}
.search-tab input,
.search-tab textarea,
.search-tab select{
	border-color:#d7d7d7;
	font-size:14px;
}
.search-tab .advanced-toggle{
	top:-48px;
	right:0;
	padding:12px 10px 15px 10px;
}
.search-tab .advanced-toggle button.btn-toggle{
	min-height: 1.12rem;
}
.search-tab #advanced-search-box{
	top:120px;
}
.search-tab .tag-filter li{
	max-width:25%;
}


.main-search-box{
	position:relative;
	margin-bottom:10px;
}

/* Full Search Box */
.search-full{
	position:relative;
	padding:10px 0;
	background:#ffffff;
	margin-bottom:90px;
}
.search-full .advanced-toggle{
	right: 15px;
	top: 8px;
}
.search-full #advanced-search-box{
	top: 0;
	left: inherit;
    position: relative;
    background: transparent;
    box-shadow: none;
    border-radius: 0;
    border-top: 1px solid #e7eaf0;
    padding-top: 15px;
    margin-top: 15px;
}
.has-sidebar .search-full #advanced-search-box{
    box-shadow:0px 10px 5px -5px rgba(0,0,0,0.10);
}
.search-full.shadow-bottom #advanced-search-box{
	box-shadow: none;
}
.search-full .search{
	padding:5px 0;
}

.search-absolute{
	position:relative;
	padding: 0;
	background:#ffffff;
	top:-50px;
 	-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);
    -moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);
    box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);
    z-index: 1;
	margin-bottom:40px;
}


/* Login Navigation
-------------------------------------------------------------- */
.login-nav{
	display: flex;
}
.login-nav ul{
	margin:0;
	display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    /* border-left: 1px solid #fff; */
}
.login-nav ul:first-child{
	border:none;
}
.login-nav li{
	/*border-left:1px solid #ffffff;*/
	margin: 5px 0;
}
.login-nav li.widget-bar-btn{
	padding-right: 0;
}
.login-nav a{
	height:35px;
	font-size: 38px;
}
.login-nav ul li a{
	display: flex;
    align-items: center;
    justify-content: center;
    height: 38px;
}
.login-nav a:hover{
	color:#ffc945;
}
.login-nav span{
	font-size: 13px;
	font-weight: 600;
	text-align: center;
	min-width: 105px;
}

li.buy-prop a{ background: #22c7de !important; border:0; }
li.rent-prop a{ background: #09c78f !important; border:0; }
li.add-prop a{ background: #31BD37 !important; border:0; }

/* Icon navigation links */
.icon-nav{
    margin-left: 10px;
    padding-left: 10px;
}
.icon-nav li{
	border:none;
}
.icon-nav a{
	padding-top:0;
	padding-bottom:0;
	font-size: 24px;
	border:none;
}

/* Rounded navigation links */
.rounded-nav li{
	border:none;
}
.rounded-nav a{
	padding:0 10px;
	border:1px solid #ffffff;
	border-radius:30px;
	margin-right:20px;
	font-size:18px;
	min-width: 38px;
	min-height: 38px;
}
.rounded-nav a:hover{
	opacity: 0.9;
}
.rounded-nav span{
	font-size: 12px;
	text-transform: uppercase;
	line-height: normal;
	padding: 0 18px;
	color: #ffffff;
}

.right-nav{
	display:flex;
}
.right-nav a{
}


/*==========================================================================
	13) Tabs
==========================================================================*/

.nav-tabs{
	margin: 0;
}
.nav-tabs a{
	padding:5px 10px;
}
.nav-tabs .nav-link {
	border-color:#e3e3e3;
	background:#e3e3e3;	
}
.nav-tabs .nav-link i, .mResTabAccordA i{
	margin-right: 15px;
}
.tab-title{
	color: #000000;
	text-transform: capitalize;
	font-size: 18px;
}
.tab-content .tab-pane{
	opacity: 0;
}
.tab-content .tab-pane.active{
	opacity:1;
}
.has-sidebar .nav-tabs{
	padding: 0  3.5%;
	padding-top:10px;
}


/*	Verticle Tabs 
-------------------------------------------------------------- */
.verticle-tabs{
	display: flex;
	flex-wrap: nowrap;	
	margin-bottom: 30px;
}
.verticle-tabs .nav-tabs{
	flex-direction: column;
	margin: 0;
	padding: 25px 0;
	flex:0 0 100%;
	max-width: 20%;
	min-width: 230px;
	border: none;
	border-right:1px solid #d8d7d3;
}
.verticle-tabs .nav-tabs .nav-link, .verticle-tabs .tab-content .mResTabAccordA{
	border:none;
	border-top: 1px solid #d8d7d3; 
}
.verticle-tabs .nav-tabs .nav-item:first-child .nav-link, .verticle-tabs .tab-content .mResTabAccordA:first-child{
	border-top:none;
}
.verticle-tabs .nav-tabs .nav-link{
	min-height: 45px;
	display: flex;
	align-items: center;
	padding: 15px 20px;
}
.verticle-tabs .nav-link,
.verticle-tabs .nav-link:hover,
.verticle-tabs .nav-link.active{
	border-radius: inherit;
}
.verticle-tabs .tab-content{
	flex-grow: 1;
    flex-basis: auto;
	padding: 25px;
}


/* 13.1) Tab Layout - One
-------------------------------------------------------------- */
.tablayout-one .nav-tabs{
	border:none;
}
.tablayout-one .nav-tabs li{
	border:none;
	padding-left:8px;
}
.tablayout-one .nav-tabs a,
.tablayout-one .mResAccordAnchor{
	font-weight: 500;
	font-size:18px;
	letter-spacing: 1px;
	padding:6px 20px;
	background: transparent;
	border-color: transparent;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
    color: #ffffff;
}
.tablayout-one .nav-tabs a:hover, .tablayout-one .mResAccordAnchor:hover,
.tablayout-one .nav-tabs a.active, .tablayout-one .mResAccordAnchor.active{
	border-color: #ffffff;
}
.tablayout-one .nav-tabs a.active,
.tablayout-one .mResAccordAnchor.active{
	background: #ffffff;
    color: #6d80fa;
}
.tablayout-one .search>.col, .tablayout-one .search>[class*=col-]{
	padding-left:5px;
	padding-right:5px;
}
.tablayout-one .advanced-toggle{
	top:-26px;
	right:10px;
	padding:5px 5px 5px 5px;
}
.tablayout-one .advanced-toggle span.txt{
	position: absolute;
	right: 50px;
	width: max-content;
	top: 15px;
	color:#fff;
}
.tablayout-one .tab-content{
	border-radius:5px;
}
.has-sidebar .tablayout-one .nav-tabs a,
.has-sidebar .tablayout-one .mResAccordAnchor{
	background: #aaaaaa;
	border-color: #f4f4f4;
}
.has-sidebar .tablayout-one .nav-tabs a:hover, .has-sidebar .tablayout-one .mResAccordAnchor:hover,
.has-sidebar .tablayout-one .nav-tabs a.active, .has-sidebar .tablayout-one .mResAccordAnchor.active{
	border-color: #6d80fa;
	background: #ffffff;
    color: #6d80fa;
}


/* 13.2) Tab Layout - Two
-------------------------------------------------------------- */
.tablayout-two .nav-tabs{
	padding: 0;
    margin-bottom: 14px;
	border:none;
}
.tablayout-two .nav-tabs a, .tablayout-two .mResAccordAnchor{
	font-size:15px;
	letter-spacing: 1px;
	line-height: normal;
	padding:12px 30px;
	background:#8257ae;
	color:#e9eaee;
	border: none;
	border-radius: 0;
    color: #ffffff;
}
.tablayout-two .nav-tabs a:hover, .tablayout-two .mResAccordAnchor:hover{
	background: #2f3259;
}
.tablayout-two .nav-tabs a.active,  .tablayout-two .mResTabAccordA.active{
	background:#4b395d;
	color:#e9eaee;
	position:relative;
}
.tablayout-two .nav-tabs li .active:after{
	content: "\25B2";
	color: #ffffff;
	font-size: 10px;
    position: absolute;
    bottom: -16px;
    left: calc(50% - 5px);
	z-index:1;
	text-shadow:1px -2px 3px rgba(0,0,0,0.3);
}
.tablayout-two .tab-content{
	border-radius:5px;
	padding:0;
	
	-webkit-box-shadow:0px -2px 2px rgba(0,0,0,0.2);
    -moz-box-shadow:0px -2px 2px rgba(0,0,0,0.2);
    box-shadow:0px -2px 2px rgba(0,0,0,0.2);
} 
.tablayout-two .tab-content .field{
	font-size: 16px;
	line-height:2.2;
	margin-bottom:0;
	width:100%;
	color: #7b7b7b;
}
.tablayout-two .tab-content .btn-border{
	padding:2px;
	max-width:90px;
	background:#fff;
}
.tablayout-two .advanced-toggle{
	background:#4b395d;
	top: -56px;
}
.search-tab.tablayout-two{
/*	max-width:790px; */
	max-width:900px;
}


/* 13.3) Tab Layout - Three
-------------------------------------------------------------- */
.tablayout-three .nav-tabs{
	border-width: 0 0 2px 0;
	border-color: transparent transparent #ebebeb transparent;
    position: relative;
	z-index: 1;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background: transparent;
}
.tablayout-three .tab-content{
	top:-4px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.has-sidebar .tablayout-three .nav-tabs, 
.has-sidebar .tablayout-three .mResAccordAnchor{
	background: #ffffff;
	border-radius: 0;
}
.has-sidebar .tablayout-three .tab-content{
	border-radius: 0;
}
.tablayout-three .nav-tabs li{
	margin: 0 5% -2px 0;
}
.tablayout-three .nav-tabs li a{
	margin:0;
	padding: 10px;
	color: #ffffff;
	background: transparent;
}
.has-sidebar .tablayout-three .nav-tabs li a{
	color: #000000;
}
.tablayout-three .nav-tabs li a, .mResAccordAnchor{
	border-style:solid;
	border-width: 0 0 2px 0;
	border-color: transparent transparent #ebebeb transparent;
	font-weight: 500;
	font-size:20px;
}
.tablayout-three .nav-tabs li a:hover, .tablayout-three .nav-tabs li a.active,
.tablayout-three .nav-tabs li.active > .mResTabAccordA, .tablayout-three .mResTabAccordA:hover, .tablayout-three .mResTabAccordA.active{
	color: #6585fd;
	background: transparent;
	border-color: transparent transparent #6585fd transparent;
}
.tablayout-three .advanced-toggle{
	background: transparent;
}


/* 13.4) Tab Layout - Four
-------------------------------------------------------------- */
.tablayout-four, .tablayout-four .nav-tabs, .tablayout-four .tab-content{
	background: #f9f7f7;
}
.tablayout-four{
	border:1px solid #d8d7d3;
}
.tablayout-four .nav-link{
	font-size: 14px;
	font-weight: 600;
	text-transform: capitalize;
	color: #626d99;
	background: transparent;
}
.tablayout-four .nav-link:hover, .tablayout-four .mResTabAccordA:hover{
	background: #f0f0f0;
}
.tablayout-four .nav-link:hover, .tablayout-four .nav-link.active,
.tablayout-four .nav-tabs li.active > .mResTabAccordA, .tablayout-four .mResTabAccordA:hover, .mResTabAccordA.active{
	color: #6585fd;
	background: transparent;
}
.tablayout-four .tab-title{
	color: #282050;
}




/*==========================================================================
	12) Breadcrump & Pagination
==========================================================================*/

/*	12.1) Breadcrump
-------------------------------------------------------------- */
.breadcrumb {
	background:none;
	border:none;
	font-size:14px;	
	text-align:left;
	text-transform:uppercase;
	color:#ffffff;
	margin:0;
	padding:1rem 0;
}
.breadcrumb-item.active {
    color: #5094e7;
}
.breadcrumb a {
	color:#666666;	
}
.breadcrumb-item+.breadcrumb-item::before {
    color: #000000;
	font-weight: 900;
    content: "\f054";
}
.breadcrumb a:hover {
	color:#5094e7;	
}

/*	12.2) Pagination
-------------------------------------------------------------- */
.page-navigation {
	margin:0;
	padding: 0 0 40px 0;
	width:100%;
}
.pagination {
	margin:0;
	padding:5px;
    box-sizing: border-box;
	flex-wrap: wrap;
}
.properties .pagination {
	box-shadow:0 0px 6px 0 rgba(0,0,0,0.1);
}
.page-item{
	margin:5px;
}
a.page-link{
	color:#31BD37;
	background:#ebebeb;
	border:1px solid #fff;	
	padding:5px;
	min-width:42px;
	border-radius:30px;
	text-align:center;
	font-size:18px;
	line-height:30px;
}
.page-item.prev .page-link, .page-item.next .page-link{
	border-radius:30px;
}
.page-item.disabled .page-link, .page-item.disabled:hover .page-link{
	background:#ebebeb;
	color:#666666;
	border:none;
}
.page-item:hover .page-link, .page-item.active .page-link {
	background:#31BD37;
	color:#ebebeb;	
	border:1px solid #fff;
}

.post-navigation{
    padding-bottom: 25px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.post-navigation i{
	margin:0 10px;
}
.post-navigation .previous, .post-navigation .next{
    width: 48%;
}
.post-navigation .previous a, .post-navigation .next a{
    display: block;
    text-align: center;
    background: #e5e5e5;
    color: #000;
    padding: 12px 20px;
    font-weight: 600;
	font-size:18px;
}
.post-navigation .next a:hover, .post-navigation .previous a:hover {
    color: #fff;
    background: #31BD37;
}



/*==========================================================================
	13) Heading Styles 
==========================================================================*/
.heading-style{
	width:100%;
	padding:0 0 45px;
	text-align:center;
}
.heading-style .heading{
	font-weight:bold;
}


/*	13.1) Heading Style - One 
-------------------------------------------------------------- */
.heading-style-one h2{
	font-size: 38px;
	font-weight:700;
	word-spacing: 1px;
	margin:0 auto 20px;
	text-transform: capitalize;
}
.heading-style-one .heading{
	color:#6b85fc;
}
.heading-style-one .heading.h2{
	color:#5094e7;
}
.heading-style-one .desc{
	color:#555555;
}


/*	13.2) Heading Style - Two 
-------------------------------------------------------------- */
.heading-style-two .heading{
	font-size:28px;
	margin:0 auto 20px;
	font-weight:600;
	color:#25394b;
}
.heading-style-two .desc{
	color:#666666;
	font-size:18px;
}


/*	13.3) Heading Style - Three 
-------------------------------------------------------------- */
/*.heading-style-three{
	margin:0 0 50px;
}*/
.heading-style-three .heading{
	font-size:36px;
	font-weight:600;
	color:#2f3259;
	text-transform:none;
}
.heading-style-three .desc{
	color:#333333;
}

/*	13.4) Heading Style - Four 
-------------------------------------------------------------- */
.heading-style-four{
	text-align:left;
	position:relative;
	display:flex;
	flex-wrap:nowrap;
	align-items: center;
	justify-content:space-between;
}
.heading-style.heading-style-four{
	margin-top:0;
	margin-bottom:0;
	padding-bottom:30px;
}
.heading-style-four.has-slider-nav{
	padding-right:100px;
	align-items:flex-end;
}
.heading-style-four .heading-bar{
	display:flex;
	flex-direction:column;
	width: 100%;
}
.heading-style-four .title{
	font-size:17px;
	text-transform:uppercase;
	margin-right:20px;
}
.heading-style-four .heading{
	font-size:19px;
	word-spacing: 2px;
	color:#5094e7;
	text-transform:uppercase;
	margin-right:20px;
}
.heading-style-four .heading.h2{
	text-transform:capitalize;
	font-size: 23px;
}
.heading-style-four .desc{
	margin:0;
	font-size:13px;
}
.heading-style-four .link{
	min-width: max-content;
	font-size:12px;
	font-weight: 600;
}
.heading-style-four .more-link{
	border-radius: 0;
}
.heading-style-four .view-link{
	border-radius: 30px;
}


/*	13.5) Heading Style - Five 
-------------------------------------------------------------- */
.heading-style-five{
	text-align: left;
	display: flex;
    justify-content: space-between;
}
.heading-style.heading-style-five{
	margin: 0;
}
.heading-style-five .heading{
	text-transform: capitalize;
    font-size: 1.35rem;
    font-weight: 500;
}
.heading-style-five a{
	color: #6585fd;
}
.heading-style-five a:hover{
	color: #6585fd;
}

.heading-style .desc, 
.heading-style-one .desc,
.heading-style-two .desc,
.heading-style-three .desc,
.heading-style-four .desc,
.heading-style-five .desc{
	margin-bottom:0;
}




/*==========================================================================
	14) Box Style
==========================================================================*/

/* 	14.1) User Box Style 
-------------------------------------------------------------- */
.user-box{
	display: flex;
    align-items: center;
	justify-content: space-between;
	margin-bottom:30px;
}
.user-box span{
	font-size:16px;
    display: block;
}
.user-detail {
	display: flex;
    align-items: center;
    text-transform: capitalize;
}
.user-detail label {
	font-size:24px;
	margin-top:.5rem;
    color: #000000;
}
.user-detail span {
	opacity:0.6;  /*  color: #a3a3a3;*/
}
.user-detail img.user-pic{
    border-radius: 50%;
    width: 50px;
    height: 50px;
	margin-right:10px;
}
.user-detail img.client-pic{
    border-radius: 50%;
    width: 90px;
    height: 90px;
	margin-right:30px;
	margin-bottom:5px;
	-moz-box-shadow:5px 3px 0px rgba(0,0,0,0.07);
    -webkit-box-shadow:5px 3px 0px rgba(0,0,0,0.07);
    box-shadow:5px 3px 0px rgba(0,0,0,0.07);
}
.user-detail img.agent-pic{
	border: 2px solid #fff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
}

.col-box{
	position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    min-width: 230px;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}
.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{
	position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}


/*	14.2) Listicle Box  
-------------------------------------------------------------- */
.agents-agencies.section {
	margin-bottom:60px;
}
.listicle-box{
	background:#ffffff;
	border-radius:5px;
	-moz-box-shadow: 0 0 6px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.1);
    box-shadow: 0 0 6px rgba(0,0,0,0.1);
	display:flex;
	width: 100%;
	font-size:14px;
	margin-bottom: 30px;
}
.transparent-box{
	background: transparent;
}
.listicle-box figure, .listicle-box .box-content{
	-ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.listicle-box hr{
	margin-top:0;
	margin-bottom:10px;	
	background-color:#f2f2f2;
	border-color: #f2f2f2;
	width: 100%;
	display:none;
}
.listicle-box h2{
	font-size:20px;
}
.listicle-box h6{
	color:#6b85fc;	
	font-weight: 600;
	text-transform: inherit;
}
.listicle-box p{	
	color:#666666;
	margin-bottom:.5rem;
}
.listicle-box span{
	font-weight:600;
	font-size:12px;
	text-transform:uppercase;
}
.listicle-box .price, .listicle-box .price span{
	color:#212529;
	font-weight:400;
	text-transform:capitalize;
}
.listicle-box li.price{
	display:none;
}
.listicle-box li.price:last-child {
	width:auto;
	display:flex;
}

.listicle-box figure{
	position:relative;
	margin:0;
	padding:0;
}

.listicle-box .price-area{
	font-size:22px;
	font-weight:500;
	text-transform:lowercase;
	color:#4a606e;
	line-height:normal;
}
.listicle-box .price-area small{
	display:block;
	color:#7a8e9b;
	font-weight:500;
}
.listicle-box .user-box{
	padding:0 15px;
	margin-bottom:0;
}
.listicle-box .time{
	color:#4a606e;
}
.listicle-box .time i{
	color:#b3babf;
	margin-right:5px;
}
.listicle-box .star{
	position:absolute;
	z-index:1;
	top:10px;
	right:8px;
	background:#ee232b;
	padding:2px 3px 1px 3px;
	border-radius:50%;
	font-size:9px;
	color:#ffffff;
	max-width:22px;
}
.listicle-box .star i{
	color:#ffffff;
}
.listicle-box .info{
	position:absolute;
	z-index:1;
	top:10px;
	left:8px;
	display:flex;
	width:max-content;
}
.listicle-box .info span{
	color:#ffffff;
	font-size:11px;
	line-height:normal;
	padding:1px 5px;
	margin-right:5px;
}

.listicle-box p.type{
	color:#50a5ed;
	font-size:12px;
	text-transform:uppercase;
}
.listicle-box .user-box .user-detail {
	position:relative;
	top:inherit;
	right:inherit;
	font-size:14px;
}


/* 	14.2.1) Box Content 
-------------------------------------------------------------- */
.box-content{
	padding-top:18px;
	max-width:100%;
	display: flex;
    flex-direction: column;
    align-items: baseline;
	position:relative;
}
.box-content ul{
	list-style:none;
	margin:0;
	padding:0;
}
.box-content li{	
	color:#666666;
	margin-bottom:12px;
}

/* 	14.2.2) Box Detail 
-------------------------------------------------------------- */
.box-detail{
	padding-left:20px;
	padding-right:20px;
	display:flex;
	flex-direction:column;
	margin-bottom:.5rem;
	width: 100%
}
.box-detail ul{
	margin:10px 0;/* added for agent section */
	padding:5px 0;
}
.box-detail li{
	position:relative;
	padding-left:30px;
}
.box-detail li i{
	position:absolute;
	left:1px;
	top:3px;
}
.box-detail i{
	color:#31BD37;
	margin-right:5px;
	font-size:15px;
}

/*	14.2.3) Box Meta 
-------------------------------------------------------------- */
.box-meta{
	padding-left:20px;
	padding-right:20px;
	margin-bottom:.5rem;
	width: 100%;
}
.box-meta i{
	color:#31BD37;
}
.box-meta a{
	color:#666666;
}
.box-meta a:hover{
	color:#0056b3;
}

/* Property detail List 
-------------------------------------------------------------- */
.box-meta ul{
	list-style:none;
	margin:0;
	padding:0;
    width: 100%;	
	display:flex;
    flex-wrap: nowrap;
}
ul.icons-inline, ul.text-inline{
	display:flex;
	flex-wrap:wrap;
	align-items: center;
}
.box-meta .sqft, .box-meta .price{
	display:flex;
}

/* Property Icon List */
ul.icons-inline .title{
	text-transform:uppercase;
	font-weight:600;
}
ul.icons-inline li span{
	display:none;
	font-size:14px;
	font-weight:normal;
	text-transform:none;
}
ul.icons-inline .sqft,
ul.icons-inline .period{
	flex-direction:row-reverse;
}
ul.icons-inline .sqft span,
ul.icons-inline .period span{
	display:inline-block;
	margin-right:auto;
	margin-left:5px;
}
ul.icons-inline .sqft{
	background:url('../images/i-sqft.png') no-repeat;
}
ul.icons-inline .bed{
	background:url('../images/i-bed.png') no-repeat;
}
ul.icons-inline .bath{
	background:url('../images/i-bath.png') no-repeat;
}
ul.icons-inline .car{
	background:url('../images/i-car.png') no-repeat;
}
ul.icons-inline .pool{
	background:url('../images/i-pool.png') no-repeat;
	padding-right:0 !important;
}
ul.icons-inline .bhk{
	background:url('../images/i-bhk.html') no-repeat;
}

/* Property Text List 
-------------------------------------------------------------- */
ul.text-inline li.view{
	margin-left:auto;
	text-transform:uppercase;
	text-align: center;
	background:#31BD37;
	color:#ffffff;
	padding:7px;
	width: 40%;
	min-width: 140px;
	max-width: 185px;
	font-size:18px;
}
ul.text-inline li span{
	display:inline-block;
	font-weight:400;
	font-size:14px;
	text-transform:none;
	margin-right: 5px;
}
ul.text-inline li::before{
	position:relative;
	content:'|';
	font-weight:400;
	font-size:14px;
	padding:0 5px;
}

/* Li separate with slash 
-------------------------------------------------------------- */
ul.text-inline.slash li{
	font-weight:bold;
	font-size:14px;
}
ul.text-inline.slash li span{
	text-transform:uppercase;
}
ul.text-inline.slash li::before{
	content:'/';
}


ul.text-inline li:first-child::before, ul.text-inline li.view::before,
ul.text-inline li.price::before{
	display:none;
}



/* text in Uppercase
-------------------------------------------------------------- */
ul.text-inline.uppercase li span{
	text-transform: uppercase;
}

/* text with Colon */
ul.text-inline.show-colon li span::after{
	position:relative;
	content:':';
	font-size:14px;
}

/* text with dash */
ul.text-inline.show-dash li span::after{
	position:relative;
	content:'-';
	font-size:14px;
}

/* Property Facilities 
-------------------------------------------------------------- */
ul.facilities{
	margin: 0;
	padding: 10px 0 0 0;
	width: 100%;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
}
ul.facilities li{
	flex: 0 0 100%;
	max-width:25%;
	padding: 4px 10px 4px 20px;
	position: relative;
	line-height: normal;
	height: 42px;
	overflow: hidden;
}
ul.facilities li:before{
	position: absolute;
	left: 0;
	top:6px;
  	font-family: "FontAwesome";
	font-weight: 900;
	font-size: 14px;
	content: '\f068';
}
ul.facilities li:not(.available){
	color: #b5b5b5;
}
ul.facilities li.available:before{
	content: '\f00c';
	color: #8bcf5d;
}


/* 	14.2.1) Box Links 
-------------------------------------------------------------- */
.box-links{
	width: 100%;
}
.box-links ul{
	list-style:none;
	margin:10px 0 0 0;
	padding:0;	
    width: auto;	
	display:flex;
    flex-wrap: wrap;
	justify-content: space-between;
	align-items:center;
	border-top:1px solid #e5e5e5;
}
.box-links li{
	width:16%;
	min-width:42px;
	min-width:40px; /* for map-listing=home-7*/
	min-width:36px; /* for responsive */
	margin:0;
	padding:10px 0;
	border-left:1px solid #e5e5e5;
	text-align:center;
	/*font-size:20px;*/
	color:#080808;
	display: flex;
    justify-content: center;
}
.box-links li:first-child{
	border:none;
}
.box-links li.view{
	flex-basis: auto;
    flex-grow: 1;
}
.box-links li.view i{
	display:none;
}
.box-links li.view span{
	text-transform:uppercase;
}
.box-links li.view.show span{
	color: #6f72d2;
	margin-left: 15px;
}
.box-links li a{
	padding:5px;
	display: flex;
    align-items: center;
}
.box-links li:last-child a{
	border-right:none;
}

/* Round Box Links 
-------------------------------------------------------------- */
.box-links .round-links li{
	border-radius:50%;
	height:40px;
	width:40px;
	max-width:40px;
	padding:8px;
	margin:0 5px;
	font-size:16px;
	border:1px solid #e5e5e5;
	background:#ffffff;
}
.round-links li.clone a{
	color:#5094e7;
}
.round-links li.heart a{
	color:#ff00c6;
}
.round-links li a{
	opacity:0.5;
}
.round-links li:hover a{
	opacity:1;
}


/* -------------------------------------------------------------- 
	13.2.1)	quicklink Box Style 
-------------------------------------------------------------- */
.quicklink-box{
	border:1px solid #e5e5e5;
	display:flex;
	flex-wrap:nowrap;
	align-items:center;
	width:100%;
}
.quicklink-box.listicle-box{ flex-direction: row; }
.quicklink-box .quicklink{
	flex-basis: auto;
    flex-grow: 1;
	border-left:1px solid #e5e5e5;
	padding:12px 15px;
	max-width:calc(100% - 64px);
}
.quicklink-box .icon{
	text-align:center;
	min-width:64px;
	width:64px;
}
.quicklink-box .icon i{
	font-size:34px;
	color:#31BD37;
}
.quicklink-box h6{
	text-transform:none;
	font-weight:500;
	font-size:15px;
	color: #212529;
	margin-bottom:6px;
	display:block;

    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.quicklink-box a{
	color:#897df0;
	display:block;
}




/*==========================================================================
	15) Layout Styles
==========================================================================*/

/* --------------------------------------------------------------
 	15.1)	Grid layout Style 
-------------------------------------------------------------- */
.grid-layout .col-box, 
.gridbox-layout .col-box{
    max-width: 25%;
}
.has-sidebar .grid-layout .col-box,
.has-sidebar .gridbox-layout .col-box{
    max-width: 33.333333%;
}
.map-side-listings .grid-layout .col-box, 
.map-side-listings .gridbox-layout .col-box{
    max-width: 50%;
}
#map-side-listings.properties {
	padding:0 10px 0;
}

.grid-layout .listicle-box,
.gridbox-layout .listicle-box{
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-direction: column;
/*
	display:block;
	height: 100%;
    margin-bottom: 0;
    */
}
.grid-layout hr,
.gridbox-layout hr{
	display:block;
}
.grid-layout figure, .grid-layout .box-content, 
.gridbox-layout figure, .gridbox-layout .box-content{
	flex:0 0 100%;
	max-width:100%;
}

.grid-layout ul.icons-inline li,
.gridbox-layout ul.icons-inline li{
	width:25%;
	padding-right:8px;
	min-width: 41px;
}
.grid-layout ul.icons-inline .sqft,
.gridbox-layout ul.icons-inline .sqft{
	width:100%;
}
.grid-layout .box-links ul,
.gridbox-layout .box-links ul{
	width:100%;
}
.grid-layout .user-detail,
.gridbox-layout .user-detail{
	font-size:0;
	position:absolute;
	z-index:1;
	top:-20px;
	right:15px;
}
.grid-layout .user-box .user-detail,
.gridbox-layout .user-box .user-detail {
	position:relative;
	top:inherit;
	right:inherit;
	font-size:14px;
}
.grid-layout .price, .grid-layout .price span,
.gridbox-layout .price, .gridbox-layout .price span{
	font-size:15px !important;
	text-transform:capitalize !important;
	line-height: normal !important;
	font-weight:600 !important;
	color: #212529 !important;
	color: #282050 !important;/* for favorites page */
	filter: none !important;
}
.grid-layout .price,
.gridbox-layout .price{
	position:absolute;
	z-index:1;
	left:20px;
	top:-40px;
	background:#ffffff;
	padding:2px 10px;
	border-radius:3px;
	-moz-box-shadow:0px 2px 3px #000000;
    -webkit-box-shadow:0px 2px 3px #000000;
    box-shadow:0px 2px 3px #000000;
}
.grid-layout .price.big,
.gridbox-layout .price.big{
	padding:5px 12px;
	font-size:20px !important;
	top: -65px;
}
.grid-layout ul.text-inline li.price::before, .grid-layout ul.text-inline li.price::after,
.gridbox-layout ul.text-inline li.price::before, .gridbox-layout ul.text-inline li.price::after{
	display: none;
}

.grid-layout ul.round-links,
.gridbox-layout ul.round-links{
	display:flex;
	justify-content:flex-end;
	padding:10px 15px;
	margin: 0;
}
.gridbox-layout ul.round-links.on-top{
	position:absolute;
	top:-20px;	
	right: -3px;
	padding:0;
	border:none;
	justify-content: flex-end;
}
.grid-layout ul.round-links,
.gridbox-layout ul.round-links{
	/* position:relative;	-> not reqire in home-2 */
	justify-content:flex-start;
	width: 100%;
	padding-right:50px;
}
.grid-layout .round-links li,
.gridbox-layout .round-links li{
	margin: 0 10px 0 0;
}
.grid-layout .round-links li.view,
.gridbox-layout .round-links li.view{
	position:absolute;
	right:15px;
	margin: 0;
}
.grid-layout .round-links li.view i,
.gridbox-layout .round-links li.view i{
	display:inline-block;
}
.grid-layout .round-links li span,
.gridbox-layout .round-links li span{
	display:none;
}

.grid-layout .location.icon-fix,
.gridbox-layout .location.icon-fix{
	max-height:48px;
	min-height: 18px;
}

/* 15.1.1)	Grid Layout 
-------------------------------------------------------------- */
.grid-layout .listicle-box{
	box-shadow: none;
	margin: 10px 0 20px 0;
}
.grid-layout .location,
.grid-layout ul.text-inline li span,
.grid-layout ul.text-inline li::before{
	font-size: 12px;	
}
.grid-layout ul.text-inline li{
	font-weight: 600;
	line-height: 16px;
}
.grid-layout .listicle-box h2{
	font-size: 15px;
	height: 36px;
	overflow: hidden;
}
.grid-layout figure img{
	border-radius:4px;
}
.grid-layout .listicle-box .star,
.grid-layout .listicle-box .info{
	top:-8px;
}
.grid-layout .box-content li{
	margin: 0;
}
.grid-layout .box-detail, .grid-layout .box-meta, .grid-layout .box-links{
	padding: 0;
}
.grid-layout .box-links ul{
	border-color: transparent;
	align-items: baseline;
}
.grid-layout .box-links li{
	/*
	min-width: inherit;
	width: auto;
	padding-left: 3%;
	margin-left: 3%;
	*/
	border: none;
	min-width: 34px;
	justify-content: flex-end;
}
.grid-layout .box-links li.view{
	justify-content: flex-start;
	padding:0;
	margin:0;
}
.grid-layout ul.text-inline li{
	display: flex;
	flex-direction: row-reverse;
}
.grid-layout ul.text-inline li::after{
	content: '-';
	margin:0 5px;
}
.grid-layout ul.text-inline li.sqft::before{
	content: '/';
	display: block;
}
.grid-layout ul.text-inline li span{
	margin: 0 0 0 5px;
}
.grid-layout ul.text-inline li::before,
.grid-layout ul.text-inline li.sqft::after,
.grid-layout ul.text-inline li.bed::after{
	display: none;
}


/* 15.1.2)	GridBox Layout 
-------------------------------------------------------------- */
.gridbox-layout .listicle-box h2{
	font-size: 20px;
}
.properties .gridbox-layout .listicle-box h2,
.blog .gridbox-layout .listicle-box h2{
	height: 48px;
	overflow:hidden;
}
.gridbox-layout figure img{
	border-top-left-radius:4px;
	border-top-right-radius:4px;
}
.properties .gridbox-layout h2.title{
	height:auto;
}


/*--------------------------------------------------------------
 	15.2)	Tiles layout Style 
-------------------------------------------------------------- */
.tiles-layout .col-box,
.tilesbox-layout .col-box{
	-ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.tiles-layout figure,
.tilesbox-layout figure{
    max-width: 43%;
}
.map-side-listings .tiles-layout figure,
.map-side-listings .tilesbox-layout figure{
    max-width: 47%;
}


/* 	15.2.1)	TilesBox Layout 
-------------------------------------------------------------- */
.tilesbox-layout{
}
.tilesbox-layout .listicle-box h2{
	font-size:24px;
	max-height: 70px;
    overflow: hidden;
}
.tilesbox-layout .box-content{
    max-width: 48%;
	padding-top:15px;
	padding-bottom:55px;
	justify-content:baseline;
}
.map-side-listings .tilesbox-layout .box-content{
    max-width: 44%;
}
.tilesbox-layout ul.icons-inline .sqft {
    width: 100%;
}
.tilesbox-layout ul.icons-inline li {
    width: 25%;
    padding-right: 8px;
}
.tilesbox-layout .box-links{
	position:absolute;
	display:flex;
	flex-direction:column;
    max-height: 100%;
	height:100%;
	width: 19%;
	min-width:45px;
	top:0;
	left:100%;
	border-left:1px solid #e5e5e5;
}
.map-side-listings .tilesbox-layout .box-links{
	width:21%;	
}
.tilesbox-layout .user-detail{
	font-size:0;
	justify-content:center;
	border-bottom:1px solid #e5e5e5;
	height:25%;
	min-height: 40px;
}
.tilesbox-layout .box-links ul{
	flex-direction:column;
	flex-basis: auto;
    flex-grow: 1;
	justify-content:space-around;
	height:75%;
	margin:0;
	border:none;
}
.tilesbox-layout .box-links li{
	border:none;
	border-bottom:1px solid #e5e5e5;
	width:100%;
	padding: 0;
	height: 33.33%;
}
.tilesbox-layout .box-links li:last-child{
	border:none;
}
.tilesbox-layout .box-links li.view{
	position:absolute;
	bottom:15px;
	left:-510%;
	padding:0;
	border:none;
	width:auto;
	height: auto;
	margin:0;
}
.tilesbox-layout .box-links li.view a{
	background:#31BD37;
	color:#ffffff;
	padding:3px 12px;
}
.tilesbox-layout .box-links li.view a:hover{
	background:#f97744;
}
.tilesbox-layout li.price{
	display:none;
}
.tilesbox-layout li.price:last-child{
	width:auto;
	display:flex;
}
.tilesbox-layout li.price span{
	display:none;
}
.tilesbox-layout li.price, .tilesbox-layout li.period span{
	font-size:17px;
	font-weight:600;
}
.tilesbox-layout li.price{
	position:absolute;
	z-index:1;
	bottom:15px;
	left:-86%;
	background:#ffffff;
	padding:0 10px;
	margin: 0;
	border-radius:5px;
	-moz-box-shadow:0px 2px 3px #000000;
    -webkit-box-shadow:0px 2px 3px #000000;
    box-shadow:0px 2px 3px #000000;
}
.tilesbox-layout .price big{
	padding:5px 12px;
}


/* 	15.2.2)	Tiles Layout 
-------------------------------------------------------------- */
.tiles-layout .listicle-box{
	max-height: 315px;
}
.tiles-layout .zoom-img{
	height: 100%;
}
.tiles-layout figure img{
	border-top-left-radius:4px;
	border-bottom-left-radius:4px;
	height: 100%;
}
.tiles-layout .listicle-box .info{ width: 100%; }
.tiles-layout .box-content{
	max-width: 57%;
	padding-top:40px;
	padding-bottom:15px;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}
.tiles-layout .box-detail, .tiles-layout .box-meta, .tiles-layout .box-links{
	padding:10px 15px 10px 30px;
	margin:0;
}
.tiles-layout .listicle-box h2{ 
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.tiles-layout ul.property-list{ display:none }
.tiles-layout .listicle-box,
.tiles-layout .property-type{
	display:flex;
	flex-direction:row;
}
.tiles-layout .box-detail{
	border-bottom: 1px solid #edf4fd;
}
.tiles-layout .box-links{
	border-top:1px solid #edf4fd;
	padding-bottom: 0;
	display:flex;
	justify-content:space-between;
	align-items: center;
}
.tiles-layout .box-links ul{
	border:none;
	min-width: 184px;
}
.tiles-layout .box-links li{
	border-radius:30px;
	background:#a7c9f3;
	margin-left:10px;
	margin-right:0;
	height:36px;
	width:auto;
	min-width:36px;
	padding:6px 0;
	font-size:16px;
}
.tiles-layout .box-links li:hover{
	background:#5094e7;
}
.tiles-layout .box-links li a{
	opacity:1;
	padding:2px 8px;
	color:#ffffff;
}
.tiles-layout .box-links li.view a{
	padding:2px 20px;
	line-height:normal;
}
.tiles-layout .user-detail{ white-space:normal; line-height: normal; max-height: 40px; }
.tiles-layout .info span.type{
	position:absolute;
	left:100%;
	top:8px;
	margin-left:22px;
}
.tiles-layout p.type{
	position:absolute;
	top:20px;
	background:#ff00c6;
	color:#ffffff;
	font-weight:600;
	padding:3px 8px;
}
.tiles-layout li.price:last-child{
	padding:0;
	width: 100%;
	margin: 0;
}
.tiles-layout .price, .tiles-layout .price span{
	font-size:22px;
	line-height: 20px;
}
.tiles-layout .user-box{
	padding:5px 0 0 0;
	width:100%;
}
.tiles-layout .user-box p{
	margin:0;
}
.tiles-layout .user-detail img.agent-pic{
	margin-right:10px;
	border:none;
}


/* --------------------------------------------------------------
 	15.3)	List Layout Style 
-------------------------------------------------------------- */
.listbox-layout .list-heading,
.list-layout .list-heading{
	display:block;
}
.listbox-layout .col-box,
.list-layout .col-box{
	-ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.listbox-layout .listicle-box,
.list-layout .listicle-box{
	display:flex;
	flex-wrap: nowrap;
	flex-direction:row;
	margin-bottom: 0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
.listbox-layout .listicle-box::-webkit-scrollbar-track,
.list-layout .listicle-box::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
	background-color: #cab3f3;
}
.listbox-layout .listicle-box::-webkit-scrollbar,
.list-layout .listicle-box::-webkit-scrollbar {
	height:5px;
	background-color: #F5F5F5;
}
.listbox-layout .listicle-box::-webkit-scrollbar-thumb,
.list-layout .listicle-box::-webkit-scrollbar-thumb {
	background-color: #9568e8;
	border: 2px solid #757cf3;
}
.listbox-layout .listicle-box .star,
.list-layout .listicle-box .star{
	border-radius: 0; right: inherit; left: 8px; width: 16px; height: 16px; padding:2px 3px;
}
.listbox-layout .box-content,
.list-layout .box-content{
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    flex-grow: 1;
    flex-basis: auto;
    flex: auto;
    max-width: inherit;
	min-width: 635px;
	width: auto;
	padding-left: 30px;	
}
.my-properties .listbox-layout .box-content, .my-properties .list-layout .box-content,
.latest-properties .listbox-layout .box-content, .latest-properties .list-layout .box-content{ min-width: 650px; }
.listbox-layout .box-detail, .listbox-layout .box-meta, .listbox-layout .box-links,
.list-layout .box-detail, .list-layout .box-meta, .list-layout .box-links{
	margin:.4rem 0 0 0;
	padding-left:0;
	padding-right:15px;
	width: auto;
}
.listbox-layout .box-meta, .list-layout .box-meta{
	padding-right: 0;
}

.listbox-layout .box-detail,
.list-layout .box-detail{
	flex-direction: column-reverse;
	width: 100%;	
}
.listbox-layout .box-detail h2,
.list-layout .box-detail h2{
	font-size: 18px;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
	margin-bottom:0;
}

.listbox-layout .box-links,
.list-layout .box-links{
	display: flex;
	width: auto;
}

.listbox-layout .box-links ul,
.list-layout .box-links ul{
	border:none;
	margin: 0 0 10px 0;
}
.listbox-layout .box-links ul li,
.list-layout .box-links ul li{
	border:1px solid #ebebeb;
	border-radius: 30px;
	min-width: inherit;
	width: 37px;
	height: 37px;
	margin-left: 10px;
	flex-grow:unset;
}
.wrapper .listbox-layout .box-links ul li:first-child, .wrapper .list-layout .box-links ul li:first-child{
	margin-left: 0;
}


.listbox-layout .box-links .user-detail, .list-layout .box-links .user-detail,
.listbox-layout .box-links ul li.map-marker, .list-layout .box-links ul li.map-marker,
.listbox-layout .box-links ul li.exchange, .list-layout .box-links ul li.exchange,
.listbox-layout .box-links ul li span, .list-layout .box-links ul li span{
	display: none;
}
.listbox-layout .box-links ul li i,
.list-layout .box-links ul li i{
	display: block;
}
.listbox-layout .box-links li a,
.list-layout .box-links li a{
	color: #bcbdfd;
}
.listbox-layout .box-links li a:hover,
.list-layout .box-links li a:hover{
	color: #31BD37;
}

.listbox-layout .box-meta ul,
.list-layout .box-meta ul{
	flex-wrap: nowrap;
}
.listbox-layout .box-meta li, 
.list-layout .box-meta li{
	padding:2px 10px 2px 0;
	color:#333333;
	display:flex;
	flex-flow:column;
	margin:3px 0;
}
.listbox-layout .box-meta li::before,
.list-layout .box-meta li::before{
	display: none;
}
.listbox-layout .box-meta li span,
.list-layout .box-meta li span{
	display:block;
	margin:0;
	text-transform:uppercase;
	color:#adadad;
}
.listbox-layout .box-meta li, .listbox-layout .box-meta li span, 
.list-layout .box-meta li, .list-layout .box-meta li span{
	font-size:14px;
	font-weight:bold;
	margin:0;
}
.listbox-layout .box-meta li span, .list-layout .box-meta li span{
	font-size:10px;
}
.listbox-layout .listicle-box ul.icons-inline li,
.list-layout .listicle-box ul.icons-inline li{
	background:none;
}

.listbox-layout .box-meta .pool,
.list-layout .box-meta .pool{
	display:none;
}
.listbox-layout .box-meta li,
.list-layout .box-meta li{
	width:70px;
}

.listbox-layout .box-meta li.sqft,
.list-layout .box-meta li.sqft{
	width:80px;
}

.listbox-layout .box-meta  li.price, .listbox-layout .box-meta li.period, 
.list-layout .box-meta li.price, .list-layout .box-meta li.period{
	width:115px;
}



/* 	15.3.1)	List Layout 
-------------------------------------------------------------- */
.list-layout .listicle-box{
	border:1px solid #ebebeb;
	box-shadow: none;
}
.list-layout .list-heading .title,
.list-layout figure{
	width: 20%;
	max-width: 20%;
	min-width: 150px;
	flex: 0 0 100%;
}

.list-layout .box-content{
	padding-top: 30px;	
}
.list-layout ul.text-inline li::before{
	display:none;
}
.list-layout .listicle-box .info{ 
	width: 100%; 
	padding-left:25px;
}
.list-layout .info span:not(.type){
	font-size:0;
	padding:8px;
}
.list-layout .info span.type {
    position: absolute;
    left: 100%;
    top:0;
    margin-left: 22px;
	font-size:11px;
	letter-spacing:1px;
}


/* 	15.3.2)	Listbox Layout 
-------------------------------------------------------------- */
.listbox-layout .col-box .listicle-box{
	padding:4px;
	margin: 2px 0;
	border: 1px solid #ebebeb;
	width: 100%;
}
.listbox-layout .listicle-box{
	padding: 5px 0;
}
.listbox-layout .list-heading .title,
.listbox-layout figure{
	max-width:130px;
	width: 130px; 
}
.listbox-layout figure img{
	min-width: 130px;
	max-height: 100px;
}

.listbox-layout .info{
	left:145px;
	top:5px;
	max-width: calc(100vh - 145px);
} 
.listbox-layout .listicle-box .info{
	padding-left:15px;
}
.listbox-layout .info span{ 
	background: none; 
	color: #5786e8; 
	padding: 0;
	margin-right: 10px;
	position: relative;
} 
.listbox-layout .info span::after{ 
	position: absolute;
	content: '\0131';
	padding-left: 3px;
	color: #ee232b;
}
.listbox-layout .info span:last-child::after{
	display: none;
}
.listbox-layout .box-content{
	padding-top:25px;	
}
.listbox-layout .box-detail, .listbox-layout .box-meta, .listbox-layout .box-links{
	margin: 0;
}
.listbox-layout .location{
	display: none;
}



/* Related Box 
-------------------------------------------------------------- */
.reladed-box .listicle-box h2{
	font-size:0.99rem;
	height:inherit;
}
.reladed-box .title{
	font-size:2.3rem;
}
.reladed-box .title span{
	font-weight:300;
}
.reladed-box figure img{
	border-radius:0;
}
.related h5{ margin-top: 25px; }



/* -------------------------------------------------------------- 
	15.4)	List with thumb Style 
-------------------------------------------------------------- */
.list-thumb{
	margin:0;
	padding:0;
}
.list-thumb .list-item{
	display:flex;
	flex-wrap: nowrap;
	width: 100%;
}
.list-thumb .thumb,
.list-thumb .detail{
	padding-bottom: 10px;
}
.list-thumb .thumb{
	margin-right: 15px;
	max-width: 30%;
	flex:0 0 50%;
}
.list-thumb .thumb img{
	width: 100%;
	max-width: max-content;
	object-fit: cover;
	height: 100%;
}
.list-thumb .detail{
	flex-grow: 1;
	flex-basis: auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin-top: -3px;
}
.list-thumb .detail a{
	line-height: normal;
	max-height: 35px;
    overflow: hidden;
	display: block;
	line-height: 1.2;
}
.list-thumb .detail span{
	color: #949494;
}
.list-thumb .detail .cat a{
    margin-bottom: 0;
    margin-right: 10px;
    text-transform: capitalize;
    font-size: 13px;
}
html .list-thumb .detail .cat a{
    color: #5786e8;
}
html .list-thumb .detail .cat a:hover{
    color: #757cf3;
}


/* 	15.1) list thumb - One 
-------------------------------------------------------------- */
.widget .list-thumb-one{
	padding:10px 12px;
}
.list-thumb-one .thumb{
	flex:0 0 100px;
	max-width: 100px;
	max-height: 85px;
}
.list-thumb-one .detail a{
	max-height: 51px;
}
.list-thumb-one .detail span{
	margin-bottom: 10px;
}


/* 	15.2) list thumb - Two 
-------------------------------------------------------------- */
.widget .list-thumb-two{
	padding:0 12px;
}
.list-thumb-two .list-item{
	line-height: normal;
	border-top:1px solid #e5e5e5;
	padding-top:20px;
	padding-bottom:10px;
	margin:0;
}
.list-thumb-two .list-item:first-child{
	border:none;
}
.list-thumb-two .thumb{
	flex:0 0 40%;
	max-width: 130px;
	max-height: 110px;
	margin-right: 12px;
}
.list-thumb-two .detail a{
	font-weight: 600;
	max-height: 56px;
	margin-bottom: 5px;
}
.list-thumb-two .detail span{
	display: block;
    line-height: normal;
    font-weight: 500;
	color: #a8a8a8;
}
.list-thumb-two .detail .price{
	color: #000;
}
.list-thumb-two .detail .cat a{
    text-transform: uppercase;
}

/* 	15.3) list thumb - Squre 
-------------------------------------------------------------- */
.list-sqr-thumb{
	margin:0;
	padding:0;
}
.list-sqr-thumb .list-item{
	display:flex;
	margin:0;
	background:#ffffff;
	border:1px solid #e1e1e1;
	border-top: none;
	padding:15px;
}
.list-sqr-thumb .list-item:first-child{
	border-top:1px solid #e1e1e1;
}
.list-sqr-thumb .list-item .thumb{
	margin-right:15px;
	max-width: 80px;
	padding: 0;
}
.list-sqr-thumb .list-item .thumb img{
	border:1px solid #e1e1e1;
	width:80px;
	height:70px;
}
.list-sqr-thumb .list-item .detail .title{ 
	font-weight:500; 
	font-size:16px; 
	text-transform: capitalize;
	margin-bottom: .5rem;
}

/* .box-detail p */
.listicle-box h2.title, .box-content li, .user-detail{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}


/*==========================================================================
	16) Section Styles 
==========================================================================*/
.relative-section{ position: relative; }
.relative-container .container{ margin-left: 0; max-width:100%; position:relative; }
.relative-section .relative-container{ padding-left:15px; }
.section{
	/*padding-top:30px;
	margin-bottom: 90px;*/
	z-index: 1;
	/* affects on searchbox on home-1
	position:relative; */
}
section.relative{
	position: relative;
}

.section-block{
	display:flex;
	flex-direction:column;
    align-items: center;
	text-align:center;
	color:#555555;
}
.section-block .title{
	font-weight:600;
	word-spacing: 1px;
	text-transform: capitalize;
}
.section-block h4.title{
	font-size: 1.25rem;
	font-weight: 500;
}
.section-block .img-bg{
	margin-bottom:10px;
	display: flex;
    align-items: center;
    justify-content: center;
	width:110px;
	height:110px;
}
.section-block .img-bg img{
	width:64px;
	height:64px;
}
.section-block .img-bg img.icon{
	width:130px;
	height:130px;
}

.section-block.list-block{
	flex-direction:row;
	flex-wrap:wrap;
	text-align:left;
}
.section-block.list-block .img-bg{
	width:110px;
	min-width:110px;
	height:110px;
	background-size:100% 100%;
	margin-right: 20px;
}
.section-block.list-block .section-detail{
	flex-basis: auto;
    flex-grow: 1;
    width: 65%;
}
article.propertylists {
	margin-bottom:30px;	
}
article.properties.section {
	margin-bottom:60px	
}
article.service {
	margin-bottom:60px;	
}


.img-bg.home{
	background:url('../images/i-home-bg.png') no-repeat center center;
}
.img-bg.agent{
	background:url('../images/i-agent-bg.png') no-repeat center center;
}
.img-bg.listing{
	background:url('../images/i-listing-bg.png') no-repeat center center;
}
.img-bg.world{
	background:url('../images/i-world-bg.png') no-repeat center center;
}
.img-bg.fast{
	background:url('../images/i-fast-bg.png') no-repeat center center;
}
.img-bg.building{
	background:url('../images/i-building-bg.png') no-repeat center center;
}
.img-bg.commission{
	background:url('../images/i-commission-bg.png') no-repeat center center;
}
.img-bg.assistant{
	background:url('../images/i-assistant-bg.png') no-repeat center center;
}
.img-bg.insure{
	background:url('../images/i-insure-bg.png') no-repeat center center;
}
.img-bg.loan{
	background:url('../images/i-loan-bg.png') no-repeat center center;
}
.img-bg.service{
	background:url('../images/i-service-bg.png') no-repeat center center;
}
.img-bg.choice{
	background:url('../images/i-choice-bg.png') no-repeat center center;
}
.img-bg.trust{
	background:url('../images/i-trust-bg.png') no-repeat center center;
}
.img-bg.prefer{
	background:url('../images/i-prefer-bg.png') no-repeat center center;
}
.img-bg.expert{
	background:url('../images/i-expert-bg.png') no-repeat center center;
}


.img-bg.pt_total{
	background:url('../images/pt_total-bg.png') no-repeat center center;
}
.img-bg.pt_sale{
	background:url('../images/pt_sale-bg.png') no-repeat center center;
}
.img-bg.pt_buy{
	background:url('../images/pt_buy-bg.png') no-repeat center center;
}

.choices .section-block .img-bg{
	width: 220px;
	height: 220px;
}

.countings .section-block{
	font-weight:600;
	font-size:20px;
	color:#000000;
}
.countings .section-block .img-bg{
	width: 175px;
	height: 175px;
}
.countings .big{
	display: inherit;
}

/* Icon List Style 
-------------------------------------------------------------- */
.icon-list{
	list-style:none;
	margin:0;
	padding:0;
	display:flex;
	flex-wrap: wrap;
	width: 100%;
}
.icon-list li{
	display:flex;
	flex-direction: column;
	align-items:center;
	justify-content:center;
	margin-right:9%;
	padding-bottom:20px;
	font-size:18px;
}
.icon-list li .icon{
	border:1px dashed;
	border-radius:50%;
	width:70px;
	height:70px;
	margin-bottom:5px;
	display:flex;
	align-items:center;
	justify-content:center;
}
.icon-list li i{
	font-size:30px;
}


ul.icons-inline{
	list-style:none;
	margin:0;
	padding:0;
    width: 100%;	
	display:flex;
}
ul.icons-inline li{
	padding:4px 30px;
	min-width:47px;
	color: #333333;
	font-weight: 600;
}





/* section background colors 
-------------------------------------------------------------- */
.bg-22c7de{
	background-color: #22c7de;
}
.bg-09c78f{
	background-color: #09c78f;
}
.bg-1c95e6{
	background-color: #31BD37;
}

/* violate */
.bg-757cf3{
	background-color:#757cf3;
}
.bg-f3f1fe{
	background-color:#f3f1fe;
}
.bg-344076{
	background-color:#344076;
}

/* sky */
.bg-2e566f{
	background-color:#2e566f;
}
.bg-5094e7{
	background-color:#5094e7;
}
.bg-dffcff{
	background-color:#dffcff;
}
.bg-eafdff{
	background-color:#eafdff;
}
.bg-f1f9fe{
	background-color:#f1f9fe;
}

/* gray */
.bg-f4f4f4{
	background-color:#f4f4f4;
}
.bg-f8f8f8{
	background-color:#f8f8f8;
}
.bg-f8f7f7{
	background-color:#f8f7f7;
}
.bg-fafafa{
	background-color:#fafafa;
}

.bg-pattern{
	background-image:url('../images/bg-pattern.png');
	background-repeat:repeat;
}
.bg-dots{
	position:absolute;
	top:0;
	z-index:1;
	background-image:url('../images/bg-dots.png');
	background-repeat:repeat;
	background-size:100%;
	max-width:1780px;
	width:100%;
	height:100%;
}
.bg-bolls{
	position:absolute;
	top:0;
	z-index:1;
	background-image:url('../images/bg-bolls.html');
	background-repeat:repeat;
	background-size:100%;
	max-width:1780px;
	width:100%;
	height:100%;
}

.bg-dots-big{
	position:relative;
}
.bg-dots-big::before,
.bg-dots-big::after{
	position:absolute;
	top:0;
	content:'';
	height:100%;
	max-height:780px;	
}
.bg-dots-big::before{
	left:0;
	background:url('../images/bgl-ring.png') repeat-y;
}
.bg-dots-big::after{
	background:url('../images/bg-dots-big.png') repeat;
}

.bgl-cloud, .bgr-cloud{
	position:absolute;
	padding:0;
}
.bgl-cloud{
	left:0;
	max-width:895px;
	max-height:690px;
}
.bgr-cloud{
	right:0;
	width:1015px;
	max-height:780px;
}

.bg-waves{
	position:relative;
	padding:100px 0 0;
	height:100%;
	width:100%;
}
.bg-waves::before, .bg-waves::after{
	position:absolute;
	content:'';
	width:100%;
	background-color:transparent; 
	background-repeat:repeat-x;
	background-position:center;
	background-size: 100% 100%;
}
.bg-waves .container{
	position:relative;
	z-index:1;
}
.bg-waves .section-block{
	color:#666666;
}
.bg-waves .section-block .title{
	color:#2f3259;
}

.bg-wave1{
	margin:136px 0 220px 0;
	background: rgba(64,213,160,1);
	background: -moz-linear-gradient(top, rgba(238,246,255,1) 0%, rgba(247,247,255,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(238,246,255,1)), color-stop(100%, rgba(247,247,255,1)));
	background: -webkit-linear-gradient(top, rgba(238,246,255,1) 0%, rgba(247,247,255,1) 100%);
	background: -o-linear-gradient(top, rgba(238,246,255,1) 0%, rgba(247,247,255,1) 100%);
	background: -ms-linear-gradient(top, rgba(238,246,255,1) 0%, rgba(247,247,255,1) 100%);
	background: linear-gradient(to bottom, rgba(238,246,255,1) 0%, rgba(247,247,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eef6ff', endColorstr='#f7f7ff', GradientType=0 );
}
.bg-wave1::before{
	background-image:url('../images/wave1-before.png');
	height:136px;
	top:-136px;
}
.bg-wave1::after{
	background-image:url('../images/wave1-after.png');
	height:180px;
	bottom:-180px;
}

.bg-wave2{
	margin:0px 0 70px 0;
	background: rgba(64,213,160,1);
	background: -moz-linear-gradient(top, rgba(227,240,255,1) 0%, rgba(231,240,255,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(227,240,255,1)), color-stop(100%, rgba(231,240,255,1)));
	background: -webkit-linear-gradient(top, rgba(227,240,255,1) 0%, rgba(247,240,255,1) 100%);
	background: -o-linear-gradient(top, rgba(227,240,255,1) 0%, rgba(231,240,255,1) 100%);
	background: -ms-linear-gradient(top, rgba(227,240,255,1) 0%, rgba(231,240,255,1) 100%);
	background: linear-gradient(to bottom, rgba(227,240,255,1) 0%, rgba(231,240,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3f0ff', endColorstr='#e7f0ff', GradientType=0 );
}
.bg-wave2::before{
	background-image:url('../images/wave2-before.png');
	height:145px;
	top:-30px;
}
.bg-wave2::after{
	background-image:url('../images/wave2-after.png');
	height:200px;
	bottom:-100px;
}
.bg-wave2 .container{
	padding:10px;
}


.bgicon-property::before, .bgicon-property::after{
	position:absolute;
	bottom:0;
	content:'';
	height:227px;
	width:25%;
}
.bgicon-property::before{
	left:0;
	background:url('../images/property-i1.png') no-repeat left bottom;
	background-size:contain;
	max-width:452px;
}
.bgicon-property::after{
	right:0;
	background:url('../images/property-i2.png') no-repeat bottom right;
	background-size:contain;
	max-width:438px;
}
.properties.bgicon-property {
	padding:50px 0 30px;	
}
.agents-agencies.bg-f1f9fe.section {
	padding:50px 0;
	margin-bottom:90px;
}


/* --------------------------------------------------------------
	16.1)	App Section 
-------------------------------------------------------------- */
.app{
	position:relative;
	text-align:center;
	height:auto;
	margin-bottom:90px;
}
.app .app-image img{
	position:relative;
	top:-20px;
}
.app .app-detail{
	display: flex;
	flex-direction: column;
	align-items: baseline;
	padding:30px 15px;	
}
.app .icon-list li .icon{
	border-color:#ffffff;
}
.app a.link{
	margin-right:30px;
	margin-bottom:15px;
	display: inline-block;
	color:#ffffff;
}
.app a.link:last-child{
	margin-right: 0;
}
.app a.link:hover{
	border-color:#5094e7;
	background:#ffffff;
	color:#5094e7;
}

.app .form-inline-one{
	max-width:500px;
	width: 100%;
}
.app .form-inline-one input[type="button"], .app .form-inline-one input[type="submit"], .app .form-inline-one button{
	color:#31BD37;
	font-weight:400;
	font-size:14px;
	text-transform: capitalize;
	min-width:155px;
}
.app .form-inline-one input[type="button"]:hover, .app .form-inline-one input[type="submit"]:hover,
.app .form-inline-one button:hover{
	color:#ffffff;
	background:#31BD37;
}

/* App - One Style*/
.app-one{
	max-height:444px;
	/*background:#5094e7 url('../images/app-bg.png') no-repeat left; */
	background-image:url('../images/app-bg.png');
	background-repeat:no-repeat;
	background-size:auto;
	background-position:10%;
	color:#ffffff;
	margin-bottom:90px;
}
.app-one .heading{
	color:#ffffff;
}


/* App - Two Style*/
.app-two .app-section{
	max-height:274px;
	background-image:url('../images/app-bg2.png');
	background-repeat:no-repeat;
	background-size:auto;
	background-position:right;
	text-align: left;
}
.app-two .app-image img{
	max-height:294px;
}
.app-two .link{
	background:#5094e7;
	border-color:#5094e7;
}
.app-two .heading{
	color: #000;
}


/* --------------------------------------------------------------
	16.2)	Advertice Section 
-------------------------------------------------------------- */
.advertice{
	position: relative;
    display: block;
}
.advertice .bg-advertice{
	position:absolute;
	width: 100%; 
	height: 100%;
}
.advertice-detail{
	padding:10%;
	z-index:1;
	display: flex;
	flex-direction: column;
	align-items: baseline;
	justify-content: center;
}
.advertice .heading{
	font-size:56px;
	color:#000;
}
.advertice .desc{
	font-size:32px;
	font-weight:300;
}
.advertice .btn{
	padding:0.6rem 2.7rem;
}

.advertice-one{
	position: relative;
    background: #757cf3;
    border-radius: 3px;
    display: block;
}
.advertice-one .heading,
.advertice-one .desc{
	color:#ffffff;
	margin-bottom:35px;
}
.advertice-one .heading{
	text-transform:uppercase;
}
.advertice-one .desc{
	color:#ffffff;
	margin-bottom:35px;
}
.advertice-one:hover{
	background:#6585fd;
}
.advertice-one:hover h2,
.advertice-one:hover p{
	text-shadow: 1px 1px 2px #1e2437;
}


/* --------------------------------------------------------------
	16.3)	Blog Section 
-------------------------------------------------------------- */
.blog.section {
	margin-bottom:65px;	
}
.blog .listicle-box p{
	color:#939393;
	line-height: normal;
	margin-bottom: .8rem;
}
.blog .box-content{
	padding-bottom:15px;
}
.blog .box-links{
	padding-left:20px;
	padding-right:20px;
}

/* --------------------------------------------------------------
	16.4)	Testimonial Section 
-------------------------------------------------------------- */
.clients.section {
	padding:50px 0;	
	margin-bottom:0;
}
.clients.home-ten {
	padding:0;
	margin-bottom:70px;
}

.quote-block{
	width:66.666667%;
	margin:10px auto;
	position:relative;
	color:#666666;
	font-size:28px;
}
.quote-block .quote,
.quote-block .fa-quote-left{
	line-height:normal;
	position:absolute;
	left: -110px;
	z-index:1;
	opacity:0.25;
}
.quote-block .quote{
	font-size:170px;
	top:-40px;
}
.quote-block .fa-quote-left{
	font-size:80px;
	top:0;
}
.quote-block .rating-stars{
	font-size: 15px;
	margin: 0;
}
.quote-block .user-box span{
    color: #000;
}


/* Testimonial Style One
---------------------------------------------------------*/
.testimonial-one .quote{
	font-weight:700;
}

/* Testimonial Style Two
---------------------------------------------------------*/
.testimonial-two{
	background:#7288ee;
}
.testimonial-two .owl-item{
	padding-top:50px;
	padding-bottom:20px;
}
.testimonial-two .quote-block,
.testimonial-two .user-detail label,
.testimonial-two .user-box span{
	color:#ffffff;
}
.testimonial-two .quote{
	font-weight:700;
}

/* Testimonial Style Three
---------------------------------------------------------*/
.testimonial-three{
	margin-bottom:30px;
	position: relative;
}
.testimonial-three .bgl-cloud{
	bottom:90px;
	width: 56%;
	height:auto;
}
.testimonial-three .object{
	position: relative;
	display: flex;
    align-items: center;
}
.testimonial-three .object img{
	position: relative;
	bottom:11%;
	left:-7%;
	max-width: 75%;
	margin-bottom: 20%;
}
.testimonial-three .quote-block{
	font-size:20px;
	line-height:1.6;
	width:84%;
	margin-right: 0;
	margin-top: 15px;
}
.testimonial-three .fa-quote-left,
.testimonial-three .quote{
	color:#8eadd1;
	opacity:1;
}
.testimonial-three .fa-quote-left{
	font-size: 40px;
	top:-15px;
	left:-55px;
}
.testimonial-three .quote{
	font-weight: 400;
	top:-45px;
	left:-70px;
}
.testimonial-three .user-detail img.client-pic{
	width:85px;
	height:85px;
	-moz-box-shadow: 5px 3px 0px rgba(0,0,0,0.05);
    -webkit-box-shadow: 5px 3px 0px rgba(0,0,0,0.05);
    box-shadow: 5px 3px 0px rgba(0,0,0,0.05);
}
.testimonial-three .user-detail label{
	color:#7288ee;
}
.testimonial-three .user-detail span{
	color:#a0a0a0;
	opacity:1;
	line-height:normal;
}
.testimonial-three .client-rating{
	color:#6c78b6;
}

/* --------------------------------------------------------------
	16.5)	Client Section 
-------------------------------------------------------------- */
.client-logo {
	background:#ffffff;
    height: 110px;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
	margin-top:5px;
	margin-bottom:20px;
	-moz-box-shadow:0 0 5px rgba(0,0,0,0.1);
    -webkit-box-shadow:0 0 5px rgba(0,0,0,0.1);
    box-shadow:0 0 5px rgba(0,0,0,0.1);
}
.client-logo:hover{
	-moz-box-shadow: 0 0 5px #a0c6f2;
    -webkit-box-shadow: 0 0 5px #a0c6f2;
    box-shadow: 0 0 5px #a0c6f2;
}

/* --------------------------------------------------------------
	16.6)	Agent - Agencies Section 
-------------------------------------------------------------- */
/*.agents-agencies {
	padding:50px 0;	
}*/
.agents-agencies figure a.zoom-img{
	border:1px solid #ebebeb;
}
.agents-agencies .box-content{
	justify-content: space-between;
}
.agents-agencies .box-links{
	margin:0;
}
.agents-agencies .location,
.agents-agencies .location i {
    color: #a4a4a4;
}

.agents-agencies .box-meta ul{ flex-wrap: wrap; }
.agents-agencies .box-meta li{ flex: 0 0 100%; max-width: 33.33%; padding-left: 30px; padding-right: 15px; position: relative; }
.agents-agencies .box-meta ul li.agent-mailid{ max-width: 100%; }
.agents-agencies .box-meta li i{ position: absolute; left: 1px; top: 3px; }

.agents li.view i,
.agents-agencies li.view i{
	display:none;
}

.agents .grid-layout .round-links li i, .agents .gridbox-layout .round-links li i,
.agents-agencies .grid-layout .round-links li i, .agents-agencies .gridbox-layout .round-links li i{
	display:block;
}
.agents .grid-layout p, .agents .gridbox-layout p,
.agents-agencies .grid-layout p, .agents-agencies .gridbox-layout p{
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.agents-agencies .grid-layout .box-meta,
.agents-agencies .gridbox-layout .box-meta{ margin: 0.5rem 0; }

.agents-agencies .tiles-layout .box-detail, .agents-agencies .tiles-layout .box-meta, .agents-agencies .tiles-layout .box-links{
	padding:0 0 0 15px;
	margin:0;
	border:none;
}
.agents-agencies .tiles-layout figure img{
	border-radius: 0;
}
.agents-agencies .tiles-layout .listicle-box{
	border:none;
	max-height: inherit;
	padding: 7px;
}
.agents-agencies .tiles-layout figure{
    max-width: 25%; /* agents */
    padding: 8px;
}
.agents-agencies .tiles-layout .box-content{
    padding: 8px;
	max-width: 75%;
}
.has-sidebar .agents-agencies .tiles-layout figure{ max-width: 33.3333%; }
.has-sidebar .agents-agencies .tiles-layout .box-content{ max-width: 66.6666%; }
.has-sidebar .agents-agencies .tiles-layout .box-detail, 
.has-sidebar .agents-agencies .tiles-layout .box-meta, 
.has-sidebar .agents-agencies .tiles-layout .box-links{
	padding:0;
}

.agents-agencies .tiles-layout .box-links ul{
	margin: 0;
	position: relative;
    justify-content: flex-start;
    width: 100%;
}
.agents-agencies .tiles-layout .box-links ul li{
	margin: 0 10px 0 0;
	background: #ebebeb;
}
.agents-agencies .tiles-layout .box-links li a i{
	color: #666666;
	display: block;
}
.agents-agencies .tiles-layout .box-links ul li.view{
	position: absolute;
	right: 0;
	margin: 0;
}

.agents-agencies .grid-layout .box-meta li,
.agents-agencies .gridbox-layout .box-meta li{ max-width: 100%; }



/* --------------------------------------------------------------
	16.7)	City Section 
-------------------------------------------------------------- */
.city.section,
.services.section {
	margin-bottom:60px;
}
.city-pic{
	position:relative;
	margin-bottom:30px;
	border-radius:3px;
	display:block;
}
.city-pic h3{
	position:absolute;
	top:40px;
	left:40px;
	text-transform:capitalize;
	color:#ffffff;
	z-index:1;
}
.city-pic:hover h3{
    text-shadow:1px 1px 2px #1e2437;
}
.city-pic h3 span{
	font-size: 56%;
	font-weight: 500;
	word-spacing: 2px;
	padding-top: 5px;
	display:block;
}
.city-pic img{
	width: 100%;
    height: 100%;
    opacity: 0.3;
}
.city-pic:hover img{
    opacity: 1;
}
.city-pic img:hover, .city-pic img:focus {
    transition: 0.6s;
}


/* --------------------------------------------------------------
	16.8)	Properties Section 
-------------------------------------------------------------- */
.properties{
	position:relative;
	padding:30px 0 0;
}
.properties.home-ten-slider {
	padding-top:0;
}
.properties.home-ten {
	padding-top:0;	
}

#primary .properties {
	padding-top:0;	
}
#section-layout.section {
	margin-bottom:0;	
}

.properties.property-latest {
	padding:50px 0 30px;	
}
#featured.properties, #sale.properties, #rent.properties {
	padding-top:0;
	margin-bottom:60px;	
}
#reality  {
	padding-top:0;
	margin-bottom:40px;	
}
#featured.properties.featured, #new.properties.new  {
	padding-top:30px;
	margin-bottom:0px;	
}

.properties .container{
	position:relative;
	z-index:1;
}
.properties .location.icon-fix{
	overflow:hidden;
}


.properties ul.round-links a{
	padding:0;
}

.properties .listbox-layout .box-detail,
.properties .list-layout .box-detail,
.properties .tiles-layout .box-detail{
	flex-direction:column-reverse;
}
.properties .listbox-layout .col-box, .properties .list-layout .col-box{
	margin-bottom:0;
}
.properties .listbox-layout .listicle-box, .properties .list-layout .listicle-box{
	box-shadow: none;
}


/* 	property Box 
-------------------------------------------------------------- */
#propertylists.section {
	margin-bottom:65px;
}
.property-box{ 
	margin-bottom:30px;
}
.property-box .title{
	font-size:14px;
	text-transform:uppercase;
	background:#f3f1fe;
	color:#5094e7;
	margin:0;
	padding:0 8%;
	height:50px;
	line-height:normal;
	display:flex;
	align-items:center;
}
.property-box span.info-color{
	margin-right:6%;
	border-radius:50%;
	padding:6px;
	min-width:12px;
}
.property-box ul{
	margin:0;
	padding:0;
	list-style:none;
}
.property-box li{
	font-size:12px;
	border:1px solid #f3f1fe;
	padding:10px 10%;
	display:flex;
	justify-content:space-between;
}
.property-box li div{
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

/* 	Property Type 
-------------------------------------------------------------- */
section.property-deals .container { 
	border-bottom:1px solid #eaebec; 
	margin-top:35px; 
}
.section.property-deals {
	margin-bottom:35px;	
}

.property-type{
	margin-bottom:30px;
}
.property-type h5.title{
	color:#5094e7;
	font-weight: 700;
	background:#ffffff;
	padding-top:25px;
	text-align:center;
	text-transform:uppercase;
	position:relative;
	z-index:0;
}
.property-type .count{
	position:absolute;
	z-index:1;
	bottom:70px;
	left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
	background:#ee232b;
	color:#ffffff;
	padding:2px 5px;
	border-radius:50%;
	line-height:1.3;
	font-weight:600;
	font-size:20px;
	transition-duration:2s;
}
.property-type figure{
	margin:0 10% 0 0;
	width:90px;
	height: 90px;
	max-width:90px;
}
.property-type small a{
	display:block;
	color:#666666;
}
.property-type small a:hover{
	color:#999999;
}
.property-type:hover .h5{
	color:#ee232b;
}
.property-type:hover .count{
	background:#5094e7;
	font-size:250%;
	bottom:50%;
    -webkit-transform: translateXY(-50%);
    transform: translateXY(-50%);
}


/* 	Property City 
-------------------------------------------------------------- */
.property-city{
	max-width:16.66%;
	padding: 0 0 0 30px;
	margin: 0 15px 10px -15px;
	/*
	padding-right: 0;
    padding-left: 30px;
    margin-left: -15px;
    margin-right: 15px;
    margin-bottom: 10px;
    */
	border-left: 1px solid #eaebec;
}
.property-city:first-child{
	border: none;
}
.property-city small a{
	color:#5094e7;
	position:relative;
	padding:0 15px;
}
.property-city small a:hover{
	color:#666666;
}
.property-city small a::before {
    position: absolute;
    content: '\2022';
	left:-2px;
	top:0;
}
.property-city small a:last-child {
	padding-right:0;
}
.property-city small a:first-child {
	padding-left:0;
}
.property-city small a:first-child::before {
	content:'';
}


/* --------------------------------------------------------------
	16.9)	Project Section 
-------------------------------------------------------------- */
.projects.section {
	margin-bottom:60px;	
}
.projects .listicle-box{
	max-width: 100%;
/*	
	max-width: inherit;
	margin-left: auto;
	margin-right: auto;
display: table-cell;
*/
}

.projects .text-inline{
	padding-right: 165px;
	height: 42px;
	overflow: hidden;
	margin-bottom: 12px;
	color: #333333;
	font-weight: bold;
}
.projects .text-inline li{
	margin: 0;
}
.projects ul.text-inline li.view{
	position: absolute;
	right: 6%;
	border-radius: 5px;
	font-size: 14px;
}

.project{
	color:#7d91a2;
	align-items: center;/* home-02*/
}
.project h6{
	text-transform: inherit;
	text-align: center;
	font-size: 16px;
}
.project p, .project .meta a{
	color: #7d91a2;
}
.project .meta a:hover{
	color: #000000;
}

.project .marketed-by{
	margin:20px 0;
	color: #3cbeb0;
    text-align: center;
}
.project .marketed-by a{
	display:inline;
	color: #3cbeb0;
}
.project .marketed-by a:hover{
	color: #09c78f;
}

/* --------------------------------------------------------------
	16.10)	Connections Section 
-------------------------------------------------------------- */

.connections {
	margin-bottom:60px;
}
.connections .section-block {
	margin-bottom: 15px;
}
.connections .listicle-box {
	align-items: center;
	margin-bottom: 30px;
}
.connections figure, .connections .box-content{
	flex:0 0 100%;
}
.connections figure {
	max-width: 33.333333%;
}
.connections .box-content {
	padding:15px;
	max-width: 66.666667%;
}
.connections a.btn-orange {
	padding:0.5rem 1rem;
	color: #ffffff;
	text-transform: uppercase;
}

/* --------------------------------------------------------------
	16.11)	services Section 
-------------------------------------------------------------- */




/*==========================================================================
	17) Slider - Owl Carousel 
==========================================================================*/ 
.owl-carousel:not(.one-item) .owl-stage-outer{ padding-left: 5px; padding-right: 5px; margin-left:-5px; margin-right:-5px; }


.owl-carousel.hide-dots .owl-dots, .owl-carousel.hide-nav .owl-nav{ 
	display:none !important;
}
.owl-carousel.show-dots .owl-dots, .owl-carousel.show-nav .owl-nav,
.owl-carousel.sliderdots-one .owl-dots, .owl-carousel.sliderdots-two .owl-dots, 
.owl-carousel.slidernav-one .owl-nav, .owl-carousel.slidernav-two .owl-nav, .owl-carousel.slidernav-three .owl-nav,
.owl-carousel.slidernav-four .owl-nav, .owl-carousel.slidernav-five .owl-nav, .owl-carousel.slidernav-six .owl-nav{
	display:block !important; 
}

/* Owl Dots 
-------------------------------------------------------------- */
.owl-carousel .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent; 
}
.owl-carousel .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline; 
}
.owl-carousel .owl-dots .owl-dot:hover span{
	background:#5094e7;
}
.owl-carousel .owl-dots .owl-dot span {
      width: 12px;
      height: 12px;
      margin:4px;
      background: #a0c6f2;
      display: block;
      -webkit-backface-visibility: visible;
      transition: opacity 200ms ease;
      border-radius: 30px;
}
.owl-carousel .owl-dots .owl-dot.active span {
      background: #31BD37; 
}


/* One - Slider Dots */
.sliderdots-one.owl-carousel .owl-dots .owl-dot span{
	background:#8257ae;
}
.sliderdots-one.owl-carousel .owl-dots .owl-dot:hover span{
	background:#8074f1;
}
.sliderdots-one.owl-carousel .owl-dots .owl-dot.active span{
	background:#31BD37;
}


/* -------------------------------------------------------------- 
	Owl Nav Styles
-------------------------------------------------------------- */
.owl-carousel .owl-nav button{
	position:absolute;
	content:'';
	bottom:50%;
	z-index:9999;
	width:40px;
    height:40px;
	border-radius:50%;
}
.owl-carousel .owl-nav button span{
	font-size: 0;
}
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next{
	background: #ffffff;
	color: #ffffff;
}
.owl-carousel .owl-nav .owl-prev{
	left:30px;
}
.owl-carousel .owl-nav .owl-next{
	right:30px; 
}
.owl-carousel .owl-nav button::before{
	position:absolute;
	top:-2px;
	left:0;
	font-family: "FontAwesome";
	font-weight: 900;
	font-size: 42px;
	line-height: normal;
	color: #5094e7;
}
.owl-carousel .owl-nav button:hover::before{
	color: #31BD37;
}
.owl-carousel .owl-nav .owl-prev::before{
    content: "\f137";
    left: 1px;
}
.owl-carousel .owl-nav .owl-next::before{
    content: "\f138";
}

/* One - Slider Navigation 
-------------------------------------------------------------- */
.slidernav-one.owl-carousel .owl-nav button{
	bottom:40%;
	width:30px;
    height:30px;
	border:1px solid #e6dfea;
	background:#ffffff;	
}
.slidernav-one.owl-carousel .owl-nav button:hover{
	background:#8074f1;	
}
.slidernav-one.owl-carousel .owl-nav button::before{
	color: #8074f1;
	font-size: 18px;
	top: 4px;
}
.slidernav-one.owl-carousel .owl-nav button:hover::before{
	color: #ffffff;
}
.slidernav-one.owl-carousel .owl-nav .owl-prev::before{
    content: "\f104";
	left: 8px;
}
.slidernav-one.owl-carousel .owl-nav .owl-next::before{
    content: "\f105";
	left: 10px;
}
.slidernav-one .owl-nav .owl-prev{
	left:-15px;
}
.slidernav-one .owl-nav .owl-next{
	right:-15px;
}

/* Two - Slider Navigation 
-------------------------------------------------------------- */
.slidernav-two.owl-carousel .owl-nav button{
	width:52px;
    height:52px;
	font-size: 50px;
	border:1px solid #2c3f51;
}
.slidernav-two .owl-nav .owl-prev{
	left:-15px;
}
.slidernav-two .owl-nav .owl-next{
	right:-15px;
}
.slidernav-two.owl-carousel .owl-nav button::before{
	font-size: 34px;
	color: #aac4ef;
	top:7px;
	left:17px;
}
.slidernav-two.owl-carousel .owl-nav button:hover::before{
	color: #25394b;
}
.slidernav-two.owl-carousel .owl-nav .owl-prev::before{
    content: "\f104";
}
.slidernav-two.owl-carousel .owl-nav .owl-next::before{
    content: "\f105";
}

/* Three - Slider Navigation 
-------------------------------------------------------------- */
.slidernav-three.owl-carousel .owl-nav button{
	top:-70px;
}
.slidernav-three .owl-nav button.owl-prev{
	left:inherit;
	right:30px;
}
.slidernav-three .owl-nav button.owl-next{
	right:-13px;
}
.slidernav-three.owl-carousel .owl-nav button::before{
	font-size: 28px;
	color: #9abee9;
}
.slidernav-three.owl-carousel .owl-nav button:hover::before{
	color: #5094e7;
}
.slidernav-three.owl-carousel .owl-nav .owl-prev::before{
    content: "\f0a8";
}
.slidernav-three.owl-carousel .owl-nav .owl-next::before{
    content: "\f0a9";
}

/* Four - Slider Navigation 
-------------------------------------------------------------- */
.slidernav-four.owl-carousel .owl-nav button{
	top:-70px;
	width: 26px;
	height: 26px;
}
.slidernav-four .owl-nav button.owl-prev{
	left:inherit;
	right:40px;
}
.slidernav-four .owl-nav button.owl-next{
	right:0;
}
.slidernav-four.owl-carousel .owl-nav button::before{
	font-size: 20px;
	color: #9abee9;
}
.slidernav-four.owl-carousel .owl-nav button:hover::before{
	color: #5094e7;
}
.slidernav-four.owl-carousel .owl-nav .owl-prev::before{
    content: "\f060";
}
.slidernav-four.owl-carousel .owl-nav .owl-next::before{
    content: "\f061";
}

.colourful-page .slidernav-four.owl-carousel .owl-nav button{ background: transparent; }
.colourful-page .slidernav-four.owl-carousel .owl-nav button::before{ color: #c1c8fc; }
.colourful-page .slidernav-four.owl-carousel .owl-nav button:hover::before{ color: #ffffff; }

/* Five - Slider Navigation 
-------------------------------------------------------------- */
.slidernav-five.owl-carousel .owl-nav{
	position:relative;
	top:-20px;
}
.slidernav-five.owl-carousel .owl-nav .owl-prev, .verticle-slider.owl-carousel .owl-nav .owl-prev:hover, 
.slidernav-five.owl-carousel .owl-nav .owl-next, .verticle-slider.owl-carousel .owl-nav .owl-next:hover{
	background:transparent;
}
.slidernav-five.owl-carousel .owl-nav button,
.verticle-slider.owl-carousel .owl-nav button{
	width: 20px; 
	height: 20px;
}
.verticle-slider.owl-carousel .owl-nav button{
	bottom: 12px;
}
.slidernav-five.owl-carousel .owl-nav button::before{
	color:#ffffff;
	background: transparent;
	font-size: 28px;
}
.slidernav-five.owl-carousel .owl-nav button:hover::before{
	color:#757cf3;
}
.slidernav-five.owl-carousel .owl-nav .owl-prev{
	left:-20px;
}
.slidernav-five.owl-carousel .owl-nav .owl-next{
	right:-20px;
}
.slidernav-five.owl-carousel .owl-nav .owl-prev::before{
    content: "\f104";
}
.slidernav-five.owl-carousel .owl-nav .owl-next::before{
    content: "\f105";
}

/* Six - Slider Navigation 
-------------------------------------------------------------- */
.slidernav-six.owl-carousel .owl-nav button{
	height: 50px;
	width: 50px;
	bottom: calc(50% - 25px);
}
.slidernav-six.owl-carousel .owl-nav button::before{
	font-size: 24px;
	top:13px;
	left: 15px;
}
.slidernav-six.owl-carousel .owl-nav .owl-prev::before{
    content: "\f060";
}
.slidernav-six.owl-carousel .owl-nav .owl-next::before{
    content: "\f061";
}



/* Slider - verticle-slider
-------------------------------------------------------------- */
.verticle-slider.owl-carousel{
	background-color:#90a7fe;
	color:#ffffff;
	 transform: rotate(90deg);
 	 width:670px; 
 	 margin-top:285px;
	 margin-left:-285px;
	 padding:0 20px;
}
.verticle-slider.owl-carousel .owl-stage-outer{
	background-color:#90a7fe;
}
.verticle-slider.owl-carousel .owl-item{
	width:100px;
	height:100px;
	margin:0 !important;
	display:flex;
}
.verticle-slider.owl-carousel .item{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items: center;
	border-bottom:1px solid rgba(255,255,255,0.5);
	transform: rotate(-90deg);
	padding:5px;
	max-height: 100px;
	max-width:100px;
	width:100%;
}
.verticle-slider.owl-carousel .item img:hover{
	opacity:0.8;
}
.verticle-slider.owl-carousel .item h6{
	color:#ffffff;
	text-transform:uppercase;
	text-align:center;
	font-size: 10px;
	margin:5px 0 0 0;
}
.verticle-slider.owl-carousel .item img{
	max-width:64px;
	max-height:64px;
}


/* Slider - Testimonial
-------------------------------------------------------------- */


/* Slider - Quick Links
-------------------------------------------------------------- */
.slider-quicklinks{
	position:relative;
	top:-35px;
}

/* Slider - Property
-------------------------------------------------------------- */
.slider-property {
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
.slider-property .item{
	background:#25394b;
	display:flex;
	color:#ffffff;
	padding: 0;
}
.slider-property a{
	color:#ffffff;
}
.slider-property strong{
	font-size:22px;
}
.slider-property small{
	font-size:14px;
	color:#a6bcd1;
	display:block;
}
.slider-property ul{
	margin:0;
	padding:0;
	list-style:none;
}
.slider-property ul li{
	border-bottom:1px solid rgba(255,255,255,0.1);
	padding:13px 0;
}
.slider-property ul li:last-child{
	display:flex;
	justify-content:space-between;
	align-items: center;
	border-bottom:none;
}
.slider-property figure{
	margin:0;
	padding:0;
	-ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.slider-property figure img{
	height: 100%;
}
.slider-property .slide-detail{
	width:35%;
	padding:3% 3% 3% 4%;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}
.slider-property .type{
	color:#a4ccf4;
	letter-spacing:3px;
	text-transform:uppercase;
	margin-bottom:10px;
	display:block;
}
.slider-property .info{
	font-size:10px;
	padding:6px 15px 5px 15px;
	margin-right:5px;
	color:#ffffff;
	text-transform:uppercase;
	letter-spacing:1px;
	border-radius:2px;
}
.slider-property .detail{
	font-size:16px;
	padding:6px 22px 5px 22px;
}
.slider-property .time{
	color:#b3b7bc;
}
.slider-property .user-box{
	margin-bottom:0;
}
.slider-property .owl-nav {
	position:absolute;
	top:57%;
	width:100%;
}


/* Slider - Listicle
-------------------------------------------------------------- */
.slider-listicle .owl-nav .owl-prev{ left:14%; }
.slider-listicle .owl-nav .owl-next{ right:14%; }
.slider-listicle figure{
	margin: 0;
}
.slider-listicle figure img{
	min-height:500px;
}
.slider-listicle .container{
	height:100%;
}
.slider-listicle .slide-detail{
	position:absolute;
	top:50%;
	bottom:50%;
	-webkit-transform: translateY(80%);
    transform: translateY(80%);
	right:12%;
	padding:0;
	margin:0;
	width:330px; 
	height:345px;
}
.slider-listicle .box-content{
	padding-top:40px;
}
.slider-listicle .info span{
	font-size: 11px;
	padding: 2px 6px;
}
.slider-listicle .user-detail img.user-pic{
	width:40px; height:40px;
	margin:3px;
}
.slider-listicle .price{
	font-size:16px;
	position:relative;
	top:inherit;
	left:inherit;
	box-shadow:none;
	padding:0;
	margin-bottom:5px;
	display:block;
}
.slider-listicle .price .big{
	font-size:200% !important;
	padding:0;
}
.slider-listicle hr{
	margin-bottom:15px;
}
.slider-listicle .box-links li.view{
	justify-content: flex-start;
}


/*==========================================================================
	18) Banner 
==========================================================================*/ 

/* --------------------------------------------------------------
	18.1) Banner - With Text
-------------------------------------------------------------- */
.banner .banner-block{
	display: flex;
    flex-direction: row-reverse;
}
.banner .row{
	align-items: center;
}
.banner img.object{
}
.banner-detail{
	margin-bottom:15px;
	padding-bottom:5px;
}
.banner h2, .banner h3, .banner h4, .banner h5, .banner h6{
	text-transform:uppercase;
	font-weight:400;
	color:#ffffff;
	line-height:1.5;
}
.banner h2{
	font-size:47px; font-weight: 600;
}
.banner h3{
	font-size:44px;
}
.banner h4{
	font-size:38px;
}
.banner h5{
	font-size:32px;
}
.banner h6{
	text-transform:inherit;
	font-size:26px;
}
.banner .banner-absolute{
	position:absolute;
	width:100%;
	height: 100%;
	padding:15px;
	left:0;
}
.banner-absolute .container,
.banner-absolute .row{ 
	height: 100%; 
}
.banner-absolute .banner-detail-box{ 
	height: 100%; 
	display: flex; 
	flex-direction: column; 
	justify-content:center; 
	align-items: baseline;
}


/* --------------------------------------------------------------
	18.2) Banner Backgrounds 
-------------------------------------------------------------- */
.bannerbg-two{
	background:url('../images/banner-bg2.png') repeat-x center top;
	font-weight:300;
	font-size:25px;
}
.bannerbg-three{
	background-image: url(../images/banner-bg3.png);
	background-color:#becbf6;
    background-position-y: bottom;
	background-repeat:repeat-x;
}
img.bannerbg-img{ 
	position: absolute;
    width: 100%;
    height: 100%;
}



/* --------------------------------------------------------------
	18.3) Banner Styles 
-------------------------------------------------------------- */
.banner-one, .banner-two {
	background: rgba(101,133,253,1);
	background: -moz-linear-gradient(-45deg, rgba(101,133,253,1) 0%, rgba(232,52,195,1) 82%, rgba(232,52,195,1) 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(101,133,253,1)), color-stop(82%, rgba(232,52,195,1)), color-stop(100%, rgba(232,52,195,1)));
	background: -webkit-linear-gradient(-45deg, rgba(101,133,253,1) 0%, rgba(232,52,195,1) 82%, rgba(232,52,195,1) 100%);
	background: -o-linear-gradient(-45deg, rgba(101,133,253,1) 0%, rgba(232,52,195,1) 82%, rgba(232,52,195,1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(101,133,253,1) 0%, rgba(232,52,195,1) 82%, rgba(232,52,195,1) 100%);
	background: linear-gradient(135deg, rgba(101,133,253,1) 0%, rgba(232,52,195,1) 82%, rgba(232,52,195,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6585fd', endColorstr='#e834c3', GradientType=1 );
	color:#ffffff;
}

/* Banner One  
-------------------------------------------------------------- */
.banner {
	margin-bottom:90px;	
}
.banner-one {
	position:relative;
	height:100%;
	margin-bottom:0;
}
.banner-one .container-box{
	padding-top: 120px;
    text-align: center;
}
.banner-one .banner-content{ padding: 10% 15px; }
.banner-one h5{ font-weight: 600; font-size: 27px; word-spacing: 1px; }
.banner-one h6{ font-weight: 300; font-size: 24px; }
.banner-one a.btn{
	margin:40px 20px;
	font-size: 19px;
	font-weight: 700;
	word-spacing: 1px;
}

.work {
	margin-bottom:40px;	
}

/* Banner Two  
-------------------------------------------------------------- */
.banner-two .container-box{
	padding-top:120px;
}
.banner-two .banner-block{
	position: relative;
}
.banner-two img.object{
	padding-right:0;
}

/* Banner Three  
-------------------------------------------------------------- */
.banner-three.banner{	
	color:#565555;
	margin-bottom:0;
}
.banner-three .bannerbg-three{
	position:relative;
}
.banner-three .banner-content{
	padding-top:40px;
	padding-bottom:40px;
}
.banner-three p{
	font-size: 14px;
}
.banner-three p a{
	color:#8074f1;
	text-decoration: underline;
}
.banner-three .heading,
.banner-three .desc{	
	color:#2f3259;
	font-size: 16px;
	margin:0;
}
.banner-three .heading{
	font-size:35px;
	font-weight: 600;
	text-transform:none;
}
.banner-three img.object{
	padding-right:0;
	position:absolute;
	right:0;
	bottom:0;
	max-width: 840px;
	height: 100%;
}

/* Banner Four  
-------------------------------------------------------------- */
.banner-four{
	position:relative;	
	display: flex;
    justify-content: center;
    align-items: center;
}
.banner-four .banner-block{ 
	flex-direction: column-reverse; 
	align-items: flex-end; 
}
.banner-four .object{ 
	text-align:right;
}
.banner-four .object img {
    max-width: 82%;
}
.banner-four.bg-dots-big::before,
.banner-four.bg-dots-big::after{
	background-repeat: no-repeat;
	background-size:contain;
}
.banner-four.bg-dots-big::before{
	width:10%;
	max-width:195px;
}
.banner-four.bg-dots-big::after{
	left:25%;
	width:48%;
	max-width:780px;
}
.banner-four .heading{
	font-weight:700;
	letter-spacing: 1px;
	line-height:normal;
	text-transform:none;
	color:#2f3259;
	margin-bottom:35px;
}
.banner-four .desc{
	font-weight:300;
	line-height:normal;
	text-transform:none;
	color:#333333;
	margin-bottom:35px;
}
.banner-four .btn{
	text-transform: uppercase;
	font-size: 16px;
}

/* Banner Five  
-------------------------------------------------------------- */
.banner-five{
	position:relative;
	height:730px;
}
.banner-five .heading{
	font-size:44px;
	font-weight: 600;
	text-transform:none;
	color:#5094e7;
}
.banner-five .desc{
	font-weight: 600;
	font-size:28px;
}
.banner-five button{
	text-transform: capitalize;
}
.banner-five img.object{
	position:absolute;
	padding:0;
    right: 0;
    top: 0;	
	max-height:100%;
}
.banner-five .banner-content{
	padding-top:90px;
	padding-bottom:90px;
}


/*==========================================================================
	19) Pages 
==========================================================================*/
.header-detail img{
	width: 100%;
	max-width: fit-content;
    margin: 0 auto;
    display: block;
}
.page-header{
	background: #ffffff;
}
.page-header img{
	width: 100%;
}
.page-header .social-links{
	margin-top: 15px;
}
.page-header .row.header-box{
	align-items: flex-end;
}
.page-header .header-box{
	padding: 35px 0;
	margin-top: 5px;
}
.page-header .container .header-box{
	padding: 55px 0;
}
.page-header .page-info{
	position:absolute;
	bottom:0;
	left:0;
	width: 100%;
}
.page-header.page-box{
	position: relative;
	top:-75px;
	margin: auto;
	margin-bottom: -75px;
}
.page-header .breadcrumb a{
}
.page-header .breadcrumb a:hover{
}
.page-title{
	font-size:34px;
	text-transform: capitalize;
	margin: 0 0 5px 0;
}
.page-title .big{
	font-size:47px;
}


figure.page-image{
	margin:0;
	overflow:hidden;
}
.page-detail{
	padding:25px 3.5%;
	background: #ffffff;
	color: #444444;
}
.page-detail .heading{
	text-transform: uppercase;
	padding-bottom: 5px;
	display: flex;
    justify-content: space-between;
    align-items: baseline;
}
.page-detail .heading a{
	color: #5785e8;
	font-size:12px;
	font-weight: 400;
}
.page-detail .heading a:hover{
	color: #5785e8;
}

ul.page-meta{

}
.page-header .meta {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}
.page-header .meta li{
    margin:10px 0 0 0;
    display: flex;
}
.page-header .meta i {
    color: #31BD37;
    margin-right: 5px;
    font-size: 15px;
    position: absolute;
    left: 0;
    top: 4px;
}
.page-header .meta li span {
    color: #000000;
}
.page-header .meta li a{
    color: #666666;
}
.page-header .meta li a:hover{
    color: #344076;
}


.page-header .meta-icon li span, .page-header .meta-text i {
	display: none;
}
.page-header .meta-text li span, .page-header .meta-icon i {
	display: block;
	font-weight: 600;
}

/* Meta Style - Icon 
-------------------------------------------------------------- */
.page-header .meta-icon li {
	padding: 0 20px;
    font-size: 18px;
    line-height: normal;
    color: #666666;
    position: relative;
}
.page-header .meta-icon li.last-edited {
    color: #bcbcbc;
}
.page-header .meta-icon li strong {
	font-weight: 400;
}

/* Meta Style - Text 
-------------------------------------------------------------- */
.page-header .meta-text li {
    padding: 0;
    height: 55px;
    color: #666666;
    border-right: 1px solid #eee;
    padding-right: 15px;
    margin-right: 15px;
    min-width: 110px;
    font-size: 14px;
    flex-direction: column;
    justify-content: space-around;
}
.page-header .meta-text li:last-child {
    border: none;
}
 .meta-text .total-comments strong{
	background: #ffba00;
	color: #000000;
	border-radius: 30px;
	padding: 3px;
    min-width: 30px;
    display: inline-block;
    text-align: center;
}

/* Page Banner
-------------------------------------------------------------- */
.page-banner{
	position:relative;
	background: #404d9b;
}
.page-banner .container{
	padding-top: 35px;
	padding-bottom: 35px;
}
.page-banner .row.header-box{
	background: transparent;
}
.page-banner .meta-icon li, .page-banner .meta-icon li.last-edited{
	color: #dbdcf9;
}
.page-banner .page-title, .page-banner .meta i, 
.page-banner .breadcrumb a, .page-banner .breadcrumb-item+.breadcrumb-item::before{
	color:#FFFFFF;
}
.page-banner .breadcrumb a:hover{
	color:#86d3ff;
}

/* Page gallery
-------------------------------------------------------------- */
.page-gallery{
	margin-top: 30px;
    margin-bottom: 30px;
}
.page-gallery .title{
	font-size:2.2rem;
	margin-bottom:25px;
}
.no-gutters.page-gallery img{
	border: 2px solid #ffffff;
	width:100%;
}
.no-gutters.page-gallery .col-sm-8 img{
	height:100%;
}

/* --------------------------------------------------------------
	19.1) Blogs Page
-------------------------------------------------------------- */
.entry-title{
	font-size: 1.87rem;
}
.entry-content{
	line-height:1.7;
}
article .entry-content{
	margin: 30px 8.5%;
	line-height:1.6;
}
article.post figure span.date{
	border-radius: 0;
	font-size: 30px;
	padding: 10px 15px;
	width: 72px;
}
article.post figure span.date small{
	border-top: 1px solid #d5d5d5;
	margin-top: 2px;
	padding-top: 8px;
	font-size: 16px;
}
.post .entry-meta i {
    color: #ffa800;
}
.post .entry-meta span {
    margin-right: 8px;
}
.post .entry-footer a {
    color: #666;
}
.post .entry-footer a:hover {
    color: #333;
}
.post a.btn-readmore {
    border: 2px solid #c3c3c3;
    padding: 8px 50px;
    font: 12px Montserrat, sans-serif;
    font-weight: 600;
    color: #000;
    position: relative;
    text-transform: uppercase;
    border-radius: 30px;
    margin-bottom: 30px;
    display: inline-block;
}
.post a:hover.btn-readmore {
    border: 2px solid #000;
}
.post a.btn-readmore i {
    position: absolute;
    right: 15px;
    top: 10px;
}

/*	Blog Detail Page  
-------------------------------------------------------------- */
.single .post {
	margin-bottom:0;	
}
.single.post .page-title{
	font-size:30px;
	font-weight: 600;
}


/* --------------------------------------------------------------
	19.2) Listings Page
-------------------------------------------------------------- */

/* Property Listing Page 
-------------------------------------------------------------- */
.list-heading{ 
	background:#31BD37; 
	padding:10px 0;
	text-transform:uppercase;
	font-weight:600;
	display:none;
}
.wrapper .section-layout .list-heading{ 
	margin: 0;
}
.list-heading ul.icons-inline li{
    filter: invert(100%);
	color:#000000;
	margin:5px 0;
	font-size:14px;
	min-height: 24px;
	min-width:34px;
}
.wrapper .list-heading ul.icons-inline li{
	padding: 0;
}
.list-heading ul.icons-inline li.title{
	text-align:center;
	padding-left: 5px;
	margin-right: 35px;
	padding:0 10px;
}
.list-heading li h6{
	margin:0;
	line-height: 24px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: -1px;
}
.list-heading ul.icons-inline li span{
	display:none;
}

/* Property Detail Page 
-------------------------------------------------------------- */
.single.listings{
	background-color: #f4f4f4;
}

ul.property-meta{
	list-style: none;
	margin: 0;
	padding: 0;
	color: #000000;
	display: flex;
	flex-wrap: wrap;
}
ul.property-meta li{
	flex: 0 0 100%;
	max-width: 33.33%;
	margin-bottom: 5px;
	padding-right: 15px;
}
ul.property-meta span{
	color: #6c6c6c;
}

.blueprint .card{
	border: none;
	border-radius: 0;
}
.blueprint .card-header{
	background: transparent;
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	padding:5px;
	position: relative;
	min-height: 88px;
}
.blueprint .card-header::before{
	position: absolute;
	top:22px;
	left:5px;
    content: '\276F';
    transform: rotate(-90deg);
    width: 42px;
    height: 40px;
    color: #a9a8a8;
    background: #ebebeb;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.blueprint .card-header.collapsed::before{
    transform: rotate(90deg);
}
.blueprint .card-header strong{
	color: #2a3250;
	margin-bottom: 5px;
}
.blueprint .card-header .property-meta li{ 
	margin: 0; 
	padding-right: 20px;
	margin-right: 20px;
	max-width: max-content;
	position: relative;
}
.blueprint .card-header .property-meta li::after{ 
	position: absolute;
	right: 0;
	content: "|";
}
.blueprint .card-header .property-meta li:last-child{ 
	padding-right: 0;
	margin-right: 0;
}
.blueprint .card-header .property-meta li:last-child::after{ 
	content: "";
}
.blueprint .card-header,
.blueprint .card-body{
	border-bottom: 1px solid #e5e5e5;
}
.blueprint .card:last-child .card-header.collapsed,
.blueprint .card:last-child .card-body{
	border:none;
}
.blueprint .card-body img.blue-print-img{
	margin:0 auto 15px auto;
	display: block;
}
.blueprint .card-header,
.blueprint .card-body{
	padding-left: 7%;
}

.nearby{
	margin: 0;
	padding: 0;
}
.nearby li{
	display: flex;
	padding: 10px 0;
}
.nearby li.result{
	border-top:1px solid #e5e5e5;
}
.nearby li.result:first-child{
	border: none;
}
.nearby .result{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.nearby .info{
	flex-grow: 1;
	flex-basis: auto;
	display: flex;
	align-items: center;
	width: 100%;
}
.nearby .area{
	display: flex;
	flex-direction: column;
	color: #7d7d7d;
	margin: 5px 0;
}
.nearby .area strong{
	color: #2a3250;
}
.tarvel{
	color: #c8c8c8;
	margin: 5px 0;
	padding: 0;
	display: flex;
}
.tarvel li{
	padding: 0;
	margin-left: 15px;
	font-size:20px;
}
.distance{
	background: #ebebeb;
	color: #5589e7;
	padding:8px;
	border-radius: 30px;
	text-align: center;
	width:110px;
	margin:5px 20px 5px 0;
}


/* --------------------------------------------------------------
	19.3) Dashboard Page 
-------------------------------------------------------------- */
.dashboard main .container{
	margin-left: 0;
}
.dashboard .site-main{
	display: flex;
	flex-wrap: nowrap;
	padding: 0 15px 0 0;
	margin: 0 auto;
	max-width: 1920px;
    width: 100%;
}
.dashboard-sidebar{
	width:60px;
	max-width:225px;
	border-right: 1px solid #e5e5e5;
	margin-right:15px;
	background: #ffffff;
}
.dashboard-sidebar{
	flex: 0 0 225px;
}
.dashboard-sidebar .user-detail{
	padding:0 15px;
}
.dashboard-sidebar .user-detail img.user-pic{
	width: 65px;
	height: 65px;
}
.dashboard-sidebar .user-detail label{
	font-size:18px;
	font-weight: 500;
}
.dashboard-sidebar .user-detail label span{
	font-size:14px;
	font-weight: 500;
}

.dashboard-content{
	flex-grow: 1;
	flex-basis: auto;
	margin-bottom: 60px;
}
.dashboard-content .page-title{
	font-size: 19px;
	font-weight: 600;
	color: #282050;
	border-bottom:1px solid #e5e5e5;
	padding-bottom: 10px;
	margin-bottom: 30px;
}

.dashboard-content aside{
	padding:15px 25px;
	border:1px solid #e9e9e9; 
	margin-bottom: 30px;
}
.wrapper .dashboard-content form.property-form{ 
	margin-left: 0; 
}
.dashboard-content aside.properties .heading-style{
	margin-bottom: 20px;
}

/* Dashboard Fevorite Page 
-------------------------------------------------------------- */
.dashboard-content .my-favorites .favorite a{
	color: #f33535;
}

/* Dashboard Properties Page 
-------------------------------------------------------------- */
.dashboard .my-properties .properties-action{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.dashboard-content .multiple-action{
	display: flex;
	align-items: center;
}
.dashboard-content .multiple-action select{
	border-color: #e1e1e1;
	border-radius: 3px;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512' %3e%3cpath fill='gray' d='M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z'/%3e%3c/svg%3e");
}
.dashboard-content .apply{
	padding:12px 20px;
	text-transform: capitalize;
	font-size: 14px;
	line-height: normal;
	color: #ffffff;
	background: #31BD37;
	border:none;
	margin-top: 0;
	margin-left: 15px;
	border-radius: 3px;
}
.dashboard-content .apply:hover{
	background: #6585fd;
}

.dashboard-content .my-properties .section-layout{
	max-width: 1050px;
}
.dashboard-content .my-properties .list-heading,
.dashboard-content .my-properties .col-box{
	display: flex;
	align-items: center;
}
.dashboard .my-properties .properties .take-action{
	width: 6%;
	max-width: 90px;
	min-width: 20px;
	height: 100%;
	display: flex;
	justify-content: center;
}
.dashboard-content .my-properties .col-box .take-action{
	align-items: center;
	border:1px solid #ebebeb;
}
.dashboard-content .my-properties .list-heading .icons-inline,
.dashboard-content .my-properties .listicle-box{
	flex-grow: 1;
	flex-basis: auto;
}
.dashboard-content .box-links ul li.favorite{
	/* display: none; also hides on dashbord favorite page */
}
.dashboard-content .property-list{
	border:1px solid #e3e3e3; 
}
.dashboard-content .property-list li{
	border-top:1px solid #e3e3e3; 
	padding: 15px;
}
.dashboard-content .property-list li:first-child{
	border-top: none;
}
.dashboard-content .property-list span.info-color{
	border-radius: 0;
	max-width: 15px;
	max-height: 15px;
}


/*
.dashboard .list-layout .list-heading .title,
.dashboard .list-layout figure{
	max-width: 30%;
}
.dashboard .list-layout .box-content{
	max-width: 70%;
}
*/
.latest-properties .list-layout .list-heading .title, .latest-properties .list-layout figure{ max-width: 24%; }
.latest-properties .list-layout .box-content{ max-width: 76%; }
.my-properties .list-layout .list-heading .title, .my-properties .list-layout figure{ max-width: 22%; }

/*
.dashboard .listbox-layout .box-meta li, .dashboard .list-layout .box-meta li{ width: 47px; }
.dashboard .listbox-layout .box-meta li.sqft, .dashboard .list-layout .box-meta li.sqft,
.dashboard .listbox-layout .box-meta li.price, .dashboard .list-layout .box-meta li.price{ width: 65px; }
.dashboard .listbox-layout .box-meta li.period, .dashboard .list-layout .box-meta li.period{ width: 90px; }
*/
.dashboard .rating-statistics{ font-size: 18px; }
.dashboard .five-stars{
	font-size: 16px;
	flex:0 0 35%;
	min-width: 95px;
}
.dashboard .rate-full{
	margin: 9px;
}
.dashboard .property-list{
	flex-direction: column;
	width: 100%;
	margin-top: 53px;
	text-transform: uppercase;
	font-weight: 600;
	color: #777777;
	border-radius: 3px;
}


.dashboard .dashboard-figures{
	background: #fbfbfb;
	overflow: hidden;
}

.chart{
	border:1px solid #eaeaea; 
	background: #ffffff;
	margin:15px 0;	
	display: inline-block;
}

.analytics-box{
	display: inline-flex;
	align-items: center;
	padding: 15px;
	margin:15px 0;
	width: 100%;
	border:1px solid #eaeaea; 
	background: #ffffff;	
}
.analytics-box h6 {
	text-transform: none;
	margin:0;
	font-size:14px;
	color: #626d99;
}
.analytics-box .progress-bar-circle{
	margin-right: 15px;
}


/* property counts 
-------------------------------------------------------------- */
.property-counts{
	padding: 0;
	margin: 0;
	list-style: none;
}
.property-counts li{
	padding: 5px 15px;
	position: relative;
}
.property-counts span.info-color{
	min-width: 60px;
	height: 60px;
	border-radius: 50%;
	margin-right: 15px;
}
.property-counts .analytics-box h6 span{
	position: absolute;
    line-height: 54px;
    height: 54px;
    width: 54px;
    left: 18px;
    top: 8px;
    text-align: center;
    border-radius: 50%;
    background-color: #ffffff;
}


/* --------------------------------------------------------------
	19.4) 404 Error Page 
-------------------------------------------------------------- */
.error-page {
	text-align:center;
	background-size: contain;	
}
.error-page h1{
    color: #717ef8;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: baseline;
    margin: 0;
}
.error-page img.center {
	margin:20px auto;
}
.error-page a.btn-orange {
    margin:15px;
    padding:30px 80px;
    font-size:26px;
    font-weight:400;
    color: #fff;
    text-align: center;
	text-transform:uppercase;
    background: #31BD37;
	border-radius:40px;
}
.error-page a:hover.btn-orange {
    background: #f97744;
}

/* --------------------------------------------------------------
	19.5) Page with Side Navigation
-------------------------------------------------------------- */
/*.sidenavpage .container{
	margin-left: 0;
}
.sidenavpage header{
	width: 240px;
	height: 100%;
	position: absolute;
}
*/
.sidenavpage .site-header .header-section{
	width: 100%;
	max-width: calc(100% - 255px);
	margin-left: 255px;
	padding-left: 15px;
}
/*
.sidenavpage.mobile-left .site-header .header-section{
	margin-right: 255px;
}
*/

.sidenavpage .relative-container{
	width: 100%;
	margin-left: 0;
}
.sidenavpage.mobile-left .relative-container{
	margin-left: 0;
}
.sidenavpage .relative-section .search-result-map{
	padding: 0;
}
.sidenavpage #advanced-search-box{
	padding:0;
	padding-top: 20px;
}
.sidenavpage #advanced-search-box .row{
	padding:0;
}
.sidenavpage #advanced-search-box [class*=col-]{
	padding-left:7px;
	padding-right:7px;
}
.sidenavpage #advanced-search-box .input-fields h6.col-12{
	max-width:max-content;
	min-width: inherit;
}




.fancybox-content { 
	overflow:hidden; 
}
.fancybox-close-small{
	opacity: 1;
	background: #ccc;
	color: #6585fd; 
}
.fancybox-close-small:hover{ 
	background: #6585fd; 
	color: #ffffff;
}


/*==========================================================================
	20) Login & Register Popup
==========================================================================*/
#login{
	display:none;
	padding:0;
	max-width:515px;
	width: 80%;
}
#login .nav-tabs{ 
	margin:0; 
}
#login .nav-tabs li{ 
	width:50%; 
	margin-right:0; 
	text-transform:capitalize; 
	text-align:center; 
	border:none;
}
#login .nav-tabs .nav-link{ 
	padding:20px 0px; 
	border-radius:0; 
	color: #000000;
	font-weight: 600;
	font-size:23px; 
	border:none;
}
#login .nav-tabs .nav-link.active{ 
	color:#5547b7; 
	border:none;
}
#login .tab-content>.tab-pane{ 
	padding:6%; 
}
#login label{
	font-size: 18px;
	margin-bottom: 5px;
}
#login .login-link label{
	font-size: 16px;
	padding-top:8px; 
}
.poup-form input{ 
	width:100%; 
	min-height: 60px;
}
.poup-form input[type=checkbox]{ 
	width:auto; 
}

#login .custom-checkbox .custom-control-label{
	padding-top: 0;
}
#login .custom-checkbox .custom-control-label::before,
#login .custom-checkbox .custom-control-label::after {
    border-radius: 0;
}

#login .login-link{
	display:flex; 
	flex-direction:row; 
	justify-content:space-between; 
	margin-bottom:10px; 
	font-size:16px; 
}
#login .login-link a{ 
	color:rgba(101,133,253,1); 
	padding-top:8px; 
	margin-bottom: 5px;
}
#login .custom-checkbox{ 
	padding-top:5px; 
}
#login .social{ 
	flex-direction:column; 
}
#login .social li a{ 
	width:100%; 
	max-width:100%; 
	color:#fff; 
	margin:5px 0; 
	padding: 14px; 
	position:relative;
	height: auto;
	font-weight: 600;
	font-size:18px; 
}
#login .social i{ 
	position:absolute; 
	left:5%; 
	font-size: 120%;
}

/*==========================================================================
	21) Widgets
==========================================================================*/
.widget {
	margin: 0 0 1.5em;
	margin-bottom:40px;
	color: #666;
	position:relative;
	background: #ffffff;
	/* Make sure select elements fit in widgets. */
}
.widget .widget-title {
	font-size:18px;
	padding:15px 7%;
	margin-bottom:15px;
	color:#344076;
	text-transform:capitalize;
}
.widget .widget-title span.circle{
	border-radius: 50%;
	background: #5687e7;
}
.widget .row{
	margin-left:-10px;
	margin-right:-10px;
}
.widget .col, .widget [class*=col-]{
	padding-left:10px;
	padding-right:10px;
}
.widget .no-gutters{
	margin-left:0;
	margin-right:0;
}
.widget .no-gutters>.col, .widget .no-gutters>[class*=col-]{
	padding-left:0;
	padding-right:0;
}
.widget p{
	margin-bottom: 15px;
}
.widget ol{
	margin:0 7% 15px 7%;
	padding-left:15px;
}
.widget ul {
	margin:0;
	padding:15px 7%;
	list-style:none;	
}
.widget li {
	margin:5px 0px;	
}
.widget form{
	margin:0;
	padding:15px 7%;
	width:100%;
	position:relative;
	color: #000000;
}
.widget label, .widget input, .widget textarea, .widget select, .widget button{
	width:100%;
}
.widget input, .widget textarea, .widget select{
	border-color: #e1e1e1;
}
.widget button, .widget input[type="button"], .widget input[type="reset"], .widget input[type="submit"]{
	text-transform:uppercase;
	padding-left:0;
	padding-right:0;
	text-align:center;
}
.widget button.reset, .widget input[type="reset"]{
	background:#f2f2f2;
	color:#343434;
}
.widget button.reset:hover, .widget input[type="reset"]:hover{
	background:#e0e0e0;
}
.widget form p{
	color: #666;
}
.widget .custom-control-label{
	padding:0;
	font-size:12px;
}
.widget .slider.slider-horizontal{
	width:100%;
	margin:0px 0;
}
.widget .slider.slider-horizontal .slider-selection{
	height:6px;
	top:0;
}
.widget .slider-selection{
	background:#31BD37;
}
.widget .slider-handle{
	border:8px solid #31BD37;
	top:1px;
}

.widget .verified{
	position:absolute;
	bottom:-50px; 
}

.widget a.btn, .widget a.btn-booknow {
    margin: 5px 7%;
    padding: 1em 5px;
    display: block;
}

.widget form .form-inline-one{
	padding: 0;
	margin:0 0 10px 0;
}

.widget form .form-inline-one.round{
	border-radius: 40px;
	padding: 5px;
	font-size: 20px;
}
.widget form .form-inline-one.round input{
	margin-left: 15px;
}
.widget .form-inline-one input[type="submit"],
.widget .form-inline-one input[type="button"],
.widget .form-inline-one button{
	width: 40px;
	margin: 0;
}

.widget ul.social li a{
	color: #ffffff;
}

.widget ul.info{
    margin:0;
    padding: 0;
    list-style: none;
}
.widget ul.info li{
	margin: 0;
    padding: 20px 7%;
    line-height: normal;
    color: #949494;
    position: relative;
    border-bottom: 1px solid #eee;
}
.widget ul.info li i{
	margin-right: 4%;
}

.widget_property_deal{

}
.widget ul.property-deal{
    margin: 0;
    padding: 0;
    list-style: none;
}
.widget ul.property-deal li{
    border-top: 1px solid #eee;
    padding: 15px 7%;
    margin:0;
}
.widget ul.property-deal li:first-child{
	border:none;
}
.widget ul.property-deal .price-area {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	width: 100%;
}
.widget ul.property-deal span {
    color: #666666;
    font-size: 14px;
}
.widget ul.property-deal span a {
	text-transform: uppercase;
	color: #5687e7;
	font-size:12px;
}
.widget .price-area span strong{
    color: #5da433;
    font-size: 18px;
    font-weight: 500;
    display: block;
}
.widget .price-area span.for{
    font-size: 11px; word-spacing: 1px;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 400;
    padding: 8px 20px;
}

.widget_text img, .widget_custom_html img{
	margin-bottom: 10px;
}

/* 21.1) Advertice Widget
-------------------------------------------------------------- */
.widget_advertice{
	text-align: center;
}
.widget_advertice img{
	width:100%;
	max-width:330px;
	max-width:327px;
	max-height:215px;
	margin:0 auto;
	padding:0;
}

/* 21.2) Search Widget
-------------------------------------------------------------- */
.site-sidebar .widget_property_search label, .site-sidebar .widget_property_search input, .site-sidebar .widget_property_search select, .site-sidebar .widget_property_search button{
	font-size: 13px;
}
.site-sidebar .widget .tag-filter li{ 
	min-width: inherit;
}
.widget_property_search form{
	color: #666;
}
.widget .advanced-toggle{
	position:absolute;
	top:-10px;
	right:22px;
}
.widget button.btn-toggle{
	width:2rem;
	margin:0;
	min-height:inherit;
	border-radius:0;
	cursor: pointer;
}
.widget #advanced-search-box.show{
	position:relative;
	box-shadow:none;
	background:transparent;
	padding:0;
	margin:0 0 15px 0;
	display:block;
}
.widget .tag-filter{
	margin:0;
	padding: 0;
}
.widget .tag-filter li{
	padding-right:5px;
}


/* 21.3) Gallery Widget
-------------------------------------------------------------- */
.widget_gallery ul {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.widget_gallery li {
    width: 24%;
    max-width: 65px;
}


/* 21.4) Agent Widget
-------------------------------------------------------------- */
.widget_agent_info{
	background: #fff;
    text-align: center;
    padding:15px 0;
    color: #444444;
}
.widget_agent_info p{
    padding:0 7%;
    text-align: left;
}
.widget_agent_info h3 {
    padding: 20px 7%;
    font-size: 20px;
    font-weight: 500;
}
.widget_agent_info h4 {
    font-size: 14px;
    font-weight: 500;
    color: #f85454;
    display: block;
}

.widget_agent_connect{
	padding-bottom: 15px;
}

.widget .agent_pic{
	border-radius:50%;
	margin-top: 25px;
}

.widget .agent_info {
    width: 100%;
    margin-bottom: 15px;
    display: flex;
    justify-content:space-evenly;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
.widget .agent_info h4 {
    margin: 0;
    padding: 15px 5%;
    text-align: center;
}
.widget .agent_info h4:last-child {
    border-left: 1px solid #eee;
    color: #82a3ec;
}
.widget .agent_info p span {
    display: block;
}



/*==========================================================================
	22)	Site Structure
==========================================================================*/
.full-screen{
    position: relative;
	height:100%;
    max-height:100vh;
	width:100%;
    max-width:100vw;
}
.full-screen .site-main{
    position: relative;
	height: 100%;
    max-height: calc(100vh - 81px);
    max-height: -moz-calc(100vh - 81px);
    max-height: -webkit-calc(100vh - 81px);
	width:100%;
    max-width:100vw;
	overflow:hidden;
}

.full-screen .site-main{
	display:flex;
	flex-direction:row;
	flex-wrap: nowrap;
}

.site-main{ 
	position:relative; 
}

.site-main aside{ 
	margin: 0 0 30px 0; 
	background: #ffffff;
	position:relative; 
}

.site-main aside.advertice-img{
	margin-bottom: 55px;
}
.show-shadow aside{
	box-shadow: 0 0 5px rgba(0,0,0,0.1);
}
.site-content, .site-sidebar {
	padding-top:45px;	
}
.container-fluid-box {
	max-width: 1920px;
	width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.container-box {
    max-width: 1780px;
	width:100%;
	/*padding:0 5px;*/
	padding:0;
	margin:0 auto;
	position:relative;
}	
.container {
    max-width: 1200px; 
}



/*==========================================================================
	24)	Site Content
==========================================================================*/
.spacer{
	margin-bottom:100px;
}
section a.link-orange{
	margin:25px auto;
	padding:1rem 6rem;
	text-transform: uppercase;
}
.site-content{ 
	position:relative; 
}

.absolute-left, .left-slider{
	left:0;
	height:100%;
	width:100%;
}
.absolute-left{
	position:absolute;
}
.left-slider{
	position:relative;
}


.icon-fix{
	position:relative;
	padding-left:20px;
}
.icon-fix i,
.icon-fix i{
	position:absolute;
	top:3px;
	left:0;
}
.icon-right{
	position:relative;
	padding-right:20px;
}
.icon-right i{
	position:absolute;
	top:3px;
	left: inherit;
	right: 0;
}


.section-view{
	display:flex;
	justify-content:space-between;
	padding-bottom:30px;
}
.section-view .input-group{
	margin-bottom: 5px;
}
.section-view .input-group-text, .section-view .input-group select, 
.section-view .input-group input, .section-view .input-group textarea{
	min-height: 35px;
	line-height: normal;
}
.section-view .input-group select{
	width: calc(100% - 88px);
}

select.shortby{
	border-radius:5px;
	text-transform:capitalize;
	line-height: normal;
	min-height: 35px;
	color: gray;
}
.view-type select{
	border-top-left-radius:0;
	border-bottom-left-radius:0;
	border-left:0;
	padding-left:0;
}
.view-type{
	display:flex;
	align-items:center;
	flex-wrap: wrap;
	flex-grow: 1;
}
.view-type ul.property-list{
	flex-wrap: wrap;
}
.view-type .input-group{
	width:auto;
}
.section-view .input-group{
	min-width: 210px;
	margin-right: 4%;
}
.view-layout{
	margin:0;
	padding:0;
	list-style:none;
	display:flex;
	align-items:center;
}
.view-layout li{
	padding:5px;
}
.view-layout li a{
	font-size:24px;
	padding:5px 8px 2px 8px;
	border:1px solid #d7d7d7;
	border-radius:5px;
	background:#ffffff;
	color:#31BD37;
}
.view-layout li a:hover, .view-layout li a.active{
	color:#ffffff;
	background:#31BD37;
	border-color:#31BD37;
}
.view-layout li a.hide{	display: none; }
.view-layout li a.slide-left{ display: block; }

.full-screen .map, .full-screen .map-side-listings{
	max-height: 100%;
}
.full-screen .map-half iframe{ height: 1000px; }
.map-side-listings {
	-ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width:38%;
}
.map-side-listings .search-filter,
.map-side-listings .section-layout{
	overflow-y:scroll;
	overflow-x: hidden;
}

.map-side-listings #advanced-search-box{
	height: auto;
	max-height: 100%;
	flex-direction: column;
	overflow-y:scroll;
	padding-top: 15px;
}
.map-side-listings .page-title{
	font-size:20px;
	color:#518ee6;	
	margin:0;
}
.map-side-listings .view-layout li a{
	font-size: 20px;
	color:#d0d0d0;
	background:transparent;
	border:none;
	padding:3px;
}
.map-side-listings .view-layout li a:hover{
	color:#000000;
}
.map-side-listings .view-layout li a.active{
	color:#518ee6;
}

.map-side-listings .section-view{
	margin-top:15px;
	align-items: center;
	padding-bottom:0;
}
.map-side-listings .section-layout{
	height:100%;
    max-height: calc(100% - 75px);
    max-height: -moz-calc(100% - 75px);
    max-height: -webkit-calc(100% - 75px);
	overflow-y:scroll;
	padding-top:5px;
}
.map-side-listings .col-box figure img{
	min-height: 130px;
}
#map-side-listings .listicle-box h2{
	font-size: 18px;
	height: 40px;
	overflow: hidden;
}

.map-side-listings .tilesbox-layout .box-content li{
	margin-bottom:0;
}
.map-side-listings .tilesbox-layout .box-detail, .tilesbox-layout .box-meta{
	margin:0;
}
.map-side-listings .tilesbox-layout .box-links li.view a{
	padding: 3px 12px;
}
.map-side-listings .tilesbox-layout .box-links li.view{ left: -452%; }
.map-side-listings .tilesbox-layout li.price{ left: -100%; }

#map-result{
	display: none;
}
#map-result.show{
	display: block;
}


span.info-color{
	color:#ffffff;
	font-size:10px;
	text-align:center;
	border-radius:3px;
	padding:3px;
}
span.hot-offer{
	background:#fbbe2d;
}
span.featured{
	background:#ee232b;
}
span.for-rent{
	background: #09c78f;
}
span.for-sale{
	background:#ff0000;
}
span.resale{
	background:#923636;
}
span.sold{
	background:#647d8d;
}
span.type{
	background:#ff9000;
}
span.foreclosures{
	background:#54acfd;
}
span.open-house{
	background:#f26522;
}
span.new{
	background:#81ca22;
}
span.reduced-price{
	background:#2266cc;
}
	/*background:#ff00c6;*/
	/*background:#54acfd;*/
	/*background:#2266cc;*/
	/*background:#317f12;	*/

ul.property-list{
	margin:0 10px 10px 0;
	padding:0;
	list-style:none;
	display:flex;
}
ul.property-list li{
	padding:0 5px;
	display:flex;
	align-items:center;
}
ul.property-list li span.info-color{
	width:20px;
	height:20px;
	margin-right:10px;
}

/* Posts & Pages
-------------------------------------------------------------- */
.sticky {
	display: block;
}
.post {
	margin: 0 0 30px;
}
.updated:not(.published) {
	display: none;
}
.page-content,
.entry-summary {
	margin: 1.5em 0 0;
	color: #666666;
}
.tags-links{
	padding-bottom: 25px;
	display: block;
}


/*==========================================================================
	25) Site Sidebar 
==========================================================================*/
.section.has-sidebar{
	padding-top:0;
}
.has-sidebar{
	display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
	margin-right: -15px;
    margin-left: -15px;
}
.left-sidebar{
	flex-direction:row-reverse;
}
.right-sidebar{
	flex-direction:row;
}


/* Sitebar Styles
--------------------------------------------*/
.site-sidebar select{
	color: gray;
}

/*	25.1) Sidbar One 
--------------------------------------------*/
.sidebar-one .widget{
	background:#f3f3f3;
	border:1px solid #e1e1e1;
	border-radius:5px;
	font-size: 12px;
}
.sidebar-one .widget-title{
	text-transform:capitalize;
	font-weight: 500;
	margin:0;
}
.sidebar-one label, .sidebar-one input, .sidebar-one textarea, .sidebar-one select, .sidebar-one button{
	font-size:13px;
	border-radius: 3px;
}
.sidebar-one label{
	color: #666666;
}

.sidebar-one .widget .advanced-toggle{
	top:-36px;
}
.sidebar-one .widget_advertice img{
	border-radius:5px;
}
.sidebar-one .widget form,
.sidebar-one .widget ul{
	padding-top:0;
}

/*	25.2) Sidbar Two 
--------------------------------------------*/
.sidebar-two .widget-title{
    color: #0a0a0a;
    color: #344076;
    position: relative;
    padding:10px;
    border-bottom: 1px solid #eee;
    display: flex;
    align-items: center;
    margin:0;
}
.sidebar-two .widget-title span {
    display: block;
    width: 42px;
    height: 42px;
    margin-right: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background: rgba(87,134,232,1);
    background: -moz-linear-gradient(-45deg, rgba(87,134,232,1) 0%, rgba(46,195,223,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(87,134,232,1)), color-stop(100%, rgba(46,195,223,1)));
    background: -webkit-linear-gradient(-45deg, rgba(87,134,232,1) 0%, rgba(46,195,223,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(87,134,232,1) 0%, rgba(46,195,223,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(87,134,232,1) 0%, rgba(46,195,223,1) 100%);
    background: linear-gradient(135deg, rgba(87,134,232,1) 0%, rgba(46,195,223,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5786e8', endColorstr='#2ec3df', GradientType=1 );
}
.sidebar-two input, .sidebar-two textarea, .sidebar-two select{
	border-color: #eee;
}
.sidebar-two .widget .advanced-toggle{
	top:-52px;
}
.sidebar-two .widget ul.listbox-layout{
	padding:0 10px;
	margin:0;
}
.sidebar-one .widget ul{
	padding-top:0;
}


/*	25.3) Sidbar Three 
--------------------------------------------*/
.sidebar-three .widget{
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 30px;
    color: #949494;
    background:transparent;
}
.sidebar-three .widget-title{
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
    position: relative;
    background: none;
    color: #000;
}
.sidebar-three .widget .widget-title{
    padding: 8px 0 5px 24px;
}
.sidebar-three .widget-title::before, .sidebar-three .widget-title::after {
    position: absolute;
    content: '';
    top: 0;
    height: 100%;
    background: rgba(87,133,232,1);
    background: -moz-linear-gradient(top, rgba(87,133,232,1) 0%, rgba(44,199,222,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(87,133,232,1)), color-stop(100%, rgba(44,199,222,1)));
    background: -webkit-linear-gradient(top, rgba(87,133,232,1) 0%, rgba(44,199,222,1) 100%);
    background: -o-linear-gradient(top, rgba(87,133,232,1) 0%, rgba(44,199,222,1) 100%);
    background: -ms-linear-gradient(top, rgba(87,133,232,1) 0%, rgba(44,199,222,1) 100%);
    background: linear-gradient(to bottom, rgba(87,133,232,1) 0%, rgba(44,199,222,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5785e8', endColorstr='#2cc7de', GradientType=0 );
}
.sidebar-three .widget-title::before {
    left: 0;
    width: 8px;
}
.sidebar-three .widget-title::after{
	left: 10px;
    width: 2px;
}

.sidebar-three .widget li{
	padding: 8px 0;
}
.sidebar-three .widget a, .sidebar-three .widget a:visited{
	color: #949494;
}
.sidebar-three .widget a:hover, .sidebar-three .widget a:focus, .sidebar-three .widget a:active{
	color: #344076;
}
.sidebar-three .widget form,
.sidebar-three .widget ul{
	padding: 0;
	margin:0;
}


.site-sidebar .list-thumb .detail a{
	color: #000000;
}
.site-sidebar .list-thumb .detail a:hover, .list-thumb .detail a:focus, .list-thumb .detail a:active{
	color: #5094e7;
}

/*==========================================================================
	27) colourful Page
==========================================================================*/
.colourful-page select{
	/*cornflowerblue, slateblue*/
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512' %3e%3cpath fill='slateblue' d='M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z'/%3e%3c/svg%3e");
}
.colourful-page .custom-control-label::before{
	background-color: #ddf7ff;
	border-color:#ffffff;
}
.colourful-page .custom-control-input:checked~.custom-control-label::before{
	background:#3f4f91;
	border-color:#ffffff;
}
.colourful-page .site-header{
	background: #717ef8;
}
.colourful-page h1, .colourful-page h2, .colourful-page h3, .colourful-page h4, .colourful-page h5, .colourful-page h6{
	color: #ffffff;
}
.colourful-page .slidernav-three.owl-carousel .owl-nav button{
	background: transparent;
	opacity: 0.6;
}
.colourful-page .slidernav-three.owl-carousel .owl-nav button:hover{
	opacity: 1;
}


.colourful-page .transparent-box a, .colourful-page .transparent-box a:visited{
	color: #ffffff;
}
.colourful-page .transparent-box a:hover, .colourful-page .transparent-box a:focus, .colourful-page .transparent-box a:active{
	color: #2f3259;	
}

.colourful-page .transparent-box{
	background: transparent;
}
.colourful-page .transparent-box p{
	color: #f1f1f1;
}
.colourful-page .transparent-box .box-detail i,
.colourful-page .transparent-box .box-detail i{
	color: #5be6fc;
}
.colourful-page .transparent-box .box-links li{
	border-color:#7fa3f9;
}
.colourful-page .transparent-box .box-meta li{
	color: #cbfcae;
}
.colourful-page .transparent-box .box-meta .icons-inline li{
	color: #340351;
	filter: invert(100%);
}

.colourful-page #advanced-search-box{
	background: #6575df;
	color: #ffffff;
}
.colourful-page #advanced-search-box .btn.btn-link{
	color:#ffffff;
}
.colourful-page hr { 
	/* for: #advanced-search-box */
	opacity: 0.2;
	border-color: #ffffff;
	margin-bottom:0;
}


/*==========================================================================
	28) Responsive
==========================================================================*/


@media only screen and (min-width: 1440px)  {
	.sidenavpage .relative-container{
		width: calc(100% - 255px);
		max-width: calc(100% - 255px);
		margin-left: 255px;
	}
	.dashboard .site-sidebar{
		flex: 0 0 225px;
	}
	.dashboard .site-sidebar .user-detail{
		padding: 15px;
	}
	.dashboard .site-sidebar .user-detail img.user-pic{
		margin-right: 20px;
	}

	.banner-one img.object{
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.slider-listicle .box-detail h2{ width: 79%; }
	.grid-layout .box-links li{ padding-left: 3%; width: auto; }
	.single.post .page-header .header-box{
		padding-left:15px;
	}
}

@media(min-width: 1025px){
	.sina-nav .sina-menu > .dropdown > .dropdown-toggle:after { top:8px; }
    .sina-nav .dropdown-right .dropdown-menu .dropdown > .dropdown-toggle:before{ right:inherit; left:8px; content:"\f104"; }
    .sina-nav .dropdown-right .dropdown-menu .dropdown-menu{ left: inherit; right: 100%; }
}


@media only screen and (max-width: 1919px)  {
	.site-header-three .rounded-nav a{
		margin-right: 15px;
	}
	.site-header-three .rounded-nav span,
	.site-header-three .icon-nav a{
		padding: 0 10px;
	}
	.banner-four .object img { max-width: 84%; }
	.slider-listicle .owl-nav .owl-prev{ left: 11%; }
	.slider-listicle .owl-nav .owl-next{ right: 11%; }
	.testimonial-three .object img{ left: 8%; bottom: 7%;}

}

@media only screen and (max-width: 1679px)  {
	.spacer{ margin-bottom:85px; }
	.sina-nav .sina-menu > li{ margin: 0 10px; }
	.banner-four .object img { max-width: 86%; }
	.slider-listicle .owl-nav .owl-prev{ left: 8%; }
	.slider-listicle .owl-nav .owl-next{ right: 8%; }

	.site-header .sina-brand{ margin-right: 20px; }
	.site-header .main-search-box .btn-green{ padding:8px 10px; }

	.site-header-one .extension-nav li.search{ display: block; }
	.site-header-one .main-search-box {
	    display: none;
	    background: #8257ae;
	    margin: 0;
	    padding: 10px 10px 15px 10px;
	    position: absolute;
	    top: 70px;
	    right: 0;
	}
	.testimonial-three .object img{ left: 14%; bottom: 7%; }

}

@media only screen and (max-width: 1599px) {
	.sina-nav .sina-menu > li{ margin: 0 5px; }
	.site-header-three .search-box .form-inline-two input.search { max-width: 260px; width: auto; }	
	.site-header-three .form-inline-two input.search{ padding-left: 15px; }
	.site-header-three .search-box .form-inline-two button { min-width:40px; max-width: 40px; padding: 0 12px; }
	.site-header-three .search-box .form-inline-two .show-map{ font-size: 0; }
	.site-header-three .search-box .form-inline-two .submit{ font-size: 0; margin-left: -50px; }
	.site-header-three .search-box .form-inline-two .fa-search{ position: relative; left: inherit; right: 20px; top: 17px; }
	.site-header-three .search-box .form-inline-two button.btn-advance:before{ margin: 0; }
	.site-header-three .search-box .form-inline-two i{ font-size: 16px; color: #ffffff; }

	.testimonial-three .object img{ left: 23%; bottom: 7%; }

}

/*require*/
@media only screen and (max-width: 1439px) {
	.spacer{ margin-bottom:80px; }
	hr{ margin-top:0.9rem; margin-bottom: 1.4rem; }
	.sina-nav .sina-menu > li{ margin: 0; }
	.filter-button { padding:10px 30px; }
	
	.site-header-three .rounded-nav a{
		margin-right: 10px;
	}
	.site-header-three .rounded-nav span,
	.site-header-three .icon-nav a{
		padding: 0 5px;
	}

  	.listicle-header .sina-brand{ margin-right: 15px; }
    .sina-nav .sina-menu > li { padding:20px 4px; } 
    .sina-nav li.add-listing a{ padding:4px 15px; }

    .page-header .header-box{ padding-top: 30px; padding-bottom: 30px; }
    .page-header .container .header-box{ padding-top:20px; padding-bottom: 20px; }
	.page-title .big{ font-size: 46px; }
	.single.post .page-title{ font-size: 29px; }
	.page-gallery .title{ font-size: 2.1rem; }
	.reladed-box .title{ font-size: 2.2rem; }

	.bg-wave1{ padding:25px 0; margin: 116px 0 152px 0; }
	.bg-wave1::before{ top:-116px; height: 130px; }
	.bg-wave1::after{ bottom:-152px; height: 170px; } 
	.bg-wave2{ margin:-12px 0 80px 0; }
	.bg-wave2::before{ top:-42px; height: 110px; }
	.bg-wave2::after{ bottom:-80px; height: 150px; } 
	.bg-waves .section-block{ padding-bottom: 15px; }
	
   /* .heading-style{ margin-top: 45px; margin-bottom: 45px; }
	.heading-style-three{ padding:0; }

	.banner h2{ font-size:48px; }*/

	
	/*.banner h5{ font-size:30px; }
	.banner h6{ font-size:25px; }*/
	
	.bannerbg-two{ font-size:18px; }

/*	.banner-four .heading{ font-size: 54px; }*/
	.banner-four .object img { max-width: 88%; }
	.banner-five .heading{ font-size:42px; }
	.banner-five .desc{ font-size:27px; }

	.slider-property ul li{ padding:10px 0; }	
	.slider-listicle .owl-nav .owl-prev{ left: 15px; }
	.slider-listicle .owl-nav .owl-next{ right: 15px; }
	.slider-listicle .slide-detail{
		-webkit-transform: translateY(60%);
		transform: translateY(60%);
		right: 14%;
	}
	.testimonial-three .object img{
		left: 22%;
		bottom:4%;
		width: 70%;
	}


	.gridbox-layout ul.icons-inline li{ padding-right:7px; }

	.map-side-listings{
		max-width:660px;
	}
	.map-side-listings .section-layout{
		padding:5px;
	}
	.map-side-listings .col-box{
		padding-left:10px;
		padding-right:10px;
	}
	.map-side-listings .box-detail, .map-side-listings .box-meta{
		padding-left:5%;
		padding-right:5%;
	}
	
	.listicle-box h2{ font-size:20px; }
	.listbox-layout .box-content, .list-layout .box-content{ padding-left: 15px; }
	.list-heading ul.icons-inline li.title{ margin-right: 20px; }

	.list-layout ul.icons-inline .title, .list-layout figure{
		max-width: 21%;
		width: 21%;
	}
	.listbox-layout .listicle-box .info{
		padding-left: 0;
	}
	.list-layout .info span.type{
		margin-left: 8px;
	}

	.has-sidebar .agents-agencies .tiles-layout figure{ max-width: 35%; }
	.has-sidebar .agents-agencies .tiles-layout .box-content{ max-width: 65%; }

	.dashboard .my-properties .properties .take-action{
		max-width: 50px;
	}
	.dashboard-content aside{ padding: 12px 22px; }
	.analytics-box, .chart{ margin: 12px 0; }
	input.inputpaypal, input.inputvisa{ background-size: 40%; padding-left:45% !important; }
	.widget .verified{ position: relative; bottom: inherit; }
	.copyright{ padding:40px 0; }
}

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

	body, button, input, select, optgroup, textarea { font-size: 0.98rem; }
	.site-main aside.advertice-img{ margin-bottom:50px; }

	.bg-wave1{ padding:20px 0; margin: 116px 0 128px 0; }
	.bg-wave1::before{ top:-116px; height: 120px; } 
	.bg-wave1::after{ bottom:-128px; height: 130px; }
	.bg-wave2{ margin:-10px 0 60px 0; }
	.bg-wave2::before{ top:-40px; height: 104px; }
	.bg-wave2::after{ bottom:-60px; height: 144px; } 
	.bg-waves .section-block{ padding-bottom: 0; }

   /* .heading-style{ margin-top: 40px; margin-bottom: 40px; }
	.banner h2{ font-size:45px; }
	.banner h5{ font-size:28px; }
	.banner h6{ font-size:24px; } */

/*	.banner-four .heading{ font-size: 52px; }
	.banner-five .heading{ font-size:40px; }*/
    .page-header .header-box{ padding-top:25px; padding-bottom:25px; }
    .page-header .container .header-box{ padding-top:45px; padding-bottom: 45px; }
	.page-title .big{ font-size: 44px; }
	.single.post .page-title{ font-size: 28px; }
	.page-gallery .title{ font-size: 2rem; }
	.reladed-box .title{ font-size: 2.1rem; }
		
	.slider-listicle .slide-detail{ width: 290px; }

	.section-block{ font-size:15px; }
	.section-block.list-block .img-bg{ margin-right: 15px; }

	.advertice .heading{ font-size: 50px; }
	.advertice .desc{ font-size: 28px; }	
	.advertice .btn{ padding: 0.45rem 2rem; }

	.app-two .app-section{ background-position:120%; }
	.slider-listicle .slide-detail{
		-webkit-transform: translateY(40%);
		transform: translateY(40%);
	}

	.property-type h6{ font-size: 15px; }	
	ul.text-inline li span{ margin-right: 1px; }



	.map-side-listings{
		max-width:570px;
	}
	.map-side-listings .tilesbox-layout .box-content{
		padding-top:10px;
		padding-bottom:30px;
	}
	.map-side-listings .tilesbox-layout .box-links li.view{
		bottom:8px;
		left:-460%;
	}
	.map-side-listings .tilesbox-layout .box-links li.view a{
		padding:0 10px;
		line-height: normal;
	}
	.map-side-listings .tilesbox-layout li.price{
		left:-104%;
	}
	.map-side-listings .tilesbox-layout ul.icons-inline .sqft{
		width:auto;
	}

	.dashboard-content aside{ padding: 10px 20px; }
	.analytics-box, .chart{ margin: 10px 0; }


	.dashboard .listbox-layout .location, .dashboard .list-layout .location{ margin-bottom: 0; }
	.has-sidebar .listbox-layout .box-links ul, .has-sidebar .list-layout .box-links ul{ margin: -5px 0 0 0; }

	.site-sidebar .list-sqr-thumb .list-item{ padding: 12px; }
	.site-sidebar .list-sqr-thumb .list-item .thumb{ margin-right: 12px; }
	.site-sidebar .list-sqr-thumb .list-item .detail .title{ font-size: 16px; }

	.site-footer .widget{ padding-bottom:20px; }
	.site-footer .widget ul li{ margin-bottom: 15px; }
	.copyright{ padding:35px 0; }
}

@media only screen and (max-width: 1279px)  {
	body, button, input, select, optgroup, textarea { font-size: 0.96rem;}
	.spacer{ margin-bottom:75px; }
	.site-main aside.advertice-img{ margin-bottom:45px; }
	.section-block{ padding-top:20px; padding-bottom: 20px; }

	.rounded-nav a{ margin-right: 10px; }
	.site-header-two .sina-nav li.add-listing a { margin: 0; }
	.site-header-three .header-part .search-box{ display: none; }
	.site-header-three .container-fluid-box{ padding-bottom: 0; }
	.site-header-three .login-nav ul li a{ min-height: inherit; height: 32px; }

	.site-header-three .extension-nav li.search{ display: block; }
    .site-header-three .header-base{ flex-direction: column-reverse; align-items: flex-end; padding:2px 0; }
    .site-header-three .header-part{ width: 100%; padding:0; justify-content: flex-end; }
    .site-header-three .header-part .search-box{ max-width:380px; padding: 0; position: absolute; top: 65px; }

/*    .heading-style{ margin-top: 35px; margin-bottom: 35px; }*/

	.site-content, .site-sidebar{ padding-top: 40px; }
	.bg-wave1{ padding:15px 0; margin: 90px 0 120px 0; }
	.bg-wave1::before{ top:-90px; height: 90px; } 
	.bg-wave1::after{ bottom:-120px; height: 120px; }
	.bg-wave2{ margin-bottom: 50px; }
	.bg-wave2::before{ height: 98px; }
	.bg-wave2::after{ bottom: -50px; height: 134px; } 

	/*.banner h2{ font-size:42px; }
	
	.banner h5{ font-size:26px; }
	.banner h6{ font-size:23px; }*/
	
	.banner-two .banner-detail{ margin-bottom: 0;  }

/*	.banner-four .heading{ font-size: 48px; }
	.banner-five .heading{ font-size:38px; }
	.banner-five .desc{ font-size:26px; }*/
	.page-banner .container{ padding-top: 30px; padding-bottom: 30px; }
    .page-header .header-box{ padding-top:20px; padding-bottom:20px; }
	.page-header .container .header-box{ padding-top:40px; padding-bottom: 40px; }
	.page-title .big{ font-size: 42px; }
	.single.post .page-title{ font-size: 27px; }
	.page-gallery .title{ font-size: 1.9rem; }
	.reladed-box .title{ font-size: 2rem; }
	
	.heading-style-one h2{ font-size:36px; }
	.app-two .app-section{ background-position:140%; }
	.slider-listicle .slide-detail{
		-webkit-transform: translateY(25%);
		transform: translateY(25%);
		width: 280px;
	}
	.slider-listicle .box-content{ padding-top: 30px; }
	.slider-listicle .box-detail, .slider-listicle .box-meta, .slider-listicle ul.icons-inline li{ margin: 0; }


	.list-layout figure, .list-heading ul.icons-inline .title{ width:23%; max-width: 23%; }
	.project .marketed-by a{ display:block; }
	.property-type h6{ font-size: 14px; }	

	.grid-layout .user-box .user-detail, .gridbox-layout .user-box .user-detail{ font-size: 0; }
	
	.tiles-layout figure{ max-width: 46%; }
	.tiles-layout .box-content{ max-width: 54%; }

	.tiles-layout .box-detail, .tiles-layout .box-meta, .tiles-layout .box-links{ padding-left: 15px; }
	.tiles-layout .info span.type{ margin-left: 10px; }
	.tiles-layout ul.icons-inline li{ padding-right: 20px; }

	.map-side-listings{
		max-width:490px;
	}
	.map-side-listings .tilesbox-layout .box-content{
		padding-top:10px;
		padding-bottom:5px;
    	max-width: 43%;
	}
	.map-side-listings .tilesbox-layout .listicle-box p{
		margin-bottom: 0;
	}
	.map-side-listings .tilesbox-layout li.price, .map-side-listings .tilesbox-layout li.period span{
		font-size: 15px;
	}
	.map-side-listings .tilesbox-layout .box-links li.view{
		display:none;
	}
	.map-side-listings .tilesbox-layout ul.icons-inline .sqft{
		width:auto;
	}


	form.property-form{
		margin:50px 8%;
	}
	section.property-cities .container{ margin: 0 auto; }
	.property-city{
		max-width:33.33%;
		margin-bottom: 10px;
	}
	.blueprint .card-header, .blueprint .card-body{ padding-left: 55px; }

	.site-footer .widget{ padding-bottom:10px; }
	.copyright{ padding:30px 0; }
}
/*require*/
@media only screen and (max-width: 1199px) {
	body, button, input, select, optgroup, textarea { font-size: 0.94rem;}
	.site-main aside.advertice-img{ margin-bottom:40px; }
	section a.link-orange{ margin: 20px auto; padding: 0.95rem 5.5rem; }
	.section-block{ padding-top:15px; padding-bottom: 15px; }

	.sidenavpage .sina-nav .navbar-collapse, .site-header-sticky + main{
		padding-top: 65px;
	}
	.sidenavpage #advanced-search-box .input-fields h6.col-12{ position:absolute; top:-45px; left:15px; }
	.sidenavpage #advanced-search-box{
		padding-top:70px;
	}

	.sina-nav .sina-menu > li { padding: 20px 1px; }
	.sina-nav .sina-menu > li > a{ font-size: 13px; }
	.site-content, .site-sidebar{ padding-top: 35px; }
	.bg-wave1{ padding:10px 0; margin: 87px 0 112px 0; }
	.bg-wave1::before{ top:-87px; height: 90px; }
	.bg-wave1::after{ bottom:-112px; height: 114px; }
	.bg-wave2{ margin: -6px 0 49px 0; }
	.bg-wave2::before{ top:-36px; height: 92px; } 
	.bg-wave2::after{ bottom: -49px; height: 126px; } 

    /*.heading-style{ margin-top: 30px; margin-bottom: 30px; }*/
	.agents .owl-carousel .owl-dots{ margin: 10px 0; }

	/*.banner h2{ font-size:38px; }
	
	.banner h5{ font-size:25px; }
	.banner h6{ font-size:22px; } */
	
/*	.banner-four .heading{ font-size: 46px; }
	.banner-four .heading, .banner-four .desc{margin-bottom: 30px; }*/

	.banner-five{ height:auto; }
	.banner-five .heading{ font-size:36px; }
	.banner-five .desc{ font-size:24px; }
	.app-two .app-section{ background-position:160%; }
	
	.search-full .col-lg-2{ padding:0 10px; }
	.search-full .custom-control{ padding-left:1.5rem; }
	
	.page-title{ font-size: 32px; }
	.page-title .big{ font-size: 40px; }
	.page-banner .container{ padding-top: 25px; padding-bottom: 25px; }
	.page-header .page-info{ padding-top: 1.5rem; padding-bottom: 1.5rem; }
    .page-header .header-box{ padding-top:15px; padding-bottom:15px; }
	.page-header .container .header-box{ padding-top:35px; padding-bottom:35px; }
	.single.post .page-title{ font-size: 26px; }
	.page-gallery .title{ font-size: 1.8rem; }
	.reladed-box .title{ font-size: 1.9rem; }


	.col-lg-3 .section-block p{
		max-width:300px;
	}
	.col-lg-4 .section-block p{
		max-width:260px;
	}
	.section-block p br{
		display:none;
	}
	ul.facilities li{ 
		max-width: 33.33% 
	}

	.agents-agencies .box-meta li{ max-width: 50%; }
	.has-sidebar .grid-layout .col-box,	.has-sidebar .gridbox-layout .col-box{ max-width: 50%; }	

	.tiles-layout figure{ max-width: 40%; }
	.tiles-layout .box-content{ max-width: 60%; padding-top: 33px; padding-bottom: 5px; }
	.tiles-layout .box-content li{ margin-bottom: 5px; }
	.tiles-layout .info span.type{ top: 0; }
	.tiles-layout .box-detail, .tiles-layout .box-links{ padding:0 15px; }
	.tiles-layout .box-meta{ padding:10px 15px; }
	.tiles-layout ul.icons-inline li{ padding-right: 15px; }
	.tiles-layout .box-links li.view a{ padding: 2px 8px; }
	.tiles-layout .box-links li.view span{ display: none; }
	.tiles-layout .box-links li.view i{ display: block; }	
	.tiles-layout .user-detail img.agent-pic{ margin-right: 5px; }

	.agents-agencies .tiles-layout figure{ max-width: 33.3333%; }
	.agents-agencies .tiles-layout .box-content{ max-width: 66.6666%; }
	.has-sidebar .agents-agencies .tiles-layout figure{ max-width: 44%; }
	.has-sidebar .agents-agencies .tiles-layout .box-content{ max-width: 56%; }

	.tilesbox-layout figure{ max-width: 47%; }
	.tilesbox-layout .box-content{ padding-bottom: 40px; max-width: 45%; }
	.tilesbox-layout .listicle-box h2{ max-height: 50px; font-size:22px; }
	.tilesbox-layout ul.icons-inline li{ margin-bottom: 0px; }
	.tilesbox-layout li.price{ left: -100%; }

	.listbox-layout p.location, .list-layout p.location,
	.listbox-layout .box-meta, .list-layout .box-meta{ margin: 0; }

	.has-sidebar .list-layout .info span.type{ margin-left: 0; margin-top: -5px; }
	.has-sidebar .listbox-layout .info{ left: 138px; }
	.has-sidebar .listbox-layout .box-content, .has-sidebar .list-layout .box-content{ padding-left: 8px; padding-top: 20px; }
	.has-sidebar .list-heading ul.icons-inline li.title{ margin-right: 10px; }
	.has-sidebar .listbox-layout .box-detail, .has-sidebar .listbox-layout .box-meta, .has-sidebar .listbox-layout .box-links,
	.has-sidebar .list-layout .box-detail, .has-sidebar .list-layout .box-meta, .has-sidebar .list-layout .box-links{
		padding-right: 8px;
	}
	.has-sidebar .listbox-layout .box-meta li, .has-sidebar .list-layout .box-meta li{ padding: 0 8px 0 0; }	
	.has-sidebar .listbox-layout .box-links ul, .has-sidebar .list-layout .box-links ul{ margin: -10px 0 0 0; }
	.has-sidebar .listbox-layout .box-links ul li, .has-sidebar .list-layout .box-links ul li{ width: 32px; height: 32px; font-size: 18px; margin-left: 5px; }

	.verticle-slider-map iframe, .verticle-slider-map .left-slider { max-height:inherit; }
	.verticle-slider.owl-carousel{ width:550px; margin-top:225px; margin-left:-225px; }
	.testimonial-three .bgl-cloud{ width: 50%; }
	.testimonial-three .object img{ bottom:9%; left: 23%; width: 75%; }
	.slider-property .slide-detail{	width: 38%; }

	.slider-listicle .price{ margin: 0; font-size:14px; }
	.slider-listicle hr{ margin-bottom: 10px; }

	
	.box-detail, .box-meta{ padding-left:6%; padding-right:6%; }
	.grid-layout .price, .gridbox-layout .price{ left: 6%; }
	.gridbox-layout ul.round-links, .grid-layout ul.round-links{ padding-left:6%; margin: 0; }
	.round-links li.view{ right: 6%; }
	.tablayout-three .nav-tabs li a{ font-size: 21px; }

	form.property-form{
		margin:40px 5%;
		width: 85%;
	}
	.dashboard .site-main{ padding: 0; }
	.dashboard-content aside{ padding: 15px; }
	.analytics-box, .chart{ margin-top: 15px; margin-bottom: 0; }
	.dashboard-sidebar{ position: absolute; left: 0; width: 55px; height: 100%; z-index: 999999; }
	.dashboard-sidebar .user-detail{ padding: 0 5px; }
	.dashboard-sidebar .user-detail img.user-pic{ width: 45px; height: 45px; }
	.dashboard .container{ padding-left: 75px; }
	.dashboard-sidebar .sidebar-menu span{ display: none; }
	.sidebar-menu .nav-link{ padding-top: 0; padding-bottom: 0; height: 40px; }
	.sidebar-menu .nav-link i{ margin-left:20px; }

	.dashboard-sidebar:hover{ width: 225px; border-bottom: 1px solid #e5e5e5; }
	.dashboard-sidebar:hover .sidebar-menu span{ display: block; }

	.widget .widget-title, .widget form, .widget ul{ padding-left:5%; padding-right:5%; }
	.widget .advanced-toggle{ right:5%; }

	.site-footer .widget{ padding-bottom:0; }
	.site-footer .widget .widget-title{ padding-bottom: 25px; }
	.site-footer .widget ul li{ margin-bottom: 10px; }
	.copyright{ padding:25px 0; }
}

@media only screen and (max-width: 1024px)  {
	body.mobile-left > .wrapper{ margin-left: 255px; margin-right: -255px; }
	.sina-nav .extension-nav{ position: relative; }
	.login-nav ul li a{ font-size: 24px; height: 30px; }
	.login-nav .rounded-nav a { font-size: 16px; padding: 0 7px; min-width: 30px; min-height: 30px; }
	.full-screen .site-main{
	    max-height: calc(100vh - 60px);
	    max-height: -moz-calc(100vh - 60px);
	    max-height: -webkit-calc(100vh - 60px);
    }
    .sina-nav .sina-brand{ margin: 0; }
    .sina-nav .extension-nav ul{ margin-top: 10px; }
    .site-header .navbar-collapse.show ul li{ padding: 0; }

	.site-header .extension-nav li.search{ display: block; }
	.site-header .main-search-box{ display: none; background: #8257ae; margin: 0; padding:10px 10px 15px 10px; position:absolute; top:50px; right:0; }
	.site-header-two .sina-nav .extension-nav{ right: 0; }
	.site-header-two button.btn-advance{ top: 55px; }
	
	.banner, .app, .search-full { margin-bottom:40px;}
	.section  { margin-bottom:45px;  }
	#featured.properties, #sale.properties, #rent.properties, #reality { margin-bottom:10px; }
	.connections.section { margin-bottom:20px; }
	.city.section, .services.section, .blog.section, .projects.section, 
	.agents-agencies.section, #propertylists.section { margin-bottom:30px; }
	.section.banner-four { padding-top:40px; }	
	.section.banner-four h2 br { display:none; }
	
	.heading-style { padding-bottom:20px; }
	.heading-style.heading-style-three { padding-bottom:0; margin: 0 0 20px;}
	.heading-style-three .heading { font-size: 20px; padding-top:20px; }
	.properties.bgicon-property { padding:25px 0 15px  }
	
	.projects .heading-style-three .heading { padding-top:0; }
	
	.agents-agencies.bg-f1f9fe.section,
	.clients.section, .properties.property-latest { padding:25px 0; }
	.app-one, .agents-agencies.bg-f1f9fe.section { margin-bottom:40px; }
	.slider-property .slide-detail h2 { font-size:1.2em; }
	
	.heading-style-one h2 { font-size:24px; margin-bottom:10px; }
	.properties .gridbox-layout .listicle-box h2, .blog .gridbox-layout .listicle-box h2 { height: 35px; }
	
	.countings .big { font-size:24px; }
	.countings h5, .connections h4{ font-size:16px; }
	
	.listicle-box .price-area, .project h6 { font-size: 14px;}
	.listicle-box h2{ font-size:20px; }
	.gridbox-layout .listicle-box h2 { font-size:14px; }
	.listicle-box p { font-size:12px; }
	.bg-waves { padding:0;  height: 100%; }
	
	.slider-quicklinks { margin-bottom:0; }
	.slider-quicklinks .listicle-box { margin-bottom:0; }
	.slidernav-one.owl-carousel .owl-nav button { bottom: 18%; }
	
	
	.banner h2{ font-size:24px; }
	.banner h5{ font-size:20px; }
	.banner-four .desc { font-size:16px; }
	.banner h6{ font-size:18px; }
	
	.banner-three .heading, .banner-four .heading.banner-five .heading{ font-size:24px; }
	.banner-five .desc{ font-size:20px; }
	
	.testimonial-three .quote-block { font-size:14px; }
	#map-side-listings .listicle-box h2{ font-size: 14px; height: 33px; }
/*	.box-meta { margin-bottom:0; }*/
	.box-links, .agents-agencies .box-links { margin-bottom:-2px; }
	.box-links li  { font-size:14px; padding: 5px 0; margin-top: -3px; }
	.quote-block p { font-size:16px; }
	.user-box { margin-bottom:10px; }
	.user-box span { font-size: 14px;}
	.user-detail label { font-size: 20px; }

    
}

@media only screen and (max-width: 1023px)  {
	body, button, input, select, optgroup, textarea { font-size: 0.92rem;}
	.spacer{ margin-bottom:70px; }
	hr{ margin-top:0.8rem; margin-bottom: 1.3rem; }
	.site-main aside.advertice-img{ margin-bottom:35px; }
	.bg-wave1{ padding:5px 0; margin: 70px 0 96px 0; }
	.bg-wave1::before{ top:-70px; height: 72px; } 
	.bg-wave1::after{ bottom:-96px; height: 96px; }
	.bg-wave2{ margin:0 0 40px 0; }
	.bg-wave2::before{ top:-30px; height: 78px; } 
	.bg-wave2::after{ bottom: -40px; height: 108px; } 

/*    .heading-style{ margin-top: 25px; margin-bottom: 25px; }


	.banner h2{ font-size:33px; }
	.banner h5{ font-size:24px; }
	.banner h6{ font-size:21px; }
	
	.banner-three .heading{ font-size:34px; }
	.banner-four .heading{ font-size: 44px; }

	.banner-five .heading{ font-size:34px; }
	.banner-five .desc{ font-size:20px; }*/
	
	.search-full label, .search-full form label{ font-size:13px; }
	
	.site-header .container { min-height:inherit; display:table; }
	.sina-nav .navbar-toggle{ margin-left:15px; }
	.container-fluid .sina-nav .navbar-toggle{ margin-left:0; }
	.page-header .container .header-box{ padding-top:30px; padding-bottom:30px; }
	.single.post .page-title{ font-size: 25px; }
	.page-gallery .title{ font-size: 1.7rem; }
	.reladed-box .title{ font-size: 1.8rem; }
		
	.nav-tabs li a { padding:10px 40px; }
	
	.login-links { display:none; }

	.app-two .app-section{ background-position:180%; }
	.advertice .heading{ font-size: 46px; }
	.advertice .desc{ font-size: 24px; }
	.advertice .btn{ padding: 0.3rem 1.35rem; }
	.slider-listicle .slide-detail{
		-webkit-transform: translateY(20%);
		transform: translateY(20%);
		right:90px;
	}

	.has-sidebar ul.facilities li, .has-sidebar ul.property-meta li{ 
		max-width: 50% 
	}

	.agents-agencies .tiles-layout .box-detail, .agents-agencies .tiles-layout .box-meta, .agents-agencies .tiles-layout .box-links{ padding: 0; }
	
	.payment-settings form label{ font-size: 13px; }

	.site-footer .widget{ line-height: 1.4; }
	.site-footer .widget .widget-title{ padding-bottom: 20px; }
	.copyright{ padding:20px 0; }
}

@media only screen and (max-width: 991px)  {
	body, button, input, select, optgroup, textarea { font-size: 0.90rem;}
	a.btn-orange{ padding: 0.9rem 2.8rem; }
	hr{ margin-top:0.7rem; margin-bottom: 1.2rem; }
	.spacer{ margin-bottom:40px; }
/*	.section{ padding-top: 25px; padding-bottom: 25px; }*/
	.site-main aside.advertice-img{ margin-bottom:30px; }
	section a.link-orange{ margin: 15px auto; padding: 0.9rem 5rem; }
	.section-block { padding-top: 10px; padding-bottom: 10px; }
	form.round{ border-radius: 25px; }
	.sina-nav .extension-nav{ margin-left: 10px; z-index: 1; }
	.site-header-three .login-nav ul:first-child{ padding-right: 5px; }
	.site-content, .site-sidebar{ padding-top: 30px; }
	.bg-wave1{ padding:1px 0; margin: 69px 0 94px 0; }
	.bg-wave1::before{ top:-69px; height: 70px; } 
	.bg-wave1::after{ bottom:-94px; height: 94px; }
	.bg-wave2::before{ height: 76px; }
	.bg-wave2::after{ height: 104px; } 

    /*.heading-style{ margin-top: 20px; margin-bottom: 20px; }
	.heading-style-one h2{ font-size:34px; margin:0 auto 15px; } 
	.heading-style-two .heading{ font-size: 26px; margin:0 auto 15px; }
    .heading-style-three .heading{ font-size: 36px; }
    .heading-style.heading-style-four{ margin-bottom: 15px; }*/
	.heading-style.heading-style-four { padding-bottom:20px; }

    .slidernav-three.owl-carousel .owl-nav button,
    .slidernav-four.owl-carousel .owl-nav button{ top: -60px; }

	.agents .owl-carousel .owl-dots{ margin: 5px 0; }

	.sina-menu li.add-listing a{ display: block; }
	.sina-nav .extension-nav li.add-listing a{ display: none; }

	/*.banner h2 { font-size: 32px; }
	
	.banner h5{ font-size:22px; }
	.banner h6{ font-size:20px; }*/

	.bannerbg-two { font-size: 16px; }


	.banner-one .container-box{ padding-bottom: 60px; }
	.banner-one a.btn{ font-size: 18px; }
	.banner-two img.object{ padding: 0; }
	/*.banner-three .heading{ font-size:32px; }
	.banner-four .heading{ font-size: 40px; }	
	.banner-four .heading, .banner-four .desc{margin-bottom: 25px; }
	.banner-five .banner-content{ padding-top:70px; padding-bottom:70px; }
	.banner-five .heading{ font-size:32px; }
	.banner-five .desc{ font-size:18px; }*/
	
	.page-title{ font-size: 30px; }
	.page-title .big{ font-size: 38px; }
	.page-banner .container{ padding-top: 20px; padding-bottom: 20px; }
	.page-header .page-info{ padding-top: 1rem; padding-bottom: 1rem; }
	.page-header .container .header-box{ padding-top:25px; padding-bottom:25px; }
	.page-header .meta-text li{ font-size: 13px; }
	.single.post .page-title{ font-size: 24px; }
	.page-gallery .title{ font-size: 1.6rem; }
	.reladed-box .title{ font-size: 1.7rem; }
	.breadcrumb { font-size: 13px; }
	.site-content h3{ font-size:26px; }
	
	.search-absolute{ top:0px; margin-bottom:45px; }
	.search-full label, .search-full form label{ font-size:14px; }

	.tablayout-two .tab-content .field{ font-size:15px; }
	.featured-dest { margin-bottom:30px; }
	
	
	.advertice-one .heading, .advertice-one .desc{ margin-bottom: 20px; }
	.advertice .heading{ font-size: 40px; }
	.advertice .desc{ font-size: 22px; }
	.advertice .btn{ font-size:14px; }
	
	.search-tab .advanced-toggle span.txt{ font-size: 0; }

	
	.property-type h6{ font-size: 16px; }
	.project p{ line-height: normal; margin-bottom: .3rem; }
	.project .marketed-by{ margin: 10px 0; font-size: 12px; }

	.grid-layout .user-box .user-detail, .gridbox-layout .user-box .user-detail{ font-size: 14px; }	

	.wrapper .grid-layout .col-box,	.wrapper .gridbox-layout .col-box{ max-width: 33.333333%; }
	.has-sidebar ul.facilities li, .has-sidebar ul.property-meta li{ max-width: 33.333333%; }

	.tiles-layout .listicle-box{ max-height: 230px; }
	.tiles-layout figure{ max-width: 46%; }
	.tiles-layout .box-content{ max-width: 54%; }
	.tiles-layout .box-links ul{ margin-top: 5px; }
	.tiles-layout ul.icons-inline li{ background-size: 20px; padding-left: 25px; }

	.wrapper .agents-agencies .tiles-layout figure{ max-width: 40%; }
	.wrapper .agents-agencies .tiles-layout .box-content{ max-width: 60%; }

	.tilesbox-layout figure{ max-width: 44%; }
	.tilesbox-layout .box-content{ max-width: 47%; }
	.tilesbox-layout ul.icons-inline li{ margin-bottom: 5px; }
	.tilesbox-layout li.price{ left: -90%; }

	.listbox-layout .listicle-box h2, .list-layout .listicle-box h2{ font-size: 18px; }
	.has-sidebar .listbox-layout .info{ left: 145px; }
	.wrapper .listbox-layout .box-links ul li, .wrapper .list-layout .box-links ul li{
		width: 32px; height: 32px; font-size: 18px; 
	}
	.wrapper .list-heading ul.icons-inline li.title{ margin-right: 20px; }
	.wrapper .listbox-layout .box-content, .wrapper .list-layout .box-content{ padding-left: 15px; padding-top: 30px; }
	.wrapper .list-layout .info span.type{ margin-left: 8px; margin-top: 0; }

	.map-side-listings{ max-width:380px; }
	.search-filter .tag-filter li{ max-width:50%; }
	.search-filter .tag-filter li.col-box.full{ max-width:100%; }
	.map-side-listings .view-layout{ width: 100%; }
	.map-side-listings .view-layout li:first-child{
		flex-basis: auto;
	    flex-grow: 1;
	    padding-left: 0;
	}
	.map-side-listings .section-view{
		flex-direction: column;
	}
	.map-side-listings .section-layout{
		max-height: calc(100% - 100px);
	    max-height: -moz-calc(100% - 100px);
	    max-height: -webkit-calc(100% - 100px);
	}
	.map-side-listings .grid-layout .col-box,
	.map-side-listings .gridbox-layout .col-box{
	    max-width: 100%;
	}
	.map-side-listings .tilesbox-layout .location.icon-fix{
		display: none;
	}
	.map-side-listings .tilesbox-layout figure{
		max-width:47%;
	}
	.map-side-listings .tilesbox-layout figure span{
		font-size: 0;
		height: 15px;
	}
	.map-side-listings .tilesbox-layout .box-content{
		max-width:40%;
		padding-top: 2px;
	}
	.map-side-listings .tilesbox-layout .box-links li a{
		padding: 0 5px;
	}
	.map-side-listings .tilesbox-layout ul.icons-inline li{
		 padding-bottom:0;
		 left: -110%;
	}
	#search-filter input[type="button"], #search-filter input[type="reset"], #search-filter input[type="submit"], #search-filter button{
		padding:10px 15px;
	}
	
	.countings .section-block{ font-size: 20px; }

	.app a.link{
		padding: 0.6rem 1.90rem
	}
	.app-image { display:none; }
	.app-one{ max-height:380px; }
	.app-two .app-section{ background-position:285px; }
	.icon-list li{ font-size:17px; }
	.icon-list li .icon{ width:50px; height:50px; }
	.icon-list li i{ font-size:24px; }
		
	.verticle-slider-map iframe, .verticle-slider-map .left-slider{ max-height:inherit; }
	.verticle-slider.owl-carousel{ width:450px; margin-top:175px; margin-left:-175px; }

	.dashboard .my-properties .properties .take-action{ max-width: 30px; }
	.dashboard-content .custom-checkbox .custom-control-label{ margin-left: 10px; }
	.dashboard-content .property-list li{ padding: 10px; }
	.my-properties{ flex-direction: column-reverse; }
	.dashboard .property-list{ margin: 0; flex-direction: row; flex-wrap: wrap; }
	.dashboard .property-list li{ width: 25%; padding:5px; border:none; }

	ul.property-list li span.info-color{ width: 15px; height: 15px; }
	ul.property-list li span.info-color i{ position: relative; top:-2px; left:-1px; }
	.wrapper form.property-form{ width: 92%; margin:30px auto; }
	input.inputpaypal, input.inputvisa{ background-size: 20%; padding-left:22% !important; }

	.agencies .listicle-box h2, .agencies .box-meta li{ margin-bottom:3px;  }

	.section-view{ align-items: flex-end; }

	.quote-block .fa-quote-left{ font-size: 60px; left: -80px; }
	.quote-block{ font-size: 16px; line-height: 1.3; }

	.testimonial .user-detail img.client-pic{ width: 70px; height: 70px; margin-right: 15px; }
	.testimonial .user-detail label{ font-size: 18px; }
	.testimonial .user-box span{ font-size: 14px; }

	.testimonial-two .owl-item{ padding-top:45px; padding-bottom:15px; }
	.testimonial-three .bgl-cloud{ bottom: 50px; }
	.testimonial-three .object img{ bottom:5%; margin-bottom:10%; }
	.slider-property .slide-detail{	width: 41%; padding: 2% 2% 2% 3%; }
	
 	.site-sidebar .list-sqr-thumb .list-item{ padding: 15px; }
	.site-sidebar .list-sqr-thumb .list-item .thumb{ margin-right: 15px; }
	.site-sidebar .list-sqr-thumb .list-item .detail .title{ font-size: 18px; }
	.site-sidebar .agent_info h4{ width: 100%; }

	.site-sidebar .social{ justify-content: space-evenly; }

	.site-footer .widget{ line-height:normal; font-size: 16px; }
	.copyright{ padding:15px 0; }
}

@media only screen and (max-width: 812px)  {
	.bg-wave1{ margin: 60px 0 76px 0; }
	.bg-wave1::before{ top:-60px; height: 65px; } 
	.bg-wave1::after{ bottom:-76px; height: 78px; }
	.bg-wave2{ margin: 4px 0 32px 0; }
	.bg-wave2::before{ top: -24px; height: 62px; }
	.bg-wave2::after{ bottom: -32px; height: 86px; } 

	.site-header .row { display: contents;}
	.site-header .site-branding { float:left; }
	.site-header-three .search-box .form-inline-two{ justify-content: flex-end; }
	.site-header-three .search-box .form-inline-two input.search{ max-width: 250px; min-width: 250px; }
	.site-header-three .header-part .prop-nav{ display: none; }
	.site-header-three .header-part.login-nav{ margin-bottom: 0; }
	.sidenavpage .sina-nav .navbar-toggle{ top:110px; }
	
	.banner-three .heading{ font-size:30px; }
/*	.banner-four .heading{ font-size: 36px; }*/
	.banner-five .banner-content{ padding-top:50px; padding-bottom:50px; }
	.banner-five .heading{ font-size:30px; }
	.banner-five .desc{ font-size:17px; }
	.banner-five img.object{ height:100% }

	.agencies p.summary{ line-height: normal;  }
	.slider-property .slide-detail{	width: 50%; }
	.app-two .app-section{ background-position:285px; }
	.tablayout-two .tab-content .field{ font-size:14px; }
	.tablayout-three .nav-tabs li a{ font-size: 20px; }
	.testimonial-three .object img{ bottom: 0; margin-bottom:0; }
	
	.site-footer .widget .widget-title { font-size:16px; } 
	
}

@media only screen and (max-width: 768px)  {
}

@media only screen and (max-width: 767px)  {
	body, button, input, select, optgroup, textarea { font-size: 0.98rem;}
	form.round{ border-radius: 20px; }
	hr{ margin-top:0.6rem; margin-bottom: 1.1rem; }
	.spacer{ margin-bottom:50px; }
	.site-main aside.advertice-img{ margin-bottom:25px; }
/*	.section{ padding-top: 20px; padding-bottom: 20px; }*/
	section a.link-orange{ margin: 10px auto; padding: 0.85rem 4.5rem; }
	a.btn-orange{ padding: 0.75rem 2.5rem; }
	a.link-orange{ padding: 0.75em 1.5em; }
	.section-block { padding-top: 5px; padding-bottom: 5px; }
	.countings .section-block{ font-size: 18px; }
	.section-block .img-bg{ margin-bottom: 5px; }

	.site-header .main-search-box{ min-width: auto; }
	.site-header-two .main-search-box{ max-width: 90%; }
	.site-content, .site-sidebar{ padding-top: 25px; }
	.bg-wave1{ margin: 56px 0 72px 0; }
	.bg-wave1::before{ top:-56px; height: 60px; } 
	.bg-wave1::after{ bottom:-72px; height: 74px; }
	.bg-wave2{ margin: 7px 0 31px 0; }
	.bg-wave2::before{ top:-23px; height: 58px; } 
	.bg-wave2::after{ bottom: -31px; height: 80px; }
	.icon-list li{ font-size:16px; } 	
	.login-nav ul li a{ padding:0 5px; }

    .heading-style br{ display: none; }
	.heading-style-one h2{ font-size:20px;  /*margin:10px auto;*/ }
	.heading-style-two .heading{ font-size: 20px; margin: 10px auto; }
	.heading-style-two .desc{ font-size: 16px; }
/*    .heading-style-three .heading{ font-size: 34px; }*/

	.advertice .heading{ font-size: 20px; }
	.advertice .desc{ font-size: 18px; }	
	.site-content h3{ font-size:22px; }

	.agents .owl-carousel .owl-dots{ margin: 0; }

	.banner h2 { font-size: 20px; }
	.banner h5{ font-size:16px; }
	.banner h6{ font-size:14px; }

	.banner-one a.btn{ font-size: 16px; }
	.banner-three .heading{ font-size:20px; }
	.banner-four .heading{ font-size: 20px; }
	.banner-four .heading, .banner-four .desc{margin-bottom: 20px; }

	.banner-five .banner-content{ padding-top:20px; padding-bottom:20px; }
	.banner-five .heading{ font-size:20px; }
	.banner-five .desc{ font-size:16px; }
	
	.page-title{ font-size: 24px; }
	.page-title .big{ font-size: 30px; }
	.page-banner .container{ padding-top: 15px; padding-bottom: 15px; }
	.page-header .container .header-box{ padding-top:20px; padding-bottom:20px; }
	.single.post .page-title{ font-size: 23px; }
	.page-gallery .title{ font-size: 1.5rem; }
	.reladed-box .title{ font-size: 1.6rem; }
	.page-header .meta-icon li{ font-size: 17px; }
	.page-header.page-box{ top:inherit; margin-bottom:inherit; margin-top: 15px; padding:0; }
	.page-header.page-box .header-box{ box-shadow:inherit; }

	.page-header .social-links{ justify-content: flex-start; }

	.breadcrumb { font-size: 12px; }

	.quote-block{ font-size: 20px; }
	.quote-block .quote{ font-size: 120px; top: -35px; left: -45px; }
	.quote-block .fa-quote-left{ font-size: 50px; left: -70px; }
	.quote-block .rating-stars{ font-size: 12px; }
	.testimonial .user-detail img.client-pic { width: 50px; height: 50px; margin-right: 10px; }
	.testimonial .user-detail label { font-size: 16px; }
	.testimonial .user-box span{ font-size: 12px; }
	.testimonial-two .owl-item{ padding-top:40px; padding-bottom:10px; }
	.testimonial-three .quote-block{ font-size: 18px; }
	.testimonial-three .quote{ left: -55px; }
	.testimonial-three .bgl-cloud{ width: 100%; bottom: 30px; }
	.testimonial-three .object img { bottom:4%; width: 60%; margin-bottom:15%; margin-top:8%; }
	.testimonial-three .row{ flex-direction: column-reverse; }

	
	
	.filter-button{ padding:5px 15px; font-size:18px; }
	
	.tablayout-one .nav-tabs a{ padding:5px 15px; font-size:17px; }
	.tablayout-two .nav-tabs a{ padding:10px 25px; font-size:16px; }
	.tablayout-two .tab-content .btn-border{ max-width:inherit; }

	.form-inline-three.search{ flex-wrap: wrap; background:#ffffff; }
	.form-inline-three.search .flex-grow-1{ width: 100%; }
	.form-inline-three .field{ margin-bottom: 0; border: none; box-shadow:0 0 1px 0 #8257ae inset; }
	.form-inline-three .btn-green{ position: absolute; bottom: 15px; right: 10px; margin-bottom: 0; }
	
	
	.tablayout-three .nav-tabs li a{ font-size: 18px; }
	
	.comment-respond input, .comment-respond textarea,
	.review-respond input, .review-respond textarea { width:80%; }
	.comment-form .submit, .review-form .submit{ min-width: inherit; }
	
	.card-deck .card{ flex:0 44%; }
	
	
	.verticle-slider-map iframe, .verticle-slider-map .left-slider{ max-height:350px; }
	.search-filter .price-filter strong{
		display: block;;
	}
	.search-filter .tag-filter li{ max-width:100%; }

	.agents-agencies .box-meta li{ max-width: 100%; }

	.tiles-layout figure{ max-width: 43%; }
	.tiles-layout .box-content{ max-width: 57%; }
	.tiles-layout .user-detail { font-size: 0; }
	.tiles-layout .box-content{ padding-top: 10px; }
	.tiles-layout .info span.type{ position: relative; left: inherit; margin-left: 0; }
	.properties .tiles-layout p.location{ display: none; }
	.wrapper .agents-agencies .tiles-layout figure{ max-width: 44%; }
	.wrapper .agents-agencies .tiles-layout .box-content{ max-width: 56%; }


	.tilesbox-layout figure{ max-width: 47%; }
	.tilesbox-layout .box-content{ padding-top: 10px; padding-bottom: 30px; max-width: 44%; }
	.tilesbox-layout .listicle-box h2{ max-height: 40px; font-size:18px; }
	.tilesbox-layout ul.icons-inline li{ margin: 0; }
	.tilesbox-layout li.price{ left: -100%; }
	.tilesbox-layout .box-links{ width: 21%; }
	.tilesbox-layout .box-links li.view{ bottom: 10px; left: -460%; }
	.tilesbox-layout .box-links li.view a{ padding: 1px 10px; }

	.listbox-layout .box-meta li, .list-layout .box-meta li{ width: auto; min-width: 35px; }
	.list-heading.box-meta li:not(.title){ display: none; }
	.listbox-layout .list-heading.box-meta .title,
	.list-layout .list-heading.box-meta .title{ width: inherit; max-width: 100%; }

	.listbox-layout p.location, .list-layout p.location{ display: none; }
	.listbox-layout .box-detail, .listbox-layout .box-meta, .listbox-layout .box-links, 
	.list-layout .box-detail, .list-layout .box-meta, .list-layout .box-links{ padding-right: 8px; }

	.listbox-layout .info, .has-sidebar .listbox-layout .info{ 
		left: 138px; 
	}
	.list-layout .info span.type, .has-sidebar .list-layout .info span.type{
		margin-left: 0;
	}
	.wrapper .listbox-layout .box-content, .wrapper .list-layout .box-content{ 
		padding-left: 8px; padding-top: 25px;
	}




	.map-side-listings{
		max-width: 240px;
	}
	.map-side-listings .page-title{
		display: none;
	}
	.map-side-listings .section-layout {
	    max-height: calc(100% - 60px);
	    max-height: -moz-calc(100% - 60px);
	    max-height: -webkit-calc(100% - 60px);
	}
	.map-side-listings .section-view{ margin-top: 5px; margin-bottom: -10px; }
	.map-side-listings select.shortby{ max-width:155px; }
	.verticle-slider-map .left-slider{ width: 75px; }
	.verticle-slider.owl-carousel .item img{ width:40px ; height:40px; }
	.verticle-slider.owl-carousel{ width:350px; margin-top:138px; margin-left:-138px; }
	.verticle-slider.owl-carousel .owl-item{ height:75px; height:75px; }
	.verticle-slider.owl-carousel .owl-nav{ top: -10px; }
	.map-half .verticle-slider{ left:calc(100% - 75px); }
	

	.dashboard-content aside{ padding: 15px; }
	.dashboard-content aside.properties{ padding: 0; }
	.dashboard .property-list li{ width: 33.33%; }
	.wrapper form.property-form{ width: 96%; }

	.wrapper .grid-layout .col-box, .wrapper .gridbox-layout .col-box{
		max-width: 50%;
	}

	.has-sidebar ul.facilities li, .has-sidebar ul.property-meta li{ 
		max-width: 50% 
	}
	#prop-blueprint ul.property-meta li{ max-width:fit-content; }
	
	.agencies p.summary{ display: none;  }
	.city-pic h3{ 
		left: 30px; 
		top: 30px;  
	}
	.app-one{
		max-height: inherit;
		background-size: cover;
    	background-position: center;
	}
	.app-one .app-image,
	.app-two .app-image{
		display: none;
	}
	.app-two .app-section{ background-position:150px; }
	.app .app-detail{
		align-items: center;
	}
	.icon-list{
		justify-content: center;
	}
	.icon-list li{
		margin: 0 5px;
	}
	.app a.link{
		margin: 5px 10px;
		padding: 0.4rem 1.25rem
	}
	.app .form-inline-one{
		padding: 5px 15px;
	}


	.copyright{ padding:10px 0; text-align: center; }
	.copyright .row { justify-content: center; }
}

@media only screen and (max-width: 639px)  {
	section a.link-orange{ margin: 5px auto; padding: 0.8rem 4rem; }
	.bg-wave1 { margin: 48px 0 60px 0; }
	.bg-wave1::before { top: -48px; height: 50px; }
	.bg-wave1::after { bottom: -60px; height: 60px; }
	.bg-wave2 { margin: 10px 0 26px 0; }
	.bg-wave2::before { top: -20px; height: 50px; }
	.bg-wave2::after { bottom: -26px; height: 68px; }
	.bar-more-info ul li{ flex:0 0 49%; }
	.heading-style-one h2{ font-size:24px; }
	.banner h2 { font-size: 27px; }
	.page-title .big{ font-size: 32px; }
	.property-city{ max-width:50%; }
	.slider-property .item{ flex-direction: column-reverse; }
	.slider-property .slide-detail{ width: 100%; }
	.slider-property.owl-carousel .owl-nav{ display: none !important; }
	.app a.link{ margin: 5px; }


	.grid-layout .user-box .user-detail, .gridbox-layout .user-box .user-detail{ font-size: 0; }
	.tilesbox-layout .box-content{ padding-bottom: 10px; }
	.tilesbox-layout .box-links li.view{ display: none; }
	.listbox-layout .listicle-box h2, .list-layout .listicle-box h2{ font-size: 18px; }

	.mResTabAccord{ margin-bottom: 30px; }
	.responsiveTabs.tablayout-four .tab-title{ display: none; }
	.verticle-tabs .tab-content{ padding: 0; }
	.verticle-tabs .tab-content .tab-pane.mTabActive{ padding:0 10px; }

}

@media only screen and (max-width: 575px)  {
	body, button, input, select, optgroup, textarea { font-size: 0.98rem;}
	hr{ margin-top:0.5rem; margin-bottom: 1rem; }
 	.spacer{ margin-bottom:40px; }
	.header-top{ display:none; }
	form.round{ border-radius: 15px; }
 	.listicle-box, .property-type, .property-city, .mResTabAccord, .site-main aside, .site-main aside.advertice-img{ margin-bottom:20px; }
/*	.section{ padding-top: 15px; padding-bottom: 15px; }*/
	section a.link-orange{ margin:0 auto; padding: 0.75rem 3rem; }
	.section-block { padding-bottom: 0; }
	.city-pic{ margin-bottom: 15px; }
	.logo img{ min-width: 110px; }	
	.sina-nav .sina-nav-header{ width: 100%; }
	.site-header .login-nav{ width: 100%; margin-bottom: 15px; }
	.site-header-two .sina-nav .navbar-toggle{ margin-top: 5px; }
	.site-header-two .header-base{ flex-direction: column; }
	.site-header-two .container-fluid{ padding-top:70px; }
	.site-header-two .container-fluid:last-child{ padding:0; }
	.site-header.site-header-two .sina-brand{ position: absolute; top:-60px; left: 5px; }
	.site-header-two .sina-nav .extension-nav{ position: absolute; }
	.site-header-three{ flex-direction: column; }

/*    .heading-style-three .heading{ font-size: 32px; }*/
	.heading-style-four .heading-bar .desc{ margin-bottom: 10px; }
	.heading-style-four{ flex-direction: column; }
	.heading-style-four .link{ display: none; }

	.slider-listicle .slide-detail{ display: none; }
	.slider-listicle figure img{ min-height: inherit; }

	.banner h2 { font-size: 26px; }
	.banner h5{ font-size:19px; }
	.banner h6{ font-size:18px; }

	.banner-one a.btn{ font-size: 14px; padding:.1rem 1rem; }
	.banner-three .heading{ font-size:20px; }
	.banner-three img.object{ height:auto; }

 
	.banner-four .heading, .banner-four .desc{margin-bottom: 15px; }
	.banner-four.bg-dots-big::after{ left:inherit; right: 0; }
	.banner-four .banner-absolute{ position: relative; }
	.banner-four img.bgr-cloud{ position: absolute; bottom: 0; }
	.banner-four .object img { max-width: 72%; }

	.banner-five .heading{ font-size:26px; }
	.banner-five .desc{ font-size:14px; }
	
	.banner-one .container-box{ padding-bottom: 100px }
/*	.search-absolute{ top:-155px; margin-bottom: -155px; }*/
	.heading-style.heading-style-four { padding-bottom: 10px;}
	.slidernav-three.owl-carousel .owl-nav button, .slidernav-four.owl-carousel .owl-nav button {
    top: -54px;
	}
	.testimonial-slider.section { margin-bottom:20px; }

	.page-title, .page-title .big{ font-size: 26px; }
	.page-banner .container{ padding-top: 10px; padding-bottom: 10px; }
	.page-header .container .header-box{ padding-top:15px; padding-bottom:15px; }
	.single.post .page-title{ font-size: 22px; }
	.page-gallery .title{ font-size: 1.4rem; }
	.reladed-box .title{ font-size: 1.5rem; }
	.page-header .meta-icon li{ font-size: 16px; }
	.breadcrumb { font-size: 11px; }

	.site-content, .site-sidebar{ padding-top: 20px; }
	.bg-wave1{ margin: 42px 0 54px 0; }
	.bg-wave1::before{ top:-42px; height: 44px; } 
	.bg-wave1::after{ bottom:-54px; height: 54px; }
	.bg-wave2{ margin:-18px 0 -24px 0; }
	.bg-wave2::before{ height: 44px; top: -18px; } 
	.bg-wave2::after{ height: 60px; bottom: -24px; } 

	.tablayout-one .nav-tabs a{ padding:3px 10px; font-size:16px; }
	.tablayout-two .nav-tabs a{ padding:8px 20px; font-size:15px; }

	.comment-respond input, .comment-respond textarea,
	.review-respond input, .review-respond textarea{ width:100%;}

	.app .form-inline-one { padding: 5px 10px; }
	.advertice-detail{ padding:0 5%; }
	.advertice .heading{ font-size: 26px; }
	.advertice .desc{ font-size: 14px; }	
	
	.section-view{ flex-direction: column; }

	.project p{ margin: 0; }

	.listicle-box h2{ font-size:16px; height:35px; }
	
	.properties .gridbox-layout .listicle-box h2, .blog .gridbox-layout .listicle-box h2 { font-size: 16px;  height: 35px; }
	
	.agents-agencies .box-meta li{ max-width: 50%; }
	.grid-layout ul.icons-inline li, .gridbox-layout ul.icons-inline li{ margin-bottom: 5px; }
	.wrapper .grid-layout .col-box, .wrapper .gridbox-layout .col-box{
		max-width: 50%;
	}	

	.grid-layout .user-box .user-detail, .gridbox-layout .user-box .user-detail{ font-size: 14px; }
	.tiles-layout .listicle-box, .tilesbox-layout .listicle-box{ flex-direction: column; max-height: inherit; }
	.tiles-layout figure, .tilesbox-layout figure, .tiles-layout .box-content{ max-width: 100%; }
	.tiles-layout .user-detail { font-size: 14px; }
	.wrapper .agents-agencies .tiles-layout figure{ max-width: 100%; }
	.wrapper .agents-agencies .tiles-layout .box-content{ max-width: 100%; }

	.tilesbox-layout .box-content{ max-width: 83%; }
	.tilesbox-layout li.price{ left:inherit; bottom:inherit; top:-40px; }
	.listbox-layout .listicle-box h2, .list-layout .listicle-box h2{ font-size: 16px; }
	
	.has-sidebar ul.facilities li, .has-sidebar ul.property-meta li{ 
		max-width: 100% 
	}
	.verticle-slider-map iframe, .verticle-slider-map .left-slider{ max-height:220px; }
	.map-half.verticle-slider-map iframe{ max-height:255px; }

	.verticle-slider-map .left-slider{ width: 50px; }

	.verticle-slider.owl-carousel{ width:220px; margin-top:85px; margin-left:-85px; }
	.verticle-slider.owl-carousel .owl-item{ width: 50px; height: 50px; }
	.verticle-slider.owl-carousel .owl-nav{ top:5px; }
	.verticle-slider.owl-carousel .item h6{ display: none; }

	.map-half .verticle-slider{ left:calc(100% - 50px); top:10px; }
	.map-side-listings{ max-width: 100%; }
	.search-filter .tag-filter li{ max-width:50%; }
	.full-screen .site-main{ max-height: 100%; flex-direction:column-reverse; }

	.quote-block{
		font-size: 18px;
		margin-left: 50px;
		margin-right: 15px;
		width: 83%;
	}
	.quote-block .fa-quote-left{
		font-size: 40px;
		left: -50px;
	}
	.testimonial-two .owl-item{ padding-top:35px; padding-bottom:5px; }
	.testimonial-two .item{ padding:0 20px; }
	.testimonial-two p{ margin-bottom:1rem; }
	.slidernav-six.owl-carousel .owl-nav button{ display: none; }

	.dashboard .property-list li{ width:50%; }
	.wrapper form.property-form{ width: 100%; margin:10px 0; }
	.repeater input[type="button"].add{ padding: 0 15px; }
	.form-inline.location-search .btn-orange{ font-size: 14px; padding:8px; margin-left:5px; margin-right:5px; }
	.form-inline.location-search .btn-black{ padding:8px; }

	.form-inline-three.search{ flex-wrap: wrap; background:#ffffff; }
	.form-inline-three.search .flex-grow-1{ width: 100%; }
	.form-inline-three .field{ margin-bottom: 0; border: none; box-shadow:0 0 1px 0 #8257ae inset; }
	.form-inline-three .btn-green{ position: absolute; bottom: 15px; right: 10px; margin-bottom: 0; }

	.nearby .result{ flex-direction: column; }
	.blueprint .card-header strong{ margin: 0; }
	.blueprint .card-header .property-meta li{ font-size: 12px; }

	.comment-form input, .review-form input,
	.comment-form textarea, .review-form textarea{
		width: 90%;
	}
	.comment-list li .time, .review-list li .time{ max-width: 75px; text-align: right; }
	.comment-list li .time, .review-list li .detail .time{ max-width: inherit; text-align: left; }
	.comment-list li .photo, .review-list li .photo{ width: 90px; height: 90px; }

		
	.site-footer .widget h2 { margin: 0 0 10px; }
	.copyright span { line-height: normal; display: block; margin: 0; }
	.copyright .social { margin-top: 20px; display: flex; justify-content: center;  align-items: center; }	
	
	
}

@media only screen and (max-width: 480px)  {
	body, button, input, select, optgroup, textarea { font-size: 0.97rem;}
	.spacer{ margin-bottom:30px; }	
 	.listicle-box, .property-type, .property-city, .mResTabAccord, .site-main aside, .site-main aside.advertice-img{ margin-bottom: 15px; }
 	.grid-layout .listicle-box{ margin-bottom:10px; }
/*	.section{ padding-top: 10px; padding-bottom: 10px; }*/
	section a.link-orange{ margin: 15px; padding: 0.7rem 2rem; width: 100%; }
	form.round{ border-radius: 10px; }
	.site-content, .site-sidebar{ padding-top: 15px; }
	.bg-wave1{ margin: 34px 0 44px 0; }
	.bg-wave1::before{ top:-34px; height: 34px; } 
	.bg-wave1::after{ bottom:-44px; height: 46px; }
	.bg-wave2{ margin:-16px 0 -20px 0; }
	.bg-wave2::before{ height: 38px; top: -16px; } 
	.bg-wave2::after{ height: 50px; bottom: -20px; } 

	.banner h2 { font-size: 22px; }
	.banner h5{ font-size:18px; }
	.banner h6{ font-size:17px; line-height: normal; }

	.testimonial .user-box{ flex-direction: column; }
	.testimonial-two .owl-item{ padding-top:20px; padding-bottom:0; }
	.user-box{ margin-bottom: 25px; }
	.quote-block{
		font-size: 16px;
	}
	.header-bar{ flex-wrap: wrap; justify-content:center; }

	.banner-two .container-box{ padding-top: 80px; }
	.banner-two img.object { display:none; }
	.banner-two .banner-block{ flex-direction: column-reverse; }
	.banner-two .banner-absolute{ position: relative;  }
	.banner-five .desc{ font-size:12px; }

/*    .heading-style-three .heading{ font-size: 30px; }*/

    .page-header .meta{ flex-direction: column; }
    .page-header .meta-text li{ height: auto; flex-direction: row; justify-content: flex-start; border: none; }
    .page-header .meta-text li span{ margin-right: 5px; }
	.page-title, .page-title .big{ font-size: 24px; }
	.page-banner .container{ padding-top: 5px; padding-bottom: 5px; }
	.page-header .container .header-box{ padding-top:10px; padding-bottom:10px; }
	.single.post .page-title{ font-size: 21px; }
	.page-gallery .title{ font-size: 1.3rem; }
	.reladed-box .title{ font-size: 1.4rem; }
	.breadcrumb { font-size: 10px; }

	.error-page a.btn-orange{ font-size:16px; padding:10px 50px; }
	.tag-filter li{ max-width:100%; }	
	
		
	.owl-theme .owl-nav { display:none; }
	.slider-property h2{ font-size: 30px; }

	.tablayout-one .nav-tabs a{ padding:2px 8px; font-size:14px; }
	.tablayout-two .nav-tabs a{ padding:6px 15px; font-size:14px; }

	
	.dashboard .my-properties .properties-action{ flex-direction: column; align-items: baseline; }
	.wrapper form.property-form{ margin:0; }
	form.property-form aside{ padding: 10px; }

	.listicle-box{ flex-direction: column; }
	.agents-agencies .box-meta li{ max-width: 100%; }
	.wrapper .grid-layout .col-box, .wrapper .gridbox-layout .col-box{
		max-width: 100%;
	}
	.section-layout .listicle-box h2{ font-size: 18px; height: inherit; max-height: inherit; overflow: inherit; text-overflow: inherit; white-space: inherit; }
	
	.owl-carousel.four-item .box-links li.view span{ display: none; }
	.owl-carousel.four-item .box-links li.view i{ display: block; }

	.listbox-layout .box-content, .list-layout .box-content{ padding-top: 25px; }
	.listbox-layout .listicle-box h2, .list-layout .listicle-box h2{ font-size: 15px; }
	.agents-agencies .tiles-layout .box-links ul { justify-content: space-between; }
	.agents-agencies .tiles-layout .box-links ul li{ margin:0; }
	.tiles-layout .box-links li.view{ flex-grow: inherit; }
	.agents-agencies .tiles-layout .box-links ul li.view{ position: relative; right: inherit; }

	.connections figure, .connections .box-content{ max-width:100%; }
	.city-pic h3{ left: 20px; top: 20px; }
	.section-view { padding-bottom:0; }
	.banner-five img.object { display:none; }
	.clients.home-ten.section { margin-bottom:10px; }

	.app .form-inline-one{ flex-direction: column; padding: 5px; }
	.app .form-inline-one input[type="text"] { text-align: center; }
	.app .form-inline-one button{ padding: 5px; }

	.app .app-detail{ padding: 15px; }
	.app a.link{ padding: 0.4rem 0.625rem }
	.app-two .app-section{ background-image: inherit; max-height: inherit; }
	
	.verticle-slider-map iframe, .verticle-slider-map .left-slider{ max-height:170px; }
	.map-half.verticle-slider-map iframe{ max-height:200px; }
	.verticle-slider-map .left-slider{ width: 50px; }
	.verticle-slider.owl-carousel{ width:170px; margin-top:60px; margin-left:-60px; }
	.verticle-slider.owl-carousel .owl-item{ width: 50px; height: 50px; }
	.map-half .verticle-slider{ left:calc(100% - 50px); }
	.map-side-listings .view-layout li:first-child{ text-align: center; margin:15px 5px; }
	.map-side-listings select.shortby{ max-width:inherit; }

	.form-inline.location-search .btn-orange{ margin-left:0; margin-right:0; }
	.rating-chart .rating-statistics{ font-size: 14px; }
	.rate-full{ margin: 8px; }
	.five-stars{ width: 150px; }
	.comment-list li .photo, .review-list li .photo{ width: 80px; height: 80px; }
	
	.pagination{ justify-content:center; }
	.page-item.prev, .page-item.next{ display:none; }

	.site-sidebar .list-sqr-thumb .list-item{ padding:12px; }
	.site-sidebar .list-sqr-thumb .list-item .thumb{ margin-right:12px; }
	.copyright p { margin-bottom:10px; line-height:27px; }
}

@media only screen and (max-width: 419px){
	section a.link-orange{ padding: 0.65rem 1rem; }
	#page .form-inline-two input.search{ min-width: inherit; }
	.head-sorting h2 { font-size: 15px; padding-top: 28px;}	
	.comment-body { flex-direction: column; }	
	.city-pic h3{ font-size: 24px; }
	.nearby .info{ flex-direction: column; align-items: baseline; }
	.comment-list li .photo, .review-list li .photo{ width: 70px; height: 70px; }
	.comment-list li .content-detail, .review-list li .content-detail{ flex-direction: column; }
	.comment-list li .time, .review-list li .time{ max-width: inherit; text-align: left; }
	.comment-list li .rating-stars, .review-list li .rating-stars{ margin-bottom: 5px; }
	.section-layout .listicle-box h2{ font-size: 16px; }
	.owl-carousel.four-item .box-links li.view span{ display: block; }
	.owl-carousel.four-item .box-links li.view i{ display: none; }
	.tiles-layout .user-detail { font-size: 0; }
	.tiles-layout .user-detail img.agent-pic{ width: 36px; height: 36px; }
	form.form-inline-three>.col, form.form-inline-three>[class*=col-]{ max-width: 100%; flex:0 0 100%; }
	.form-inline-three .btn-green{ bottom:inherit; right: inherit; position: relative; width: 100%; }
	.form-inline-three.search{ flex-direction: column; }	
	.search-tab .search>.col, .search-tab .search>[class*=col-]{
		-ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
	.search-tab #advanced-search-box { top: 330px; }
	.slider-property h2{ font-size: 28px; }
}

@media only screen and (max-width: 360px){
	body, button, input, select, optgroup, textarea { font-size: 0.96rem;}	
	form.round{ border-radius: 5px; }
	/*.site-header{ padding-top:70px; }*/
	.site-header .container-fluid, .site-header-three{ padding-top:0; }
	/*.site-header .sina-brand{ position: absolute; top:-60px; left: 15px; }*/
	.site-header.site-header-three .sina-brand{ top:0; }

	.banner h2 { font-size: 20px; }
	.banner h5{ font-size:17px; }
	.banner h6{ font-size:16px; }
	/*.banner-two .container-box { padding-top:200px; }*/

	.bg-wave1{ margin: 26px 0 32px 0; }
	.bg-wave1::before{ top:-26px; height: 26px; } 
	.bg-wave1::after{ bottom:-32px; height: 34px; }
	.bg-wave2{ margin:-12px 0 -15px 0; }
	.bg-wave2::before{ height: 28px; top: -12px; } 
	.bg-wave2::after{ height: 38px; bottom: -15px; } 

	.page-title, .page-title .big { font-size: 22px; }
	form.property-form aside{ padding: 0; }

	.tablayout-one .nav-tabs li{ padding-left: 5px; }
	.tablayout-one .nav-tabs a{ padding: 2px 5px; }

	.search-full label, .search-full form label{ font-size: 13px; }

	.verticle-slider-map iframe, .verticle-slider-map .left-slider { max-height:200px; }
	.verticle-slider.owl-carousel{ width: 200px; margin-top: 75px; margin-left: -75px; }
	.search-filter .tag-filter li{ max-width:100%; }
	
	.list-sqr-thumb .list-item .detail .title{ font-size:15px; }
	.grid-layout ul.icons-inline li, .gridbox-layout ul.icons-inline li{ margin-bottom: 0; }
	.listbox-layout .listicle-box h2, .list-layout .listicle-box h2{ font-size: 14px; }

	.slider-property .btn-green{ display: none;	}
	.user-detail img.user-pic{ width: 30px; height: 30px; }
	.testimonial .item{ padding:20px; }


	.list-thumb .list-item{ flex-direction: column; }
	.comment-form input, .review-form input,
	.comment-form textarea, .review-form textarea{
		width: 100%;
	}
	.comment-list li .photo, .review-list li .photo{ width: 60px; height: 60px; }
	.comment-list li, .review-list li{ flex-direction: column; }

	.dashboard .property-list li{ width: 100%; }
	.dashboard-content .multiple-action{ flex-direction: column; align-items: baseline; }
	.dashboard-content .apply{ margin: 0; }

	.wrapper .list-sqr-thumb .list-item .thumb{ margin-right: 0; }
	.list-sqr-thumb .list-item{ flex-direction: column; }
	.widget .agent_info h4{ width: auto; }
}

@media only screen and (max-width: 320px)  {
	.spacer{ margin-bottom:20px; }
	.bg-wave1{ margin: 22px 0 30px 0; }
	.bg-wave1::before{ top:-22px; height: 22px; } 
	.bg-wave1::after{ bottom:-30px; height: 30px; }
	.bg-wave2{ margin:-10px 0 -13px 0; }
	.bg-wave2::before{ height: 25px; top: -10px; } 
	.bg-wave2::after{ height: 34px; bottom: -13px; } 

	.banner h2 { font-size: 16px; }
	.banner p { font-size: 12px; line-height: normal; }

	p{ margin-bottom:1em; }	
	.col-7, .col-6, .col-4{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}	
	.social li a{ width: 30px; height: 30px; }

	.grid-layout .user-box .user-detail, .gridbox-layout .user-box .user-detail{ font-size: 0; }
	.grid-layout li.price, .gridbox-layout li.price, .tilesbox-layout li.price{ top: -25px; left: 5px; }
	.grid-layout li.price, .grid-layout li.price span, .gridbox-layout .price, .gridbox-layout li.price span, 
	.tilesbox-layout li.price, .tilesbox-layout li.price span{ font-size: 13px; }
	.tiles-layout .box-detail, .tiles-layout .box-links{ padding: 0 10px; }
	.tiles-layout .box-meta{ padding: 15px 10px; }
	.tiles-layout .box-links .user-detail{ width: 20%; padding-right: 5px; }
	.tiles-layout .user-detail img.agent-pic{ margin: 5px 0 0 0; }
	.tiles-layout .box-links ul{ width: 80%; min-width: inherit; padding-left: 5px; }
	.tiles-layout .box-links li{ margin: 0; }
}

@media only screen and (max-width: 280px)  {
	body, button, input, select, optgroup, textarea { font-size: 0.95rem;}

	.box-links li{ width: 25%; font-size: 18px; }
	.box-links li.view{ flex-grow: inherit; flex-basis: inherit; }
	.wrapper .box-links li.view span{ display: none; }
	.wrapper .box-links li.view i{ display: block; }

	.grid-layout .box-links li{ justify-content: baseline; }
	.grid-layout ul.icons-inline .sqft,
	.gridbox-layout ul.icons-inline .sqft{ width:auto; }
	
}
	
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-12px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-12px); }
}

@-webkit-keyframes mover2 {
    0% { transform: translateY(0); }
    100% { transform: translateY(-5px); }
}
@keyframes mover2 {
    0% { transform: translateY(0); }
    100% { transform: translateY(-5px); }
}