@import "font-awesome.min.css";
@import "jquery.prettyPhoto.css";
@import "jquery.bxslider.css";


@font-face {
    font-family: 'OpenSans Semi-Bold';
    src: url('../fonts/opensans-semibold/OpenSans-Semibold.eot'); /* IE9 Compat Modes */
    src: url('../fonts/opensans-semibold/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/opensans-semibold/OpenSans-Semibold.woff') format('woff'), /* Modern Browsers */
    url('../fonts/opensans-semibold/OpenSans-Semibold.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/opensans-semibold/OpenSans-Semibold.svg#robotolight') format('svg'); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto Light';
    src: url('../fonts/roboto-light/Roboto-Light.eot'); /* IE9 Compat Modes */
    src: url('../fonts/roboto-light/Roboto-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/roboto-light/Roboto-Light.woff') format('woff'), /* Modern Browsers */
    url('../fonts/roboto-light/Roboto-Light.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/roboto-light/Roboto-Light.svg#robotolight') format('svg'); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto Medium';
    src: url('../fonts/roboto-medium/Roboto-Medium.eot');
    src: url('../fonts/roboto-medium/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/roboto-medium/Roboto-Medium.woff') format('woff'),
    url('../fonts/roboto-medium/Roboto-Medium.ttf') format('truetype'),
    url('../fonts/roboto-medium/Roboto-Medium.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto Regular';
    src: url('../fonts/roboto-regular/Roboto-Regular.eot');
    src: url('../fonts/roboto-regular/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/roboto-regular/Roboto-Regular.woff') format('woff'),
    url('../fonts/roboto-regular/Roboto-Regular.ttf') format('truetype'),
    url('../fonts/roboto-regular/Roboto-Regular.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
* {
    border: 0 none;
    outline: none;
}

a, a:visited, a:active, a:hover, a:focus {
    outline: none;
    text-decoration: none;
}
h1, h2, h3, h4, h5, h6, p, form, ul, ol{
    margin: 0;
    padding: 0;
}
ul, ol, li {
    list-style: none outside none;
    padding: 0;
    margin: 0;
}
a img {
    border: 0 none;
    outline: none;
}
img, object, embed, video {
    max-width: 100%;
    border: none;
}

input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner {
    border: 0 none;
}
input[type="submit"]:focus, input[type="button"]:focus {
    outline: medium none;
}

select, input, textarea {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}
.clear {
    clear: both;
}
/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */
* {
    outline: none;
}

body {

}

a, a:visited, a:active, a:hover, a:focus {
    outline: none;
    text-decoration: none;
}

ul, ol {
    list-style: none outside none;
    padding: 0;
    margin: 0;
}
option {
    border-top: 1px solid #ededed;
    color: #333;
    padding: 5px 12px;
}

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus {
    outline: none;
}

.btn-sm, .btn-group-sm > .btn {
    height: 28px;
}

.form-control, .btn {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

.input-group .form-control {
    z-index: 3;
}
.select2{
    background-color: #fff;
}
a.goToTop {
    display: none;
    background-color: #f2f2f2;
    border-radius: 50%;
    bottom: 50px;
    font-size: 24px;
    height: 30px;
    line-height: 24px;
    position: fixed;
    right: 24px;
    text-align: center;
    vertical-align: middle;
    width: 30px;
    z-index: 110;
}

.title {
    /* font-family: "Roboto Medium";
     font-size: 18px;*/
    text-transform: uppercase;
    margin-top: 0;
}

.font-14 {
    font-size: 14px;
}

.border-span-first {
    display: block;
    height: 3px;
    margin: 0 auto;
    width: 60px;
}

.border-span-second {
    display: block;
    height: 3px;
    margin: 3px auto;
    width: 36px;
}

.text-trim {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
.bx-wrapper {
    background-color: transparent;
    border: none;
    box-shadow: none;
    margin: 0 auto;
}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    bottom: inherit;
    position: relative;
    padding-top: 14px;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    border-radius: 0;
}

/* SECTION
-------------------------------------------------- */
section.content {
    padding: 30px 0;
}

section.content-15 {
    padding: 15px 0;
}

section.content-top-30 {
    padding: 30px 0 0;
}

section.content-bottom-30 {
    padding: 0 0 30px;
}

section.content-top-15 {
    padding: 15px 0 0;
}

section.content-bottom-15 {
    padding: 0 0 15px;
}
.content-section{
    min-height: 150px;
}
.content-bg {
    background-image: url(../images/bgimage1.jpg);
    background-position: center center;
    background-size: 100% 100%;
}

.content-bg-dark {
    background-image: url(../images/bgimage1.jpg);
    background-position: center center;
    background-size: 100% 100%;
}

.content-bg .title, .content-bg-dark .title {
    color: #fff;
    position: relative;
}

.content-bg-grey1 {
    background-color: #F7F8FA;
}
.fixHeight500 .width95 img {
    width: 100%;
    min-height: 440px;
    max-height: 500px;
    margin: 0 auto;
}
.width95 {
    width: 95%;
    margin: 15px auto;
    position: relative;
}

/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper.absolute {
    /*background: transparent;*/
    background: rgba(0,0,0,0.5);
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 101;
}

.navbar-wrapper {
    background-image: url("../images/bgimage1.jpg");
    background-position: center bottom;
    background-size: 100% auto;
    padding-bottom: 10px;
}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {
    padding-right: 0;
    padding-left: 0;
}

.navbar {
    margin-bottom: 0;
}

.navbar-wrapper .navbar .container {
    width: auto;
}

.navbar-wrapper .navbar {
    border-radius: 0;
}

.navbar-inverse {
    background-color: transparent;
    border: none;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    background-color: transparent;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    background-color: transparent;
}

.navbar-brand img {
    /*background-color: #fff;*/
    margin: 0 auto;
    max-height: 110px;
    max-width: 100%;
}

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: auto;
    padding-top: 0;
    padding-bottom: 0;
}

.navbar-nav > li {
    padding: 24px 8px;
}

.navbar-nav li a {
    font-family: 'OpenSans Semi-Bold';
    font-size: 14px;
    text-transform: uppercase;
    padding: 0;
    display: inline-block;
}

.nav .fa.fa-angle-down, .nav .fa.fa-angle-up {
    font-size: 20px;
    font-weight: bold;
    line-height: 14px;
    vertical-align: top;
    margin-left: 4px;
}

.navbar-nav li a.dropdown-toggle.collapsed span.fa-angle-down, .navbar-nav.city-dropdown li a.dropdown-toggle span.fa-angle-down {
    display: inline-block;
    margin-top: 0px;
    transform: rotate(0deg);
    transition: transform 0.4s ease-in-out 0s;
}

.navbar-nav li a.dropdown-toggle span.fa-angle-down, .navbar-nav.city-dropdown li.open a.dropdown-toggle span.fa-angle-down {
    /*display: none;*/
    margin-top: 3px;
    transform: rotate(180deg);
    transition: all 0.4s ease-in-out 0s;
}

.navbar-nav li a.dropdown-toggle.collapsed span.fa-angle-up {
    display: none;
}

.navbar-nav li a.dropdown-toggle span.fa-angle-up {
    display: inline-block;
}


.navbar-toggle span.icon-bar:nth-child(2) {
    margin: 5px 0 0;
    transform: rotate(45deg);
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}
.navbar-toggle .icon-bar:nth-child(3) {
    display: none;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}
.navbar-toggle span.icon-bar:nth-child(4) {
    margin: -2px 0 0;
    transform: rotate(-45deg);
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}


.navbar-toggle.collapsed span.icon-bar:nth-child(2) {
    margin: 0 0 5px;
    transform: rotate(0deg);
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}
.navbar-toggle.collapsed .icon-bar:nth-child(3) {
    margin: 0 0 6px;
    display: block;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.5s;
}
.navbar-toggle.collapsed span.icon-bar:nth-child(4) {
    margin: -1px 0 0;
    transform: rotate(0deg);
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}


/* COUNTS BOX
-------------------------------------------------- */
.count-section > .row {
    display: flex;
    justify-content: center;
}
.count-section .row {
    margin-left: 0;
    margin-right: 0;
}

.count-section .row > div {
    color: #fff;
    padding: 52px 0;
}
.count-box a {
    display: block;
}
.count-section h2 {
    font-family: "Roboto Medium";
    font-size: 36px;
    line-height: 36px;
    vertical-align: middle;
    margin-top: 0;
    margin-bottom: 0;
}

.count-section h2 a {
    color: #fff;
}

.count-section h4 {
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 14px;
    margin-bottom: 0;
}

.count-section i.fa {
    font-size: 24px;
    line-height: 36px;
    vertical-align: bottom;
}

.count-section .count-box {
    margin: 0 auto;
    position: relative;
    width: 200px;
}

/*.count-section .right-angle {*/
/*position: absolute;*/
/*right: 32px;*/
/*}*/

/* CUSTOMIZE THE FEATURED PROPERTIES SECTION
-------------------------------------------------- */
.featuredContentWrapper {
    margin: 20px auto 0;
}
.featuredContentList {
    margin-bottom: 6px;
}
.featuredContentList li {
    padding: 0 24px;
}

.featuredContentItem.thumbnail {
    border: none;
    border-radius: 0;
    box-shadow: 0 2px 4px #ccc;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    padding: 0;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;

}

.content-bg .featuredContentItem.thumbnail {
    box-shadow: -2px 2px 4px #666;
}

.featuredContentItem .thumbnail-img-holder {
    border-bottom: 1px solid #ccc;
    height: 183px;
    overflow: hidden;
    position: relative;
}

.featuredContentItem .thumbnail-img-holder img {
    width: 100%;
    min-height: 100%;
}

.featuredContentItem .content-title {
    min-height: 64px;
}

.projectCarousel .featuredContentItem .content-title, .projectListBox .content-title {
    min-height: 50px;
    border-bottom: 1px solid rgb(204, 204, 204);
    margin-top: -10px;
}

.propertyCarousel .featuredContentItem .content-title {
    min-height: 50px;

    margin-top: -10px;
}

.featuredContentItem .content-title > h4, .featuredContentItem .content-title > h1 {
    color: #676666;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 8.5px;
}

.featuredContentItem .content-title > h4 a, .featuredContentItem .content-title > h1 a {
    color: #676666;
}
.featuredContentItem .content-title p {
    color: #ababab;
    font-size: 13px;
    margin-bottom: 0;
}

.featuredContentItem .caption {
    position: relative;
    padding: 0 8px;
}

.featuredContentItem .content-details h4.highlight {
    color: #606060;
    /*display: inline-block;*/
    font-family: "Roboto Medium";
    font-size: 18px;
    margin: 0;
}

.content-details .row {
    margin-right: 0;
    margin-left: 0;
}

.content-details .row > div {
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    box-sizing: border-box;
    color: #9b9a9a;
    font-size: 11px;
    padding: 6px 10px 0;
    text-align: center;
    min-height: 44px;
}

.content-details .row > div:last-child {
    border-right: none;
}

/*.caption .fa-stack.fa-lg {
    position: absolute;
    right: 8px;
    top: -20px;
    color: white;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    box-shadow: 1px 1px 4px 1px #666;
}*/

.caption .fa-stack-3x {
    font-size: 3.5em;
    left: 0;
    position: absolute;
    text-align: center;
    text-shadow: 0 2px 5px #666;
    width: 100%;
}

.fa-list-ul.fa-border.fa-inverse {
    border-width: 2px;
    font-size: 13px;
    left: 12px;
    position: absolute;
    top: 17px;
}

/* CUSTOMIZE THE LOCALITY COUNT SECTION
-------------------------------------------------- */
.localityContainerBlock {
    background-color: #fff;
    box-shadow: 0 2px 4px #ccc;
}

.localityContainerBlock h4 {
    margin-top: 0px;
    margin-bottom: 16px;
}

.localityContainerBlock {
    padding: 20px 0;
}

.localityContainerBlock > div {
    display: inline-block;
    float: none;
    margin-right: -3px;
}

.localityContainerBlock a.list-group-item {
    background-color: transparent;
    border: none;
    border-radius: 0;
    color: #7e7e7e;
}

.localityContainerBlock .list-group {
    margin: 0 3px 20px;
}

.localityContainerBlock .list-group > div {
    background-color: #fff;
    padding-left: 0;
    padding-right: 0;
}

.localityContainerBlock .list-group > div:nth-child(4n+1), .localityContainerBlock .list-group > div:nth-child(4n+2) {
    background-color: #EDEFEE;
}

.localityNameBlock {
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
}

.localityContainerBlock .badge {
    background-color: #e3e1e1;
    color: #9b9a9a;
}

.localityBrowserCityName {
    font-size: 10px;
    line-height: 13px;
    width: 100%;
}

/* CLIENTS LOGO SECTION ON HOME PAGE
-------------------------------------------------- */
.clientsLogoSliderSection .bx-wrapper {
    margin-top: 30px;
}

.clientsLogoSliderSection .logoHolder {
    width: 140px;
}

.clientsLogoSliderSection .logoHolder .innerImgHolder {
    display: table-cell;
    height: 140px;
    vertical-align: middle;
    width: 140px;
}

.clientsLogoSliderSection .logoHolder.center-block img {
    margin: 0 auto;
    max-height: 100%;
    max-width: 100%;
}

/* TESTIMONIALS ON HOME PAGE
-------------------------------------------------- */
.testimonials-list .media {
	background-color: #fff;
	box-shadow: -2px 2px 4px #666;
	margin-top: 20px;
	max-height: 130px;
}

@media only screen and (min-width: 768px) and (max-width: 898px) {
	.testimonials-list .media {
		max-height: 160px;
	}
}

@media only screen and (min-width: 899px) and (max-width: 1024px) {
	.testimonials-list .media {
		max-height: 145px;
	}
}

@media only screen and (max-width: 767px) {
	.testimonials-list .media {
		max-height: 160px;
	}
}

.testimonials-list .media-left {
    padding: 20px 12px 14px;
    width: 88px;
}

.testimonials-list .media-left img {
    height: 64px;
    width: 64px;
}

.testimonials-list .media-body {
    padding: 20px 8px 20px 0;
    width: auto;
    height: 132px;
}

.testimonials-list .media-heading {
    font-family: "Roboto Medium";
}

.testimonials-list .media-body > p {
    font-size: 13px;
    line-height: 21px;
    margin-bottom: 0;
}

/* FOOTER
-------------------------------------------------- */
footer {
    background-color: #2F2F2F;
    position: relative;
}

footer .container {
    padding: 20px 0;
    color: #999;
}

.footerLinks {
    /*margin: 0 auto;*/
    /*width: 90%;*/
}

.footerLinks > div {
    margin-bottom: 14px;
}

.footerLinks .col-sm-6 {
    margin-bottom: 20px;
}

.footerLinks h4 {
    color: #fff;
    font-size: 11px;
    font-family: "Roboto Medium";
    text-transform: uppercase;
    padding-bottom: 4px;
    margin-top: 6px;
    margin-bottom: 4px;
}

.footerLinks .border-span {
    border-bottom: 1px solid #6c6c6c;
    display: block;
    margin-bottom: 20px;
    width: 45%;
}

.inline-block {
    display: inline-block;
    vertical-align: top;
}

.footerLinks ul li a {
    color: #999;
    display: block;
    line-height: 24px;
}

.footerLinks ul li a .nameBlock {
    max-width: 74%;
}
.footerLinks ul li a .countBlock {
    text-align: right;
    width: 24%;
}
.footerLinks p a {
    color: #dedede;
}
.footerLinks .view-more {
    font-size: 11px;
}
.footerAddress {
    border-top: 1px solid #454545;
    margin: 6px 0;
    padding: 12px 0 0;
}

.footerForm .btn {
    width: 100%;
}

/* LISTING PAGE - FILTER SECTION
-----------------------------------------------------*/
.section-bottom-border {
    margin: 0 auto;
    padding: 20px 0;
}

.filterResultDisplay {
    background-color: #fff;
    border-radius: 0;
    box-shadow: -2px 2px 4px #ccc;
    color: #999;
    font-family: "Roboto Regular";
    margin: 0 auto;
    padding: 10px 6px;
}

.filterResultDisplay .label-highlight {
    color: #333;
}

.sort .sort-menu .sort-list-item {
    display: inline-block;
    padding: 0 8px;
}

.sort-menu li.sort-list-item:first-child {
    padding-left: 0;
}

.sort .sort-menu .sort-list-item.tag {
    color: #333;
}

.sort-list-item.seperate {
    border-right: 1px solid #ccc;
}

.sort-list-item.seperate.couple {
    padding: 0 8px 0 0;
}

.sort .sort-menu .sort-list-item a {
    color: #999;
    text-decoration: none;
}

.sort .sort-menu .view-tag {
    margin-left: 14px;
}

.push-right {
    margin-right: 14px;
}

/* LISTING PAGE - GRID VIEW
-----------------------------------------------------*/
.listing.grid .featuredContentList {
    padding: 0 0 30px;
}

.listing.grid .featuredContentList li {
    margin: 30px 0 0;
}

.featuredContentList .thumbnail .float-text {
    color: #fff;
    font-size: 10px;
    margin-bottom: 0;
    padding: 4px 8px;
    text-align: right;
    height: 22px;
    text-transform: uppercase;
    width: 100%;
}

.thumbnail .tag-strip-yellow {
    background-image: url("../images/icons/yellow-tag.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 19px;
    position: absolute;
    top: 40%;
    width: 42px;
}

.thumbnail .tag-strip-yellow h5 {
    color: #fff;
    font-family: "Roboto Regular";
    font-size: 11px;
    margin: 0;
    padding: 2px 0 0 6px;
    text-transform: uppercase;
}

.featuredContentList .FormBox {
    border-top: 1px solid #ccc;
    margin-top: 10px;
    padding-top: 2px;
}

.featuredContentWrapper.projectCarousel .FormBox, .projectListBox .FormBox {
    margin-top: 0px !important;
}

.featuredContentWrapper.propertyCarousel .FormBox {

}

.featuredContentList .FormBox .row {
    margin: 0 -6px;
}

.featuredContentList .FormBox .row > div {
    padding: 6px 6px 0;
}

/* LISTING PAGE - LIST VIEW
-----------------------------------------------------*/
.listing.list .featuredContentList {
    padding: 30px 0;
}

.listing.list .media {
    background-color: #fff;
    border-radius: 0;
    box-shadow: 1px 2px 6px #ccc;
    font-family: "Roboto Regular";
    padding: 8px 8px 8px 12px;
}

.media-top {
    color: #fff;
    font-size: 10px;
    height: 19px;
    margin: -8px -12px 14px;
    padding: 2px 20px 0 14px;
    text-transform: uppercase;
}

.media-left {
    position: relative;
}

.media-left > a {
    display: inline-block;
    position: relative;
}

.media-left .tag-yellow {
    background-image: url("../images/icons/new_yellow-tag.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-top-left-radius: 6px;
    height: 40px;
    left: 0;
    position: absolute;
    top: 0;
    width: 40px;
}

.media-left .tag-yellow h5 {
    color: #fff;
    font-size: 11px;
    margin: 0;
    padding: 8px 0 3px;
    text-align: center;
    text-transform: uppercase;
    transform: rotate(316deg);
    width: 60%;
}

.listing .external-link, .media-left .external-link {
    color: #fff;
    position: absolute;
    right: 4px;
    top: 4px;
}

.media-left .external-link {
    right: 4px;
    top: 4px;
}

.listing.list .agent-box .fa-user.fa-border {
    border-color: #ddd;
}

.listing.list .agent-box h4 {
    margin: 6px 0 2px;
}

.listing.list .agent-box .contact-no {
    font-size: 13px;
    line-height: 13px;
    vertical-align: text-bottom;
}

.listing.list .agent-box {
    font-size: 11px;
}

.listing.list .media .img-thumbnail {
    border: 1px solid #bfbdc0;
    border-radius: 6px;
    box-shadow: 0 3px 3px #777;
    min-height: 116px;
    min-width: 152px;
    padding: 1px;
}

.listing.list .media-body {
    padding: 0 6px;
}

.listing.list .media-heading h3, .listing.list .media-heading h1 {
    font-size: 21px;
    margin-bottom: 8.5px;
    margin-top: 0;
}

.listing.list .media-heading .price h3 {
    color: #222;
    line-height: 18px;
    vertical-align: top;
}

.listing.list .media-details h5 {
    color: #9a9a9a;
}

.listing.list .media-heading .price .fa.fa-inr {
    color: #777;
    font-size: 24px;
    vertical-align: top;
}

.listing.list .form-group {
    margin-bottom: 6px;
}

/* LISTING PAGE - PAGINATION
-----------------------------------------------------*/
.paginationShowMore {
    display: block;
    line-height: 34px;
    margin: 0 0 20px;
    text-align: center;
}

.showMore {
    background-color: #fff;
    border: 1px solid #fff;
    box-shadow: 0 2px 3px #ccc;
    color: #666;
    font-family: "Roboto Medium";
    transition: box-shadow 0.3s ease-in-out 0s;
    width: 100%;
}

.showMore:hover {
    box-shadow: 0 2px 3px #9f9f9f;
    transition: box-shadow 0.3s ease-in-out;
}

/* DETAIL PAGE - AGENT BOX
-----------------------------------------------------*/
.agent-box {
    font-size: 14px;
    text-align: center;
    word-break: break-word;
}

.agent-box h4 {
    font-family: "Roboto Regular";
    font-size: 13px;
    margin: 6px 0 0;
}

.agent-box .fa-user.fa-border {
    border-radius: 50%;
    color: #b5b5b5;
}

.agent-box .fa-phone.fa-border {
    border-color: #111;
    border-radius: 50%;
}

/* LISTING PAGE FILTERS
-----------------------------------------------------*/
#showMoreFilters .fa.fa-angle-down.open {
    vertical-align: bottom;
}


.fa.fa-angle-down.open {
    transform: rotate(180deg);
    transition: transform 0.5s ease-in-out;
}

button#showMoreFilters {
    background-color: #E6E6E6;
}

button#showMoreFilters:active, button#showMoreFilters:focus {
    outline: none;
}

#showMoreFilters .fa.fa-angle-down {
    font-size: 20px;
    line-height: 16px;
    margin-left: 10px;
    vertical-align: sub;
}

.searchForm .fa {
    font-size: 16px;
}

.filter-wrapper .btn {
    border-radius: 0;
}

.filterSection .searchForm .fa {
    font-size: 12px;
    margin: 0 -6px 0 0;
}

.filterSection .searchForm .filter-wrapper #addon-search-icon .fa {
    font-size: 12px;
    margin: 0 -8px 0 -6px;
}

.filter-wrapper .input-group #searchText {
    border-left: 0 none;
    box-shadow: none;
    padding: 6px 4px;
}

.searchForm .form-group {
    padding: 0;
}

.searchForm .input-group-addon {
    border-radius: 0;
}

.searchForm .form-control.input-lg {
    border-left: 0 none;
    border-right: 0 none;
    box-shadow: none;
}

.searchForm .form-control:focus {
    border-color: #cccccc;
}

.searchForm .input-group-btn .btn {
    border-radius: 0;
}

.searchForm #searchType {
    color: #fff;
    padding: 10px 0 10px 14px;
    text-align: left;
    width: 120px;
}

.searchForm #searchType .caret {
    margin-left: 20px;
}

.searchForm ul.dropdown-menu {
    margin-top: -1px;
    min-width: 120px;
}

.searchLoaderWrapper {
    background-color: #fff;
}

.searchLoader {
    font-size: 14px;
    text-align: center;
    width: 30px;
}

.filter-wrapper, .moreFilters {
    margin: 10px auto 0;
}

.moreFilters .row > div {
    margin: 5px auto;
}

.moreFilters h5 {
    font-weight: bold;
}

.moreFilters .form-control {
    box-shadow: none;
}

.moreFilters .form-control:focus {
    box-shadow: none;
}

.sticky-wrapper {
    height: auto !important;
}

.sticky-wrapper.is-sticky .filterSection {
    background-color: #f2f2f2;
    box-shadow: 0 1px 3px #999;
    padding: 10px 0;
    z-index: 3;
}

.sticky-wrapper.is-sticky .well {
    background-color: #f2f2f2;
    border: 0 none;
    box-shadow: none;
    margin-bottom: 0;
    padding: 0;
    transition: padding 0.2s ease-in 0s;
}

.sticky-wrapper.is-sticky .input-group-addon {
    padding: 5px 12px;
}

.sticky-wrapper.is-sticky .input-lg {
    font-size: 12px;
    height: 31px;
    line-height: 1.42857;
    padding: 6px 12px;
}

.sticky-wrapper.is-sticky .btn-lg, .sticky-wrapper.is-sticky .btn-group-lg > .btn {
    font-size: 12px;
    line-height: 1.42857;
    padding: 6px 12px;
}

/** Filters - Typeahead **/
.noRightBorder {
    border-right: none;
}

.noLeftBorder {
    border-left: none;
}

#projectKeywordSearch, #propertyKeywordSearch {
    box-shadow: none;
}

.filter-wrapper .searchLoader {
    font-size: 16px;
    margin: 0 0 0 10px;
}

.filter-wrapper .dropdown-menu.ng-isolate-scope {
    max-height: 340px;
    overflow-y: scroll;
    margin-left: -26px;
}

.searchForm .dropdown-menu.ng-isolate-scope {
    max-height: 340px;
    overflow-y: scroll;
}

.filter-wrapper .dropdown-menu.ng-isolate-scope li, .searchForm .dropdown-menu.ng-isolate-scope li {
    border-bottom: 1px solid #f3f3f3;
    cursor: pointer;
}

.filter-wrapper .dropdown-menu.ng-isolate-scope li a, .searchForm .dropdown-menu.ng-isolate-scope li a {
    background-color: #fff;
    color: #555;
    padding: 6px 8px;
}

.filter-wrapper .dropdown-menu.ng-isolate-scope li a:hover,
.filter-wrapper .dropdown-menu.ng-isolate-scope li a:active,
.filter-wrapper .dropdown-menu.ng-isolate-scope li.active a,
.searchForm .dropdown-menu.ng-isolate-scope li a:hover,
.searchForm .dropdown-menu.ng-isolate-scope li a:active,
.searchForm .dropdown-menu.ng-isolate-scope li.active a {
    background-color: #F5F5F5;
}

.input-group .dropdown-menu .fa {
    margin: 0 0 0 4px;
    font-size: 12px;
}

.filter-wrapper .dropdown-menu.ng-isolate-scope li i.fa, .searchForm .dropdown-menu.ng-isolate-scope li i.fa {
    width: 16px;
}

.ui-select-multiple::before {
    color: #999;
    content: "";
    display: inline-block;
    font-family: FontAwesome;
    font-feature-settings: normal;
    font-kerning: auto;
    font-language-override: normal;
    font-size: 18px !important;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-synthesis: weight style;
    font-variant: normal;
    font-weight: normal;
    left: 95%;
    line-height: 1;
    position: absolute;
    text-rendering: auto;
    top: 5px;
    transition: all 0.8s ease 0s;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #E6E6E6;
    min-height: 28px;
}

.ui-select-bootstrap .ui-select-toggle > .caret:before {
    content: "\f107";
}

.ui-select-bootstrap .ui-select-toggle > .caret {
    transform: rotate(0deg);
    transition: transform 0.5s ease-in-out 0s;
    display: inline-block;
    font-family: FontAwesome;
    font-feature-settings: normal;
    font-kerning: auto;
    font-language-override: normal;
    font-size: 20px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-synthesis: weight style;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
    transform: translate(0px, 0px);
    color: #999;
    border: none;
    margin-top: -10px;
    right: 18px;
}

.ui-select-multiple.ui-select-bootstrap input.ui-select-search {
    width: 100% !important;
    padding-left: 8px;
}

.ui-select-multiple:before {
    font-size: 18px !important;
    content: "\f107";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: all ease 0.8s;
    -moz-transition: all ease 0.8s;
    transition: all ease 0.8s;
    position: absolute;
    top: 5px;
    left: 95%;
    color: #999;
}

.ui-select-multiple.open:before {
    content: "\f107";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: all ease 0.8s;
    -moz-transition: all ease 0.8s;
    transition: all ease 0.8s;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.prp_subtype .ui-select-multiple:before, .prj_subtype .ui-select-multiple:before {
    left: 88%;
}

input.form-control-hidden {
    display: none;
}

/* Post Property Form*/
.postPropertyForm {

}

.postPropertyHead {
    color: #fff;
    padding: 10px;
}

.postPropertyHead h1 {
    font-size: 22px;
    font-weight: bold;
    margin: 0;
    padding: 0 0 10px;
}

.postPropertyHead p {
    font-size: 14px;
    margin: 0;
    padding: 0;
}

.postPropertyInfo {
    border: 1px solid #ccc;
    box-shadow: 0 5px 8px #ccc;
    padding: 10px 15px;
}

.postPropertyInfo h2 {
    font-size: 16px;
    margin: 0;
    padding: 10px 0;
}

.postPropertyInfo .postDataInput {
    border: 1px solid #ccc;
    box-shadow: 2px 3px 4px #ccc;
    display: block;
    height: 31px;
    margin: 10px 0;
    padding: 5px 10px;
    width: 100%;
    position: relative;
    z-index: 999;
}

.postPropertyForm {
    margin: 10px 0 20px;
}

.postPropertyInfo .form-control {
    border: 1px solid #ccc;
    box-shadow: 2px 3px 4px #ccc;
    margin: 10px 0;
    height: 31px;
}

.postPropertyInfo .ms-choice {
    height: 30px;
}

.formRow {
    margin: 10px 0 3px;
}

.postPropertyInfo input[type="radio"] {
    margin: 0 5px 0 0;
}

.boxS {
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.formBtn {
    margin: 10px 0;
}

.postPropertyForm .red, form .red {
    color: #ed3237;
}

input.form-control-hidden {
    display: none !important;
}

.postPropertyInfo .select2-container .select2-choice {
    border: 1px solid #ccc;
    box-shadow: 2px 3px 4px #ccc;
    height: 31px;
    margin: 10px 0;
    padding: 2px 10px;
    width: 100%;
}

.postPropertyInfo .featuredMsg {
    background: none repeat scroll 0 0 #fff;
    color: #000;
    font-size: 13px;
    font-weight: bold;
    height: 100%;
    opacity: 0.8;
    padding-top: 35%;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 2147483647;
}

#map {
    height: 500px;
    width: 100%;
}

#map img {
    max-width: none;
}

.infoWindowContent {
    border-radius: 6px;
    color: #fff;
    font-size: 12px;
    left: -162px;
    padding: 10px 0 10px 14px;
    position: absolute;
    top: -70px;
    width: 200px;
}

.infoWindowContent h2.mapTitle {
    font-size: 15px;
    margin: 0 15px 0 0;
    text-transform: uppercase;
}

.infoWindowContent p {
    margin: 0px;
    font-size: 13px;
    line-height: 20px;

}

.infoWindowContent p.infoAddress {

}

.infoWindowContent p.infoContactNo {
    font-size: 12px;
}

.infoWindowContent p.infoEmail {
    font-size: 12px;
    margin: 0 25px 0 0;
}

.mapToolTip {
    border-left: 10px solid #eaeaea;
    border-right: 10px solid #eaeaea;
    /*border-top: 20px solid #1273c0;*/
    height: 0;
    margin-top: 10px;
    position: absolute;
    right: 16px;
    width: 0;
}

.AddressDetail h2 {
    border-bottom: 1px solid #ddd;
    font-size: 18px;
    margin: 10px 0 7px;
    padding-bottom: 7px;
    text-transform: uppercase;
}

.AddressDetail p {

}

.AddressDetail p span {
    display: block;
    font-size: 13px;
    line-height: 21px;
}

.clickMarker, .clickMarker:hover, .clickMarker:focus {
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 13px;
    padding: 3px 10px;
}

.AddressDetail {
    background: none repeat scroll 0 0 #fcfcfc;
    border: 1px solid #ddd;
    /*box-shadow: 3px -4px 3px #ddd;*/
    color: #606060;
    margin-top: 20px;
    padding: 5px 10px 0;
    min-height: 145px;
}

.mainTitle {
    border-bottom: 2px solid #e6e6e6;
    margin: 20px 0 0;
    padding-bottom: 9px;
}

.errorMsg {
    color: #ed3237;
    text-align: center;
}
.postPropertyInfo .postDataInput.errorTag, .speak-to-an-expert .form-control.errorTag, form .form-control.errorTag,  .contactCity.errorTag {
    border: 1px solid #ed3237;
    box-shadow: 1px 2px 2px #ef8787;
}

form .nameErrorTag, form .telErrorTag, form .emailErrorTag, .select2-choice.errorTag {
    border: 1px solid #ed3237 !important;
    box-shadow: 1px 2px 2px #ef8787 !important;
}

.postPropertyForm .red, .detailForm .red, .FormBox .red{
    display: none !important;
}
.postPropertyForm .red.cityRequired{
    display: block !important;
}


/* SOCIAL WIDGET
-----------------------------------------------------------------*/
/** Floating Widgets - Left Social Icons **/
.float-social {
    opacity: 1;
    position: fixed;
    top: 26%;
    z-index: 100;
}

.float-social.left {
    left: 0;
}

.float-social.right {
    right: 0;
}

.social-floating-widget {
    list-style: outside none none;
}

.social-floating-widget > li {
    line-height: 49px;
    margin: 1px 0;
}

.float-social.right .social-floating-widget li {
    text-align: right;
}

/* POPUP DIV
---------------------------------------------------------------------*/
.closeIcon a {
    color: #fff;
    cursor: pointer;
    float: right;
    font-size: 16px;
    margin-right: -16px;
    margin-top: -16px;
    padding: 0 8px 3px;
    text-align: right;
}

.closeIcon a:hover {
    text-decoration: none;
}

.popupDiv {
    display: none;
    height: 100%;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}

.popupBg {
    background: none repeat scroll 0 0 #000;
    height: 100%;
    opacity: 0.6;
    position: absolute;
    width: 100%;
    z-index: 1;
}

.popup-modal {
    background: none repeat scroll 0 0 #fff;

}

.popupContent {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    margin: 5% auto;
    padding: 10px 15px;
    position: relative;
    width: 550px;
    z-index: 100000;
}
.popup-modal {
    border: medium none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    text-align: center;
}

.popupContent > div {
    position: relative;
    z-index: 4;
}

.popupContent .popup-form .form-group {
    margin: 0px;
}

span.validation-error {
    color: #ff2f00;
    display: block;
    text-align: left;
}

/* HOME PAGE BANNER TITLE
--------------------------------------------------------------*/
.homePageBannerTitleWrapper {
    position: absolute;
    /*top: 32%;*/
    top:50%;
    width: 100%;
    z-index: 55;
    text-align: center;
}

.homePageBannerTitle {
    margin-bottom: 36px;
}

.homePageBannerTitle h1 {
    color: #fff;
    font-family: "Roboto Medium";
    font-size: 52px;
    font-weight: bold;
    text-shadow: -3px 2px 6px #666;
    text-transform: uppercase;
    text-align: center;
}

.homePageBannerTitle > h4 {
    color: #fff;
    font-family: "Roboto Medium";
    text-transform: uppercase;
    text-shadow: -3px 2px 6px #666;
}

.homePageBannerTitleWrapper .input-group {
    margin: 0 auto;
    width: 600px;
}

.homePageBannerTitleWrapper .input-group .form-control.input-lg {
    border: none;
}

.homePageBannerTitleWrapper .input-group-btn .btn {
    color: #fff;
}

.homePageBannerTitleWrapper .input-group-btn.left .btn {
    border-bottom-left-radius: 50px;
    border-top-left-radius: 50px;
}

.homePageBannerTitleWrapper .input-group-btn.right .btn {
    border-bottom-right-radius: 50px;
    border-top-right-radius: 50px;
}

/*************************Nikhil CSS**************************/
/** Property Detail Page **/
.propertyCost {
	font-size: 16px;
}

.propertyCost .fa.fa-inr {
    font-size: 16px;
    line-height: 20px;
    vertical-align: top;
}

/** Property Details **/
section.content2 {
    padding-bottom: 40px;
}

section.content3 {
    padding: 15px 0;
}

.mainImageWrapper {
    margin-top: 15px;
}

.propertyData {
    margin-bottom: 40px;
}

.propertyData .title, .heading {
    font-size: 25px;
    margin-top: 0;
}

.propertyDetailsSection {
    margin-top: 40px;
}

.propertyDetailsSection ul.amenities {
    list-style: none;
    padding: 0;
    margin: 0;
}

.propertyDetailsSection ul.amenities li {
    border-bottom: 1px solid #f3f3f3;
    color: #555;
    font-size: 13px;
    padding: 14px 20px;
}

.propertyDetailsSection ul.amenities li:nth-child(4n+1), .propertyDetailsSection ul.amenities li:nth-child(4n+2), .projectAmenitiesSection ul.amenities li:nth-child(4n+1), .projectAmenitiesSection ul.amenities li:nth-child(4n+2) {
    background-color: #FCFCFC;
}

/** Agent Box **/
.agent-box {
    border: 1px solid #eee;
    box-sizing: border-box;
    font-size: 14px;
    margin: 0 8px 30px;
    padding: 20px 10px;
    text-align: center;
}
.agent-box.listAgent{
    margin: 0;
}
.agent-box .fa-user.fa-border {
    border-radius: 50%;
    color: #B5B5B5;
}

.agent-box .fa-phone.fa-border {
    border-radius: 50%;
    border-color: #111;
}

.agent-box .agentImage img {
    border-radius: 50%;
    height: 80px;
    width: 80px;
}

.agent-box h4 {
    font-size: 13px;
    font-family: "Roboto Regular";
    margin: 6px 0 0;
}

.agent-box p {
    font-size: 13px;
}

.agent-box .contact-no {
    font-size: 15px;
}

/** Speak to an Expert **/
.speak-to-an-expert {
    border: 1px solid #eee;
    box-sizing: border-box;
    padding: 14px 18px;
    margin: 0 8px;
}

.speak-to-an-expert h3 {
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    text-align: center;
    margin-top: 0;
}

.speak-to-an-expert p {
    margin: 5px 0;
    font-size: 13px;
    text-align: left;
}

.speak-to-an-expert .form-group:last-child {
    margin-bottom: 0;
}

.speak-to-an-expert .form-control {
    background-color: #eee;
    border: medium none;
    box-shadow: none;
}

.speak-to-an-expert .btn {
    border-radius: 0;
    font-weight: bold;
}

/** Modal Form **/
.viewFloorPlans .modal-dialog {
    width: 300px;
}

/*Property Detail Image*/
.mainImageWrapper {
    margin-top: 15px;
}

.mainImage {
    width: 72%;
}

.position-relative {
    position: relative;
}

.imageCount {
    background-color: rgba(255, 255, 255, 0.95);
    bottom: 0;
    padding: 4px 8px;
    position: absolute;
    right: 0;
}

.mainImageWrapper .mainImage img {
    box-shadow: 2px 4px 4px #666;
    width: 100%;
}

.font-grey {
    color: #adadad;
}

.title {
    text-align: center;
    text-transform: uppercase;
}

.title-border {
    border-bottom: 1px solid #ccc;
    display: block;
    height: 2px;
    margin: 6px auto 20px;
    width: 75px;
}

.title-border.white {
    border-color: #fff;
}

.photogallery > div {
    display: inline-block;
    float: none;
    margin-top: 30px;
}

.photogallery a {
    display: block;
    height: 253px;
}

.photogallery img {
    box-shadow: 2px 4px 4px #666;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    max-height: 100%;
}

/** Location Map **/
.propertyLocation .row {
    margin: 0;
}

.propertyLocation .row .col-lg-12 {
    padding: 0;
}

#map-canvas {
    height: 500px;
    box-shadow: 0 2px 6px #666;
}

.angular-google-map-container {
    height: 500px;
}

/** Featured Properties **/
.font-grey {
    color: #adadad;
}

.featuredPropertiesSection h2 {
    margin-bottom: 12px;
    margin-top: 24px;
}

.featuredPropertiesSection .container h3 {
    border-bottom: 1px solid #ccc;
    padding-bottom: 8px;
}

.featuredProperties .bx-wrapper .bx-viewport {
    background-color: transparent;
    border: 0;
    box-shadow: none;
    left: 0px;
    height: auto !important;
}

.featuredProperties .bx-wrapper .bx-pager.bx-default-pager a {
    background-color: #E3E3E3;
    border-radius: 0;
}

.bx-wrapper .featuredProperties-list {
    margin-left: 0;
    padding: 0;
}

.bx-wrapper .bx-viewport ul {
    position: relative !important;
}

.bx-wrapper .featuredProperties.grid .featuredProperty-bottom div span {
    display: block;
    line-height: 30px;
}

.featuredProjectsSection .bx-wrapper .featuredProperty-details.list-group {
    min-height: 100px;
}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    bottom: inherit;
    position: relative;
    width: 100%;
}

.featuredPropertiesSection .bx-wrapper {
    margin-bottom: 20px;
}

.featuredPropertiesSection .bx-wrapper .featuredProperties-list {
    margin-bottom: 0;
}

.bx-wrapper .bx-pager {
    padding: 0;
}
.featuredProjectSection {
    padding: 20px 0;
}
.featuredProjectSection h2 {
    margin-top: 0;
}
.featuredContentWrapper .bx-viewport {
    height: auto !important;
}

/*.featuredProperties-list li {
    margin: 0 15px;
    padding: 0;
    width: 300px !important;
}*/
.featuredProperties-list {
    list-style: none;
    margin: 20px 0 20px -40px;
    text-align: justify;
}

.featuredProperties.grid .thumbnail {
    background-color: #f0f0f0;
    box-shadow: 0 1px 2px #bcbcbc;
    box-sizing: border-box;
    padding: 0;
    margin-bottom: 24px;
    overflow: hidden;
}

.featuredProperties.grid .thumbnail > a {
    display: inline-block;
    position: relative;
    width: 100%;
}

.featuredProperties .thumbnail {
    position: relative;
}

.featuredProperties.grid .thumbnail img {
    height: 180px;
    max-height: 180px;
}

.featuredProperties.grid .thumbnail .img-thumbnail {
    border: 0 none;
    border-radius: 0;
    padding: 0;
    width: 100%;
}

/*.featuredProperties.grid .featuredProperty-details h4 {*/
/*margin-bottom: 10px;*/
/*}*/

.featuredProperties-list .external-link, .media-left .external-link {
    color: #fff;
    position: absolute;
    right: 4px;
    top: 4px;
}

.media-left > a {
    display: inline-block;
    position: relative;
}

.media-left .external-link {
    right: 4px;
    top: 4px;
}

.featuredProjectsSection .featuredProperties-list .external-link {
    right: 6px;
    top: 6px;
}

.thumbnail .tag-strip-yellow {
    background-image: url("../images/icons/yellow-tag.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 19px;
    position: absolute;
    top: 42%;
    width: 42px;
}

.thumbnail .tag-strip-yellow h5 {
    color: #fff;
    font-family: "Roboto Regular";
    font-size: 11px;
    margin: 0;
    padding: 2px 0 0 6px;
    text-transform: uppercase;
}

.featuredProperties.grid .thumbnail .float-text {
    color: #fff;
    font-size: 10px;
    margin-bottom: 0;
    padding: 4px 8px;
    text-align: right;
    text-transform: uppercase;
    width: 100%;
    background-color: #3F51B5;
}

.featuredProperties.grid .thumbnail .caption {
    padding: 0;
    text-align: left;
}

.featuredProperties.grid .thumbnail .caption .fa.fa-inr {
    font-size: 14px;
}

.featuredProperty-details.list-group {
    font-family: "Roboto Medium";
    margin-bottom: 0;
    min-height: 148px;
    padding: 8px;
}

.featuredProperty-details h4 {
    height: 16px;
    margin: 0;
}

.featuredProperty-details .list-group-item-text > div {
    margin-bottom: 6px;
}

/*.featuredProperties-list .list-group-item-text {*/
/*padding: 0 0 6px;*/
/*}*/

.featuredProperties.grid .featuredProperty-bottom {
    border-top: 1px solid #ccc;
    margin: 0;
    padding: 10px 0;
}

.featuredProperties.grid .featuredProperty-bottom .col-lg-4.col-md-4.col-sm-4 {
    padding-right: 8px;
}

/*.FormBox {*/
/*border-top: 1px solid #ccc;*/
/*color: #fff;*/
/*padding: 5px 10px;*/
/*background: #fff;*/
/*}*/

.FormBox .formDataInput {
    border: 1px solid #ccc;
    color: #000;
    display: block;
    height: 24px;
    margin: 5px 0 2px;
    padding: 3px 10px;
    box-shadow: 1px 2px 3px -1px #ccc;
    width: 100%;
}

.FormBox .btn-block {
    margin: 5px 0;
    padding: 3px;
    border-radius: 0;
}

.FormBox form .red {
    font-size: 11px;
}

.FormBox .featuredMsg {
    background: none repeat scroll 0 0 #fff;
    color: #000;
    font-size: 13px;
    font-weight: bold;
    height: 84px;
    opacity: 0.8;
    padding: 20px 0;
    margin: 0 -4px;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 200;
}

.media-body .featuredMsg {
    background: #fff none repeat scroll 0 0;
    color: #000;
    font-size: 13px;
    height: 135px;
    opacity: 0.8;
    padding-top: 22px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 85%;
    z-index: 2147483647;
}

.FormBox .loaderForm {
    display: block;
    height: 32px !important;
    margin: 0 auto;
    max-width: 32px !important;
    text-align: center;
}

.featuredPropertiesSection h2 {
    margin-bottom: 12px;
    margin-top: 24px;
    font-family: "Roboto Medium";
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 500;
}

.center {
    text-align: center;
}

/*Project Details*/

.no-padding {
    padding: 0;
}

.projectHeadings {
    padding: 10px 32px 15px;
}
.projectHeadings h2 {
    font-size: 21px;
}
section.section-banner {
    padding: 10px 0;
}
.section-banner .projectHeadings h1 span {
    font-family: "Roboto Light";
    font-size: 16px;
    line-height: 26px;
    text-transform: none;
    vertical-align: bottom;
}
.mainImageSection-form {
    margin: 44px 0 0 34px;
    width: 260px;
}

section.content1 {
    padding: 40px 0 0;
}

.projectHighlights {
    margin: 0 auto;
    text-align: center;
    padding-top: 20px;
}

.projectHighlights > div {
    display: inline-block;
    float: none;
    margin-right: -4px;
}

/** Configuration (Property Types) **/
section.projectConfigurationSection {
    background-image: url("../images/bg-images/section-bg-image-2.jpg");
    background-position: center center;
    background-size: 100%;
}

.projectConfigurationSection .title {
    color: #fff;
}

.projectConfigurationSection .table-responsive {
    background-color: #fff;
    padding: 20px 8%;
}

.projectConfigurationSection .table-responsive .table {
    margin-bottom: 10px;
}

.projectConfigurationSection .table-responsive .table th, .projectConfigurationSection .table-responsive .table td {
    color: #555;
    font-size: 14px;
    padding: 18px 10px;
}

.projectConfigurationSection .table-responsive .table tr:first-child th {
    border-top: 0;
}

.projectConfigurationSection .table-responsive .table .fa-download {
    text-indent: 5px;
    color: #787878;
}

/** Project Amenities**/
.projectAmenitiesSection .row {
    padding: 0 8%;
}

.projectAmenitiesSection ul {
    list-style: url("../images/icons/grey-square.jpg");
    margin-left: -5px;
}

.projectAmenitiesSection li {
    font-size: 15px;
    padding: 8px 4px;
    text-align: justify;
}

.projectAmenitiesSection h4 {
    font-weight: bold;
}

.projectAmenitiesSection ul.amenities {
    list-style: none;
    padding: 0;
}

.projectAmenitiesSection ul.amenities li {
    border-top: 1px solid #f3f3f3;
    color: #555;
    font-size: 14px;
    padding: 18px;
}

.projectAmenitiesSection .table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: #FCFCFC;
}

.projectAmenitiesSection .table-responsive .table th, .projectAmenitiesSection .table-responsive .table td {
    border-top-color: #f3f3f3;
    color: #555;
    font-size: 14px;
    padding: 18px;
}

.gridBox {
    padding: 0 0 6px;
}

.font-12 {
    font-size: 12px;
}

.font-12-bold {
    font-size: 12px;
    font-weight: bold;

}

/*.projectDetails-list {
    min-height: 90px;
    margin-top: 10px;
}*/

.featuredContentItem .fa.fa-external-link {
    right: 7px;
    position: absolute;
    top: 9px;
    font-size: 12px;
}

.nameErrorTag, .telErrorTag, .emailErrorTag {
    border: 1px solid red !important;
}

.nameErrorTag + span.red, .telErrorTag + span.red, .emailErrorTag + span.red {
    display: none !important;
}

.propertyListBox .content-title {
    margin-top: -8px;
}

/*********************Nikhil CSS Ends****************************/


/* COMPARE CSS
*******************************************/


.compare-details {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #c0c0c0;
    bottom: 0;
    left: 0;
    padding: 10px 10px 5px 0;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

.closeCompareIcon, .closeCompareIcon:hover {
    color: #fff;
    cursor: pointer;
    font-size: 15px;
    margin-top: -10px;
    position: absolute;
    right: 0;
    text-align: center;
    width: 20px;
}

.compareBox {
    border: 1px solid #ddd;
    float: left;
    height: 116px;
    overflow: hidden;
    padding: 5px 4px;
    width: 24%;
}

.compareBox p {
    font-size: 13px;
    text-align: left;
}

.compareBox .compareTitle {
    font-weight: bold;
    margin-right: 10px;
}

.compareBox span.text-trim {
    display: block;
    padding-top: 10px;
}

.compareBox p img {
    border: 1px solid #ddd;
}

.compareBox h4 {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    font-size: 15px;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

.compareBtn, .compareBtn:hover, .compareBtn:focus {
    border: medium none;
    border-radius: 5px;
    color: #ffffff;
    cursor: pointer;
    display: block;
    font-size: 11px;
    margin: 0 5px 5px;
    padding: 3px 4px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

.compareBtn.gray, .compareBtn.gray:hover, .compareBtn.gray:focus {
    background-color: #757575;
}

#comparePage {

}

#comparePage h4 {
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

#comparePage .compareBox {
    background: none repeat scroll 0 0 #f5f5f5 !important;
    height: 100%;
    margin-bottom: 20px;
    padding: 0px;
    width: 100%;
}

#comparePage .compareBox table {
    margin: 0px;
}

#comparePage .compareBox .img-responsive {
    width: 100%;
}

#comparePage table {
    color: #7d7d7d;
}

#comparePage table td:first-child {
    color: #363636;
}

#comparePage tr {

}

#comparePage td {
    border-bottom: 1px solid #eaeaea;
    font-size: 13px;
}

#comparePage .labelDiv {
    color: #000;
    font-size: 18px;
    font-weight: bold;
    vertical-align: bottom;
}

#comparePage .builder {
    font-weight: bold;
}

#comparePage .address {
    color: #818286;

}

#comparePage .price {
    font-size: 16px;
    font-weight: bold;
    padding: 10px 0 0;
}

.compareButton, .compareButton:hover {
    background-color: #686868;
    border: medium none;
    color: #ffffff;
    float: right;
    font-size: 12px;
    margin: 0 10px 10px;
    padding: 4px 10px;
}

.clear {
    clear: both;
}

.compareBoxLeft {
    float: left;
    margin-right: 2%;
    width: 48%;
}

.compareBoxRight {
    float: left;
    margin-left: 2%;
    width: 48%;
}

.closeCompareInnerIcon, .closeCompareInnerIcon:hover {
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    line-height: 15px;
    margin-left: 24px;
    margin-top: -16px;
    padding-bottom: 0;
    position: absolute;
    text-align: center;
    text-decoration: none;
    width: 15px;
}

.compareInfoInner {
    min-height: 85px;
}

/* checkbox */
/* Base for label styling */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}

[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
    cursor: pointer;
    font-size: 12px;
    padding-left: 20px;
    position: relative;
}

/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 1px;
    width: 16px;
    height: 15px;
    border: 1px solid #aaa;
    background: #f8f8f8;
    border-radius: 3px;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .3)
}

/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
    content: '✔';
    position: absolute;
    top: 0;
    left: 3px;
    font-size: 12px;
    transition: all .2s;
    font-weight: bold;
}

/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0);
}

[type="checkbox"]:checked + label:after {
    opacity: 1;
    transform: scale(1);
}

/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd;
}

[type="checkbox"]:disabled:checked + label:after {
    color: #999;
}

[type="checkbox"]:disabled + label {
    color: #aaa;
}

/* check*/
.compareCheckBox {
    float: right;
    line-height: 16px;
    width: 75px;
    cursor: pointer;
}

.compareCheckBoxPrj {
    display: block;
    line-height: 17px;
    padding: 0 0 5px;
    text-align: right;
    cursor: pointer;
}

.compareCheckBox label, .compareCheckBoxPrj label {
    font-weight: normal;
    cursor: pointer;
}

.compareNewBox {

}

ul.dumyCompare {
    margin: 0;
    padding: 0;
}

ul.dumyCompare li {
    display: inline-block;
    list-style: outside none none;
    text-align: center;
    width: 25%;
}

ul.dumyCompare li img {
    border: 1px solid #ddd;
    box-shadow: 3px 3px 3px #aaaaaa;
    margin: 0 auto;
    max-height: 50px;
    width: 80px;
}

ul.mainCompare {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1000;
}

ul.mainCompare li {
    background: none repeat scroll 0 0 #fff;
    cursor: pointer;
    display: inline-block;
    list-style: outside none none;
    position: relative;
    text-align: center;
    width: 25%;
    height: 75px;
}

ul.mainCompare li img {
    border: 1px solid #ddd;
    box-shadow: 3px 3px 3px #aaaaaa;
    margin: 0 auto;
    max-height: 50px;
    width: 80px;
}

ul.mainCompare li:hover .compareInfobox {
    display: block;
}

ul.mainCompare li .compareInfobox {
    border-radius: 5px;
    color: #fff;
    display: none;
    height: 90px;
    margin: 0 10px;
    padding: 8px;
    position: absolute;
    text-align: left;
    top: -100px;
    width: 170px;
}

.compareTip {
    border-left: 7px solid #fff;
    border-right: 7px solid #fff;
    height: 0;
    margin-top: -5px;
    position: absolute;
    right: 44%;
    width: 0;
}

.compareInfobox p.compareTitle {
    text-align: left;
}

h2.comparision {
    font-size: 17px;
    font-weight: bold;
    margin: 7px 0;
    text-align: center;
}

.sweet-alert p {
    text-align: center;
    color: #999;
}

.row.prpTitle {
    background: none repeat scroll 0 0 rgba(80, 80, 80, 0.75);
    color: #fff;
    margin-bottom: 10px;
    margin-top: -35px;
    padding-top: 5px;
    position: relative;

}

.row.prjTitle {
    background: none repeat scroll 0 0 rgba(80, 80, 80, 0.75);
    color: #fff;
    margin-bottom: 10px;
    margin-top: -40px;
    padding-top: 5px;
    position: relative;
}

.compareBox hr {
    border: 1px solid #eaeaea;
    margin: 4px 0;
}

.compareCheckBoxPrj > label {
    text-align: left;
    width: 70px;
    margin: 0;
    cursor: pointer;
}

.ckcSize {
    font-size: 16px;
    float: left;
    margin: 0 4px 0 0;
}

#popup-form input[type="text"], #popup-form input[type="tel"], #popup-form input[type="email"] {
    padding: 0 10px !important;
    line-height: 34px;
}

.loader-wrapper {
    padding-top: 16px;
}
.Dot {
    margin: 0 auto;
}

.prp_subtype .ui-select-multiple::before, .prj_subtype .ui-select-multiple::before, .moreFilters .col-xs-6 .ui-select-multiple::before {
    left: 88%;
}

.pageContent > p {
    font-size: 14px;
    text-align: justify;
    line-height: 24px;
}
.navbar-wrapper.absolute .themeBackgroundImage {
    display: none;
}
.featuredContentItem .content-title h1{
    font-size: 15px;
    font-weight: bold;
}
.gm-style .gm-style-iw{
    overflow: visible !important;
}

/** Banner Ad
----------------------------------------------------*/
.topBannerAdWrap {
    bottom: -200px;
    position: fixed;
    transition: all 2s ease 0.4s;
    width: 100%;
    z-index: 60;
}
.topBannerAdImg {
    margin: 0 auto;
    max-height: 150px;
    max-width: 60%;
    text-align: center;
}
.innerTopBannerDiv {
    display: inline-block;
    position: relative;
    max-height: 100%;
    max-width: 100%;
}
.innerTopBannerDiv a {
    display: inline-block;
    position: relative;
    z-index: 60;
    max-height: 100%;
    max-width: 100%;
}
.closeBannerAd {
    background: #000 none repeat scroll 0 0;
    color: #ddd;
    cursor: pointer;
    font-size: 17px;
    height: 20px;
    line-height: 17px;
    position: absolute;
    right: 0;
    top: -20px;
    width: 20px;
    z-index: 65;
}
.topBannerAdWrap.showBanner {
    bottom: 0px;
    transition: all 2s ease 0.4s;
}

.propertySpecifications {
    padding: 20px 0;
}

.homePageBannerBoxWrapper > div {
    display: inline-block;
    float: none;
    vertical-align: top;
}
.homePageBannerBoxWrapper > div.bannerBox4 {
    width: 25%;
}
.homePageBannerBoxWrapper .thumbnail {
    border: medium none;
    box-shadow: 0 2px 4px #ccc;
    border-radius: 0;
    padding: 0;
    /*height: 230px;*/
    /*max-height: 230px;*/
    /*overflow: hidden;*/
}
.bannerBoxTitle {
    color: #fff;
    position: relative;
    text-transform: capitalize;
    z-index: 60;
}
.bannerBoxTitle h4 {
    margin: 0;
    padding: 5px;
}
.homePageBannerBoxWrapper .slider li a {
    display: block;
}
.homePageBannerBoxWrapper .slider li img {
    /*max-height: 236px;*/
    /*min-height: 172px;*/
    max-height: 220px;
    min-height: 220px;
    width: 100%;
}
.homePageBannerBoxWrapper .slider li .bx-wrapper .bx-caption {
    top: 202px;
    bottom: inherit;
}

/* CUSTOMIZE THE DEVELOPER BROWSER SECTION
-------------------------------------------------- */
.developerContainerBlock {
    background-color: #fff;
    box-shadow: 0 2px 4px #ccc;
}
.developerContainerBlock h1 {
    font-size: 21px;
    margin: 0 auto 14px;
}
.developerContainerBlock h4 {
    margin-top: 0px;
    margin-bottom: 16px;
}

.developerContainerBlock {
    padding: 20px 0;
}

.developerContainerBlock > div {
    display: inline-block;
    float: none;
    margin-right: -3px;
}

.developerContainerBlock a.list-group-item {
    background-color: transparent;
    border: none;
    border-radius: 0;
    color: #7e7e7e;
    margin: 0 4px;
}

.developerContainerBlock .list-group {
    margin: 0 3px 20px;
}

.developerContainerBlock .list-group > div {
    background-color: #fff;
    padding-left: 0;
    padding-right: 0;
    float: none;
    display: inline-block;
    margin-right: -4px;
}

.developerContainerBlock .list-group > div:nth-child(8n+1) a, .developerContainerBlock .list-group > div:nth-child(8n+2) a,.developerContainerBlock .list-group > div:nth-child(8n+3) a, .developerContainerBlock .list-group > div:nth-child(8n+4) a {
    background-color: #F8FAF9;
}

.nameBlock {
    display: inline-block;
    width: 83%;
}

.developerContainerBlock .badge {
    background-color: #e3e1e1;
    color: #9b9a9a;
}
.featuredMsgDetail{
    text-align: center;
    font-size: 13px;
}

.tableBox {
    min-height: 135px;
    overflow: hidden;
    width: 100%;
}
.listBox{
    min-height: 30px;
}
.tableBox table.table{
    margin: 0px;
}
.tableBox table.table tr{
    border: none;
}
.tableBox table.table td{
    padding: 2px;
    border: none;
    font-weight: bold;
}
.tableBox .font-grey {
    display: block;
    width: 95px;
}
.clientdumy{
    border-radius: 50%;
    height: 64px;
    line-height: 35px;
    text-align: center;
    width: 64px;
}
.sizesBlock {
    width: 150px;
}
input[disabled], button[disabled]{
    background-color: #3d3d3d !important;
    border-color: #3d3d3d !important;
}
.termCondition{
    cursor: pointer;
    display: inline-block;
    padding: 10px 0 5px;
}
.redMessage{
    color: #ed3237;
    display: block;
}

/** Developer Page
--------------------------------------------------------*/
/*#1273C0*/
section.content-bg-blue1{
    color:#ffffff;
    text-align: justify;
    font-size: 15px;
    padding: 10px 0px 20px 0px;
}
/*.developerContainerThemeBlock-block{*/
/*float: left;*/
/*width: 50%;*/
/*padding: 5px;*/
/*}*/
/*.builder-details{*/
/*display: flex;*/
/*align-items: center;*/
/*}*/
.developerContainerThemeBlock-block .builder-logo{
    width : 33.33%;
    padding: 10px;
    float:left;
}
.developerContainerThemeBlock-block .builder-details{
    width : 66.66%;
    float:left;
}
.developerContainerThemeBlock-block h1{
    font-size: 26px;
}
.developerContainerThemeBlock-block .projects {
    text-align: right;
}
.projects .heading{
    border-bottom: 1px solid #ffffff;
    width: 100%;
    margin-top: 20px;
}
.projects-count {
    width: 100%;
    margin-top: 20px;
}
.projects-count .project-count{
    display: inline-block;
    margin: 0 -4px 0 auto;
    width: 33.33%;
}
.project-count span{
    font-size: 24px;
    font-weight: bold;
}
.project-lists{
    margin-top: 10px;
}
/*.builder-details .builder-logo {*/
/*padding-left: 0;*/
/*}*/
.builder-description {
    margin-top: 20px;
}

.calculatorHead {
    background: none repeat scroll 0 0 #eeeeee;
    margin: 10px 0;
    padding: 10px;
}

.calculatorHead p {
    margin: 0px;
}
.calculatorHead img{
    margin: 0 auto;
}

.calculatorData {
    padding: 9px;
}

.calculatorData label {
    font-weight: normal;
}

.calculatorData label span {
    padding: 0 5px;
    display: inline-block;
}

.calculatorData input[  type=text] {
    border: 1px solid #ccc;
    box-shadow: 2px 3px 4px #ccc;
    display: block;
    margin: 0 0 4px;
}
.calculatorData input[  type=number] {
    border: 1px solid #ccc;
    box-shadow: none;
    display: block;
    height: 28px;
    padding: 4px;
    width: 100%;
}
.calculatorResult {
    background: none repeat scroll 0 0 #eeeeee;
    padding: 10px;
}

.calculatorResult h2 {
    font-size: 13px;
    font-weight: bold;
    margin: 2px 0;
}

.calculatorResult p {
    margin: 0;
}
.marginBottom40 {
    margin-bottom: 40px;
}


/** Site Browser Page
--------------------------------------------------------*/
.paddingBottom20 {
    padding-bottom: 20px;
}
.selection-nav .btn.btn-default {
    background-color: #fff;
    border: 1px solid #ddd;
    box-shadow: none;
    margin-right: -4px;
    padding: 0;
}
.selection-nav .btn.btn-default > a {
    color: #676767;
    display: block;
    /*padding: 12px 40px;*/
    padding: 6px 10px;
    font-size: 11px;
    width: 170px;
}


/*map */
#map-detail {
    height: 100%;
    margin: 0px;
    padding: 0px;
    font-family: 'Roboto', sans-serif;
}

.map-block {
    /*height: 500px;*/
    position: relative;
    margin-bottom: 50px;
}

#map-detail {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 500px;
    z-index: 1;
}

.nearByPlaces {
    position: relative;
    top: 0;
    right: 0;
    z-index: 2;
}

.nearByPlaces-head {
    background: #7a7a7a;
    width: 290px;
    padding: 22px;
    height: 70px;
    color: #fff;
    font-size: 19px;
    letter-spacing: 2px;
}

.map-location ul li {
    list-style: none;
    position: relative;
    display: block;
    padding: 0px;
}

.map-location ul a {
    padding: 14px 18px 13px;
    background: #FFF;
    border-radius: 0;
    margin: 0;
    border: 0;
    border-bottom: 1px solid #ecf1f3;
    -webkit-transition: background 0.3s ease;
    -moz-transition: background 0.3s ease;
    -ms-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
    transition: background 0.3s ease;
    position: relative;
    display: block;
    cursor: pointer;
}

.map-location ul a span {
    font-size: 12px;
}

.tab-content {
    /*width: 205px;*/
    /*right: 330px;*/
    /*top: 0;*/
    /*position: absolute;*/
    /*height: auto;*/
    background-color: #fcfcfc;
}
.map-location{

}
.map-location ul{
    margin: 0;
    padding: 0;
}
.map-location li{
    float: left;
}
.map-location li a{
    border: none;;
}
.map-location li a span{
    color: #555;
    font-size: 11px;
    text-transform: capitalize;
}
.detailPage{
    height: 70px;
    background: none repeat scroll 0 0 #020536;
    border-top: 1px solid #020536;
    color: #ffffff;
    left: -107px;
    top: -41px;
    width: 145px;
    z-index: 100000;
    /*overflow: hidden;*/
}
.infoWindowContent.detailPage h2.mapTitle {
    font-size: 10px;
    margin: 0 15px 5px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
    width: 125px;
}
.infoWindowContent.detailPage p {
    font-size: 11px;
    line-height: 16px;
    margin: 0;
}
.map-location {
    background: none repeat scroll 0 0 #dfdfdf;
    color: #fff;
    margin-bottom: 1px;
}
.map-location ul {
    padding: 8px 5px !important;
}
.map-location li a {
    background-size: 14px auto !important;
    line-height: 14px;
    padding: 0 19px;
}
.map-location li.transpotation a{
    background: url("../images/mapIcon/transpotation.png") 0 0 no-repeat;

}
.map-location li.restaurant a{
    background: url("../images/mapIcon/restaurant.png") 0 0 no-repeat;
}
.map-location li.schooluniversity a{
    background: url("../images/mapIcon/schooluniversity.png") 0 0 no-repeat;
}
.map-location li.hospital a{
    background: url("../images/mapIcon/hospital.png") 0 0 no-repeat;
}
.map-location li.pharmacy a{
    background: url("../images/mapIcon/pharmacy.png") 0 0 no-repeat;
}
.map-location li.shoppingmalls a{
    background: url("../images/mapIcon/shoppingmalls.png") 0 0 no-repeat;
}
.map-location li.recreation a{
    background: url("../images/mapIcon/recreation.png") 0 0 no-repeat;
}
.map-location li.movies a{
    background: url("../images/mapIcon/movies.png") 0 0 no-repeat;
}
.map-location li.atm a{
    background: url("../images/mapIcon/atm.png") 0 0 no-repeat;
}
.map-location li.gasStation a{
    background: url("../images/mapIcon/gasStation.png") 0 0 no-repeat;
}
.contentBox{
    background: none repeat scroll 0 0 #191919;
    color: #fff;
    height: 37px;
    left: -60px;
    padding: 7px;
    position: absolute;
    text-align: center;
    text-overflow: ellipsis;
    top: -8px;
    width: 150px;
    /*z-index: 100000;*/
}
.contentBox p{
    line-height: 24px;
    margin: 0;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 137px;
}

.contentBox .mapToolTip{
    border-top: 20px solid #191919;
    left: 60px;
    top: 27px;
}
.distanceDiv{
    color: #000;
    float: right;
    padding: 6px 5px 0 0;
}
.distanceDiv > select {
    font-size: 11px;
}
.distanceDiv option {
    border-top: 1px solid #ededed;
    color: #333;
    padding: 2px 12px;
}
.mapDetailInfo {
    font-size: 13px;
    margin-bottom: -40px;
    margin-top: 5px;
    position: relative;
    text-align: center;
    z-index: 10;
}
.totalMapResult {
    background: none repeat scroll 0 0 #191919;
    color: #fff;
    display: inline-block;
    padding: 5px 10px;
    opacity: 0.8;
}
.showingMessage {
    background: none repeat scroll 0 0 #191919;
    color: #fff;
    display: inline-block;
    padding: 5px 10px;
    opacity: 0.8;
}
.footerMessage {
    font-size: 11px;
    text-align: right;
}
.footerMessage > a {
    color: #fff;
}

.contentTitle {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    text-align: left;
}
.left-panel {
    border-right: 1px solid #ccc;
}
.filterBox{
    /*margin-right: 14px;*/
}
.filterRow {
    border-bottom: 1px solid #dedede;
    margin-bottom: 6px;
    padding-bottom: 10px;
}
.filterRow > label {
    color: #111;
    display: block;
}
.filterRow a {
    color: #666;
    display: block;
    padding: 0 0 5px;
}
.recordCountPanel {
    padding: 0 10px;
}
.recordCountPanel span.label-highlight {
    /*font-weight: bold;*/
}
#sitebrowser .listing.grid .featuredContentList li {
    margin: 20px 0;
}
#sitebrowser .featuredProperties.grid {
    width: auto;
}
.red {
    color: #ed3237;
}
.client_logos > div {
    margin: 14px 0;
    position: relative;
}
.client_logos .logo_wrapper {
    background-color: #ffffff;
    box-shadow: 0 0 2px #ccc;
    /*height: 170px;*/
    line-height: 155px;
    overflow: hidden;
    padding: 27px 0;
    text-align: center;
    width: 100%;
}
.client_logos .logo_wrapper  img {
    max-height: 150px;
    max-width: 100%;
}
.client_logos .clientLogoBg{
    position: absolute;
    bottom: -9px;
    right: 8%;
}
.red {
    color: #ed3237;
}

.view-more {
    margin: 20px 0 0;
    position: relative;
}
section.content-bg .view-more a {
    color: #fff;

}

/** Contact Details (Fixed)
------------------------------------*/
.contactDetails {
    /*position: fixed;*/
    position: relative;
    right: -100%;
    top: -50px;
    z-index: 99;
    transition: right 0.25s ease-in-out 0.2s;
}
.contactDetails.open {
    right: 41px;
    top: -50px;
}
.contactDetails .contactDetailsWrapper {
    background-color: #fff;
    padding: 8px 20px;
}
.contactDetailsWrapper h4 {
    font-size: 13px;
    font-weight: bold;
}
#contactDetails ul li a {
    color: #666;
    line-height: 22px;
}

.utils-floating-widget > li {
    line-height: 49px;
    margin: 1px 0;
}
.float-social.right .utils-floating-widget li {
    text-align: right;
}
.contactList li a {
    line-height: 28px;
}

.aboutSection {
    margin-top: 20px;
}
.aboutSection p {
    text-align: justify;
}
.prp_subtype ul.select2-choices span.ui-select-match {
    display: block;
    width: 86%;
}
.dropdown-menu.ng-isolate-scope {
    width: 100%;
}
.prj_subtype ul.select2-choices span.ui-select-match {
    display: block;
    width: 86%;
}

/* ABSOLUTE / FIXED FORM DIVS */

#instant-callback-div {
    font-family: "Open Sans", Arial, sans-serif;
    padding: 0 0 24px;
    position: fixed;
    left: -246px;
    top: 40%;
    vertical-align: top;
    z-index: 300;
}

#instant-callback-div .instant-switch {
    /*background: #fff url("../images/handle.png") no-repeat scroll 0 0;*/
    box-shadow: -2px 2px 2px -2px rgba(0, 0, 0, 0.33), -1px -2px 2px -2px rgba(0, 0, 0, 0.19);
    cursor: pointer;
    display: inline-block;
    height: 184px;
    position: relative;
    margin-left: -4px;
    vertical-align: top;
    width: 36px;
}

#instant-callback-div .content-switcher {
    background-color: #e7e7e7;
    border: 3px solid #fff;
    border-bottom-left-radius: 6px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.33);
    display: inline-block;
    margin: 0 0 0 -7px;
    padding: 0 16px 12px;
    vertical-align: top;
    width: 245px;
    font-family: "Raleway";
}

#instant-callback-div h4 {
    border-bottom: 1px solid #fff;
    box-shadow: 0 -1px rgba(147, 147, 147, 0.35) inset;
    font-size: 18px;
    margin-bottom: 10px;
    padding-bottom: 15px;
    padding-top: 5px;
    font-family: "Roboto Light","Helvetica Neue",Helvetica,Arial,sans-serif;
}

#instant-callback-div p {
    font-size: 15px;
    margin: 5px 0 !important;
    padding: 4px 0;
    font-family: "Roboto Light","Helvetica Neue",Helvetica,Arial,sans-serif;
}

#instant-callback-div input[type="submit"] {
    width: 95%;
}

#instant-callback-div input:not([type="submit"]) {
    box-shadow: 1px 1px 3px #777 inset;
    border-radius: 3px;
}

#instant-callback-div input {
    font-family: "Roboto Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    border: none;
    display: block;
    margin: 6px 0 0;
    padding: 6px 10px;
    width: 95%;
}


#hide {
    border-radius: 3px;
    cursor: pointer;
    font-size: 12px;
    height: 32px;
    line-height: 13px;
    margin-bottom: 0;
    position: absolute;
    right: 50px;
    top: 7px;
}

#hide img {
    opacity: 0.3;
    transition: all 0.3s ease 0s;
}

#hide img:hover {
    opacity: 0.7;
}
.tag-strip-verified{
    background-image: url("../images/icons/verified-tag.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 19px;
    padding: 1px 8px 0 0;
    position: absolute;
    top: 40%;
    width: auto;
}
.tag-strip-verified h5{
    color: #fff;
    font-family: "Roboto Regular";
    font-size: 11px;
    margin: 0;
    padding: 2px 5px 0 5px;
    text-transform: uppercase;
}
.verfiedDetail{
    float: right;
    padding-top: 6px;
}
#footerForm > div#footer_disp {
    position: relative;
}
.footerForm #footer_disp span{
    background: #fff none repeat scroll 0 0;
    color: #000;
    font-size: 11px;
    font-weight: bold;
    height: 34px;
    line-height: 30px;
    opacity: 0.8;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 2147483647;
}
.youtubeDiv{
    border: 1px solid #b4b4b4;
    border-radius: 10px;
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    margin: 10px;
    overflow: hidden;
}
.minMaxPrice{

}
.minMaxPrice input {
    color: #636363;
    float: left;
    font-size: 11px;
    margin-right: 1%;
    padding: 0 3px;
    width: 59%;
}
.minMaxPrice select {
    border: 1px solid #ccc;
    color: #757575;
    float: left;
    font-size: 11px;
    height: 31px;
    padding: 1px;
    width: 40%;
}


.countryBox{

}
.countryBox .countryCode{
    float: left;
    height: 31px;
    margin-right: 2px;
    border: 1px solid #ddd;
    width: 18%;
}
.countryBox input{
    /*width: 81%;*/
}
.FormBox .countryBox .countryCode{
    -moz-appearance: none;
    -webkit-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    box-shadow: 1px 2px 3px #ccc;
    border: 1px solid #ddd;
    color: #5d5d5d;
    float: left;
    font-size: 11px;
    height: 24px;
    margin-right: 1px;
    margin-top: 5px;
    width: 25%;
}
.FormBox .countryBox input{
    /*width: 74%;*/
}
.media-body .countryBox .countryCode{
    -moz-appearance: none;
    -webkit-appearance: none;
    border: 1px solid #ddd;
    color: #5d5d5d;
    float: left;
    font-size: 11px;
    height: 28px;
    margin-right: 1px;
    text-indent: 0.01px;
    text-overflow: "";
    width: 28%;
}
.media-body .countryBox input{
    /*width: 71%;*/
}
.propertyDetailRightBoxWrapper .countryBox .countryCode {
    -moz-appearance: none;
    -webkit-appearance: none;
    border: 1px solid #ddd;
    color: #5d5d5d;
    float: left;
    height: 30px;
    margin-right: 2px;
    text-indent: 0.01px;
    text-overflow: "";
    background-color: #eee;
    width: 20%;
}
.propertyDetailRightBoxWrapper  .countryBox  input{
    /*width: 78%;*/
}

.postPropertyInfo .countryBox .countryCode{
    -moz-appearance: none;
    -webkit-appearance: none;
    border: 1px solid #ddd;
    box-shadow: 2px 3px 4px #ccc;
    color: #787878;
    float: left;
    height: 31px;
    margin-right: 4px;
    margin-top: 10px;
    text-indent: 0.01px;
    text-overflow: "";
    width: 12%;
}
.postPropertyInfo .countryBox input{
    /*width: 78%;*/
}

#instant-callback-div .form-group {
    margin-bottom: 0;
}
#instant-callback-div .countryBox input.form-control {
    padding-left: 45px;
    /*width: 75%;*/
}
#instant-callback-div .countryBox .countryCode {
    -moz-appearance: none;
    -webkit-appearance: none;
    border: 1px solid #ddd;
    border-radius: 3px;
    box-shadow: 1px 1px 3px #777 inset;
    color: #90909b;
    float: left;
    height: 28px;
    margin-right: 2px;
    text-indent: 0.01px;
    text-overflow: "";
    width: 19%;
}
#instant-callback-div .form-group.contactCity {
    margin: 5px 0 !important;
    width: 94%;
}
#instant-callback-div .contactCity .ms-choice {
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 1px 1px 3px #777 inset;
}
#instant-callback-div .btn-primary {
    width: 95%;
}
#instant-callback-div input.errorTag{
    border:1px solid #ed3237;
}
#instant-callback-div .featuredMsgContact {
    background: #fff none repeat scroll 0 0;
    color: #000;
    font-size: 13px;
    font-weight: bold;
    opacity: 0.8;
    padding-top: 30%;
    position: absolute;
    text-align: center;
    top: 0;
    z-index: 2147483647;
    right: 14%;
    width: 85%;
    height: 91%;
}
/* Portfolio */

.container.portfolio-title {
    padding-bottom: 0px;
}

#portfolio {
    padding-bottom: 0;
}
.portfolio-item{
    padding: 0;
    position: relative;
    overflow: hidden;
    width: 330px !important;
    height: 250px !important;
    border: 1px solid #CCC;
}
.portfolio-item img{
    display: block;
    width: 100%;
}
/* Portfolio Filters */

#filters {
    margin-top: 10px;
    margin-bottom: 40px;
    text-align: center;
    display: block;
    float: none;
    z-index: 2;
    position: relative;
}

#filters ul li {
    display: inline-block;
    margin: 0 5px;
}

#filters ul li a {
    display: block;
    text-decoration: none;
}

#filters ul li a h5 {
    padding: 8px 15px;
    text-transform: uppercase;
    background-color: #eeeeee;
    border-radius: 3px;
    font-size: 10px;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

#filters ul li a:hover h5,
#filters ul li a.active h5 {
    color: #fff;
}

#filters ul li a h5 {
    margin: 5px;
    background-color: #D0D0D0;
    border-radius: 3px;
    font-size: 10px;
    padding: 8px 15px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}

#filters ul li a:hover h5,
#filters ul li a.active h5 {
    color: #FFFFFF;
}

#filters ul li a:hover h5,
#filters ul li a.active h5 {
    background-color: #222222;
}

#filters ul li a:hover h5,
#filters ul li a.active h5 {
    background-color: #222222;
}
/* portfolio end */


.contactCity .ms-drop ul li:first-child, .cityBox .ms-drop ul li:first-child{
    display: none;
}
.countryBox span.country-name{
    color: #000;
}
.FormBox .intl-tel-input .country-list{
    left: -16px;
    top: -100px;
    /*width: 78%;*/
}
.media .form-group.countryBox .intl-tel-input .country-list {
    left: -150px;
    max-height: 156px;
    position: relative;
    top: -95px;
    width: 74%;
}
.intl-tel-input {
    margin-top: 6px;
    width: 100%;
}
#instant-callback-div .countryBox input.form-control .intl-tel-input {
    margin-top: 12px;
    width: 100%;
}
.form-group.countryBox .intl-tel-input {
    margin: 0;
}
#instant-callback-div .form-group.countryBox .intl-tel-input {
    margin-top: 10px;
}
.listing.grid .country-list li {
    margin: 0;
}

.postPropertyInfo .select2-container .select2-choice {
    border: 1px solid #ccc;
    box-shadow: 2px 3px 4px #ccc;
    height: 31px;
    cursor: pointer;
    margin: 10px 0 0;
}
.postPropertyInfo .cityBox .select2 {
/*     margin-bottom: 10px; */
}
.postPropertyInfo .select2-container-multi .select2-choices {
    border: 1px solid #ccc;
    box-shadow: 2px 3px 4px #ccc;
    margin: 3px 0;
}
.footerCopyRighthide{
    display: none;
}
.budgetOverlay {
    background: #ddd none repeat scroll 0 0;
    display: block;
    height: 30px;
    opacity: 0.53;
    position: absolute;
    width: 100%;
}
.viewMoreBtn {
    margin: 20px 0 0;
    position: relative;
}
.viewMoreBtn a {
    display: block;
    padding: 10px;
    text-align: center;
}
.clientsLogoSliderSection .bx-wrapper img {
    padding: 10px;
    height: 125px;
    margin: 0 auto;
}
.clientsLogoSliderSection .innerImgHolder  span {
    border: 1px solid #ddd;
    display: block;
    height: 125px;
    overflow: hidden;
    width: 100%;
}

.socialFacebook, .socialTwitter, .socialInstagram, .socialLinkedin, .socialYoutube, .socialPintresr, .socialCalculator, .socialPhone, .instantSpan, .instantClose, .calculatorHeader {
    background: url("../images/icons/social/social-icons_updatedNew.png") 0 0 no-repeat;
    display: block;
    height: 20px;
    width: 20px;
}
span.socialFacebook{
    background-position: -5px 0px;
}
span.socialTwitter{
    background-position: -3px -116px;
}
span.socialInstagram{
    background-position: -3px -31px;
}
span.socialLinkedin{
    background-position: -3px -57px;
}
span.socialYoutube{
    background-position: -3px -145px;
}
span.socialPintresr{
    background-position: -3px -89px;
}
span.socialCalculator{
    background-position: -3px -174px;
}
span.socialPhone{
    background-position: -3px -200px;
}
span.instantSpan {
    background-position: -3px -233px;
    height: 184px;
    width: 36px;
}
span.instantClose {
    background-position: -10px -556px;
    opacity: 0.3;
}
span.instantClose:hover {
    opacity: 1;
}
span.calculatorHeader {
    background-position: -4px -424px;
    height: 34px;
    margin: 0 auto;
    width: 32px;
}
.social-floating-widget a, .utils-floating-widget a {
    display: inline-block;
}
.float-social .social-floating-widget > li {
    line-height: normal;
    margin:0;
}
.footerSocialWrapper i.fa {
    color: #c0c0c0;
    font-size: 20px;
    padding: 5px;
}

.literature-item {
	position: relative;
	width: 140px !important;
	height: 140px !important;
	background-size: 100% 100%;
	text-align: center;
	overflow: hidden;
	float: left;
	margin-right: 10px;
}

.literature-icon {
	font-size: 50px;
	margin: 0 auto 10px;
	width: 100%;
}
section.projectLocation {
    margin-top: 40px;
}

/*RERA NO*/
.rerano-detail-page {
    text-align: center;
    font-size: 12px;
    margin-top: 15px;
}

.rerano-detail-page span {
    font-weight: 700;
    letter-spacing: 1px;
}

.contact-rera-detail {
    text-align: center;
    margin-top: 10px;
}

.rerano-list-page-list span {
    font-weight: 500;
    font-family: 'Roboto Medium' ,sans-serif;
}
.rerano-list-page-grid {
    color: #000;
    position: absolute;
    bottom: 0;
    padding: 5px;
    background: rgba(255, 255, 255, 0.65);
    border-top-right-radius: 6px;
}

.rerano-list-page-grid span {
    font-weight: 700;
}
.rerano-home-footer{
    font-size: 12px;
    color: #fff;
    margin-right: 10px;
}
.rerano-home-footer-heading{
    font-size: 12px;
    color: #fff;

}
#staticMap .btn{
    position: absolute;
    top: 140px;
    left: 50%;
    width: 200px;
    margin-left: -80px;
    cursor: pointer;
    padding: 10px;
    font-size: 15px;
    border-radius: 2px;
}
#staticMap{
    min-height:300px;
    position: relative;
    background: url("../images/dummy-map-image.jpg") 0 0 no-repeat;
    background-size: cover;
}
/*RERA NO*/

/* Flex-container */ 
.flex-container {
   display: flex;
   flex-wrap: wrap;
   align-content: stretch;

}
.flex-container-child{
    display: flex;
}
.featuredContentItem .project-details-list {
    padding-top: 10px;
    padding-bottom: 10px;
}
.homePageGroup .featuredContentItem{
    width: 100%;
}
#section2 .featuredContentList .featuredContentItem.thumbnail .content-details , #similarPropertiesSection #similarProperties .content-details , #sitebrowser .content-details{
    word-break: break-word;
}
.fa-stack.fa-lg{
    position: relative;
    display: inline-block;
    float: right;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    box-shadow: 1px 1px 4px 1px #666;
}
.propertyListBox .fa-stack.fa-lg {
    right: 0px;
    top: -20px;
}
.projectListBox .fa-stack.fa-lg {
    right: 1px;
    top: -16px;
}

#similarProjects-list .fa-stack.fa-lg{
    right: 1px;
    top: -17px;
}
#sitebrowser .fa-stack.fa-lg{
    right: -2px;
    top: -19px;
}
.projectListBox .developer-page-item .fa-stack.fa-lg{
    right: 0px;
    top: -18px;
}
.compareCheckBoxDiv{
    padding: 0;
    word-break: break-word;
}
#similarProperties .bx-viewport{
    height: auto !important;
}
.homeProjectListBox .fa-stack.fa-lg {
    right: 4px;
    top: -16px;
}