*{margin:0px; padding:0px;}

/** Generated by FG **/
@font-face {
	font-family: 'Conv_GOTHAMBOOK';
	src: url('../fonts/GOTHAMBOOK.eot');
	src: local('☺'), url('../fonts/GOTHAMBOOK.woff') format('woff'), url('../fonts/GOTHAMBOOK.ttf') format('truetype'), url('../fonts/GOTHAMBOOK.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


body{overflow-x:hidden; font-family: 'Conv_GOTHAMBOOK';}

a{text-decoration:none; color:inherit;}
a:hover{text-decoration:none; color:inherit;}
p{font-family:Gotham;}
/*---Spaces---*/
        
.space2 {
  height:2px;
  clear:both;
}
.space3 {
  height:3px;
  clear:both;
}
.space5 {
  height:5px;
  clear:both;
}

.space10 {
  height:10px;
  clear:both;
}

.space15 {
  height:15px;
  clear:both;
}

.space20 {
  height:20px;
  clear:both;
}
.space25 {
  height:25px;
  clear:both;
}

.space30 {
  height:30px;
  clear:both;
}

.space35 {
  height:35px;
  clear:both;
}

.space40 {
  height:40px;
  clear:both;
}

.space45 {
  height:45px;
  clear:both;
}

.space50 {
  height:50px;
  clear:both;
}

.space55 {
  height:55px;
  clear:both;
}

.space60 {
  height:60px;
  clear:both;
}

.space65 {
  height:65px;
  clear:both;
  
}

.space70 {
  height:70px;
  clear:both;
}

.space75 {
  height:75px;
  clear:both;
}

.space80 {
  height:80px;
  clear:both;
}

.space85 {
  height:85px;
  clear:both;
}

.space90 {
  height:90px;
  clear:both;
}

.space95 {
  height:95px;
  clear:both;
}

.space100 {
  height:100px;
  clear:both;
}

.space110 {
  height:110px;
  clear:both;
}

.space120 {
  height:120px;
  clear:both;
}

.space150 {
  height:150px;
  clear:both;
}
/*---Navigation---*/
.navbar{
	padding:10px 15px;
	z-index:99;	
	margin:0 auto;
	transition: all  0.75s;
}
.navbar-brand{
	padding-right:45px;
}
.navbar-light .navbar-nav .nav-link{
	font-weight:300;
	font-size:15px;
	color:#282828;	
	transition:all 0.25s;
}
.navbar-text-color{
	font-weight:300;
	font-size:14px;
	color:#373737;
}
ul.navbar-nav{margin:0 auto;}

.navbar-text-color a{color:#373737;}
.navbar-text-color a:hover{color:#122b79; text-decoration:none;}
.navbar-light .navbar-nav .nav-link:hover{color:#122b79; font-size:15px;}
.navbar-expand-lg .navbar-nav .nav-link{
	padding-right: 0.75rem;
    padding-left: 0.75rem;
}
/*---banner---*/
/* .banner{height:100vh; width:100%; margin:0 auto; background:url(../img/banner.jpg) top center no-repeat; background-size:cover; z-index:9;} */
.banner{ width:100%; margin:0 auto; z-index:9; position:relative;}
.caption { background-color:#ffffffa6 ;top:40%; left:12%; z-index:99; padding:15px 50px; position:absolute;}
.caption .caption-heading{ font-size:30px; font-weight:600; color:#122b79;}
.caption .caption-text{ font-size:16px; font-weight:500; color:#2d2d2d;}
.caption .caption-line{ width:25%; border-top:3px solid #122b79;}
#home-banner .owl-nav .owl-prev{position:absolute; top:42%; left:40px; z-index:10;}
#home-banner .owl-nav .owl-next{position:absolute; top:42%; right:40px; z-index:10;}
/*---General---*/
.no-padding{padding:0px;}
.color-grey{color:#666;}
.color-white{color:#fff;}
.relative{ position:relative;}
.img-02{margin-top:-150px; margin-left:35px;}
.img-03{margin-top:-335px; margin-left:200px;}
.content-heading-00{ font-size:28px; font-weight:600; color:#fff;}
.content-heading-01{ font-size:28px; font-weight:600; color:#8e8671;}
.content-heading-02{ font-size:22px; font-weight:500; color:#27408e;}
.content-heading-03{ font-size:28px; font-weight:600; color:#8e8671;}
.content-text{ font-size:16px; color:#393939; line-height:22px;}
.bg-grey{background:#f0f0f0;}
.bg-grey1{background:#f0f0f0;}
.bg-grey1 .specs{ width:16%; float:left; border-right:1px solid #d7d5d0; color:#666666; font-size:16px; padding:0 8px;}
.specs{ width:20%; float:left; border-right:1px solid #d7d5d0; color:#666666; font-size:16px;}
.specs-icon{font-size:42px; color:#8e8671;}
.no-border{border:0 none !important;}
.bg-01{ background:#333; background-attachment:fixed; background-size:cover;}
.bg-02{ background:url(../img/bg-02.html) center center no-repeat; background-attachment:fixed; background-size:cover;}
.feature-outer{
	background:#fff;
	color:#122b79;
	font-size:15px;
	font-weight:500;
	position:relative;
	height:150px;
	cursor:pointer;
}
.feature-outer p{padding:30px;}
.feature-inner{
	position:absolute;
	width:50%;
	height:50%;
	background:#8e8671;
	transition:all 0.75s;
	bottom:0;
	right:0;
	text-align:Center;
}
.feature-outer:hover .feature-inner{	
	width:100%;
	height:100%;
	padding-top:15%;
}
.story-slider{width:710px; max-width:100%; margin:0 auto;}
.owl-carousel .owl-nav .owl-prev {
    position: absolute;
    top: 70px;
    left: -105px;
}
.owl-carousel .owl-nav .owl-next {
    position: absolute;
    top: 70px;
    right: -105px;
}
.owl-dots {
    position: absolute;
    bottom: -70px;
    text-align: center;
    width: 100%;
}
.owl-dot {
    width: 8px;
    height: 8px;
    background: #fff;
    display: inline-block;
    margin-right: 19px;
	transition:0.5s;
}
.owl-dot.active {
    width: 12px;
    height: 12px;
    background: #9c9584;
	transition:0.5s;
}
.main-fp{width:100%; margin:0 auto; padding:0 8%; }
.fp{position:relative; width:288px; margin-right:38px; display:inline-block; transition:0.5s; margin-bottom:30px; }
.fp:nth-child(3){margin-right:0px;}
.fp h3{position:absolute; top:40%; text-align:center; width:100%; color:#fff;}
.fp .hover-text{ background:#f0f0f0; font-size:12px; text-align:center; position:absolute; bottom:0; left:0; width:100%; height: 0;  transition:0.5s; box-shadow: 0 0 25px #ccc; border: 1px solid #999280; display:none;}
.fp .hover-text p strong{font-size:18px; line-height:22px; color:#666666; font-family:Gotham;}
.fp .hover-text p{font-size:14px; line-height:18px; margin-bottom:5px; padding:0; color:#323232;font-family:Gotham;}
.fp:hover .hover-text{height:100%; transition:0.5s; padding-top:28px; display:block;}
.download{text-align:center; width:100%;}
.brochure{border:1px solid #928a77; padding:10px 20px; color:#928a77; font-size:16px;}
.brochure i{margin-left:10px;}
.brochure:hover{border:1px solid #27408e; color:#27408e;}
#overview p{font-size:16px; line-height:22px; margin-bottom:10px; color:#666666; font-family:Gotham; text-align:justify;}
#overview .tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

#overview .tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}

#overview .tab button:hover {
  background-color: #ddd;
}
#overview .tab button.active {
  background-color: #ccc;
}
#overview .tabcontent {
  display: none;
  padding: 20px 20px 10px 20px;
  border: 1px solid #ccc;
  border-top: none;
}
#overview .tabcontent ul{margin-left:10px;}
#overview .tabcontent ul li{margin-bottom: 10px;}

.about img{ width:100%;}
.map{width:100%;}
.map img{width:100%;}

footer{background:#414141; padding:70px 0 50px 0; color:#ded9d0;}
footer h4 {    font-size: 22px; 	 font-family:Gotham;	 margin-bottom:28px;	 position:relative; padding-bottom: 20px;}
footer h4:after {
    content: '';
    width: 85px;
    height: 2px;
    background: #e3ded5;
    position: absolute;
    bottom: 0;
    left: 0;
}
footer p { font-size: 14px; line-height:24px; margin-bottom:5px;}
footer .foot-add { font-size: 14px; line-height:28px; width:55%; display:inline-block; vertical-align: top;}
footer .foot-add:nth-child(2n) {  width:43%;}
footer ul li{ list-style:none; display:inline-block; font-size:12px;}
footer ul li:nth-child(2n){ border-left:0px solid; }

.clear{clear:both;}



.gettouch {width: 250px;    position: fixed;    right: -250px; top: 50%;	margin-top: -150px;	z-index: 999;    background: #fff; border:1px solid #cbcbca}
.gettouch .close1{
	position: absolute;    
	left: -30px;    
	top: 0px;  
	background: #000 url(../img/enquire.jpg) no-repeat 0 0px;    
	width: 30px;  
	height: 140px; 
	cursor: pointer; 
	display: block;	
	border-top-left-radius: 5px;  
	border-bottom-left-radius: 5px;	
	opacity: 1 !important;}
.gettouch .open {    position: absolute;    left: -30px;    top: 0;    background: #000 url(../img/enquire.jpg) no-repeat 0 0;    width: 30px;    height: 140px; display:none;    cursor: pointer;	border-top-left-radius: 5px;    border-bottom-left-radius: 5px;}
.gettouch h3 {font-size:24px; font-weight:400;}
.enquiry-form-box { width: 100%; padding:20px;}
.form-group { width: 100%;}
.btn {
    padding: 3px 30px;
    background: #122b79;
    color: #fff;
    transition: all ease-in-out 0.3s;
}
.btn:hover { background: #8e8671; color: #fff; }

.custom-margin{margin-left:175px;}

.brochure-popup{position: absolute; top: 8%; background: #fff; width:50%; max-width:372px; margin: auto; left:0; right:0;   padding:30px;  z-index: 999;  height: auto;  transform: scale(0);  transition: all 0.5s ease;    text-align: left; border-radius:5px;}
.bg-popup{  position: fixed;  top: 0;  left: 0;  bottom: 0;  right: 0;  width: 100%;  height: 100%;    background: #000;   z-index: 999;  display: none; opacity:0.7;}
.close-popup{ color: #333;   position: absolute;  top: 10px;  right: 20px;  cursor: pointer;}


span#msg {
    display: block;
    text-align: center;
    margin: 0 0 20px;
}
span#msg span{font-size:16px !important;}
#brochure_id{margin-bottom:20px; display: block;}

/* responsive start */

@media (max-width: 1199px) {
.fp {
    width: 30%;
    margin-right: 3%;
	margin-bottom:20px;
}
.fp img{ width: 100%;}
.navbar-text-color {
    width: 30%;
}
.custom-margin{margin-left:0px;}
.navbar{width:100%;}
.navbar-nav{ margin-left:5%;}
.navbar-text-color{margin-left:8% !important; width:100%;}
}
@media (max-width: 992px) {
.story-slider {width: 90%;}
.owl-carousel .owl-nav .owl-next {
    right: -60px;
}
.owl-carousel .owl-nav .owl-prev {
    left: -60px;
}
.fp {
    width: 48%;
    margin-right: 2%;
}
.fp:nth-child(even) {
    margin-right: 0;
}
.main-fp {
    padding: 0%;
}
div#navbarSupportedContent {
    position: absolute;
    top: 90px;
    background: #fff;
    width: 100%;
    left: 0;
    z-index: 9;
}

span.navbar-text-color {
    margin-left: 12px;
    margin-bottom: 10px;
    display: block;
}
.custom-margin{margin-left:0px;}
.navbar{width:100%;}
.navbar-nav{ margin-left:5%;}
.navbar-text-color{margin-left:8% !important; width:100%;}
}
@media (max-width: 768px) {
.container {
    max-width: 90% !important;
}
.specs { width: 33%; min-height: 144px;}
.bg-grey1 .specs { width: 33%; min-height: 144px;}
.specs:nth-child(4n) { border-right:none;}

.owl-carousel .owl-nav  {
    display:none;
}
.foot-desg{margin-bottom:20px; border-bottom:1px solid #9e9686; padding-bottom:20px}

.custom-margin{margin-left:0px;}
.navbar{width:100%;}
.navbar-nav{ margin-left:5%;}
.navbar-text-color{margin-left:8% !important; width:100%;}
.caption{
	display:none;
}
.navbar-collapse{
	background-color:#000 !important;
}
.inner-column{
	padding-left:0px !important
}
}


@media (max-width: 767px) {

.custom-margin{margin-left:0px;}
.navbar{width:100%;}
.navbar-nav{ margin-left:5%;}
.navbar-text-color{margin-left:8% !important; width:100%;}
}


@media (max-width: 680px) {
.owl-carousel .owl-nav .owl-next img, .owl-carousel .owl-nav .owl-prev img {
    width: 80%;
}
.custom-margin{margin-left:0px;}
.navbar{width:100%;}
.navbar-nav{ margin-left:5%;}
.navbar-text-color{margin-left:8% !important; width:100%;}
}
@media (max-width: 560px) {
.fp {
    width: 98%;
    margin-right: 0;	
}
.fp:hover .hover-text{padding-top:20%;}
.custom-margin{margin-left:0px;}
.navbar{width:100%;}
.navbar-nav{ margin-left:5%;}
.navbar-text-color{margin-left:8% !important; width:100%;}
}
@media (max-width: 540px) {
.owl-carousel .owl-nav .owl-next img, .owl-carousel .owl-nav .owl-prev img {
    width: 60%;
}
.owl-carousel .owl-nav .owl-next {
    right: -60px;
}
.owl-carousel .owl-nav .owl-prev {
    left: -20px;
}
.fp {
    width: 98%;
    margin-right: 0;
}
.custom-margin{margin-left:0px;}
.navbar{width:100%;}
.navbar-nav{ margin-left:5%;}
.navbar-text-color{margin-left:8% !important; width:100%;}
}

@media (max-width: 480px) {
.gettouch .open, .gettouch .close1{display:none !important;}
.gettouch {  width: 100%;  right: 0 !important;   top: inherit;  bottom: 0; border-top: 2px solid #cbcbca  !important;}
.form-group { width: 48%; display: inline-block;  vertical-align: top;   margin-right: 1%;}
textarea.form-control {  height: 38px;}
.bg-grey{padding:0 6px;}
.banner {}
.owl-carousel .owl-item img { display: block;  width: 100%;  height: 340px;  object-fit: contain;}
#overview .tab button{ padding: 10px 8px !important;  font-size: 13px !important;}
#myModal1 .form-group{width:100% !important;}
.content-heading-01{font-size:20px;}
.content-heading-02 {font-size: 18px;}
}

@media (max-width: 414px) {
.owl-carousel .owl-nav .owl-next img, .owl-carousel .owl-nav .owl-prev img {
    width: 40%;
}
.owl-carousel .owl-nav .owl-next {
    right: -82px;
}
.owl-carousel .owl-nav .owl-prev {
    left: -20px;
}

.fp:hover .hover-text{padding-top:10%;}

.caption{padding:20px;}
.caption-heading{font-size:20px;}
.content-heading-00 {
    font-size: 22px;
}
.specs {  width: 50%; border-right: none; border-left: 1px solid #d7d5d0;}
.bg-grey1 .specs {  width: 50%; border-left: 1px solid #d7d5d0;}
.feature-outer {
    font-size: 18px;
}
.navbar-brand {
    padding-right: 27px;
}
.content-heading-02 br{display:none;}
.custom-margin{margin-left:0px;}
.navbar{width:100%;}
.navbar-nav{ margin-left:5%;}
.navbar-text-color{margin-left:8% !important; width:100%;}

}

@media (max-width: 375px) {
.bg-grey{font-size:14px;}
.feature-outer p {
    padding: 20px;
}
}


.close{text-align:right; margin-right:10px;}
.about-section-two {
    position: relative;
    padding: 50px 0px 50px;
}
.auto-container {
    position: static;
    padding: 0px 15px;
    margin: 0 auto;
}
.about-section-two .content-column {
    position: relative;
    margin-bottom: 30px;
}
.about-section-two .content-column .inner-column {
    position: relative;
    padding-left: 50px;
}
.about-section-two .content-column h1 {
    position: relative;
    color: #2a2a2a;
    font-size: 36px;
    font-weight: 600;
    line-height: 1.3em;
    margin-bottom: 30px;
}
.about-section-two .content-column .text {
    position: relative;
    color: #666666;
    font-size: 16px;
    line-height: 1.8em;
    margin-bottom: 25px;
}
.btn-style-three {
    position: relative;
    padding: 11px 25px;
    line-height: 24px;
    text-transform: uppercase;
    background: none;
    color: #c08831;
    border: 1px solid #c08831;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    font-family: 'Montserrat', sans-serif;
}
.theme-btn {
    display: inline-block;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
.property-info {
    position: relative;
    border-right: 1px solid #e6e6e6;
    height: 195px !important;
	border-bottom: 1px solid #e6e6e6;
	border-top: 1px solid #e6e6e6;
}
.property-info .inner {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
    height: 100%;
    text-align: center;
    width: 100%;
}
.property-info .inner .total {
    position: relative;
    color: #232323;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.2em;
    font-family: 'Montserrat', sans-serif;
}
.property-info .inner .title {
    position: relative;
    color: #232323;
    font-size: 14px;
    margin-bottom: 5px;
    font-family: 'Montserrat', sans-serif;
}
/***************/
		
		.whtsp {
			top: 45%;
			float: right;
			margin-left: 87%;
			z-index: 999;
			position: fixed;
			margin-top: 00px;
		}
		
		.whtsp button {
			border-radius: 5px;
		}
		
		.whtsp {
			display: none;
		}
		
		@media only screen and (max-width: 575px) {
			.whtsp {
				display: block;			}
		}
		.mybtn {
			/*padding:15px !important;*/
		}
		.submitbtnpop:hover {
			background-color:#ffffff !important;
			color:#000000 !important;
		}
		.modalcontent{
			text-align:center;
			padding-top:2%;
			color:#ffffff;
			font-size:28px;
			font-weight:600;
			
		}
		.fa-check-circle-o{
			line-height:34px;
			font-size:16px;
		}
		.shadowbox{
			
 box-shadow: 10px 10px 10px #000000;
 margin-top:8%;
		}
		.onimgnumber:hover{
			background-color:#ffffff;
			color:#000000 !important;
			transition:1s;
		}
		
