@charset "UTF-8";
/*
Website Name:   Willow Apartments - Williamsons Estate
Website URL:    http://willowdoncaster.com.au/
Description:    Main stylesheet of Willow Estate website. 
Author:         Caramel Creative
Author URI:     http://caramelcreative.com/
Version:        1.0.0

Social Media:
Facebook:   https://www.facebook.com/caramelcreative
Twitter:    https://twitter.com/caramelcreative
LinkedIn:   http://www.linkedin.com/company/caramel-creative



   .d8888b.                                                   888       
  d88P  Y88b                                                  888       
  888    888                                                  888       
  888         8888b.  888.d88  8888b.  88888b.d88b.   .d88b.  888       
  888            "88b 888P"       "88b 888 "888 "88b d8P  Y8b 888       
  888    888 .d888888 888     .d888888 888  888  888 88888888 888       
  Y88b  d88P 888  888 888     888  888 888  888  888 Y8b.     888       
   "Y8888P"  "Y888888 888     "Y888888 888  888  888  "Y8888  888       
  
   .d8888b.                            888    d8b                       
  d88P  Y88b                           888    Y8P                       
  888    888                           888                              
  888        888.d88  .d88b.   8888b.  888888 888 888  888  .d88b.      
  888        888P"   d8P  Y8b     "88b 888    888 888  888 d8P  Y8b     
  888    888 888     88888888 .d888888 888    888 Y88  88P 88888888     
  Y88b  d88P 888     Y8b.     888  888 Y88b.  888  Y8bd8P  Y8b.         
   "Y8888P"  888      "Y8888  "Y888888  "Y888 888   Y88P    "Y8888      
                                                                   

*/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/**
 * Last-index v2
 * Less beautiful code
 * Better performance
 */
/************************************************************
********************   RESET   ******************************
*************************************************************/
/* 
 * HTML5 ✰ Boilerplate
 *
 * What follows is the result of much research on cross-browser styling. 
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 * 
 * ==|== normalize ==========================================================
 */
/* =============================================================================
   HTML5 display definitions
   ========================================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, samp, strike,
strong, sub, sup, tt, var, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
  display: block;
}

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

audio:not([controls]) {
  display: none;
}

[hidden] {
  display: none;
}

/* =============================================================================
   Base
   ========================================================================== */
/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Force vertical scrollbar in non-IE
 * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */
html {
  font-size: 100%;
  /*overflow-y: scroll;*/
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  margin: 0;
  font-size: 13px;
  line-height: 1;
}

body, button, input, select, textarea {
  font-family: arial, sans-serif;
  color: #222;
}

/* 
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */
::-moz-selection {
  background: #fe57a1;
  color: #fff;
  text-shadow: none;
}

::selection {
  background: #fe57a1;
  color: #fff;
  text-shadow: none;
}

/* =============================================================================
   Helpers
   ========================================================================== */
.clearFloat {
  clear: both;
}

.hidden {
  position: absolute !important;
  left: -9999px !important;
  top: -9999px !important;
}

/* =============================================================================
   Links
   ========================================================================== */
/*a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }*/
a:focus {
  outline: thin dotted;
}

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active {
  outline: 0;
}

/* =============================================================================
   Typography
   ========================================================================== */
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: bold;
}

blockquote {
  margin: 1em 40px;
}

address {
  font-style: normal;
}

dfn, em {
  font-style: italic;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

ins {
  background: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background: #ff0;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp {
  font-family: monospace, monospace;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}

/* Improve readability of pre-formatted text in all browsers */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

del {
  text-decoration: line-through;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}

small {
  font-size: 85%;
}
small.asterix {
    font-size: 14px;
    color: #7d7d7d;
    margin-top: 15px;
}
/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* =============================================================================
   Lists
   ========================================================================== */
ul, ol {
  margin: 1em 0;
  padding: 0;
  list-style: none;
}

dd {
  margin: 0 0 0 40px;
}

nav ul, nav ol {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}

/* =============================================================================
   Embedded content
   ========================================================================== */
/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e 
 */
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
}

/*
 * Correct overflow not hidden in IE9 
 */
svg:not(:root) {
  overflow: hidden;
}

/* =============================================================================
   Figures
   ========================================================================== */
figure {
  margin: 0;
}

/* =============================================================================
   Forms
   ========================================================================== */
form {
  margin: 0;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/* Indicate that 'label' will shift focus to the associated form element */
label {
  cursor: pointer;
}

/* 
 * 1. Correct color not inheriting in IE6/7/8/9 
 * 2. Correct alignment displayed oddly in IE6/7 
 */
legend {
  border: 0;
  *margin-left: -7px;
  padding: 0;
}

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */
button, input, select, textarea {
  font-size: 100%;
  padding: 0;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}

select:focus, input:focus, textarea:focus {
  outline: 0;
}

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */
button, input {
  line-height: normal;
  *overflow: visible;
}

/*
 * Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
 */
table button, table input {
  *overflow: auto;
}

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */
button, input[type="button"], input[type="reset"], input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}

/*
 * Consistent box sizing and appearance
 */
input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
}

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

input[type="hidden"] {
  display: none !important;
  visibility: hidden !important;
  height: 0px !important;
}

/* 
 * Remove inner padding and border in FF3/4: h5bp.com/l 
 */
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/* 
 * 1. Remove default vertical scrollbar in IE6/7/8/9 
 * 2. Allow only vertical resizing
 */
textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}

/* Colors for form validity */
input:invalid, textarea:invalid {
  background-color: #f0dddd;
}

/* =============================================================================
   Tables
   ========================================================================== */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td {
  vertical-align: top;
}

th {
  text-align: left;
}

/************************************************************
*********************   FONTS   *****************************
*************************************************************/
/*
$font-archer-reg:  'Arvo', Arial, sans-serif;
$font-regular: 'ProximaNovaRegular', Arial, sans-serif;
$font-thin: 'ProximaNovaThin', Arial, sans-serif;
$font-bold: 'ProximaNovaBold', Arial, sans-serif;
*/
#registration form input[type=text],
#registration form input[type=email],
#registration form input[type=number],
#registration form textarea {
  font-family: "Archer A", "Archer B", Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
}

h1, h2, .enquiry h3, nav a, .detail-navigation-ap a, .detail-navigation a, .gallery .gallery-nav a, .detail-info-ctn p.additional-floorplans-info {
  font-family: "Gotham SSm A", "Gotham SSm B", Arial, sans-serif;
  font-weight: 500 !important;
  font-style: normal;
}

h3, h4, .btn, #registration form button[type=submit], .townhouses-list-cnt ul .blog .tab-link, .detail-info-ctn .measurement-list li span.b, .detail-info-ctn .measurement-list li.bmargin span {
  font-family: "Gotham SSm A", "Gotham SSm B", Arial, sans-serif;
  font-weight: 700 !important;
  font-style: normal;
}

.detail-info-ctn .measurement-list li {
  font-family: "Gotham SSm A", "Gotham SSm B", Arial, sans-serif;
  font-weight: 400 !important;
  font-style: normal;
}

body {
  font-family: "Archer A", "Archer B", Arial, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 120%;
  line-height: 130%;
  font-weight: 600;
}

h1 {
  color: white;
  font-size: 34px;
  font-size: 2.125rem;
  line-height: 120%;
  margin-bottom: 25px;
  line-height: 130%;
}

h2 {
  color: white;
  font-size: 100px;
  font-size: 6.25rem;
  line-height: 120%;
  margin-bottom: 25px;
  line-height: 130%;
}

h3 {
  color: black;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 120%;
  margin-bottom: 19px;
  line-height: 20px;
}
.enquiry h3 {
  font-size: 26px;
  font-size: 1.625rem;
  line-height: 120%;
}

h4 {
  color: black;
  font-size: 17px;
  font-size: 1.0625rem;
  line-height: 120%;
  margin-bottom: 14px;
  line-height: 130%;
}

h5 {
  color: black;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 120%;
  margin-bottom: 25px;
  line-height: 130%;
}

h6 {
  color: black;
  font-size: 16;
  margin-bottom: 25px;
  line-height: 130%;
}

a {
  color: #afc72a;
  text-decoration: none;
  outline: none;
}
a:hover, a:active, a:focus {
  color: #c3d94b;
  text-decoration: underline;
}
a:hover, a.selected, a:focus, a:active {
  outline: none;
}

h1 a,
h2 a,
h3 a,
h4 a {
  text-decoration: none !important;
  color: inherit;
}

p {
  margin-bottom: 25px;
}

small {
  font-size: 10px;
  display: inline-block;
  line-height: 120%;
}

.fa {
  padding: 0 5px;
}

h1, h2 {
  text-transform: uppercase;
  letter-spacing: -2px;
}

h3, h4 {
  text-transform: uppercase;
  letter-spacing: 1px;
}

.enquiry h3 {
  text-transform: uppercase;
  letter-spacing: 1px;
}

p {
  font-size: 16px;
  font-size: 1rem;
  line-height: 120%;
}

hr {
  border: none;
  border-bottom: black solid 1px;
  padding: 0;
  margin: 10px 0;
}

/************************************************************
*********************   LISTS   *****************************
*************************************************************/
.cms-entry ul.fmt-list li:before, .fmt-list li:before {
  content: "\bb";
  float: left;
  margin-left: -15px;
  margin-top: -1px;
}

.cms-entry ul {
  margin-bottom: 10px;
}
.cms-entry ul li {
  list-style: disc outside none;
  margin-left: 15px;
  font-size: 16px;
  font-size: 1rem;
  line-height: 120%;
}
.cms-entry ul.fmt-list li {
  list-style: none;
}

.fmt-list {
  margin-bottom: 10px;
}
.fmt-list li {
  list-style: none;
  margin-left: 15px;
}

/************************************************************
*********************   BUTTONS   ***************************
*************************************************************/
.btn {
  text-decoration: none;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 120%;
  color: black;
  background: white;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  margin: 1px;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -ms-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}
.btn.greenHighlight {
  background: #afc72a;
}
.btn.greenHighlight.txt-black {
  color: #000000;
  margin-top: 40px;
}
.btn.greenHighlight:hover, .btn.greenHighlight:active, .btn.greenHighlight:focus {
  background: #c3d94b !important;
}
.btn:hover, .btn:active, .btn:focus {
  text-decoration: none;
  background: #c3d94b;
  color: black;
}
.btn .btnTxt {
  display: inline-block;
  padding: 12px 35px;
  letter-spacing: 1px;
}
.btn .btnTxt .icon {
  display: inline-block;
}

button.btn,
input.btn[type="submit"],
input.btn[type="button"] {
  border: medium none;
  cursor: pointer;
  padding: 10px 30px;
}

/************************************************************
**************  GENERIC SITE WIDE STYLES   ******************
*************************************************************/
::-moz-selection {
  background: #f8f7f3;
  color: black;
  text-shadow: none;
}

::selection {
  background: #f8f7f3;
  color: black;
  text-shadow: none;
}

::-webkit-input-placeholder {
  /* WebKit browsers */
  color: black;
  opacity: 1;
  filter: alpha(opacity=100);
}

:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: black;
  opacity: 1;
  filter: alpha(opacity=100);
}

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: black;
  opacity: 1;
  filter: alpha(opacity=100);
}

:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: black;
  opacity: 1;
  filter: alpha(opacity=100);
}

html {
  background-color: white;
}

html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
}

/************************************************************
*********************   COMMON   ****************************
*************************************************************/
.hide {
  display: none !important;
}

.nopaddingBottom {
  padding-bottom: 0 !important;
}

.nomargin {
  margin: 0 !important;
}

.noborder {
  border: none !important;
}

.clear {
  clear: both;
}

img {
  width: 100%;
}

.devider {
  width: 50px;
  height: 1px;
  margin: 26px auto 20px auto;
  background-color: #cccccc;
  display: inline-block;
  clear: both;
}
.devider.detail {
  margin: 15px auto 20px auto;
}

.lgreen {
  background-color: #7dcb78;
}

.wgreen {
  background-color: #afc72a;
}

.dgrey {
  background-color: #5d6e7f;
}
.pos-rel {
  position: relative !important;	
  margin-bottom: 10px;
}

/************************************************************
**********************   FORM  ******************************
************************************************************/
#registration {
  width: 100%;
  max-width: 462px;
  position: relative;
  text-align: center;
  margin: 0 auto;
}
#registration #form {
  float: left;
  width: 100%;
  padding: 9px 20px 0 20px;
  box-sizing: border-box;
}
#registration form ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#registration form ul li {
  min-height: 33px;
  margin-bottom: 14px;
}
#registration form ul label {
  width: 100%;
  text-align: center;
  display: none;
}
#registration form .checkbox label {
  width: auto;
  float: left;
}
#registration form input[type=text],
#registration form input[type=email],
#registration form input[type=number],
#registration form textarea {
  -webkit-appearance: none;
  -webkit-font-smoothing: antialiased;
  background: transparent;
  width: 100%;
  border: solid 1px #cccccc;
  border-radius: 0;
  padding: 5px 10px;
  height: 33px;
  box-sizing: border-box;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 120%;
  color: black;
}
#registration form input[type=text]#postcode,
#registration form input[type=email]#postcode,
#registration form input[type=number]#postcode,
#registration form textarea#postcode {
  width: 200px;
  float: left;
}
#registration form input[type=text].requested,
#registration form input[type=email].requested,
#registration form input[type=number].requested,
#registration form textarea.requested {
  border-right: 4px solid #afc72a;
}
#registration form textarea {
  height: 100px;
  background: transparent;
  resize: none;
}
#registration form select {
  width: 100%;
  height: 33px;
  color: #808080;
}
#registration form label {
  display: block;
  float: none;
  line-height: 25px;
  font-size: 14px;
}
#registration form label span {
  color: #a6ba94;
}
#registration form button[type=submit] {
  -webkit-font-smoothing: antialiased;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 120%;
  color: black;
  background: #afc72a;
  text-transform: uppercase;
  margin: 25px auto 0;
  -moz-border-radius: 0px !important;  /* for mozilla */
  -webkit-border-radius: 0px !important; /* for safari */ 
  border-radius: 0px !important;  /* IE, Chrome, Opera */
  border: none;
  margin-bottom: 60px;
  padding: 12px 0;
  width: 152px;
  display: block;
  text-align: center;
}
#registration form button[type=submit]:hover {
  background: #c3d94b;
}
#registration form input.error,
#registration form select.error,
#registration form .sbHolder.error {
  border: solid 1px red;
}

.thankyou-ctn {
  width: 100%;
  margin-top: 37px;
  padding: 0 20px 70px;
  float: left;
  box-sizing: border-box;
}
.thankyou-ctn h4 {
  margin-top: 0;
}

/************************************************************
*********************  NAVIGATION  **************************
*************************************************************/
#responsive-menu-button {
  background: url(../cssImages/mobile-menu-hamburger.gif) no-repeat scroll left center;
  font-size: 15px;
  float: left;
  padding-left: 30px;
  line-height: 21px;
  letter-spacing: 1px;
}
#responsive-menu-button:hover, #responsive-menu-button:selected, #responsive-menu-button:focus, #responsive-menu-button:active {
  color: white !important;
}

#enquire-menu-button {
  font-size: 15px;
  float: right;
  line-height: 21px;
  letter-spacing: 1px;
}

nav {
  width: 100%;
  height: 51px;
  text-align: center;
  min-height: 0;
  position: relative;
  z-index: 10;
  display: inline-block;
  vertical-align: top;
  *zoom: 1;
  background-color: rgba(0, 0, 0, 0.6);
  padding-top: 15px;
}
nav:before, nav:after {
  content: "";
  display: table;
}
nav:after {
  clear: both;
}
nav#responsiveNav {
  display: none;
  padding: 15px 20px 0;
}
nav#responsiveNav a {
  color: white;
}
nav .greenHighlight a:hover, nav .greenHighlight a.selected, nav .greenHighlight a:focus, nav .greenHighlight a:active {
  color: #afc72a;
}
nav a {
  display: block;
  height: 20px;
  color: white;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 1px;
}
nav a:hover, nav a.selected, nav a:focus, nav a:active {
  color: #afc72a;
  text-decoration: none;
}
nav ul li {
  display: inline-block;
  margin-right: 23px;
}
nav ul li:hover ul {
  display: block;
}

/***********************************************
********  FFANCYBOX - MODALS POP-UP  ***********
***********************************************/
.fancybox-wrap .fancybox-skin {
  background: url(../cssImages/header-bg-tile.gif) repeat scroll 0 0;
}

.fancybox-inner > img {
  width: 100%;
  height: auto;
}

/************************************************************
******************   UPDATE TABLE   *************************
*************************************************************/
.updates-table,
.table-row {
  width: 100%;
  float: left;
  margin-bottom: 120px;
}

.table-row {
  border-top: 1px solid #e5e5e5;
  margin: 0;
}

.table-row.last {
  border-bottom: 1px solid #e5e5e5;
}

.table-row div {
  margin: 0;
  padding: 0 13px 0 0;
  text-align: left;
}

.table-row div p {
  margin: 0;
  font-weight: 500;
  line-height: 44px;
}

.table-row div p span {
  color: #e5e5e5;
}

.update-period,
.download-files {
  width: 50%;
  float: left;
}

.table-row div.download-files {
  text-align: right;
}

/************************************************************
*********************   LAYOUT   ****************************
*************************************************************/
body {
  -webkit-font-smoothing: antialiased;
  /* new addition from steve to combat safari smoothness for certain webfonts 7/11/2012 */
  color: black;
  line-height: 1.2;
  /* Settings for footer */
  padding: 0px;
  margin: 0px;
  width: 100%;
  max-width: 100%;
  min-width: 320px;
  overflow-x: hidden;
}

#container {
  width: 100%;
  margin: 0 auto;
  min-height: 100%;
  position: relative;
}

header {
  padding: 0;
  /* if using drop menus */
  position: relative;
  text-align: center;
  position: fixed;
  width: 100%;
  z-index: 100;
}
header .header-banner {
  background: #252525 url(../cssImages/red-header-sashe.png) no-repeat right top;
  background: rgba(0, 0, 0, 0.8) url(../cssImages/red-header-sashe.png) no-repeat right top;
  height: 132px;
  width: 100%;
}
header .header-banner.full_color {
  background: #252525 url(../cssImages/red-header-sashe.png) no-repeat right top;
}

.sold-banner.info {
  background-color: rgba(167, 0, 0, 0.9);
  width: 100%;
  text-align: center;
  height: auto;
  padding: 12px;
  clear: both;
}
.sold-banner.info.green {
  background-color: #afc72a;
}
.sold-banner.info h3 {
  color: #ffffff;
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 18px;
}

.logo {
  position: relative;
  z-index: 20;
  width: 227px;
  margin: 0 auto;
  padding: 25px 0 0;
}
.logo .logo_header {
  overflow: hidden;
  margin: 0;
  width: 227px;
  height: 88px;
  background: url(../cssImages/willow-white-logo.png) no-repeat scroll 0 0 transparent;
  text-indent: -99999em;
}



#main {
  width: 100%;
  text-align: center;
}

.page-banner {
  height: auto;
  width: 100%;
  float: left;
  position: relative;
}
.page-banner.apartments {
  background: url(../images/apartments-exteriordesign-header-bg.jpg) no-repeat scroll center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 820px;
}
.page-banner.enquiry {
  background: url(../cssImages/img-enquiry-hero.jpg) no-repeat scroll center bottom;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 290px;
}
.page-banner .page-title {
  position: absolute;
  width: 100%;
  bottom: -7px;
  z-index: 2;
  padding: 0 40px;
}
.page-banner .page-title h2 {
  line-height: 90px;
  margin-bottom: -9px;
}
.page-banner .page-title h2.newhome {
  line-height: 53px;
  margin-bottom: 0;
  font-size: 54px;
}

section,
.detail-navigation {
  float: left;
  width: 100%;
}

article {
  text-align: center;
  padding: 49px 0 48px 0;
  width: 100%;
  box-sizing: border-box;
  float: left;
}
article p {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 120%;
  max-width: 950px;
  margin: 0 auto 25px auto;
  font-weight: 500;
  padding: 0 20px;
}
article.with-subnav {
  padding: 26px 0 40px 0;
}
article.no-subnav {
  padding: 29px 0 40px 0;
}
article.nomargin p {
  margin-bottom: 0;
}
article.dark-bg {
  background-color: #333333;
  padding-top: 50px;
  padding-bottom: 50px;
}
article.dark-bg p,
article.dark-bg h3 {
  color: white;
}
article.dark-bg h3 {
  background: url(../cssImages/heading-bg-line-light.gif) repeat-x scroll left center;
}
article.dark-bg h3 span {
  display: inline-block;
  background-color: #333333;
  padding: 0 15px;
}
article.white-bg h3 {
  background: url(../cssImages/heading-bg-line-black.gif) repeat-x scroll left center;
  margin-bottom: 19px;
}
article.white-bg h3 span {
  display: inline-block;
  background-color: white;
  padding: 0 15px;
}
article.white-bg p {
  font-size: 19px;
  font-size: 1.1875rem;
  line-height: 120%;
}

.display-info p {
  font-size: 19px;
  font-size: 1.1875rem;
  line-height: 120%;
}

.slider-description {
  padding: 30px 20px 35px;
  float: left;
  width: 100%;
  min-height: auto;
  box-sizing: border-box;
}
.with-description .slider-description {
  padding-bottom: 70px;
  min-height: 172px;
}
.slider-description.lgrey {
  background-color: #676c6e;
}
.slider-description.wgreen {
  background-color: #afc72a;
}
.slider-description h4 {
  color: white;
}
.slider-description p {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 120%;
  color: #e9e9e9;
  max-width: 936px;
  margin: 0 auto;
  font-weight: 700;
}

/** Flexslider BG Color  **/
.flexslider .slides.lgrey {
  background-color: #676c6e;
}
.flexslider .slides.wgreen {
  background-color: #afc72a;
}

/** WILLOW GREEN CHANGES **/
.willowgreen .tab-links-cnt .flex-control-paging li a.flex-active {
  background: #afc72a;
}

.willowgreen .sidr ul li:hover,
.willowgreen .sidr ul li a.active,
.willowgreen .sidr ul li a.sidr-class-active,
.willowgreen .sidr ul li:hover > a,
.willowgreen .sidr ul li:hover > span,
.willowgreen .sidr ul li.active > a,
.willowgreen .sidr ul li.active > span,
.willowgreen .sidr ul li.sidr-class-active > a,
.willowgreen .sidr ul li.sidr-class-active > span {
  color: #afc72a;
}

.willowgreen .sidr ul li.sidr-class-nomargin,
.willowgreen .sidr ul li.sidr-class-nomargin .sidr-class-active {
  background: #afc72a;
  color: white;
}

.willowgreen .sidr ul li.sidr-class-nomargin:hover,
.willowgreen .sidr ul li.sidr-class-nomargin:hover > a,
.willowgreen .sidr ul li.sidr-class-nomargin .sidr-class-active:hover {
  background: #c3d94b;
  color: white !important;
}

/** Apartments page **/
.apartments-ctn a {
  color: #afc72a;
}
.apartments-ctn article p {
  max-width: 1000px;
}
.apartments-ctn nav {
  background-color: #afc72a;
}
.apartments-ctn nav a {
  color: black;
}
.apartments-ctn nav a:hover, .apartments-ctn nav a.selected, .apartments-ctn nav a:focus, .apartments-ctn nav a:active {
  color: white;
}
.apartments-ctn .page-banner.apartments,
.apartments-ctn .page-banner.enquiry {
  padding: 0px;
}
.apartments-ctn .page-banner.apartments .willow-banner,
.apartments-ctn .page-banner.enquiry .willow-banner {
  width: 100%;
}
.apartments-ctn .page-banner.apartments .willow-banner p,
.apartments-ctn .page-banner.enquiry .willow-banner p {
  color: white;
}
.apartments-ctn .page-banner.apartments .willow-banner article,
.apartments-ctn .page-banner.enquiry .willow-banner article {
  padding-top: 240px;
}
.apartments-ctn .page-banner.apartments .willow-banner a,
.apartments-ctn .page-banner.enquiry .willow-banner a {
  color: black;
}
.apartments-ctn .sub-nav li a {
  color: #afc72a;
}
.apartments-ctn article.white-bg h3 {
  background: url(../cssImages/heading-bg-line-green.gif) repeat-x scroll left center;
  color: #afc72a;
}
.apartments-ctn .flexslider .flex-control-nav li a.flex-active,
.apartments-ctn .flexslider .flex-control-nav li a:hover {
  background: #afc72a;
}
.apartments-ctn .flexslider.with-description .slider-description p {
  color: black;
}
.apartments-ctn .flexslider.with-description .flex-control-nav li a.flex-active,
.apartments-ctn .flexslider.with-description .flex-control-nav li a:hover {
  background: black;
}
.apartments-ctn .footer-spacer .page-up-btn a {
  background: #333333 url(../cssImages/back-to-top-apartments-btn.png) no-repeat scroll center center;
}
.apartments-ctn .btn {
  color: #FFFFFF;
}

/*** Townhouses page  **/
section#apartments {
  margin-bottom: 50px;
}

.townhouses-list-cnt {
  width: 100%;
  float: left;
  margin-top: -5px;
  margin-bottom: 5px;
}
.townhouses-list-cnt ul {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  max-width: 1050px;
}
.townhouses-list-cnt ul li {
  width: 25%;
  margin: 5px;
  display: inline-block;
  vertical-align: top;
  max-width: 245px;
}
.townhouses-list-cnt ul li a {
  text-decoration: none;
}
.townhouses-list-cnt ul li a:hover, .townhouses-list-cnt ul li a:focus, .townhouses-list-cnt ul li a:active {
  text-decoration: none;
  color: white;
}
.townhouses-list-cnt ul .blog {
  padding: 30px 15px 35px;
  text-align: center;
  color: white;
}
.townhouses-list-cnt ul .blog h3 {
  font-size: 17px;
  font-size: 1.0625rem;
  line-height: 120%;
  border-bottom: 2px solid white;
  display: inline-block;
  margin: 0 auto;
  color: white;
}
.townhouses-list-cnt ul .blog h4 {
  font-size: 1.375rem;
  line-height: 120%;
  letter-spacing: 0.25px;
  display: inline-block;
  margin: 0 auto;
  color: white;
}
.townhouses-list-cnt ul .blog p {
  font-size: 1.375rem;
  line-height: 120%;
  font-weight: 700;
  margin-bottom: 37px;
}
.townhouses-list-cnt ul .blog .tab-link {
  text-transform: uppercase;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 120%;
  color: white;
  display: block;
}
.townhouses-list-cnt ul .blog.lblue {
  height: 185px;
}
.townhouses-list-cnt ul .blog.lblue p {
  margin-top: 13px;
}
.townhouses-list-cnt .apartment-type {
  margin: 32px auto;
  width: 100%;
  max-width: 170px;
}
.townhouses-list-cnt .apartment-type ul {
  width: 100%;
  max-width: inherit;
}
.townhouses-list-cnt .apartment-type ul li {
  display: inline-block;
  margin: 0 4px 0 0;
  color: white;
  line-height: 18px !important;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 120%;
  font-weight: 500;
}
.townhouses-list-cnt .apartment-type ul li:last-child {
  margin-right: 0;
}
.townhouses-list-cnt .apartment-type ul li span {
  background: url(../cssImages/townhouse-amneties-icons.png) no-repeat scroll left center;
  display: inline-block;
  height: 12px;
  margin-right: 5px;
  vertical-align: middle;
}
.townhouses-list-cnt .apartment-type ul li span.beds {
  width: 17px;
}
.townhouses-list-cnt .apartment-type ul li span.showers {
  width: 12px;
  background-position: -34px center;
}
.townhouses-list-cnt .apartment-type ul li span.car-space {
  width: 25px;
  background-position: right center;
}

/*** Apartments detail page  **/
.detail-info-ctn p.price.gre {
  color: #afc72a;
}
.detail-info-ctn p.additional-floorplans-info {
  color: #afc72a;
  font-size: 12px;
  line-height: 120%;
  letter-spacing: 1px;
  margin-top: 10px;
}

.detail-navigation-ap a {
  color: #afc72a;
  text-transform: uppercase;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 120%;
  letter-spacing: 1px;
  padding: 20px 0 19px 0;
  display: inline-block;
}
.detail-navigation-ap a:hover, .detail-navigation-ap a.selected, .detail-navigation-ap a:focus, .detail-navigation-ap a:active {
  text-decoration: none;
  color: #252525;
}
.detail-navigation-ap a span {
  background: url(../cssImages/nav-apartments-arrows-sprite.png) no-repeat scroll;
  width: 5px;
  height: 15px;
  display: inline-block;
  vertical-align: text-bottom;
}
.detail-navigation-ap a.left-nav {
  float: left;
  margin-left: 40px;
}
.detail-navigation-ap a.left-nav span {
  margin-right: 10px;
  background-position: left center;
}
.detail-navigation-ap a.right-nav {
  float: right;
  margin-right: 40px;
}
.detail-navigation-ap a.right-nav span {
  margin-left: 10px;
  background-position: right center;
}

/*** Townhouses detail page  **/
.detail-navigation a {
  color: #D7A112;
  text-transform: uppercase;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 120%;
  letter-spacing: 1px;
  padding: 20px 0 19px 0;
  display: inline-block;
}
.detail-navigation a:hover, .detail-navigation a.selected, .detail-navigation a:focus, .detail-navigation a:active {
  text-decoration: none;
  color: #e9c76d;
}
.detail-navigation a span {
  background: url(../cssImages/nav-apartments-arrows-sprite.png) no-repeat scroll;
  width: 5px;
  height: 15px;
  display: inline-block;
  vertical-align: text-bottom;
}
.detail-navigation a.left-nav {
  float: left;
  margin-left: 40px;
}
.detail-navigation a.left-nav span {
  margin-right: 10px;
  background-position: left center;
}
.detail-navigation a.right-nav {
  float: right;
  margin-right: 40px;
}
.detail-navigation a.right-nav span {
  margin-left: 10px;
  background-position: right center;
}

.townhouse-detail-ctn {
  padding: 52px 40px;
  width: 100%;
  box-sizing: border-box;
  position: relative;
}
.townhouse-detail-ctn p {
  margin-bottom: 0;
  margin-top: 50px;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 120%;
  font-size: 0.6875rem;
  line-height: 120%;
  font-weight: 600;
}
.townhouse-detail-ctn.larger {
  height: 645px;
}

.gallery {
  width: calc(100% - 308px);
  float: left;
  position: relative;
  background-color: #F2F1ED;
}
.gallery div#lowerGroundFloor {
  z-index: 60;
}
.gallery div#groundFloor {
  z-index: 50;
}
.gallery div#firstFloor {
  z-index: 40;
}
.gallery div#secondFloor {
  z-index: 30;
}
.gallery div#secondFloor, .gallery div#firstFloor, .gallery div#groundFloor, .gallery div#lowerGroundFloor {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}
.gallery div#secondFloor img, .gallery div#firstFloor img, .gallery div#groundFloor img, .gallery div#lowerGroundFloor img {
  max-width: 1100px;
  height: auto;
}
.gallery .zoom-btn {
  top: 30px !important;
}
.gallery .zoom-btn.secondFl {
  z-index: 61;
}
.gallery .zoom-btn.firstFl {
  z-index: 62;
}
.gallery .zoom-btn.groundFl {
  z-index: 63;
}
.gallery .zoom-btn.lowerGroundFl {
  z-index: 64;
}
.gallery .gallery-nav {
  position: relative;
  top: inherit;
  width: 100%;
  max-width: 540px;
  margin: 0 auto 20px;
  z-index: 63;
}
.gallery .gallery-nav a {
  text-transform: uppercase;
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 120%;
  color: #918e80;
  display: inline-block;
  text-align: center;
  margin-right: 12px;
  padding-top: 19px;
  width: 119px;
  height: 41px;
}
.gallery .gallery-nav a.on {
  background: url(../cssImages/detail-gallery-nav-bg.png) no-repeat scroll center center;
  color: black;
}
.gallery .gallery-nav a:hover, .gallery .gallery-nav a:focus, .gallery .gallery-nav a:active {
  color: black;
  text-decoration: none;
}

.detail-info-ctn {
  width: 308px;
  height: auto;
  padding: 0px 45px 0px 65px;
  position: relative;
  float: left;
}
.detail-info-ctn p.price {
  font-weight: 700;
  margin: 0 0 28px;
  font-size: 23px;
  font-size: 1.4375rem;
  line-height: 120%;
}

.detail-info-ctn .apartment-type.detail {
  margin: 0 auto 35px auto;
  width: 100%;
}
.detail-info-ctn .apartment-type.detail ul {
  width: 100%;
  max-width: inherit;
  margin: 0;
}
.detail-info-ctn .apartment-type.detail ul li {
  display: inline-block;
  margin: 0 15px 0 0;
  color: black;
  line-height: 25px !important;
  font-size: 25px;
  font-size: 1.5625rem;
  line-height: 120%;
}
.detail-info-ctn .apartment-type.detail ul li:last-child {
  margin-right: 0;
}
.detail-info-ctn .apartment-type.detail ul li span {
  background: url(../cssImages/townhouse-amneties-icons-blk.png) no-repeat scroll left center;
  display: inline-block;
  height: 18px;
  margin-right: 5px;
  vertical-align: middle;
}
.detail-info-ctn .apartment-type.detail ul li span.beds {
  width: 26px;
}
.detail-info-ctn .apartment-type.detail ul li span.showers {
  width: 17px;
  background-position: -45px center;
}
.detail-info-ctn .apartment-type.detail ul li span.car-space {
  width: 35px;
  background-position: right center;
}
.detail-info-ctn .apartment-type.detail a.btn.wgreen {
  color: #FFFFFF !important;
}
.detail-info-ctn h3 {
  font-size: 1.375rem;
  line-height: 120%;
  letter-spacing: 0.25px;
  margin: 0;
}
.detail-info-ctn .measurement-list {
  margin: 0;
}
.detail-info-ctn .measurement-list li {
  width: 100%;
  float: none;
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
.detail-info-ctn .measurement-list li span {
  width: 140px;
  text-align: left;
  display: inline-block;
  float: left;
}
.detail-info-ctn .measurement-list li.bmargin {
  margin-bottom: 26px;
}
.detail-info-ctn h4 {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 120%;
  margin: 47px 0 0 0;
}
.detail-info-ctn ul#threebed.measurement-list li span {
  width: 110px;
}
.detail-info-ctn ul#threebed.measurement-list li.fullwidth {
  text-align: left;
  font-family: "Gotham SSm A", "Gotham SSm B", Arial, sans-serif;
  font-weight: 700 !important;
}

/* Master Plan */
section.master-plan-img {
  background-color: #F8F7F3;
  position: relative;
}
section.master-plan-img img {
  max-width: 1050px;
  margin: 20px auto;
  display: inline-block;
}
section.master-plan-img .flexslider {
  background-color: #F8F7F3 !important;
  padding-bottom: 20px;
}

.zoom-btn {
  background: url(../cssImages/zoom-inout-btn.gif) no-repeat scroll center top;
  display: block;
  width: 36px;
  height: 36px;
  position: absolute;
  z-index: 2;
  top: 60px;
  right: 30px;
}
.zoom-btn a {
  width: 36px;
  height: 36px;
  text-indent: -9999em;
  display: block;
}

.easyzoom-flyout img {
  width: auto;
}

/*  FOOTER  */
#googleMap {
  height: 250px;
  float: left;
  width: 100%;
}

.footer-spacer {
  width: 100%;
  height: 76px;
  float: left;
}
.footer-spacer .page-up-btn {
  display: block;
  width: 34px;
  height: 34px;
  margin: 20px auto 0 auto;
}
.footer-spacer .page-up-btn a {
  background: #333333 url(../cssImages/back-to-top-arrow-btn.png) no-repeat scroll center center;
  width: 34px;
  height: 34px;
  cursor: pointer;
  text-indent: -9999em;
  display: block;
}

footer {
  background-color: #333333;
  position: relative;
  width: 100%;
  height: auto;
  /* Height of the footer */
  float: left;
  /* Developer logo */
  /* Caramel Footer */
}
footer .footer-inner {
  float: left;
  width: 100%;
  height: 64px;
  border-top: 1px solid #464645;
}
footer .footer-inner p {
  text-align: center;
  margin: 22px 0 0 0;
}
footer .footer-inner p a {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 120%;
  color: #7d7d7d;
}
footer .developer-logo {
  display: block;
  position: absolute;
  left: 23px;
  bottom: 15px;
  width: 164px;
  height: 33px;
}
footer .developer-logo a {
  width: 164px;
  height: 33px;
  display: block;
}
footer .developer-logo img {
  width: 164px;
  height: 33px;
  border: none;
}
footer #colliersLogo {
  display: block;
  position: absolute;
  right: 60px;
  bottom: 15px;
  width: 50px;
  height: 33px;
}
footer #colliersLogo a {
  width: 50px;
  height: 33px;
  display: block;
}
footer #colliersLogo img {
  width: 50px;
  height: 33px;
  border: none;
}
footer #caramelWeblinkLogo {
  position: absolute;
  overflow: hidden;
  width: 15px;
  height: 15px;
  bottom: 24px;
  right: 23px;
}
footer #caramelWeblinkLogo a {
  position: absolute;
  top: -18px;
  left: 0px;
}
footer #caramelWeblinkLogo img {
  width: 15px;
  height: 31px;
  border: none;
}

/************************************************************
********************   FIXES   ******************************
*************************************************************/
.ie8 .page-banner.apartments {
  background: url("../cssImages/img-apartments-hero.jpg") no-repeat scroll center center;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../cssImages/img-apartments-hero.jpg', sizingMethod='scale');
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../cssImages/img-apartments-hero.jpg', sizingMethod='scale')";
}

.ie8 nav {
  background: url("../cssImages/nav-background-ie.png") repeat scroll 0 0;
}

.ie8 .detail-info-ctn .apartment-type.detail ul li {
  margin-right: 10px;
}

/************************************************************
******************  RETINA DISPLAY   ************************
*************************************************************/
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  /* Retina-specific stuff here */
  header .header-banner {
  	background: #252525 url(../cssImages/red-header-sashe@2x.png) no-repeat right top;
  	background: rgba(0, 0, 0, 0.8) url(../cssImages/red-header-sashe@2x.png) no-repeat right top;
    background-size: 115px 115px;
  }
  header .header-banner.full_color {
	background: #252525 url(../cssImages/red-header-sashe@2x.png) no-repeat right top;
    background-size: 115px 115px;
  }
  #responsive-menu-button {
    background: url(../cssImages/mobile-menu-hamburger@2x.gif) no-repeat scroll left center;
    background-size: 18px 14px;
  }

  .logo .logo_header {
    background: url(../cssImages/willow-white-logo@2x.png) no-repeat scroll 0 0;
    background-size: 227px 88px;
  }

  .footer-spacer .page-up-btn a {
    background: url(../cssImages/back-to-top-arrow-btn@2x.png) no-repeat scroll center center;
    background-size: 19px 12px;
  }
}
/************************************************************
******************  MEDIA QUERIS   **************************
*************************************************************/
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-width: 1024px) and (max-width: 1435px) {
  .tab-links-cnt .tab {
    min-height: 321px;
  }
}
@media only screen and (max-width: 1130px) {
  /* navigation */
  #desktopNav {
    display: none;
  }
  nav#responsiveNav,
  .btn.show-more {
    display: inline-block;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* navigation */
  nav ul li {
    margin-right: 50px;
  }

  .page-banner .page-title.home h2.newhome {
    line-height: 53px;
    margin-bottom: 0;
    font-size: 54px;
    padding: 0px 8%;
  }
  .gallery {
    width: 100% !important;
    height: auto;
    float: left;
  }
}
/* BREAKDOWN FOR NEW LONGER NAV */
@media only screen and (max-width: 1024px) {
  /* navigation */

  .gallery .gallery-nav a.on {
    background: url(../cssImages/detail-gallery-nav-bg-mobile.png) no-repeat scroll center center;
  }
  .gallery .gallery-nav a {
    margin-right: 20px;
    width: 55px;
    height: 41px;
    font-size: 8px;
    padding-top: 21px;
  }
  .detail-info-ctn {
    right: inherit;
    top: inherit;
    position: relative;
    margin-top: 20px;
    width: 100%;
    float: left;
  }
}
/* Smartphones (portrait) ----------- */
@media only screen and (max-width: 767px) {
  .page-banner.apartments   {
	height: 300px;
  }
  .page-banner.enquiry   {
	height: 190px;
  }
  .page-banner .page-title {
    bottom: -6px;
    padding: 0 20px;
  }
  .page-banner .page-title h2 {
    font-size: 37px;
    line-height: 34px;
    margin-bottom: 0;
  }
  .page-banner .page-title.home h2 {
    font-size: 32px;
    line-height: 32px;
    padding: 0px;
  }
  .sub-nav,
  #forever-green.devider {
    display: none;
  }
  .detail-navigation-ap a.left-nav {
	margin-left: 20px;
  }
  .detail-navigation-ap a.right-nav {
	margin-right: 20px;
  }

  article p {
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 120%;
    padding-left: 15px;
    padding-right: 15px;
  }
  article.white-bg p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 120%;
  }
  article h3 span {
    font-size: 17px;
    font-size: 1.0625rem;
    line-height: 120%;
  }

  header .header-banner,
  header .header-banner.full_color {
    height: 93px;
    background-size: 90px;
  }
  .sold-banner.info h3 {
  	font-size: 12px;
    line-height: 12px;
  }

  .logo {
    padding: 18px 0 0px;
    width: 150px;
  }
  .logo .logo_header {
    width: 150px;
    height: 58px;
    background-size: 150px;
  }

  #main {
    padding-top: 93px;
  }

  /* index  */
  .tab-links-cnt {
    padding: 50px 40px;
    position: relative;
  }
  .tab-links-cnt li {
    margin-right: inherit;
  }
  .tab-links-cnt .tab {
    padding: 45px 25px;
    min-height: 340px;
  }
  .tab-links-cnt .flex-control-nav {
    left: 0;
    bottom: 80px;
  }
  .tab-links-cnt .flex-control-nav li {
    width: 11px;
  }

  /* index  */
  .page-banner {
    height: auto;
    float: left;
  }


  .apartments-ctn .page-banner.apartments .willow-banner article, .apartments-ctn .page-banner.enquiry .willow-banner article {
    padding-top: 190px;
  }

  .flexslider.with-description .slider-description.green {
    min-height: 352px !important;
  }
  .flexslider.with-description .slider-description p {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 120%;
  }

  .zoom-btn {
    top: 12px;
    right: 12px;
  }

  .apartments-ctn .page-banner.sub-pages.apartments {
    padding: 80px 0px;
  }

  /* townhouses  */
  .townhouses-list-cnt ul li {
    width: 100%;
  }
  .townhouses-list-cnt .apartment-type ul li {
    width: auto;
  }

  .flexslider.with-description .slider-description.green {
    min-height: 352px !important;
  }
  .flexslider.with-description .slider-description.light-brown, .flexslider.with-description .slider-description.lgrey {
    min-height: 300px !important;
  }
  .flexslider.with-description .slider-description p {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 120%;
  }

  .zoom-btn {
    top: 12px;
    right: 12px;
  }

  /* detail townhouse */
  .townhouse-detail-ctn {
    padding: 25px 15px 49px;
  }
  .townhouse-detail-ctn p {
    margin-top: 40px;
  }

  .gallery {
    width: 100% !important;
    height: auto;
    min-height: 175px;
    float: left;
  }
  .gallery .gallery-nav {
    /*
    bottom: 15px;
    width: 300px;
    margin-left: -150px;
*/
  }
  .gallery .gallery-nav a {
    margin-right: 20px;
    width: 55px;
    height: 41px;
    font-size: 8px;
    padding-top: 21px;
  }
  .gallery .gallery-nav a.on {
    background: url(../cssImages/detail-gallery-nav-bg-mobile.png) no-repeat scroll center center;
  }
  .gallery .zoom-btn {
    top: 12px !important;
    right: 12px;
  }

  .detail-info-ctn {
/*     margin-top: 40px; */
    width: 100%;
    float: left;
    height: auto;
    padding: 0 25px;
  }
  .detail-info-ctn .apartment-type.detail {
    margin: 0px auto 25px;
  }
  .detail-info-ctn h3 {
    margin: 50px 0 0;
  }
  .detail-info-ctn .measurement-list li {
    font-size: 13px;
  }

  .townhouses-list-cnt ul li.hide-mobile {
    display: none;
  }
  .townhouses-list-cnt ul li.hide-mobile.show {
    display: inline-block;
    transition: all 0.6s ease 0s;
  }

  /* detail townhouse */
  article .article-collumns .fifty {
    width: 100%;
    border-right: none;
    margin-bottom: 40px;
    padding: 0 15px;
  }
  article .article-collumns .fifty.noborder {
    margin-bottom: 0 !important;
  }

  /*  footer  */
  .display-info p {
    padding: 0 20px;
  }
  .display-info p br {
    display: none;
  }

  footer .footer-inner {
    height: 110px;
  }
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-width: 480px) {
  .hide-mobile {
    display: none;
  }


  .tab-links-cnt {
    padding: 35px 20px;
    position: relative;
  }

  .tab-links-cnt .flex-control-nav {
    bottom: 60px;
  }
  
  .updates-table {
    padding: 0 45px;
    margin-bottom: 60px;
  }

  .table-row {
    padding: 8px 0;
  }
  .update-period, .download-files {
    width: 100%;
  }
  .table-row div,
  .table-row div.download-files {
    text-align: center;
  }

  .table-row div p {
    line-height: 28px;
  }
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
  .apartments-ctn .slider-description.wgreen {
    min-height: 260px;
  }
}