@font-face
{

    font-family: 'ProximaNovaRegular';
    src: url('/fonts/ProximaNovaRegular.eot');
    src: url('/fonts/ProximaNovaRegular.eot') format('embedded-opentype'),
         url('/fonts/ProximaNovaRegular.woff2') format('woff2'),
         url('/fonts/ProximaNovaRegular.woff') format('woff'),
         url('/fonts/ProximaNovaRegular.ttf') format('truetype'),
         url('/fonts/ProximaNovaRegular.svg#ProximaNovaRegular') format('svg');
}
  
@font-face
{
    font-family: 'MontserratRegular';
    src: url('/fonts/MontserratRegular.eot');
    src: url('/fonts/MontserratRegular.eot') format('embedded-opentype'),
         url('/fonts/MontserratRegular.woff2') format('woff2'),
         url('/fonts/MontserratRegular.woff') format('woff'),
         url('/fonts/MontserratRegular.ttf') format('truetype'),
         url('/fonts/MontserratRegular.svg#MontserratRegular') format('svg');

}
@font-face
{
    font-family: 'MontserratBold';
    src: url('/fonts/MontserratBold.eot');
    src: url('/fonts/MontserratBold.eot') format('embedded-opentype'),
         url('/fonts/MontserratBold.woff2') format('woff2'),
         url('/fonts/MontserratBold.woff') format('woff'),
         url('/fonts/MontserratBold.ttf') format('truetype'),
         url('/fonts/MontserratBold.svg#MontserratBold') format('svg');
}
@font-face
{
    font-family: 'FontAwesome';
    src: url('/fonts/fontawesome-webfont.eot?v=4.1.0');
    src: url('/fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'),
    url('/fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'),
    url('/fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'),
    url('/fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
ul
{
    margin: 5px 0 5px 15px;
    padding: 0;
}
.note
{
    font-size: 90%;
    margin: 0;
    margin-top: -7px;
    padding: 0;
}
/* GRID */
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12
{
    margin: 0 2% 2% 0;
    float: left;
    display: block;
}
.grid_1
{
    width: 60%;
}
.grid_2
{
    margin: 0 10px 0 0;
    width: auto;
}
.grid_3
{
    width: 23%;
}
.grid_4
{
    width: 32%;/*Used in project details*/
}
.grid_4.updates
{
    width: 35%;
    margin: 0 0 2%;
}
.grid_5
{
    width: 50%;/*Used in project details*/
    float: left;
    margin: 0;
}
.grid_5.chk_holder.nomarginbottom
{
    margin-bottom: 0;
}
.grid_6
{
    width: 48%;
}
.grid_6.rightcol
{
    float: right;
}
.grid_7
{
    width: 53%;
    float: none;
    margin: 0 auto;
}
.grid_8
{
    width: 63%;/*Used in project details*/
}
.grid_9
{
    width: 74.5%;
}
.grid_10
{
    width: 83%;
}
.grid_11
{
    width: 91.5%;
}
.grid_12
{
    width: 100%;
    margin-right: 0;
}
.grid_50
{
    width: 50%;
    display: block;
    float: left;
    padding-right: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 10px;
}
.grid_15
{
    width: 25%;
    float: left;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 10px;
}
.grid_20
{
    width: 25%;
    float: left;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 10px;
}
/*preloader starts*/

#preloader
{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 9999999;
}
#status
{
    width: 36px;
    height: 36px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -18px 0 0 -18px;
}
.spinner
{
    height: 36px;
    width: 36px;
    position: relative;
    -webkit-animation: rotation .8s infinite linear;
    -moz-animation: rotation .8s infinite linear;
    -o-animation: rotation .8s infinite linear;
    animation: rotation .8s infinite linear;
    border-left: 3px solid rgba(26,187,156,.15);
    border-right: 3px solid rgba(26,187,156,.15);
    border-bottom: 3px solid rgba(26,187,156,.15);
    border-top: 3px solid rgba(26,187,156,.8);
    border-radius: 100%;
}
 @-webkit-keyframes rotation {
 from {
 -webkit-transform: rotate(0deg)
}
 to {
 -webkit-transform: rotate(359deg)
}
}
 @-moz-keyframes rotation {
 from {
 -moz-transform: rotate(0deg)
}
 to {
 -moz-transform: rotate(359deg)
}
}
 @-o-keyframes rotation {
 from {
 -o-transform: rotate(0deg)
}
 to {
 -o-transform: rotate(359deg)
}
}
 @keyframes rotation {
 from {
 transform: rotate(0deg)
}
 to {
 transform: rotate(359deg)
}
}
/*preloader end*/
.project_details .outer_container
{
    background: #fff;
    width: 100%;
}
.outer_container
{
    background: #F0F0F0;
    width: 100%;
}
.outer_container p#th
{
    text-align: center;
    padding: 25px 0;
}
#Page-Project-list .outer_container
{
    position: relative;
    float: left;
}
.container
{
    padding: 2.5% 5%;
    width: 90%;
    margin: 0 auto;
    clear: both;
    display: block;
    position: relative;
    max-width: 1000px;
    overflow: hidden;
}
.container.wechatframe
{
    margin: 80px auto 0 auto;
}
.bold
{
    font-weight: bold;
}
a.readmore
{
    color: #abde94;
}
.borderbottom
{
    border-bottom: 1px solid #505050;
}
#dropdownholderhome
{
    float: left;
    width: 23%;
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 2%;
}
.customdropdown
{
    width: 100%;
    float: left;
    position: relative;
}
#Page-Project-list .customdropdown
{
    margin-bottom: 15px;
}
.searchelemnts
{
    width: 77%;
    margin: 0;
    padding: 0;
    float: left;
}
.whattosearch
{
    width: 100%;
    line-height: 38px;
    padding: 0 0 0 10px;
    display: inline-block;
    background: url(/images/btns/arrowdown.png) #fff right center no-repeat;
    font-size: 14px;
    border: 1px solid #8496BA;
    text-align: left;
    cursor: pointer;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.whattosearch.active
{
    background: url(/images/btns/arrowup.png) #fff right center no-repeat;
}
.searchbox
{
    float: left;
    height: 126px;
    position: relative;
    width: 100%;
	z-index: 110;
}
.jq-dropdown
{
    background-color: #fff;
    border: 1px solid #8496BA;
    float: left;
    width: 100%;
    margin-top: 3px;
    padding: 0 0 0 10px;
    position: absolute;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top: 45px !important;
    left: 0 !important;
    right: 0!important;
    z-index: 10000;
}
.jq-dropdown ul
{
    padding: 0;
    margin: 0;
}
.jq-dropdown ul li
{
    list-style: none;
    width: 100%;
    padding: 0;
    margin: 0;
}
.jq-dropdown ul li a
{
    line-height: 42px;
    padding: 0;
    background: #fff;
    text-align: left;
    cursor: pointer;
    display: block;
}
/*#Page-Project-list .container
{padding:1% 5% 2.5% 5%;
}*/
.updatecontent
{
    margin: 15px 2% 0 0;
}
a#goback
{
    float: left;
}
.small_container
{
    max-width: 1060px;
    margin: 5% auto 0 auto;
    clear: both;
    display: block;
    overflow: auto;
    position: relative;
}
.clear
{
    clear: both;
    display: block;
}
* html .clearfix, *:first-child+html .clearfix
{
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0
}
.clearfix:after
{
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0
}
/* General */
body
{
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #505050;
    margin: 0;
    padding: 0;
}
#ProjectListHolder body
{
    background: #f0f0f0;
}
.image
{
    width: 100%;
    margin: 0;
    display: block;
}
.copy
{
    max-width: 1000px;
    margin: 0 auto;
    float: none;
}
.centeralign
{
    text-align: center;
    padding-bottom: 20px;
    margin-bottom: 0;
    border-bottom: 1px solid #000;
}
.txt_right
{
    text-align: right;
}
.grid_12.txt_right
{
    float: right;
    width: auto;
}
a
{
    text-decoration: none;
    color: #505050;
}
p.projectdetail
{
    margin-bottom: 15px;
}
.txtgreen
{
    color: #9dc68d;
    text-transform: uppercase;
    margin-bottom: 20px;
}
/* Headings */
h1, h2, h3, h4, h5
{
    margin: 7px 0;
    font-family: 'MontserratBold';
    color: #505050;
    text-transform: uppercase;
}
p
{
    margin: 0 0 7px 0;
}
h1
{
    font-size: 40px;
}
h2
{
    font-size: 28px;
}
h3
{
    font-size: 18px;
}
h3.others
{
    color: #505050;
    text-decoration: none;
    margin: 0;
    font-size: 14px;
    font-family: 'MontserratRegular';
    text-transform: none;
}
h4
{
    color: #9dc68d;
    font-size: 16px;
    text-transform: none;
}
h4.office_header
{
    border-top: 1px solid #9dc68d;
    padding-top: 5px;
    margin-bottom: 10px;
}
h3.team_title span
{
    text-transform: none;
    font-family: 'MontserratRegular';
    font-weight: normal;
}
h2.section_title
{
    text-align: center;
    margin: 0 0 40px 0;
}
h2.section_title.mobile
{
    display: none
}
h2.section_title.privacy_header
{
    border-bottom: 3px solid #9dc68d;
    display: table;
    margin: 0 auto 40px auto;
}
h3.pop_h
{
    color: #fff;
    background: #505050;
    text-align: center;
    padding: 10px 0;
    font-size: 18px;
}
/*h4 {
	font-size: 40px;
	color: #2A3851;
}*/
.more_back
{
    display: block;
    margin-bottom: 20px;
}
p.const
{
    font-size: 11px;
    text-transform: uppercase;
    padding: 0 0 10px 0;
}
.floatleft
{
    float: left;
}
.fav_num
{
    background-color: #ABDE94;
    border-radius: 21px;
    color: #505050;
    padding: 2px 6px;
    position: relative;
    top: -12px;
}
/* Buttons */		
.button
{
    font-family: 'MontserratBold';
    position: relative;
    display: block;
    background: none;
    color: #fff;
    text-align: center;
    border: 1px solid #fff;
    text-decoration: none;
    width: 173px;
    height: 34px;
    line-height: 34px;
    margin: 0 auto 15px auto;
    cursor: pointer;
    outline: 0;
    text-transform: uppercase;
}
.button.removefav
{
    font-size: 11px;
}
#Page-Project-list .button
{
    width: 255px;
}
#Page-Project-list a#viewproject
{
    margin: 13% auto 15px;
}
a#viewproject
{
    margin: 13% auto 15px;
}
#Page-Project-list .top_search_container .button
{
    width: 100%;
}
#Page-Project-list .grid20 .top_search_container .button
{
}
#Page-Project-list .vbox-content input.b_submit
{
    margin: 0 auto;
    width: 100%;
}

.search_block
{
    float: left;
    margin: 0 3px 0 0;
}
.myfavourite .vbox-content input.b_submit
{
    width: 129px!important;
}
.myfavourite #allfavourite
{
    float: left;
}
.myfavourite label
{
    float: left;
    margin: 0;
}
#Page-Project-list .vbox-content .contact_frm input.b_submit
{
    margin: 10px 0;
}
.contact_frm #enquiry
{
    max-width: 100%;
    padding: 45px;
    text-align: center;
}
.contact_frm
{
    max-width: 100%;
}
.contact_frm input
{
    margin-bottom: 10px;
}
#Page-Project-list .vbox-content .enq_frm p
{
    font-family: "MontserratRegular";
    font-size: 10px;
    margin: 0 auto;
    max-width: 237px;
    text-align: left;
}
#enquiry
{
    float: left
}
#Page-Project-list .vbox-content .fav .enq_frm
{
    padding: 30px 50px 50px 50px;
}
#Page-Project-list .vbox-content .fav .enq_frm p
{
    font-size: 15px;
    margin: 0 auto 20px auto;
    text-align: center;
    font-weight: bold;
    font-family: "Open Sans", sans-serif;
}
#Page-Project-list .vbox-content .fav .enq_frm p.privacy
{
    font-size: 10px;
    text-align: left;
    font-weight: normal;
}
#Page-Project-list .vbox-content .enq_frm
{
    padding: 50px;
}
.button:hover
{
    color: #505050;
    background: #abde94;
    border: 1px solid #abde94;
}
.img_cont .btn_green:hover
{
    color: #fff;
}
.btn_white
{
    font-family: 'MontserratRegular';
    position: relative;
    display: block;
    text-align: center;
    text-decoration: none;
    width: 173px;
    height: 34px;
    line-height: 34px;
    margin: 0 20px 15px 0;
    cursor: pointer;
    outline: 0;
    color: #505050;
    background: #fff;
    border: 1px solid #505050;
}
.btn_white:hover
{
    background: #ABDE94;
    border: 1px solid #ABDE94;
}
a#enqnow:hover
{
    color: #fff;
}
.btn_green, input.b_submit
{
    font-family: 'MontserratBold';
    position: relative;
    display: block;
    text-align: center;
    text-decoration: none;
    width: 173px;
    height: 34px;
    line-height: 34px;
    margin: 0 auto 15px auto;
    outline: 0;
    color: #505050;
    background: #abde94;
    border: 1px solid #abde94;
}
.top_search_container .btn_green, input.b_submit
{
    margin: 0 0 15px 4px;
}
.btn_fav
{
    font-family: 'MontserratBold';
    position: relative;
    display: block;
    text-align: center;
    text-decoration: none;
    width: 173px;
    height: 34px;
    line-height: 34px;
    margin: 0 20px 15px 0;
    outline: 0;
    color: #abde94;
    background: #fff;
    border: 1px solid #abde94;
}
.myfavourite figure .btn_green, input.b_submit
{
    margin: 23% auto 15px auto;
}
.myfavourite input.b_submit.pop
{
    margin: 0 auto;
}
.btn_green:hover
{
    color: #505050;
    background: #abde94;
    border: 1px solid #abde94;
}
.grid_6.last_list, .grid_4.last_list, .grid_3.team_box.last_list
{
    float: right;
    margin-right: 0;
}
/* figure */ 
figure
{
    position: relative;
    display: list-item;
    margin: 0;
    vertical-align: middle;
}
figcaption
{
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    background-color: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
}
figure:hover img
{
}
figure:hover figcaption
{
    display: block;
}
/* txt_box */
.txt_box
{
    border: 1px solid #c8c8c8;
    display: block;
    overflow: auto;
    padding: 15px;
    background: #fff;
    min-height: 195px;
    position: relative;
}
.txt_box h3
{
    width: 100%;
    float: left;
    max-height: 90px;
    /*min-height: 90px;*/
    overflow: hidden;
    margin-top: 0
}
#Page-Project-list .txt_box h3
{
    width: 215px;
}
#ProjectListHolder, #MapView_iframe body, #MapView_iframe
{
    background: #F0F0F0!important;
}
.txt_box h3 a
{
    display: block;
    color: #505050;
    text-decoration: none;
}
.txt_box h3 a span
{
    font-size: 14px;
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
}
.txt_box h3 a:hover
{
    color: #9dc68d;
}
.txt_box p.grabline_txt
{
    clear: both;
    display: block;
    margin-top: 20px;
    min-height: 84px;
    max-height: 84px;
    overflow: hidden;
    text-transform: uppercase;
}
.txt_box p.right_txt
{
    float: right;
    width: 50%;
    text-align: right;
}
.txt_box p span
{
    display: block;
    font-weight: bold;
}
/* HEADER */ 
.scrolly
{
    position: relative;
    padding: 10px 0 0 0;
    bottom: 88px;
    width: 100%;
    margin: 0 0 -64px;
    text-align: center;
    z-index: 5555;
}
#header_wapper
{
    background: #000000;
    width: 100%;
    position: fixed;
    display: block;
    clear: both;
    z-index: 10;
    top: 0;
}
#Page-Project-list.project_details
{
    padding-top: 60px;
}
#Page-Project-list.project_details #header_wapper
{
    position: fixed;
    top: 0;
    z-index: 10000001;
}
#Page-Project-list.project_details .grid_12.title
{
    position: fixed;
    top: 60px;
    background-color: #fff;
    z-index: 1000000;
}
#header
{
    width: 100%;
    margin: -1px auto;
    background: #a8cede;
    z-index: 6666;
}
.headerfixed
{
    position: fixed;
    top: 0;
}
#mobilemenu
{
    display: none;
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
}
#logo
{
    margin: 19px 40px;
    display: inline-block;
    font-family: 'MontserratRegular';
    font-size: 13px;
    text-transform: uppercase;
    color: #9dc68d;
    text-decoration: none;
    float: left;
}
#logo img
{
    margin-right: 30px;
    border: 0 none;
}
#logo span
{
    margin-top: 0;
    line-height: 22px;
    vertical-align: top;
}
ul.nav.desktop
{
    display: inline-block;
}
ul.nav.mobile
{
    display: none;
}
ul.nav
{
    margin: 0;
    padding: 0;
    float: right;
}
ul.nav li
{
    display: inline;
}
ul.nav li a
{
    color: #fff;
    font-size: 13px;
    display: inline-block;
    font-family: 'MontserratRegular';
    line-height: 60px;
    padding: 0 25px;
    text-decoration: none;
    border-left: 1px solid #969696;
    float: left;
    text-align: left;
}
ul.nav li a#myfav
{
    padding: 0 6px 0 25px;
}
ul.nav.desktop li a:before
{
    content: "";
    width: 0px;
    height: 0px;
    border: 0.8em solid transparent;
    position: relative;
    bottom: -50px;
    left: 30%;
    border-top: 10px solid transparent;
    z-index: 100;
    margin-right: -1.8em;
}
ul.nav li a.vip_nav span
{
    border: 2px solid #fff;
    padding: 10px 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
#page-home ul.nav.desktop a.home, ul.nav.desktop li a.active, ul.nav.desktop li a:hover, #Page-Project-list ul.nav.desktop a.forsale, #page-constructionupdate ul.nav.desktop a.updateslnk
{
    background: #969696;
}
#page-home ul.nav.desktop a.home:before, ul.nav.desktop li a.active:before, ul.nav.desktop li a:hover::before, #Page-Project-list ul.nav.desktop a.forsale::before, #page-constructionupdate ul.nav.desktop a.updateslnk::before
{
    content: "";
    width: 0px;
    height: 0px;
    border: 0.8em solid transparent;
    position: relative;
    bottom: -48px;
    border-top: 10px solid #969696;
    z-index: 100;
    margin-right: -1.8em;
}
ul.nav.desktop li a.vip_nav.active span, ul.nav.desktop li a.vip_nav:hover span
{
    border: 2px solid #9dc68d;
    color: #9dc68d;
    padding: 10px 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
ul.nav.desktop li a.vip_nav.active, ul.nav.desktop li a.vip_nav:hover
{
    background: none;
    border-left: 1px solid #969696;
}
ul.nav.desktop li a.vip_nav.active:before, ul.nav.desktop li a.vip_nav:hover:before
{
    border: 0 none;
    padding: 0.77em;
}
#m_slide
{
    display: none;
}
/* Home Page */
.error
{
    color: #F00;
    display: inline;
    float: left;
    margin-bottom: -18px;
}
.search_home
{
    position: absolute;
    bottom: 120px;
    margin: 0 auto;
    text-align: center;
    max-width: 800px;
    width: 100%;
    left: 0;
    right: 0;
    z-index: 10;
}
.search_home input.nearme
{
    background: url(/images/btns/nearrme.png) no-repeat;
    width: 205px;
    height: 35px;
    border: 0 none;
    cursor: pointer;
    float: left;
    margin-top: 20px;
    clear: both;
}
.home_search
{
    position: relative;
    display: block;
    background: #9dc68d;
    color: #505050;
    text-align: center;
    border: 1px solid #9dc68d;
    text-decoration: none;
    width: 90px;
    height: 40px;
    line-height: px;
    margin: 0 auto;
    cursor: pointer;
    outline: 0;
    float: left;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    font-weight: normal;
    padding: 0;
}
/* Content Page */
#content
{
    max-width: 680px;
    margin: 50px auto;
    width: 100%;
    max-width: 806px;
    float: none;
}
.wrapper_white #content
{
    margin: 0 auto;
}
.wrapper_white .rightpadding p
{
    padding-right: 40px;
}
#page-about #content
{
    margin: 0 auto 50px auto;
}
#content:empty
{
    display: none;
}
#content p
{
    margin-bottom: 10px;
}
.page_banner
{
    width: 100%;
    padding: 10% 0;
    text-align: center;
    background-size: 100%;
    background-repeat: no-repeat;
}
.page_banner h2
{
    font-size: 28px;
    color: #fff;
    text-transform: uppercase
}
#page-contact .page_banner, .top_search_container, #page-vip .page_banner
{
    margin-top: 60px;
}
#Page-Project-list .top_search_container
{
    max-width: 1000px;
    margin: 0 auto 20px auto;
}
.viewas
{
    max-width: 1000px;
    text-align: center;
    margin: 100px auto 40px auto;
}
h3.content_heading, a.content_heading
{
    color: #9dc68d;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    text-align: left;
    margin-bottom: 10px;
    font-weight: normal;
    text-transform: none;
    margin: 0;
    clear: both;
}
a.content_heading
{
    text-decoration: none;
}
.wrapper_white h3.content_heading, .wrapper_white a.content_heading
{
    margin: 0 0 10px 0;
    font-weight: bold;
}
#page-contact #content h3
{
    color: #9DC68D;
    font-size: 16px;
    font-family: "Open Sans", sans-serif;
    text-align: left;
    font-weight: normal;
    text-transform: none;
    margin: 0 0 20px 0;
    clear: both;
}
#page-contact #content p
{
}
#page-ourteam h3.content_heading
{
    margin-bottom: 12px;
}
h3.content_heading:empty
{
    display: none;
}
.wrapper
{
    background: #f0f0f0;
    border-top: 2px solid #000;
}
.wrapper_black
{
    background: #000;
    text-align: center
}
.wrapper_white
{
    background: #fff;
    width: 100%;
    float: left;
}
.wrapper_white span
{
    float: left;
}
.wrapper_black p
{
    color: #fff
}
.wrapper_black p.italic
{
    font-style: italic;
    color: #9dc68d
}
/* Top Search Container */
.suburbselector
{
    float: left;
    margin-right: 4px;
}
#page-about .suburbselector
{
    margin-right: 2%;
}
.top_search_container .suburbselector input
{
    height: 25px;
    padding: 5px;
}
.top_search_container select, .SortOrder
{
    height: 40px;
    padding: 5px;
}
.grid_15 select, .grid_20 select
{
    width: 100%;
    margin-bottom: 15px;
    border: 1px solid #8496BA;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #FFF url("/images/btns/arrowdown.png") no-repeat scroll right center;
    font-size: 14px;
    color: #505050;
}
.top_search_container input.btn_green
{
    float: right;
    width: 100px;
    height: 40px;
    border-radius: 3px;
    padding: 0;
}
.top_search_container input.btn_green:hover
{
    color: #fff;
}
/* Top Navigation Container */

.top_nav_container, .top_team_container
{
    width: 100%;
    margin-top: 60px;
    padding: 30px 0;
    text-align: center;
    height: 35px;
    border-bottom: 2px solid #000;
}
.top_team_container
{
    border-bottom: none;
}
#page-ourteam h2.section_title
{
    margin: 0px 0px 20px;
}
.top_team_container
{
    margin-top: 0;
    padding-top: 0;
}
ul.top_nav
{
    list-style: none;
    margin: 10px auto 0 auto;
    padding: 0;
    display: inline-block;
}
ul.top_nav li
{
    display: inline-block
}
ul.top_nav li a#next_btn
{
    text-decoration: none;
}
ul.top_nav li a#next_btn:hover
{
    text-decoration: none;
    border-bottom: 0;
}
ul.top_nav li a, ul.top_nav li span, h3#latest
{
    color: #505050;
    text-decoration: none;
    margin: 0 15px;
    font-size: 14px;
    font-family: 'MontserratRegular';
    line-height: 20px;
    padding-bottom: 2px;
}
h3#latest
{
    text-transform: none;
    margin: 0 auto;
    text-align: center;
    padding: 40px 0;
    text-decoration: underline;
}
ul.top_nav li a:hover, ul.top_nav li a.active_top_nav, ul.top_nav li span.active_top_nav
{
    border-bottom: 1px solid #505050;
}
.top_nav_container .button.btn_green, #serach_updates
{
    color: #fff;
    float: right;
    margin-bottom: 0;
    position: absolute;
    right: 30px;
    top: 90px;
    width: 120px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
#serach_updates
{
    right: 149px;
    color: #505050;
    width: 300px;
    border: 1px solid #9dc68d;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
#page-constructionupdate #serach_updates
{
    width: 200px;
}

.top_nav_container .button.home_search.btn_green
{
    color: #505050;
}
/* Our Team */
.team_box img
{
    width: 100%;
    max-height: 235px;
    overflow: hidden
}
.team_box
{
    display: inline-block;
    float: none;
}
.team_boxcontent
{
    background: #fff;
    clear: both;
    display: block;
    overflow: auto;
    padding: 10px
}
.team_boxcontent p
{
    margin-bottom: 0;
    float: left;
    max-width: 80%;
    text-align: left;
}
.team_boxcontent a.more p span
{
    font-weight: bold
}
.team_boxcontent a.more
{
    background: url(/images/btns/team_arrow.png) no-repeat right center;
    height: 60px;
    display: block;
    float: right;
    color: #505050;
    width: 100%
}
.team_boxcontent a.more:hover
{
    color: #9dc68d
}
/* enquiry */
.enq_frm
{
    max-width: 660px;
    margin: 0 auto;
}
input, textarea
{
    font-family: 'Open Sans', sans-serif;
    width: 90%;
    border-radius: 0;
    border: 1px solid #969696;
    padding: 9px;
    font-size: 14px;
    margin: 0 0 0 0;
    color: #505050;
    -webkit-appearance: none;
}
textarea
{
    min-height: 67px;
}
input.b_submit
{
    padding: 0;
    width: 129px;
    height: 34px;
    line-height: 28px;
    margin: 10px 0;
    -webkit-appearance: none;
    cursor: pointer;
}
input.b_submit:hover
{
    color: #fff;
}
.enq_frm p
{
    font-size: 9px;
    font-family: 'MontserratRegular';
}
.enq_frm p#th
{
    font-size: 13px;
    padding: 20px;
    text-align: center;
}
.enq_frm label
{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
input[type=checkbox].css-checkbox
{
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}
label
{
    margin: 20px 0 7px 0;
    display: block
}
.vbox-content input.css-checkbox[type="checkbox"] + label.css-label
{
    height: 21px;
}
.chk_holder input[type=checkbox].css-checkbox + label.css-label
{
    margin: 2px 0 7px 0;
}
.chk_holder input[type=checkbox].css-checkbox + label.css-label
{
    padding-left: 20px;
    height: 19px;
    display: inline-block;
    line-height: 23px;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 14px;
    vertical-align: bottom;
    cursor: pointer;
}
.chk_holder input[type=checkbox].css-checkbox:checked + label.css-label
{
    background-position: 0 -19px;
}
.css-label
{
    background-image: url(/images/btns/chk_box.png);
}
.privacy
{
    font-size: 10px;
}
/*Project details*/
.project_details .container
{
    max-width: 100%;
    padding: 62px 0 0 0;
    width: 100%;
}
h2.display
{
    font-size: 18px;
    font-weight: normal;
}
#reg_container
{
    width: 100%;
    margin: 0 auto;
    float: none;
}
.project_details .register
{
    margin-top: 30px;
    float: none;
}
.project_details .vbox-content .register
{
    margin-top: 0;
}
.project_details .register h2.enq_now, h2.enq_now
{
    font-size: 18px;
    width: calc(100% - 40px);
    background: #505050;
    color: #fff;
    font-weight: normal;
    margin: 0 auto;
    padding: 20px;
    letter-spacing: 1px;
    text-align: center;
}
.displaybox
{
    padding: 3%;
    width: 26%;
    border: 1px solid #c2c2c2;
    overflow: hidden;
    text-align: center;
}
.title
{
    padding: 30px 2%!important;
    margin: 0;
    width: 96%;
}
.title a
{
    float: right;
}
.title p
{
    font-family: 'MontserratRegular';
}
.title p span
{
    color: #9dc68d;
    font-size: 18px;
}
img.projectlogo
{
    max-height: 120px;
    max-width: 100%;
    padding: 3.2% 0;
}
.logobanner
{
    display: block;
    width: 100%;
    max-height: 240px;
    overflow: hidden;
    margin: 0 auto;
    text-align: center;
}
p.add
{
    font-weight: bold;
    text-transform: uppercase;
}
p.addttel
{
    font-weight: bold;
    font-size: 18px;
    text-align: left;
    margin-top: 15px;
}
.displaybox p
{
    text-transform: uppercase;
    text-align: center;
}
.displaybox a
{
    text-decoration: underline;
}
.fig_img
{
    display: block;
    height: 285px;
    max-width: 100%;
    width: 100%;
}
.fig_img_background
{
    display: block;
    height: 285px;
    max-width: 100%;
    width: 100%;
    background-position: center center;
    background-size: cover;
}
figure.img_cont
{
    display: block;
}
.img_cont img
{
    text-align: center;
    margin: 0 auto;
    float: none;
}
select.multiple_select
{
    overflow: auto;
    height: 105px;
    width: 90%;
}
select.multiple_select option
{
    color: #505050;
    margin-bottom: 3px
}
select.multiple_select:disabled option
{
    color: #ddd;
}
::-webkit-input-placeholder {
opacity:1;
color:#505050;
}
:-moz-placeholder {
opacity:1;
color:#505050;
}
::-moz-placeholder {
opacity:1;
color:#505050;
}
:-ms-input-placeholder {
opacity:1;
color:#505050;
}
#Page-Project-list .vbox-content #content
{
    margin: 0 auto;
}
#Page-Project-list .vbox-content .contact_frm
{
    padding: 50px;
    text-align: left;
}
#past_projects_list .grid_4 img
{
    min-height: 190px;
}
ul.copy_project
{
    padding: 0 0 0 15px;
}
/*end Project details*/
/*footer*/ 
#page-home footer
{
    position: absolute;
    bottom: 0;
}
footer
{
    background: #969696;
    width: 96%;
    /*position: relative;*/
    padding: 15px 2%;
    height: 40px;
    float: left;
    position: static;
}
footer ul
{
    list-style: none;
    float: left;
    margin: 10px 0;
    padding: 0;
}
footer ul li
{
    display: inline-block;
    margin-left: 5px;
}
footer ul li a
{
    list-style: none;
    text-decoration: none;
    color: #fff;
}
footer ul.icons, ul.icons
{
    list-style: none;
    float: right;
}
.wrapper_white ul.icons
{
    float: left;
    width: 80%;
    margin: 0;
}
#page-constructionupdate .wrapper_white ul.icons
{
    padding: 15px 0 0 0;
}
footer ul.icons li a, ul.icons li a
{
    font-family: 'FontAwesome';
    color: #969696;
    background: #fff;
    width: 30px;
    height: 30px;
    border-radius: 20px;
    padding: 0;
    margin: 0 5px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.wrapper_white ul.icons li a
{
    display: block;
    float: left;
    width: 15px;
}
.fa-facebook:before
{
    content: "\f09a";
}
.fa-instagram:before
{
    content: "\f16d";
}
.fa-twitter:before
{
    content: "\f099";
}
.fa-envelope:before
{
    content: "\f0e0";
}
.fa-google-plus:before
{
    content: "\f0d5";
}
.fa-linkedin:before
{
    content: "\f0e1";
}
.fa-youtube:before
{
    content: "\f16a";
}
.fa-weibo:before
{
    content: "\f18a";
}
.view_projects
{
    font-weight: bold;
}
.view_projects.active
{
    font-weight: normal;
}
/* Shore more styles */
.showmore_content
{
    position: relative;
    overflow: hidden;
}
.showmore_trigger
{
    width: 100%;
    height: 45px;
    line-height: 45px;
    cursor: pointer;
}
.showmore_trigger span
{
    display: block;
    color: #ABDE94;
}
.showmore_trigger span:after
{
    content: "...";
}
/* From Project Page */
select option
{
    color: black;
}
/* Hidden placeholder */
select option[disabled]:first-child
{
    display: none;
}
.title
{
    margin: 0;
}
.project_details .register h2
{
    text-align: center;
    margin: 0 auto 50px auto;
    padding-top: 50px;
    border-top: 1px solid #505050;
}
.project_details .register h3
{
    margin: 0 0 10px 0;
}
p.display_addr
{
    font-weight: bold;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
}
p.display
{
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
}
.project_details input, textarea
{
    max-width: 297px;
}
.project_details h2.display
{
    padding: 0 0 10px;
    overflow: hidden;
}
a.marketmsg
{
    color: #abde94;
    text-transform: uppercase;
}
.listingcopy h3
{
    text-transform: none;
    margin: 12px 0 15px 0;
}
.copy h3
{
    font-weight: normal;
    min-height: 46px;
}
.contactagent
{
    margin-bottom: 12px;
}
.project_details .gray .grid_8
{
    width: 59.5%;
    margin: 0 0 2% 0;
}
.project_details .gray .grid_8 img
{
    max-height: 295px;
    overflow: hidden;
    border: 1px solid #c2c2c2;
}
a.btn_white.visit
{
    text-decoration: none;
    margin: 30px auto 15px;
}
a.btn_white.visit:hover
{
    background-color: #ABDE94;
    border: 1px solid #ABDE94;
}
.register a.btn_white.visit
{
    margin: 16px auto 15px;
    background: #F0F0F0;
    float: left;
}
.register a.btn_white.visit:hover
{
    background-color: #ABDE94;
    border: 1px solid #ABDE94;
}
.listingcopy .btn_white, .listingcopy .btn_green
{
    width: 220px;
    margin: 0 auto 15px;
}
.listingcopy
{
    margin: 0;
    padding: 25px;
    background: #fff;
}
.gray
{
    background: #f0f0f0;
    float: left;
    width: 100%;
}
.project_details .gray
{
    padding: 60px 0;
}
.b_nospace
{
    margin: 0;
}
.btn_list
{
    float: left;
    padding: 10px 15px 0 0;
    margin: 0 30px 0 0;
    height: 35px;
}
a#bed
{
    background: url('/images/btns/bed.png') no-repeat top right;
    width: 49px;
}
a#bath
{
    background: url('/images/btns/bath.png') no-repeat top right;
    width: 50px;
}
a#car
{
    background: url('/images/btns/carpark.png') no-repeat top right;
    width: 43px;
}
.listingdetails .listingcopy
{
    height: 270px;
    float: left;
    overflow: hidden;
    border-top: 1px solid #c2c2c2;
    border-bottom: 1px solid #c2c2c2;
    border-right: 1px solid #c2c2c2;
}
.listingdetails .grid_8
{
    border-top: 1px solid #c2c2c2;
    border-bottom: 1px solid #c2c2c2;
    border-left: 1px solid #c2c2c2;
}
#Pagination
{
    float: right;
}
#Pagination a
{
    padding: 0 4px;
}
#Pagination a.active_page
{
    color: #9dc68d;
}
.chk_holder .lbl_fav
{
    float: none;
    margin: 0 auto;
}
.reg_con
{
    text-align: center;
}
.m
{
    display: none;
}
img.testimonials_img
{
    max-width: 100%;
}
figcaption.mobile
{
    display: none;
}
/*#page-listwithus ul
{
	margin-bottom:18px;
}*/
.btitle
{
    float: left;
}
a#goback
{
    padding: 20px 20px 0 0;
    text-decoration: none;
    font-weight: bold;
}
/*career*/
.container.career input
{
    margin-bottom: 15px;
}
.container.career input.b_submit
{
    height: 46px;
    margin-top: 0px;
}
.addthis_counter.addthis_pill_style
{
    margin-right: 15px;
}
p.bvip
{
    margin: 55px auto;
    width: 80%;
    text-align: center;
    background-color: #fff;
    border: 1px solid #C8C8C8;
    padding: 25px 0;
}
p.bvip a
{
    color: #ABDE94
}
#ListView_iframe, #MapView_iframe
{
    max-width: 100% !important;
}
#disclaimerbtn
{
    color: #ABDE94;
    font-size: 14px;
    cursor: pointer;
}
/*email*/

.btn_green.email
{
    margin-right: 20px;
    background-image: url(/images/bg/envelop.png);
    background-repeat: no-repeat;
    background-position: right center;
    cursor: pointer;
}
.btn_green.email:hover
{
    color: #fff;
}
.emailcomment
{
    max-width: 297px;
}
.mobileviewproject
{
    display: none;
    height: 100%;
    position: absolute;
    top: 0;
}
.ddp1
{
    float: right;
    margin-bottom: 5px
}
.ddp2
{
    float: right;
    margin-bottom: 5px;
    margin-right: 10px
}
/*media*/
.at-share-tbx-element:hover, .at-share-btn:hover, .at-share-tbx-element .at-share-btn:hover
{
    outline-offset: 0 !important;
    transform: translateY(0)!important;
}
#Page-Project-list .at-share-tbx-element.addthis_32x32_style .at-share-btn, #Page-Project-list .at-share-tbx-element.addthis_32x32_white_style .at-share-btn
{
    max-height: 3pc;
    max-width: 3pc;
}
.at-share-btn .at-icon-wrapper
{
    background: #fff !important;
    border: 1px solid #505050;
}
.at-share-btn:hover .at-icon-wrapper
{
    background: #9dc68d !important;
    border: 1px solid #9dc68d;
}
.at-share-btn
{
    float: left!important;
}
.at-icon path
{
    fill: #505050 !important;
}
#share_box
{
    float: right;
    margin-right: 15px;
    margin-top: -1px;
}
/**************************** page news ******************/
#page-news
{
    margin-top: 100px;
}
.display.txtgreen.headernews
{
    font-size: 16px;
    margin-top: 0;
    font-family: 'Open Sans', sans-serif;
    text-transform: capitalize;
}
span.newstype
{
    font-size: 10px;
    color: #1b1b1b;
    font-weight: bold;
    margin-top: 15px;
    display: block;
    text-transform: uppercase;
}
.suggestion
{
    background-color: #f0f0f0;
    box-sizing: border-box;
    padding: 0 20px 0 20px;
}
.articles
{
    background-color: #f0f0f0;
    padding: 0 0 20px 0;
}
.suggestion.paddingtop
{
    padding-top: 20px;
}
.suggestion .grid_12
{
    border-bottom: 1px solid #cccccc;
    padding: 7px 0;
}
.suggestion .grid_12.noborder
{
    border: none;
}
.suggestion img
{
    width: calc(100% - 10px);
    border: 1px solid #000;
}
p#head
{
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #5b5b5b;
    padding: 0;
}
.subcategory
{
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    color: #000;
    font-size: 10px;
}
.grid_4.last
{
    width: 35%;
}
.constructionheader
{
    border-bottom: 1px solid #505050;
    padding: 10px 0 10px 10px;
    border-top: 1px solid #505050;
    width: calc(100% - 10px);
}
*.paddingtop
{
    padding-top: 40px;
}
*.last
{
    margin-right: 0;
}
.bigcontainer
{
    width: 1000px;
    max-width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
}
h3.constructiontitle
{
    font-weight: normal;
    font-family: "MontserratRegular";
    text-transform: none;
    font-size: 36px;
    color: #505050;
    margin-bottom: 35px;
}
*.paddingleft
{
    padding-left: 20px;
    box-sizing: border-box;
}
a#next_btn
{
    display: none;
}
a#pre_btn
{
    display: none;
}
#page-constructionupdate .tstbold a
{
    color: #abde94 !important ;
}
.linkvideo
{
width:100%;
display:block;
margin:0 auto !important;

}
#page-constructionupdate .txt_box
{
	padding:0;
}

.linkvideo span.projectimage
{
display: block;
width: 100%;
height:220px;
background-size:cover;
background-position:center center;
}
.linkvideo span.button
{
	
position:absolute;
top:90px;
left:0;
right:0;
margin:0 auto;
	}
	
#page-constructionupdate .txt_box p.right_txt {
    float: none;
    width: 200px;
    text-align: left;
	padding:10px;
}

#page-constructionupdate .txt_box p.grabline_txt {
padding:10px;
height:auto;
margin-bottom:15px;
min-height: 5px;
max-height: 84px;
}
section.pu{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 1000;
	display: none;
}
section.pu .privacy {
    font-size: 10px;
    text-align: center;
    max-width: 400px;
    margin: 0 auto;
}
div.pop-up{
	display: block;
	position: absolute;
	width: 1024px;
	max-width: 90%;
	min-height: 100px;
	height: auto;
	margin: 0 auto;
	background: #ffffff;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	border: 2px solid #000000;
}
.close_btn{
	position: absolute;
	width: 50px;
	height: 50px;
	margin: 0;
	top: 0;
	right: 0;
}
.close_btn::after, .close_btn::before{
	content: '';
	display: block;
	position: absolute;
	width: 80%;
	height: 1px;
	top: 50%;
	left: 10%;
	background: #000000;
	transform: rotate(45deg);
}
.close_btn::before{
	transform: rotate(-45deg);
}
.mw600{
    width: 400px;
    margin: 0 auto;
    max-width: 80%;
    display: block;
    float: none;
}

@media (max-width:1280px) {
ul.nav li a
{
    padding: 0 15px;
    font-size: 10px;
}
#page-constructionupdate ul.top_nav
{
    display: block;
    float: left;
    margin: 10px 0;
    padding: 0;
}
}

@media (max-width:1025px) {
body
{
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
#Page-Project-list .top_search_container
{
    padding: 0 10px;
}
.viewas
{
    margin: 50px auto 10px;
}
.container
{
    padding: 2.5% 1%;
    width: 98%;
}
iframe#MapView_iframe, #ProjectMapHolder
{
    max-width: 100%;
}
.myfavourite #content
{
    width: 100%;
    margin: 0;
}
#past_projects_list img
{
    height: 100px;
}
#page-contact .page_banner, .top_search_container
{
    margin-top: 86px;
}
.team_boxcontent
{
    min-height: 100px;
}
.myfavourite #content
{
    margin: 2% 1%;
}
#page-contact #content
{
    margin: 0 auto;
}
#page-vip .page_banner
{
    margin-top: 46px;
}
.txt_box p.right_txt
{
    float: left;
    width: 100%;
    text-align: left;
}
}

@media (max-width:1000px) {
ul.nav li a
{
    padding: 0 10px;
}
#logo
{
    margin: 19px 10px;
}
ul.nav li a.active::before, ul.nav li a:hover::before
{
    bottom: -40px;
}
#page-constructionupdate ul.top_nav
{
    margin: 10px 0 0 2%;
}
#page-constructionupdate .wrapper_white
{
    width: 96%;
    margin: 0 2%;
}
.flickerplate ul.flicks li .flick-title, .flickerplate ul.flicks li .flick-title a
{
    font-size: 35px;
}
/*Projects starts*/
#Page-Project-list .top_search_container input.btn_green
{
    float: none;
    display: inline-block;
    margin: 3px 0 0 0;
}
.search_block
{
    margin: 0 3px 3px 0;
}
#Page-Project-list .txt_box h3
{
    width: auto;
}
.txt_box
{
    min-height: 190px;
    max-height: 190px;
}
#page-constructionupdate .txt_box {
    min-height: 10px;
    max-height: 1000px;
}
.txt_box p.grabline_txt
{
    min-height: 83px;
    max-height: 83px;
}
.project_details .container
{
    margin: 0 auto;
}
ul.top_nav li a
{
    font-size: 12px;
    margin: 0 2px;
}
}

@media (max-width:790px) {
.btn_white
{
    margin: 0 0 15px 0;
}
#page-constructionupdate #serach_updates
{
    width: 158px;
}
.btn_fav
{
    margin: 0 0 15px;
}
.button_container
{
    float: left;
    width: 48%;
}
.fig_img
{
    height: 200px;
}
#page-vip .page_banner
{
    margin-top: 90px;
}
ul.token-input-list-cbre li input
{
    font-size: 12px;
}
#page-about #content
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 25px;
}
#logo img
{
    margin-right: 10px;
    max-width: 60px;
}
#logo span
{
    font-size: 11px;
}
}

@media screen and (max-width : 750px) {
.button_container
{
    text-align: center
}
#share_box
{
    float: none;
    margin: 0 auto;
    width: 240px;
}
}

@media (max-width:730px) {
.outer_container
{
    width: 100%;
    margin: 40px 0 0 0;
}
.project_details .gray
{
    padding: 60px 2%;
    width: 96%;
}
.top_nav_container
{
    margin-top: 84px;
}
#page-constructionupdate .top_nav_container
{
    margin-top: 53px;
    padding: 10px 0;
}
#page-constructionupdate .top_nav_container
{
    height: 100px;
}
#page-constructionupdate #serach_updates
{
    width: 60%;
    left: 2%;
    top: 107px;
}
#page-constructionupdate .top_nav_container .button.btn_green
{
    top: 92px;
    position: absolute;
    width: 27%;
}
#content
{
    margin: 65px auto;
}
#page-about #content, #page-listwithus #content
{
    margin: 0 auto 50px;
    padding: 0 2%;
    width: 96%;
}
ul.nav li a#myfav
{
    padding: 0px 6px 0px 10px;
}
ul.nav.mobile
{
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    border-top: 1px solid #96A29C;
}
.search_block
{
    display: inline-block;
    float: left;
    margin: 0 3px 5px 0;
    width: 100%;
}
.suburbselector
{
    margin: 0 0 5px 0;
}
.search_home input.nearme
{
    margin: 15px 0 0 0;
}
.top_search_container input.btn_green
{
    margin: 0;
}
ul.token-input-list-cbre
{
    margin: 0 0 0 0;
}
.viewas
{
    margin: 82px auto 10px;
}
#Page-Project-list .grid_6, #Page-Project-list .grid_6.last_list
{
    width: 99%;
    margin: 0 0 2% 0;
    float: left;
}
footer
{
    height: 80px;
}
.title
{
    padding: 30px 2% 0;
}
.fig_img
{
    height: auto;
}
.top_nav_container
{
    padding: 30px 0;
    text-align: left;
}
.d
{
    display: none;
}
.m
{
    display: inline-block;
}
.top_nav_container .button.btn_green
{
    position: static;
    line-height: 33px;
    border-bottom: 0px;
    float: none;
}
#page-constructionupdate .top_nav_container .button.btn_green
{
    position: absolute;
}
#page-about .top_search_container select, .SortOrder
{
    margin-left: 10px;
}
img.testimonials_img
{
    text-align: center;
    max-width: 100%;
}
.more_back
{
    margin-bottom: 0;
    text-align: center;
    margin: 15px 0;
}
h3.team_title
{
    text-align: left;
}
.btn_list
{
    margin: 0 7px 0 0;
    padding: 10px 12px 0 0;
}
.listingcopy
{
    padding: 25px 10px;
    width: 36%;
    border: 0;
}
.grid_3.team_box
{
    width: 46%;
    margin: 0px 2% 4%;
}
.grid_3.team_box.last_list
{
    float: left;
}
#content
{
    margin: 0;
    padding: 0 4%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
}
	.pop-up #content{
		padding-top: 25px;
		margin: 0 auto;
	}
	.close_btn {
 
    width: 30px;
		height: 30px;}
.project_details #content
{
    padding: 0;
	
}
	section.pu{
		overflow-y: scroll;
	}
	div.pop-up {
    top: 0;
    left: 0;
    transform: none;
    right: 0;
}
	
h3.content_heading
{
    margin: 10px 0;
}
}

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

@media (max-width:730px) {
#page-constructionupdate .top_nav_container .button.btn_green
{
    top: 106px;
}
}

@media (max-width:700px) {
.wrapper_white
{
    margin: 20px 0;
}
#page-constructionupdate .top_nav_container .button.btn_green
{
    top: 92px;
}
#page-constructionupdate .paddingtop
{
    padding-top: 20px;
}
#page-constructionupdate .wrapper_white
{
    width: 100%;
    margin: 0;
}
#logo span
{
    font-size: 12px;
}
.team_box
{
    display: block;
    float: left;
}
.mobile_wrapper
{
    position: relative;
    text-align: center;
    display: list-item;
    z-index: 999;
}
#logo
{
    width: 100%;
    text-align: center;
    margin: 10px auto;
    max-width: auto
}
#page-contact .container, #page-privacy .container, #page-disclaimer .container
{
    width: 90%
}
ul.nav.desktop
{
    display: none;
}
#header_wapper
{
    position: fixed;
    top: 0;
}
#mobilemenu
{
    display: block;
}
footer, #page-home footer
{
    height: 80px;
}
ul.token-input-list-cbre li input
{
    max-width: 100%;
    width: 90%;
}
ul.nav
{
    float: left;
    margin: 0 0 0 14px;
}
ul.nav li a
{
    border-left: none;
    padding: 0 17px;
    font-size: 13px;
}
.mobile_wrapper
{
    height: 90px;
}
#logo img
{
    margin-right: 12px;
}
ul.nav.mobile
{
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    border-top: 1px solid #96A29C;
    background-color: #333333;
}
.mobile_wrapper
{
    display: block;
    height: auto;
    margin-top: 52px;
}
.mobileviewproject
{
    display: block;
    width: 100%;
    height: 300px;
}
ul.nav li a.vip_nav
{
    padding: 25px 5%;
    width: 80%;
    text-align: center;
    margin: 0 auto;
    float: none;
    border: none;
}
ul.nav li a.vip_nav span
{
    width: 80%;
    margin: 0 auto;
    display: block;
    padding: 0;
}
ul.nav li a#myfav
{
    padding: 0 6px 0 19px;
}
ul.nav li a.about
{
    color: #acde94;
}
ul.nav li
{
    display: block;
    width: 100%;
    float: left;
    border-bottom: 1px solid #96a29c;
}
ul.nav li ul
{
    margin: 0;
    padding: 0;
}
ul.nav li ul li
{
    border-bottom: none;
    border-top: 1px solid #96a29c;
}
ul.nav li ul li a
{
    padding: 0 0 0 40px;
    width: 250px;
}
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12
{
    width: 100%;
    margin: 0 0 2% 0;
}
.constructionheader
{
    width: calc(100% - 10px);
}
.grid_12.title/*project details top container*/
{
    float: none;
    padding: 0 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
h2.section_title.mobile
{
    display: block
}
.project_details .gray .grid_8
{
    width: 100%;
}
.title
{
    padding: 30px 0 0;
}
h2
{
    font-size: 20px;
}
.displaybox/*project details display*/
{
    width: 90%;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: none;
}
.btn_green, input.b_submit
{
    margin: 0 auto 15px auto;
}
.btn_white
{
    margin: 0 5px 15px 0;
}
.btn_fav
{
    margin: 0 5px 15px 0;
}
.grid_5.button_container
{
    margin: 0px 2% 2% 0px;
    box-sizing: border-box;
    text-align: center;
}
.enq_frm .grid_5/*enquiry form input align center*/
{
    margin: 0 auto;
    text-align: center;
}
.register a.btn_white.visit
{
    display: inline-block;
    float: none;
}
#page-about .top_search_container select, .SortOrder/*drop down search for about page*/
{
    margin-left: 10px;
}
.team_box img
{
    max-height: 100%;
}
.page_banner
{
    padding: 0;
    float: left;
    min-height: 200px;
    background-size: cover;
    position: relative;
}
.page_banner h2
{
    font-size: 24px;
    position: absolute;
    margin: 0px auto;
    left: 0px;
    right: 0px;
    top: 40%;
}
#past_projects_list img
{
    height: auto;
}
#Page-Project-list #viewproject
{
    margin: 2% auto 15px;
}
.listingcopy
{
    width: 98%;
}
.listingcopy .btn_white, .listingcopy .btn_green
{
    width: 99%;
    margin: 0 auto 15px;
}
#Page-Project-list .listingcopy .btn_white, #Page-Project-list .listingcopy .btn_green
{
    width: 60%;
    display: block;
}
.top_search_container input.btn_green
{
    float: none;
    width: 90%;
    margin: 5px auto;
}
.SortOrder
{
    margin-left: 10px;
}
.teamimg
{
    float: none;
    text-align: center;
}
.teaminfo
{
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#page-vip .page_banner
{
    margin-top: 0;
}
#logo
{
    width: auto;
    text-align: left;
    margin: 15px;
}
.btn_white
{
    display: inline-block;
}
#past_projects_list .grid_4 img
{
    min-height: 0;
}
.myfavourite figure .btn_green
{
    margin: 23% auto 15px auto;
}
#page-about .top_search_container
{
    margin-top: 0px;
    text-align: center;
}
#page-contact .page_banner, .top_search_container
{
    margin-top: 0;
}
.search_home
{
    position: static;
}
#page-home footer
{
    position: static;
}
footer ul, footer ul.icons
{
    float: none;
    text-align: center;
}
.txt_box
{
    min-height: 185px;
}
.txt_box h3
{
    max-height: 1000px;
    min-height: 0;
    width: auto;
}
textarea
{
    min-height: 90px;
    max-width: 90%;
}
.myfavourite figure .btn_green, input.b_submit
{
    margin: 5px auto 15px auto;
    width: 96%;
    height: 40px;
}
.container
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#page-contact.container
{
    padding: 25px 3%;
}
.project_details .container
{
    margin: 0;
    flot: left;
    padding-top: 0;
}
.title a
{
    float: none;
}
.btn_white
{
    width: 60%;
    margin: 0 auto;
    margin-bottom: 15px;
}
#page-ourteam input.b_submit, #page-listwithus .btn_green, #page-listwithus input.b_submit
{
    margin: 15px auto;
    width: 96%;
}
.btn_green, input.b_submit
{
    margin: 15px auto;
    width: 60%;
}
.project_details .gray
{
    padding: 25px;
    width: 100%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.project_details .gray .grid_8
{
    margin: 0;
}
.listingdetails .listingcopy
{
    width: 100%;
    margin-top: 0;
    border: 1px solid #C2C2C2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
a.btn_white.visit
{
    display: block;
    margin: 15px auto;
    width: 60%;
    float: none;
}
.copy p, .copy ul
{
    padding: 0 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.viewas
{
    margin: 15px auto;
}
.suburbselector
{
    width: 100%;
}
ul.token-input-list-cbre
{
    margin: 0 auto;
    width: 90%;
    float: none;
}
#search1_min_price, #search1_max_price, #search1_property_type, #search1_completion_date, #Page-Project-list .top_search_container input.btn_green, #page-about .top_search_container select
{
    display: block;
    width: 100%;
    margin: 10px auto;
}
#Page-Project-list .button
{
    color: #505050;
    border: 1px solid #505050;
}
figcaption.desktop
{
    display: none !important
}
figcaption.mobile
{
    display: block;
    background: none;
    position: relative;
}
.txt_box p.right_txt
{
    float: left;
    width: 100%;
    text-align: left;
    display: block;
}
.txt_box p.grabline_txt
{
    margin-top: 5px;
}
iframe#MapView_iframe, #ProjectMapHolder
{
    max-height: 250px;
}
.grid_12.txt_right
{
    width: 100%;
    float: left;
}
.grid_12.txt_right p
{
    width: 30%;
    font-size: 10px;
    margin-top: 17px !important;
}
.grid_12.txt_right .SortOrder
{
    width: 65%;
}
#Page-Project-list .grid_12.txt_right .SortOrder
{
    width: 90%;
    margin: 0 auto;
    float: none;
    display: block;
}
#Page-Project-list input.b_submit, #Page-Project-list .btn_white
{
}
#Page-Project-list .btn_fav
{
    margin: 10px auto;
    width: 60%;
}
.outer_container
{
    margin: 0 0 0 0;
}
#page-ourteam img.testimonials_img
{
    width: 100%;
}
iframe a.button.btn_green
{
    font-size: 12px;
}
.searchelemnts
{
    width: 100%;
}
.customdropdown
{
    width: 100%;
    margin: 15px auto;
    float: none;
}
.whattosearch
{
    float: none;
    margin: 0 auto;
}
#page-home .whattosearch
{
    float: none;
    margin: 0 auto;
    width: 93%;
}
#dropdownholderhome
{
    width: 100%;
    float: none;
    margin: 0 auto;
    padding: 0;
}
.jq-dropdown ul
{
    width: 93%;
    margin: 0 auto;
}
.grid_50, .grid_20, .grid_15
{
    width: 100%;
}
.searchbox
{
    height: auto;
}
.search_home input.nearme
{
    background: rgba(0, 0, 0, 0) url("/images/btns/m_nearrme.png") no-repeat scroll 0 0;
    height: 45px;
    width: 93%;
    margin: 0 auto;
    float: none;
    text-align: center;
    border: 1px solid #000;
    background-position: center center;
    margin-bottom: 25px;
}
.error
{
    float: none;
}
#Page-Project-list.project_details .grid_12.title
{
    position: static
}
#Page-Project-list.project_details
{
    padding-top: 0;
}
#detail_map
{
    width: 90% !important;
    margin: 0 auto !important;
}
.addthis_counter.addthis_pill_style
{
    display: block !important;
    width: 50px;
    margin: 10px auto;
}
.txt_box
{
    max-height: 1000px;
}
#ListView_iframe
{
    height: 8000px;
}
.btn_green.email
{
    margin: 0 auto 15px auto;
}
.ddp1, .ddp2
{
    float: none;
    width: 90%;
    margin: 0 auto;
}
.grid_4.last, .grid_4.updates
{
    width: 100%;
    margin: 0 0 2%;
}
#page-constructionupdate .bigcontainer
{
    padding: 20px 2%;
    box-sizing: border-box;
}
.suggestion img
{
    width: auto;
}
}

@media (max-width:680px) {
#page-constructionupdate .top_nav_container .button.btn_green
{
    top: 92px;
}
#page-constructionupdate #content iframe
{
	width:100%;
	height:56vw;
}
}

@media (max-width:510px) {
.top_nav_container .button.btn_green
{
    top: 154px;
}
#page-about .top_search_container select, .SortOrder
{
    margin: 5px auto;
    width: 90%;
}
.search_block
{
    display: inline-block;
    float: none;
    text-align: center;
}
}

@media (max-width:450px) {
.top_search_container .suburbselector
{
    float: none;
}
#page-about .top_search_container .suburbselector
{
    float: left;
}
.search_block
{
    display: inline-block;
    float: none;
    text-align: center;
}
.top_search_container .suburbselector
{
    float: none;
}
.top_nav_container .button.btn_green
{
    top: 214px;
}
a#next_btn
{
    display: inline;
    position: relative;
    top: 7px;
    left: 5px;
}
a#pre_btn
{
    display: none;
    float: left;
    padding: 0 5px;
    top: 10px;
    position: relative;
}
ul.top_nav li:last-child
{
    display: none;
}
/*.btn_white
{margin:0 5px 15px 0 ;
}
.btn_fav
{margin: 0 5px 15px 0 ;
}*/
.title
{
    padding: 0;
}
#content
{
    margin: 130px auto;
}
#page-vip #content
{
    margin: 0 auto;
}
#page-about #content, #page-listwithus #content
{
    margin: 0 auto;
    clear: both;
    padding: 25px 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
h3.content_heading
{
    margin-bottom: 15px;
}
.search_home
{
    float: left;
    padding: 25px 2%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#Page-Project-list ul.token-input-list-cbre
{
    max-width: 100%;
}
ul.token-input-list-cbre
{
    max-width: 73%;
    margin: 0 auto;
    float: none;
}
#page-about ul.token-input-list-cbre
{
    max-width: 90%;
    margin: 0 auto;
    float: none;
}
.searchbox
{
    position: relative;
    display: block;
}
#past_projects_list
{
    width: 90%;
    margin: 0 auto;
}
.team_boxcontent p
{
    font-size: 13px;
}
h2.section_title
{
    margin: 25px 0px 40px;
}
}

@media (max-width:410px) {
ul.token-input-list-cbre li input, ul.token-input-list-cbre
{
    width: 90%;
}
}

@media (max-width:390px) {
.btn_white
{
    margin: 0 0 15px 0;
}
.btn_fav
{
    margin: 0 0 15px 0;
}
}

@media (max-width:310px) {
#logo img
{
    max-width: 70px;
}
#logo span
{
    font-size: 11px;
}
}