/*body.construction .livefeed{margin-top:110px}
body.construction .livefeed img{width:50%;}
body.construction .livefeed .first{float:left;}*/



h2,#header_left_menu li a,#header_right_menu li a{color:#575757 !important;}
h2{font-size:27px !important;text-align: left;}
#side_menu li a:hover, #side_menu li a:active, #side_menu li a:focus, #side_menu li a:visited, #side_menu li a {color:#575757 !important;}

.location #second .right_column{
	
	margin-top:0px;
}

	body.residences .mobile_residence{display:none;}

a[href^=tel] {
text-decoration:inherit;
color: inherit;
}

.italics{font-style:italic;}
.red_banner br{margin:-5px 0;display:block;content:"";}
body.home #red_banner br{margin:-5px 0;display:block;content:"";}


.checkbox-info input[type="checkbox"]:checked + label::before, .checkbox-info input[type="radio"]:checked + label::before{
	background-color:#ccc;
  border:none; }

.checkbox-info input[name="shopping"]:checked + label::before, .checkbox-info input[type="radio"]:checked + label::before{background-color:#7E46A5;}
.checkbox-info input[name="sports"]:checked + label::before, .checkbox-info input[type="radio"]:checked + label::before{background-color:#1781E2;}
.checkbox-info input[name="parks"]:checked + label::before, .checkbox-info input[type="radio"]:checked + label::before{background-color:#2DA569;}
.checkbox-info input[name="landmarks"]:checked + label::before, .checkbox-info input[type="radio"]:checked + label::before{background-color:#E2B356;}
.enquiries .blue_line{margin-bottom:0px;}

body.residences #second .left_column h2{text-align:left;}
body.residences #second .right_column p{text-align:left;}



.left_footer {margin-bottom:25px;}

.blue_line{border:2px solid #2200ff;width:35px;height:0px;margin-bottom:-13px;}

#m2 #second_new .left_column_new h2{width:128%;}


header{border:none !important;width:100% !important;}
body{border:none !important;width:100% !important;}
main > div{padding:0;}

#M2_home{
	margin-top:-2%;
	margin-left:0%;
}

#m2 #fifth{display:block;}

.main_banner_text{color:#fff; margin-left:0%;}
.main_banner_text h2{color:#fff;}

.over_container1{
	position:absolute;
	top:30%;
	left:0;
	width:100%;
	height:100%;
	text-align: center;
}

.over_container1 .readmore{
	margin-left:0px;
	
}
#landing #third img{float:none;max-width:100%;}

#m1 #first{position:relative;text-align: center;}
#m1 #first .mask{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
}


#m1 #first .mask .sold{
	top:0;
	left:50%;
	margin-left:-150px;
	position:absolute;
}

#m1 #first .mask .m1_logo{
	bottom:0;
	left:50%;
	margin-left:-122px;
	position:absolute;
}


#m2 #first .mask .sold{
	top:0;
	left:50%;
	margin-left:-225px;
	position:absolute;
}


#m3 #first .mask .sold{
	top:0;
	left:50%;
	margin-left:-225px;
	position:absolute;
}

#m3 #first .mask .m1_logo{
	bottom:0;
	left:50%;
	margin-left:-100px;
	position:absolute;
}

#m3 #first{position:relative;text-align: center;}

#m3 #first .mask{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
}

#m2 #first .mask{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
}

#m2 #first .mask #terraces{position:absolute;top:120px;left:50%;margin-left:-90px;}
#m2 #first .mask #M2_home{position:absolute;bottom:20px;left:50%;margin-left:-60px;}
#m2 #first .mask .heading{position:absolute;top:250px;left:50%;margin-left:-40%;color:#fff;width:80%;font-size:45px;text-align:center;}
#m2 #first .mask .heading p{font-size: 22px;}
#m2 #first .mask .heading.teraces p{margin: 0px}

#m2 #first .mask .heading.teraces{position:absolute;top:10px;left:50%;margin-left:-40%;color:#fff;width:80%;font-size:45px;text-align:center;}

body.home #first .mask #M2_home{position:absolute;bottom:40px;left:50%;margin-left:-85px;}
body.home #first .mask .heading{position:absolute;top:20px;left:50%;margin-left:-40%;color:#fff;width:80%;font-size:45px;text-align:center;}
body.home #first .mask .heading p{font-size: 20px;word-spacing: 10px;}
body.home #first .mask .readmore{color:#2200FF;background:#FFF;text-decoration: none;border:1px solid #2200FF;box-shadow:1px 0px 1px 0px #939598;}
body.home #first .mask .heading .blue_line{position: absolute;text-align: center;left:50%;top:50px;margin-left:-17px;}
body.home #first .mask .heading .white_line{position: absolute;text-align: center;left:50%;top:125px;margin-left:-17px;border:2px solid #fff;width:35px;height:0px;margin-bottom:-13px;}

#m2 #second_new {text-align: right;}
#m2 #second_new .left_column_new{display:inline-block; text-align: left;float:left;width:285px;margin-top:3%}
#m2 #second_new .right_column_new{display:inline-block;}




#landing #first,#landing #second,#landing #third, #landing #fourth_alex{position:relative;text-align: center;}
#landing #first .mask{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:#000;
	opacity:.7;
	
}

#landing #second .mask{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:#000;
	opacity:.5;
	
}

#landing #third .mask{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:#000;
	opacity:.3;
	
}

#landing #fourth_alex .mask{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:#000;
	opacity:.3;

}

#header_right_menu #register a{border:1px solid #ccc; padding:7px; color:#fff !important; background:#2200FF;}

/*New Residence Page*/
#landing #first, #landing #second, #landing #third, #landing #fourth_alex{width:24%;display:inline-block;}
#landing #first .mask img, #landing #second .mask img, #landing #third .mask img, #landing #fourth_alex .mask img{margin-top:50% !important;}

.red_banner{background:#2200FF;width:80%; margin:0 auto; position:absolute;top:60%;left:10%;}
#first .red_banner{background:red;width:70%; margin:0 auto; position:absolute;top:60%;left:15%;}
#first .red_banner p{font-size:18px;}
.red_banner span{color:#fff;font-size:22px;font-weight:bold;letter-spacing: 5px;}

.red_banner_home{background:red; margin:0 auto;width:350px;}
.red_banner_home span{color:#fff;font-size:24px;font-weight:bold;letter-spacing: 5px;display:block;}

#box{border:1px solid #fff;background:#d01920;margin:10px;box-shadow: 0 0 8px 3px #7c0d12;}
.box{border:1px solid #fff;background:#d01920;margin:10px;box-shadow: 0 0 8px 3px #7c0d12;}
.box.box-blue{border:1px solid #fff;background:#1b1bf5;margin:10px;box-shadow: 0 0 8px 3px #0b0baa;height:64px;}


body.residences .red_banner{background:#a91218;box-shadow:0 0 8px 3px #191614;}
.red_banner .smaller_text{font-size:12px;}

body.residences #second .red_banner{background:#0d0dca;box-shadow:0 0 8px 3px #191614;}
body.residences #second .red_banner #box, body.residences #second .red_banner .box{border:1px solid #fff;background:#1b1bf5;margin:10px;box-shadow: 0 0 8px 3px #0b0baa;height:64px;}
body.residences #second .red_banner #box span, body.residences #second .red_banner .box span{margin-top:14px;display:block;}

body.residences #third .red_banner{background:#0d0dca;box-shadow:0 0 8px 3px #191614;}
body.residences #third .red_banner #box, body.residences #third .red_banner .box{border:1px solid #fff;background:#1b1bf5;margin:10px;box-shadow: 0 0 8px 3px #0b0baa;height:64px;}
body.residences #third .red_banner #box .smaller_text, body.residences #third .red_banner .box .smaller_text{font-size:12px;}
body.residences #third .red_banner .box span {font-size:16px; letter-spacing: 2px}

body.residences #fourth_alex .red_banner{background:#0d0dca;box-shadow:0 0 8px 3px #191614;}
body.residences #fourth_alex .red_banner #box, body.residences #fourth_alex .red_banner .box{border:1px solid #fff;background:#1b1bf5;margin:10px;box-shadow: 0 0 8px 3px #0b0baa;height:64px;}
body.residences #fourth_alex .red_banner #box .smaller_text, body.residences #fourth_alex .red_banner .box .smaller_text{font-size:12px;}
body.residences #fourth_alex .red_banner .box span{margin-top:14px;display:block;}

#landing1 > div:hover .mask {display:none;}

#second .text{margin-top:10%;}
#second .right_column h2{width:385px;}
#second .right_column{width:25.5%;margin-right:60px;margin-top:5%;text-align: left;}


#second h2{font-size:27px;}
#third_new{clear:both;text-align: right;}
#third_new .right_column_new{display:inline-block;}
#third_new .left_column_new{display:inline-block; text-align: left;float:left;width:285px;margin-top:10%}
#third_new h2{font-size:27px;}


#fourth_new{clear:both;text-align: left;}
#fourth_new .right_column_new{display:inline-block; margin-right:35px; width:24.5%;margin-top:5%;margin-left:30px;float:right;}
#fourth_new .left_column_new{display:inline-block;}
#fourth_new h2{font-size:27px;}

#fifth_new{clear:both;text-align: right;}
#fifth_new .right_column_new{display:inline-block;}
#fifth_new .left_column_new{display:inline-block; text-align: left;float:left;width:340px;margin-top:5%}
#fifth_new h2{font-size:27px;}

#sixth_new{clear:both;text-align: left;}
#sixth_new .right_column_new{display:inline-block; margin-right:20px; width:26.5%;float:right;margin-top:10%}
#sixth_new .left_column_new{display:inline-block;}
#sixth_new h2{font-size:27px;width:107%;}
#fourth_new .mobile{display:none;}
#sixth_new .mobile{display:none;}

.residences.m2 #m2 #fifth .right_column{width:28.5% !important; float:left;margin-left:30px;margin-top:15%;}
.residences.m2 #m2 #fifth .left_column{max-width:71.5%;width:767px;}

.residences.m2 #m2 #fifth .right_column_mobile{display:none;}


/* Style the tab */
.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #2200FF;
}

/* Style the buttons that are used to open the tab content */
.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
	color:#fff;
	text-transform:uppercase;
}

/* Change background color of buttons on hover */
.tab button:hover {
     background-color: #fff;
	color:#2200FF;
}

.readmore a:hover{color:#fff !important; background:#2200ff;}
#M2_home a:hover{color:#fff !important; background:#2200ff;}

/* Create an active/current tablink class */
.tab button.active {
    background-color: #fff;
	color:#2200FF;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}
.enquiries{text-align: left;}

@media (max-width: 1355px) {
	#footer_container {padding: 0px 15px;}
}


@media (max-width: 1330px) {
	body.residences #third .red_banner #box .smaller_text{letter-spacing:3px;}
	
}


@media (max-width: 1280px) {
	body.residences #third  .red_banner span{letter-spacing:4px;}
	
}


@media (max-width: 1265px) {
	
	body.residences #second .left_column h2{text-align: center;}
	body.residences #second .right_column p{text-align:center;}
	.residences.m2 #m2 #fifth .left_column{margin:0 auto;}
	
	h2{text-align: center;}	
	body.m-city .right_column.text.star.fadeIn{text-align: center !important; }
	.enquiries h2{text-align: left;}
	
	
	.blue_line{display:inline-block;}
	
	h2{margin-top:-25px !important;}
	.location #location #fourth h2{margin-top:-15px !important;}
	.m-city #fourth h2{margin-top:-15px !important;}
	
	#second .mobile .right_column{width:100%;display:block;text-align:center;margin:0;margin-bottom:75px; padding:0;}
	#second .right_column{display:none;}
	#second .left_column{width:100%; text-align:center; float:none;}
	#second .right_column h2{width:auto;}
	
	.location.retail #second .right_column{display:block; text-align:center;float:inherit;margin:0 auto; padding:0 20px;width:auto; }
	.location.retail #second .left_column{text-align:center;width:100%; }
	.location #second .left_column{text-align:center;width:100%;margin-bottom:0px;}
	.location #second .right_column.text{display:block; text-align:center;float:inherit;margin:0 auto; padding:0 20px;width:auto; }
	
	.location #location #second .right_column {display:block; text-align:center;float:inherit;margin:0 auto; padding:0 20px;width:auto; }
	
	body.m-city #eight .blue_line{display:inline-block;margin-bottom:26px !important;}
	
	#third_new .left_column_new{width:100%;text-align:center;margin:0 0 75px 0;}
	#third_new .right_column_new{width:100%; text-align: center;}
	
	.location.retail #fourth .left_column.text{margin-bottom:0px;}
	#fourth_new .left_column_new{width:100%; text-align: center;}
	#fourth_new .mobile{display:block;text-align:center;width:100%;margin-bottom:75px;}
	#fifth_new .left_column_new{width:100%;text-align:center;margin-bottom:75px;}
	#fifth_new .right_column_new{width:100%; text-align: center;}
	
	
	#sixth_new .right_column_new {display:none;}
	#sixth_new .mobile{display:block; text-align:center;width:100%;margin-bottom:75px;}
	#sixth_new .left_column_new{width:100%; text-align: center;}
	
	#sixth_new h2{font-size:27px;width:100%;}
	#fourth_new .right_column_new{display:none;}
	
	#m2 #second_new .left_column_new h2{width:100%;}
	#m2 #second_new .left_column_new{text-align:center;width:100%;margin-top:0px;margin-bottom:75px;}
	#m2 #second_new .right_column_new{width:100%;text-align: center;}
	
	.residences.m2 #m2 #fifth .right_column_mobile{display:block;width:100%;text-align:center;}
	.residences.m2 #m2 #fifth .right_column{display:none;}
	.residences.m2 #m2 #fifth{display:block;}
	.residences.m2 #m2 #fifth .left_column{max-width:100%;float:none; text-align: center;}
	
	
	.m-city main #main_content > div{text-align:center;}
	.m-city #eight .column-4 {width: auto !important; text-align: center;}
	.project_team {min-height: 40px; padding:0px !important;}
	.m-city #eight .column-4.project_team {width: 100%!important;min-height:0px;}
	
	.m-city #second .right_column{text-align: center;display:block !important; width:100% !important;margin-right:0px;}
	.m-city #second .left_column{text-align: center;display:block !important; width:100% !important;margin-bottom:0px;}
	
	.m-city #fourth .right_column{display:block !important;}	
	.m-city #fourth .right_column.mobile{text-align: center;display:block !important; width:100% !important;margin-right:0px;}
	
	.m-city #fourth .left_column{text-align: center;display:block !important; width:100% !important;margin-bottom:0px;}
	.m-city #fourth .left_column p{max-width: none;}
	.m-city #fourth .left_column{display:none !important;}
	.m-city #fourth{margin-bottom:0px !important;}
	.m-city #fourth .right_column{width:100% !important;}
	.m-city #fourth .right_column p{max-width: none !important;}
	
	.location #fourth .right_column{width:100%;max-width: none !important;margin-top:0px !important;}
	.retail #fourth h2{margin-top:-8px !important;}
	
	body.m-city #sixth .right_column.text{padding-top: 0px;}
	body.home #fifth_new .left_column_new{margin-top:0px;}

}


@media (max-width: 1220px) {
	body.residences #third  .red_banner span{letter-spacing:3px;}
	body.residences #third .red_banner #box .smaller_text{letter-spacing:2px;}
	
}


@media (max-width: 1200px) {
	
#landing a img {width:auto !important;object-fit: cover;}
	#landing .mask img {margin-top:40px !important;}



}

@media (max-width: 1150px) {
	body.residences #third .red_banner span{letter-spacing: 2px;}
}

@media (max-width: 1110px) {
	#header_left_menu li,#header_right_menu li{margin:0 10px;}
}


@media (max-width: 1080px) {
	body.residences #third .red_banner span{letter-spacing: 1px;}
}



@media (max-width: 1050px) {
	body.home #first .mask .heading{display:none;}
	#m2 #first .mask .heading{display:none;}
	img.logoimg {display:block;}
	#footer_container {padding: 0px 15px;}
	#footer_container .left_footer, #footer_container2 .left_footer {width: 58%;}

body.home #first .mask #M2_home,#m2 #first .mask #M2_home{margin-top:0%;}

	
	
	
	
}

@media (max-width: 1010px) {
	body.residences .red_banner{display:none;}
}


@media (max-width: 990px) {
	#logo img{margin-top:0px;}
}
@media (max-width: 980px) {
	
}

@media (max-width: 880px) {
	body.home #red_banner{display:none;}
}

@media (max-width: 850px) {
	body.residences .mobile_residence{display:block;}
	body.residences #landing1{display:none;}
	body.residences .mobile_residence > div {width:100% !important;}
	#landing a img{height:100%;}
	#landing #first .mask img, #landing #second .mask img, #landing #third .mask img{margin-top:40px !important;}
	#landing .mobile_residence > div:hover .mask{display:none}
	
	
}


@media (max-width: 840px) {
	body.home #third_extra > div{ display:block !important;} 
	body.home #third_extra > div .logo{ display:inline-block; width:49%;} 
	body.home #third_extra > div .logo:last-of-type{ margin-top:30px;} 
	
	body.retail .first_extra > div{ display:block !important;} 
	body.retail .first_extra > div .logo{ display:inline-block; width:49%;} 
	body.retail .first_extra > div .logo:last-of-type{ margin-top:30px;} 
	#footer_container2 {margin: 0 auto;}
}


@media (max-width: 800px) {


body.home #first .mask #M2_home,#m2 #first .mask #M2_home{margin-top:0%;}
	#footer_container {margin: 30px auto 15px;}
	/*#footer_container .left_footer {width: 68.7%;text-align:right;}
	#footer_container2 .left_footer {width: 64.5%;text-align:right;}*/
	.left_footer {margin-bottom:15px;}
	#footer_container .right_footer, #footer_container2 .right_footer {margin-top: 0px;}
	
	/*body.construction .livefeed{margin-top:50px}
	body.construction .livefeed img{width:100%;}*/
	
}

@media (max-width: 700px) {
	body.residences #m1 #red_banner{display:none;}	
}

@media (max-width:597px) and (min-width: 551px) {
	#footer_container .left_footer {width: 54%;}
}

@media (max-width: 550px) and (min-width:501px) {
	body.home #first .mask #M2_home,#m2 #first .mask #M2_home{margin-top:0%;}
	footer {height: 332px;position: absolute;}
	#footer_container {margin: 20px auto 15px;text-align: center;padding:0px 15px 0px;}
	#footer_container .left_footer {width: 100%;text-align: center;margin-top:15px;display: inline;}
	#footer_container2 .left_footer {width: 100% !important; text-align: center;display:inline-block}
	#footer_container .mcityaddress {float:none;margin-bottom:10px;}
}

@media (max-width: 465px) {
	body.home #third_extra > div .logo{ width:100%;} 
	body.home #third_extra > div .logo{margin-top:30px;}
}

@media (max-width: 500px) {


body.home #first .mask #M2_home,#m2 #first .mask #M2_home{margin-top:0%;}
	body {padding-bottom: 0px;}
	footer {height: 360px;position: relative;}
	#footer_container {margin: 20px auto 15px;text-align: center;padding:20px 15px 0px;}
	#footer_container .left_footer {width: 50%;text-align: center;margin-top:15px;}
	#footer_container2 .left_footer {width: 100%; text-align: center;}
	#back-top_mobile {margin-top: 0px;}
	#footer_container .mcityaddress {float:none;margin-bottom:10px;}
	
	.retail #fifth #colliers{display:block !important; margin:0 auto !important;}
}

@media (max-width: 360px) {


body.home #first .mask #M2_home,#m2 #first .mask #M2_home{margin-top:0%;}
}