@charset "utf-8";
/* CSS Document */
.clear{ clear:both}
.wrapper{ width:100%; height:auto; position:relative; }
.indexwrapper{ width:100%; height:auto; position:absolute; top:0; left:0; z-index:10}
.menuwrapper{ width:100%; height:auto; background:#0965a8;/* position:fixed; top:0; left:0;*/}
.menucontainer{ width:90%; height:auto; float:right; padding-right:0%;}
.indexmenuwrapper{ width:100%; height:auto; background:#fff;  position:absolute; bottom:0; left:0;}
.indexmenucontainer{ width:100%; height:auto; float:right; padding-right:0%;}
.maincontainer{ width:100%; height:auto;  position:relative; }
.index-lft{ width:30%; min-height:670px; background:#fff;float:left;/*  position:absolute; top:0; */padding:0% 1.5% 0% 1.5%;margin-left:4%;}
.logocontainer{ width:100%; height:auto; padding-bottom:2%}
.logocontainer img{ margin:0 auto; }
.index-lft h1{/*font-family:ido-helveticaNeue-Thin, sans-serif;*/  font-family:'Roboto', sans-serif; font-size:160%; color:#999; text-align:left; font-weight:normal; line-height:150% }
.index-lft h1 span{/*font-family:ido-Helvetica, sans-serif;*/font-family:'Roboto', sans-serif;   color:#78b203; text-align:center;  font-weight:bold}
.index-lft p{ font-family:Arial, Helvetica, sans-serif; font-size:80%; color:#666; line-height:150%; text-align:justify; font-weight:normal}

.booknow_index{ width:100%; min-height:62px; background:#78b203 url(../images/bkn.png) no-repeat 5% 50%; border-bottom:1px solid #fff; border-left:2px solid #659601;   }
.booknow_index h3{  font-family:'Roboto', sans-serif; color:#fff; font-size:100%; margin:0% 0% 0% 28%;padding:8% 2% 0% 11%;  font-weight:normal;}
.booknow_index h3 a{ font-family:'Roboto', sans-serif; color:#fff; text-decoration:none  }
.booknow_index h3 a:hover{ font-family:'Roboto', sans-serif; color:#fff; text-decoration:underline  }
.booknow_index p{  font-family:'Roboto', sans-serif; color:#fff; font-size:80%;margin:0% 0% 0% 28%;padding:0% 2% 0% 11%; font-weight:normal; line-height:150%;}
.booknow_index p a{ font-family:'Roboto', sans-serif; color:#fff; text-decoration:none  }
.booknow_index p a:hover{ font-family:'Roboto', sans-serif; color:#fff; text-decoration:underline  }

.ebrochure_index{ width:100%;  min-height:62px; background:#0967aa url(../images/ebr.png) no-repeat 5% 50%; border-bottom:none;   border-left:2px solid #03548e;  }
.ebrochure_index h3{ font-family:'Roboto', sans-serif; color:#fff; font-size:100%;margin:0% 0% 0% 28%;padding:8% 2% 0% 11%; font-weight:normal; }
.ebrochure_index h3 a{ font-family:'Roboto', sans-serif; color:#fff; text-decoration:none  }
.ebrochure_index h3 a:hover{ font-family:'Roboto', sans-serif; color:#fff; text-decoration:underline  }
.ebrochure_index p{  font-family:'Roboto', sans-serif; color:#fff; font-size:80%;  margin:0% 0% 0% 28%;padding:0% 2% 0% 11%; font-weight:normal; line-height:150%; }
.ebrochure_index p a{ font-family:'Roboto', sans-serif; color:#fff; text-decoration:none  }
.ebrochure_index p a:hover{ font-family:'Roboto', sans-serif; color:#fff; text-decoration:underline  }

.utility_index{ width:100%;  min-height:62px;background:#f4b650 url(../images/utilitybg.png) no-repeat 5% 50%; border-bottom:1px solid #fff;   border-left:2px solid #eca22a;  }
.utility_index h3{ font-family:'Roboto', sans-serif; color:#fff; font-size:100%;margin:0% 0% 0% 28%;padding:8% 2% 0% 11%; font-weight:normal; }
.utility_index h3 a{ font-family:'Roboto', sans-serif; color:#fff; text-decoration:none  }
.utility_index h3 a:hover{ font-family:'Roboto', sans-serif; color:#fff; text-decoration:underline  }
.utility_index p{  font-family:'Roboto', sans-serif; color:#fff; font-size:80%;  margin:0% 0% 0% 28%;padding:0% 2% 0% 11%; font-weight:normal; line-height:150%; }
.utility_index p a{ font-family:'Roboto', sans-serif; color:#fff; text-decoration:none  }
.utility_index p a:hover{ font-family:'Roboto', sans-serif; color:#fff; text-decoration:underline  }

.phone_index{ width:58%; height:auto; background:url(../images/ph.png) no-repeat 0% 50%; font-family:Arial, Helvetica, sans-serif; color:#666; font-size:80%;float:left; margin:4% 0% 0% 0%;padding:2% 2% 2% 6%;  }
.mail_index{ width:38%; height:auto; background:url(../images/msg.png) no-repeat 0% 50%; font-family:Arial, Helvetica, sans-serif; color:#78b203; font-size:80%;float:right; margin:4% 0% 0% 0%;padding:2% 2% 2% 6%;  }
.mail_index a{  font-family:Arial, Helvetica, sans-serif; color:#78b203;text-decoration:none  }
.mail_index a:hover{  font-family:Arial, Helvetica, sans-serif; color:#78b203;text-decoration:underline  }
.socialicons{ width:100%; height:auto; background:url(../images/socialbdr.png) no-repeat center top;}
.socialicons ul{width:36%; height:auto; margin:2% auto 0% auto; }
.socialicons li{width:auto; height:auto;float:left; padding:10% 2% 0% 2%;margin:2% 0% 0% 0%; list-style-type:none;font-family:Arial, Helvetica, sans-serif; color:#666; font-size:80%;  }

.index-rgt{ width:66%; float:right; min-height:670px/* position:relative;margin-top: 7%;*/; position:relative}
.uniresidenz-logo{ width:auto; height:auto; float:right; padding:0% 0% 0% 0%; position:absolute; top:18%; left:5%}
.index-caption{ width:auto; height:auto; background:none;  position:absolute; bottom:0; right:0}
.index-caption h2{font-family:'Roboto', sans-serif; color:#fff; font-size:231%; text-align:right; line-height:150%;font-weight:normal;  }
.index-caption h5{font-family:'Niconne', cursive; color:#fff; font-size:143%; text-align:right;line-height:150%; font-weight:normal;  }
.footerwrapper{ width:100%; height:auto; background: url(../images/fbg.jpg) repeat; padding-top:0%; }
.footercontainer{ width:100%; height:auto; background: url(../images/f-top.png) repeat-x top;padding-top: 11%;}
.indexfootercontainer{ width:100%; height:auto; padding-top: 2%;}

.footer-txt{ width:95%; height:auto; margin:0 auto; margin-top:0%;margin-bottom: 1.5%;}
.ftr-address{ width:33%; min-height:185px; background:url(../images/ft-sep.jpg) repeat-y 100% 0%; float:left;}
.ftr-adlogo{ width:20%; height:auto; padding-right:5%; float:left;padding-top:10%;}
.ftr-adtxt{ width:75%; height:auto; color:#6d6d6d; font-family:Arial, Helvetica, sans-serif; font-size:80%; line-height:150%; text-align:left; float:left;padding-top:2%; font-weight:normal}
.ftr-adtxt strong{  color:#6d6d6d; font-family:Arial, Helvetica, sans-serif; font-weight:bold}
.ftr-adtxt a{ color:#6d6d6d; font-family:Arial, Helvetica, sans-serif; text-decoration:none;}
.ftr-adtxt a:hover{ color:#9aca48; font-family:Arial, Helvetica, sans-serif; text-decoration:none;}

.ftr-quicklinks{ width:33%; min-height:185px; background:url(../images/ft-sep.jpg) repeat-y 100% 0%; float:left; padding:0% 2% 0% 2%}
.ftr-quicklinks ul{ width:40%; height:auto; float:left; margin:0% 5% 0% 5%}
.ftr-quicklinks li{color:#6d6d6d; font-family:Arial, Helvetica, sans-serif; font-size:80%; line-height:200%; text-align:left;font-weight:normal; list-style-type:none; list-style-image:url(../images/ftrquickli.png); border-bottom:1px dashed #383837 }
.ftr-quicklinks li a{color:#6d6d6d; font-family:Arial, Helvetica, sans-serif; text-decoration:none}
.ftr-quicklinks li a:hover{color:#9aca48; font-family:Arial, Helvetica, sans-serif; text-decoration:none}
.ftr-quicklinks h2{color:#8c8c8c; font-family:Arial, Helvetica, sans-serif; font-size:100%; line-height:150%;font-weight:bold; text-align:left; background: url(../images/quickbg.png) no-repeat 0% 50%;padding-left: 3%;}

.ftr-social{ width:33%; min-height:185px;  float:left; padding-left:5%; }
.ftr-social ul{ margin:0%; padding:0;}
.ftr-social li{ width:auto; height:auto; float:left; padding:20% 6% 0 6%; list-style-type:none}
.ftr-bottom{ width:100%; height:auto; background:#2f2f2f; clear:both}
.copyright{ width:40%; height:auto;font-family: Arial, Helvetica, sans-serif;color:#6d6d6d;font-weight:normal;  line-height:150%; font-size:70%; padding:.5% 0% .5% 0%; float:left; margin-left:2.5%}
.ftr-img{width:3%; height:auto; float:right; padding-top:.3%;margin-right:2.5% }

.indexftr-address{ width:28%; min-height:151px; background:url(../images/ft-sep.jpg) repeat-y 100% 0%; float:left;}
.indexftr-adlogo{ width:20%; height:auto; padding-right:5%; float:left;padding-top:10%;}
.indexftr-adtxt{ width:75%; height:auto; color:#6d6d6d; font-family:Arial, Helvetica, sans-serif; font-size:75%; line-height:150%; text-align:left; float:left;padding-top:2%; font-weight:normal}
.indexftr-adtxt strong{  color:#6d6d6d; font-family:Arial, Helvetica, sans-serif; font-weight:bold}
.indexftr-adtxt a{ color:#6d6d6d; font-family:Arial, Helvetica, sans-serif; text-decoration:none;}
.indexftr-adtxt a:hover{ color:#9aca48; font-family:Arial, Helvetica, sans-serif; text-decoration:none;}

.indexftr-quicklinks{ width:28%; min-height:151px; background:url(../images/ft-sep.jpg) repeat-y 100% 0%; float:left; padding:0% 2% 0% 2%}
.indexftr-quicklinks ul{ width:40%; height:auto; float:left; margin:0% 5% 0% 5%}
.indexftr-quicklinks li{color:#6d6d6d; font-family:Arial, Helvetica, sans-serif; font-size:75%; line-height:200%; text-align:left;font-weight:normal; list-style-type:none; list-style-image:url(../images/ftrquickli.png); border-bottom:1px dashed #383837 }
.indexftr-quicklinks li a{color:#6d6d6d; font-family:Arial, Helvetica, sans-serif; text-decoration:none}
.indexftr-quicklinks li a:hover{color:#9aca48; font-family:Arial, Helvetica, sans-serif; text-decoration:none}
.indexftr-quicklinks h2{color:#8c8c8c; font-family:Arial, Helvetica, sans-serif; font-size:100%; line-height:150%;font-weight:bold; text-align:left; background: url(../images/quickbg.png) no-repeat 0% 50%;padding-left: 3%;}

.indexftr-social{ width:15%; min-height:151px;  float:left; padding-left:2%; }
.indexftr-social ul{ margin:0%; padding:0;}
.indexftr-social li{ width:auto; height:auto; float:left; padding:20% 2% 0 2%; list-style-type:none}

.indexcallmeback{width:28%;min-height:151px;float:left;background:url(../images/ft-sep.jpg) repeat-y 100% 0%; padding:0% 2% 0% 2% }
.indexcallmeback h2{color:#8c8c8c; font-family:Arial, Helvetica, sans-serif; font-size:100%; line-height:150%;font-weight:bold; text-align:left; background: url(../images/quickbg.png) no-repeat 0% 50%;padding-left: 3%;}
.indexcallmeback-box{width:100%; height:auto; padding-bottom:2%}
.indexcallmeback-txtbox{width:100%; height:27px; background:#000; border:1px solid #2f2f2f;float:left;font-family: Arial, Helvetica, sans-serif;color:#6d6d6d; font-weight:normal;font-size:80%; padding:1%; }
.indexcallmeback-go{width:24%; height:auto; float:right; margin-left:1%   }


<!--inner paGES-->
.inr-wrapper{width:100%; height:auto;}
.inner-maincontainer{width:95%; height:auto; margin:0 auto; padding:2% 0% 2% 0%}
.inner-lft{width:26%; height:auto; float: left;margin-top: 6.5%;}
.inrlft-ele{ width:100%; height:auto;}
.inrlft-ele img{ margin:0 auto}
.inner-rgt{width:72%; height:auto; float: right}
.headerwpr{ width:100%; height:auto; position:relative; background:url(../images/headbg.jpg) repeat 0% 0%}
.inr-menuwrapper{ width:100%; height:auto; background:#0965a8; border-bottom:1px solid #fff}
.inr-menucontainer{ width:60%; height:auto; float:right; padding-right:0%;}
.inr-logo{ width:24.8%; height:auto; background:#fff url(../images/co-bg.jpg) no-repeat center bottom ; position:absolute; left:2.5%; top:30%; z-index:1; padding-bottom:1.5%;padding-top: 1%;}
.inr-logo img{ margin:0 auto;}
.inr-bnr{ width:100%; height:auto; position:relative;}
.bnr-rgt{ width:70%; height:auto; position:absolute; right:4%; bottom:0; }
.breadcrumps{ width:100%; height:auto; padding:0% 0% 0% 0%; border-bottom:1px solid #e0e0e0; margin-bottom:2%; }
.bread-txt{  font-family:'Roboto', sans-serif; font-size:110%; color:#85b92c; font-weight:bold; float:left; text-decoration:none; padding:1% 0% 1% 0%;}
.bread-img{ width:auto; height:auto; float:left;  padding:0% .5% 0% .5%}

.callus{width:26%; height:auto;float:right;  margin:1.7% 2.5% 1% 0%}
.ph{font-family:'Roboto', sans-serif; color:#fff; font-size:80%;padding:0% 0% 0% 6%; font-weight:normal; width:auto; float:left;}
.ph a{font-family:'Roboto', sans-serif; color:#fff; text-decoration:none}
.ph a:hover{font-family:'Roboto', sans-serif; color:#fff; text-decoration:underline}
.inrmail{width:auto; height:auto;float:right; background:url(../images/msg-in.png) no-repeat 2% 47%;font-family: Arial, Helvetica, sans-serif;color:#fff; font-size:85%;font-weight:normal;padding:2% 1% 2% 5%;}
.inrmail a{font-family: Arial, Helvetica, sans-serif;color:#fff; font-weight:normal; text-decoration:none}
.inrmail a:hover{font-family: Arial, Helvetica, sans-serif;color:#fff; font-weight:normal; text-decoration:underline}
.inrcallmeback{width:30%; height:auto;float:right; }
.innercallback{ position:absolute; top:47%; right:2%; width:25%; background:#fff; padding:2%; border:1px solid #e3e3e3; z-index:10}
.inrcallmeback-box{width:100%; height:auto; padding-bottom:1%}
.inrcallmeback-txtbox{width:100%; height:28px; background:#fff; border:1px solid #e8e8e8;float:left;font-family: Arial, Helvetica, sans-serif;color:#666; font-weight:normal;font-size:80%; padding:2%; }
.inrcallmeback-go{width:14%; height:auto; float:right; margin-left:1%   }



.inrphone{width:auto; height:auto;float:right; background:url(../images/ph-in.png) no-repeat 2% 42%;font-family: Arial, Helvetica, sans-serif;color:#fff; font-size:85%;font-weight:normal;padding:1% 1% 2% 4%; margin-right:1%;}
.inner-maincontainer p{font-family: Arial, Helvetica, sans-serif;color:#666;font-weight:normal; font-size:80%; line-height:150%; text-align:justify;}
.inrsocialicons{ width:auto; height:auto; position:fixed; right:0; top:25%; z-index:5}
.inrsocialicons ul{margin:0; padding:0; }
.inrsocialicons li{width:auto; height:auto;padding:0% 0% 0% 0%;margin:0% 0% 0% 0%; list-style-type:none; border-bottom:1px solid #fff; }
.im-links{ width:100%; height:auto; margin-top: 2%; clear:both;}

.homeloan{ width:100%; height:auto;   border-bottom:1px solid #fff;}
.homeloan-img{ width:25%; min-height:70px; background:#83b729; float:left; padding-top:3%}
.homeloan-img img{ margin:0 auto}
.homeloan-txt{ width:75%; min-height:70px; background:#9aca48; float:left; text-align:right;border-right:2px solid #83b729;}
.homeloan-txt h1{font-family:'Roboto', sans-serif; font-size:100%; color:#fff; font-weight:bold; line-height:150%;text-align:right; padding:6% 4% 0% 0%}
.homeloan-txt h1 a{font-family:'Roboto', sans-serif; color:#fff; text-decoration:none}
.homeloan-txt h1 a:hover{font-family:'Roboto', sans-serif;  color:#fff; text-decoration:underline }
.homeloan-txt h2{font-family:'Roboto', sans-serif; font-size:95%; color:#fff; font-weight:normal; line-height:150%;text-align:right; padding:0% 4% 1% 0%}
.homeloan-txt h2 a{font-family:'Roboto', sans-serif; color:#fff; text-decoration:none}
.homeloan-txt h2 a:hover{font-family:'Roboto', sans-serif;  color:#fff; text-decoration:underline }

.bookonline{ width:100%; height:auto;   border-bottom:1px solid #fff;}
.bookonline-img{ width:25%; min-height:70px; background:#065590; float:left; padding-top:3%}
.bookonline-img img{ margin:0 auto}
.bookonline-txt{ width:75%; min-height:70px; background:#126aab; float:left; text-align:right;border-right:2px solid #065590;}
.bookonline-txt h1{font-family:'Roboto', sans-serif; font-size:100%; color:#fff; font-weight:bold; line-height:150%;text-align:right; padding:6% 4% 0% 0%}
.bookonline-txt h1 a{font-family:'Roboto', sans-serif; color:#fff; text-decoration:none}
.bookonline-txt h1 a:hover{font-family:'Roboto', sans-serif;  color:#fff; text-decoration:underline }
.bookonline-txt h2{font-family:'Roboto', sans-serif; font-size:95%; color:#fff; font-weight:normal; line-height:150%;text-align:right; padding:0% 4% 1% 0%}
.bookonline-txt h2 a{font-family:'Roboto', sans-serif; color:#fff; text-decoration:none}
.bookonline-txt h2 a:hover{font-family:'Roboto', sans-serif;  color:#fff; text-decoration:underline }

.freeconsultation{ width:100%; height:auto;   border-bottom:1px solid #fff;}
.freeconsultation-img{ width:25%; min-height:70px; background:#ea731b; float:left; padding-top:3%}
.freeconsultation-img img{ margin:0 auto}
.freeconsultation-txt{ width:75%; min-height:70px; background:#f58634; float:left; text-align:right;border-right:2px solid #ea731b;}
.freeconsultation-txt h1{font-family:'Roboto', sans-serif; font-size:100%; color:#fff; font-weight:bold; line-height:150%;text-align:right; padding:6% 4% 0% 0%}
.freeconsultation-txt h1 a{font-family:'Roboto', sans-serif; color:#fff; text-decoration:none}
.freeconsultation-txt h1 a:hover{font-family:'Roboto', sans-serif;  color:#fff; text-decoration:underline }
.freeconsultation-txt h2{font-family:'Roboto', sans-serif; font-size:95%; color:#fff; font-weight:normal; line-height:150%;text-align:right; padding:0% 4% 1% 0%}
.freeconsultation-txt h2 a{font-family:'Roboto', sans-serif; color:#fff; text-decoration:none}
.freeconsultation-txt h2 a:hover{font-family:'Roboto', sans-serif;  color:#fff; text-decoration:underline }

.downloadebrochure{ width:100%; height:auto;   border-bottom:1px solid #fff;}
.downloadebrochure-img{ width:25%; min-height:70px; background:#eca22a; float:left; padding-top:3%}
.downloadebrochure-img img{ margin:0 auto}
.downloadebrochure-txt{ width:75%; min-height:70px; background:#f4b650; float:left; text-align:right;border-right:2px solid #eca22a;}
.downloadebrochure-txt h1{font-family:'Roboto', sans-serif; font-size:100%; color:#fff; font-weight:bold; line-height:150%;text-align:right; padding:6% 4% 0% 0%}
.downloadebrochure-txt h1 a{font-family:'Roboto', sans-serif; color:#fff; text-decoration:none}
.downloadebrochure-txt h1 a:hover{font-family:'Roboto', sans-serif;  color:#fff; text-decoration:underline }

.downloadebrochure-txt h2{font-family:'Roboto', sans-serif; font-size:95%; color:#fff; font-weight:normal; line-height:150%;text-align:right; padding:0% 4% 1% 0%}
.downloadebrochure-txt h2 a{font-family:'Roboto', sans-serif; color:#fff; text-decoration:none}
.downloadebrochure-txt h2 a:hover{font-family:'Roboto', sans-serif;  color:#fff; text-decoration:underline }

.interior-img{ width:100%; height:auto; margin-top:3%;}
.interior-img img{margin:0 auto}

.wantacallback{ width:100%;height:auto;  margin-top: 2%;  }
.wantacallback h1{font-family:'Roboto', sans-serif;  color:#095e9c; font-weight:normal;font-size:120%; padding:2% 0% 3% 9%; background:url(../images/calbackicon.jpg) no-repeat 0% 30% }
.wantacallback-box{width:100%; height:auto; padding-bottom:3%}
.wantacallback-txtbox{width:100%; height:30px;  border:1px solid #e1e1e1;font-family: Arial, Helvetica, sans-serif;color:#666; font-weight:normal;font-size:80%; padding:1%; }
.wantacallback-submit{width:24%; height:auto; float:right;   }



.bottom-col{ width:25%; height:auto; border-right:1px solid #cccccc; float:left; margin:1% 0% 1% 0%; padding:2% 1% 2% 1% ;}
.bottom-col1{ width:25%; height:auto; float:left;margin:1% 0% 1% 0%;  padding:2% 1% 2% 1% ;}
.bottom-img{ width:33%; height:auto; float: left}
.bottom-img img{  margin:0 auto;}
.bottom-txt{ width:67%; height:auto; float: left; font-family:'Roboto', sans-serif; font-size:100%; color:#666; font-weight:normal; line-height:150%;}
.bottom-txt span{  font-family:'Roboto', sans-serif;  color:#666; font-weight:bold; line-height:150%;}
.bottom-txt a{ font-family:'Roboto', sans-serif; color:#666; text-decoration:none}
.bottom-txt a:hover{  font-family:'Roboto', sans-serif;  color:#82af36;text-decoration:none }
.bottom-txt span a{ font-family:'Roboto', sans-serif; color:#666; text-decoration:none}
.bottom-txt span a:hover{  font-family:'Roboto', sans-serif;  color:#f58634;text-decoration:none }

.tab-container{ width:100%; min-height:580px; border:2px solid #abd368; padding:2%;}
.tab-container p{font-family: Arial, Helvetica, sans-serif;color:#666;font-weight:normal; font-size:80%; line-height:150%; text-align:justify;}
.specification-container{ width:100%; height:auto; margin-top:2%;}
.specification{ width:95%; min-height:80px; float:right; position:relative; border-bottom:1px dashed #cbc9c9; border-left:1px dashed #cbc9c9; }
.specification-icon{ width:10%; position:absolute; top:6%; left:-4% }
.specification-txt{ width:95%; height:auto; float:right; font-family:'Roboto', sans-serif; font-size:100%; color:#666; font-weight:normal; line-height:150%; padding:2% 0% 0% 0%}

.specification-txt h4{font-family:'Roboto', sans-serif; font-size:100%; color:#0965a8; font-weight:normal; line-height:150%;}
.specification-txt p{font-family: Arial, Helvetica, sans-serif;color:#666;font-weight:normal; font-size:80%; line-height:150%; text-align:left;}

.amenities-container{ width:23%; min-height:150px; float:left; margin:1% 1% 1% 1%;background:url(../images/amarow.png) no-repeat 95% 100%; border-bottom:1px solid #f58634;}
.amenities-container img{ margin:0 auto}
.amenities-container h3{  font-family:'Roboto', sans-serif; font-size:90%; color:#666; font-weight:normal; line-height:150%; padding:1% 0% 1% 0%; text-align:center }

.tab-container h2{ font-family:'Roboto', sans-serif; color:#f58634; text-decoration:none; font-size:100%; line-height:150%;font-weight:normal;   }
.utility-container{ width:100%; min-height:700px; margin:0 auto; padding-bottom:3%; background:url(../images/utility.jpg) no-repeat 100% 70%}
.utility{width:70%;height:auto; padding-top:3%; margin:0 0; }
.utility h3{ font-family:'Roboto', sans-serif; font-size:90%; color:#0965a8; font-weight:bold; line-height:150%;border-bottom:1px dashed #e9e9e9; margin-bottom:3%; }
.utility-form{ width: 100%;height: 43px;padding-top: 1%;clear: both;margin:0 auto;}
.utility-form h5{font-family:Arial, Helvetica, sans-serif; font-size:80% ; color:#666; text-align:left;  font-weight:normal; float:left; width:30%; }
.utilitysep{font-family:Arial, Helvetica, sans-serif; font-size:80% ; color:#666; text-align:center;  font-weight:normal; float:left;width:5%; padding-right:2%;
padding-left:2%   }
.utility-box{ width:50%; height:29px; float:left; } 
.utilitytxtbox{ width:97%; height:27px; border:1px solid #b8b7b7;font-family:Arial, Helvetica, sans-serif; font-size:80% ; color:#666; line-height:18px;padding:1%; background:#fff;float:left; }       
.utility-form1{ width:100%; height:68px;padding-top: 1%;clear: both;margin:0 auto}
.utility-form1 h5{font-family:Arial, Helvetica, sans-serif; font-size:84% ; color:#666; text-align:left;  font-weight:normal; float:left; width:30%; }
.utility-form select{width:97%;border:1px solid #b8b7b7;font-family:Arial, Helvetica, sans-serif; font-size:80% ; color:#666; line-height:18px;padding:1%;background:#fff;}
.utility-result{font-family:Arial, Helvetica, sans-serif; font-size:80% ; color:#666; font-weight:bold; text-align:center}
.utilitysendbtn{width: 14%;margin-right:0;padding-top: 0%;float: right; }
.utility-calculate{ width:13%; height:auto; float:left; margin-right:2%;margin-left:35%; background:#126aab; color:#fff;font-family:Arial, Helvetica, sans-serif; font-size:90% ; padding:1% }
.utility-clear{ width:9%; height:auto; float:left;margin-left:0%;background:#126aab; color:#fff;font-family:Arial, Helvetica, sans-serif; font-size:90% ; padding:1%}
.star{font-family:Arial, Helvetica, sans-serif; font-size:84% ; color:#f00;float:left;padding-left:0%; width:3%;}

.enquiry-area{ width:100%; height:auto; /*margin:0 auto;*/ background: url(../images/enqbg.jpg) no-repeat 0% 100%}
.enquiry{width:65%;height:auto; padding-top:6%;padding-right:5%;padding-left:5%;margin:0 0; float:right }
.enquiry-form{ width: 100%;height: auto;padding-top: 2%;clear: both;margin:0 auto;}
.enquiry-form h5{font-family:Arial, Helvetica, sans-serif; font-size:80% ; color:#666; text-align:left;  font-weight:normal; float:left; width:20%; }
.sep{font-family:Arial, Helvetica, sans-serif; font-size:80% ; color:#666; text-align:center;  font-weight:normal; float:left;width:5%; padding-right:2%;
padding-left:2% }
.enquiry-box{ width:75%; height:38px; float:right; } 
.txtbox{ width:97%; height:36px; border:1px solid #DBD8D8;font-family:Arial, Helvetica, sans-serif; font-size:80% ; color:#666; line-height:18px;padding:1%;
 background:#fff;float:left; }       
.enquiry-form1{ width:100%; height:auto;padding-top: 2%;clear: both;margin:0 auto}
.enquiry-form1 h5{font-family:Arial, Helvetica, sans-serif; font-size:80% ; color:#666; text-align:left;  font-weight:normal; float:left; width:20%; }
.comment-box{ width:75%; height:82px;float:right;  } 
.txtbox1{ width:97%; height:80px; border:1px solid #DBD8D8;font-family:Arial, Helvetica, sans-serif; font-size:80% ; color:#666; line-height:18px;
padding:1%;background:#fff;float:left; }       
.enquiry-form select{width:100%;border:1px solid #DBD8D8;font-family:Arial, Helvetica, sans-serif; font-size:80% ; color:#666; line-height:18px;padding:1%;
 background:#fff;}
.codebox{width:97%; height:36px; float:none; padding-top:2%; margin-right:0%; margin-bottom:0; }
.sendbtn{width: 13%;margin-right:2%;padding-top:2%;float: right; }

.contact-container{ width:100%; height:auto; border:none; position:relative; padding:2%; background:url(../images/contbg.jpg) repeat 0% 0%}
.contact-area{ width:100%;  height:auto; top:0%; left:0%; right:0%;  background:rgba(255,255,255,0.3); padding:1.5%; }
.contact{ width:100%;min-height:400px; background:rgb(255,255,255); padding-bottom:2%}
.contact-lft{ width:33%; height:auto; float:left}
.contact-mid{ width:33%; height:auto; float:left}
.contact-rgt{ width:33%; height:auto; float:left; padding:0% 0% 0% 0%}
.contact-logo{ width:100%; height:auto; padding:24% 0% 0% 0%}
.contact-logo img{ margin:0 auto}
.adrs-container{ width:100%; min-height:160px; margin:5% 0% 5% 0%; padding:4%; }
.adrs-icon{ width:100%; height:auto;float:left; background:url(../images/carow.jpg) center bottom no-repeat;padding-bottom: 8%;}
.adrs-icon img{ margin:0 auto}
.adrs-txt{ width:100%; min-height:158px;float:left; margin-left:1%; border-right:1px dashed #ebebea; }
.adrs-txt p{ font-family:Arial, Helvetica, sans-serif; font-size:90%; color:#666; text-align:center; line-height:150%;}
.adrs-txt p strong{ font-family:Arial, Helvetica, sans-serif;  color:#666; }
.social-contact{ width:11%; height:auto;margin-left:auto;clear:both;margin-right:auto;}
.social-contact ul{ margin:0 auto; }
.social-contact li{ list-style-type:none; float:left; margin-right:7%; }
.ongoing-lft{ width:49%; height:auto; float:left}
.ongoing-lft h1{ font-family:'Roboto', sans-serif; font-size:125%; color:#126aab; font-weight:normal; line-height:150%; background:url(../images/onh1.jpg) no-repeat 0% 0%;padding-left: 5%;}
.ongoing-lft p{font-family: Arial, Helvetica, sans-serif;color:#666;font-weight:normal; font-size:80%; line-height:150%; text-align:justify;}
.project-type{ width:100%; height:auto;  padding-top:6% }
.project-typeimg{ width:5%; height:auto; float:left; padding-top:1% }
.project-typeimg img{ margin:0 auto;}
.project-typetxt{ width:95%; height:auto; float:right;font-family:Arial, Helvetica, sans-serif; font-size:80%; color:#666; text-align:left; line-height:150%; font-weight:bold}
.ongoing-rgt{ width:49%; height:auto; float:right}

.floorplan-container{ width:31%; min-height:324px; float:left; margin:1% 1.1% 1% 1.1%; background:url(../images/flbg.png) no-repeat center bottom}
.floorplan-img{ width:100%; height:auto;position:relative}
.floorplan-img img{ width:100%; height:auto;display:block}
.floorplan-zoom{ width:20%; position:absolute; left:40%; top:30%}
.floorplan-zoom img{ margin:0 auto; max-width:100%; height:auto; display:block}

.floorplan-container h1{ font-family:'Roboto', sans-serif; color:#fff; text-decoration:none; font-size:100%; line-height:150%;font-weight:normal;  position:absolute; left:1%; bottom:0%; background:rgba(9,103,170,0.9) url(../images/fh1.png) no-repeat 2% 50%; width:98%; padding:1% 0% 1% 7%  }
.floorplan-txt{ width:100%; height:auto;padding:5% 1% 1% 1%}
.floorplan-txt ul{ margin:0; padding:0;}
.floorplan-txt li{font-family:Arial, Helvetica, sans-serif; font-size:80%; color:#666; text-align:left; line-height:170%;font-weight:normal; list-style-type:none ;margin-left: 5%; list-style-image: url(../images/fli.jpg)}
.floorplan-txt p span{font-family:Arial, Helvetica, sans-serif; color:#0967aa; font-weight:normal; }

.availability-conatiner{ width:100%; height:auto; background:#f8f8f8; padding:1%}
.availability-conatiner table{ width:100%; height:auto;}
.availability-conatiner tr{ margin:0; padding:0;}
.availability-conatiner th{ border:1px solid #e3e4e1; background:#fff;  font-family:Arial, Helvetica, sans-serif; font-size:85%; color:#0967aa; text-align:center; line-height:170%;font-weight:bold;padding:1%; text-transform:uppercase}
.availability-conatiner td{ border:1px solid #e3e4e1;background:#fff;   font-family:Arial, Helvetica, sans-serif; font-size:80%; color:#666; text-align:center; line-height:170%;font-weight:normal; padding:1%}
.available{background:#abd368 !important;   font-family:Arial, Helvetica, sans-serif; font-size:80%; color:#fff !important; }
.booked{background:#f58634 !important;   font-family:Arial, Helvetica, sans-serif; font-size:80%; color:#fff !important; }
.currentstatus{ width:23%; height:auto; float:left; margin:1% 1% 1% 1%; position:relative}
.currentstatus img{ width:100%; height:auto; display:block}

.currentstatus-zoom{ width:14%; height:auto; margin:1% 1% 1% 1%; position:absolute; right:-1%; bottom:-1%;}
.currentstatus-zoom img{ max-width:100%; height:auto; display:block; width:auto;}
.sold{ width:auto; height:auto; position: absolute; top: -2%;right: -.9%; }
.completed-logo{ width:100%; height:auto;padding-bottom:9%;}
.completed-logo img{ margin:0 auto}
.pro-dest{ width:100%; height:auto; font-family:Arial, Helvetica, sans-serif; color:#666; font-size:80%; font-weight:normal;text-align:center; background:url(../images/loc.jpg) no-repeat center top; padding:11% 0% 5% 5%;}
.pro-ad{  width:100%; height:auto; font-family:Arial, Helvetica, sans-serif; color:#666; font-size:70%; font-weight:normal; text-align:center; background:url(../images/co-bg.jpg) no-repeat center bottom; margin-bottom:6%;padding-bottom:3%;}
.pro-view{  width:100%; height:auto; }
.pro-view img{margin:0 auto }
.pro-description-img{ width:35%; height:auto; float:left;}
.pro-description{ width:63%; height:auto; float:right;}
.pro-description-img h2{font-family:'Roboto', sans-serif; color:#f58634; text-decoration:none; font-size:130%; line-height:150%;font-weight:normal;}

.pro-description h2{font-family:'Roboto', sans-serif; color:#f58634; text-decoration:none; font-size:130%; line-height:150%;font-weight:normal;}
.pro-description p{ font-family:Arial, Helvetica, sans-serif; color:#666; font-size:80%; font-weight:normal; text-align:justify; line-height:150%;}
.pro-amenity{ width:37%; height: auto; float:left;padding:1% 0% 1% 0%}
.pro-amenity-img{ width:20%; height: auto; float:left}
.pro-amenity-txt{ width:78%;font-family:Arial, Helvetica, sans-serif; color:#666; font-size:90%; font-weight:normal; text-align:left; line-height:150%;float:left; padding:0% 0% 0% 2%}
.location-map{ width:98%; height:auto; position:relative; margin-top:5%; margin-bottom:2%; margin-left:auto;margin-right:auto;}
.locatiomap-icon{ width:20%; height:auto; position:absolute; top:-2%; left:40%}
.tablft{ width:auto; height:auto; float:left}
.tabtxt{ width:auto; height:auto; float:left; padding-top:3%}
.tabtxt a{ color:#666}
.tabtxt a:hover{ color:#f00}
.download-col{ width:49%; height:auto; float:left; margin-right:1%; background:#fff; border:1px solid #EEEDEC; padding:2%;}
.download-logo{ width:48%; height:auto; float:left; margin-right:2%;}
.download-txt{ width:50%; height:auto; float:left; padding-top:2%;}
.download-txt img{ margin:0 auto}
.download-txt h3{font-family:'Roboto', sans-serif; color:#0965a8; text-align:center; font-size:100%; line-height:150%;font-weight:bold;}
.download-txt h3 a{font-family:'Roboto', sans-serif; color:#0965a8; text-decoration:none}
.download-txt h3 a:hover{font-family:'Roboto', sans-serif; color:#0965a8; text-decoration:underline}
.download-txt p{font-family:Arial, Helvetica, sans-serif; color:#666; text-align:center; font-size:70%; line-height:150%;font-weight:normal;}
.download-txt p a{font-family:Arial, Helvetica, sans-serif; color:#666; text-decoration:none}
.download-txt p a:hover{font-family:Arial, Helvetica, sans-serif; color:#666;text-decoration:underline }
.index-lftinner{ width:48%; min-height:185px;  float:left; margin-top:3%; position:relative}
.index-lftinner img{ width:100%; height:auto; display:block;}
.index-rgtinner{ width:48%; min-height:185px; float:right;margin-top:3%;}
.otherprojects{ width:80%; height:auto; position:absolute; bottom: -.6%;left: 8%;}
.mobilemenu{ display:none;}

.n-indexlogo{ width:22%; height:auto; position:absolute; top:0; left:0; z-index:2}
.n-indexmenuwrapper{ width:100%; height:auto; background:#0965a7;position:absolute; top:0; left:0; z-index:2}
.n-indexmenucontainer{ width:52%; height:auto; background:#0965a7; float:left; margin-left:22%}
.n-bottomwrapper{ width:100%; height:200px; position:absolute; bottom:0; left:0; z-index:2; padding:0% 0% 0% 4%}
.n-bottomslider{width:13%; height:auto; position:absolute; margin-right:0%; bottom:4%; left:1%;z-index:2}
.n-otherprojects{ width:92%; height:auto; position:absolute; bottom:7%;left:.4%;}
#n-contentarea{ width:41%; height:auto;float:left; background:#fff !important; position:relative;padding:1% 1% 1% 1%;margin-right:.5%}
#messagecntnr {width: 46.4%;height: auto;display: block;position: absolute;bottom: 4.2%;left: 14%;z-index: 2;text-align: justify;padding: 0.40%;background-color: #FFF !important; }
.mdpic{ width: 21%; height: auto; float:left; background-color: #E9E9E9; padding:1%; margin-right:1.50% }
.mdpic img{ width:100%; height:auto}
.mdmsg { width:98.5%; height: auto;float:left;  font-family:Arial, Helvetica, sans-serif; font-weight:normal;  text-align: justify; color:#333333;  padding-left:1% !important; padding-bottom:0% }
.mdmsg p{ padding-top:0.90% !important; padding:0px; margin:0px; line-height:150%;font-size:80%; text-align:left; font-family: Arial, Helvetica, sans-serif; text-align:justify }
.mdmsg p a{ padding-top:0.90% !important; padding:0px; margin:0px;color:#08bae3;text-decoration: none }
.mdmsg p a:hover{ padding-top:0.90% !important; padding:0px; margin:0px;color:#666; text-decoration:underline }
.mdmsg h5{ font-weight:normal; font-size:150%; color:#f58634;font-family: 'Playball', cursive; padding-top:1%;  }
.mdmsg h5 span{ color:#0965a7;font-family: 'Playball', cursive; }
#closebtn{ width:8px; height:8px; position:absolute; top:0.50em; right:0.8em; z-index:500; display:block; border:0} 
#closebtn_2{ width:28px; height:28px; position:absolute; top:0.5em; right:0.9em; z-index:500; display:block; border:0}
.n-index-right{ width:40%; height:auto;position:absolute; bottom:4.2%; right:0; z-index:2; margin:0} 
.n-booknow_index{ width:33%;  height:auto; display:block;background:#78b203 url(../images/bkn.png) no-repeat 5% 50%; border-left:2px solid #659601; float:right ;padding: 1.5% 0% 2% 0%;  }
.n-booknow_index h3{  font-family:'Roboto', sans-serif; color:#fff; font-size:100%; margin:0% 0% 0% 28%;padding:8% 2% 0% 11%;  font-weight:normal;}
.n-booknow_index h3 a{ font-family:'Roboto', sans-serif; color:#fff; text-decoration:none  }
.n-booknow_index h3 a:hover{ font-family:'Roboto', sans-serif; color:#fff; text-decoration:underline  }
.n-booknow_index p{  font-family:'Roboto', sans-serif; color:#fff; font-size:80%;margin:0% 0% 0% 28%;padding:0% 2% 0% 11%; font-weight:normal; line-height:150%;}
.n-booknow_index p a{ font-family:'Roboto', sans-serif; color:#fff; text-decoration:none  }
.n-booknow_index p a:hover{ font-family:'Roboto', sans-serif; color:#fff; text-decoration:underline  }

.n-ebrochure_index{ width:33%;  height:auto; display:block; background:#0967aa url(../images/ebr.png) no-repeat 5% 50%; border-left:2px solid #03548e; float:right;padding: 1.5% 0% 2% 0%;  }
.n-ebrochure_index h3{ font-family:'Roboto', sans-serif; color:#fff; font-size:100%;margin:0% 0% 0% 28%;padding:8% 2% 0% 11%; font-weight:normal; }
.n-ebrochure_index h3 a{ font-family:'Roboto', sans-serif; color:#fff; text-decoration:none  }
.n-ebrochure_index h3 a:hover{ font-family:'Roboto', sans-serif; color:#fff; text-decoration:underline  }
.n-ebrochure_index p{  font-family:'Roboto', sans-serif; color:#fff; font-size:80%;  margin:0% 0% 0% 28%;padding:0% 2% 0% 11%; font-weight:normal; line-height:150%; }
.n-ebrochure_index p a{ font-family:'Roboto', sans-serif; color:#fff; text-decoration:none  }
.n-ebrochure_index p a:hover{ font-family:'Roboto', sans-serif; color:#fff; text-decoration:underline  }

.n-utility_index{ width:33%; height:auto; display:block;background:#f4b650 url(../images/utilitybg.png) no-repeat 5% 50%;   border-left:2px solid #eca22a;float:right ;padding: 1.5% 0% 2% 0%;  }
.n-utility_index h3{ font-family:'Roboto', sans-serif; color:#fff; font-size:100%;margin:0% 0% 0% 28%;padding:8% 2% 0% 11%; font-weight:normal; }
.n-utility_index h3 a{ font-family:'Roboto', sans-serif; color:#fff; text-decoration:none  }
.n-utility_index h3 a:hover{ font-family:'Roboto', sans-serif; color:#fff; text-decoration:underline  }
.n-utility_index p{  font-family:'Roboto', sans-serif; color:#fff; font-size:80%;  margin:0% 0% 0% 28%;padding:0% 2% 0% 11%; font-weight:normal; line-height:150%; }
.n-utility_index p a{ font-family:'Roboto', sans-serif; color:#fff; text-decoration:none  }
.n-utility_index p a:hover{ font-family:'Roboto', sans-serif; color:#fff; text-decoration:underline  }
.n-index-footer{ width:100%; height:auto; background:#171616; position:absolute; bottom:0; left:0; z-index:2}
.n-copyright{ width:40%; height:auto;font-family: Arial, Helvetica, sans-serif;color:#6d6d6d;font-weight:normal;  line-height:150%; font-size:70%; padding:.5% 0% .5% 0%; float:left; margin-left:2.5%}
.n-ftr-img{width:3%; height:auto; float:right; padding-top:.3%;margin-right:2.5% }
.n-socialicons{ width:14%; height:auto;  float:right;}
.n-socialicons ul{  margin:2% auto 0% auto; }
.n-socialicons li{width:auto; height:auto;float:left; padding:1% 2% 1% 2%;margin:0% 0% 0% 0%; list-style-type:none;font-family:Arial, Helvetica, sans-serif; color:#666; font-size:70%;  }
.n-callus{width:26%; height:auto;float:right;  margin:1.7% 0% 1% 0%}
.n-ph{font-family:'Roboto', sans-serif; color:#fff; font-size:80%;padding:0% 0% 0% 6%; font-weight:normal; width:auto; float:left;}
.n-ph a{font-family:'Roboto', sans-serif; color:#fff; text-decoration:none}
.n-ph a:hover{font-family:'Roboto', sans-serif; color:#fff; text-decoration:underline}
.n-indexwrapper{ width:100%; height:auto;}