@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,700italic&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,400italic,700,700italic&subset=latin,latin-ext);

body {font-family: 'Open Sans', Arial, sans-serif; font-size: 13px; background: #fff url(../img/background.jpg) center top fixed;}
a, a:hover, a:active, a:focus {text-decoration: none; outline: 0;}

.relative {position: relative !important;}
.row {margin: 0 -10px;}
.row > .column {padding: 0 10px;}

#header {border-top: 20px solid #edb200; background-color: #125c7d;}
#header .socials {position: absolute; right: 15px; top: -20px; background-color: #edb200; padding: 0 5px 0 0;}
#header .socials a {float: left; margin-left: 5px; display: block; width: 20px; height: 20px; background: url(../img/socials.png) no-repeat;}
#header .socials a.facebook {background-position: 0 0;}
#header .socials a.twitter {background-position: -20px 0;}
#header .socials a.google {background-position: -40px 0;}
#header .navbar {margin: 0; border-radius: 0; font-family: 'Roboto Condensed', Arial, sans-serif;}
#header .navbar-default {background-color: transparent; border: 0;}
#header .navbar .navbar-header .navbar-brand {background: url(../img/header-logo.png) no-repeat; width: 230px; height: 105px;}
#header .navbar .navbar-header .navbar-toggle {margin-top: 35px; margin-right: 0;}
#header .navbar .navbar-nav > li > a {padding-top: 70px; color: #ffffff; font-size: 16px;}
#header .navbar .navbar-nav > li > a:hover,
#header .navbar .navbar-nav > li.open > a {
    color: #fff; background: #ffffff linear-gradient(to bottom, rgba(120,117,14,0) 30%, rgba(237,178,0,1) 100%);
}
#header .navbar .in .navbar-nav > li > a,
#header .navbar .collapsing .navbar-nav > li > a {
    padding-top: 5px; padding-bottom: 5px; color: #000000; font-size: 14px;
}
#header .navbar .in .navbar-nav > li > a:hover,
#header .navbar .collapsing .navbar-nav > li.open > a {
    color: #fff; background: #35c8c7;
}

#banner {height: 500px; box-shadow: 0 0 4px 0 rgba(0,0,0,0.5); position: relative;}
#banner .ls-l.text {width: 650px; text-align: right;}
#banner .ls-l span {background-color: rgba(12,76,115,0.8); display: inline-block; height: 70px; color: #fff; line-height: 65px; padding: 0 10px; box-shadow: -1px 1px 3px 0 rgba(0,0,0,0.5); font-family: 'Roboto Condensed', Arial, sans-serif; font-size: 40px; letter-spacing: -2px;}
#banner .ls-l strong {font-size: 48px;}
#banner .ls-l.text:nth-last-of-type(1) span {background-color: rgba(140,167,15,0.8);}

#banner .search {height: 500px; position: relative; top: -500px;}
#banner .search .search-box {position: absolute; right: 15px; z-index: 10; top: 15px; width: 320px; color: #fff; padding: 15px; background-color: rgba(4,84,129,0.9); border-radius: 20px; box-shadow: -1px 1px 3px 0 rgba(0,0,0,0.5);}
#banner .search .search-box label {font-weight: normal; padding-left: 10px;}
#banner .search .search-box .form-group {margin-bottom: 5px;}
#banner .search .search-box .form-control {border-radius: 15px; border: 0; padding-left: 11px; background-color: #e9f6f9;}
#banner .search .search-box .chosen-container-single {color: #333;}
#banner .search .search-box .chosen-container-single .chosen-single {border-radius: 15px; border: 0; height: 30px; line-height: 30px; font-size: 12px; padding-left: 11px; background-color: #e9f6f9;}
#banner .search .search-box .chosen-container-single .chosen-drop {margin: 0 15px; font-size: 12px;}
#banner .search .search-box .form-button {margin-bottom: -30px; text-align: center; padding-top: 10px;}
#banner .search .search-box .form-button .btn-warning {border: 1px solid #eeb300; border-radius: 10px; color: #947b15; padding: 6px 20px; background: #ffc000 linear-gradient(to bottom, rgba(255,234,0,1) 0%, rgba(255,234,0,0) 100%);}


#latest {margin-top: 15px;}
#latest h2 {margin: 0 0 10px 0; font-size: 20px; font-family: 'Roboto Condensed', Arial, sans-serif; color: #513802;}
#latest h2 span {font-size: 12px; color: #bebebe; float: left; margin: 4px 5px 0 0;}
#latest h2 strong {color: #054a74;}
/* #latest h2 strong.yellow {color: #ffae00;} */
#main {margin-top: 20px;}


#footer {background: url(../img/footer-background.jpg) center top no-repeat; padding: 30px 0 50px 0; color: #fff;}
#footer a {color: #fff;}
#footer h3 {font-size: 18px; font-family: 'Roboto Condensed', Arial, sans-serif; margin: 0 0 10px 0;}
#footer ul {list-style: none; padding: 0; margin: 0;}
#footer .address {margin-bottom: 5px;}
#footer .address span {font-size: 24px; color: #b7950b; line-height: 36px; text-align: center; width: 40px; height: 40px; border-radius: 50%; border: 2px solid #b7950b;}


.page-title {margin: 0 0 10px 0; line-height: 1.42857; background-color: #0b3650; padding: 10px; color: #fff; font-size: 16px;}
.page-title a {color: #fff;}
.box {margin-bottom: 10px;}
.box .box-header {background-color: #0b3650; padding: 10px; color: #fff; font-size: 16px;}
.box .box-header a {color: #fff;}
.box .box-body {background-color: #f7f7f7; padding: 10px;}

.estate {cursor: pointer; margin-bottom: 20px;}
.estate img {width: 100%; height: auto; display: block; margin-bottom: 1px;}
.estate .detail {height: 60px; text-align: right; padding: 10px; font-size: 16px; color: #fff; position: relative; font-family: 'Roboto Condensed', Arial, sans-serif; line-height: 18px; background: url(../img/estate-detail-background.png) 0 -60px no-repeat;}
.estate .detail a {color: #fff;}
.estate .detail p.lip {margin: 0; padding: 0; margin-top: 5px;}
.estate .detail h3 {padding: 0; margin: 0; font-size: inherit; margin-top: 5px; font-size:16px; display: block; width: 100%; float: right; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.estate .detail h3:after {clear: both;}
.estate .detail span {padding: 5px 8px; background-color: #8ca70f; display: block; color: #fff; position: absolute; top: -15px; left: 10px;}
.estate .detail strong {display: block;}
.font12 {font-size: 12px;}
/* .estate.yellow .detail {background-position: 0 0;} */
.estate:hover .detail {background-position: 0 -120px;}


.filter .mascot {background: url(../img/filter-mascot.png) left top no-repeat; height: 90px; margin-top: 15px;}
.filter .btn-warning {border: 1px solid #eeb300; color: #947b15; padding: 6px 20px; background: #ffc000 linear-gradient(to bottom, rgba(255,234,0,1) 0%, rgba(255,234,0,0) 100%);}
.filter label {font-weight: normal;}
.filter .form-group {margin-bottom: 5px;}
.estate-add {margin-bottom: 10px;}
.estate-add img {width: 100%;}
.wecallyou {margin-bottom: 10px; text-align: center;}
.wecallyou img {max-width: 100%;}

.currency-rates {background-color: #fff; margin-bottom: 10px; padding: 5px; font-size: 11px; font-weight: bold;}
.currency-rates .item {padding: 5px; border-bottom: 1px dotted #ddd;}
.currency-rates .item:last-child {border-bottom: 0;}
.currency-rates .item img {width: 22px; margin-right: 5px;}
.currency-rates .item span {display: inline-block}
.currency-rates .item span.name {width: 70px;}
.currency-rates .item span.glyphicon-minus {color: #ffc926;}
.currency-rates .item span.glyphicon-chevron-up {color: #49da49;}
.currency-rates .item span.glyphicon-chevron-down {color: #ff3333; margin-left: -1px;}
.currency-rates .item span.price {float: right; text-align: right; width: 60px;}

.showcases {margin-bottom: 10px;}
.showcases .showcase {float: left;}
.showcases .showcase ul {list-style: none; margin: 0; padding: 0;}
.showcases .showcase li {font-family: 'Roboto Condensed', Arial, sans-serif; letter-spacing: -1px; color: #fff; position: relative;}
.showcases .showcase li a {color: #fff;}
.showcases .showcase li img {display: block; width: 100%; height: 100%; background-position: center center; background-size: cover;}
.showcases .showcase li .content {position: absolute; height: 100%; display: block; top: 0; right: 0; padding: 170px 10px 0 100px; line-height: 150%; text-align: right; background: url(../img/showcase-ribbon.png) left bottom no-repeat;}
.showcases .showcase li .content .price {font-size: 16px; padding-bottom: 5px;}
.showcases .showcase li .content .district {font-size: 20px; font-weight: bold;}
.showcases .showcase li .content .type {font-size: 20px;}
.showcases .showcase.showcase-small li .content {padding: 50px 10px 0 100px;}
.showcases .showcase.showcase-small li .content .price {font-size: 14px;}
.showcases .showcase.showcase-small li .content .district {font-size: 18px;}
.showcases .showcase.showcase-small li .content .type {font-size: 18px;}
.showcases .showcase.showcase-large {width: 579px; height: 241px; margin: 0 1px 1px 0;}
.showcases .showcase.showcase-large li {width: 579px; height: 241px;}
.showcases .showcase.showcase-small {width: 270px; height: 120px; margin-bottom: 1px;}
.showcases .showcase.showcase-small li {width: 270px; height: 120px;}
.showcases .showcase.showcase-medium {width: 270px; height: 241px; margin-bottom: 1px;}
.showcases .showcase.showcase-medium li {width: 270px; height: 241px;}

.posts .post {margin-bottom: 15px; height: 363px;}
.posts .post.normal {margin-bottom: 15px; height: auto;}
.posts .post a {color: #333;}
.posts .post img {width: 100%; margin-bottom: 5px; padding: 3px; border: 1px solid #eee; background-color: #fff;}
.posts .post span {display: block; padding: 0 4px;}
.posts .post .title {color: #095769; font-size: 18px; max-height: 77px; overflow: hidden; font-family: 'Roboto Condensed', Arial, sans-serif; margin-bottom: 5px;}
.posts .post .summary {color: #333; height: 55px; overflow: hidden;}
.posts .post .category {font-weight: bold; margin-top: 5px; font-size: 12px;}


.partners {margin-top: 30px;}
.partners .partner {height: 100px; text-align: center; line-height: 100px;}
.partners .partner img {max-width: 100%;}

.estate-details .images img {width: 100%; display: block; padding: 3px; border: 1px solid #eee; background-color: #fff;}
.estate-details .images .thumbs {margin: 5px -5px;}
.estate-details .images .thumbs a {display: block; padding: 5px; width: 25%; float: left;}
.estate-details .images .thumbs a.active img {border-color: #78adb9;}
.estate-details .details .item {padding: 5px 1px; border-bottom: 1px dotted #ccc;}
.estate-details .details .item span {float: left; width: 50%;}
.estate-details .details .item .large {color: #5cb85c; font-size: 16px; font-weight: bold;}
.estate-details .group {margin-top: 30px;}
.estate-details .group h3 {color: #095769; font-family: 'Roboto Condensed', Arial, sans-serif; font-size: 20px; margin: 0 0 10px; padding-bottom: 5px; border-bottom: 1px dotted #ccc;}
.estate-details .googlemap {padding: 3px; border: 1px solid #eee; background-color: #fff; margin-bottom: 5px;}
.estate-details .googlemap #map {height: 200px;}
.estate-details .properties {list-style: none; padding: 0; margin: 0 -10px;}
.estate-details .properties div {padding: 5px 10px 5px 35px; background: url(../img/tick.png) 10px center no-repeat;}
.estate-details .video {padding: 10px; margin-top: 15px; background-color: #fff; box-shadow: 0 0 2px 0 rgba(0,0,0,0.1);}
.estate-details .share-box {border-top: 0;}


.share-box {border-top: 1px dotted #ccc; padding-top: 15px; margin-top: 20px;}
.share-box p {margin-bottom: 5px;}
.share-box a {text-indent: -9999px; display: inline-block; margin-right: 5px;}
.share-box a.facebook {background: url(../img/share-facebook.png) no-repeat; width: 88px; height: 25px;}
.share-box a.twitter {background: url(../img/share-twitter.png) no-repeat; width: 79px; height: 25px;}
.share-box a.google {background: url(../img/share-google.png) no-repeat; width: 67px; height: 25px;}


.galleries .gallery img {padding: 4px; border: 1px solid #fff; background-color: #eee; margin-bottom: 20px; border-radius: 4px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);}
.galleries .gallery span {display: block; text-align: center; margin-top: 5px; height: 36px; overflow: hidden; font-weight: bold;}

.videos .video .image {float: left; width: 35%; margin-right: 10px;}
.videos .video .image img {display: block; width: 100%; height: auto; padding: 4px; border: 1px solid #eee; border-radius: 4px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);}
.videos .video .detail {overflow: hidden;}
.videos .video .detail .title {font-family: 'Roboto Condensed', Arial, sans-serif; font-size: 20px; margin-bottom: 5px;}
.videos .video .detail .title a {color: #0e3e4e;}
.videos .video .detail .title a:hover {color: #000;}
.videos .video .detail .summary {line-height: 18px; height: 36px; overflow: hidden;}
.videos .video .detail .play { margin-top: 10px;}
.videos .video .detail .play a {display: inline-block; background-color: #f2c025; border-radius: 4px; font-size: 10px; font-weight: bold; color: #fff; padding: 1px 6px;}



.contact-details .form-group {margin-bottom: 5px;}
.contact-details .form-group label {font-weight: normal;}
.contact-details .googlemap #map {height: 300px; width: 100%;}

.estate-insert .form-group {margin-bottom: 5px;}
.estate-insert .form-group label {font-weight: normal;}
.estate-insert h3 {color: #095769; font-family: 'Roboto Condensed', Arial, sans-serif; font-size: 20px; margin: 0 0 10px; padding-bottom: 5px; border-bottom: 1px dotted #ccc;}


.navigation {list-style: none; padding: 0; margin: -8px;}
.navigation li {padding: 8px; border-bottom: 1px dotted #ccc;}
.navigation li:last-child {border-bottom: 0;}
.navigation li a span{visibility: hidden;}
.navigation li.active a {color: #333;}
.navigation li.active span {font-size: 8px; visibility: visible; margin-top: 4px; color: #ccc}

.share-box-view {margin-top: 55px !important;}