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

body { color:#555; font:normal 16px/28px Arial; background:url(../images/bgmain.png) #eee;}

h1,h2,h3,h4,h5 { font-weight:normal; font-family: din;margin: 0;padding: 0;color: #000}
h1{font-size: 60px; margin-bottom: 25px;color: #fff;}
h2{font-size: 35px; letter-spacing: -1px;margin-bottom: 20px;}
h3{margin: 0 0 15px 0; font-size: 25px;}
h4{margin: 10px 0; font-size: 19px;}
h5{margin: 0 0 5px 0; font-size: 17px;}
h6{margin: 0 0 10px 0; font-size: 14px;}

h4 span{margin-right: 5px; font-size: 15px;}
h6 span{margin-right: 5px; font-size: 12px;}


p{margin-bottom: 30px;}
a{color:#72b70f; text-decoration:none;outline: none;}
a:hover{color:#333;}
.spacer{margin-top: 40px;margin-bottom:40px;}
.center{text-align: center;}
.fullwidth{width: 100%;}
select,input{outline: 0; margin-bottom: 20px;}
a.more{background-color: #222; padding: 2px 6px;color: #fff; text-transform: uppercase; font-size: 11px;}
a.more:hover{background: #64a30a;text-decoration: none;}

table{background-color: #fff;}

.btn{border-radius: 5px; font-family: din; outline: none;}
.btn-success{ background: #72b70f;border:1px solid #72b70f;padding:6px 20px; font-size:16px; width: 100%; }
.btn-primary{ background: #64a30a;border:none;width: 100%;border-radius: 20px;}
.btn-info{background: #333;border:4px solid #ddd;padding: 3px 20px; font-size:20px; border-radius: 20px;  }

.thumbnail{ background-color:#fff;}

.header {padding: 20px 0;}
.header ul{list-style: none;margin: 0; padding: 0;margin-top: 25px;}
.header ul li{ display: inline-block; padding: 0 0 0 40px;}
.header ul li a{ font-size: 19px;font-family: din;text-transform: uppercase;}
.header ul li a:hover{text-decoration: none;}

.navbar-inverse{background-color: #111;}
.navbar-inverse .navbar-nav > li > a{font-size: 11px;padding-top: 10px;padding-bottom: 10px;font-family: din;text-transform: uppercase;}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus{background-color: #72b70f;}

.banner-search{background:url(../images/bginside.jpg) #111;color: #fff;padding: 20px 0 10px 0; font-size: 16px;}
.banner-search h3{color: #fff;}


.properties-listing .viewall{margin-top: 15px;}
.properties-listing div.properties{padding: 10px; background-color: #fff;text-align: center; margin-bottom: 20px;}
.owl-wrapper-outer div.properties{margin: 0 5px;}
.properties-listing div.properties .image-holder{position: relative;}
.properties-listing div.properties .status{position: absolute;bottom: 0;z-index: 100;display: block;width: 100%;color: #fff;padding:0 3px;text-align: right; font-size: 12px;}
.properties-listing div.properties p{margin-bottom: 10px; font-size: 14px;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;padding: 5px 0;font-family: din;}

.listing-detail{margin-bottom: 30px;}
.listing-detail span{color: #fff; width: 25px; height: 25px; background-color: #555;display: inline-block;border-radius:25px; text-align: center;line-height: 26px; font-size: 14px;cursor: crosshair;}
.listing-detail span:hover{background: #72b70f;}


.status.sold{background:rgba(104,167,13,0.8);}
.status.new{background:rgba(190,7,46,0.8);}

.recommended{position: relative;}
.recommended .carousel-indicators{position: absolute;text-align: left;left: 0;bottom: -40px;margin: 0;}
.recommended .carousel-indicators li{border: 1px solid #888;}
.recommended .carousel-indicators .active{background-color:#ccc; }
.recommended p{margin: 5px 0 10px 0;}

.boxes { display: flex; gap: 20px; padding: 40px 0; }
.boxes .box { border: 1px solid #ddd; border-radius: 15px; background-color: #fff; width: 25%; text-align: left; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; }
.boxes .box img { width: 100%; height: auto; }
.boxes .box > a { display: block; padding: 15px; font-weight: bold; background-color: #72b70f; color: #fff; text-align: center; transition: all 0.2s ease; }
.boxes .box > a:hover { background-color: #54870e; text-decoration: none; }
.boxes .box .box-inner { padding: 20px 25px; text-align: center; }
.boxes .box .box-inner h3 { font-size: 24px; }
.boxes .box .box-inner p { margin: 0; }
.boxes .box .box-inner > * { width: 100%; }
.boxes .box .box-inner a { margin-top: 20px; display: inline-block; }

.modal-content{padding: 20px;}
.login .form-group input{padding: 10px; height: 50px;}

.register input{padding: 10px; height: 50px;}
.contact input{padding: 10px; height: 50px;}
.register input,.register textarea,.contact input,.contact textarea{ margin-bottom: 15px;}
.login button,.register button,.contact button{width: 100%;border-radius: 5px;}

/*inside*/
.inside-banner{background:url(../images/bginside.jpg) #222;color: #fff; padding: 30px 0;}
.inside-banner h2{margin: 0; color: #fff;}
.inside-banner span{margin-top: 10px;}

.search-form {margin-bottom: 50px;}
.search-form h4{margin: 17px 0;}


.hot-properties {margin-bottom: 50px;}
.hot-properties img{width: 68px; height: 68px;}
.hot-properties h4{margin-bottom: 20px;}
.hot-properties .row{margin-bottom: 20px;}
.hot-properties .row p{margin-bottom: 5px;}

.sortby .result{margin-top: 10px;}

.property-info{margin:0 0 30px 0;}
.property-info span{margin-right: 5px;}
.property-info p{margin-bottom:10px; }
.property-info p.price{font-size: 28px;color: #72b70f;padding:0;border-radius: 5px;}
.property-info .profile{margin-top: 30px;}
.property-info .profile p{padding-left: 20px; color: #999;}

.enquiry input,.enquiry textarea{margin-bottom: 10px;}
.enquiry button{border-radius: 5px;}

.blog .info{color: #999;margin-bottom: 10px;font-size: 12px;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{background-color: #72b70f;border-radius: 0;color: #fff;border: none;}
.blog .tabbable .tab-content ul li{margin: 15px 0;}
.blog .row{margin-bottom: 50px;}

.agents .row{margin-bottom:40px; }
.agents .row h4{margin: 0;}

.logos { display: flex; justify-content: center; gap: 30px; padding: 20px 30px 40px; }
.logos > div { background-color: #fff; padding: 10px; position: relative; }
.logos > div:after { content: ""; width: 50%; display: block; margin: 0 auto; height: 10px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); position: absolute; bottom: 20px; z-index: 0; left: 0; right: 0; }
.logos > div img { position: relative; z-index: 1; background-color: #fff; }

#timer { display: flex; gap: 30px; justify-content: center; }
#timer p { margin: 0; text-align: center; font-size: 40px; line-height: 40px; font-weight: bold; }
#timer p span { display: block; text-align: center; font-size: 16px; line-height: 16px; margin-top: 15px; font-weight: normal; text-transform: uppercase; }

.reward-images { display: flex; flex-wrap: wrap; }
.reward-images img { width: 16.66%; height: auto; }

#subscribe_form .options label { display:block; border-radius: 5px; border: 1px solid #c2f973; padding: 20px 30px; text-align: left; cursor: pointer; font-size: 1.4em; box-shadow: 0 0 10px rgba(76, 175, 80, 0.5); }
#subscribe_form .options label span { display: block; margin: 10px 0; font-size: 16px; color: #72b70f; }
#subscribe_form .options label a { font-size: 12px; font-weight: normal; display: inline-block; }
#subscribe_form .options label input { height: 13px; margin-bottom: 0; }
#subscribe_form .btn.btn-info[type=submit] { background-color: #72b70f; }
#subscribe_form .btn.btn-info[type=submit]:hover { background-color: #333; }
a.btn.btn-info.btn-subscribe { background-color: #eb0d22; font-weight: 700; color: #fff; line-height: 1.8; font-size: 16px; padding: 10px 20px!important; box-shadow: 0 0 10px rgb(183 19 19 / 40%); position: relative; transform: none; transition: all 0.4s ease; }
a.btn.btn-info.btn-subscribe:hover { transform: translateY(-10px); box-shadow: 0 10px 10px rgb(51 51 51 / 40%); background-color: #333; }

#subscribe_form .options label:hover, #subscribe_form .options label.active { background-color: #72b70f; color: #fff; }
#subscribe_form .options label:hover span, #subscribe_form .options label.active span,
#subscribe_form .options label:hover a, #subscribe_form .options label.active a { color: #fff; }

/*footer*/
.footer{background:url(../images/bg.jpg) #222; padding: 20px 0; color: #999;} 
.footer h4{color: #fff;border-bottom: 2px solid #131313;margin-bottom: 10px;padding-bottom: 10px;}
.footer ul{list-style: none;padding: 0; }
.footer a:hover{color: #fff;}
.footer p.copyright{margin: 30px 0 0 0;}

@media only screen and (max-width: 1200px) {
	.boxes { gap: 20px; flex-wrap: wrap; }
	.boxes .box { width: calc(50% - 10px); }
	.boxes .box .box-inner { padding: 30px; }
}

@media only screen and (max-width: 900px) {
	.boxes { gap: 10px; padding: 30px 0; }
	.boxes .box .box-inner { padding: 20px; }
	.reward-images img { width: 33.33%; }
}

@media only screen and (min-width: 769px) {
    .container { width: 100%; max-width: 750px; }
	.desktop-only { display: block!important; }
	.mobile-only { display: none!important; }

	.logo-header { display: flex; justify-content: space-between; align-items: center; padding: 0 20px; }
	.logo-header .navbar { margin-bottom: 0; text-transform: uppercase; }
}

@media only screen and (min-width: 992px) {
    .container { max-width: 970px; }
}

@media only screen and (min-width: 1200px) {
    .container { max-width: 1270px; }
}

@media only screen and (max-width: 768px) {
	.desktop-only { display: none!important; }
	.mobile-only { display: block!important; }

	.boxes { flex-wrap: wrap; gap: 20px; padding: 30px; }
	.boxes .box { width: 100%; }
	.boxes .box .box-inner { padding: 30px; }
}


@media (max-width: 600px) {
.header{text-align: center;}
.header ul{width: 100%;margin-bottom: 20px;}
.header ul li{padding: 0 20px;}
h1{font-size: 40px;}
h2{font-size: 25px;}
.login {margin-bottom: 40px;}
.searchbar button{margin-bottom: 40px;}
.footer .col-sm-3{margin-bottom: 30px;}
.agents img{ margin-bottom: 20px;}
}

/*Styles from original web site*/
.rmenu {

	PADDING-RIGHT: 0px;

	DISPLAY: block;

	PADDING-LEFT: 0px;

	FONT-SIZE: 0.7em;

	PADDING-BOTTOM: 0px;

	WIDTH: 367px;

	COLOR: #FFFFFF;

	PADDING-TOP: 0px;

	BORDER-BOTTOM: 1px solid #FFFFFF;

	TEXT-ALIGN: left;

	TEXT-DECORATION: none;

	font-weight: normal;

	font-family: Arial, Helvetica, sans-serif, "Trebuchet MS";

	background-image: url(../images/but-freecalc.gif);

	height: 68px;

	background-repeat: no-repeat;

	margin: 0px 0px 0px 10px;

	background-position: top;

}

A.rmenu:hover {

	DISPLAY: block;

	BORDER-BOTTOM: 1px solid #FFFFFF;

	background-image: url(../images/but-freecalc.gif);

	background-repeat: no-repeat;

	background-position: bottom;

}
.subnote {

	font-size: .8em;

	line-height: 1.7em;

	color: #999999;

}
/* used for DataTables*/
.pagination>li {
display: inline;
padding:0px !important;
margin:0px !important;
border:none !important;
}
.modal-backdrop {
  z-index: -1 !important;
}
/*
Fix to show in full screen demo
*/
iframe
{
    height:700px !important;
}

.btn {
display: inline-block;
padding: 6px 12px !important;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}

.btn-primary {
color: #fff !important;
background: #428bca !important;
border-color: #357ebd !important;
box-shadow:none !important;
}
.btn-danger {
color: #fff !important;
background: #d9534f !important;
border-color: #d9534f !important;
box-shadow:none !important;
}
.pull-right{
float: right !important;
}
.pull-left{
float: left !important;
}
.dataTables_wrapper .dataTables_filter {
float: left;
text-align: left;
}
.datatables_filter { 
float: left; 
text-align: left; 
}
@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
}


/* Adds a 5 column grid to bootstrap 3 */

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

.col-xs-5ths {
	width: 20%;
	float: left;
}

@media (min-width: 768px) {
	.col-sm-5ths {
		width: 20%;
		float: left;
	}
}

@media (min-width: 992px) {
	.col-md-5ths {
		width: 20%;
		float: left;
	}
}

@media (min-width: 1200px) {
	.col-lg-5ths {
		width: 20%;
		float: left;
	}
}