*{

	margin:0;

	padding:0;

	box-sizing:border-box;

}

@font-face {

    font-family: 'lato';

    src: url('fonts/lato/Lato-Regular.woff2') format('woff2'),

         url('fonts/lato/Lato-Regular.woff') format('woff'),

         url('fonts/lato/Lato-Regular.eot') format('eot'),

         url('fonts/lato/Lato-Regular.ttf') format('truetype format'),;

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'latolight';

    src: url('fonts/lato/Lato-Light.woff2') format('woff2'),

         url('fonts/lato/Lato-Light.woff') format('woff'),

         url('fonts/lato/Lato-Light.eot') format('eot'),

         url('fonts/lato/Lato-Light.ttf') format('truetype format');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'latoblack';

    src: url('fonts/lato/lato-Black.woff2') format('woff2'),

         url('fonts/lato/lato-Black.woff') format('woff'),

         url('fonts/lato/Lato-Black.eot') format('eot'),

         url('fonts/lato/lato-Black.ttf') format('truetype format');

    font-weight: normal;

    font-style: normal;

}



@font-face {

  font-family: 'bookantiqua';

  src:url('fonts/bookantiqua/BookAntiqua.eot?#iefix') format('embedded-opentype'),

	  url('fonts/bookantiqua/BookAntiqua.woff') format('woff'),

	  url('fonts/bookantiqua/BookAntiqua.ttf')  format('truetype'),

	  url('fonts/bookantiqua/BookAntiqua.svg#BookAntiqua') format('svg');

  font-weight: normal;

  font-style: normal;

}



@font-face {

  font-family: 'baskerville';

  src: url('fonts/baskerville-bt/BaskervilleBT-Italic.eot?#iefix') format('embedded-opentype'),

  	url('fonts/baskerville-bt/BaskervilleBT-Italic.woff') format('woff'),

  	url('fonts/baskerville-bt/BaskervilleBT-Italic.woff2') format('woff2');

  font-weight: normal;

  font-style: normal;

}



@font-face {

  font-family: 'greatvibes';

  src:url('fonts/great-vibes/GreatVibes-Regular.eot?#iefix') format('embedded-opentype'),

	  url('fonts/great-vibes/GreatVibes-Regular.woff') format('woff');

  font-weight: normal;

  font-style: normal;

}



@font-face {

  font-family: 'Adonis';

  src: url('fonts/adobis/Adonis.eot') format('embedded-opentype'),

  url('fonts/adobis/Adonis.woff') format('woff');

  font-weight: normal;

  font-style: normal;

}


@font-face {
  font-family: 'MinionPro-Bold';
  src: url('fonts/minionpro-blod/MinionPro-Bold.eot') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
	font-family: 'MinionPro-Bold';
	src:  url('fonts/minionpro-blod/MinionPro-Bold.otf')  format('opentype'),
	format('woff');
	font-weight: normal;
	font-style: normal;
}




body{ 
	font-family:'lato'; 
}



::selection{

	background:#1E1E1E;

	color:#fff;

	-webkit-text-fill-color:#FFFFFF;

}



i{font-style:normal;}



ul, li{

	list-style-type:none;

}

img
{
	width:100%;    
}



p{

	font-size:13px;

	color: #212121;

    letter-spacing: 1px;

    line-height: 22px;

	padding:5px 0;

}



a{

	text-decoration:none;

}



img, iframe{

	width:100%;

	display:block;

}



.wrapper{

	width:100%;

	float:left;

}



.loader{

	position:fixed;

	left:0;

	right:0;

	top:0;

	bottom:0;

	background:#002238;

	z-index:9999;

}



.loader span{

	width:150px;

	position:absolute;

	left:50%;

	top:50%;

	transform:translate(-50%,-50%);

}



.fullwidth{

	width:100%;

	float:left;

}



.padding{

	padding:60px 0px;

}



.min-width{ 
	width:90%; 
	display:table; 
	margin:0 auto;

}



.row{

	margin-left:-10px;

	margin-right:-10px;

}



.header{

	width:100%;

	float:left;

	padding:15px 40px; 
	background: #084444; 
	/*background: linear-gradient(90deg,#df9e97 -10%,#ecd5d7 40%,#d89089);*/ 
	box-shadow:0 0 10px rgba(0, 0, 0, 0.55); 
	position:relative;

	z-index:11;
	
	-webkit-transition:all 400ms ease-in-out;

	transition:all 400ms ease-in-out;

}



.logo{

	width: 7%;
    float: right;
    display: inline-block;
    vertical-align: bottom;
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;

} 

.gaurs-logo{

	width:8%;

	float: left;

	display:inline-block;

	vertical-align:bottom;
	
	-webkit-transition:all 400ms ease-in-out;

	transition:all 400ms ease-in-out;

}



.navi{
	width: 85%;
    display: inline-block;
    vertical-align: bottom;
    margin-right: 0px;
    padding-right: 5%;
    margin-top: 5px;
    padding-left: 5%;
    text-align: center;
}



.navi ul li{
    display: inline-block;
    text-align: center;
    margin: 0px -2px;

}



.navi ul li a{ 
	display: block; 
    padding: 14px 10px 9px; 
    color: #ffffff;
    font-size: 13px;
    text-transform: uppercase;
	position:relative;

}
.navi ul li a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    background: #118c8c;
    transition: all 300ms ease-in-out;
}



.navi ul li a:hover{

	color:#118c8c;

}
.navi ul li a:hover::after {
    width:100%;
}


.menuBtn{ 
	position: absolute; 
    left: 50%; 
    top: 9px; 
    width: 50px; 
    height: 50px; 
    transform: translateX(-50%); 
    font-family: 'latoblack'; 
    text-transform: uppercase; 
    cursor: pointer; 
    z-index: 999; 
    border-radius: 50%; 
    background: #ffffff; 
    display: none; 
}



.menuBtn span{

	width:30px;

	height:3px;

	background:#084444;

	-webkit-border-radius:10px;

	border-radius:10px;

	position:absolute;

	left:50%;

	top:50%;

	margin:-1px 0 0 -15px;

	-webkit-transition:all 400ms ease-in-out;

	transition:all 400ms ease-in-out;

}



.menuBtn span::before,

.menuBtn span::after{

	content:'';

	width:100%;

	height:100%;

	position:absolute;

	left:0;

	background:#084444;

	-webkit-border-radius:10px;

	border-radius:10px;

	-webkit-transition:all 400ms ease-in-out;

	transition:all 400ms ease-in-out;

}



.menuBtn span::before{

	top:-9px;

}



.menuBtn span::after{

	bottom:-9px;

}



.menuBtn.menuBtnActive em::before{

	bottom:0;

}



.menuBtn.menuBtnActive em::after{

	top:100%;

}



.menuBtn.menuBtnActive span{

	-webkit-transform:rotate(45deg);

	transform:rotate(45deg);

}



.menuBtn.menuBtnActive span::before{

	opacity:0;

}



.menuBtn.menuBtnActive span::after{

	-webkit-transform:rotate(-90deg) translateX(9px);

	transform:rotate(-90deg) translateX(9px);

}



.menuContainer{

	position:fixed;

	top:0;

	bottom:0;

	right:0;

	width:100%;

	z-index:10;

	display:none;

	background: #ffffff;

}



.menuContainer ul{

	padding-top:13vw;

}



.menuContainer ul li{

	width:100%;

	float:left;

	text-align:center;

}



.menuContainer ul li a {
    font: 3.5vw 'latoblack';
    text-transform: uppercase;
    display: block;
    padding: 10px 10px;
    color: #084444;
    background: linear-gradient(30deg,#084444,#084444,#084444);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
} 

.header.fixed{
    position: fixed;	
}
.header.fixed .logo
{
	display:none;
}
.header.fixed .gaurs-logo
{
	display:none;
}
.header.fixed .navi {
    width: 100%;
    display: inline-block; 
    text-align: center;
    padding-left: 0px;
	padding-right: 0;
}
.header.fixed .navi ul { 
    text-align: center;
}
.header.fixed .navi ul li {
    float: initial;
    display: inline-block;
    text-align: center;
}
.header.fixed .navi ul li.bookBtn {
    display: none;
}

.banner{

	height:530px;

	position:relative;

	overflow:hidden;

}

.slider, .slider li{

	width:100%;

	height: 100% !important;

}



.slideContainer{

	width:100%;

	height:100% !important;

	float:left;

	 position:relative;

}



.slideImg{

	width:100%;

	height: 100% !important;

	display:inline-block;

	vertical-align:middle;

}

.slideImg img{

	width:100%;

	height: 100% !important; 

}



.bannerText{

	width:50%;

	display:inline-block;

	vertical-align:middle;

	text-align:center;

}



.bannerText h2{

	font:400 3vw 'bookantiqua';

	color: #e2b0ad;

    background: linear-gradient(30deg,#d68981,#ecd3d5,#d89d98);

	-webkit-background-clip: text;

	-webkit-text-fill-color: transparent;

}



.bannerText p, h4{

	font:600 1.7vw 'baskerville';

	color: #e2b0ad;

    background: linear-gradient(30deg,#d68981,#ecd3d5,#d89d98);

	-webkit-background-clip: text;

	-webkit-text-fill-color: transparent;

	letter-spacing:normal;

}



.bannerText h4{

	font-size:2vw;

}



.border{

	width:150px;

	display:table;

	margin:20px auto;

}



.pager

{

	position: absolute;

    z-index:9;

	bottom:10px;

	right:40px;

}

.pager a{

    display: inline-block;

	font-size: 0; 

    width: 10px;

    height: 10px;

    margin: 0px 2px;

	border: 1px solid #084444;

	transition:all 1s;

	

}

.pager a.activeSlide

{

	background:#084444;

}



/**********Footer**********/

.bottom{

	width: 100%;
    float: left;
    text-align: center; 
    z-index: 9;
    padding:4px; 
	border-bottom: 1px solid #084444;
	background:#4bb3b3;
} 
.bottom a{ 
    display: table;
    text-align: center;
    margin: auto; 
} 
.bottom p{

	float: left;
    color: #084444;
    font-size: 14px;
	text-transform:uppercase;
	letter-spacing:1px;
    line-height: normal;
    letter-spacing: normal;
	color:#FFFFFF;

} 
.bottom a{
	color:#FFFFFF;
}

.scaleTranslate{

	-webkit-transform:scale(0,0);

	-o-transform:scale(0,0);

	-moz-transform:scale(0,0);

	-ms-transform:scale(0,0);

	transform:scale(0,0);

	opacity:0;

	-webkit-transition:all 600ms;

	-o-transition:all 600ms;

	-ms-transition:all 600ms;

	-moz-transition:all 600ms;

	transition:all 600ms;

}



.heading{ 
	width: 100%;
    /* float: left; */
    padding: 0px 0px 20px;
    text-align: center;
    display: table;
}
.heading h2{
	text-align: center;
    font-size:28px;
    color: #084444;
    position: relative;
    display: inline-block;
    padding-bottom: 15px;
	text-transform: uppercase;

}
.heading h2:before{
	content: '';
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: url(images/divider.png) center no-repeat; 
    width: 100%;
    height: 10px;
	

}
.heading.white h2{
    color:#FFFFFF;

}
.heading.white h2:before{
    background: url(images/divider1.png) center no-repeat;
	

}

.overview
{
	position:relative;
	background: url(images/overviewbg.jpg) center no-repeat #000;
	z-index:1;	
}
.overview:before
{
	content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.85);
	z-index:-1;
	
}
.mainContainer{   
	
	position:relative;

} 
.mainContainer .textBox
{
	width: 100%;
    float: left;
    text-align: center;
    padding: 0px 0px;
}
.mainContainer .textBox h2
{
	font-size: 25px;
    padding: 12px 0px;
    color: #084444;
}
.mainContainer .textBox p
{
	font-size: 18px;
    line-height: 24px;
    letter-spacing: 0;
    color: #084444;
}
.mainContainer .nearAboutBox
{
	width: 100%;
    float: left;
}
.mainContainer .nearAboutBox li
{
	width: 33.333%; 
    display: inline-block;
    margin: 0px -2px;
    vertical-align: top;
    padding: 20px 15px;
}
.mainContainer .nearAboutBox li .imgBox
{
	width: 55px; 
    display: inline-block; 
    margin: 0px 10px 0px 0px;
	padding: 7px;
    vertical-align: middle;
    border-radius: 50%;
    background: #084444;
}
.mainContainer .nearAboutBox li span
{
	width: calc(100% - 80px);
    /* float: left; */
    display: inline-block;
    text-align: left;
    margin: 0px -2px;
    vertical-align: middle;
    font-size: 14px;
    line-height: 22px;
    /* letter-spacing: 0; */
    color: #084444;
}


/*gallery
--------------------------------------*/
.gallery{
	position: relative;
    background: url(images/overviewbg.jpg) center no-repeat #000;
    z-index: 1;
}
.gallery:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.85);
    z-index: -1;
}
.galleryBox{
	width:100%;
	float:left;
	position:relative;
	z-index:1;
}

.gallerySlider{
	width:60%;
	float:left;
	height:434px;
	overflow:hidden;
} 

.galleryArrow{
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border-radius: 0px;
    background: no-repeat center;
    background-size: 23px;
    background-color: rgb(255, 255, 255);
    cursor: pointer;
    transition: all 400ms ease-in-out;
    z-index: 99;
}

.galleryArrow:hover{
	background-color:rgb(222, 223, 32);
}

#galPrev, #galElevPrev{
	left:0;
	background-image:url(images/arrow-left.png);
}

#galNext, #galElevNext{
	right:40%;
	background-image:url(images/arrow-right.png);
}


.galleryPager{
	width: 40%;
    float: left;
    text-align: left;
    position: relative;     
	z-index: 99; 
	padding-left:10px;
	height:434px;
	overflow:scroll;
	overflow-x:hidden;

}
.galleryPager li{
	display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 0px 2px;
    margin: 0 -2px;
    transform: scale(1,1);
    transition: all 300ms linear;
}

.galleryPager li:hover{
	opacity:0.8;
}

.galleryPager li.activeSlide{
	position:relative;
	z-index:1;
}
.galleryPager li a{
	padding:2px;
	background:#084444;
	display:block;
}

.galleryPager li.activeSlide a{
	 background: #118c8c;
}
.galleryPager li a img{
	margin:0 auto;
	height:auto;
	position:relative;
}

.galleryPager::-webkit-scrollbar {
  width:5px;
}
.galleryPager::-webkit-scrollbar-track {
  /*box-shadow: inset 0 0 5px grey;*/
  border-radius:10px;
  background:rgba(255,255,255,0.44);
}
.galleryPager::-webkit-scrollbar-thumb {
  background:rgb(8, 68, 68);
  border-radius:10px;
}



/*-----------Towers-------------------*/
#towers
{
	background: #084444;
}
.mainContainer .towerstextBox {
    width: 100%;
    float: left;
    text-align: center;
    padding: 0px 0px;
}

.mainContainer .towerstextBox h2 {
    font-size: 25px;
    padding: 12px 0px;
    text-transform: uppercase;
    color: #ffffff;
}

.mainContainer .towersBox
{
	width: 100%;
    float: left;
}
.mainContainer .towersBox li
{
	width: 20%;
    display: inline-block;
    margin: 0px -2px;
    vertical-align: top;
    padding: 20px 15px;
    text-align: center;
}
.mainContainer .towersBox li .imgBox
{
	width: 80px;
    display: block;
    margin: 10px auto;
    padding: 10px;
    position: relative;
	margin-bottom: 30px;
}
.mainContainer .towersBox li .imgBox:before {
    content: '';
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);  
    border: 1px solid white; 
}
.mainContainer .towersBox li .imgBox:after {
    content: '';
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    border-radius: 50%;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    border: 1px solid white; 
}
.mainContainer .towersBox li span
{
	width: 100%; 
    text-align: center; 
    font-size: 14px;
    line-height: 22px;
    color:#fff;
}

/*----------------floor-plan-------------------------*/ 
.floorplanBox{
	background: #084444;
}
.floorplanBox .floorplan-list ul{
	width:100%;
	float:left;
}

.floorplanBox ul li {
    width: 32.333%;
    overflow: hidden;
    float: left;
    margin: 0px .5%;
    margin-bottom: 10px; 
	padding: 2px;
    position: relative;
    background: #084444;
 }
 
#ConstructionUpdates ul li {
           width: 288px;
    overflow: hidden;
    background: #477474;
    float: left;
    margin: 0px .5%;
    margin-bottom: 10px;
    padding: 1px;
    position: relative;
 }
.floorplanBox .floorplan-list li a
{
	display:block; 
}  
.floorplanBox .floorplan-list li a:before
{
	content:'';
	position:absolute;
	left:0px;
	top:0px;
	right:0px;   
	bottom:0px;
	background: rgba(8, 68, 68, 0);
	z-index:1;
	transition: all 500ms ease-in-out; 
	-moz-transition:all 500ms ease-in-out; 
	-webkit-transition: all 500ms ease-in-out; 
	-ms-transition: all 500ms ease-in-out; 
	-o-transition: all 500ms ease-in-out;
}
.floorplanBox .floorplan-list li:hover a:before
{  
	background: rgba(8, 68, 68, 0.76);
}
.floorplanBox .floorplan-list li .img { 
	float: left; 
	width: 100%;  
}
.floorplanBox .floorplan-list li  .img img { 
	transition: 1s ease-in-out; 
	-moz-transition: 1s ease-in-out; 
	-webkit-transition: 1s ease-in-out; 
	-ms-transition: 1s ease-in-out; 
	-o-transition: 1s ease-in-out; 
}
.floorplanBox .floorplan-list li:hover .img img { 
	transform: scale(1.1); 
	-moz-transform: scale(1.1); 
	-webkit-transform: scale(1.1); 
	-ms-transform: scale(1.1); 
	-o-transform: scale(1.1); 
	transition: 1s ease-in-out; 
	-moz-transition: 1s ease-in-out; 
	-webkit-transition: 1s ease-in-out; 
	-ms-transition: 1s ease-in-out; 
	-o-transition: 1s ease-in-out; 
}
.floorplanBox .floorplan-list li .info {
    width: 100%;
    float: left;
    position: relative;
    padding: 10px 5px 10px;
    text-align: left;
    /* bottom: 0; */
    /* left: 0px; */
    z-index: 9;
    transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -webkit-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
} 
.floorplanBox .floorplan-list li .info h2 { 
	font-size: 15px;
    font-weight: 400;
    color: #ffffff; 
    position: relative;
    text-align: center;
}
 
 

/*-------------------specifications------------------*/

.specification{
	position: relative;
    background: url(images/overviewbg.jpg) center no-repeat #000;
    z-index: 1;
}
.specification:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.85);
    z-index: -1;
}
.specsBox{
	height:400px;
    overflow: auto;
    padding-right: 5px;
}
.specsBox::-webkit-scrollbar {
  width:5px;
}
.specsBox::-webkit-scrollbar-track {
  /*box-shadow: inset 0 0 5px grey;*/
  border-radius:10px;
 background: rgb(255, 255, 255);
}
.specsBox::-webkit-scrollbar-thumb {
  background:rgb(8, 68, 68);
  border-radius:10px;
}

.specsBox .tableContainer{
	padding-right:20px;
}
.tableContainer table{
	border-collapse:collapse;
	border-color:rgba(255,255,255,0.26);
	text-align:center;
	color: #084444;
	margin-bottom: -1px;
}

.tableContainer table th, .tableContainer table td{
	padding:10px;
	font-size:14px;
	width:25%;
	line-height: 22px;
	border: 1px solid #084444;
	border-collapse: collapse;
}

.tableContainer table th{
	background: rgba(8, 68, 68, 0.12);
    color: #084444;
    text-transform: uppercase;
    font-size: 14px;
}

.tableContainer table tr:nth-child(odd){
	background:rgba(255, 255, 255, 0.37);
}

.tableContainer table td{
	color: #084444;
	text-align:left;
}

/*-------------------location map--------------------*/
.location-map
{
	background: #084444;
}
.location-map .advantageBox
{
	width: 37%;
    float: left;
    background: #f1f1f1;
    padding:5%;
}
.location-map .advantageBox h2
{
	font-size: 22px;
    color: #084444;
    padding-bottom: 15px;
    text-transform: uppercase;
}
.location-map .advantageBox ul
{
	width:100%;
	float:left;
}

.location-map .advantageBox ul li
{
	width:100%;
    float: left;
    margin: 3px 0%;
    font-size: 14px;
    margin-bottom: 10px;
    border: 1px solid #084444;
    padding: 16px 10px 16px 35px;
    position: relative;
}
.location-map .advantageBox ul li:before
{
	content: '\f3c5';
    position: absolute;
    left: 11px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 20px;
    color: #084444;
}
.location-map .advantageBox ul li span
{ 
	font-size: 14px;
    display: table;
    font-weight: 600;
    margin-bottom: 4px;
    background: #084444;
    color: #fff;
    padding: 5px 10px;
}

.location-map .locationBox
{    
	width:60%;
    float: left;
    margin-right: 3%;
}
.location-map .imgBox
{
	position: relative;
    width: 100%;
    float: left;
    padding: 5px;
    background: #f1f1f1; 
}
.location-map .imgBox a
{
	width: 100%; 
    display: block; 
}
.location-map .imgBox img
{
	width: 100%; 
    position:relative; 
}
 

.social-links{width: 50%;
    display: inline-block;
    padding: 10px 0;
    border-top: 1px solid #dedede;
    background: #fff;
    vertical-align: middle;}
.website-links{    width: 50%;
    display: inline-block;
    text-align: right;
    vertical-align: middle;}
	

.social-links ul li{display:inline-block;margin:0 10px;}

.social-links ul li a{color:#909090;font-size:14px;}

.social-links ul li a:hover{color:#212121;}

.social-links ul li a i{width:30px;height:30px;line-height:30px;color:#fff;text-align: center;}

.social-links ul li a i.fa-facebook{background:#3B5EA3;}

.social-links ul li a i.fa-twitter{background:#11CFFF;}

.social-links ul li a i.fa-linkedin{background:#0084FF;}

.social-links ul li a i.fa-instagram{background:#D59F29;}

.social-links ul li a i.fa-google-plus{background:#FF3639;}

.social-links ul li a i.fa-youtube{background:#B90003;}

.social-links ul li a:hover i{
	color: #ffffff;
    background: #0b2242;
}


.call-enq{
	margin-top: 0;
    text-align: center; 
    padding: 20px 0px 0px;
}
.call-enq .footerNumbers{
	 width: 250px; 
    display: inline-block;
    vertical-align: top;
    background: rgb(28, 103, 103);
    padding: 10px 10px 10px 60px;
    margin: 0 1px;
    position: relative;
    text-align: center;
	cursor:pointer;
}
.call-enq .footerNumbers#enqBtn:hover{height:auto;cursor:pointer;}
.call-enq .footerNumbers:hover{      background: rgb(28, 103, 103);}
.call-enq .footerNumbers i{
	position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 50px;
    font-size: 18px;
    line-height: 60px;
    background: #ffffff;
    color: #084444;
    text-align: center;
}
.call-enq .footerNumbers h4{
	letter-spacing: 2px;
    display: block;
    padding-bottom: 0px;
    font: 100 14px 'lato';
    color: #fff;
    -webkit-text-fill-color: #fff;
    background: none;}
.call-enq p { 
   padding: 0px 0;
    color: #fff;
}
.call-enq p a{ 
    color: #fff;
}
.bookBtn1
{    
	cursor: pointer;
    position: fixed !important;
    right: -50px !important;
    left: auto !important;
    top: 50%;
    margin: 0px !important;
    transform: rotate(90deg);
    /* background: grey; */
    z-index: 99;
}
.header.fixed .navi ul li.bookBtn {
     display:block; 
}

.doneScaleTranslate{

	-webkit-transform:scale(1,1);

	-o-transform:scale(1,1);

	-moz-transform:scale(1,1);

	-ms-transform:scale(1,1);

	transform:scale(1,1);

	opacity:1;

}



.leftTranslate{

	-webkit-transform:translate(-200px, 0);

	-o-transform:translate(-200px, 0);

	-moz-transform:translate(-200px, 0);

	-ms-transform:translate(-200px, 0);

	transform:translate(-200px, 0);

	opacity:0;

	-webkit-transition:all 600ms;

	-o-transition:all 600ms;

	-ms-transition:all 600ms;

	-moz-transition:all 600ms;

	transition:all 600ms;

}



.rightTranslate{

	-webkit-transform:translate(200px, 0);

	-o-transform:translate(200px, 0);

	-moz-transform:translate(200px, 0);

	-ms-transform:translate(200px, 0);

	transform:translate(200px, 0);

	opacity:0;

	-webkit-transition:all 600ms;

	-o-transition:all 600ms;

	-ms-transition:all 600ms;

	-moz-transition:all 600ms;

	transition:all 600ms;

}



.topTranslate{

	-webkit-transform:translate(0, -100px);

	-o-transform:translate(0, -100px);

	-moz-transform:translate(0, -100px);

	-ms-transform:translate(0, -100px);

	transform:translate(0, -100px);

	opacity:0;

	-webkit-transition:all 600ms;

	-o-transition:all 600ms;

	-ms-transition:all 600ms;

	-moz-transition:all 600ms;

	transition:all 600ms;

}



.bottomTranslate{

	-webkit-transform:translate(0, 200px);

	-o-transform:translate(0, 200px);

	-moz-transform:translate(0, 200px);

	-ms-transform:translate(0, 200px);

	transform:translate(0, 200px);

	opacity:0;

	-webkit-transition:all 1000ms;

	-o-transition:all 1000ms;

	-ms-transition:all 1000ms;

	-moz-transition:all 1000ms;

	transition:all 1000ms;

}



.doTranslate{

	-webkit-transform:translate(0, 200px);

	-o-transform:translate(0, 200px);

	-moz-transform:translate(0, 200px);

	-ms-transform:translate(0, 200px);

	transform:translate(0, 200px);

	opacity:0;

	-webkit-transition:all 500ms;

	-o-transition:all 500ms;

	-ms-transition:all 500ms;

	-moz-transition:all 500ms;

	transition:all 500ms;

}



.doneTranslate{

	-webkit-transform:translate(0, 0);

	-o-transform:translate(0, 0);

	-moz-transform:translate(0, 0);

	-ms-transform:translate(0, 0);

	transform:translate(0, 0);

	opacity:1;

}









.bookBtn{

	width: 140px;
    margin-right: 30px;
    text-align: center;
    position: relative;
    left: 1%;

}



.bookBtn a{

    display: block;
    background: #084444;
    color: #ffffff !important;
    padding: 10px 0px 8px !important; 
     border: 1px solid #118c8c;
    position: relative;
    z-index: 1; 
    -moz-transition: all 200ms ease-in-out; 
    -ms-transition: all 200ms ease-in-out; 
    -o-transition: all 200ms ease-in-out; 
    transition: all 200ms ease-in-out;

} 

.bookBtn a::before{

	content: '';
	width:100%;
    position: absolute;
    left: 0;
    right: 0;
	top:0%; 
	height:auto;
    bottom:100%; 
    background: #20877f;
    z-index: -1; 
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
 
}
.bookBtn a:hover::before{

	bottom:0; 
}

.bookBtn a::after{

	display:none;
 
}
.bookBtn a:hover::after{
	display:none;
}  
.form-box-Slide{

	position: fixed;
    width: 100%;
    left: 0px;
    top: -100%;
    right: 0px; 
    background: rgba(0, 0, 0, 0.3215686274509804);
    z-index: 999;
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;

}

.sub-form-box
{
	width: 500px;
    position: absolute;
    left: 50%;
    top: 50%;
    text-align: center;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background: #052e2e;
    padding: 40px;
	border-radius: 5px;
}

.form-box-Slide h2{

	font: 400 2.5vw 'latolight'; 

    color: #dda19c;

    background: linear-gradient(30deg,#e2aaa5,#ecd4d6,#db9993);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    text-transform: uppercase;

    margin-bottom: 20px;

}

.form-box-Slide .logo1{

	width: 190px;

    margin: auto auto 15px;

}



.form-box-Slide-fixed{

	top:0px;
	bottom:0px;

}



.form-box-SlideBox{

	width:100%;
	float:left;
	position:relative; 

}



.form-box-Slide .form-div{

	width:100%;

	float:left;

	padding:5px;

}



.form-box-Slide .form-div input{

	width: 100%;
    float: left;
    padding: 12px;
    border: none;
    background: #f1f1f1;
    outline: none;

}



.form-box-Slide .form-div input::placeholder{

	color:#0b2242;

	padding-left:10px;

}



.form-box-Slide #botton{

	width: 40%;
    margin: 10px 30% 0;
	 background: #fff; 
    color: #fff;
    /* border-radius: 10px; */
    border: 0px solid #118c8c;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.48);
    position: relative;
    z-index: 1;
    padding: 0;
    text-align: center;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;

} 


.form-box-Slide #botton input[type=submit]{

	background: none;
    font-size: 15px;
    cursor: pointer; 
	color:#0b2242;
    outline: none;
    padding: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;

}



.form-box-Slide #botton input[type=submit]:hover{ 
	color:#fff;

}



.form-box-Slide #botton::before{ 
    content: ''; 
    position: absolute; 
    left: 0; 
    right:0%; 
    top: 0; 
    bottom: 100%;  
    background: #118c8c;
    z-index: -1;  
    -webkit-transition: all 200ms ease-in-out; 
    -moz-transition: all 200ms ease-in-out; 
    -ms-transition: all 200ms ease-in-out; 
    -o-transition: all 200ms ease-in-out; 
    transition: all 200ms ease-in-out;

}



.form-box-Slide #botton:hover::before {

	bottom:0;

}



.closeBtnForm{ 
	position: absolute;
    top: -36px;
    right: -36px;

}



.closeBtnForm i{

	width: 40px;
    height: 40px; 
	border-radius: 5px;
    line-height: 40px;
    text-align: center; 
    background: #052e2e;
    color: #fff;
    cursor: pointer;
    font-size: 20px;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;

}



.closeBtnForm i:hover{

	background:#118c8c; 
    color:#FFFFFF;

}



.focus-red:focus {

	border: 1px solid #dda19c !important;

    background: #ff8484 !important;

}








.bookBtn1
{    
	cursor: pointer; 
}
@media (max-width:1200px){

	.navi ul li a {  
		padding: 14px 5px 9px;
		font-size: 12px;  
	} 
	.location-map .advantageBox { 
		padding: 2%;
	}	
}

@media (max-width:1100px){

	.header{    

	padding: 11px 30px 16px;

    text-align: center;

	}

	.navi{display:none;}

	.menuBtn{display:block;} 

	.logo a{display: block;} 

	.gaurs-logo{width:100px;    float:left;}

	.logo { width: 85px;  } 

	.bookBtn a { 

		background:none;

		color: #353535 !important; 

		border-radius: 0;

		border: none;

	}

	.bookBtn a::before {

    	display:none; 

	}

	.bookBtn1 a {
		display: block;
		background: #084444;
		color: #ffffff !important;
		padding: 10px 0px 8px !important;
		border: 1px solid #118c8c;
		position: relative;
		z-index: 1;
		-moz-transition: all 200ms ease-in-out;
		-ms-transition: all 200ms ease-in-out;
		-o-transition: all 200ms ease-in-out;
		transition: all 200ms ease-in-out;
	}
	.bookBtn.bookBtn1 a::before { 
    	display:block;
	}

	.bookBtn {  margin-right: 0; position: relative; right: auto; } 
	.menuContainer ul li a { font: 2.5vw 'latoblack'; } 
	.banner, .slider, .slider li, .slider li .slideContainer, .slider li .slideContainer .slideImg, .slider li .slideContainer .slideImg img{ height: 478px !important; }  
	.gallerySlider {  height: 335px; }
	.galleryPager {  height: 335px; } 
}

@media (max-width:1025px){
	.banner, .slider, .slider li, .slider li .slideContainer, .slider li .slideContainer .slideImg, .slider li .slideContainer .slideImg img{ height: 440px !important; }
	
}

@media (max-width:900px){

	.gallerySlider { 
    	height:295px;
	}
	.galleryPager { 
    	height:295px;
	}
	.banner, .slider, .slider li, .slider li .slideContainer, .slider li .slideContainer .slideImg, .slider li .slideContainer .slideImg img{ height: 387px !important; }  
	.location-map .locationBox {
		width: 100%; 
		margin-right: 0;
		margin-bottom: 10px;
	}
	.location-map .advantageBox {
		width: 100%; 
		padding: 3%;
	}
	.location-map .advantageBox h2 {
		font-size: 19px; 
		padding-bottom: 10px;
	}
	.location-map .advantageBox ul li {
		width: 100%; 
		margin: 0px 0%;
		font-size: 14px;
		margin-bottom: 5px; 
		padding: 10px 10px 10px 35px; 
	}
}



@media (max-width:768px){
	.header.fixed .navi { 
		display: none;
	}
	.header.fixed {
		position: relative;
	}
	
	
	.banner, .slider, .slider li, .slider li .slideContainer, .slider li .slideContainer .slideImg, .slider li .slideContainer .slideImg img{ height: 330px !important; }  
	
 	.gallerySlider { 
		width: 100%;
		height: 430px;
	}
	.galleryPager {
    	width: 100%;
		height: auto;
		padding-left: 0;
		overflow: auto;
	}
	.galleryPager li { 
		width: 25%;
		float: left;
		padding: 0px 0px;
		margin: 0 0px; 
	}
	#galNext, #galElevNext {
    	right: 0;
	}
	.galleryArrow {
		top: 29%;
		-webkit-transform: translateY(-29%);
		transform: translateY(-29%);
	}

	.social-links ul li {
		display: inline-block;
		margin: 5px -2px 5px;
		width: 33.333%;
		text-align: left;
	}
	

}

@media (max-width:680px){

	
.banner, .slider, .slider li, .slider li .slideContainer, .slider li .slideContainer .slideImg, .slider li .slideContainer .slideImg img{ height: 292px !important; }  

	.logo {

		width: 75px;

	} 
 
	.mainContainer .nearAboutBox li {
    	width: 50%;
	}
	.mainContainer .towerstextBox h2 {
    	font-size: 22px;
	}
	.mainContainer .towersBox li {
    	width: 25%;
	}
	.floorplanBox ul li {
    	width: 49%;
	}
	.gallerySlider { 
		height: 380px;
	}


}

@media (max-width:550px){
	.mainContainer .towersBox li {
    	width:33.333%;
	} 
	.gallerySlider { 
		height:308px;
	}
	.banner, .slider, .slider li, .slider li .slideContainer, .slider li .slideContainer .slideImg, .slider li .slideContainer .slideImg img{ height: 240px !important; }  
	.call-enq .footerNumbers {
		width: 49%; 
	}
	.sub-form-box {
    width: 80%;
    padding: 25px;}
	.closeBtnForm { 
		top: -35px;
		right: 0;
	}
	
}


@media (max-width:480px){
	.logo {
		width: 84px;
	}
	.banner, .slider, .slider li, .slider li .slideContainer, .slider li .slideContainer .slideImg, .slider li .slideContainer .slideImg img{ height: 247px !important; } 
	.price-lst-box {  
		padding: 20px 10px; 
	}  
	.menuContainer ul { padding-top: 26vw;}

	.menuContainer ul li a { font: 4vw 'latoblack';  padding: 10px 10px 6px; } 

	.logo a{width:100%;}

	.gaurs-logo{width:100px; float:left; padding:4px 0;}

	.slideImg{width:100%; display:table; margin:0 auto;}

	
	.pager{right:50%; transform:translateX(50%);}

	.bottom{padding-right:0; text-align:center;}

	.bottom a{float:none; display:inline-block;} 

	.heading h2{font-size: 25px;} 
	.tableContainer
	{
		width: 90vw;
	}
	.tableContainer table {
		width: 415px; 
	}
	.tableContainer table th { 
		font-size: 11px;
		line-height: 18px;
	}
	.gallerySlider {
		height: 269px;
	}
	
}

@media (max-width:450px){

	.call-enq .footerNumbers {
		width: 100%; 
		vertical-align: top;  
		margin: 4px 0px;  
	}
}
@media (max-width:425px){
	.banner, .slider, .slider li, .slider li .slideContainer, .slider li .slideContainer .slideImg, .slider li .slideContainer .slideImg img{ height: 219px !important; } 
	.mainContainer .textBox p {
		font-size: 16px; 
	}
	.mainContainer .nearAboutBox li {
		width: 100%;
		padding: 8px 0px;
	}
	.mainContainer .towerstextBox h2 {
		font-size: 18px;
	}
	.gallerySlider {
		height: 238px;
	}
	
.social-links{width: 100%;}
.website-links{width: 100%;}
	
 .bookBtn1 a { 
    padding: 4px 0px 6px !important;
 }
 .bookBtn1 { 
    right: -55px !important;
 }
}



@media (max-width:375px){

	.banner, .slider, .slider li, .slider li .slideContainer, .slider li .slideContainer .slideImg, .slider li .slideContainer .slideImg img{ height:193px !important; } 

	.construcStatus { width: 100%; } 
	.header{padding: 10px 10px 10px;} 
	.border{width:100px;} 
	.mainContainer .towersBox li { width: 50%; }
	.floorplanBox .floorplan-list li .info { 
    	padding: 6px 5px 0px;
	}
	.floorplanBox .floorplan-list li .info h2 {
		font-size: 14px;
		min-height: 34px;
	}
	.gallerySlider {
		height:209px;
	}

}



@media (max-width:320px){

	.banner, .slider, .slider li, .slider li .slideContainer, .slider li .slideContainer .slideImg, .slider li .slideContainer .slideImg img{ height: 180px !important; } 
	.logo{width:75px;} 
	.heading{}  
	.mainContainer .text{width:80%; right:10%;} 
	.gallerySlider {
		height:180px;
	}
	.social-links ul li { 
		width: 50%; 
	}

	
}