obody, html {
    height: 100%;
}
html {
  width: 100%;
}
body {
    font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 400;
	overflow-x:hidden;
	color:#555;
}
h1,h2,h3,h4,h5,h6,ul,p { padding:0px; margin:0px;}
ul { list-style:none; padding:0px; margin:0px;}
a { text-decoration:none;}
a:hover, a:focus { text-decoration:none; outline:none;}
a img { border:none;}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	opacity:1;
}

::-moz-placeholder { /* Firefox 19+ */
	opacity:1;
}

:-ms-input-placeholder { /* IE 10+ */
	opacity:1;
}

:-moz-placeholder { /* Firefox 18- */
	opacity:1;
}
.hide, .honey { display:none;}
button { cursor:pointer;}
input, textarea, select, button, .form-inline { border:none; border-radius: 0 !important;}
input[type="text"], input[type="submit"], input[type="password"], input[type="email"], select, textarea { box-shadow: none !important;}
* {-webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s; transition:all .3s; border-radius: 0 !important;}
.container-fluid { padding:0 30px;}
.no-margin { margin:0 !important;}
.align-left { text-align:left;}


header { width:100%; background:#fff;}
.logo { width: 80%; margin: 5px 0 0 0; height: auto; float: left;}
.menuback { background:#0c2577; }
.menu { width:100%; }
.navbar { padding:0px;}
.navbar-toggler { display:none;}
.navbar-collapse { float:left; width:100%; margin:15px 0 15px;}
.navbar-collapse .navbar-nav .nav-link { font-size:20px; font-weight:400; color:#fff; padding:0 50px 0 0;}
.navbar-collapse .navbar-nav .nav-link:hover { color:yellow;}
.dropdown-toggle::after { font-size:15px;}
.navbar-nav .dropdown-menu { background:#0c2577; padding:10px; margin:-1px 0 0 0; border:0px;}
.navbar-nav .dropdown-menu .dropdown-item { font-size:15px; color:#fff; padding:15px 10px;}
.navbar-nav .dropdown-menu .dropdown-item:hover { color:yellow; background: transparent;}
.searchbtn { background: #0c2577 !important; border-color: #0c2577 !important; }
.searchbtn:hover { background: #0c2577 !important; }
.nav-fill .nav-item { text-align: left; }
header .form-inline label {
	justify-content: left !important;
}
header .search .search-form {
    color: #0c2577;
    overflow: hidden;
    padding: 0px;
    text-align: left !important;
	width: 100%;
}
header .search .search-form input {
	width: 87%;
	float: left;
}
header .h-contact, header .h-contact a  {
	color: #0c2577 !important;
}
.h-contact strong {
	color: #0c2577 !important;
}

.hero { float:left; width:100%;}
.hero img { float:left; width:100%;}
.carousel-item img { width:100%;}
.carousel-fade { transition: all 1s ease;}
.carousel-fade .carousel-inner .carousel-item {
	transition: all 1s ease;
	opacity: 0;
	transition-property: opacity;
	overflow:hidden;
}
.carousel-fade .carousel-inner .active {
	transition: all 1s ease;
	opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
	left: 0;
	opacity: 0;
	z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
	opacity: 1;
}

.carousel-fade .carousel-control {
	z-index: 2;
}

/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .carousel-item.next,
    .carousel-fade .carousel-inner > .carousel-item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .carousel-item.prev,
    .carousel-fade .carousel-inner > .carousel-item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .carousel-item.next.left,
    .carousel-fade .carousel-inner > .carousel-item.prev.right,
    .carousel-fade .carousel-inner > .carousel-item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}

.services-area { float:left; width:100%; background:#e1e1e1; padding:30px 0;}
.service-block, .service-block a, .service-block a img { float:left; width:100%;}
.property-grid{ float:left; width:100%; background:#ebebeb; padding:30px 0;}
.property-grid h2 { float:left; width:100%; font-size:30px; font-weight:400; color:#0c2577; margin:0 0 40px 0;}
.property-block { float:left; width:100%; margin:0 0 30px 0; position:relative;}
.prop-sold-label { position:absolute; right:0px; top:0px; min-width:200px; padding:5px 10px; font-size:14px; color:#fff; background:#0c2577; z-index:1; text-align:center;}
.property-img { float:left; width:100%; margin:0; position:relative;}
.property-img > img { width:100%;}
.property-items { float: left; position:relative; width:100%; height:44px; background-color: #0c2577 !important;}
.property-items span { float:left; width:33%; text-align:center; font-size:15px; color:#fff; line-height:40px;}
.property-items span img { display:inline-block;}
.property-brief { float:left; width:100%; background:#fff; position:relative;}
.property-brief a { float:left; width:100%; padding:15px;}
.property-brief a h3 { float:left; width:100%; font-size:20px; font-weight:bold; color:#0c2577; margin:0 0 10px 0;}
.property-brief a h4 { float:left; width:100%; font-size:18px; font-weight:600; color:#0c2577; margin:0 0 20px 0;}
.property-brief a .offer-price { float:left; width:100%; font-size:18px; color:#0c2577; margin:0 0 18px 0;}
.property-brief a .offer-price b { font-weight:600;}
.property-brief a span { position:absolute; right:0px; bottom:0px; padding:5px 50px; font-size:18px; font-weight:600; color:#fff; background:#0c2577;}
.street-view { float:left; width:100%; height:400px;}
#street-view {
        height: 100%;
      }


.blog-area { float:left; width:100%; background:#e1e1e1; padding:40px 0;}
.blog-area h2 { float:left; width:100%; font-size:25px; font-weight:400; color:#0c2577; margin:0 0 10px 0;}
.post-block { float:left; width:100%; background:#fff; border-bottom:4px solid #0c2577; padding:15px;}
.post-block a { float:left; width:100%; font-size:15px; text-transform:uppercase; color:#0c2577;}
.post-block span { float:left; width:100%; font-size:15px; color:#ddd;}
.post-block p { float:left; width:100%; font-size:15px; color:#333; line-height:20px;}

.client-logos { float:left; width:100%; background:#fff; padding: 30px 0;}
.client-logos a { float:left; width:25%; background:#fff; text-align:center; padding: 10px;}
.client-logos a img { display:inline-block;}

footer { float:left; width:100%; background:#0c2577; padding:30px 0; font-size:15px; color:#fff;}
footer a { font-size:15px; color:#fff;}
.copyright-info { float:left; width:100%; margin:0 0 5px 0;}
.footer-menu { float:left; width:100%;}
.footer-menu a { float:left; margin:0 10px 0 0; padding:0 10px 0 0; border-right:1px solid #fff; line-height:18px;}
.footer-menu a:hover { color:#fff;}
.footer-menu a:last-child { border-right:none;}
.social-icons { float:right;}
.social-icons a { float:right; width:25px; height:25px; background:#fff; font-size:15px; color:#333; text-align:center; line-height:25px; border-radius:50px; font-size:13px;}
.social-icons a.facebook-icon { background:#305891; color:#fff;}
.built-by { float:right; width:100%; text-align:right;}
.built-by a { color:#fff;}

.inner-area { float:left; width:100%; padding:30px 0; background:#ebebeb;}
.page-content { float:left; width:100%;}
.page-content h1 { float:left; width:100%; font-size:24px; color:#0c2577; margin:0 0 15px 0;}
.page-content h2 { float:left; width:100%; font-size:24px; color:#0c2577; margin:40px 0 15px 0;}
.page-content p { float:left; width:100%; font-size:14px; color:#333; margin:0 0 15px 0; line-height:18px;}
.page-content p strong { font-weight:700;}
.page-content p a { color:#337ab7;}
.page-content ul { float:left; width:100%; margin:0 0 15px 0; list-style-type:disc; list-style-position:inherit; padding:0 0 0 40px;}
.page-content ul li { float:left; width:100%; font-size:14px; color:#333; margin:0 0 5px 0; line-height:20px;}
.page-content ul li a { color:#337ab7;}
.page-content ol { float:left; width:100%; margin:0 0 15px 0; padding:0 0 0 40px;}
.page-content ol li { float:left; width:100%; font-size:14px; color:#333; margin:0 0 5px 0; line-height:20px;}
.page-content ol li a { color:#337ab7;}
.purple-btn { float:left; margin:20px 0; background:#0c2577; font-size:14px; color:#fff; padding:7px 15px; border-radius:4px;}
.side-block { float:left; width:100%;}
.side-block h2 { float:left; width:100%; font-size:17px; color:#fff; background:#0c2577; padding:10px 15px;}
.side-block p { float:left; width:100%; font-size:14px; color:#333; margin:0 0 15px 0; line-height:20px; padding:15px;}
.side-block p a { color:#333;}
.side-block ul { float:left; width:100%; margin:20px 0; list-style-type:disc; list-style-position:inherit; padding:0 0 0 40px;}
.side-block ul li { float:left; width:100%; font-size:14px; color:#333; margin:0 0 5px 0; line-height:20px;}
.side-block ul li a { color:#337ab7;}
.side-block .property-block { margin:30px 0;}
.side-block p a.purple-btn { color:#fff;}

.testimonials-page { float:left; width:100%;}
.testimonials-page blockquote { float:left; width:100%; margin:0 0 30px 0;}
.testimonials-page blockquote p { float:left; width:100%; background:#e4e4e4; padding:15px; font-size:18px; color:#333; border-radius:10px; line-height:24px;}
.testimonials-page blockquote span { float:left; width:100%; text-align:right; margin:5px 0 0 0; font-size:14px;}

.market-appraisal .form ul { list-style:none; padding:0px; margin:0px;}
.form { float:left; width:100%;}
.form ul { float:left; width:100%;}
.form ul li { float:left; width:100%; margin:0 0 20px;}
.form ul li.half-row { float:left; width:48%; margin:0 2% 20px 0;}
.form ul li label { float:left; width:100%; font-size:16px; font-weight:700; color:#333;}
.form ul li label span { color:red; font-weight:normal;}
.form ul li input, .form ul li select, .form ul li textarea { float:left; width:97%; background:#fff; padding:10px; font-size:16px; border:1px solid #ccc; height:35px; line-height:35px;}
.form ul li select { padding:5px;}
.form ul li textarea { float:left; width:97%; min-height:150px;}
.form ul li button { float:left; background:#eee; padding:10px 20px; font-size:14px; color:#333; border:1px solid #ccc;}
.form ul li button:hover { background:#ddd;}

.listing-area { float:left; width:100%;}
.listing-header { float:left; width:100%; padding:20px 0;}
.listing-area h2 { float:left; width:100%; font-size:30px; font-weight:400; color:#0c2577; margin:0 0 20px 0;}
.listing-area label { float:left; width:100%; font-size:16px; font-weight:700; color:#333;}
.listing-area select { float:left; width:100%; font-size:14px; font-weight:500; color:#555; border:1px solid #ddd; padding:5px;}
.property-inner-grid { float:left; width:100%; background:#ebebeb; padding:30px 0; border-top:solid 3px #0c2577}
.pagination-row { float:left; width:100%; padding:10px 0 0 0;}
.pagination .page-link { color:#0c2577; font-size:15px; font-weight:400; border:0;}
.pagination .page-item.active .page-link { background:#0c2577; border:0;}

.buy-investment-guide h3 { float:left; width:100%; font-size:24px; color:#333; margin:20px 0;}
.buy-investment-guide .form ul { list-style:none; padding:0px; margin:0px;}

.property-detail { float:left; width:100%; padding:20px 0; background:#eee;}
.property-left h2 { float:left; width:100%; font-size:20px; color:#333; margin:0 0 30px 0;}
.property-left h3 { float:left; width:100%; font-size:20px; color:#333; margin:20px 0;}
.gallery-area { float:left; width:100%; margin:0 0 20px 0;}
.gallery-area img { width:100%;}
.gallery-video { float:left; width:100%; margin:0 0 10px 0;}
.property-right h1 { float:left; width:100%; font-size:20px; color:#333; margin:0 0 30px 0;}
.property-right h2 { float:left; width:100%; font-size:17px; color:#fff; background:#0c2577; padding:10px;}
.property-features ul { float:left; width:100%; margin:15px 0;}
.property-features ul li { float:left; width:100%; margin:0 0 2px 0; background:#e4e4e4; font-size:14px; color:#333; padding:5px 20px;}
.property-features ul li label { float:left; width:50%; margin:0px;}
.property-features ul li div { float:left; width:50%; margin:0px;}
.property-features ul li a { color:#337ab7;}
.property-features ul li a:hover, .property-features ul li a:focus { color:#23527c;}
.property-map { float:left; width:100%; height:400px; margin:20px 0;}
.property-form .form { margin:20px 0;}
.social-share { float:left; width:100%; margin:20px 0;}
.social-share a { float:left; margin:0 3px 0 0;}
.social-share a i{ float:left; width:35px; height:35px; font-size:20px; color:#fff; text-align:center; line-height:35px; background:#000;}
.social-share a i.fa-facebook-f { background:rgb(59, 89, 152);}
.social-share a i.fa-twitter { background:rgb(29, 161, 242);}
.social-share a i.fa-print { background:rgb(115, 138, 141);}
.social-share a i.fa-envelope { background:rgb(132, 132, 132);}
.social-share a i.fa-pinterest-p { background:rgb(203, 32, 39);}
.social-share a i.fa-plus { background:rgb(255, 101, 80);}
.back-to-search { float:left; width:100%; margin:20px 0; font-size:15px; color:#333; text-align:center; background:#fff; border:1px solid #ccc; border-radius:4px; padding:5px 0;}
.back-to-search:hover { background:#ddd; color:#333;}

.office-pics { float:left; width:100%; margin:20px 0;}
.office-pics img { float:left; width:30%; margin:0 3% 0 0;}
.team-area { float:left; width:100%; margin:20px 0;}
.member-block { float:left; width:30%; margin:0 3% 0 0;}
.member-block img { width:100%;}
.member-det { float:left; width:100%; margin:30px 0;}
.member-det h2 { float:left; width:100%; margin:0 0 10px 0; color:#333;}
.member-det h2 span { margin:0 0 0 10px; font-size:16px; text-transform:uppercase; color:#777;}
.member-det span.member-pos { float:left; width:100%; font-size:15px; color:#333;}
.member-det a { float:left; width:100%; font-size:15px; color:#337ab7;}
.member-det a:hover, .member-det a:focus { color:#23527c;}


.contact-map { float:left; width:100%; height:350px;}
.market-appraisal-block .purple-btn { margin:0 0 20px 0;}
.contact-page .form ul { list-style:none; padding:0px; margin:0px;}

.blog-page { float:left; width:100%;}
.blog-post { float:left; width:100%; margin:0 0 40px 0;}
.blog-post-img { float:left; width:30%; margin:0 2% 0 0;}
.blog-post-img img { width:100%;}
.blog-post-det { float:left; width:67%;}
.blog-post h3 { float:left; width:100%; font-size:18px; color:#0c2577;}
.blog-post span { display:block; font-size:13px; font-style:italic; color:#333;}
.blog-post p { float:none; width:auto; font-size:14px; color:#333;}
.blog-post p a { display:inline;}
.blog-post-text { float:left; width:100%; margin:0 2% 0 0;}
.blog-fet-img { float:right; width:50%; padding:5px; border:1px solid #555; border-radius:3px; margin:20px 0 20px 20px;}
.sidebar-menu { float:left; width:100%; padding:30px 15px;}
.sidebar-menu a { float:left; width:100%; margin:0 0 15px 0; font-size:14px; color:#0c2577;}


.carousel-control-next, .carousel-control-prev { width:15%; opacity:0.7;}
.carousel-control-next i , .carousel-control-prev i { font-size:40px; color:#fff; text-shadow:2px 2px 4px rgba(0,0,0,0.1); padding:40px 10px;}
.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover { opacity:1;}
.page-content .carousel-indicators li { background:none; width:12px; height:12px; border-radius:50px; cursor:pointer; border:2px solid #fff; margin:0 2px;}
.page-content .carousel-indicators li.active { background:#0c2577;}
.owl-carousel { float:left; width:100%; margin:20px 0;}
.owl-theme .owl-nav .owl-prev, .owl-theme .owl-nav .owl-next { color:#FFF; font-size:14px; margin:5px; padding:4px 7px; background:#0c2577; display:inline-block; cursor:pointer; border-radius:3px;}
.owl-prev { position:absolute; top:39%; left:1%;}
.owl-next { position:absolute; top:39%; right:1%;}



.child {
	height: 100%;
    width: 100%;
	background-size: 100% 100% !important;
}
.pv_overview_holder {
	padding: 0;
}
.pv_overview {
	border: 15px solid #E7E2DA;
	background: #fff;
	overflow: hidden;
    padding: 10px;	
}
.pv_photo_holder {
	position: relative;
}
.pv_uo_tab {
	color: #fff;
	position:absolute;
	top: 0;
	right: 0;
	padding-top: 5px;
	padding-right: 5px;
	font-weight: 400;
	z-index: 889;
	text-align: center;
}
.pv_sold_tab {
	color: #fff;
	position:absolute;
	top: 0;
	right: 0;
	padding-top: 15px;
	padding-right: 15px;
	font-weight: 400;
	z-index: 889;
}
.triangle-topleft_sold {
	position:absolute;
	top: 0;
	right: 0;
	width: 0;
	height: 0;
	border-top: 100px solid red;
	border-left: 100px solid transparent;
	z-index: 888;
}
.triangle-topleft_uo {
	position:absolute;
	top: 0;
	right: 0;
	width: 0;
	height: 0;
	border-top: 100px solid red;
	border-left: 100px solid transparent;
	z-index: 888;
}


.property-img .photo {
    width: 100%;
    overflow: hidden;
    border: 0;
	position: relative;
}
.property-img .photo img {
    width: 100%;
}
.property-img .photo:hover .overlay {
    display: none;
}
.property-img .photo .overlay {
    display: none;
}
.property-img .details {
    margin-top: 15px;
    background: #e4dbcf;
    padding: 10px;
    overflow: hidden;
}
/* ==================================================
   BROWSER 768
================================================== */
@media screen and (min-width: 768px) { 
    .property-img .photo {
        position: relative;
    }
	.property-img .photo:hover .overlay {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        background:url('../imgs/backgrounds/black-trans.png');
        padding: 10px;
        color: #fff;
        font-weight: 400;
		z-index: 10000;
    }
}

#gmap { width: 100%; height: 700px; }
#gmap img {
    max-width: none;
}
.infobox{
    display:inline-block;
    zoom:1;
    background-color:#fff;
    padding:5px;
    position:relative;
    width:270px; 
    border: 3px solid #dddddd;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.infobox:after{
    height:0;
    content:".";
    display:block;
    clear:both;
    visibility:hidden
}
.infobox:before{bottom:-16px;
    border:8px solid transparent;
    border-top-color:#dddddd;
    content:'';height:0px;
    margin-left:-8px;
    left:50%;
    position:absolute;
    width:0px;z-index:100
}
.infobox .image{
    float:left;
    margin-bottom:10px;
    margin-right:10px;
}
.infobox .image img {
    width: 100px;
    height: auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: solid 1px #dddddd;
}
.infobox .title {
    font-size:14px;
}
.infobox .title a:href {
    text-decoration:none;
}
.infobox .price{
    clear:left;
    color:#313131;
    float:left;
    font-size:14px;
    margin-top:8px;
    background: none;
}
.infobox .link a {
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    background-color:#dddddd;
    border:0px;
    color:#000;
    padding:7px;
    clear:right;
    float:right;
}
/* ==================================================
   MOBILE
================================================== */
ul.seo {
	dislay: block;
	list-style: none;
	margin: 0;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 0;
}
ul.seo li {
	padding: 0;
	margin: 0;
	list-style: none;
	display: block;
	width: 100%;
}
/* ==================================================
   TABLET
================================================== */
@media screen and (min-width: 768px) { 
	ul.seo li {
		display: inline-block;
		width: 49%;
	}
}
/* ==================================================
   MEDIUM SCREEN
================================================== */
@media screen and (min-width: 992px) { 
	ul.seo li {
		display: inline-block;
		width: 33%;
	}
}


.novat {
	position:absolute;
	top: 0;
	right: 0;
	width: 0;
	height: 0;
	border-top: 180px solid red;
	border-left: 180px solid transparent;
	z-index: 888;
}
.novattext {
	color: #fff;
	position:absolute;
	top: 20px;
	right: 0;
	padding-top: 15px;
	padding-right: 0px;
	font-weight: 400;
	z-index: 889;
	width: 120px;
	text-align: center;
	-ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Safari 3-8 */
    transform: rotate(45deg);
}