@import url(https://fonts.googleapis.com/css?family=Gothic+A1|Nanum+Gothic&display=swap);
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
}

.desktopbanner {
	display: block!important
}

.mobilebanner {
	display: none!important
}

.bg-offer {
	background-color: #156186
}

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

.mt-36 {
	margin-top: 36px!important
}

.br-top36 {
	border-top: 36px solid #fff
}

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

.mt-pmay {
	margin-top: 71px!important;
	border-bottom: 40px solid #fff
}

.pt-both {
	padding: 0!important
}

.padding-40topb {
	padding: 40px 0
}

.mrgn-32left {
	margin-left: 0;
	width: 72%
}

.logo-vbhc {
	position: absolute;
	z-index: 9999;
	left: 14%;
	bottom: auto;
	top: 2%;
	
}

.clr-phone {
	color: #000!important
}

.fa-phone {
	background: 0 0!important;
	color: #000!important;
	border: none!important;
	height: auto!important;
	width: auto!important;
	padding: 6px 2px!important
}

.number-captchatext {
	border: 1px solid #2984b1;
	padding: 8px 20px;
	background: #156186;
	font-size: 15px
}

.cursorBanned {
	cursor: not-allowed!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: 110px
}

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

.navbar-brand {
	padding-top: 10px
}

.navbar-inverse .navbar-nav>li>a {
	color: #fff;
	font-size: 16px;
	padding: 10px 14px;
	font-family: 'DINPro Medium'
}

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

.pt-right {
	padding-right: 0!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
}

.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-bold {
	font-family: 'DINPro Medium'
}

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

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

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

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

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

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

.color-heading {
	color: #ea6a13 !important;
	background: background-image:linear-gradient(to right, #ffbf02, #ed0082); color:rgba(0, 0, 0, 0); -webkit-background-clip:text; background-clip:text; position:relative;;
}

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

.img-border-none {
	padding-top: 14px!important
}

.img-border-none li {
	margin-bottom: 10px!important;
	font-family: unset!important;
	font-weight: 400!important
}

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

.img-border-none .circle {
	margin-right: 4px!important;
	margin-top: 4px!important
}

.img-border-none .text-about {
	font-size: 13px!important;
	width: 82%
}

.img-border-none p {
	font-size: 13px!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)
}

.book-ur {
	margin: 0 0 8px!important;
	color: #ccb06b;
	border-bottom: 1px solid #ccc;
	width: 50%;
	text-align: center;
	display: inline-block;
	padding-bottom: 10px
}

.border-text {
	background: rgba(6, 11, 41, .6);
	padding: 4% 2% 2% 4%;
	position: relative;
	margin-top: 220px
}

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

.carousel-caption h3 {
	font-family: 'DINPro Medium';
	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: 26px;
	margin-bottom: 20px;
	font-weight: 400;
	line-height: 24px
}

.border_left {
	position: absolute!important;
	border-left: 2px solid #b0baf3!important;
	right: auto!important;
	left: 19px!important;
	top: 16%!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
}

.vbhc-hillview-loc {
	display: block;
	margin: -71px auto;
	z-index: 9999999999;
	position: relative;
	text-align: center
}

.vbhc-hillview-loc h1 {
	font-size: 22px;
	font-family: 'DINPro Light';
	color: #0c0900;
	text-align: center;
	background: #fff;
	display: inline-flex;
	padding: 14px 25px
}

.vbhc-hillview-loc h1 .fa {
	margin-right: 8px
}

.percent {
	font-size: 36px;
	font-style: italic;
	color: #ffc714;
	margin-top: 4px
}

.project-range {
	display: block;
	border-bottom: 1px solid #efefef;
	margin-top: -1px
}

.project-area {
	display: block;
	padding: 16px 0 20px;
	text-align: center
}

.project-area h2 {
	font-size: 28px;
	font-family: 'DINPro Bold';
	color: #fff
}

.project-area h3 {
	font-size: 20px;
	font-family: 'DINPro Medium';
	color: #fff;
	line-height: 28px
}

.padding-rit-sec h2 {
	color: #000!important
}

.padding-rit-sec h3 {
	color: #000!important
}

.menu-button {
	width: 34px;
	height: 24px;
	position: fixed;
	right: 0;
	top: 42px;
	margin-top: 13px;
	margin-right: 35px;
	z-index: 1000;
	padding: 0;
	cursor: pointer;
	background: #000;
	border: none
}

.menu-button span {
	display: block;
	position: absolute;
	height: 2px;
	width: 80%;
	background: #fff;
	border-radius: 9px;
	opacity: 1;
	left: 0
}

.menu-button span:nth-child(1) {
	top: 6px;
	left: 3px;
	right: 5px
}

.menu-button span:nth-child(2) {
	top: 11px;
	left: 3px;
	right: 5px
}

.menu-button span:nth-child(3) {
	top: 16px;
	left: 3px;
	right: 5px
}

.menu-button:hover {
	opacity: .6
}

.close-button {
	width: 1em;
	height: 1em;
	position: absolute;
	right: 1em;
	top: 1em;
	overflow: hidden;
	text-indent: 1em;
	font-size: 1.75em;
	border: none;
	background: 0 0;
	color: transparent
}

.close-button::after,
.close-button::before {
	content: '';
	position: absolute;
	width: 3px;
	height: 100%;
	top: 0;
	left: 50%;
	background: #bdc3c7
}

.close-button::before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.close-button::after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

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

.menu-wrap {
	position: fixed;
	z-index: 1001;
	width: 300px;
	height: 100%;
	right: 0;
	float: right;
	background: #2f2f2f;
	padding: 2.5em 1.5em 0;
	-webkit-transform: translate3d(300px, 0, 0);
	transform: translate3d(300px, 0, 0);
	-webkit-transition: -webkit-transform .4s;
	transition: transform .4s;
	-webkit-transition-timing-function: cubic-bezier(.7, 0, .3, 1);
	transition-timing-function: cubic-bezier(.7, 0, .3, 1)
}

.menu,
.menu-list {
	height: 100%;
	overflow-x: auto
}

.menu-list {
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0)
}

.menu-list a {
	display: block;
	padding: .82em 0;
	-webkit-transform: translate3d(0, 500px, 0);
	transform: translate3d(0, 500px, 0);
	color: #a5a5a5;
	position: relative;
	font-size: 16px
}

.menu-list a:active span,
.menu-list a:hover {
	color: #fff
}

.menu-list,
.menu-list a {
	-webkit-transition: -webkit-transform 0s .4s;
	transition: transform 0s .4s;
	-webkit-transition-timing-function: cubic-bezier(.7, 0, .3, 1);
	transition-timing-function: cubic-bezier(.7, 0, .3, 1)
}

.menu a:nth-child(2) {
	-webkit-transform: translate3d(0, 1000px, 0);
	transform: translate3d(0, 1000px, 0)
}

.menu-list a:nth-child(3) {
	-webkit-transform: translate3d(0, 1500px, 0);
	transform: translate3d(0, 1500px, 0)
}

.menu-list a:nth-child(4) {
	-webkit-transform: translate3d(0, 2000px, 0);
	transform: translate3d(0, 2000px, 0)
}

.menu-list a:nth-child(5) {
	-webkit-transform: translate3d(0, 2500px, 0);
	transform: translate3d(0, 2500px, 0)
}

.menu-list a:nth-child(6) {
	-webkit-transform: translate3d(0, 3000px, 0);
	transform: translate3d(0, 3000px, 0)
}

.menu-list a span:nth-last-child(1) {
	margin-bottom: 100px
}

.menu-list a.active span {
	color: #d6ad73!important
}

.menu-list a.active span:before {
	width: 100%
}

.show-menu .menu-wrap {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition: -webkit-transform .8s;
	transition: transform .8s;
	-webkit-transition-timing-function: cubic-bezier(.7, 0, .3, 1);
	transition-timing-function: cubic-bezier(.7, 0, .3, 1)
}

.show-menu .menu-list,
.show-menu .menu-list a {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition: -webkit-transform .8s;
	transition: transform .8s;
	-webkit-transition-timing-function: cubic-bezier(.7, 0, .3, 1);
	transition-timing-function: cubic-bezier(.7, 0, .3, 1)
}

.show-menu .menu-list a {
	-webkit-transition-duration: .9s;
	transition-duration: .9s
}

.show-menu .content::before {
	opacity: 1;
	-webkit-transition: opacity .8s;
	transition: opacity .8s;
	-webkit-transition-timing-function: cubic-bezier(.7, 0, .3, 1);
	transition-timing-function: cubic-bezier(.7, 0, .3, 1);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.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 #deaf94
}

.social-vbhc {
	position: absolute;
	z-index: 9999;
	left: auto;
	right: 4%;
	top: 3%;
	bottom: auto
}

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

.social-vbhc .fa:hover {
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-ms--transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	-ms-transition: all .2s;
	transition: all .2s
}

.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 glowing {
	0% {
		background-color: #e4ae03;
		-webkit-box-shadow: 0 0 3px #ffc714
	}
	50% {
		background-color: #e4ae03;
		-webkit-box-shadow: 0 0 40px #ffc714
	}
	100% {
		background-color: #e4ae03;
		-webkit-box-shadow: 0 0 3px #ffc714
	}
}

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

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

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

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

.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: #aa053d
}

.carousel-caption {
	bottom: 100px;
	right: 36px;
	left: 18%;
	height: 45vh;
	text-align: left
}

.booking-center {
	margin: 0 auto;
	text-align: center;
	background: #ed1b24;
	margin-top: -2px;
	padding: 18px 0 21px
}

.booking-center h1 {
	background-color: #facd4c;
	font-size: 22px;
	padding: 16px 30px;
	letter-spacing: .2px;
	text-align: center;
	display: inline-block;
	font-weight: 700;
	color: #544f4f;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .12), 0 2px 4px 0 rgba(0, 0, 0, .08)
}

.enqurie-form {
	background: radial-gradient(circle at 10% 20%, rgba(239, 87, 87, 0.74) 0%, rgba(245, 123, 13, 0.74) 90.2%);
	border-radius: 3px;
	padding: 16px 32px 16px 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: 17.4px;
	color: #ffdb64;
	text-shadow: none;
	letter-spacing: .5px;
	font-family: 'DINPro Medium';
	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
}

.contact-vascon {
	text-align: right;
	border-radius: 6px;
	margin-bottom: 22px
}

.contact-vascon img {
	margin-top: -5px
}

.contact-vascon .fa {
	font-size: 1.6em;
	margin-right: 5px
}

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

.form-control {
	height: 38px;
	color: #fff;
	border: none;
	border-bottom: 1px solid #ccc!important;
	background: 0 0;
	padding: 0 14px;
	font-family: 'DINPro Medium';
	border-radius: 0;
	box-shadow: unset
}

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

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

.sold-out {
	background-color: rgba(211, 1, 38, .9);
	font-size: 13px;
	padding: 3px 6px;
	color: #fff;
	display: inline-block;
	margin-bottom: 4px
}

.media-carousel {
	margin-bottom: 0
}

.media-carousel .fa {
	font-size: 3em;
	color: #ffca7d
}

.media-carousel .carousel-control.left {
	background-image: none;
	top: 44%
}

.media-carousel .carousel-control.right {
	background-image: none;
	top: 44%
}

.media-carousel .carousel-indicators {
	right: 50%;
	top: auto;
	bottom: 0;
	margin-right: -19px
}

.media-carousel .carousel-indicators li {
	background: silver
}

.media-carousel .carousel-indicators .active {
	background: #333
}

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

.section-one {
	padding: 60px 0 0
}

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

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

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

.width-imglive {
	width: 96%
}

.text-spac p {
	line-height: 30px;
	font-size: 18px
}

.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: 43%!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: -6%;
	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: 43%!important;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	right: -6%;
	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: 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
}

.bg-blue {
	background-color: #21bde3
}

.bg-blue-new {
	background:radial-gradient(circle at 10% 20%, rgba(239, 87, 87, 0.74) 0%, rgba(245, 123, 13, 0.74) 90.2%);
}

.grey-bg {
	background-color: #f9f9f9
}

.bg-white {
	background-color: #fff
}

.pt-top {
	padding-top: 20px
}

.listingsec {
	padding: 26px 22px 0 0
}

.listingsec p {
	line-height: 22px;
	font-size: 16px;
	margin-bottom: 18px
}

.listingsec ul {
	padding-left: 0
}

.listingsec li {
	list-style: none;
	font-size: 13.1px;
	margin-bottom: 14.4px;
	font-weight: 700
}

.listingsec li:last-child {
	margin-bottom: 0
}

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

.text-about {
	float: left;
	width: 80%;
	display: block;
	letter-spacing: .4px;
	font-size: 15px
}

.redcolor {
	color: #dba480!important;
	margin-bottom: 13px!important;
	font-size: 44px!important
}

.redcolorapart {
	color: #d31f26!important;
	margin-bottom: 30px!important;
	font-weight: 700;
	font-family: 'Proxima Nova Semibold';
	font-size: 14px!important
}

.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
}

.amenities p {
	font-size: 18px;
	font-family: 'DINPro Medium';
	color: #fff
}

.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
}

.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
}

.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
}

.videotab {
	display: block
}

.tab .tab-content {
	padding: 0;
	margin-top: 20px;
	font-size: 17px;
	color: #fff;
	letter-spacing: 1px;
	line-height: 30px;
	background: 0 0;
	position: relative
}

.formobile {
	display: none
}

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

.mainbox {
	margin: 0 0 24px 0;
	padding: 0;
	text-align: left;
	min-height: 356px
}

.videobox {
	margin: 0;
	padding: 0
}

.mainbox h3 {
	color: #d31f26;
	font-size: 14px
}

.mainbox p {
	color: #414141;
	font-size: 14px;
	line-height: 22px
}

.media-coveragebg {
	background-color: #ac1c21;
	padding: 24px 0
}

.mediabox {
	padding: 24px 0
}

.mediabox h1 {
	text-align: left;
	color: #fff
}

.mediabox p {
	color: #fff;
	font-size: 14px;
	line-height: 24px
}

.min-height {
	min-height: 80px
}

.sakal {
	margin: 0 auto
}

.walk-throgh h2 {
	font-family: 'DINPro bold';
	font-size: 18px;
	text-align: center
}

.loc-text {
	font-size: 18px;
	line-height: 24px;
	padding-bottom: 18px;
	font-family: 'DINPro Light'
}

.loc-advantage {
	padding: 0 0 25px 25px;
	min-height: 400px
}

.loc-advantage h2 {
	margin-bottom: 24px;
	font-weight: 700;
	font-size: 24px;
	color: #52504f
}

.loc-advantage ul li {
	font-size: 18px;
	padding-bottom: 13px;
	line-height: 20px;
	margin-bottom: 12px;
	border-bottom: 1px solid #d0d0d0;
	font-family: 'DINPro Light'
}

.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
}

.img-vasconmaker {
	margin: 0;
	padding: 0;
	position: relative;
	cursor: pointer
}

.overlaybg {
	margin: 0;
	display: none;
	padding: 151.4px 0;
	position: absolute;
	top: 0;
	bottom: auto;
	left: 0;
	right: 0;
	background: rgba(187, 143, 50, .8)
}

.overlaybg img {
	display: block;
	margin: 0 auto
}

.img-vasconmaker:hover .overlaybg {
	display: block
}

.padding-topzero {
	padding-top: 0!important
}

.padding-btomzero {
	padding-bottom: 0!important
}

.bgwhitemakers {
	background-color: #fff
}

.makerssec {
	background-color: #fff;
	padding: 18px 0 0 40px
}

.makerssec h1 {
	text-align: left!important;
	margin-top: 28px!important;
	margin-bottom: 22px!important
}

.makerssec p {
	font-size: 14.4px;
	color: #000;
	line-height: 23px;
	margin-bottom: 22px;
	font-family: ProximaNovaRegular
}

.makerssec li {
	font-weight: 700!important;
	margin-bottom: 12.1px!important;
	line-height: 22px!important
}

.makerssec li:last-child {
	margin-bottom: 0!important
}

.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
}

.makerssec .circle {
	margin-top: 6px!important
}

.grayfooterbottom {
	margin: 0 auto;
	background-color: #292929;
	padding: 42px 0 10px
}

.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: 20px;
	right: 30px;
	background-color: transparent;
	z-index: 99;
	font-size: 18px;
	border: none;
	outline: 0
}

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

.table-area {
	margin: 20px 0 0 0;
	padding: 0
}

.table-area .table {
	background: #000;
	color: #fff
}

.table-area .table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
	padding: 8px;
	line-height: 1.42857143;
	vertical-align: top;
	border: 1px solid #ddd
}

.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
}

.btn-redback {
	background-color: #d3ad57!important;
	border-color: #d3ad57!important
}

.mobileenqurie-form {
	background: #948035;
	padding: 16px 32px 16px 32px;
	margin-top: -4px
}

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

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

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

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

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

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

.mobile-appointmentbtn {
	display: none;
	margin: 0 auto;
	padding: 0;
	position: fixed;
	bottom: 0;
	left: auto;
	cursor: pointer;
	right: auto;
	z-index: 999999;
	text-align: center;
	width: 100%
}

.mobile-appointmentbtn .btn {
	background-color: #1c474c!important;
	border: none;
	display: block;
	border-radius: 0;
	color: #fff!important;
	padding: 7px 0;
	font-size: 20px
}

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

.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
}

@media only screen and (max-width:767px) {
		.desktopbanner {
		display: none!important
	}
	.mobilebanner {
		display: block!important
	}
	.border_left {
		display: none!important
	}
	.border_right {
		display: none!important
	}
	.pay {
		font-size: 28px
	}
	.percent {
		font-size: 24px
	}
	.carousel-caption h2 {
		line-height: 24px;
		border: none!important
	}
	.pt-both {
		padding: 0 15px!important
	}
	.project-area br {
		display: none
	}
	.mt-36 {
		margin-top: 0!important
	}
	.br-top36 {
		border-top: none
	}
	.offer-img {
		width: 38%
	}
	.loc-text {
		padding: 0 12px
	}
	.social-vbhc {
		right: 4%!important
	}
	.attachment-medium {
		width: 100%;
		height: 250px
	}
	.mr-btm28 {
		margin-bottom: 28px!important
	}
	.logo-vbhc {
		left: 4%;
		width: 32%;
		top:2%;
		display: block;
	}
	.clr-phone {
		color: #000!important;
		font-family: 'DINPro Bold'
	}
	.fa-phone {
		color: #fec711!important;
		font-family: 'DINPro Bold'
	}
	.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
	}
	.pd-zero {
		padding: 0
	}
	.carousel-caption {
		position: relative;
		left: 0;
		bottom: 0;
		height: auto;
		margin-top: 0!important;
		padding-top: 0
	}
	.carousel-caption h2 {
		font-size: 20.4px
	}
	.font-40 {
		font-size: 28px!important
	}
	.project-area {
		border-right: none!important;
		border-bottom: 1px solid #fff!important;
		padding-bottom: 10px!important;
		text-align: center
	}
	.border-text {
		background-color: #000!important;
		margin-top: 0;
		padding: 26px 0;
		text-align: center
	}
	.section-one p {
		margin-top: 14px
	}
	#myBtn {
		bottom: 160px;
		right: 26px;
		display: none!important
	}
	.vbhc-hillview-loc {
		margin: 0
	}
	.arrow {
		bottom: 6%;
		left: 40%;
		display: none
	}
	.desktop-numb {
		display: none!important
	}
	.numb-mobile {
		display: block
	}
	.offer-button {
		font-size: 12px;
		top: 24px;
		left: 36%;
		padding: 3px 12px
	}
	.navbar-toggle {
		margin-top: 22px
	}
	.navbar-brand>img {
		display: block;
		width: 70%
	}
	.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: -8%!important
	}
	.floorplan-owl .owl-next {
		right: -8%!important
	}
	.typical-planslider .owl-prev {
		left: -16%!important
	}
	.typical-planslider .owl-next {
		right: -13%!important
	}
	.owl-prev {
		left: -2%!important
	}
	.owl-next {
		right: -4%!important
	}
	.text-width {
		width: auto!important
	}
	.text-width2 {
		width: auto!important
	}
	.width-imglive {
		width: 100%!important
	}
	.price-vbhc {
		margin-bottom: 24px!important
	}
	.icon-phonesec {
		margin-top: 40px;
		margin-right: 4px
	}
	.headervascon {
		padding: 7px;
		background: #696969!important
	}
	.font-33mobile {
		font-size: 32px!important;
		line-height: 36px!important
	}
	#tabs ul {
		display: block
	}
	.rera-numb p {
		font-size: 12px
	}
	.grayfooterbottom {
		padding-bottom: 64px
	}
	#tabs .nav-tabs a {
		padding: 10px 3px!important;
		font-size: 10px!important
	}
	#tabs .nav-tabs span {
		margin-left: 5px!important
	}
	.callbook p {
		font-size: 6.2px;
		line-height: 8px
	}
	.carousel-indicators {
		display: block
	}
	.booking-center {
		padding: 17px 0 13px
	}
	.booking-center h1 {
		font-size: 7px;
		padding: 8px 2px;
		line-height: 22px;
		display: block
	}
	.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
	}
	.listingsec {
		padding: 17px 0 24px 11px
	}
	.listingsec li {
		font-size: 12px;
		margin-bottom: 14px;
		line-height: 17px
	}
	.listingsec2 li {
		font-size: 12px;
		margin-bottom: 14px;
		line-height: 20px
	}
	.makerssec {
		padding-top: 24px;
		padding-left: 0
	}
	.makerssec h1 {
		margin-top: 0;
		text-align: center
	}
	.makerssec p {
		text-align: center
	}
	.btn-enq {
		display: none
	}
	.callbook a {
		display: inline-block;
		color: #fff;
		font-size: 9px
	}
	.booknow {
		background: #fff;
		padding: 5px 8px;
		margin: 0 0;
		font-size: 9px;
		color: #d31f26!important
	}
	.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
	}
	.overlaybg {
		padding: 131px 0
	}
	.overlaybg img {
		width: 186px
	}
	.mrgn-leftimg {
		margin-left: 32px
	}
	.privacytext {
		margin-bottom: 0
	}
	.nav>li>a {
		padding: 10px 9px
	}
	.tab .nav-tabs li a {
		font-size: 12.6px!important
	}
	.min-height {
		margin-top: 24px;
		min-height: 60px!important
	}
	.border-rightbox {
		border: none
	}
	.amenitiessec {
		padding: 20px 18px
	}
	.headingfont {
		font-size: 1.8em!important
	}
	.overertext {
		padding-top: 48px
	}
	.box-aminitis {
		min-height: 194px
	}
	.amenitieslist {
		padding: 46px 0 0 12px
	}
	.box-aminitis h4 {
		font-size: 13px
	}
	.padding-topnone {
		padding-top: 0!important;
		padding-bottom: 28px!important
	}
	.menu-button {
		margin-right: 14px
	}
	.redcolor {
		font-size: 30px!important
	}
	.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
	}
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) {
	.banner-vbhc {
		margin-top: 84px
	}
	.offer-button {
		top: 30px
	}
	.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 only screen and (min-width:1030px) and (max-width:1366px) {
	.number-captchatext {
		font-size: 12px
	}
	.project-area h2 {
		font-size: 36px
	}
	.project-area h3 {
		font-size: 17px
	}
	.maptext {
		padding-bottom: 44px
	}
	.border-text {
		position: relative;
		margin-top: 80px
	}
	.carousel-caption {
    bottom: 178px;
    left: 14%!important;
    right: 50px!important;
}
	.carousel-caption .form-control {
		height: 30px
	}
	.desktopbanner-1366 {
		display: block!important
	}
	.text-width {
		width: 92%!important
	}
}

@font-face {
	font-family: ProximaNovaRegular;
	src: url(fonts/ProximaNovaRegular.eot);
	src: local('fonts/ProximaNovaRegular'), url(fonts/ProximaNovaRegular.woff) format('woff'), url(fonts/ProximaNovaRegular.ttf) format('truetype')
}

.fontsforweb_fontid_58703 {
	font-family: ProximaNovaRegular!important
}

@font-face {
	font-family: proxima_novabold;
	src: url(fonts/proxima_nova_bold-webfont.woff2) format('woff2'), url(fonts/proxima_nova_bold-webfont.woff) format('woff');
	font-weight: 400;
	font-style: normal
}

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


/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on June 22, 2019 */

@font-face {
	font-family: cocogooseregular;
	src: url(fonts/cocogoose_trial-webfont.woff2) format('woff2'), url(fonts/cocogoose_trial-webfont.woff) format('woff');
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: 'Century Gothic Regular';
	font-style: normal;
	font-weight: 400;
	src: local('fonts/Century Gothic Regular'), url(fonts/GOTHIC.woff) format('woff')
}

@font-face {
	font-family: 'Century Gothic Italic';
	font-style: normal;
	font-weight: 400;
	src: local('fonts/Century Gothic Italic'), url(fonts/GOTHICI.woff) format('woff')
}

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

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


/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on June 22, 2019 */

@font-face {
	font-family: cocogooseregular;
	src: url(fonts/cocogoose_trial-webfont.woff2) format('woff2'), url(fonts/cocogoose_trial-webfont.woff) format('woff');
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: 'Century Gothic Regular';
	font-style: normal;
	font-weight: 400;
	src: local('fonts/Century Gothic Regular'), url(fonts/GOTHIC.woff) format('woff')
}

@font-face {
	font-family: 'Century Gothic Italic';
	font-style: normal;
	font-weight: 400;
	src: local('fonts/Century Gothic Italic'), url(fonts/GOTHICI.woff) format('woff')
}

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

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

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

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

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

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