* {
	margin:0;
	padding:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

header, section, footer, aside, nav, article, figure, figcaption, embed, address { 
  display: block; 
}

body {
	margin:0;
	padding:0;
	font-family: 'Open Sans', sans-serif;
  font-weight:400;
  overflow-x:hidden;
}


/********** Default Setting **********/
.wrapper {
  width:80%;
  margin:0 auto;
  position:relative;
}

.clearfix {
  clear:both;
}

img.fit {
  width:100%;
  height:auto;
  display:block;
  border:none;
}

a {
  text-decoration:none;
}

/********** LANDING PAGE **********/

body#landing {
  overflow:hidden;
}

figure.logo {
  position:fixed;
	top: 0;
	left:10%;
	z-index: 1000;
	width:13.5%;
	padding:1% 1.5%;
	background-color:#ffffff;
	background:rgba(255,255,255,0.8)
}

section#landing-main {
  width:100%;
  position:relative;
}

section.landing-wrapper {
  width:80%;
  position:absolute;
  top:47%;
  left:10%;
  z-index:500;
}

@media screen and (max-width:1280px) {
  figure.logo,
  section.landing-wrapper {
    left:5%;
  }
}


.linksite1 {
  float:left;
  width:33%;
  padding:1%;
  background-color:#000000;
  background:rgba(0,0,0,0.7);
}

.linksite2 {
  float:left;
  width:33%;
  padding:1%;
  margin-left:1%;
  background-color:#000000;
  background:rgba(0,0,0,0.7);
}

a.linksite {
  display:block;
  border:1px solid rgba(0,0,0,0);
  padding:2%;
  -webkit-transition:0.4s;
  -moz-transition:0.4s;
  transition:0.4s;
}

a.linksite:hover {
  border:1px solid #548790;
}

figure.site-pic {
  width:100%;
  overflow:hidden;
}

.siteimg {
  width:100%;
  -webkit-transition:0.3s;
  -moz-transition:0.3s;
  transition:0.3s;
}

a.linksite:hover .siteimg {
  -webkit-transform:scale(1.1);
  -moz-transform:scale(1.1);
  transform:scale(1.1);
}

h1.linktext {
  font-size:1.4em;
  color:#ffffff;
  text-align:center;
  font-weight:400;
  margin-top:3%;
  -webkit-transition:0.4s;
  -moz-transition:0.4s;
  transition:0.4s;
}

a.linksite:hover h1.linktext {
  color:#3cd2ed;
}



/********** HOME PAGE **********/

section#firstsec {
  width:100%;
  position:relative;
}

/******** HEADER ********/
header.siteheader {
  position:absolute;
  top:0;
  left:0;
  z-index:8500;
  width:100%;
  background-color:#ffffff;
}

header.siteheader2 {
  position:relative;
  top:0;
  left:0;
}

/**** Header top ****/
.header-wrap {
  width:86%;
  margin:0 auto;
}

figure.logopg {
  float:left;
	width:18%;
	padding:25px 0 25px;
}

.topright {
  float:right;
	width:70%;
	padding-top:10px;
	text-align:right;
}


a.colink {
  display:inline-block;
  padding:8px 25px;
  font-family: 'Roboto Condensed', sans-serif;
  font-size:0.8em;
  font-weight:400;
  color:#ffffff;
  letter-spacing:1px;
  text-decoration:none;
  background:#45beae;
  -webkit-vorder-radius:4px;
  border-radius:4px;
  -webkit-transition:0.3s;
  -moz-transition:0.3s;
  transition:0.3s;
}

a.colink:hover {
  background:#1b2a28;
}

/*
.trrow2 {
  width:100%;
  text-align:right;
}
*/

a.linkicon1 {
  display:inline-block;
  width:36px;
  margin-left:15px;
  position:relative;
  top:10px;
}

a.linkicon2 {
  display:inline-block;
  font-size:1.7em;
  color:#0e766b;
  margin-left:15px;
  position:relative;
  top:5px;
}

i.menubtn {
  display:none;
  width:7%;
  margin-left:15px;
  cursor:pointer;
  position:relative;
  top:12px;
}


/**** Navbar ****/
nav.mainnav {
  width:100%;
  background:#06b2cc;
}

.mainnavwrap {
  width:86%;
  margin:0 auto;
}

ul.nav {
  list-style:none;
  overflow:hidden;
  width:100%;
}

ul.nav li {
  float:left;
  border-right:1px solid #82d8e5;
}

ul.nav li:last-child {
  margin-right:0;
  border-right:none;
}

li.social {
  padding:7px 16px 0;
}

a.smicon {
  display:inline-block;
  margin-left:6px;
  margin-right:3px;
  margin-top:-10px;
  font-size:1.5em;
  color:#0e766b;
}

a.navmain {
  display:block;
  font-family:georgia;
  font-style:italic;
  font-size:0.95em;
  color:#ffffff;
  padding:9px 25px;
  text-decoration:none;
  -webkit-transition:0.4s;
  -moz-transition:0.4s;
  transition:0.4s;
}

a.navmain:hover {
  /*color:#ed1c24;*/
  background:#047c8e;
}


@media screen and (max-width:1280px) {
  
  li.social {
    padding:7px 14px;
  }
  
  a.navmain {
    font-size:0.95em;
    padding:7px 14px;
  }
  
}

.navsub {
  width:100%;
  background:#ffffff;
  border-top:2px solid #1fddfa;
  border-bottom:2px solid #1bc8e2;
  position:absolute;
  top:100%;
  left:0;
  padding:2% 0;
  visibility:hidden;
  opacity:0;
  -webkit-transition:0.2s;
  -moz-transition:0.2s;
  transition:0.2s;
}

ul.nav li:hover .navsub {
  visibility:visible;
  opacity:1;
}


.pronavwrap {
  width:70%;
  margin:0 auto;
  padding:1% 3%;
  border:1px solid #dadada;
}

.dropcolL {
  float:left;
  width:47%;
  padding:10px 0 15px;
}

.dropcolR {
  float:right;
  width:47%;
  padding:10px 0 15px;
}

hr.navline {
  display:block;
  clear:both;
  border-top:1px dashed #d5d5d5;
  border-bottom:none;
  border-left:none;
  border-right:none;
}

a.pglink {
  font-size:1.3em;
  color:#138f8b;
  font-weight:300;
  text-decoration:none;
  -webkit-transition:0.3s;
  -moz-transition:0.3s;
  transition:0.3s;
}

a.pglink em {
  display:block;
  font-family:georgia;
  font-style:italic;
  font-size:0.7em;
  color:#777777;
}

a.pglink:hover,
a.pglink:hover em {
  color:#bd161c;
}

a.pglink p {
  margin-top:5px;
  font-family:georgia;
  font-style:italic;
  font-size:0.7em;
  color:#bd161c;
}


/**** Project menu start display at 1024px *****/

a.pjnav1024 {
  display:block;
  width:100%;
  text-align:center;
  background:#4d4e50;
  font-family: 'Roboto Condensed', sans-serif;
  font-size:1em;
  color:#ffffff;
  padding:1% 0;
  text-decoration:none;
  font-weight:300;
  letter-spacing:2px;
  display:none;
}

nav.pjmenusec {
  width:100%;
  background:#128c7f;
  padding:20px 0;
  display:none;
}

nav.pjmenusec p {
  text-align:center;
  font-family: georgia;
  font-style: italic;
  font-size: 0.85em;
  color:#ffffff;
}

ul.pjnav {
  width:90%;
  margin:1% auto;
  background:#f7f7f7;
  list-style:none;
  text-align:center;
  padding:0 2%;
  margin-bottom:20px;
  -webkit-border-radius:4px;
  border-radius:4px;
}

ul.pjnav li {
  border-bottom:1px dashed #cccccc;
}

ul.pjnav li:last-child {
  border-bottom:none;
}

ul.pjnav a {
  display:block;
  padding:10px 0;
  font-size:1em;
  color:#4b6463;
  font-weight:300;
  text-decoration:none;
}

ul.pjnav a:hover {
  color:#bd161c;
}


/******* EZ Scheme *******/
.ezsec {
  width:100%;
  background:#f0f0f0;
  padding:30px 0;
}

.ezcol {
  width:100%;
  margin-top:30px;
}



/******* Home Slide *******/

/*** to hide the zooming slider when 800px  ***/
@media screen and (max-width:800px) {
  .zooming768px {
    display:none
  }
}


/******* Home New Launch *******/
section.homenew {
  width:100%;
  padding:40px 0;
}

.hmnew {
  width:100%;
  background:url('images/homenew.jpg');
  background-repeat:no-repeat;
  background-position:center center;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  background-size:cover;
  padding:10% 4% 4%;
}

.hmnewtxt {
  width:40%;
  background-color:#000000;
  background:rgba(0,0,0,0.8);
  padding:20px 30px;
}

.hmnewtxt h1{
  font-family: 'Roboto Condensed', sans-serif;
  font-size:2.8em;
  color:#34d0f1;
  font-weight:300;
}

.hmnewtxt h1 span{
  display:block;
  font-size:0.6em;
}

.hmnewtxt p{
  margin-top:10px;
  font-size:1em;
  color:#ffffff;
  line-height:140%;
}

a.hmnewlink {
  display:inline-block;
  margin-top:30px;
  padding:8px 25px;
  border:1px solid #ffffff;
  font-size:0.9em;
  color:#ffffff;
  -webkit-transition:all 0.4s ease;
  -moz-transition:all 0.4s ease;
  transition:all 0.4s ease;
}

a.hmnewlink:hover {
  border:1px solid #34d0f1;
  background:#34d0f1;
}


/******* Home Project Section 1 *******/
section.homesec1 {
  width:100%;
  background:#f0f0f0;
  padding:3% 0;
}


article.homesec1b {
  float:left;
  width:47%;
  position:relative;
  overflow:hidden;
}

article.homesec1c {
  float:right;
  width:47%;
  position:relative;
  overflow:hidden;
}

figure.introimg {
  width:100%;
  -webkit-transition:all 0.4s ease;
  -moz-transition:all 0.4s ease;
  transition:all 0.4s ease;
}

article.homesec1b:hover figure.introimg,
article.homesec1c:hover figure.introimg {
  -webkit-transform:scale(1.1);
  -moz-transform:scale(1.1);
  transform:scale(1.1);
}


h1.introtext {
  font-size:1.5em;
  color:#ffffff;
  font-weight:400;
  text-align:center;
  width:50%;
  padding:3% 5%;
  position:absolute;
  top:30%;
  left:25%;
  right:25%;
  z-index:10;
  background-color:#089d89;
  background:rgba(8,157,137,0.8);
  -webkit-transition:all 0.4s ease;
  -moz-transition:all 0.4s ease;
  transition:all 0.4s ease;
}


article.homesec1b:hover h1.introtext,
article.homesec1c:hover h1.introtext {
  background-color:#067d6d;
  background:rgba(6,125,109,0.9);
}



/******* Home Project Section 2 *******/
section.homesec2 {
  width:100%;
  padding:0 0 3%;
  overflow:hidden;
  background-image:url('images/bg-homesec2.png');
}

figure.shadow {
  width:80%;
  margin:0 auto;
}

h2.homesec {
  font-size:1.6em;
  color:#0974b1;
  font-weight:400;
  text-align:center;
  margin:1% 0 2%;
}

a.prolink {
  display:block;
  width:100%;
  overflow:hidden;
  position:relative;
}

figure.proimg {
  width:100%;
}

.proopac {
  width:100%;
  height:100%;
  position:absolute;
  bottom:0;
  left:0;
  background-color:#000000;
  background:rgba(0,0,0,0.5);
  visibility:hidden;
  opacity:0;
  -webkit-transition:all 0.4s ease;
  -moz-transition:all 0.4s ease;
  transition:all 0.4s ease;
}

.proopac i {
  display:block;
  width:22%;
  margin:30% auto 0;
  -webkit-transition:all 0.3s ease;
  -moz-transition:all 0.3s ease;
  transition:all 0.3s ease;
  -webkit-transform:translateY(150%);
  -moz-transform:translateY(150%);
  transform:translateY(150%);
}

h3.proname {
  width:100%;
  position:absolute;
  bottom:0;
  left:0;
  background-color:#089d89;
  background:rgba(8,157,137,0.8);
  text-align:center;
  text-decoration:none;
  padding:3%;
  font-size:1em;
  color:#ffffff;
  font-weight:400;
  -webkit-transition:all 0.4s ease;
  -moz-transition:all 0.4s ease;
  transition:all 0.4s ease;
}

h3.proname span {
  display:block;
}

a.prolink:hover .proopac {
  visibility:visible;
  opacity:1;
}

a.prolink:hover .proopac i {
  -webkit-transition:all 0.3s ease 0.4s;
  -moz-transition:all 0.3s ease 0.4s;
  transition:all 0.3s ease 0.4s;
  -webkit-transform:translateY(0);
  -moz-transform:translateY(0);
  transform:translateY(0);
}

a.prolink:hover h3.proname {
  background-color:#067d6d;
  background:rgba(6,125,109,0.9);
}


/******* ALL PAGES BACKGROUND  *******/

/***** Property Development (ALL) *****/
body#property {
  background:url('images/bg-property.jpg');
  background-repeat:no-repeat;
  background-position:center center;
  background-attachment:fixed;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  background-size:cover;
}

article.property-text {
  width:100%;
  padding:27% 0 7%;
}

article.property-text h1 {
  font-family: 'Roboto Condensed', sans-serif;
  font-size:3em;
  color:#ffffff;
  font-weight:300;
}

article.property-text p {
  font-family:georgia;
  font-style:italic;
  font-size:1.4em;
  color:#ffffff;
  text-shadow:2px 2px 4px #111111;
}

section.allproject {
  width:100%;
  padding-bottom:3%;
  overflow:hidden;
  background-image:url('images/bg-homesec2.png');
}

/********** Calculator page (ALL) **********/
body#loancalculate {
  background:url('images/bg-calculator.jpg');
  background-repeat:no-repeat;
  background-position:center bottom;
  background-attachment:fixed;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  background-size:cover;
}
article.calculate-text {
  width:100%;
  padding:29% 0 10%;
}
article.calculate-text h1 {
  font-family: 'Roboto Condensed', sans-serif;
  font-size:3.6em;
  color:#ffffff;
  font-weight:300;
  text-shadow:2px 2px 4px #111111;
  
}

article.calculate-text p {
  font-family:georgia;
  font-style:italic;
  font-size:1.5em;
  color:#ffffff;
  text-shadow:2px 2px 4px #111111;
}


/********** Leisure & Resort page (ALL) **********/
body#leisure {
  background:url('images/bg-leisure.jpg');
  background-repeat:no-repeat;
  background-position:center top;
  background-attachment:fixed;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  background-size:cover;
}

article.leisure-text {
  width:100%;
  padding:27% 0 7%;
}

article.leisure-text h1 {
  font-family: 'Roboto Condensed', sans-serif;
  font-size:3.6em;
  color:#ffffff;
  font-weight:300;
  text-shadow:2px 2px 4px #111111;
  
}

article.leisure-text p {
  font-family:georgia;
  font-style:italic;
  font-size:1.5em;
  color:#ffffff;
  text-shadow:2px 2px 4px #111111;
}

.projectcol {
  float:left;
  width:22%;
  margin:2% 4% 2% 0;
}

.projectcol4 {
  margin-right:0;
}


/******* 108 Terraces Background *******/
body#terraces108 {
  background:url('images/bg-terraces108.jpg');
  background-repeat:no-repeat;
  background-position:center center;
  background-attachment:fixed;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  background-size:cover;
}



/******* Amverton Kiara Background *******/
body#amverton-kiara {
  background:url('images/bg-amverton-kiara.jpg');
  background-repeat:no-repeat;
  background-position:center top;
  background-attachment:fixed;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  background-size:cover;
}

/******* Amverton Greens Background *******/
body#amverton-greens {
  background:url('images/bg-amverton-greens.jpg');
  background-repeat:no-repeat;
  background-position:center top;
  background-attachment:fixed;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  background-size:cover;
}

/******* Amverton Links Background *******/
body#amverton-links {
  background:url('images/bg-amverton-links.jpg');
  background-repeat:no-repeat;
  background-position:center center;
  background-attachment:fixed;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  background-size:cover;
}

/******* Amverton Hills Background *******/
body#amverton-hills {
  background:url('images/bg-amverton-hills.jpg');
  background-repeat:no-repeat;
  background-position:center top;
  background-attachment:fixed;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  background-size:cover;
}

/******* Amverton Cove Homestead Background *******/
body#amverton-cove-home {
  background:url('images/bg-amverton-cove-home.jpg');
  background-repeat:no-repeat;
  background-position:center bottom;
  background-attachment:fixed;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  background-size:cover;
}

/******* Amverton Park Background *******/
body#amverton-park {
  background:url('images/bg-amverton-park.jpg');
  background-repeat:no-repeat;
  background-position:center center;
  background-attachment:fixed;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  background-size:cover;
}

/******* Kemuning Greenhills Background *******/
body#greenhills {
  background:url('images/bg-greenhills.jpg');
  background-repeat:no-repeat;
  background-position:center center;
  background-attachment:fixed;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  background-size:cover;
}

/******* Taman Kemuning Hijauan2 Background *******/
body#hijauan2 {
  background:url('images/bg-hijauan2.jpg');
  background-repeat:no-repeat;
  background-position:center center;
  background-attachment:fixed;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  background-size:cover;
}

/******* Corporate & Office Suites Background *******/
body#suites {
  background:url('images/bg-corporate2.jpg');
  background-repeat:no-repeat;
  background-position:center top;
  background-attachment:fixed;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  background-size:cover;
}

/******* Amverton Cove Golf & Island Resort Background *******/
body#amverton-cove-resort {
  background:url('images/bg-amverton-cove-resort5.jpg');
  background-repeat:no-repeat;
  background-position:center center;
  background-attachment:fixed;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  background-size:cover;
}

/******* Bukit Kemuning Golf & Country Resort Background *******/
body#bukit-kemuning-golf {
  background:url('images/bg-bkgolf2.jpg');
  background-repeat:no-repeat;
  background-position:center bottom;
  background-attachment:fixed;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  background-size:cover;
}

/******* Puteri Resort Air Keroh Background *******/
body#amverton-heritage {
  background:url('images/bg-amverton-heritage2.jpg');
  background-repeat:no-repeat;
  background-position:center center;
  background-attachment:fixed;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  background-size:cover;
}

/******* Puteri Garden Klang Background *******/
body#puteri-garden {
  background:url('images/bg-puteri-garden.jpg');
  background-repeat:no-repeat;
  background-position:center center;
  background-attachment:fixed;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  background-size:cover;
}

/******* Retirement Home *******/
body#retirement-home {
  background:url('images/bg-rhome3.jpg');
  background-repeat:no-repeat;
  background-position:center center;
  background-attachment:fixed;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  background-size:cover;
}

@media screen and (max-width:1024px) {
    
    body#retirement-home {
        background-position:right center;
    }

}

@media screen and (max-width:642px) {
    
    body#retirement-home {
        background-position:left center;
    }

}


/******* A&M Lifestyle Card *******/
body#privileges-card {
  background:url('images/bg-privileges-card.jpg');
  background-repeat:no-repeat;
  background-position:center bottom;
  background-attachment:fixed;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  background-size:cover;
}

/******* Latest Updates *******/
body#updates {
  background:url('images/bg-updates.jpg');
  background-repeat:no-repeat;
  background-position:center center;
  background-attachment:fixed;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  background-size:cover;
}

/******* Contact Us *******/
body#contact-us {
  background:url('images/bg-contact.jpg');
  background-repeat:no-repeat;
  background-position:center top;
  background-attachment:fixed;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  background-size:cover;
}

@media screen and (max-width:640px) {

  body#contact-us {
    background-position:left center;
  }

}


@media screen and (max-width:480px) {
  
  body#amverton-kiara,
  body#amverton-links,
  body#amverton-hills,
  body#amverton-cove-home,
  body#amverton-park,
  body#greenhills,
  body#hijauan2,
  body#suites,
  body#amverton-cove-resort,
  body#bukit-kemuning-golf,
  body#puteri-airkeroh,
  body#puteri-garden,
  body#privileges-card,
  body#updates,
  body#contact-us {
    background:none;
  }
}


/******* PAGE SECTION 1: Project Banner Text (ALL) *******/
section.pgsec1 {
  width:100%;
}

section.pgsec1-property-leisure {
  width:100%;
}

.pgsec1wrap {
  width:80%;
  margin:0 auto;
}

article.bannersec {
  width:100%;
  padding:37% 0 9%;
  text-align:center;
}

h1.bannertitle {
  font-family: 'Roboto Condensed', sans-serif;
  font-size:3.6em;
  color:#ffffff;
  font-weight:300;
  text-shadow:2px 2px 4px #111111;
}

h1.bannertitle-avtcovehome {
  font-size:2.8em;
}

article.bannersec-heritage {
  width:100%;
  padding:37% 0 9%;
  text-align:center;
}

h1.bannertitle-heritage {
  font-size:3em;
}

p.bannertext {
  font-family:georgia;
  font-style:italic;
  font-size:1.5em;
  color:#ffffff;
  font-weight:300;
  text-shadow:2px 2px 4px #111111;
}

p.bannertext-avtcovehome {
  font-size:1.4em;
}

article.bannersec-privileges {
  width:100%;
  padding:30% 0 11%;
}

h1.bannertitle2 {
  font-family: 'Roboto Condensed', sans-serif;
  font-size:3.6em;
  color:#ffffff;
  font-weight:300;
  text-shadow:2px 2px 3px #0c0c0c;
  margin-bottom:1%;
}

p.bannertext2 {
  font-family:georgia;
  font-style:italic;
  font-size:1.5em;
  color:#ffffff;
  font-weight:300;
  line-height:140%;
  text-shadow:2px 2px 3px #0c0c0c;
}

article.bannersec-contact {
  padding:27% 0;
}

.rhomeban {
    display:inline-block;
    margin:35% 0 12%;
    background:rgba(32,27,16,0.9);
    padding:30px 40px;
    text-align:center;
}

img.logoban {
    display:inline-block;
    width:430px;
}

p.rhomebantext {
  font-family:georgia;
  font-style:italic;
  font-size:1.5em;
  color:#c9af80;
  font-weight:300;
  
}

p.rhomebantext2 {
  font-family: 'Roboto Condensed', sans-serif;
  font-size:1.8em;
  color:#c9af80;
  font-weight:300;
  margin-top:20px;
}




/******* PAGE SECTION 2 *******/

section.pgsec2 {
  width:100%;
  padding:4% 0;
  background-color:#ffffff;
  background:rgba(255,255,255,0.95);
}


/***** Project Layout *****/

figure.pjlogo {
  width:15%;
  margin:0 auto 1%;
}

figure.pjlogo-kiara {
  width:10%;
}


h1.pjtitle {
  font-family: 'Roboto Condensed', sans-serif;
  font-size:3em;
  color:#334c4b;
  font-weight:300;
  text-align:center;
}

h1.pjtitle-amcove {
  font-size:2.6em;
}

h1.pjtitle span {
  display:block;
  font-family:georgia;
  font-size:0.4em;
  font-style:italic;
}

h2.ghtitle {
  font-family: 'Vidaloka', serif;
  font-size:1.5em;
  color:#4cbcae;
  font-weight:400;
  letter-spacing:4px;
  margin-top:5%;
}

article.pjcolL {
  float:left;
  width:50%;
  margin-top:4%;
}

figure.pjcolR {
  float:right;
  width:45%;
  margin-top:4%;
  border:1px solid #d3d3d3;
}

article.pjcolL-gh,
figure.pjcolR-gh {
  margin-top:2%;
}

.pjcolF {
  width:100%;
  margin-top:7%;
}

.pjcolF-h2 {
  margin-top:5%;
}


hr.line1 {
  float:left;
  width:43%;
  border-left:none;
  border-top:1px solid #4cbcae;
}

h2.pjsubtitle1 {
  float:left;
  width:14%;
  text-align:center;
  position:relative;
  bottom:15px;
  font-family: 'Roboto Condensed', sans-serif;
  font-size:1.5em;
  color:#334c4b;
  font-weight:400;
}

hr.line2 {
  float:left;
  width:41%;
  border-left:none;
  border-top:1px solid #4cbcae;;
}

h2.pjsubtitle2 {
  float:left;
  width:18%;
  text-align:center;
  position:relative;
  bottom:15px;
  font-family: 'Roboto Condensed', sans-serif;
  font-size:1.5em;
  color:#334c4b;
  font-weight:400;
}

p.pjtext {
  font-size:0.95em;
  color:#454c4c;
  line-height:150%;
}

p.pjtext-avthills,
p.pjtext-avtlinks {
  font-size:1.1em;
  color:#454c4c;
  font-weight:300;
  line-height:150%;
}

p.pjtext-h2 {
  font-size:1.2em;
  color:#292e2e;
  font-weight:300;
  line-height:160%;
  text-align:center;
}

figure.galcol {
  float:left;
  width:17.6%;
  margin:2% 3% 0 0;
  border:2px solid #d3d3d3;
  -webkit-transition:0.3s;
  -moz-transition:0.3s;
  transition:0.3s;
}

figure.galcol5 {
  margin-right:0
}

figure.galcol:hover {
  border:2px solid #4cbcae;
}

.pjcol1,
.pjcol1a {
  float:left;
  width:57.5%;
  margin-top:2%;
}

.pjcol2 {
  float:right;
  width:38%;
  margin-top:2%;
}

.pjcol2a {
  padding-top:20%;
}

.pjcol1-avtcovehome {
  width:50%;
  margin:3% auto 0;
}

.pjcol2-avtcovehome {
  width:60%;
  margin:3% auto 0;
}

.pjcol1-gh,
.pjcol1-h2 {
  float:left;
  width:48%;
  margin-top:2%;
}

.pjcol2-gh,
.pjcol2-h2 {
  float:right;
  width:48%;
  margin-top:2%;
}

figure.pjinfo {
  width:100%;
}

figure.pjinfo img {
  border:1px solid #d3d3d3;
  -webkit-transition:0.3s;
  -moz-transition:0.3s;
  transition:0.3s;
}

figure.pjinfo img:hover {
  border:1px solid #4cbcae;
}

figure.pjinfo figcaption {
  font-size:1em;
  color:#138f8b;
  text-align:center;
  font-weight:600;
  margin-top:1%;
}

a.gmaplink {
  font-family:georgia;
  font-size:0.9em;
  color:#138f8b;
  font-style:italic;
}

a.gmaplink:hover {
  text-decoration:underline;
}

p.more {
  font-family:georgia;
  font-size:0.95em;
  color:#666666;
  font-style:italic;
  text-align:center;
}

a.sitelink {
  font-family: 'Roboto Condensed', sans-serif;
  font-size:1.5em;
  color:#138f8b;
  font-weight:300;
  letter-spacing:5px;
  -webkit-transition:0.3s;
  -moz-transition:0.3s;
  transition:0.3s;
}

a.sitelink:hover {
  color:#bd161c;
  letter-spacing:7px;
}

iframe.fullmap {
  width:100%;
  height:200px;
  margin-top:1%;
}

i.pjicon {
  float:left;
  width:38px;
  margin:40px 0 20px;
}

h3.pjsubtitle {
  float:left;
  width:85%;
  font-family: 'Vidaloka', serif;
  font-size: 1em;
  color: #766e57;
  font-weight: 400;
  padding:15px 0 0 20px;
  margin:40px 0 20px;
}

h3.pjsubtitle2 {
  font-size: 1.2em;
}

.mappanel {
  width:60%;
  margin:2% auto 0;
  text-align:center;
}


/*** Amverton Greens ***/
h1.avtgreens-title {
  font-family: 'Vidaloka', serif;
  font-size: 1.6em;
  color: #766e57;
  font-weight: 400;
  margin-bottom:2%;
}

h2.avtgreens-subtitle {
  font-family: 'Vidaloka', serif;
  font-size: 1.1em;
  color: #766e57;
  font-weight: 400;
  margin:3% 0 2%;
}

ul.avtgreens-featuresL {
  width:47%;
  float:left;
  margin-left:2%;
}

ul.avtgreens-featuresR {
  width:45%;
  float:right;
}

ul.avtgreens-featuresL,
ul.avtgreens-featuresR {
  font-size:1em;
  color:#766e57;
  font-weight:400;
  line-height:150%;
}

ul.avtgreens-featuresL li,
ul.avtgreens-featuresR li {
  margin-bottom:2%;
}

ul.avtgreens-featuresR span {
  display:block;
  font-weight:300;
}

figure.avtgreens-infoL {
  float:left;
  width:48%;
  border:1px solid #d3d3d3;
  margin-top:3%;
}

figure.avtgreens-infoR {
  float:right;
  width:48%;
  border:1px solid #d3d3d3;
  margin-top:3%;
}

figure.avtgreens-infoF {
  width:70%;
  border:1px solid #d3d3d3;
  margin:3% auto 0;;
}



/*** Amverton Links e-brochure ***/

figure.aml-ebrochureF {
  width:100%;
  margin:30px 0;
  border:1px solid #d3d3d3;
}



figure.aml-ebrochureL {
  float:left;
  width:47%;
  margin:3% 0 3% 0;
  border:1px solid #d3d3d3;
}

figure.aml-ebrochureR {
  float:right;
  width:47%;
  margin:3% 0 3% 0;
  border:1px solid #d3d3d3;
}



figure.aml-ebrochure {
  float:left;
  width:30%;
  margin:2% 5% 0 0;
  border:1px solid #d3d3d3;
  -webkit-transition:0.3s;
  -moz-transition:0.3s;
  transition:0.3s;
}

figure.aml-ebrochure3 {
  margin-right:0;
}

figure.aml-ebrochure:hover {
  border:1px solid #4cbcae;
}


/*** 108 Terraces ***/
.terraces108-info {
  width:90%;
  margin:30px auto 0;
  border:3px solid #dddddd;
}




/*** Garden Business Centre only ***/

article.gbccolL {
  float:left;
  width:65%;
  margin-top:2%;
}

article.gbccolR {
  float:right;
  width:25%;
  margin-top:2%;
}

ul.pjlist {
  margin:1% 0 0 30px;
  font-size:1em;
  color:#454c4c;
}

ul.pjlist li {
  margin-bottom:2%;
}

ul.pjlistleft {
 float:left;
 width:42%;
}

ul.pjlistright {
 float:right;
 width:48%;
}

hr.line3 {
  float:left;
  width:33%;
  border-left:none;
  border-top:1px solid #4cbcae;;
}

h2.pjsubtitle3 {
  float:left;
  width:34%;
  text-align:center;
  position:relative;
  bottom:15px;
  font-family: 'Roboto Condensed', sans-serif;
  font-size:1.5em;
  color:#334c4b;
  font-weight:400;
}

article.gbccol1 {
  float:left;
  width:46%;
  margin-top:4%;
}

article.gbccol2 {
  float:right;
  width:46%;
  margin-top:4%;
}


article.gbccol {
  float:left;
  width:22%;
  margin:4% 4% 0 0;
}

article.gbccol4 {
  margin-right:0;
}

p.extext {
  font-family:georgia;
  font-size:0.9em;
  color:#766e57;
  font-style:italic;
  margin-bottom:8%;
}


figure.amenities {
  float:left;
  width:30%;
  margin:4% 5% 0 0;
}

figure.amenities3 {
  margin-right:0;
}

figcaption.amenities {
  margin-top:3%;
  font-family: 'Vidaloka', serif;
  font-size:1.1em;
  color:#766e57;
  font-weight:400;
  text-align:center;
}

figcaption.amenities span {
  display:block;
  margin-top:1%;
  font-size:0.8em;
  font-style:italic;
}


/***** A&M Lifestyle Privileges *****/
h1.pjtitle-lifestyle {
  font-size:2.5em;
}

figure.cardphoto {
  width:50%;
  margin:3% auto 0;
}

p.privileges {
  font-size: 1.4em;
  color: #292e2e;
  font-weight: 300;
  line-height: 150%;
  text-align: center;
  margin-top:3%;
}



ul.lifestyle-benefits {
  width:65%;
  margin:2% auto;
  list-style:none;
  font-family:georgia;
  font-size: 1.2em;
  color: #138f8b;
  font-style: italic;
  line-height: 170%;
}

ul.lifestyle-benefits i {
  display:inline-block;
  margin-right:1%;
  width:12px;
  height:12px;
  background:#138f8b;
  -webkit-border-radius:50%;
  border-radius:50%;
}



/***** Latest News *****/
.newswrap {
  width:94%;
  margin:3% auto;
  padding:0 3%;
  border:1px solid #cccccc;
}

article.newspanel {
  width:100%;
  border-bottom:1px dashed #cccccc;
  padding:4% 0;
}

h2.newstitle {
  font-family: 'Vidaloka', serif;
  font-size: 1.2em;
  color: #766e57;
  font-weight: 400;
  text-align:center;
}

figure.newscol1 {
  float:left;
  width:35%;
  margin-top:2%;
  border:3px solid #d8d8d8;
}

article.newscol2 {
  float:right;
  width:60%;
  margin-top:2%;
}

p.newstext {
  font-size:0.95em;
  color: #4e5555;
  line-height: 150%;
}

a.newslink {
  display:inline-block;
  margin-top:4%;
  padding:1% 3%;
  font-family: 'Vidaloka', serif;
  font-size:0.95em;
  font-style:italic;
  color:#ffffff;
  text-decoration:none;
  background:#19b7cf;
  -webkit-transition:0.3s;
  -moz-transition:0.3s;
  transition:0.3s;
}

a.newslink:hover {
  background:#0e766b;
}


/***** Latest News sub pages *****/

h4.latest {
  font-size:1.1em;
  color:#0e766b;
  font-weight:normal;
}

ul.sidenav {
  list-style-image:url('images/sidenavicon.png');
  list-style-position:inside;
  margin-top:1%;
}

ul.sidenav li {
  margin-bottom:1%;
}

ul.sidenav a {
  font-size:1em;
  color:#544b3d;
  text-decoration:none;
  -webkit-transition:0.3s;
  -moz-transition:0.3s;
  transition:0.3s;
}

ul.sidenav a:hover {
  color:#cb4612;
}

ul.sidenav span {
  color:#0e766b;
}

section.newscontent {
  margin-top:3%;
  padding:3% 2%;
  width:100%;
  border:1px solid #cccccc;
}

figure.newsimg {
  width:90%;
  margin:3% auto 0;
}




/***** Contact Us *****/
article.ctcol1 {
  float:left;
  width:47%;
  margin-top:3%;
}

.ctcol2 {
  float:right;
  width:48%;
  margin-top:3%;
}

article.ctcol1 h1 {
  font-size:1em;
  color:#0a74b2;
}

article.ctcol1 span {
  font-size:0.8em;
}

address.contact {
  float:left;
  margin-top:1%;
  width:53%;
  font-size:0.9em;
  color:#292e2e;
  font-style:normal;
  line-height:140%;
}

.ctcol1b {
  float:right;
  width:45%;
  margin-top:1%;
}

.ctcol1b p {
  font-size:0.9em;
  color:#292e2e;
  line-height:140%;
}

iframe.fullmap2 {
  width:100%;
  height:250px;
}


/********** PROJECTS SITE (Carousel) **********/
section.sitemaequee {
  width:100%;
  padding:2% 0;
  background:#ffffff;
  position:relative;
  z-index:200;
}
/** Carousel CSS refer to carouselTicker.css **/



/********** Retirement Home **********/
section.rhsec1 {
  width:100%;
  padding:60px 0;
  background-color:#ffffff;
  background:rgba(255,255,255,0.95);
}

figure.rhsec1colR {
    float:right;
    width:47%;
    margin:50px 0 0 5%;
}

article.rhsec1colL {
    width:100%;
    margin-top:50px;
}


h1.rhtag {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight:300;
    font-size:2em;
    color:#b0986d;
}


p.rhtext {
    margin-top:30px;
    font-size:0.95em;
    color:#4e5353;
    line-height:160%;
}

p.rhtext2 {
    margin-top:30px;
    font-size:1.3em;
    font-weight:300;
    color:#4e5353;
    line-height:160%;
    text-align:center;
}


h1.rhtag2,
p.rhtext3 {
    color:#ffffff;
}


p.rhtext4 {
    color:#b0986d;
}

p.rhtext5 {
    margin-top:30px;
    font-size:1.1em;
    color:#b0986d;
    line-height:160%;
}
  

section.rhsec2 {
    width:100%;
    padding:50px 0;
    background-color:#efefef;
}


figure.rhsec2colL {
    float:left;
    width:47%;
    margin:50px 5% 0 0;
}

article.rhsec2colR {
    width:100%;
    margin-top:50px;
}


section.rhsec3 {
    width:100%;
    padding:50px 0;
    background:#ffffff;
}

.rhext {
    width:100%;
}

.rhint {
    width:100%;
    margin-top:60px;
    padding-top:40px;
    border-top:1px dashed #b0986d;
}

.rhsec3colL {
    float:left;
    width:49%;
    margin-top:30px;
    position:relative;
}

.rhsec3colR {
    float:right;
    width:49%;
    margin-top:30px;
    position:relative;
}

.rhsec3col {
    float:left;
    width:32%;
    margin:30px 2% 0 0;
    position:relative;
}

.rhsec3col3 {
    margin-right:0;
}



.rhsec3txt {
    padding:130px 0 0;
    background:#b0986d;
    height:380px;
}

p.designtag1 {
    font-family: 'Great Vibes', cursive;
    font-size:3.5em;
    color:#ffffff;
    text-align:center;
}

p.designtag2 {
    font-family: 'Great Vibes', cursive;
    font-size:1.5em;
    color:#ffffff;
    text-align:center;
}

p.designtag3 {
    font-family: 'Great Vibes', cursive;
    font-size:2.3em;
    color:#ffffff;
    text-align:center;
}


.rhsec3colL img,
.rhsec3colR img {
    height:380px;
}

.typedesc {
    width:100%;
    position:absolute;
    bottom:0;
    left:0;
    background:rgba(32,27,16,0.6);
    text-align:center;
    padding:10px 0;
}

.typedesc h4 {
    font-family: century;
    font-size:0.85em;
    color:#eee2c5;
    font-weight:400;
}

.typedesc h5 {
    font-family: century;
    font-size:1em;
    color:#eee2c5;
    font-weight:400;
}

.typedesc p {
    margin-top:10px;
    font-family: 'Great Vibes', cursive;
    font-size:1.5em;
    color:#eee2c5;
}

section.rhsec4 {
    width:100%;
    padding:50px 0;
    background-color:#ffffff;
    border-top:3px solid #ecdab9;
    position:relative;
}

img.vplan {
    display:block;
    width:100%;
    margin-top:30px;
}


ul.vplanlist {
    position:absolute;
    bottom:150px;
    right:100px;
    list-style:decimal;
    font-size:0.95em;
    color:#b0986d;
}

ul.vplanlist li {
    margin-bottom:5px;
}


section.rhsec5 {
    width:100%;
    padding:50px 0;
    background-color:#b0986d;
    position:relative;
}

.rhsec5col {
    float:left;
    width:22%;
    margin:30px 4% 0 0;
    text-align:center;
}

.rhsec5col4 {
    margin-right:0;
}

.rhsec5col p {
    font-size:0.95em;
    color:#ffffff;
    margin-top:15px;
}

section.rhsec6 {
    width:100%;
    background-color:#2d2d2f;
}

article.rhsec6txt {
    float:left;
    width:38%;
    margin:220px 0 0 10%;
}


.locationmap {
    float:right;
    width:45%;
}


section.rhsec7 {
    width:100%;
    padding:50px 0;
    background-color:#353949;
    text-align:center;
}

section.rhsec7 h5 {
    margin-top:30px;
    font-size:0.95em;
    color:#b0986d;
    font-weight:600;
}

section.rhsec7 h5 span {
    font-size:0.em;
}

section.rhsec7 address {
    font-size:0.9em;
    color:#b0986d;
    line-height:160%;
    font-style:normal;
}

p.rhtext6 {
    margin-top:30px;
    font-size:1.1em;
    color:#b0986d;
    letter-spacing:2px;
}




/********** FOOTER **********/
footer {
  width:100%;
  padding:2% 0;
  background:#07527d;
  border-top:4px solid #4cbcae;
}

figure.ftlogo {
  float:left;
  width:13%;
  margin-top:30px;
}

section.ftmain {
  float:right;
  width:83%;
}

section.ftmain h6 {
  font-size:0.85em;
  color:#ffffff;
  font-weight:600;
  line-height:160%;
}

section.ftmain h6 span {
  font-size:0.8em;
}

address.ft {
  display:block;
  width:30%;
  float:left;
  font-size:0.8em;
  color:#ffffff;
  font-style:normal;
  line-height:130%;
}

.ftcontact {
  float:left;
  width:30%;
}

.ftcontact i  {
  float:left;
  width:7%;
  font-size:0.8em;
  color:#ffffff;
  font-style:normal;
}

.ftcontact p  {
  float:left;
  width:93%;
  font-size:0.8em;
  color:#ffffff;
  line-height:140%;
}

.ftcontact p span  {
  display:block;
}

.ftcol {
  float:left;
  width:40%;
  padding-top:6%;
}

.ftcol p {
  font-size:0.8em;
  color:#dfdfdf;
}

@media screen and (max-width:1280px) {

  address.ft {
    width:33%;
  }
  
  .ftcontact {
    width:30%;
  }
  
  .ftcol {
    width:37%;
    padding-top:5%;
  }
  
  .ftcol p {
    font-size:0.75em;
  }

}