a {
	outline: 0
}

*a:focus {
	outline: 0
}

html {
	scroll-behavior: smooth
}

p {
	font-family: 'Gothic A1', sans-serif
}

body {
	font: 12px Arial, Helvetica, sans-serif;
	color: #666;
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #fff
}

.twod-one {
	position: absolute!important;
	top: 0;
	right: 98px
}

.threed-one {
	position: absolute!important;
	top: 0;
	right: 0
}

.font-24 {
	font-size: 24px!important
}

.font-34 {
	font-size: 34px!important
}

.font-54 {
	font-size: 54px!important
}

.y-color {
	color: #fecd0d!important
}

.number-captchatext {
    border: 1px solid #2C6D59;
    padding: 8px 20px;
    background: #2C6D59;
    font-size: 15px;
}
.cursorBanned {
	cursor: not-allowed!important
}

.desktopbanner {
	display: block!important
}

.mobilebanner {
	display: none!important
}

.numb-mobile {
	display: none
}

.numb-mobile a {
	float: right;
	width: 100%;
	text-align: right;
	color: #fff;
	font-size: 14px;
	margin-top: 14px
}

section {
	position: relative;
	width: 100%;
	height: 100%
}

.arrow {
	text-align: center;
	position: absolute;
	left: 47%;
	bottom: auto;
	top: auto;
	bottom: 10%
}

.arrow button {
	background: 0 0;
	border: 0;
	outline: 0
}

.bounce {
	-moz-animation: bounce 2s infinite;
	-webkit-animation: bounce 2s infinite;
	animation: bounce 2s infinite
}


@keyframes bounce {
	0%,
	100%,
	20%,
	50%,
	80% {
		transform: translateY(0)
	}
	40% {
		transform: translateY(-30px)
	}
	60% {
		transform: translateY(-15px)
	}
}

.navbar {
	min-height: 92px;
}

.navbar-right {
	margin-top: 14px!important
}

.navbar-brand {
    padding-top: 0px;
    margin-top: 0px;
    margin-left: -55px !important;
}
.navbar-brand>img {
    display: block;
    display: block;
    background: #fdfcea;
    padding: 17px 30px;
}
.navbar-inverse .navbar-nav>li>a {
    color: #fff;
    font-size: 18px;
    padding: 4px 12px;
    border-right: 1px solid #fff;
    font-family: robotoregular;
}

.border-right-none {
	border-right: none!important
}

.pt-left {
	padding-left: 0!important
}

.pt-right {
	padding-right: 0!important
}

.mt-2new {
	margin-top: 2.8em !important;
}

.pt-1 {
	padding-top: 1em!important
}

.pt-2 {
	padding-top: 2em!important
}

.pt-3 {
	padding-top: 3em!important
}

.pt-4 {
	padding-top: 4em!important
}

.pb-1 {
	padding-bottom: 1em!important
}

.pb-2 {
	padding-bottom: 2em!important
}

.pb-3 {
	padding-bottom: 3em!important
}

.pb-4 {
	padding-bottom: 4em!important
}

.pb-5 {
	padding-bottom: 5em!important
}

.pb-6 {
	padding-bottom: 6em!important
}

.pb-7 {
	padding-bottom: 7em!important
}

.pb-8 {
	padding-bottom: 8em!important
}

.mt-new {
	margin-top: 1em!important
}

.mtop-1 {
	margin-top: 1em!important
}

.mt-2 {
	margin-top: 2em!important
}

.mt-3 {
	margin-top: 3em!important
}

.mt-4 {
	margin-top: 4em!important
}

.mt-5 {
	margin-top: 5em!important
}

.mt-6 {
	margin-top: 6em!important
}

.mt-7 {
	margin-top: 7em!important
}

.mt-top {
	margin-top: 0!important
}

.mb-1 {
	margin-bottom: 1em!important
}

.mb-2 {
	margin-bottom: 2em!important
}

.mb-3 {
	margin-bottom: 3em!important
}

.mb-4 {
	margin-bottom: 4em!important
}

.mb-5 {
	margin-bottom: 5em!important
}

.mb-6 {
	margin-bottom: 6em!important
}

.mb-7 {
	margin-bottom: 7em!important
}


.font-century {
	font-family: 'DINPro Medium'
}

.font-century-bold {
	font-family: 'DINPro Medium'
}

.roboto-bold {
	font-family: robotobold!important
}

.roboto-reg {
	font-family: robotoregular!important
}

.font-68 {
	font-size: 68%!important
}

.font-52 {
	font-size: 52px!important
}

.font-20 {
	font-size: 20px!important
}

.font-14 {
	font-size: 14px!important
}

.font-13 {
	font-size: 13.4px!important
}

.font-16 {
	font-size: 16px!important
}

.color-heading {
	color: #d8a181!important
}

.font-40 {
	font-size: 40px!important
}

.logo-vbhc {
	display: none!important
}

.mt-0 {
	margin-top: 0px !important;
}

.f-vbhc {
	margin-bottom: 0!important
}

.content-wrap {
	-webkit-overflow-scrolling: touch;
	height: 100%;
	width: 100%
}

.content {
	position: absolute;
	width: 100%;
	height: 100%
}

.content::before {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .3);
	content: '';
	opacity: 0;
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
	-webkit-transition: opacity .4s, -webkit-transform 0s .4s;
	transition: opacity .4s, transform 0s .4s;
	-webkit-transition-timing-function: cubic-bezier(.7, 0, .3, 1);
	transition-timing-function: cubic-bezier(.7, 0, .3, 1)
}

.border-text {
	border: 1px solid #000;
	background: rgba(0, 0, 0, .8);
	padding: 2% 2% 2%;
	position: relative;
	margin-top: 24px
}

.border-text span {
	border: 2px solid #fff;
	position: absolute;
	top: -5px;
	width: 6%;
	display: inline-block;
	height: 4%;
	background: #fff
}

.carousel-caption h3 {
	font-size: 1.1rem;
	color: #ccb06b;
	font-weight: 700
}

.carousel-caption h2 {
	font-size: 1.6rem;
	margin-bottom: 15px;
	margin-top: 15px;
	font-family: 'DINPro Medium'
}

.carousel-caption h2 {
	font-size: 28px;
	margin-bottom: 30px;
	text-transform: uppercase;
	font-weight: 400
}

.border_left {
	position: absolute!important;
	border-left: 1px solid #fff!important;
	right: auto!important;
	left: 0!important;
	top: 7%!important;
	background: 0 0!important;
	height: 56%!important;
	border-radius: no!important;
	border-right: none!important;
	width: 9%!important
}

.border_right {
	position: absolute!important;
	border-left: 1px solid #fff!important;
	right: auto!important;
	right: 0!important;
	top: 7%!important;
	background: 0 0!important;
	height: 56%!important;
	border-radius: no!important;
	border-left: none!important;
	width: 9%!important
}

.border-text h4 {
	display: flex;
	width: 50%;
	justify-content: center;
	align-items: center;
	text-align: center;
	margin: 0 auto
}

.border-text h4:after,
.border-text h4:before {
	content: '';
	border-top: 2px solid #fecd0d;
	margin: 0 20px 0 0;
	flex: 1 0 20px
}

.border-text h4:after {
	margin: 0 0 0 20px
}

.permissiontext {
	margin: 10px 0 0 0;
	font-size: 11px;
	text-shadow: none;
	color: #e4e0e0
}

.padding-none {
	padding: 0!important
}

.padding-left {
	padding-left: 0!important
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:focus,
.navbar-inverse .navbar-nav>.active>a:hover {
	background: 0 0;
	border-bottom: 1.2px solid #53a189;
}

.social-vbhc {
	margin-bottom: 6px
}

.social-vbhc p {
	color: #fff;
	font-size: 14px;
}

.social-vbhc .fa {
	color: #ffc714;
	font-size: 15px;
	margin-right: 8px;
	border-radius: 50%;
	border: 1px solid #927e72;
	padding: 4px;
	width: 26px;
	text-align: center;
	height: 26px
}

.icon-phone {
	display: inline-block;
	margin-right: 3px;
	margin-top: -2px
}

.icon-phonesec a {
	color: #d8a181!important;
	font-size: 22px;
	font-weight: 700
}

.numbermargin {
	margin-right: 8px
}

.booknow {
	border-radius: 30px;
	padding: 5px 7px;
	border: 1px solid #000;
	margin: 0 14px
}

@-webkit-keyframes blinker {
	from {
		opacity: 1
	}
	to {
		opacity: 0
	}
}

.blink {
	text-decoration: blink;
	-webkit-animation-name: blinker;
	-webkit-animation-duration: .6s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-direction: alternate
}

.offer-button {
	-webkit-border-radius: 10px;
	border-radius: 10px;
	cursor: default;
	border: none;
	color: #fecd0d!important;
	display: inline-block;
	font-family: 'DINPro Bold';
	font-size: 20px;
	height: 8;
	top: auto;
	width: 250px;
	bottom: 8%;
	right: auto;
	left: 28%;
	height: 88px;
	position: absolute;
	text-align: center;
	text-decoration: none;
	-webkit-animation: glowing 1.5s infinite;
	-moz-animation: glowing 1.5s infinite;
	-o-animation: glowing 1.5s infinite;
	animation: glowing 1.5s infinite
}

.offer-button a {
	text-decoration: none
}

.offer-button span {
	font-family: robotobold;
	color: #7c0000;
	margin-top: 31.4px;
	font-size: 16px;
	display: block;
	margin-left: 64px
}

.offer-button:hover {
	text-decoration: none;
	color: #ccc!important
}

.banner-vbhc {
	margin: 12px 0 0 0;
	padding: 0
}

.myhome {
	position: absolute;
	top: auto;
	bottom: 8%;
	left: 9%;
	right: auto;
	width: 54%
}

.myhome h1 {
	font-size: 56px;
	font-family: 'DINPro Bold';
	color: #fff;
	line-height: 56px;
	margin-top: 0;
	margin-bottom: 50px
}

.carousel-inner>.item>a>img,
.carousel-inner>.item>img {
	height: 100vh
}

.vbhc-bannersec .carousel-inner {
	margin-top: -10px
}

.vbhc-bannersec .carousel-control.right {
	display: none
}

.vbhc-bannersec .carousel-control.left {
	display: none
}

.vbhc-bannersec .carousel-indicators .active {
	background-color: #fecd0e;
	border-color: #fecd0e
}

.vbhc-bannersec .carousel-indicators li {
	border-color: #fecd0e;
}

.carousel-caption {
	bottom: 164px;
	right: 36px;
	left: 20%;
	height: 56vh
}

.font_carousel_h3 {
	font-size: 23px!important
}

.enqurie-form {
	background: rgba(35, 34, 34, .8);
	border-radius: 3px;
	padding: 12px 32px 12px 32px;
	margin-top: 0;
	box-shadow: 0 0 10px grey
}

.enqurie-form .text-success {
	color: #6aff6c!important;
	font-size: 14px!important
}

.enqurie-form .text-danger {
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	background: #ca1313;
	padding: 2px 8px
}

.enqurie-form h2 {
	text-align: center;
	margin: 0 0 14px 0;
	font-size: 20px;
	color: #fff;
	text-shadow: none;
	letter-spacing: .5px;
	font-family: arial;
	text-align: center
}

.enqurie-form ::-webkit-input-placeholder {
	color: #fff
}

:.enqurie-form :-moz-placeholder {
	color: #fff
}

.enqurie-form :-ms-input-placeholder {
	color: #fff
}

.enqurie-form :-moz-placeholder {
	color: #fff
}

.margin-auto {
	margin: 0 auto
}

.enqurie-form select {
	background-color: transparent
}

.enqurie-form select option {
	color: #000;
	font-family: none
}

.btncenter {
	margin: 0 auto;
	text-align: center
}

.form-group {
	margin-bottom: 6px
}

.form-control {
	height: 36px;
	color: #fff;
	border: 1px solid #ccc;
	background: 0 0;
	padding: 0 14px;
	font-family: robotoregular
}

.gray-aboutsec {
	background-color: #676666;
	margin-top: -2px;
	padding: 56px 0
}

.gray-white2 {
	background-color: #fff;
	margin-top: -2px;
	padding: 56px 0
}

.price-vbhc {
	margin: 44px 0 80px 0;
	padding: 0;
	z-index: 9999999
}

.section-one h2 {
	letter-spacing: 1.8px
}

.text-width {
	width: 78%!important
}

.text-width2 {
	width: 70%!important
}

.mr-toptxt2 {
	margin-top: 36px;
}

.mr-toptxt {
	margin-top: 30px;
}

.mr-top64 {
	margin-top: 80px;
}

.width-imglive {
	width: 96%
}

.text-spac p {
	line-height: 27px;
	font-size: 17.4px;
	color: #7b7b7b
}

.bgwhite {
	background-color: #fff;
	margin-bottom: 30px
}

.top_item {
	position: relative
}

.banner-review {
	background: url(../images/banner1.jpg) no-repeat;
	background-size: cover;
	margin-top: 5.6rem
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
	display: block!important
}

.owl-prev {
	position: absolute;
	top: 37%!important;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	right: auto;
	width: 90px;
	height: 90px;
	left: 0;
	border-radius: 50%;
	font-size: 4rem!important;
	cursor: pointer;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	outline: 0
}

.owl-prev span {
	display: block;
	height: 22px;
	background: url(../images/left-arrow.png);
	font-size: 0;
	color: #fff;
	background-repeat: no-repeat;
	outline: 0
}

.owl-next {
	position: absolute;
	top: 37%!important;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 0;
	width: 90px;
	height: 90px;
	left: auto;
	border-radius: 50%;
	font-size: 4rem!important;
	cursor: pointer;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	outline: 0
}

.owl-next span {
	display: block;
	height: 22px;
	background: url(../images/right-arrow.png);
	outline: 0;
	z-index: 999999;
	background-repeat: no-repeat;
	width: 51px;
	font-size: 0
}

.owl-item>div {
	cursor: pointer;
	margin: 0 2% 2% 2%;
	transition: margin .4s ease
}

.owl-item.center>div {
	cursor: auto;
	margin: 52px 0 0 0
}

.sub-speciality {
	font-weight: 400;
	color: #fff;
	position: absolute;
	bottom: 16px;
	left: 16px;
	z-index: 99999
}

.sub-speciality h2 {
	font-size: 22px
}

.item blockquote {
	border-left: none;
	margin: 0
}

.owl-carousel .owl-item img {
	display: block;
	/*border: 1px solid #ccc;*/
	margin: 0 auto;
	width: auto !important;
}

.redcolor {
    color: #1d4944!important;
    margin-bottom: 13px!important;
    font-size: 28px!important;
    padding-bottom: 20px;
    border-bottom: 1.8px solid #1d4944;
}

.list-intake {
	margin: 20px 0 0 0
}

.list-intake ul {
	list-style: none;
	padding-left: 0
}

.list-intake ul li {
	margin-bottom: 14px
}

.circle {
	float: left;
	width: 14px;
	height: 10px;
	display: block;
	margin-top: 2px;
	margin-right: 12px
}

.text-spec {
	float: left;
	width: 82%;
	display: block;
	font-size: 19px;
	letter-spacing: .5px;
	margin-left: 10px
}

.text-spec b {
	font-weight: 400;
	color: #7b7b7b!important;
	font-family: robotoregular
}

.mapsec {
	margin: 0 0;
	padding: 0;
	position: relative
}

.maptext {
	background-color: #1c474c;
	padding: 44px 34px 97.4px;
	left: 64%;
	position: absolute;
	top: 0;
	bottom: auto;
	right: 0;
	min-height: 566px
}

.maptext h2 {
	text-transform: uppercase;
	color: #fff;
	font-weight: 550;
	margin: 0 0 24px 0;
	position: relative
}

.mapsec .listingsec2 {
	padding: 0 0 24px 0
}

.mapsec .listingsec2 ul {
	padding-left: 0
}

.mapsec .listingsec2 li {
	list-style: none;
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
	margin-bottom: 16px;
	color: #fff
}
.typical-planslider{}

.typical-planslider img{margin: 0 auto !important;}
.amenities p {
	font-size: 19px;
	color: #2e302f;
	margin-top: 14px;
	display: block
}

.bg-am1 {
	width: 104px;
	height: 72px;
	background: url(../images/css_sprites.png) -10px -10px;
	display: inline-block
}

.bg-am3 {
	width: 104px;
	height: 72px;
	background: url(../images/css_sprites.png) -134px -10px;
	display: inline-block
}

.bg-am4 {
	width: 104px;
	height: 72px;
	background: url(../images/css_sprites.png) -10px -102px;
	display: inline-block
}

.bg-am6 {
	width: 104px;
	height: 72px;
	background: url(../images/css_sprites.png) -134px -102px;
	display: inline-block
}

.bg-am7 {
	width: 104px;
	height: 72px;
	background: url(../images/css_sprites.png) -258px -10px;
	display: inline-block
}

.bg-badminton {
	width: 104px;
	height: 72px;
	background: url(../images/css_sprites.png) -258px -102px;
	display: inline-block
}

.bg-basket {
	width: 104px;
	height: 72px;
	background: url(../images/css_sprites.png) -10px -194px;
	display: inline-block
}

.bg-building {
	width: 104px;
	height: 72px;
	background: url(../images/css_sprites.png) -134px -194px;
	display: inline-block
}

.bg-children {
	width: 104px;
	height: 72px;
	background: url(../images/css_sprites.png) -258px -194px;
	display: inline-block
}

.bg-court {
	width: 104px;
	height: 72px;
	background: url(../images/css_sprites.png) -10px -286px;
	display: inline-block
}

.bg-cricket {
	width: 104px;
	height: 72px;
	background: url(../images/css_sprites.png) -134px -286px;
	display: inline-block
}

.bg-garden {
	width: 104px;
	height: 72px;
	background: url(../images/css_sprites.png) -258px -286px;
	display: inline-block
}

.bg-jogging {
	width: 104px;
	height: 72px;
	background: url(../images/css_sprites.png) -382px -10px;
	display: inline-block
}

.bg-power {
	width: 104px;
	height: 72px;
	background: url(../images/css_sprites.png) -382px -102px;
	display: inline-block
}

.bg-shops {
	width: 104px;
	height: 72px;
	background: url(../images/css_sprites.png) -382px -194px;
	display: inline-block
}

.bg-sewage {
	width: 104px;
	height: 72px;
	background: url(../images/css_sprites.png) -382px -286px;
	display: inline-block
}

.bg-icon1 {
	width: 74px;
	height: 80px;
	background: url(../images/css_icons.png) -10px -10px;
	display: inline-block
}

.bg-icon2 {
	width: 74px;
	height: 80px;
	background: url(../images/css_icons.png) -104px -10px;
	display: inline-block
}

.bg-icon3 {
	width: 74px;
	height: 80px;
	background: url(../images/css_icons.png) -198px -10px;
	display: inline-block
}

.bg-icon4 {
	width: 74px;
	height: 80px;
	background: url(../images/css_icons.png) -10px -110px;
	display: inline-block
}

.am-height {
	border: 1px solid #e2dede;
	box-shadow: 0 0 25px 0 rgba(0, 0, 0, .09);
	margin: 0 5px 0 5px;
	padding: 40px 0;
	text-align: center;
	display: block;
	min-height: 224px!important;
	background-color: #fff
}

.associates .am-height p {
	text-align: center!important;
	margin-top: 10px;
	display: block;
	padding: 8px 0 0 0!important
}

.icon-block {
	min-height: 148px;
	text-align: center
}

.brochure {
	display: block;
	margin: 40px auto 80px;
	text-align: center
}

.brochure a {
	background: #1c474d;
	padding: 14px 23px;
	color: #fff;
	font-size: 15px;
	font-family: 'Century Gothic Bold'!important;
	letter-spacing: .5px
}

.watch-thevideo {
	margin: 24px auto 0;
	text-align: center;
	display: block
}

.watch-thevideo a {
	display: block;
	background: #2C6D59;
	color: #fff;
	padding: 16px;
	text-decoration: none;
	font-size: 18px;
	font-family: robotobold
}

#myModalvideo .modal-lg {
	z-index: 99999999999
}

.location-sec p {
    font-size: 18px;
    color: #7b7b7b;
    /* padding: 0px 24px; */
}

.loc-advantage h2 {
	color: #7b7b7b;
	font-size: 20px;
	margin-top: 0;
	margin-bottom: 22px;
}

.loc-advantage ul li {
    font-size: 18px;
    margin-bottom: 10px;
    color: #7b7b7b;
    border-bottom: 1px solid #cfede9;
    margin-bottom: 6px;
    /* padding-top: 10px; */
    padding-bottom: 10px;
}

.padding-top40 {
	padding-top: 40px!important
}

.tab {
	text-align: center
}

.tab .nav-tabs {
	border-bottom: none;
	text-align: center;
	margin: 0 auto;
	display: inline-block
}

.nav-tabs {
	border-bottom: none;
	margin: 0 auto;
	text-align: center;
	z-index: 9999
}

.tab .nav-tabs li a {
	font-size: 15px;
	border: none;
	padding-right: 0;
	color: #414141;
	font-family: 'Gothic A1', sans-serif
}

.tab .nav-tabs li span {
	display: inline-block;
	color: #414141;
	margin-left: 14px
}

.tab .nav-tabs li a:hover,
.tab .nav-tabs li.active a {
	background: 0 0;
	color: #dea24c
}

.centertab {
	display: inline-block
}

.formobile {
	display: none
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
	border: none
}

.rera-numb {
	padding: .99em 0;
	text-align: center;
	border-top: 1px solid #403f3f;
	border-bottom: 1px solid #403f3f;
	margin-bottom: 16px;
	background: #292929
}

.rera-numb p {
	margin: 17px 0 0 0;
	color: #fff;
	font-size: 14px;
	line-height: 20px;
	text-align: left;
	font-family: inherit;
	letter-spacing: .5px
}

.m-b20 {
	margin-bottom: 20px!important
}

.logo-resale {
	width: 42%;
	padding: 6px 8px
}

.logo-jm {
	width: 42%;
	padding: 5px 6px
}

.grayfooter {
	margin: 0 auto;
	background-color: #f2f2f2;
	padding: 42px 0
}

.grayfooterbottom {
	margin: 0 auto;
	background-color: #2C6D59;
	padding: 24px 0;
}
.grayfooterbottom p{margin-bottom: 0px;}
.equiresec {
	padding: 0;
	margin: 0 0 24px 0;
	font-family: ProximaNovaRegular
}

.equiresec p {
	color: #fff;
	line-height: 20px;
	font-size: 13px;
	font-family: ProximaNovaRegular
}

.btn-enq {
	border-radius: 0;
	background-color: #d31f26!important;
	font-family: ProximaNovaRegular;
	padding: 10px 12px!important;
	border-color: #d31f26;
	outline: 0
}

.btn-enq:hover {
	border-color: #d31f26
}

.equiresec h4 {
	color: #fff;
	font-size: 14px
}

.equiresec p a {
	display: inline-block;
	color: #999
}

.color-adderss {
	color: #999!important
}

.disclaimer {
	margin: 0 0 14px 0;
	padding: 0 0 6px 0;
	border-bottom: 1px solid #403f3f
}

.disclaimer span {
	display: block;
	margin-bottom: 8px
}

.disclaimer p {
	color: #999;
	margin-bottom: 18px;
	font-family: arial;
	line-height: 17px
}

.padding-zero {
	padding: 0!important
}

.padding-rightzero {
	padding-right: 0!important
}

.headindg-story {
	margin-bottom: 24px;
	margin-top: 0PX;
	font-size: 2.4em;
	line-height: 40px;
	letter-spacing: 1.8px;
	text-align: center
}

.privacytext {
	color: #999;
	border-bottom: 1px solid #999;
	display: inline-block
}

.privacytext:hover {
	text-decoration: none
}

.btn-submit {
	background: 0 0;
	border: 1px solid #ccc;
	padding: 8px 30px;
	margin: 0 auto;
	color: #fff;
	font-family: 'Gothic A1', sans-serif;
	font-weight: 700;
	letter-spacing: 1px;
	border-radius: 14px;
	font-size: 17px
}

#myBtn {
	display: none;
	position: fixed;
	bottom: 60px;
	right: 30px;
	background-color: transparent;
	z-index: 99;
	font-size: 18px;
	border: none;
	outline: 0;
}

#myBtn .fa {
	font-size: 26px;
	color: #4B9166;
}

.mkr_SldItem {
	position: relative;
}

.mkr_SldItem h2 {
	margin-top: 0;
	letter-spacing: 1.8px;
	line-height: 22px;
}

.mkr_SldItem p {
	color: #b7c4c4!important;
	font-size: 14px;
	line-height: 20px;
	width: 82%;
}

.border-imgarrow {
	position: absolute;
	left: auto;
	right: -12px;
	top: 0;
	bottom: 0
}

.logo-footer img {
	display: block;
	margin: 26px auto 14px
}

.thank-u {
	padding: 60px 0;
	border-top: 120px solid #dcdada;
	border-bottom: 120px solid #dcdada
}

.thank-u h2 {
	font-size: 68px;
	font-weight: 700;
	color: #000;
	letter-spacing: 4px;
	margin-bottom: 40px
}

.thank-u img {
	display: block;
	margin: 0 auto
}

.thank-u h4 {
	color: #000;
	margin: 30px 0 6px;
	font-size: 22px
}

.thank-u a {
	margin: 40px 0;
	letter-spacing: 2px
}

.margin-bottomrera {
	margin-bottom: 32px
}

.mobilebanner {
	display: none!important
}

.toploader {
	top: 30%!important
}

#myModal .modal-content {
	position: relative;
	background-color: transparent!important;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: none!important;
	border: none!important;
	border-radius: 0!important;
	outline: 0;
	box-shadow: none!important
}

.desktopbanner-1366 {
	display: none!important
}

.compare_button_left {
	z-index: 9999999;
	cursor: pointer;
	position: fixed;
	bottom: 300px;
	right: -41px;
	text-decoration: none;
	color: #ccc;
	padding: 10px;
	background-color: #2C6D59;
	color: #fff;
	transform: rotate(270deg);
	text-transform: uppercase
}

.fixed-buttonright a {
	text-decoration: none
}

.fixed-buttonright a:hover {
	color: #ccc!important
}


.loc-dist{}

.loc-dist img {
    text-align: center;
    display: block;
    margin: 0 auto;
}

.enquire-tab {
    position: fixed;
    top: 50%;
    right: 0;
    z-index: 999;
    bottom: auto;
    text-transform: none;
    display: block;
    margin-right: -84px;
    float: left;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
    letter-spacing: 0;
    background-color: #004a7f;
    border: 2px solid #222;
    color: #fff;
    border-radius: 10px 10px 0 0;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    font-size: 20px;
    padding: 3px 40px;
    text-align: center;
    background: -moz-linear-gradient(-45deg, #e81216 0, #f45355 50%, #f6290c 51%, #ed0e11 71%, #fc1b21 100%);
    background: -webkit-linear-gradient(-45deg, #e81216 0, #f45355 50%, #f6290c 51%, #ed0e11 71%, #fc1b21 100%);
    background: linear-gradient(135deg, #222 0, #222 50%, #222 51%, #222 71%, #222 100%);
    background-size: 400% 400%;
    -webkit-animation: AnimationName 3s ease infinite;
    -moz-animation: AnimationName 3s ease infinite;
    animation: AnimationName 3s ease infinite;
    -webkit-animation: AnimationName 3s ease infinite;
    -moz-animation: AnimationName 3s ease infinite;
    animation: AnimationName 3s ease infinite;
}
.enquire-tab a{text-decoration: none; color: #fff;}

.enquire-tab:hover {
	background-color: #121212
}

.enquire-tab a:not([href]):not([tabindex]):focus {
	background-color: #121212
}

#fixed-bmain {
    position: fixed;
    top: 50%;
    left: 0px;
    right: auto;
    z-index: 999;
    bottom: 0;
    height: 0;
    display: block;
    margin-left: -112px;
}

#fixed-button {
    float: left;
    -webkit-transform: rotate(450deg);
    -moz-transform: rotate(450deg);
    -ms-transform: rotate(450deg);
    -o-transform: rotate(450deg);
    transform: rotate(450deg);
    letter-spacing: 0;
    background-color: #004a7f;
    border: 2px solid #1d4944;
    color: #fff;
    border-radius: 10px 10px 0 0;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    font-size: 24.4px;
    padding: 4px 34px;
    text-align: center;
    text-decoration: none;
    background: -moz-linear-gradient(-45deg, #e81216 0, #f45355 50%, #f6290c 51%, #ed0e11 71%, #fc1b21 100%);
    background: -webkit-linear-gradient(-45deg, #e81216 0, #f45355 50%, #f6290c 51%, #ed0e11 71%, #fc1b21 100%);
    background: linear-gradient(135deg, #2c6d59 0, #2c6d59 50%, #2c6d59 51%, #1d4944 71%, #fc1b21 100%);
    background-size: 400% 400%;
    -webkit-animation: AnimationName 3s ease infinite;
    -moz-animation: AnimationName 3s ease infinite;
    animation: AnimationName 3s ease infinite;
    -webkit-animation: AnimationName 3s ease infinite;
    -moz-animation: AnimationName 3s ease infinite;
    animation: AnimationName 3s ease infinite;
}

#fixed-button a {
	color: #fff;
	text-decoration: none;
	    font-family: robotoregular;
}

#fixed-button a:hover {
	color: #ccc
}


@media only screen and (max-width:767px) {
.enquire-tab {
    font-size: 17px;
    padding: 6px 21px;
    background: rgba(000, 000, 000, .7)!important;
    border: 1px solid #6b6666!important;
    top: 51%;
    margin-right: -55px;
}
#fixed-bmain {top:47%;margin-left: -108.6px;}
#fixed-button{    font-size: 23px;
    padding: 8px 32px;}
}



	
@-webkit-keyframes AnimationName {
	0% {
		background-position: 0 31%
	}
	50% {
		background-position: 100% 70%
	}
	100% {
		background-position: 0 31%
	}
}

@-moz-keyframes AnimationName {
	0% {
		background-position: 0 31%
	}
	50% {
		background-position: 100% 70%
	}
	100% {
		background-position: 0 31%
	}
}

@keyframes AnimationName {
	0% {
		background-position: 0 31%
	}
	50% {
		background-position: 100% 70%
	}
	100% {
		background-position: 0 31%
	}
}


@media only screen and (max-width:767px) {
	.navbar {
    min-height: 104px;
}
	.location-textm .mt-2new {
		margin-top: 4.4em !important;
	}
	.walkthroughn .mt-2 {
		margin-top: 3.4em !important;
	}
	.projecthighm .mt-2 {
		margin-top: 3em !important;
	}
	.location-textm .mt-3 {
		margin-top: 4em !important;
	}
	.amenities .mt-3 {
		margin-top: 4.8em!important;
	}
	.navbar-inverse .navbar-collapse,
	.navbar-inverse .navbar-form {
		border-color: #7c0000
	}
	.navbar-inverse .navbar-nav>li>a {
		padding: 14px 24px;
		border-right: none!important;
		border-bottom: 1px solid #842727!important
	}
	.social-vbhc {
		margin-bottom: 6px!important
	}
	.social-vbhc p {
		margin-bottom: 0!important;
		text-align: center
	}
	.social-vbhc .pull-right {
		float: none!important
	}
	.loc-advantage {
		margin-top: 30px
	}
	.loc-advantage ul li {
		font-size: 15px;
		line-height: 20px
	}
	.text-spac p {
		line-height: 25px;
		font-size: 17px;
		text-align: justify
	}
	.amenities p {
		font-size: 15px;
		line-height: 22px
	}
	.location-sec p {
		font-size: 15px;
		line-height: 22px
	}
	.myhome {
		bottom: 4%;
		width: 35%;
		left: 4%
	}
	.myhome img {
		width: 72%
	}
	.myhome h1 {
		font-size: 17.4px;
		line-height: 18px;
		margin-bottom: 18px
	}
	.banner-vbhc {
		margin-top: 33.4px
	}
	.font-54 {
		font-size: 30px!important
	}
	.font-34 {
		font-size: 24px!important
	}
	.border_left {
		height: 49%!important
	}
	.border_right {
		height: 49%!important
	}
	.border-text h4 br {
		display: none!important
	}
	.font-24 {
		font-size: 19px!important
	}
	.enqurie-form .text-success {
		font-size: 11px!important
	}
	.enqurie-form .text-danger {
		font-size: 11px!important
	}
	.mobileenqurie-form .text-success {
		font-size: 11px!important
	}
	.mobileenqurie-form .text-danger {
		font-size: 11px!important
	}
	.number-captchatext {
		padding: 11px 42px
	}
	.desktopbanner {
		display: none!important
	}
	.mobilebanner {
		display: block!important
	}
	.pd-zero {
		padding: 0
	}
	.carousel-caption {
		margin-top: 18px!important;
		padding-top: 0
	}
	.border-text {
		background-color: #000!important;
		margin-top: 0
	}
	.carousel-inner>.item>a>img,
	.carousel-inner>.item>img {
		height: auto
	}
	.carousel-caption h2 {
		font-size: 20px;
		line-height: 24px
	}
	#myBtn {
		bottom: 100px;
		right: 26px
	}
	.arrow {
		bottom: 6%;
		left: 40%;
		display: none
	}
	.desktop-numb {
		display: none!important
	}
	.numb-mobile {
		display: block
	}
	.offer-button {
		font-size: 12px;
		top: auto;
		left: 39%;
		padding: 3px 12px;
		bottom: 66.4%
	}
	.offer-button span {
		margin-top: 30px
	}
	.vbhc-bannersec .carousel-inner {
		margin-top: 12px
	}
	.navbar-toggle {
		margin-top: 22px;
		    border-color: #87bbb5 !important;
	}
.navbar-brand>img {
    display: block;
    width: 50%;
    padding: 14px;
}
	.font-52 {
		font-size: 42px!important
	}
	.pb-8 {
		padding-bottom: 5em!important
	}
	.border-imgarrow {
		display: none!important
	}
	.pt-right {
		padding-right: 15px!important
	}
	.pt-left {
		padding-left: 15px!important
	}
	.owl-carousel .owl-item img {
		margin: 0 auto!important
	}
	.floorplan-owl .owl-prev {
		left: -2%!important
	}
	.floorplan-owl .owl-next {
		right: -1%!important
	}
	.typical-planslider .owl-prev {
		left: -2%!important
	}
	.typical-planslider .owl-next {
		right: -1%!important
	}

	.owl-prev {
		left: -1%!important
	}
	.owl-next {
		right: -1%!important
	}
	.text-width {
		width: auto!important
	}
	.text-width2 {
		width: auto!important
	}
	.width-imglive {
		width: 100%!important
	}
	.icon-phonesec {
		margin-top: 40px;
		margin-right: 4px
	}
	.headervascon {
		padding: 7px;
		background: #696969!important
	}
	.logo-vbhc {
		display: block!important
	}
	.logo-vbhc img {
		text-align: center;
		display: block;
		width: 82%
	}
	.font-33mobile {
		font-size: 32px!important;
		line-height: 36px!important
	}
	.rera-numb p {
		font-size: 12px
	}
	
	.vbhc-bannersec {
		margin-top: 58px
	}
	.carousel-caption {
		position: relative;
		margin-top: 28px;
		left: 0;
		bottom: 0;
		height: auto
	}
	.callbook p {
		font-size: 6.2px;
		line-height: 8px
	}
	.carousel-indicators {
		display: block;
		bottom: 46%;
	}
	.logo-footer {
		margin-bottom: 50px
	}
	.maptext {
		position: relative;
		padding: 16px;
		left: auto
	}
	.maptext br {
		display: none
	}
	.maptext h2 {
		display: none
	}
	.icon-phonesec a {
		font-size: 13px;
		color: #fff
	}
	.btn-enq {
		display: none
	}
	.mobile-appointmentbtn {
		display: none!important
	}
	.displayform {
		display: block
	}
	.enqurie-form {
		display: block
	}
	.modal {
		top: 72px
	}
	.headindg-story {
		margin-top: 0;
		font-size: 2em
	}
	.thank-u h2 {
		font-size: 38px
	}
	.rera-border {
		border-bottom: none
	}
	.site-footer {
		padding-bottom: 58px
	}
	.privacytext {
		margin-bottom: 0
	}
	.padding-topnone {
		padding-top: 0!important;
		padding-bottom: 28px!important
	}
	.menu-button {
		margin-right: 14px
	}
	.redcolor {
		font-size: 24px!important;
		text-align: center;
	}
	.media-carousel .carousel-control {
		display: none
	}
	.mainbox {
		margin-bottom: 0
	}
	.fordesktop {
		display: none
	}
	.formobile {
		display: block
	}
	.owl-theme .owl-nav {
		display: none
	}
	.owl-theme .owl-dots {
		margin-bottom: -52px;
		margin-bottom: 0
	}
	.bank-logo {
		margin-top: 4px
	}
	.logo-project {
		margin-top: 24px;
		margin-bottom: 14px
	}
	.logo-resale {
		width: 54%;
		margin-bottom: 20px!important
	}
	.logo-jm {
		width: 50%
	}
	.mt-1 {
		margin-top: 14px!important
	}
	.text-spec {
		font-size: 16px;
		line-height: 20px
	}
}

@media (max-width:480px) {
			.navbar-brand  {
   
    margin-left: 0px !important;
}
	.navbar-brand img {
    /* margin-top: -20px; */
    margin-left: 0px !important;
    position: absolute;
    top: 10%;
}
	.myhome {
		bottom: 4%;
		width: 35%;
		left: 4%
	}
	.myhome img {
		width: 72%
	}
	.myhome h1 {
		font-size: 17.4px;
		line-height: 18px;
		margin-bottom: 18px
	}
	.offer-button {
		font-size: 12px;
		top: auto;
		left: auto;
		padding: 3px 12px;
		bottom: 18%;
		right: 3%
	}
	.offer-button span {
		margin-top: 28px;
		font-size: 11px
	}
	#floor_plantab a {
		padding: 10px 6px!important;
		font-size: 15px!important
	}
	.twod-one {
		position: relative!important;
		right: -2px!important
	}
	.threed-one {
		position: relative!important;
		right: -6px!important
	}
}

@media (max-width:375px) {
		.navbar-brand  {
   
    margin-left: 0px !important;
}
	.navbar-brand img {
    /* margin-top: -20px; */
    margin-left: 0px !important;
    position: absolute;
    top: 10%;
}
	.myhome {
		bottom: 4%;
		width: 35%;
		left: 4%
	}
	.myhome img {
		width: 72%
	}
	.myhome h1 {
		font-size: 17.4px;
		line-height: 18px;
		margin-bottom: 18px
	}
	.offer-button {
		font-size: 12px;
		top: auto;
		left: auto;
		padding: 3px 12px;
		bottom: 18.2%;
		right: 0
	}
	.offer-button span {
		margin-top: 28px;
		font-size: 10px
	}
	#floor_plantab a {
		padding: 10px 6px!important;
		font-size: 15px!important
	}
	.twod-one {
		position: relative!important;
		right: -2px!important
	}
	.threed-one {
		position: relative!important;
		right: -6px!important
	}
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) {
	.carousel-inner>.item>a>img,
	.carousel-inner>.item>img {
		margin-top: -90px
	}
	.navbar-inverse .navbar-nav>li>a {
		font-size: 12px
	}
	.banner-vbhc {
		margin-top: 84px
	}
	.carousel-caption {
		right: 0;
		left: 2%;
		height: 72vh;
		width: 100%
	}
	.offer-button {
		display: none
	}
	.enqurie-form {
		display: none
	}
	.mobile-appointmentbtn {
		display: block!important
	}
	.booking-center h1 {
		font-size: 14.4px;
		padding: 16px 20px
	}
	.logo-resale {
		width: 30%
	}
	.logo-jm {
		width: 30%
	}
}


@media screen and (min-width: 768px){

	.carousel-indicators { bottom: -12px;}

}



@media only screen and (min-width:1030px) and (max-width:1366px) {
	.offer-button {
		top: auto;
		left: auto;
		bottom: 6.2%;
		right: 6%
	}
	.maptext {
		padding-bottom: 44px
	}
	.carousel-caption {
		bottom: 146px;
		left: 22%!important;
		right: -4px!important
	}
	.vbhc-bannersec .carousel-inner {
		margin-top: -10px
	}
	.text-width {
		width: 92%!important
	}
}

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

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

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

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

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

@font-face {
	font-family: 'DINPro Light';
	font-style: normal;
	font-weight: 400;
	src: local('DINPro Light'), url('fonts/DINPro-Light tr.woff') format('woff')
}

@font-face {
	font-family: 'DINPro Medium';
	font-style: normal;
	font-weight: 400;
	src: local('DINPro Medium'), url('fonts/DINPro-Medium tr.woff') format('woff')
}

@font-face {
	font-family: 'DINPro Bold';
	font-style: normal;
	font-weight: 400;
	src: local('DINPro Bold'), url('fonts/DINPro-Bold tr.woff') format('woff')
}

@font-face {
	font-family: 'DINPro Black';
	font-style: normal;
	font-weight: 400;
	src: local('DINPro Black'), url('fonts/DINPro-Black tr.woff') format('woff')
}





@-webkit-keyframes glowing {
	0% {
		background-color: #000;
		/*	box-shadow: 0 0 3px #ffc714*/
	}
	50% {
		background-color: #000;
	/*	box-shadow: 0 0 3px #ffc714*/
	}
	100% {
		background-color: #0000;
		/*	box-shadow: 0 0 3px #ffc714*/
	}
}

@-moz-keyframes glowing {
	0% {
		/*background-color: #000;*/
	/*	box-shadow: 0 0 3px #ffc714*/
	}
	50% {
	/*	background-color: #000;*/
	/*	box-shadow: 0 0 3px #ffc714*/
	}
	100% {
	/*	background-color: #000;*/
	/*	box-shadow: 0 0 3px #ffc714*/
	}
}

@-o-keyframes glowing {
	0% {
		/*background-color: #000;*/
		box-shadow: 0 0 3px #ffc714
	}
	50% {
		/*	background-color: #000;*/
	/*	box-shadow: 0 0 3px #ffc714*/
	}
	100% {
		/*	background-color: #000;*/
		/*	box-shadow: 0 0 3px #ffc714*/
	}
}

@keyframes glowing {
	0% {
	/*	background-color: #000;*/
		/*	box-shadow: 0 0 3px #ffc714*/
	}
	50% {
		/*	background-color: #000;*/
		/*	box-shadow: 0 0 3px #ffc714*/
	}
	100% {
			/*	background-color: #000;*/
	/*	box-shadow: 0 0 3px #ffc714*/
	}
}