.default { height:40px; display:block;}
.fixed {position: fixed;top: 0px; z-index:999;}
.project_navigation{ background:#333; width:100%; margin:0 auto;}
.in-nav{width:90%; margin:0 auto;}
.small-logo{ padding:3px 0; margin:0; float:left;  }
.small-logo img{ float:left;} 
.small-logo  h3{font-size:14px; text-transform:uppercase; color:#FFF;  float:left; padding:10px;}
.small-logo  h3 span{font-size:14px; text-transform:none; color:#a7bf40;  }
.project_navigation ul{   float:right; list-style:none; margin:0px;  padding:10px 0; /*background-color:#000000;*/  *+overflow-x: visible !important;   }
.project_navigation ul li{ margin:0px; padding:0px 15px; }
.project_navigation ul li{ float:left;  list-style:none; /*background-color:#999999;*/ position:relative; /* width:150px; height: 50px; padding:10px;*/ zoom:1;  }
.project_navigation ul li{ -webkit-transition: .2s all linear; -moz-transition: .2s all linear; -o-transition: .2s all linear;   font-size:14px; text-transform:uppercase; color:#333333; background:url(../images/divider.gif) no-repeat right;}
.project_navigation ul li:last-child{ background:none;}
.project_navigation ul li a{color:#CCC; text-decoration:none; text-align:left; font-size:12px;     letter-spacing: normal; text-transform: uppercase;}
.project_navigation ul li a:hover{color:#a7bf40; }
.project_navigation ul li:hover{ color:#a7bf40!important }
.project_navigation ul li a.active{color:#a7bf40!important}

	.overview   { float: left;    width: 100%;  display: block;}

  .pro-plans{margin: 0 34% !important;   width:100%;       float: none;}

.overview-left{width:55%; height:723px;  float:left; background:url(../images/bg-project.png) right no-repeat ; position:relative; left:0; z-index:9;}
.overview-contain{ display:block; padding:0 30% 0 8.5%;}
.overview-right{ float:right; width:1115px; position:absolute; right:0;   }
.topalign{top:226px;}
.overview-left h3{ text-transform:uppercase; color:#a7bf40; font-size:34px;  line-height:30px; text-align:left; margin-top:50px; margin-bottom:10px; margin-left:0px;}
.overview-left p{padding: 5px 0 5px 0; color:#000;font-size: 16px; text-align:justify;line-height: 25px; }
.overview-left ul{width:100%; float:left }
.overview-left ul li{    padding: 0px 0 5px 0;    color: #000;    font-size: 16px;    text-align: justify;    line-height: 25px;    list-style: disc;    margin: 0 0 0 20px;}

.maininner{position:relative;}
.breadcram{font-size:14px; text-transform:uppercase; color:#a7bf40;  margin-top:60px;}
.breadcram a{font-size:15px; text-transform:uppercase; color:#9a9a9a; text-decoration: none;}
.breadcram a:hover{ color:#000;}
.breadcram span{ font-size:13px;}
.breadcram1{font-size:14px; text-transform:uppercase; color:#c99b5b;  margin:5% 0% 0% 3%;}
.breadcram1 span{ color:#333;}
.list {list-style: disc;padding-left: 20px;color:#CCC;text-align:justify;}
.list li {color:#CCC;padding: 3px 0 3px 0;font-size: 16px; text-align: left;line-height: 25px;}

.modal-box {  display: none;  position:fixed;  z-index: 999999;  width: 100%; top:0; margin:5% 0;}
.modal-box .modal-body { padding: 2em 1.5em;  background:#FFF;  border-bottom: 1px solid #aaa;  border-radius: 4px;  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);  border: 1px solid rgba(0, 0, 0, 0.1);  background-clip: padding-box; margin:0 auto; max-width:800px; position:relative; width:85%;}
.modal-overlay {  opacity: 0;  filter: alpha(opacity=0);  position:fixed;  top: 0;  left: 0;  z-index:99999;  width: 100%;  height: 100%;  background: rgba(0, 0, 0, 0.9) !important;}
a.close {  line-height: 1;  font-size: 3.5em;  position: absolute;  top: 0%;  right: 2%;  text-decoration: none;  color: #333;   }
a.close:hover {  color: #666;  -webkit-transition: color 1s ease;  -moz-transition: color 1s ease;  transition: color 1s ease;}	

.overview-contaner{width:70%; margin: 0 auto; }
.overview-contaner ul{ margin: 50px 0; width: 100%; float: left;}
.overview-contaner ul li{width:20%; float: left; position: relative; text-align: center; }
.overview-contaner ul li.bi{width:25%;}
.overview-contaner ul li p{ color: #666666; font-size: 16px; margin-top: 10px;}
.overview-contaner ul li.divi{ width: 5%; text-align: center;}

.image-gallery { width: 100%;    overflow: hidden}
.image-gallery h3{ text-transform:uppercase; color:#c99b5b; font-size:36px;  line-height:30px; text-align:center; margin-top:50px; margin-bottom:10px; margin-left:0px;}
.image-gallery  button{border: 0; background: none;}
.image-gallery-container {  position: relative;   margin: 0 -5px}

.over-li {width: 30% !important;}

.mob-gall-btn{ display: none;}
.caption-1{position: absolute;top: 9px;right: 0em;background: #c59d53;padding: 5px 14px;width: 144px;}
.caption-1 p{color:#fff;}
@media only screen and (min-width: 0px) and (max-width: 479px){
.overview-contain {padding: 5%!important;}
.overview-left h3 {font-size: 22px!important;line-height: 25px!important;margin-top: 10px!important;}
.overview-left p {font-size: 14px;text-align: left;}
.list li {font-size: 14px;text-align: left;}
.overview-contaner ul li p {font-size: 14px;}
.image-gallery h3 {font-size: 22px;margin-top: 0px;}
.amenities h3 {font-size: 22px!important;margin-top: 0px!important;}
.amenities li {font-size: 14px!important;}
.location .module-item.body-item .inner h3 {font-size: 22px!important;line-height: 25px!important;margin-top: 0px!important;}
.location .module-item.body-item .inner .line { margin: 0 auto 15px auto!important;}
.location .module-item.body-item .inner li {font-size: 14px!important;line-height: 15px!important;}
.gallery .gallery-inner h3 {font-size: 22px!important;line-height: 25px!important;margin-top: 0px!important;}
.caption-1{width: 114px;top: 12px;}
.caption-1 p {font-size: 11px;}
}
@media screen and (min-width: 480px) {   .image-gallery-container {height: 400px}}

@media screen and (min-width: 1024px) {    .image-gallery-container {height: 750px }}

.image-gallery-modal {    display: none;    position: fixed;    top: 0;    left: 0;    width: 100%;    height: 100%;    overflow: hidden;    background: #000;    z-index: 1013;    opacity: 0}
.image-gallery-modal-img {    position: absolute; z-index: 999; width: 100%; height: 100%;    top: 0;    left: 0;    max-width: none;    cursor: url("../images/close-cursor.png") 46 46, none}
.image-gallery-modal-btn {    position: absolute;    top: 10px;    right: 10px;    padding: 5px;    line-height: 1;    color: #fff;    border-radius: 100%;    background-color: rgba(0, 0, 0, 0.5)}
.image-gallery-modal-title {    margin-top: 0;    font-size: 1.5625em;    line-height: 1.1;    text-transform: uppercase}
.image-gallery-modal-text {    display: none}

@media screen and (min-width: 480px) {
	.image-gallery-modal-text { display: block; position: absolute; bottom: 0; left: 0; width: 100%; padding: 20px; background: rgba(0, 0, 0, 0.5);  color: #fff    }
    .image-gallery-modal-text p { color: #dce0e4    }
    .image-gallery-modal-text p:last-child {        margin-bottom: 0    }
}

@media screen and (min-width: 1024px)
{    
	.image-gallery-modal-text {        bottom: 40px;        width: 40%;        padding: 35px 60px    }
}
.no-touchevents .image-gallery-modal-btn {    display: none}
.image-gallery-modal.active {    display: block}
.image-gallery-item {    padding: 5px}
.image-gallery-item-bg {    display: block;    width: 100%;    height: 100%;    background-position: center;    background-size: cover;    background-blend-mode: multiply;    -webkit-transition: background-color .3s ease;    transition: background-color .3s ease}
.image-gallery-item-icon {    display: none}

@media screen and (max-width: 479px) 
{ 
.image-gallery-item {  float: left; width: 50%; height: 200px    }

}

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

.image-gallery-item-icon { position: absolute; display: block; top: 50%; left: 50%; width: 60px; height: 60px; margin: -30px 0 0 -30px; color: #fff; opacity: 0; -webkit-transform: scale(0.8);  transform: scale(0.8);  -webkit-transition: -webkit-transform .3s ease, opacity .3s ease; transition: transform .3s ease, opacity .3s ease    }
.image-gallery-item-icon .icon { width: 60px; height: 60px    }
.icon svg {    display: block;    width: 100%;    height: 100%;  fill: currentColor;}
.image-gallery-item:hover .image-gallery-item-bg { background-color: #4769bf    }
.image-gallery-item:hover .image-gallery-item-icon { opacity: 1; -webkit-transform: scale(1); transform: scale(1)    }

}

@media screen and (min-width: 480px) 
{
	
.image-gallery-4 .image-gallery-item { position: absolute;  top: 0;  left: 0;   width: 33.33333%;   height: 100%    }
.image-gallery-4 .image-gallery-item:nth-child(6n+2) {  left: 33.33333%;   height: 60% }
.image-gallery-4 .image-gallery-item:nth-child(6n+3) {  left: 33.33333%;   top: 60%;  height: 40%  }
.image-gallery-4 .image-gallery-item:nth-child(6n+4) { left: 66.66667%  }

}




.amenities{width:90%; max-width: 900px; margin: 50px auto;}
.amenities p{font-size: 16px; color:#000; text-align: center; padding: 5px 0 5px 0; text-transform: uppercase; letter-spacing: 1px}
.amenities h3{text-transform:uppercase; color:#a7bf40; font-size:36px;  line-height:30px; text-align:center; margin-top:10px; margin-bottom:10px; margin-left:0px;}
.amenities .line{background:#a7bf40; width: 30%; height: 1px; margin:0 auto 20px auto;}
.amenities ul{list-style: disc; padding-left: 20px; color:#666; text-align:justify; width: 45%;  float: left; }
.amenities ul.first{ border-right: 1px solid #a7bf40; margin: 0 5% 20px 5%; }
.amenities li {color: #666;padding: 3px 0 3px 0;font-size: 16px; text-align: left;line-height: 25px;}

.amenities ul h2 {color: #666;padding: 3px 0 3px 0;font-size: 20px; text-align: left;line-height: 25px;}

.floorplan{width:100%;   padding: 5% 0; background:#e8e8e8; }
.floorplan .innerfloor{width:100%; max-width: 900px; margin: 0px auto;}
.floorplan p{font-size: 16px; color:#000; text-align: center; padding: 5px 0 5px 0; text-transform: uppercase; letter-spacing: 1px}

.location {   display: table;   table-layout: fixed;   width: 100%; overflow:hidden;  }
.location .module-item {    display: table-cell;   vertical-align: middle;   width: 50% }
.location .module-item img{ width:100%;}
.location .module-item.body-item .inner {     padding:5% 10%; float: left; width: 100%;}
.location .module-item.body-item .inner p{font-size: 16px; color:#CCC; text-align: center; padding: 5px 0 5px 0; text-transform: uppercase; letter-spacing: 1px}
.location .module-item.body-item .inner h3{text-transform:uppercase; color:#a7bf40; font-size:36px;  line-height:30px; text-align:center; margin-top:10px; margin-bottom:10px; margin-left:0px;}
.location .module-item.body-item .inner .line{background:#9d7b50; width: 30%; height: 1px; margin:0 auto 20px auto;}
.location .module-item.body-item .inner ul{  color:#CCC; text-align:justify; width: 50%; padding-left: 3%; margin:0 auto; }
.location .module-item.body-item .inner ul.first{ border-right: 1px solid #9d7b50; margin: 0 5% 0 0; }
.location .module-item.body-item .inner li {color: #CCC;padding: 3px 0 3px 0;font-size: 16px; text-align: center;line-height: 25px;}

.gallery{ width:100%; background: url(../images/bg-vedio.jpg) no-repeat; float:left; padding: 50px 0;}
.gallery .gallery-inner{ width:900px; margin: 0 auto;}
.gallery .gallery-inner p{font-size: 16px; color:#FFF; text-align: center; padding: 5px 0 5px 0; text-transform: uppercase; letter-spacing: 1px}
.gallery .gallery-inner h3{text-transform:uppercase; color:#a7bf40; font-size:36px;  line-height:30px; text-align:center; margin-top:10px; margin-bottom:10px; margin-left:0px;}
.gallery .gallery-inner h5{text-transform:uppercase; color:#a7bf40; font-size:25px;  line-height:30px; text-align:center; margin-top:10px; margin-bottom:10px; margin-left:0px;}
.gallery .gallery-inner .line{background:#9d7b50; width: 30%; height: 1px; margin:0 auto 20px auto;}
.tabs-menu {   padding-top: 15px;  height: 30px; text-align: center;    clear: both;}
.tabs-menu li {    height: 30px; text-transform: uppercase; font-size: 16px;  line-height: 30px; border: none; display: inline-block;  margin-right: 10px; color: #999999;}
.tabs-menu li.current {    position: relative;   color:#c99b5b;   z-index: 5;}
.tabs-menu li a {    padding: 0;    text-transform: uppercase;    color: #999999;    text-decoration: none; }
.tabs-menu .current a {   color:#c99b5b; }
.tab {  width: 100%; height:100%;      float: left; }
.tab-content {width: 100%;  display: none; }
#tab-1 { display: block;  }
.tab-content form{  border: 1px solid #c99b5b; padding: 20px; width: 500px; text-align: center; margin: 0 auto;}
.tab-content input{ color: #FFF; border: 1px solid #c99b5b; height: 30px; padding: 0 15px; background: transparent;width: 100%;margin: 5px;}
.tab-content .btn-sub{color: #FFF;  border: 1px solid #c99b5b; height: 30px; padding: 0 15px; background: transparent;width: 150px;margin: 5px;}

.videoWrapper {	position: relative;	padding-bottom: 56.25%; /* 16:9 */	padding-top: 25px;	height: 0;width:100%;}
.videoWrapper video {	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;}
.videoWrapper iframe {	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;}


.scroll-panel{height:360px; }

@media only screen and (min-width: 0px) and (max-width: 1000px)
{
	
.mob-gall-btn{ display: block;}	
.mob-gall-btn a{display: block;background-color: #000;width: auto;height: auto;position: absolute;z-index: 9999;top: 25px; padding: 10px; color: #fff; text-decoration: none;}		
.project_navigation{ display:none !important;}
.overview-left{width:100%;  position:static; height:auto;    background: #fff;}
.overview-left h3{font-size: 26px;line-height: 30px; margin-top: 15px; }
.overview-contain{padding:20px;}
.overview-right{width:100%; position:static; }
.breadcram {margin-top: 10px;}
.overview-contaner ul li{width:100%; margin: 10% 0;}
.overview-contaner ul li.bi{width:100%;}
.overview-contaner ul li.divi{ display: none;}
.over-li {width: 100% !important;}
.amenities ul { padding-left: 20px; width: 100%;}
.amenities ul.first {    border-right: 0px solid #9d7b50;    margin: 0 5% 0 0%;}
.location .module-item {   display: flex; width: 100%;}
.location .module-item.body-item .inner ul.first {    border-right: 0px solid #9d7b50;    margin: 0 5% 0 0;}
.location .module-item.body-item .inner ul {width: 100%;   padding-left: 20px;}	
.floorplan {    width: 100%;    padding: 20% 0;}	
.gallery .gallery-inner {    width: 100%;    margin: 0 auto;}
.tab-content form { width: 90%;    text-align: center;    margin: 0 auto;}
.scroll-panel{height:auto; }

.pro-plans {
margin: 0 auto!important;}
.overview-left ul li{font-size:14px;}

}

	
@media only screen and (min-width: 800px) and (max-width: 990px)
{

}	
@media only screen and (min-width: 0px) and (max-width: 800px)
{

}
	
@media only screen and (min-width: 0px) and (max-width: 480px)
{

}	

@media only screen and (min-width: 1000px) and (max-width: 1200px){

.project_navigation{ display:none !important;}
.overview-left{width:100%;  position:static; height:auto;  background:#fff;}
.overview-left h3{font-size: 26px;line-height: 30px; margin-top: 15px; }
.amenities h3 {font-size: 26px;}
.amenities ul{padding: 0 40px;}
.overview-contain{padding:20px;}
.overview-right{width:100%; position:static; }
.breadcram {margin-top: 10px;}
.overview-contaner{ width: 90%}	
.overview-contaner ul li{width:20%; margin: 0;}
.overview-contaner ul li.bi{width:30%;}	
.overview-contaner ul li.divi{width:3%;}
.location .module-item img{ width:100%;}
.location .module-item.body-item .inner ul.first {    border-right: 0px solid #9d7b50;    margin: 0 5% 0 0;}
.location .module-item.body-item .inner ul {   padding-left: 20px;width: 60%;}
.location .module-item.body-item .inner li {text-align: center;   }	
.floorplan {    width: 100%; padding: 5% 0;}	
.gallery .gallery-inner {    width: 100%;    margin: 0 auto;}
.tab-content form { width: 90%;    text-align: center;    margin: 0 auto;}	
.scroll-panel{height:auto; }
.pro-plans {margin: 0 0 0 0 !important;width: 100%;}
.floorplan p{text-align:left}
}

@media only screen and (min-width: 1201px) and (max-width: 1280px)
{
.overview-left p {font-size: 14px;text-align: left;}
.in-nav{width:93%; margin:0 auto;}
.project_navigation ul{ width:700px;padding: 6px 0; }
.project_navigation ul li{ padding:0px 10px; }
.topalign{top:176px;}
.overview-right {width: 720px;}
.breadcram {margin-top: 60px;}
.overview-contaner{ width: 90%}	
.overview-contaner ul li{width:20%; margin: 0;}
.overview-contaner ul li.bi{width:30%;}	
.overview-contaner ul li.divi{width:3%;}
.location .module-item.body-item .inner ul.first {    border-right: 0px solid #9d7b50;    margin: 0 5% 0 0;}
.location .module-item.body-item .inner ul {   padding-left: 20px;}
.location .module-item.body-item .inner li {padding: 2px 0 2px 0; font-size: 14px; text-align: center;  line-height: 16px;}
.location .module-item.body-item .inner h3 {font-size: 28px;}	
.floorplan {    width: 100%;    padding: 5% 0;}		
.scroll-panel{height:auto; }
.overview-left {  width: 65%;height: 545px;}
.overview-left h3{font-size: 30px;margin-top: 25px;}
.pro-plans {margin: 0 0% 0 37% !important;
width: 84%;}
	
}

@media only screen and (min-width: 1281px) and (max-width: 1366px)
{
.overview-left p {font-size: 14px;text-align: left;}
.in-nav{width:93%; margin:0 auto;}
.project_navigation ul{ width:700px;padding: 6px 0; }
.project_navigation ul li{ padding:0px 10px; }
.topalign{top:176px;}
.overview-right {width: 800px;}
.breadcram {margin-top: 60px;}
.overview-contaner{ width: 90%}	
.overview-contaner ul li{width:20%; margin: 0;}
.overview-contaner ul li.bi{width:30%;}	
.overview-contaner ul li.divi{width:3%;}
.location .module-item.body-item .inner ul.first {    border-right: 0px solid #9d7b50;    margin: 0 5% 0 0;}
.location .module-item.body-item .inner ul {   padding-left: 20px;}
.location .module-item.body-item .inner li {padding: 2px 0 2px 0; font-size: 14px; text-align: center;  line-height: 16px;}
.location .module-item.body-item .inner h3 {font-size: 28px;}	
.floorplan {    width: 100%;    padding: 5% 0;}		
.scroll-panel{height:auto; }
.overview-left h3 {    font-size: 30px;  line-height: 30px;   margin-top: 20px;  margin-bottom: 0px;	}
.overview-left {  width: 60%;height: 553px;}
.pro-plans {
margin: 0 0% 0 34% !important;}

}


@media only screen and (min-width: 1367px) and (max-width: 1440px)
{
.overview-left p {font-size: 14px;text-align: left;}
.in-nav{width:93%; margin:0 auto;}
.project_navigation ul{width: 600px;
padding: 6px 0; }
.project_navigation ul li{ padding:0px 10px; }
.topalign{top:178px;}
.breadcram {margin-top: 60px;}
.overview-contaner{ width: 90%}	
.overview-contaner ul li{width:20%; margin: 0;}
.overview-contaner ul li.bi{width:30%;}	
.overview-contaner ul li.divi{width:3%;}
.location .module-item.body-item .inner ul.first {    border-right: 0px solid #9d7b50;    margin: 0 5% 0 0;}
.location .module-item.body-item .inner ul {   padding-left: 20px;}
.location .module-item.body-item .inner li {padding: 2px 0 2px 0; font-size: 14px; text-align: center;  line-height: 16px;}
.location .module-item.body-item .inner h3 {font-size: 28px;}	
.floorplan {    width: 100%;    padding: 5% 0;}		
.scroll-panel{height:auto; }
	
}

@media only screen and (min-width: 1441px) and (max-width: 1600px)
{
.amenities h3 {font-size: 26px;}
.image-gallery h3 {font-size: 26px;}
.gallery .gallery-inner h3 {font-size: 26px;}
.overview-left h3 {font-size: 26px;    margin-top: 30px;}
.location .module-item.body-item .inner ul.first {    border-right: 0px solid #9d7b50;    margin: 0 5% 0 0;}
.location .module-item.body-item .inner ul {   padding-left: 20px;}
.location .module-item.body-item .inner li {padding: 2px 0 2px 0; font-size: 14px; text-align: center;  line-height: 16px;}
.location .module-item.body-item .inner h3 {font-size: 26px;}
.list li {font-size: 15px;}
.project_navigation ul{padding: 5px 0;}
.topalign { top: 223px;}
.overview-left p{font-size: 14px;}
.amenities {
width: 85%;}
 
}

@media only screen and (min-width: 1601px) and (max-width: 1660px){
.topalign { top: 224px;}
.project_navigation ul{padding: 8px 0;}

}