/* FRONTEND CSS
*********************************************/
main > div{padding:0 10px;}
.column-4.project_team{margin-left:-30px;}
.m-city main > div{padding:0px;}
.m-city main #main_content > div{padding:0 10px;width:100%;}

.m-city main #main_content .first_container{padding:0px;width:100%;}

#contact_form input{
	text-indent: 10px;
}

#contact_form input::placeholder{
	text-indent: 0px;
}


#red_banner{position:absolute;top:20px;right:20px;border-radius: 71px;width:150px;height:150px;background:#d12229; box-shadow:-3px 3px 0px 0px #a7a9ac}
#red_banner span{position:absolute;top:35px;width:100%;left:0;font-size:22px;color:#fff;letter-spacing:0px;text-transform: uppercase;}




body.residences #red_banner span{top:22px; font-size:21px;}
body.residences #m1 #red_banner span{top:43px; font-size:21px;}



main .first_container{ padding:0; }
.cross{height:55px;width:40px;}

.checkbox {
  padding-left: 20px; }
.checkbox label {
  display: inline-block;
  vertical-align: middle;
  position: relative;
    padding-left: 5px; }
.checkbox label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 0;
  margin-left: -20px;
  border: 1px solid #cccccc;
  border-radius: 3px;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
      transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
.checkbox label::after {
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 16px;
  left: 0;
  top: 0;
  margin-left: -20px;
  padding-left: 4px;
  padding-top: 4px;
  font-size: 11px;
      color: #555555; }
.checkbox input[type="checkbox"],
.checkbox input[type="radio"] {
  opacity: 0;
  z-index: 1;
  cursor: pointer;
}

.location .checkbox input[type="checkbox"]{
	position:absolute;
	height:20px;
	width:20px !important;
	margin-left:-20px;
}

.checkbox input[type="checkbox"]:focus + label::before,
.checkbox input[type="radio"]:focus + label::before {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px; }
.checkbox input[type="checkbox"]:checked + label::after,
/*.checkbox input[type="radio"]:checked + label::after {
  font-family: "FontAwesome";
  content: "\f00c";}*/
.checkbox input[type="checkbox"]:indeterminate + label::after,
.checkbox input[type="radio"]:indeterminate + label::after {
  display: block;
  content: "";
  width: 10px;
  height: 3px;
 
  border-radius: 2px;
  margin-left: -16.5px;
  margin-top: 7px;
}
.checkbox input[type="checkbox"]:disabled,
.checkbox input[type="radio"]:disabled {
    cursor: not-allowed;
}
.checkbox input[type="checkbox"]:disabled + label,
.checkbox input[type="radio"]:disabled + label {
      opacity: 0.65; }
.checkbox input[type="checkbox"]:disabled + label::before,
.checkbox input[type="radio"]:disabled + label::before {
  background-color: #eeeeee;
        cursor: not-allowed; }
.checkbox.checkbox-circle label::before {
    border-radius: 50%; }
.checkbox.checkbox-inline {
    margin-top: 0; }

.checkbox-primary input[type="checkbox"]:checked + label::before,
.checkbox-primary input[type="radio"]:checked + label::before {
  background-color: #337ab7;
  border-color: #337ab7; }
.checkbox-primary input[type="checkbox"]:checked + label::after,
.checkbox-primary input[type="radio"]:checked + label::after {
  color: #fff; }

.checkbox-danger input[type="checkbox"]:checked + label::before,
.checkbox-danger input[type="radio"]:checked + label::before {
  background-color: #d9534f;
  border-color: #d9534f; }
.checkbox-danger input[type="checkbox"]:checked + label::after,
.checkbox-danger input[type="radio"]:checked + label::after {
  color: #fff; }

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

.checkbox-warning input[type="checkbox"]:checked + label::before,
.checkbox-warning input[type="radio"]:checked + label::before {
  background-color: #f0ad4e;
  border-color: #f0ad4e; }
.checkbox-warning input[type="checkbox"]:checked + label::after,
.checkbox-warning input[type="radio"]:checked + label::after {
  color: #fff; }

.checkbox-success input[type="checkbox"]:checked + label::before,
.checkbox-success input[type="radio"]:checked + label::before {
  background-color: #5cb85c;
  border-color: #5cb85c; }
.checkbox-success input[type="checkbox"]:checked + label::after,
.checkbox-success input[type="radio"]:checked + label::after {
  color: #fff;}

.checkbox-primary input[type="checkbox"]:indeterminate + label::before,
.checkbox-primary input[type="radio"]:indeterminate + label::before {
  background-color: #337ab7;
  border-color: #337ab7;
}

.checkbox-primary input[type="checkbox"]:indeterminate + label::after,
.checkbox-primary input[type="radio"]:indeterminate + label::after {
  background-color: #fff;
}

.checkbox-danger input[type="checkbox"]:indeterminate + label::before,
.checkbox-danger input[type="radio"]:indeterminate + label::before {
  background-color: #d9534f;
  border-color: #d9534f;
}

.checkbox-danger input[type="checkbox"]:indeterminate + label::after,
.checkbox-danger input[type="radio"]:indeterminate + label::after {
  background-color: #fff;
}

.checkbox-info input[type="checkbox"]:indeterminate + label::before,
.checkbox-info input[type="radio"]:indeterminate + label::before {
  background-color: #5bc0de;
  border-color: #5bc0de;
}

.checkbox-info input[type="checkbox"]:indeterminate + label::after,
.checkbox-info input[type="radio"]:indeterminate + label::after {
  background-color: #fff;
}

.checkbox-warning input[type="checkbox"]:indeterminate + label::before,
.checkbox-warning input[type="radio"]:indeterminate + label::before {
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}

.checkbox-warning input[type="checkbox"]:indeterminate + label::after,
.checkbox-warning input[type="radio"]:indeterminate + label::after {
  background-color: #fff;
}

.checkbox-success input[type="checkbox"]:indeterminate + label::before,
.checkbox-success input[type="radio"]:indeterminate + label::before {
  background-color: #5cb85c;
  border-color: #5cb85c;
}

.checkbox-success input[type="checkbox"]:indeterminate + label::after,
.checkbox-success input[type="radio"]:indeterminate + label::after {
  background-color: #fff;
}

.radio {
  padding-left: 20px; }
.radio label {
  display: inline-block;
  vertical-align: middle;
  position: relative;
    padding-left: 5px; }
.radio label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 0;
  margin-left: -20px;
  border: 1px solid #cccccc;
  border-radius: 50%;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out;
      transition: border 0.15s ease-in-out; }
.radio label::after {
  display: inline-block;
  position: absolute;
  content: " ";
  width: 11px;
  height: 11px;
  left: 3px;
  top: 3px;
  margin-left: -20px;
  border-radius: 50%;
  background-color: #555555;
  -webkit-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }
.radio input[type="radio"] {
  opacity: 0;
  z-index: 1;
  cursor: pointer;
}
.radio input[type="radio"]:focus + label::before {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px; }
.radio input[type="radio"]:checked + label::after {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
      transform: scale(1, 1); }
.radio input[type="radio"]:disabled {
    cursor: not-allowed;
}
.radio input[type="radio"]:disabled + label {
      opacity: 0.65; }
.radio input[type="radio"]:disabled + label::before {
        cursor: not-allowed; }
.radio.radio-inline {
    margin-top: 0; }


.radio-primary input[type="radio"] + label::after {
  background-color: #337ab7; }
.radio-primary input[type="radio"]:checked + label::before {
  border-color: #337ab7; }
.radio-primary input[type="radio"]:checked + label::after {
  background-color: #337ab7; }

.radio-danger input[type="radio"] + label::after {
  background-color: #d9534f; }
.radio-danger input[type="radio"]:checked + label::before {
  border-color: #d9534f; }
.radio-danger input[type="radio"]:checked + label::after {
  background-color: #d9534f; }

.radio-info input[type="radio"] + label::after {
  background-color: #5bc0de; }
.radio-info input[type="radio"]:checked + label::before {
  border-color: #5bc0de; }
.radio-info input[type="radio"]:checked + label::after {
  background-color: #5bc0de; }

.radio-warning input[type="radio"] + label::after {
  background-color: #f0ad4e; }
.radio-warning input[type="radio"]:checked + label::before {
  border-color: #f0ad4e; }
.radio-warning input[type="radio"]:checked + label::after {
  background-color: #f0ad4e; }

.radio-success input[type="radio"] + label::after {
  background-color: #5cb85c; }
.radio-success input[type="radio"]:checked + label::before {
  border-color: #5cb85c; }
.radio-success input[type="radio"]:checked + label::after {
  background-color: #5cb85c; }

input[type="checkbox"].styled:checked + label:after,
input[type="radio"].styled:checked + label:after {
  font-family: 'FontAwesome';
  content: "\f00c"; }
input[type="checkbox"] .styled:checked + label::before,
input[type="radio"] .styled:checked + label::before {
  color: #fff; }
input[type="checkbox"] .styled:checked + label::after,
input[type="radio"] .styled:checked + label::after {
  color: #fff; }

html {
	/* scrollbar fix (prevent ugly left pull for lower content sites) */
	overflow-y: scroll;
	min-height:100%;
}


.readmore{border:2px solid #2200FF; padding:10px 36px; text-decoration: none;margin-top:10px;display:inline-block;color:#2200ff;}
.readmore:hover{color:#fff !important; background:#2200ff !important;}

body {
	position:relative;
	min-height:100%;
	padding-bottom:175px;
	font-family: 'Didact Gothic', sans-serif;
	border-right: 8px solid #2200FF;
	border-left: 8px solid #2200FF;	
	max-width:100%;
	color: #000000;
	margin:0px;
	-webkit-font-smoothing:antialiased;
	
} 

.tooltip-content{background:#fff !important; opacity:1;
	
}






.img_marker{
width:35px; max-width:inherit !important;
}
.img_marker_1{max-width:190px; }

.slick-arrow{display:none !important;}
.slick-initialized{clear:both;}


::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
::-moz-placeholder { /* Firefox 19+ */
 color: #fff;
}
:-ms-input-placeholder { /* IE 10+ */
 color: #fff;
}
:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}

#chkInternational{
	border: 0 none;
    clip: rect(0px, 0px, 0px, 0px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    line-height: 25px;
    width: 20px;
    text-align: left;
}
.privacy{    
	width: calc(100% - 35px);
    font-size: 12px;
    color: #fff;
    text-align: center;
}

ul{    -webkit-margin-before: 0em !important;
	   -webkit-padding-start:0px !important;
	-webkit-margin-after: 0em !important;
}

#header_left_menu{ display:inline-block;max-width:45%;float:left;padding-top:33px;}
#header_right_menu{ display:inline-block;max-width:45%;float:right;padding-top:33px;}

#header_left_menu li{
	display:inline-block;
	margin:0 20px;
}
#header_left_menu li:first-of-type{margin-left:0px !important}
#header_right_menu li:last-of-type{margin-right:0px !important}

#header_right_menu li{
	display:inline-block;	
	margin:0 20px;

}
#header_left_menu ul{padding-left:0; margin-top:0px;}
#header_right_menu ul{padding-left:0; margin-top:0px;}

#header_left_menu li a{text-decoration: none;color: #2200FF;}
#header_right_menu li a{text-decoration: none;color: #2200FF;}





.column-4{
	width:40%;
	display:inline-block;
	vertical-align:top;
	padding:0 30px;
	text-align:left;
}


.column-2{
	width:49%;
	display:inline-block;
	vertical-align:top;
	text-align:left;		
}

.project_team{
	font-size:40px;
	color:#2500ff;
	font-weight:100;
	min-height:140px;
	line-height: 40px;
}

.location .clear{margin-bottom:60px;}
.location #second{
	min-height:170px;	
}
.location #second .text{margin-right:0px;}
.location #second .right_column{width:37%;}
.location #second .left_column{width:40%;}
.location #second .right_column.text.star{margin-top:0px;}
.location #fourth{display:inline-block;width:100%;margin-bottom:75px;}
.location .right_column.everything{display:inline-block;margin-left:50px !important; max-width:325px; margin-top:300px; vertical-align: top;}
.location #google_map ol{font-size:10px; text-align:left; padding-left:0px;}
.location #google_map ol li{font-size:10px;text-align:left;}
.location #google_map ol h3{margin-left:-8px;}
.location #fourth h2{text-align:left;}
.location #fourth p{text-align:left;}


.retail #vibrant{
	margin-left:-53.5%;		
}
.retail #fifth p{display:inline-block; margin-right:13%;}
.retail #fifth {width:100%;}
.retail #fifth .blue {color:#2500ff; font-weight:bold;}


.retail #fifth img{float:right;}

.retail #second .right_column.text.star{margin-top:30px;}

.retail #second .left_column{margin-bottom:0px!important;}
.retail .left_column.taste{float:left; width:26% !important; padding-top:0px !important; text-align:left;}
.retail .left_column.taste h2{margin-top:0px;}


.retail #fourth{display:inline-block;}
.retail #fourth .right_column{display:inline-block; float:right;} 

.commercial #fifth{Display:block !important;}
.commercial #fourth p{max-width:400px;text-align:left;}


.commercial #vibrant{margin-left:-59.5%!important}
.commercial #sixth p{display:inline-block; margin-right:13%;}
.commercial #sixth {width:100%;}
.commercial #sixth .blue {color:#2500ff; font-weight:bold;}
.commercial #sixth img{float:right;}


.residences #third {display:inline-block;}
.residences #third .left_column{display:inline-block; width:30%}
.residences #third .left_column h1{font-size:48px; font-weight:100;}
.residences #third .left_column{color:#2200FF}
.residences #third .right_column{display:inline-block; width:70%;float:right;}
.residences #fourth {display:block !important;}
.residences #fifth .right_column{width:39%!important; text-align: left;}
.residences #vibrant{margin-top:-40% !important; margin-left:-34.5% !important;}
.residences #contact{background:#ebebeb;}
.residences #contant_main{max-width:1300px;margin:0 auto;padding: 0 10px;}
.residences #contant_main input{background:transparent;border:none; border-bottom:1px solid blue; color:#2500ff; line-height:45px;padding-bottom:0px !important;-webkit-appearance:none;width:100%;border-radius:0px;}
.residences #contant_main select{background:transparent;border:none; border-bottom:1px solid blue; color:#2500ff; line-height:46px;padding-bottom:0px !important;-webkit-appearance:none;width:100%;border-radius:0px;}
.residences #contant_main input {font-size: 15px; font-family: 'Didact Gothic', sans-serif;}
.residences #contact_form *:nth-of-type(even){float:right;}
.residences form{display:inline-block;float:right;padding-top:35px;}
.residences #contact{display:inline-block;width:100%; padding-bottom:20px;}
.residences #contact h2{display:inline-block;float:left;}
.residences #contact_form{width:70%;}
.residences #contant_main input::placeholder{color:#2500ff;}
.residences #contant_main #submit{border-bottom:none;float:right;text-align: right;padding:0; margin-top:15px;}
.residences #contant_main #submit:hover{cursor: pointer;}
.residences #third img{max-width:767px; float:right;}
.residences #contact_form > div{display:inline-block; max-width:48%;background:transparent; width:100%; height:45px; padding-bottom:7px;}
.residences #contact_form > div:last-of-type{float:right; width:100px;}
.residences #contant_main select{background:url(../../../images/drop_arrow.png) no-repeat 97% 50%;-webkit-border-radius: 0px;}

.hotspot.blink{background:none!important;border:none!important;opacity:1!important;}


.slick-dots li.slick-active button:before{color:#fff !important;}
.slick-dots li button:before{color:#fff !important;}
.slick-dots li {border:1px solid #fff !important; border-radius: 13px;}
.slick-dots{bottom:5px !important;}
.slick-dots li button{border:1px solid #fff !important;border-radius:5px;height:10px !important;width:10px !important;}
.slick-dots li button:before{top:0px !important;height:10px!important;width:10px!important;font-size:12px!important;line-height:13px!important;left:-0.5px !important;}
.slick-dots li.slick-active button:before:{opacity:1 !important;}
.slick-dots li{border:none!important;height:10px;width:10px;}



.m-city nav{
	position:relative;
	margin-top:80px;
	width:10%;
}
.m-city #side_menu li.active{font-weight:bold;color:#2200FF;}
.m-city #first img{max-width:1152px;width:100%;}
.m-city nav div{position:fixed;z-index: 200;height:100%;}
.m-city #main_container{display:inline-block;}
.m-city #main_content{width:87.3%;float:right;}
.m-city .first_container{margin-top:0px;}
.m-city #vibrant{margin-left:-69.5% !important}
.m-city #fourth .left_column{width:40%; display:inline-block;float:left;}
.m-city #fourth .right_column{width:40%; display:inline-block; float:right;}
.m-city #sixth .left_column h2{margin-left:0px;}
.m-city #sixth .left_column{width:28%;}
.m-city #sixth .right_column{width:37%; margin-right:0px;}
.m-city #sixth .right_column p{margin-right:0px;}
.m-city #eight .column-4{width:19.7%;}
.m-city nav ul{list-style: none;color:#2200FF; padding-left:0px;text-align: left;}
#side_menu li a{
	text-decoration:none !important;
	text-transform: uppercase;
	font-size:15px;
	color:#2200FF;
}
#side_menu li a:hover,#side_menu li a:active,#side_menu li a:focus,#side_menu li a:visited {color:#2200FF;}
#side_menu li{margin-bottom:5px;}
a:-webkit-any-link:active {color:#2200FF}
a:-webkit-any-link:visited {color:#2200FF}






header{
	height:80px;
	background:#fff;
	width:calc(100% - 16px);	
	position:fixed;
	top:0;
	z-index:200;
	border-top: 8px solid #2200FF;
	border-left: 8px solid #2200FF;
	border-right: 8px solid #2200FF;
	left:0;
	
}

#logo{
	display:inline-block;
	text-align:center;	
}

#logo img{
	margin:15px 0 0 0px;
	
}

#register{
	display:inline-block;
	float:right;
	margin:35px 0px 0 0;
	
	letter-spacing: 1px;
	color: #2500ff;
	
}

container{
	background:#2500ff;	
}

.button{
	width:176px;
	text-align:center;
	border:2px solid #2500ff;
	padding:9px;	
	display:inline-block;
	
	color:#2500ff;
}

.button:hover{
	background:#2500ff;
	color:#fff;
	cursor:pointer;	
}

main{
	margin:0 auto;
	max-width:1320px;
	margin-bottom:175px;
	text-align: center;
	
}

#first{text-align:center;}

#header_container{
	max-width:1320px;
	margin:0 auto;	
	text-align:center;
	padding:0 10px;position:relative;
}

img.logoimg {
	display:none;
}

.clear{
	margin-bottom:75px;	
}

.first_container{
	margin-top:80px;
	position:relative;	
}

.mcity {
	text-align: center;
	font-family: 'Questrial', sans-serif;
	color: #2200FF;
    font-size: 16px;
    letter-spacing: 2px;
    top: -101px;
    margin-left: -30px;
	position: absolute;
	font-weight: bold;
}


#first_over{
	position:absolute;
	bottom:-120px;
}

.first.button{
	margin-left:-16%;
	margin-top:8%;
	letter-spacing: 2px;
}

.over_container {
	position:absolute;
    max-width:45%;
    max-height:45%;
    top:50%;
    left:50%;
    overflow:visible;	
}

.over_containerm1 {
	position:absolute;
    max-width:45%;
    max-height:45%;
    top:39%;
    left:47%;
    overflow:visible;
}

.over_container1 {
	position:absolute;
    max-width:100%;
    max-height:100%;
    top:63%;
    left:65%;
    overflow:visible;
}

#first_over{
	position:relative;
    max-width:100%;
    max-height:100%;
    margin-top:-12%;
    margin-left:-28%;
	display:block;	
}
#vibrant{
	margin-left:-116.5%;
	margin-top:-9%;
	max-width: 1394px;
}

.location #vibrant{
	/*margin-left:15.5% !important;*/
	margin-top:-37%;
	max-width: 1394px;
	position:absolute;
	
}

.commercial #vibrant{
	margin-left:21.5% !important;
	margin-top:-34%;
	max-width: 1394px;
	position:absolute;
	
}

.over_container_mcity #vibrant{
margin-left:18.5% !important;
	}

.location .over_container_location #vibrant{
	/*margin-left:-3.5% !important;*/
	margin-top:-34%;
	max-width: 1394px;
	position:absolute;
	
}

.residences #vibrant{margin-top:-37% !important; margin-left:37.5% !important;}






#second img{
	display:inline-block;
	
}	
#second .text{
	float:right;
	margin-top:8%;
	margin-left: 4%;
	margin-right:3%;
	display:inline-block;
/*	max-width:350px;		
*/}

#second .left_column {
	width: 67.4%;
	float: left;
	margin-bottom: 75px;
}

#second .right_column {
	width: 24.5%;
	float: right;
}


.over_container3 {
	position:absolute;
    max-width:45%;
	
	right:20%;
    max-height:45%;
    top:33%;
    left:50%;
    overflow:visible;	
}


#third_over{
	position:relative;
    max-width:100%;
    max-height:100%;
    margin-top:102%;
    margin-left:64%;
	display:block;
	z-index: 99;
}


#fourth{
	text-align:center;	
	position:relative;
}

#fourth .text{
	margin:0 auto;
	width: 36%;
	padding-top: 20px;
}

#fourth #city_view{
	margin-bottom:-50px;	
}


#fourth_over{
	position:absolute;
    max-width:100%;
    max-height:100%;
    margin-top:-32%;
    margin-left:38%;
	display:block;	
}

#fourth_over2{
	position:relative;
    max-width:100%;
    max-height:100%;
    margin-top:78%;
    margin-left:0%;
	display:block;	
}

.home #fourth_over2{
	margin-top:	40%;
}

#fourth_over2_1680, #fourth_over2_mobile {
	display: none;
}

.column-4.project_team{padding-left:0px;letter-spacing: 5px;}


#fifth img{
	display:inline-block;
	
}	
#fifth .text{
	float:left;
	margin-top:300px;
	margin-left: 0px;
	margin-right:60px;
	display:inline-block;
/*	max-width:350px;*/		
}

#fifth .left_column {
	max-width: 26.5%;
	float: left;
}

#fifth .right_column {
	width: 64.3%;
	float: right;
	margin-bottom: 0%;
}

#fifth, #sixth{
	display:inline-block;	
}

#first_mobile, #vibrant_mobile, #fifth .left_column_mobile, #fifth .right_column_mobile, .left_footer_mobile, .right_footer_mobile, .fthmobile {
	display: none;
}

#sixth img{
	display:inline-block;
	
}	
#sixth .text{
	float: right;
	margin-top:300px;
	margin-left: 1%;
	margin-right:3%;
	display:inline-block;
/*	max-width: 350px;
*/}

#sixth .left_column {
	width: 67.4%;
	float: left;
	margin-bottom: 0%;
}

#sixth .right_column {
	width: 27.5%;
	float: right;
}


footer{
	height:225px;
	position:absolute;
	bottom:0;
	background:#2500ff;
	width:100%;
	/*margin-left:-10px;*/
	left:0;
	
}

#footer_container .mcityaddress {
	display:inline-block;
	float:left; 
	color:#fff;
}

#footer_container{
	margin:30px auto;
	max-width:1320px;	
}

#footer_container img{
	margin-right:220px;
}

#footer_container .left_footer, #footer_container2 .left_footer {
	float: none;
	text-align: center;
		display:inline-block;
	width:70%;
}

#footer_container .right_footer, #footer_container2 .right_footer {
	text-align: right;
	color: #FFF;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-top: -21px;
}

#footer_container .right_footer a, #footer_container2 .right_footer a {
	color: #FFF;
	text-decoration: none;
}

#footer_container .right_footer a:hover {
	color: #FFF;
	text-decoration: underline;
}

#footer_container2{
	margin:38px auto 0px;
	max-width:1320px;	
}

#footer_container2 img{
	margin-right:30px;
	margin-top:-8px;
}

.footermenu1 {
	margin-right: 30px;
}

p {
    font-size: 16px;
    letter-spacing: 1px;
}

h1 {
}

h2 {
	color: #2200FF;
    font-weight: lighter;
    font-size: 37px;
    letter-spacing: 5px;
	line-height: 35px;
}

h3 {
    color: #2200FF;
    font-size: 14px;
    letter-spacing: 2px;
	text-transform: uppercase;
	font-family: 'Questrial', sans-serif;
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    border: 0;
}

#form{
	display:none;	
}

#form{
	display:none;
	width:75%;
	float:right;
	background:#2200FF;
	position:fixed;
	height:100VH;
	z-index:250;
	top:0;
	right:0;	
}


.chrono_credits{
	display:none;	
}

.last {
	margin-right: 0px !important;
}

body main #sixth .star,body main #fifth .star {
	margin-top:0px;	
	visibility:hidden;
}

body main #fourth .star{
	margin-top:150px;	
	visibility:hidden;
}

#cross {
    display: inline-block;
    font-size: 80px;
    font-weight: 500;
    float: right;
    margin-top: 3%;
    margin-right: 13.5%;
    color: #FFF;
	background:#2200FF;
	border:none;
}
#mobile_register,#cross:hover{cursor: pointer;}

#second .mobile .right_column{display:none; }
.hamburger,.mobile_menu{display:none;}
.mobile_menu{display:none;}
.mobile_menu{background:#2200FF;position:absolute;width:100%;left:0;padding-top:30px;top:80px;}
.mobile_menu ul{list-style: none;}
.mobile_menu ul a{color:#fff !important;text-decoration: none !important; }
	.mobile_menu ul li{margin:15px 0}
#mobile_register{color:#fff;}
.hamburger:hover,.cross:hover{cursor: pointer;}
.cross {display:none;}
#google_map,#map{max-width: 840px !important;}
#google_map .checkbox-circle {width:17%;}

.residences #third .left_column.text.mobile{display:none;}
.location.retail #vibrant{margin-left:31.5% !important; margin-top:-33%;}
.m-city #fourth .right_column.mobile{display:none;}
#back-top_mobile{display:none;}
.cbre {clear:both;margin-top:-30px;}
.home #seven .column-4.project_team h2, .m-city #eight .column-4.project_team h2 {margin-top:5px;}
.home #second .left_column_ipad, .home #fifth .left_column_ipad, .home #sixth .left_column_ipad, .retail #fourth .left_column_ipad {display:none;}


@media (max-width: 1320px) {
	.home .column-4{width:90%;padding:0;}
	body.m-city .column-4{width:48%;}
	
	
}

@media (min-width: 1320px) {
.m-city #eight .column-4{width:28%;}
}

@media (max-width: 1265px) {
.column-4.project_team{margin-left:0px;}
}

@media (max-width: 1120px) {
	
	body.m-city #eight .column-4{width:43%;padding:0 20px;}
	
	
}
@media (max-width: 1265px) {
	#google_map,#map{max-width: 1265px !important;}
	.location .right_column.everything{margin-left:0px !important}
	.m-city #sixth .left_column{width:100%;text-align: center;}
	.m-city #sixth .right_column{width:96%;padding:0 10px;text-align: center;}
	#sixth .right_column.text {transform:translate3d(0px, 0px, 0px) !important;}
	.location.retail #fourth .left_column.text{width:96% !important;padding:0 10px; text-align:center;transform:translate3d(0px, 0px, 0px) !important;}
	.location.retail #fourth .right_column{width:100%;}
	.location #fourth h2, .location #fourth p {text-align:center;}
	
	body.hotel .left_column.taste{float:none;width:100% !important;text-align: center;margin-bottom:100px; margin-top:-60px !important;}
	body.hotel .image{text-align:center !important;}
	
}
@media (max-width: 1065px) {
	#second .right_column{display:none; text-align: center;float:inherit;}
	#second .mobile .right_column{display:block !important;width:auto;float:none;margin:0px 0px 30px;padding:0 20px;}
	#second .left_column{width:100%;margin-bottom: 60px;}
	#second .mobile h2, #second .mobile h3 ,#second .mobile p{text-align:center;}
	#fourth .text{width:auto;padding:20px 20px;margin:0 auto;}
	#fifth .right_column{width:100%;}
	#sixth .left_column{width:100%;}
	
	#fifth .left_column.text{display:none;}
	#fifth .right_column_mobile{display:block;text-align: center;margin:60px 0 0 0;width:auto;padding:0px 00px;}
	#sixth img{display:inline-block;margin:0 auto;}
	#sixth .right_column.text{width:auto;text-align: center;padding:60px 20px 0px; margin:60px 0 0 0;}
	.location.retail #second .right_column.text {transform:translate3d(0px, 0px, 0px) !important;}
	.over_container #first_over{bottom:-10px;}
	.paragraph {display: none;}
	.column-2 {width: auto; display: inline-block; vertical-align: top; text-align: center; padding: 0 20px;}
	.home .column-4 {width: auto; padding: 0;text-align: center;}
	.home .over_container #vibrant {max-width:780px; margin-left:-89%;margin-top:-8%}
	.m-city #eight .column-4 {width: auto !important; text-align: center;}
	.project_team {min-height: 40px;}
	.m-city #eight .column-4.project_team {width: 96%!important;}
/*	#fourth_over {max-width: 245px !important; max-height: 100%; margin-top: -28%; margin-left: 38%; display: block;}
*/
	
	/*LOCATION*/
	.location #second .left_column{
		width:100%;
		text-align: center;		
	}
	.location .clear.location{margin-bottom:60px;}
	.location #second .right_column.text{display:block;width:auto;margin:0 auto;padding:0px 20px;}
	.location #fourth .right_column.text{width:auto; text-align:center; padding:40px 20px 0px;max-width: inherit !important;}
	.slick-dotted.slick-slider {margin-bottom: 60px !important;}
	.location .over_container_location #vibrant {margin-left: 10.5% !important; max-width: 780px!important;margin-top:-32%;}
	#second .right_column.text.star.fadeIn, #fifth .left_column.text.star.fadeIn, #sixth .right_column.text.star.fadeIn {
    transform: translate3d(0px, 40px, 0px);margin-top: 0px;opacity: 1;transition: opacity 1s ease;}
	
	/*M-CITY*/
	.m-city #main_container,.m-city #main_content {width: 100%;}
	.m-city main #main_content .first_container {padding: 0px; width: 100%;}
	.m-city main #main_content > div {padding: 0 10px; width: auto;}
	.over_container_mcity #vibrant {margin-left: 13.5% !important;}
	.m-city #second {min-height:150px;}
	.location #fourth h2, .location #fourth p {margin-top: 0px;}
	
	/*RESIDENCES*/
	.residences #vibrant {margin-top: -34% !important; margin-left: 38% !important;max-width:245.827px;}
	.residences #third .left_column.text.mobile{display:block;width:auto;padding:0 10px;text-align: center;}
	.residences #third .left_column.text.not_mobile{display:none;}
	.residences #third img{width:100%;max-width: inherit;}
	.residences #third .right_column{width:100%;}
	.residences #fifth .right_column{width:auto !important; text-align:center; padding:0 20px;float:none;margin:0 auto;}
	.residences #contant_main select{line-height:46px;height:51px;}
	
	/*COMMERCIAL*/
	.commercial #vibrant {margin-left: 13.5% !important; margin-top: -32%; max-width: 100%;}
	.commercial #fourth {width:auto; padding: 0 20px;}
	.commercial #fourth p {width:auto; text-align:center; padding:0 20px;max-width:100%;}
	.commercial #sixth {width: 98%; margin: 0 auto; padding: 0 10px;}
	.commercial #sixth p {margin-right: 7%;}

	/*RETAIL*/
	.location.retail #second .right_column{display:block;}
	.location.retail #fourth .left_column.text{width:auto !important;padding:0 20px 60px; text-align:center; transform:translate3d(0px, 0px, 0px) !important;}
	.location.retail #second .left_column{text-align:center;width:100%; }
	.retail .secondretail {margin-bottom: 70px !important;}
	.retail #fifth {width:98%; margin:0 auto; padding:0 10px;}
	.location.retail #vibrant {margin-left: 26.5% !important; margin-top: -31%;}
	
	#first_over {
    margin-top: -15%;
    margin-left: -50%;
}

.location #second .left_column {
    margin-bottom: 0px;
}

.location #fourth {
    display: inline-block;
    width: 100%;
    margin-bottom: 0px;
}
	
}

@media (max-width: 1065px) and (min-width:550px) {
.residences #contact {
    display: inline-block;
    width: 100% !important;
    padding-bottom: 200px;
    margin-left: 0px;
    padding-left: 20px;
    padding-right: 20px;
}
}

@media (max-width: 1050px) and (min-width: 901px) {
	#fourth_over {
		margin-left: 37%;
		margin-top: -31%;
	}
	
	.residences #contant_main input {width:95.5%;}
	#cross {margin-right:3.5%;}
	
.home #second .left_column_ipad, .home #third .left_column_ipad, .home #fifth .left_column_ipad, .home #sixth .left_column_ipad, .retail #fourth .left_column_ipad {
	display: block;
	width: 100%;
	float: left;
}
	
.home #second .left_column_ipad {
		margin-bottom: 75px;
	}

.home #second .left_column, .home #third .right_column, .home #fifth .right_column, .home #sixth .left_column, .retail #fourth .right_column {
	display: none;
}
	
}

@media (max-width: 1050px) {
	
	.m-city #main_content{width:100%;float:none;}
	main nav{display:none;}
	.m-city #fourth .right_column{display:none;float:none;}
	.m-city #fourth .right_column.mobile{display:block; width:100%;}
	.m-city #fourth .left_column{width:auto;margin: 0 auto;}
	.m-city #main_container{margin-top:80px;}	
	
}

@media (max-width: 900px) and (min-width:550px) {
	#fourth_over {
		max-width: 200.157px;
		margin-top: -28%;
		margin-left: 36%;
	}
	
	.residences #contant_main input {width:97.8%;}

}


@media (max-width: 990px) {
	.column-2{width:100%;padding:0;}
	.column-4{width:100%;padding:0;text-align:center;}
	.mobile_menu{display:block;}
	.hamburger,.cross{display:block;top:6px;right:10px;position:absolute;font-size:36px;background:none;border:none;color:#fff;padding:0;}
	.cross{font-size:80px; display:none;position:absolute}
	#header_left_menu, #header_right_menu{display:none;max-width:0%;}
	header{background:#2200ff;}
	.mobile_menu ul a,.mobile_menu ul li{font-size:20px;}
	.mobile_menu{display:none;background: #2200FF ;
    position: absolute;
    width: 100%;
    left: 0;
    padding-top: 0px;
    top: 80px;
		height:1000px;
}
	.over_container3,.over_container1{display:none;}
	#vibrant {display:none;}
	
	.location #fourth .right_column.text {padding: 60px 20px 0px;}	
	.residences #contact_form{margin-top:20px;}
	.residences #contact_form > div{max-width:96%;}
	.residences #contact_form *:nth-of-type(even){float:left;}
	.residences #contant_main #submit{margin-right:17px;}
	.m-city #second .left_column{margin-bottom:50px;}
	.m-city #sixth .left_column h2 {margin-left: 0px; margin-top: 5px;}
	.location.retail #second .text{width:96%;padding:0 10px;text-align:center;}
	#back-top{display:none;}
	#back-top_mobile{display:block;margin-right:10px;}
	.over_container #first_over{bottom:-50px;}
	.home .column-4{width:96%;padding:0 10px;text-align:center;}
	
	#first_over {
    margin-top: -7%
}
	
	.slick-dots li {
		margin: 0 auto;
	}

.clear {
    margin-bottom: 60px;
}

.location #fourth {
    display: inline-block;
    margin-bottom: 0px;
}
	
#google_map .checkbox-circle {
    width: 16%;
}
	
	#fourth .text {
		padding-top: 35px;
	}
	.m-city #fourth .text {padding-top:0px;}
	.commercial #fourth p {
    	width: 97.3% !important;
    	text-align: center;
    	padding: 0 10px;
    	max-width: 100%;
	}

	.project_team {
        min-height: 60px;
    }
	
	.cbre {margin-top:25px;padding-left:15px;margin-bottom:15px;}

}


@media (max-width: 768px) {
	
	.left_footer a{display:block;margin-bottom:5px;}
	#footer_container .left_footer a img{margin-right:0px;}
	#footer_container2 .left_footer.mobile a{display:inline-block;}
	
	main{margin-bottom:220px;}
	#footer_container2{margin:0 auto;}
	#footer_container2 .right_footer{margin-top:20px;text-align:center;}
	footer{height:245px;}
	
}


@media (max-width: 730px) {
	.residences #contact_form{width:96%;}
	
	
}

@media (max-width: 650px) {
	body.m-city #eight .column-4{width:auto;padding:0 10px;}	
}

@media (max-width: 510px) {
	main {
		margin-bottom: 118px;
	}
	
	.enquiries {
		text-align: center !important;
	}
	
	.commercial #sixth img, .retail #fifth img {
		float: none;
		margin-top: 20px;
		margin-right: 0px !important;
	}
	
	.enquiries h2 {
    	text-align: center !important;
	}
	
	.commercial #sixth p, .retail #fifth p {
    	margin-right: 3%;
		margin-left: 3%;
	}
}


@media (max-width: 414px){
	.first_container {
		margin-top: 88px
	}
	
	#first_over{
		margin-left:-50%;
		margin-top:-25%;
	}
	
	#second .readmore{margin-bottom:40px;}
	#second .left_column{margin-bottom: 35px;}
	.clear{margin-bottom:35px;}
	#sixth .right_column.text, #fifth .right_column_mobile.text{margin-top:35px;width:auto;padding:0 10px;}
	main {margin-bottom:90px;}
	.home #fourth_over{margin-left:32%;margin-top:-46%;}
	.home #second .mobile .right_column {margin: 0px 0px 0px;}
	.home #fourth .text {width:auto; padding: 35px 10px 0px;}
	.home #seven {width:auto; margin:0 auto}
	.home .column-4 {width: auto; padding:0px 10px;}
	.location #second .left_column{margin-bottom:0px;}
	.location #second .text {margin-top:0px;}
	.clear {margin-bottom: 35px;}
	.residences #contact{max-width:100%;margin:0 auto;}
	.location #fourth {
    	display: inline-block;
    	width: auto;
    	margin-bottom: 35px;
	}
	#google_map .checkbox-circle {width:23%;}
	.m-city #main_container,.m-city #main_content {width: 100%;}
	.m-city main #main_content > div {padding: 0 10px; width: auto;}
	.retail #fourth{margin-bottom:0;}
	
	.residences #contact h2{margin-left:15px;}
	.location .clear{margin-bottom:35px;}
	.location .clear.location {margin-bottom: 45px;}
	.location #second .right_column.text {width: auto;margin: 0 auto;padding:0 10px;}
	.location.retail #fourth .left_column.text {width: auto !important; margin:0 auto;}
	.slick-dotted.slick-slider {margin-bottom: 30px !important;}
	.m-city main #main_content .first_container {padding: 8px 0px 0px 0px; width: auto;}
	.m-city #fourth .right_column.mobile h2 {margin-top: 0px;}
	.m-city #fourth .left_column.text {padding-top: 0px;}
	.m-city #fourth {margin-bottom:0px}
	.m-city #sixth .left_column h2 {margin-top: 0px;}
	.m-city #sixth .right_column.text {width:auto;margin-top: 0px;}
	.m-city #eight .column-4.project_team, .home #seven .column-4.project_team {width:95%;}
	.residences #fifth .text{
		margin-top:0px;
	}

	.commercial #sixth h2, .commercial #sixth p{
		width:100%;
		text-align: center;
		margin-right:0;
	}
	.commercial #fourth {width:auto;margin:0 auto;}
	.commercial #sixth {width:auto;margin:0 auto;}

	.retail #fifth h2, .retail #fifth p{
		width:100%;
		text-align: center;
		margin-right:0;
	}
	
	.commercial #sixth h2, .retail #fifth h2 {margin-top: 0px;}

	.retail #fifth img{
		float:none;
		margin:0 auto;
		display:block;
		margin-top:25px;
	}

	.commercial #sixth img{
		float:none;
	}
	
	.commercial #fourth p {
    	width: 94.7% !important;
	}
	.enquiries {text-align: center;}

	.retail #fourth{padding:0px 10px;}
	.retail #fourth .right_column{width:100% !important;float:none;}
	.retail #fifth {width: auto; margin: 0 auto;}
	.retail .secondretail {margin-bottom: 45px!important;}
	.retail #fourth .left_column.text {margin-bottom:35px !important;}

}

@media (max-width: 384px){
	.home #fourth_over{margin-left:28%;margin-top:-46%;}
	.m-city #eight .column-4.project_team, .home #seven .column-4.project_team {width:94%;}
}

@media (max-width: 375px){
	.project_team {
    	min-height: 100px;
	}
	.home #fourth_over{margin-left:27%;margin-top:-46%;}
	#google_map .checkbox-circle {width: 26%;}
}

@media (max-width: 360px){
}

@media (max-width: 320px){
	.home #fourth_over{margin-left:22%;margin-top:-46%; width:150px;}
	#header_container{width:100%;}
}