@charset "utf-8";
/* CSS Document */
body {
  margin: 0;
}

dfn {
  font-style: italic;
}

hr {
  height: 0;
  -moz-box-sizing: content-box;
       box-sizing: content-box;
}

mark {
  color: #000;
  background: #ff0;
}

code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

pre {
  white-space: pre-wrap;
}

q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 0;
}

fieldset {
  padding: 0.35em 0.625em 0.75em;
  margin: 0 2px;
  border: 1px solid #c0c0c0;
}

legend {
  padding: 0;
  border: 0;
}

button,
input,
select,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: 100%;
}

@media print {

thead {
 display: table-header-group;
}

tr,
img {
   page-break-inside: avoid;
}

img {
max-width: 100% !important;
}

@page  {
margin: 2cm .5cm;
}

p,
h2,

h3 {
orphans: 3;
 widows: 3;
}

h2,
h3 {
   page-break-after: avoid;
}
select {
  background: #fff !important;
}
 
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

img {
  vertical-align: middle;
}

.img-responsive {
  display: block;
  height: auto;
  max-width: 100%;
}

.img-full{display: block;
  height:auto;
  width: 100%;}

.img-rounded {
  border-radius: 6px;
}

.img-thumbnail {
  display: inline-block;
  height: auto;
  max-width: 100%;
  padding: 4px;
  line-height: 1.428571429;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}

.img-circle {
  border-radius: 50%;
}
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

table {
  max-width: 100%;
  background-color: transparent;
}

th {
  text-align: left;
}

table col[class*="col-"] {
  position: static;
  display: table-column;
  float: none;
}

table td[class*="col-"],
table th[class*="col-"] {
  display: table-cell;
  float: none;
}

@media (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-x: scroll;
    overflow-y: hidden;
    border: 1px solid #dddddd;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
  }


}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
  	      

}
  
 *{margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; outline:none; border:none; color:#666666;}
.clear{ clear:both;}

@font-face {
    font-family: "ido-Italianno-Regular";
        src: url("../fonts/Italianno-Regular.eot");
        src: url("../fonts/Italianno-Regular.eot?#iefix") format("eot"),
             url("../fonts/Italianno-Regular.ttf") format("truetype"), 
             url("../fonts/Italianno-Regular.woff") format("woff"), 
             url("../fonts/Italianno-Regular.svg") format("svg");
    font-weight:normal;
    font-style: normal;
}


@media (max-width:480px) {
.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; display:none}
.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%;display:none}
.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%;display:none }
.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:100%; 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:none; margin-left:0%; text-align:center}
.ftr-img{width:100%; height:auto; float: none;font-family: Arial, Helvetica, sans-serif;
color: #6d6d6d;
font-weight: normal;
line-height: 150%;
font-size: 70%;
/*padding: .5% 0% .5% 0%;*/
display:flex;
justify-content:center;
align-items:center;
}
.ftr-img a{font-family: Arial, Helvetica, sans-serif;
color: #6d6d6d;
font-weight: normal;
line-height: 150%;
font-size: 100%; text-decoration:none; margin-left:5px;}
.ftr-img a:hover{font-family: Arial, Helvetica, sans-serif;
color: #6d6d6d;
font-weight: normal;
line-height: 150%;
font-size: 100%; text-decoration: underline; margin-left:5px;}

/*.ftr-img img{margin:0 auto }
*/
.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:100%; height:auto; float:none;margin-top: 4.5%;}
.inrlft-ele{ width:100%; height:auto;}
.inrlft-ele img{ margin:0 auto}
.inner-rgt{width:100%; height:auto; float: none}
.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%; display:none;}
.inr-logo{ width:35%; height:auto; background:#fff url(../images/co-bg.jpg) no-repeat center bottom ; position:absolute; left:2.5%; top:0%; 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:90%; color:#85b92c; font-weight:bold; float:left; text-decoration:none; padding:3% 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% 0% 1% 0%; display:none}
.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; display:none;}
.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:2%}
.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:2%}
.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:2%}
.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:2%}
.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;  }
.wantacallback h1{font-family:'Roboto', sans-serif;  color:#095e9c; font-weight:normal;font-size:120%; padding:5% 0% 3% 9%; background:url(../images/calbackicon.jpg) no-repeat 0% 54% }
.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:100%; min-height:initial; float:none; 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:92%; 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:48%; 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:initial; margin:0 auto; padding-bottom:3%; background:none}
.utility{width:100%;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:62%; 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:none}
.enquiry{width:100%;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:100%; height:auto; float:none}
.contact-mid{ width:100%; height:auto; float:none}
.contact-rgt{ width:100%; height:auto; float:none; 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:initial; 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:3%;}
.adrs-icon img{ margin:0 auto}
.adrs-txt{ width:100%; min-height:initial;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:17%; 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:100%; height:auto; float:none}
.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:100%; height:auto; float:none}

.floorplan-container{ width:100%; 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%;
    margin-bottom: 15px;
    overflow-x: scroll;
    overflow-y: hidden;
    border: 1px solid #dddddd;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;}
.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:auto; 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:100%; height:auto; float:none;}
.pro-description{ width:100%; height:auto; float:none;}
.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:100%; height:auto; float:left; margin-right:0%; 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{ width:100%; height:auto; display:block}
.n-indexwrapper{ width:100%; height:auto;}
.n-indexlogo{ width:50%; height:auto; position:initial; top:0; left:0; z-index:2; float:right}
.n-indexmenuwrapper{ width:50%; height:auto; background:none;position:initial; top:0; left:0; z-index:2; float:right }
.n-indexmenucontainer{ width:52%; height:auto; background:#0965a7; float:left; margin-left:22%;display:none;}
.n-bottomwrapper{ width:100%; height:200px; position:absolute; bottom:0; left:0; z-index:2; padding:0% 0% 0% 4%}
.n-bottomslider{width:28%; height:auto; position:relative; margin-right:0%; bottom:0%; left:0%;z-index:0; margin-top:0%; float:left;}
.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:100%;height: auto;display: block;position: relative;bottom:0%;left:0%;z-index: 0;text-align: justify;padding: 0.40%;background-color: #FFF !important; clear:both; float:left }
.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:100%; 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:80%; height:auto;position:initial; bottom:4.2%; right:0; z-index:2; margin:0 auto} 
.n-booknow_index{ width:100%;  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%;  clear:both }
.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:100%;  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%; clear:both  }
.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:100%; height:auto; display:block;background:#f4b650 url(../images/utilitybg.png) no-repeat 5% 50%;   border-left:2px solid #eca22a;float:none ;padding: 1.5% 0% 2% 0%; clear:both  }
.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:initial; bottom:0; left:0; z-index:2; clear:both}
.n-copyright{ width:100%; 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:none; margin-left:0%; text-align:center}
.n-ftr-img{width:13%; height:auto; float:none; padding-top:.3%;margin-right:auto; margin-left:auto }
.n-ftr-img img{margin:0 auto }

.n-socialicons{ width:44%; height:auto;  float:none; margin:0 auto; display:none}
.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%; display:none;}
.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}
.blocked{background:#3e87d4 !important;   font-family:Arial, Helvetica, sans-serif; font-size:80%; color:#fff !important; }

}

@media (min-width:481px) and (max-width:580px){
.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; display:none}
.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%;display:none}
.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%;display:none }
.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:100%; 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:none; margin-left:0%; text-align:center}
/*.ftr-img{width:13%; height:auto; float:none; padding-top:.3%;margin-right:auto; margin-left:auto; }
.ftr-img img{margin:0 auto }
*/
.ftr-img{width:100%; height:auto; float: none;font-family: Arial, Helvetica, sans-serif;
color: #6d6d6d;
font-weight: normal;
line-height: 150%;
font-size: 70%;
/*padding: .5% 0% .5% 0%;*/
display:flex;
justify-content:center;
align-items:center;
}
.ftr-img a{font-family: Arial, Helvetica, sans-serif;
color: #6d6d6d;
font-weight: normal;
line-height: 150%;
font-size: 100%; text-decoration:none; margin-left:5px;}
.ftr-img a:hover{font-family: Arial, Helvetica, sans-serif;
color: #6d6d6d;
font-weight: normal;
line-height: 150%;
font-size: 100%; text-decoration: underline; margin-left:5px;}
.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:100%; height:auto; float:none;margin-top: 11%;}
.inrlft-ele{ width:49%; height:auto; float:left}
.inrlft-ele img{ margin:0 auto}
.inner-rgt{width:100%; height:auto; float: none}
.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%; display:none;}
.inr-logo{ width:35%; height:auto; background:#fff url(../images/co-bg.jpg) no-repeat center bottom ; position:absolute; left:2.5%; top:0%; 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:90%; color:#85b92c; font-weight:bold; float:left; text-decoration:none; padding:3% 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% 0% 1% 0%; display:none}
.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; display:none;}
.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:2%}
.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:5.5% 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:2%}
.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:5.5% 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:2%}
.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:5.5% 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:2%}
.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:5.5% 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:49%;height:auto; float:right  }
.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:16%; 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:100%; min-height:initial; float:none; 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:92%; 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:48%; 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:initial; margin:0 auto; padding-bottom:3%; background:none}
.utility{width:100%;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:62%; 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:none}
.enquiry{width:100%;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:100%; height:auto; float:none}
.contact-mid{ width:100%; height:auto; float:none}
.contact-rgt{ width:100%; height:auto; float:none; 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:initial; 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:3%;}
.adrs-icon img{ margin:0 auto}
.adrs-txt{ width:100%; min-height:initial;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:31%; 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:100%; height:auto; float:none}
.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:100%; height:auto; float:none}

.floorplan-container{ width:100%; 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%;
    margin-bottom: 15px;
    overflow-x: scroll;
    overflow-y: hidden;
    border: 1px solid #dddddd;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;}
.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:auto; 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:100%; height:auto; float:none;}
.pro-description{ width:100%; height:auto; float:none;}
.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:100%; height:auto; float:left; margin-right:0%; 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{ width:100%; height:auto; display:block}
.n-indexwrapper{ width:100%; height:auto;}
.n-indexlogo{ width:50%; height:auto; position:initial; top:0; left:0; z-index:2; float:right}
.n-indexmenuwrapper{ width:50%; height:auto; background:none;position:initial; top:0; left:0; z-index:2; float:right }
.n-indexmenucontainer{ width:52%; height:auto; background:#0965a7; float:left; margin-left:22%;display:none;}
.n-bottomwrapper{ width:100%; height:200px; position:absolute; bottom:0; left:0; z-index:2; padding:0% 0% 0% 4%}
.n-bottomslider{width:28%; height:auto; position:relative; margin-right:0%; bottom:0%; left:0%;z-index:0; margin-top:0%; float:left;}
.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:100%;height: auto;display: block;position: relative;bottom:0%;left:0%;z-index: 0;text-align: justify;padding: 0.40%;background-color: #FFF !important; clear:both; float:left }
.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:58%; height:auto;position:initial; bottom:4.2%; right:0; z-index:2; margin:0 auto} 
.n-booknow_index{ width:100%;  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%; clear:both  }
.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:100%;  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%; clear:both  }
.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:100%; height:auto; display:block;background:#f4b650 url(../images/utilitybg.png) no-repeat 5% 50%;   border-left:2px solid #eca22a;float:none ;padding: 1.5% 0% 2% 0%;  clear:both }
.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:initial; bottom:0; left:0; z-index:2; clear:both}
.n-copyright{ width:100%; 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:none; margin-left:0%; text-align:center}
.n-ftr-img{width:13%; height:auto; float:none; padding-top:.3%;margin-right:auto; margin-left:auto }
.n-ftr-img img{margin:0 auto }

.n-socialicons{ width:44%; height:auto;  float:none; margin:0 auto}
.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%; display:none;}
.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}
.blocked{background:#3e87d4 !important;   font-family:Arial, Helvetica, sans-serif; font-size:80%; color:#fff !important; }

}


@media (min-width:581px) and (max-width:736px){
.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; display:none}
.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%;display:none}
.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%;display:none }
.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:100%; 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:none; margin-left:0%; text-align:center}
/*.ftr-img{width:13%; height:auto; float:none; padding-top:.3%;margin-right:auto; margin-left:auto; }
.ftr-img img{margin:0 auto }
*/
.ftr-img{width:100%; height:auto; float: none;font-family: Arial, Helvetica, sans-serif;
color: #6d6d6d;
font-weight: normal;
line-height: 150%;
font-size: 70%;
/*padding: .5% 0% .5% 0%;*/
display:flex;
justify-content:center;
align-items:center;
}
.ftr-img a{font-family: Arial, Helvetica, sans-serif;
color: #6d6d6d;
font-weight: normal;
line-height: 150%;
font-size: 100%; text-decoration:none; margin-left:5px;}
.ftr-img a:hover{font-family: Arial, Helvetica, sans-serif;
color: #6d6d6d;
font-weight: normal;
line-height: 150%;
font-size: 100%; text-decoration: underline; margin-left:5px;}
.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:100%; height:auto; float:left;margin-top: 10.5%;}
.inrlft-ele{ width:50%; height:auto;float:left;}
.inrlft-ele img{ margin:0 auto}
.inner-rgt{width:100%; height:auto; float: none}
.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%; display:none;}
.inr-logo{ width:35%; height:auto; background:#fff url(../images/co-bg.jpg) no-repeat center bottom ; position:absolute; left:2.5%; top:0%; 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:90%; color:#85b92c; font-weight:bold; float:left; text-decoration:none; padding:3% 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% 0% 1% 0%; display:none}
.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; display:none;}
.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:49%; height:auto;   border-bottom:1px solid #fff;float:left;}
.homeloan-img{ width:25%; min-height:70px; background:#83b729; float:left; padding-top:2%}
.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:49%; height:auto;   border-bottom:1px solid #fff;float:right;}
.bookonline-img{ width:25%; min-height:70px; background:#065590; float:left; padding-top:2%}
.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:49%; height:auto;   border-bottom:1px solid #fff;float:left;}
.freeconsultation-img{ width:25%; min-height:70px; background:#ea731b; float:left; padding-top:2%}
.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:49%; height:auto;   border-bottom:1px solid #fff;float:right;}
.downloadebrochure-img{ width:25%; min-height:70px; background:#eca22a; float:left; padding-top:2%}
.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:48%;height:auto; float:right  }
.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:28%; 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:100%; min-height:initial; float:none; 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:92%; 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:48%; 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:initial; margin:0 auto; padding-bottom:3%; background:none}
.utility{width:100%;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:62%; 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:none}
.enquiry{width:100%;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:50%; height:auto; float:left}
.contact-mid{ width:50%; height:auto; float:left}
.contact-rgt{ width:50%; 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:initial; margin:2% 0% 2% 0%; padding:4%; }
.adrs-icon{ width:100%; height:auto;float:left; background:url(../images/carow.jpg) center bottom no-repeat;padding-bottom:3%;}
.adrs-icon img{ margin:0 auto}
.adrs-txt{ width:100%; min-height:initial;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:31%; height:auto;margin-left:auto;clear:none;margin-right:auto;float:left; margin-top: 19%;}
.social-contact ul{ margin:0 auto; }
.social-contact li{ list-style-type:none; float:left; margin-right:7%; }
.ongoing-lft{ width:100%; height:auto; float:none}
.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:100%; height:auto; float:none}

.floorplan-container{ width:47%; min-height:288px; 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%;
    margin-bottom: 15px;
    overflow-x: scroll;
    overflow-y: hidden;
    border: 1px solid #dddddd;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;}
.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:auto; 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:100%; height:auto; float:none;}
.pro-description{ width:100%; height:auto; float:none;}
.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; clear: both;}
.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{ width:100%; height:auto; display:block}
.n-indexwrapper{ width:100%; height:auto;}
.n-indexlogo{ width:50%; height:auto; position:initial; top:0; left:0; z-index:2; float:right}
.n-indexmenuwrapper{ width:50%; height:auto; background:none;position:initial; top:0; left:0; z-index:2; float:right }
.n-indexmenucontainer{ width:52%; height:auto; background:#0965a7; float:left; margin-left:22%;display:none;}
.n-bottomwrapper{ width:100%; height:200px; position:absolute; bottom:0; left:0; z-index:2; padding:0% 0% 0% 4%}
.n-bottomslider{width:28%; height:auto; position:relative; margin-right:0%; bottom:0%; left:0%;z-index:0; margin-top:0%; float:left;}
.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:72%;height: auto;display: block;position: relative;bottom:0%;left:0%;z-index: 0;text-align: justify;padding: 0.40%;background-color: #FFF !important; clear:none; float:left }
.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:10.3% }
.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:100%; height:auto;position:initial; bottom:4.2%; right:0; z-index:2; margin:0 auto; clear:both} 
.n-booknow_index{ width:50%;  height:auto; display:block;background:#78b203 url(../images/bkn.png) no-repeat 5% 50%; border-left:2px solid #659601; float:left ;padding: 1.5% 0% 2% 0%; clear:none  }
.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:50%;  height:auto; display:block; background:#0967aa url(../images/ebr.png) no-repeat 5% 50%; border-left:2px solid #03548e; float:left;padding: 1.5% 0% 2% 0%; clear:none  }
.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:50%; height:auto; display:block;background:#f4b650 url(../images/utilitybg.png) no-repeat 5% 50%;   border-left:2px solid #eca22a;float:left ;padding: 1.5% 0% 2% 0%;  clear:none }
.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:initial; bottom:0; left:0; z-index:2; clear:both}
.n-copyright{ width:100%; 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:none; margin-left:0%; text-align:center}
.n-ftr-img{width:13%; height:auto; float:none; padding-top:.3%;margin-right:auto; margin-left:auto }
.n-ftr-img img{margin:0 auto }

.n-socialicons{ width:44%; height:auto;  float:none; margin:0 auto; display:none;}
.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%; display:none;}
.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}
.blocked{background:#3e87d4 !important;   font-family:Arial, Helvetica, sans-serif; font-size:80%; color:#fff !important; }

}
	
	
@media (min-width:737px) and (max-width: 991px){
.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; display:none}
.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%;display:none}
.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%;display:none }
.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:100%; 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:none; margin-left:0%; text-align:center}
/*.ftr-img{width:13%; height:auto; float:none; padding-top:.3%;margin-right:auto; margin-left:auto; }
.ftr-img img{margin:0 auto }
*/
.ftr-img{width:100%; height:auto; float: none;font-family: Arial, Helvetica, sans-serif;
color: #6d6d6d;
font-weight: normal;
line-height: 150%;
font-size: 70%;
/*padding: .5% 0% .5% 0%;*/
display:flex;
justify-content:center;
align-items:center;
}
.ftr-img a{font-family: Arial, Helvetica, sans-serif;
color: #6d6d6d;
font-weight: normal;
line-height: 150%;
font-size: 100%; text-decoration:none; margin-left:5px;}
.ftr-img a:hover{font-family: Arial, Helvetica, sans-serif;
color: #6d6d6d;
font-weight: normal;
line-height: 150%;
font-size: 100%; text-decoration: underline; margin-left:5px;}
.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:100%; height:auto; float:left;margin-top: 10.5%;}
.inrlft-ele{ width:50%; height:auto;float:left;}
.inrlft-ele img{ margin:0 auto}
.inner-rgt{width:100%; height:auto; float: none}
.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%; display:none;}
.inr-logo{ width:35%; height:auto; background:#fff url(../images/co-bg.jpg) no-repeat center bottom ; position:absolute; left:2.5%; top:0%; 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:90%; color:#85b92c; font-weight:bold; float:left; text-decoration:none; padding:3% 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% 0% 1% 0%; display:none}
.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; display:none;}
.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:49%; height:auto;   border-bottom:1px solid #fff;float:left;}
.homeloan-img{ width:25%; min-height:70px; background:#83b729; float:left; padding-top:2%}
.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:49%; height:auto;   border-bottom:1px solid #fff;float:right;}
.bookonline-img{ width:25%; min-height:70px; background:#065590; float:left; padding-top:2%}
.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:49%; height:auto;   border-bottom:1px solid #fff;float:left;}
.freeconsultation-img{ width:25%; min-height:70px; background:#ea731b; float:left; padding-top:2%}
.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:49%; height:auto;   border-bottom:1px solid #fff;float:right;}
.downloadebrochure-img{ width:25%; min-height:70px; background:#eca22a; float:left; padding-top:2%}
.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:48%;height:auto; float:right  }
.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:28%; 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:100%; min-height:initial; float:none; 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:92%; 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:48%; 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:initial; margin:0 auto; padding-bottom:3%; background:none}
.utility{width:100%;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:62%; 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:none}
.enquiry{width:70%;height:auto; padding-top:6%;padding-right:5%;padding-left:5%;margin:0 auto; float:none }
.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:50%; height:auto; float:left}
.contact-mid{ width:50%; height:auto; float:left}
.contact-rgt{ width:50%; 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:initial; margin:2% 0% 2% 0%; padding:4%; }
.adrs-icon{ width:100%; height:auto;float:left; background:url(../images/carow.jpg) center bottom no-repeat;padding-bottom:3%;}
.adrs-icon img{ margin:0 auto}
.adrs-txt{ width:100%; min-height:initial;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:31%; height:auto;margin-left:auto;clear:none;margin-right:auto;float:left; margin-top: 19%;}
.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:47%; min-height:288px; 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%;
    margin-bottom: 15px;
    overflow-x: scroll;
    overflow-y: hidden;
    border: 1px solid #dddddd;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;}
.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:auto; 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:100%; height:auto; float:none;}
.pro-description{ width:100%; height:auto; float:none;}
.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; clear: both;}
.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{ width:100%; height:auto; display:block}
.n-indexwrapper{ width:100%; height:auto;}
.n-indexlogo{ width:50%; height:auto; position:initial; top:0; left:0; z-index:2; float:right}
.n-indexmenuwrapper{ width:50%; height:auto; background:none;position:initial; top:0; left:0; z-index:2; float:right }
.n-indexmenucontainer{ width:52%; height:auto; background:#0965a7; float:left; margin-left:22%;display:none;}
.n-bottomwrapper{ width:100%; height:200px; position:absolute; bottom:0; left:0; z-index:2; padding:0% 0% 0% 4%}
.n-bottomslider{width:28%; height:auto; position:relative; margin-right:0%; bottom:0%; left:0%;z-index:0; margin-top:0%; float:left;}
.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:72%;height: auto;display: block;position: relative;bottom:0%;left:0%;z-index: 0;text-align: justify;padding: 0.40%;background-color: #FFF !important; clear:none; float:left }
.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:10.3% }
.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:100%; height:auto;position:initial; bottom:4.2%; right:0; z-index:2; margin:0 auto; clear:both} 
.n-booknow_index{ width:50%;  height:auto; display:block;background:#78b203 url(../images/bkn.png) no-repeat 5% 50%; border-left:2px solid #659601; float:left ;padding: 1.5% 0% 2% 0%; clear:none  }
.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:50%;  height:auto; display:block; background:#0967aa url(../images/ebr.png) no-repeat 5% 50%; border-left:2px solid #03548e; float:left;padding: 1.5% 0% 2% 0%; clear:none  }
.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:50%; height:auto; display:block;background:#f4b650 url(../images/utilitybg.png) no-repeat 5% 50%;   border-left:2px solid #eca22a;float:left ;padding: 1.5% 0% 2% 0%;  clear:none }
.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:initial; bottom:0; left:0; z-index:2; clear:both}
.n-copyright{ width:100%; 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:none; margin-left:0%; text-align:center}
.n-ftr-img{width:13%; height:auto; float:none; padding-top:.3%;margin-right:auto; margin-left:auto }
.n-ftr-img img{margin:0 auto }
.n-socialicons{ width:44%; height:auto;  float:none; margin:0 auto; display:none;}
.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%; display:none;}
.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}
.blocked{background:#3e87d4 !important;   font-family:Arial, Helvetica, sans-serif; font-size:80%; color:#fff !important; }

}


@media (min-width: 992px) and (max-width:1199px)
 {
.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:1.5%;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:auto; height:auto; float:right; padding-top:.3%;margin-right:2.5%;font-family: Arial, Helvetica, sans-serif;
color: #6d6d6d;
font-weight: normal;
line-height: 150%;
font-size: 70%;
/*padding: .5% 0% .5% 0%;*/
display:flex;
justify-content:center;
align-items:center;
}
.ftr-img a{font-family: Arial, Helvetica, sans-serif;
color: #6d6d6d;
font-weight: normal;
line-height: 150%;
font-size: 100%; text-decoration:none; margin-left:5px;}
.ftr-img a:hover{font-family: Arial, Helvetica, sans-serif;
color: #6d6d6d;
font-weight: normal;
line-height: 150%;
font-size: 100%; text-decoration: underline; margin-left:5px;}

.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: 4.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:34%; height:auto;float:right;  margin:1.7% 0% 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:17%; 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:56%; 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:2%;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 2% 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% 27%;padding:8% 2% 0% 0%;  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% 27%;padding:0% 2% 0% 0%; 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 2% 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% 27%;padding:8% 2% 0% 0%; 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% 27%;padding:0% 2% 0% 0%; 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 2% 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% 27%;padding:8% 2% 0% 0%; 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% 27%;padding:0% 2% 0% 0%; 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:20%; height:auto;float:right;  margin:.7% 0% 1% 0%}
.n-ph{font-family:'Roboto', sans-serif; color:#fff; font-size:80%;padding:0% 0% 0% 11%; 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}
.blocked{background:#3e87d4 !important;   font-family:Arial, Helvetica, sans-serif; font-size:80%; color:#fff !important; }

}
		
		
@media screen and (min-width:1200px)
{
.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:auto; height:auto; float:right; padding-top:.3%;margin-right:2.5%;font-family: Arial, Helvetica, sans-serif;
color: #6d6d6d;
font-weight: normal;
line-height: 150%;
font-size: 70%;
/*padding: .5% 0% .5% 0%;*/
display:flex;
justify-content:center;
align-items:center;
}
.ftr-img a{font-family: Arial, Helvetica, sans-serif;
color: #6d6d6d;
font-weight: normal;
line-height: 150%;
font-size: 100%; text-decoration:none; margin-left:5px;}
.ftr-img a:hover{font-family: Arial, Helvetica, sans-serif;
color: #6d6d6d;
font-weight: normal;
line-height: 150%;
font-size: 100%; text-decoration: underline; margin-left:5px;}

.n-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%   }
.blocked{background:#3e87d4 !important;   font-family:Arial, Helvetica, sans-serif; font-size:80%; color:#fff !important; }


/*<!--<!--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-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;}
}

@media (min-width: 1360px) and (max-width:1439px)
{
.index-rgt{ width:66%;  float:right; min-height:670px/* position:relative;margin-top: 7%;*/; 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%;}
}
@media (min-width: 1440px) and (max-width:1599px)
{
.index-rgt{ width:66%;  float:right; min-height:670px/* position:relative;margin-top: 7%;*/; 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%;}
.n-bottomslider{width:13%; height:auto; position:absolute; margin-right:.5%; bottom:3.5%; left:1%;z-index:2}
#messagecntnr {width: 46.4%;height: auto;display: block;position: absolute;bottom: 3.7%;left: 14%;z-index: 2;text-align: justify;padding: 0.40%;background-color: #FFF !important; }
.n-index-right{ width:40%; height:auto;position:absolute; bottom:3.7%; right:0; z-index:2; margin:0} 

}
@media (min-width: 1600px) {
	.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%;}
.homeloan-txt{ width:75%; min-height:73px; background:#9aca48; float:left; text-align:right;border-right:2px solid #83b729;}
.bookonline-txt{ width:75%; min-height:74px; background:#126aab; float:left; text-align:right;border-right:2px solid #065590;}
.freeconsultation-txt{ width:75%; min-height:73px; background:#f58634; float:left; text-align:right;border-right:2px solid #ea731b;}
.downloadebrochure-txt{ width:75%; min-height:74px; background:#f4b650; float:left; text-align:right;border-right:2px solid #eca22a;}
.index-rgt{ width:66%;  float:right; min-height:670px/* position:relative;margin-top: 7%;*/; position:relative}
#messagecntnr {width: 46.4%;height: auto;display: block;position: absolute;bottom: 3.7%;left: 14%;z-index: 2;text-align: justify;padding: 0.40%;background-color: #FFF !important; }
.n-index-right{ width:40%; height:auto;position:absolute; bottom:3.7%; right:0; z-index:2; margin:0} 

}

.z-tabs.flat > ul > li > a i {/*font-size: 1em;*/}
  /*  .z-tabs.flat.flat-peter-river > ul.z-tabs-nav > li.z-active > a, .z-tabs.flat.flat-peter-river >
	 ul.z-tabs-mobile.z-state-closed > li a, .z-tabs.flat.flat-peter-river > ul.z-tabs-mobile > li a {background: #94c73e;}*/
   /* .z-tabs.flat.flat-peter-river > ul, .z-tabs.flat.flat-peter-river > .z-container {border-color: #3498DB;}*/
   
   
   




/* MOBILE MENU*/
.mobilecontainer {
    width:auto;
   /* max-width: 900px;*/
    margin: 10px auto; float:right;
}
.toggleMenu {
    display:  none;

    padding: 10px 15px 10px 15px;
    color: #fff; 
}
.nav {
    list-style: none;
     *zoom: 1;
     background:#f36f21; position:absolute; z-index:500; right:0; width:auto; 
}
.nav:before,
.nav:after {
    content: " "; 
    display: table; 
}
.nav:after {
    clear: both;
}
.nav ul {
    list-style: none;
    width: 9em;
}
.nav a {
    padding: 10px 15px;
    color:#fff; text-decoration:none;
}
.nav li {
    position: relative; text-align:right;
}
.nav > li {
    float: left;
    border-top: 1px solid #e4651a;
}
.nav > li > .parent {
    background-image: url(../images/downArrow.png);
    background-repeat: no-repeat;
    background-position: right;
}
.nav > li > a {
    display: block; font-family:Arial, Helvetica, sans-serif;
}
.nav li  ul {
    position: absolute;
    left: -9999px;
}
.nav > li.hover > ul {
    left: 0;
}
.nav li li.hover ul {
    left: 100%;
    top: 0;
}
.nav li li a {
    display: block;
    background:#0965a8;
    position: relative;
    z-index:100;
    border-top: 1px solid #075085; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; text-decoration:none;
}
.nav li li li a {
    background:#249578;
    z-index:200;
    border-top: 1px solid #3f3e3e; 
}

@media screen and (max-width: 991px) {
    .active {
        display: block;
    }
    .nav > li {
        float: none; font-size:85%
    }
    .nav > li > .parent {
        background-position: 5% 50%;
    }
    .nav li li .parent {
        background-image:url(../images/downArrow.png);
        background-repeat: no-repeat;
        background-position: 5% 50%;
    }
    .nav ul {
        display: block;
        width: 100%;
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }
	 .nav > li a:hover {
   
     font-family:Arial, Helvetica, sans-serif;
	 background:#fff; text-decoration:none; color:#e4651a;
        
    }

}
/* MOBILE MENU*/