/*============================================================

  Dash Digital CSS Framework
  Version: 1.0

=============================================================*//*======================
  1.0  ROOT 
=======================*/
html,
body,
body div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
article,
aside,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
.cf:before,
.cf:after {
  content: " ";
  /* 1 */

  display: table;
  /* 2 */

}
.cf:after {
  clear: both;
}
/* Variables =================================================== */
/*======================
  2.0  TYPOGRAPHY 
=======================*/
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on September 5, 2012 03:29:28 AM America/New_York */

body {
  color: #000000;
  font-family: "proxima-nova", sans-serif;
  font-size: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6,
.componentheading {
  color: #1b1c53;
  font-family: "trajan-pro", sans-serif;
  font-weight: 400;
  margin: 0em 0em 0em 0em;
}
h1,
.componentheading {
  font-size: 1.625em;
  margin: 0em 0em 0em 0em;
}
h2 {
  font-family: "proxima-nova", sans-serif;
  font-size: 1.3125em;
  margin: 1.5em 0em 0.4em 0em;
  text-transform: uppercase;
}
h3 {
  font-family: "proxima-nova", sans-serif;
  font-size: 1em;
  margin: 0em 0em 0em 0em;
}
.sub .sub-content-box {
  color: #464646;
  line-height: 1.4;
}
.sub .sub-content-box h1,
.sub .sub-content-box .componentheading {
  font-size: 1.875em;
  margin: 0.5em 0;
  text-transform: uppercase;
}

.sub .sub-content-box h1 a {
  color: #1b1c53;
  font-family: "trajan-pro",sans-serif;
  text-decoration: none;
}

.sub .sub-content-box .content-category h2 {
	font-family: "trajan-pro",sans-serif;
	font-size: 1.875em;
    margin: 0.5em 0;
    text-transform: uppercase;
}

.sub .sub-content-box .moduletable h3 {
  /*font-size: 1.125em;*/
  font-family: "trajan-pro",sans-serif;
  font-size: 1.875em;
  margin: 0.5em 0;
  text-transform: uppercase;
}
.wf-loading {
  visibility: hidden; }

.wf-active, .wf-inactive {
  visibility: visible; }

.intro {
  color: #000;
  border-bottom: 1px solid #9b8f7b;
  border-top: 1px solid #9b8f7b;
  font-family: "trajan-pro", sans-serif;
  font-weight: 400;
  font-size: 1.125em;
  line-height: 1.5;
  padding: 0.5em 0;
  text-transform: uppercase;
}
p {
  margin: 0 0 0.9em;
}
a {
  color: #ffffff;
  font-family: "proxima-nova", sans-serif;
  font-size: 1em;
  font-weight: normal;
  text-decoration: none;
}
a:hover {
  color: #ffffff;
  text-decoration: none;
}

ol {
  margin: 0 0 1.5em 2em;
}

  ol li { margin: 0 0 .5em 0; }

  ol ol {
    margin: 0 0 0 2em;
  }

table td, table th { 
	padding: 7px 10px;
	vertical-align: middle; 
}

table tr:nth-child(2n+1) {
	background: #D7D7DE;	
}

table tr:nth-child(2n) {
	background: #e2e2e2;	
}

table.category {
	width: 100%;
}

table.category a {
	text-decoration: none !important;
	font-size: 110%;
}

table.category tr:hover {
	background: #c3c3d2;
}

table.none-bg tr {
	background: none;
}

table.none-bg td, table.none-bg th {
	padding: 0;
}



/* ======================
  3.0  COLOUR 
=======================*/
.dark-gradient-background {
  background: #252525;
  background-image: linear-gradient(top, #383838 20%, #252525 74%);
  background-image: -o-linear-gradient(top, #383838 20%, #252525 74%);
  background-image: -moz-linear-gradient(top, #383838 20%, #252525 74%);
  background-image: -webkit-linear-gradient(top, #383838 20%, #252525 74%);
  background-image: -ms-linear-gradient(top, #383838 20%, #252525 74%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #383838), color-stop(0.6, #252525));
  color: #d5d5d5;
}
.dark-gradient-background h1 {
  color: #acacac;
}
.red-gradient-background {
  background: #1B1C54;
  color: #ffffff;
}
.purple-gradient-background {
  background: #403f63;
  background-image: linear-gradient(top, #505175 20%, #403f63 74%);
  background-image: -o-linear-gradient(top, #505175 20%, #403f63 74%);
  background-image: -moz-linear-gradient(top, #505175 20%, #403f63 74%);
  background-image: -webkit-linear-gradient(top, #505175 20%, #403f63 74%);
  background-image: -ms-linear-gradient(top, #505175 20%, #403f63 74%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.2, #505175), color-stop(0.74, #403f63));
  color: #ffffff;
}
.purple-gradient-background h1 {
  color: #d7d7d7;
}
.purple-gradient-background a.readmore {
  color: #ffffff;
}
.light-grey-background {
  background: #d5d5d5;
  color: #5c523f;
}
.light-grey-background h1 {
  color: #000000;
}

.light-grey-background a.readmore {
	background: url("../img/arrow-purple.png") no-repeat 100% 50%;
}
.white-background {
  background: #F1EFF4;
  color: #5c523f;
}
.transparent {
  opacity: 0.95;
}
.brown-background {
  background: #9b8f7b;
  color: #ffffff;
}
.brown-background h1 {
  color: #2c2c2c;
}
/*======================
  4.0  ELEMENTS 
=======================*/
ul {
  margin: 1em 0em 1em 1em;
  padding: 0em 0em 0em 0em;
}
ul li {
  list-style: square;
  margin: 0em 0em 0em 1.25em;
  padding: 0em 0em 0em 0em;
}
ul li ul {
  margin: 0em 0em 0em 0em;
  padding: 0em 0em 0em 0em;
}
ul li ul li {
  margin: 0em 0em 0em 0em;
  padding: 0em 0em 0em 0em;
}
form dt {
  padding: 1em 0 0;
}
form input[type=text],
form input[type=email],
form input[type=telephone],
form textarea {
  background-color: #fff;
  border: 1px solid #ddd;
  padding: 7px 10px;
  min-width: 215px;
  width: 60%;
  font-family: Arial, sans-serif;
  font-size: 14px;
}

form textarea { 
  height: 200px;
}
form input[type=submit],
button {
  transition-duration: 0.2s;
  color: #fff;
  cursor: pointer;
  opacity: 0.9;
  text-align: center;
  text-transform: uppercase;
  width: 180px;
  border: none;
  height: 31px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: url(../img/purple-btn-bg.png) no-repeat 0 0;
  padding: 0;
  -webkit-box-shadow: 2px 3px 4px rgba(6, 7, 7, 0.15);
  -moz-box-shadow: 2px 3px 4px rgba(6, 7, 7, 0.15);
  box-shadow: 2px 3px 4px rgba(6, 7, 7, 0.15);
}
form input[type=submit]:hover, button:hover {
  opacity: 1;
}

/* RSForm Styles */
.rsform-block {
	padding: 1em 0 0;
}

.formRed,
.formError {
	color: #cc0000;
}

  .main-content .article a {
	  color: #424242;
	  text-decoration: underline;
  }
    
  .main-content .article a:hover {
	  color: #424242;
	  text-decoration: none;
  }
a.readmore,
p a.readmore {
  background: url(../img/arrow.png) no-repeat 100% 50%;
  color: #404040;
  padding: 0px 15px 0 0;
  line-height: 12px;
  height: 12px;
  font-size: 87%;
  text-decoration: none !important;
}

a.readmore:hover { text-decoration: underline !important; }

a.readmore {
  color: #fff;
}

.brown-btn {
  border: none;
  height: 37px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #aba291 url(../img/brown-btn-bg.png) no-repeat 0 0;
  -webkit-box-shadow: 2px 3px 4px rgba(6, 7, 7, 0.15);
  -moz-box-shadow: 2px 3px 4px rgba(6, 7, 7, 0.15);
  box-shadow: 2px 3px 4px rgba(6, 7, 7, 0.15);
}

.black-btn {
  border: none;
  display: block;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: url(../img/black-btn-bg.png) no-repeat center 0;
  text-transform: uppercase;
  text-align: center;
  opacity: 0.9;
  padding: 8px 10px;
}

.black-btn:hover {
	opacity: 1;
}


.grey-btn {
  border: none;
  display: block;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: url(../img/grey-btn-bg.png) no-repeat center 0;
  -webkit-box-shadow: 2px 3px 4px rgba(6, 7, 7, 0.15);
  -moz-box-shadow: 2px 3px 4px rgba(6, 7, 7, 0.15);
  box-shadow: 2px 3px 4px rgba(6, 7, 7, 0.15);
  text-transform: uppercase;
  text-align: center;
  opacity: 0.9;
  padding: 8px 35px;
  margin: 10px auto 0 auto;
  width: 158px;
}

.grey-btn:hover {
	opacity: 1;
}

.contact-us-button {
	margin: 0.8em 0.3125em;
}

/*======================
  6.0  TEMPLATE SPECIFIC 
=======================*/
.header {
  background: #ffffff;
  padding: 0;
  width: 100%;
}
.header .logo {
  text-align: center;
}
.header .logo img {
  margin: 32px 0 0 0;
  width: auto;
}
.header .search {
	position: absolute;
	right: 0;
	top: 115px;
	width: 189px;
}
.header .search input {
	background: url(../img/search-bg.png);
	font-family: "proxima-nova",sans-serif;
	min-width: 169px;
	color: #3a3a3a;
	font-size: 11px;
	text-transform: uppercase;
	padding: 5px 10px;
}


.banner {
  overflow: hidden;
  padding: 1em 0em 3em 0em;
  text-align: center;
  width: 100%;
}
.banner h1 {
  color: #ffffff;
  font-size: 1em;
  font-family: "proxima-nova", sans-serif;
  font-weight: 100;
  letter-spacing: 1.5px;
  text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
}
.banner h1 em {
  display: block;
  font-family: "trajan-pro", sans-serif;
  font-weight: 400;
  font-size: 2em;
  font-style: normal;
  text-transform: uppercase;
}
.banner .selector {
  display: none;
}
.banner .buttons {
  display: none;
}
#supersized img {
	max-width: none !important;
}
.main-nav {
  position: relative;
}
.nav .container {

  padding: 0.4375em 0em 0.4375em 0em;
  position: relative;
  width: 100%;
}
.nav .container > ul {
  display: none;
  margin: 2em 2em 0;
}
.nav .container > ul ul {
  display: none;
}
.nav .button {
  color: #fafafa;
  cursor: pointer;
  font-family: "FontAwesome";
  font-size: 2em;
  font-weight: 100;
  line-height: 1;
  padding: 0.2em 0.2em 0;
  position: absolute;
  top: 0;
}
.nav .nav-button {
  color: #ffffff;
  right: 0.25em;
  top: 0.125em;
}
.nav .search-button {
  color: #ffffff;
  left: 3.25em;
  top: 0.125em;
}
.nav .phone-button {
  color: #ffffff;
  left: 1.8em;
  top: 0.125em;
}
.nav .email-button {
  color: #ffffff;
  left: 0.25em;
  top: 0.125em;
}
.breadcrumbs {
    color: #acacac;
    font-size: 0.75em;
    font-weight: 600;
    text-transform: uppercase;
  }
  .breadcrumbs a {
    color: #acacac;
  }
  .breadcrumbs span {
    color: #7d7d7d;
  }
.main-section{
  display: flex;
  flex-flow: column wrap;
}
.left-main-section, .right-main-section{
  width: 100%;
}
.projects-container{
  position: relative;
  margin-bottom: 15px !important;
}
.home-content-box,
.home-sub-content-box,
.sub-content-box,
.aside-content-box {
  position: relative;
}
.home-content-box {
	margin: 0 5px 15px 4px;
    width: 100%;
}

.home-content-box .jandakot-buttons img {
	width: 48.5% !important;
}

.home-content-box h1,
.home-sub-content-box h1,
.sub-content-box h1,
.aside-content-box h1 {
  font-size: 1.8em;
  line-height: 1.3;
  margin: 0em 0em 0.5em 0em;
}
.intro-box {
  line-height: 1.5;
  margin: -2em 0em 0em 0em;
  padding: 2.5em 1.5em 1.5em 1.5em;
}
.intro-box h1 {
  font-size: 1.375em;
}
.round-corner-5 {
  border-radius: 0.3125em;
}
.home-content-container {
  margin: 0em 0.3125em 0.3125em 0.3125em;
  padding: 2em 1em 2em 1em;
}
.dark-top-border,
.light-top-border {
  background: #2c2c2c;
  border-radius: 0 0 0.3125em 0.3125em;
  height: 0.5em;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 10;
}
.light-top-border {
  background: #75848f;
}
.triangle {
  border-style: solid;
  border-width: 1em 1em 0 1em;
  border-color: #72828d transparent transparent transparent;
  height: 0px;
  margin: 0 0 0 1.25em;
  position: absolute;
  width: 0px;
  z-index: 11;
  top: 0;
  left: 0;
}
.white-stripe {
  background: url(../img/intro-box-stripe.png) no-repeat 0 0;
  height: 39px;
  left: -110px;
  position: absolute;
  top: -15px;
  width: 189px;
}
.home-link-box {
  background: #000000;
  display: block;
  margin: 1em 0.3125em 0.3125em 0.3125em;
  padding: 0.8em 1.25em 0.7em 1.25em;
}

.pagination ul {
  text-align: center;
  }
.pagination ul li {
  display: inline;
  margin: 0 4px 0 0;
  }

.pagination { border-top: 1px solid #aaa; padding-top: 10px; }

.pagination .counter {
  text-align: center;
  font-size: 12px;
}

.pagination ul li a,
.pagination ul li span {
  color: #8e8e8e;
  padding: 3px 8px;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid #ddd;
  background: #fff;
  border-radius: 4px;
  text-decoration: none !important;
  }
.pagination ul li a:hover,
.pagination ul li a:focus {
  background: #f0f0f0;
  border-color: #ccc;
  }
.pagination ul li a:active {
  background: #CF0226;
  border-color: #fff;
  }       

/* Contact */
.contact-contactinfo p { margin: 0; }
/* Blog */
.blog .readmore a {
  color: #333;
  text-decoration: underline;
}

  .blog .readmore a:hover { text-decoration: none; }

.article-info .article-info-term { display: none; }

.published { font-size: 12px; font-style: italic; margin: 0 0 1em; }

.published span.icon-calendar { 
	display: none;
}

.project-map-box {
  background: url(../img/project-map-box-bg.jpg) no-repeat 0 0;
  background-size: 100% 89px;
  color: #ffffff;
}
.project-map-box h1 {
  color: #fff;
  font-size: 1.25em;
}

  .project-map-box h1 a {
    font-family: "trajan-pro",sans-serif;
  }
  
  .project-map-box h1 a:hover {
    color: #999;
  }
  
.project-map-box h2 {
  color: #9b8f7b;
  margin: 0;
}
.community-box {
  margin-bottom: 15px;
  padding: 0;
}
.community-box h1 {
  color: #282828;
  font-size: 25px;
  font-weight: 100;
  padding: 0 0.5em;
}
.community-box h2 {
	color: #636363;
	font-size: 16px;
	line-height: 1.35;
	padding: 0 1em;
	margin: 0;
	text-transform: none;
}
.community-box p {
  margin: 0;
  padding: 0 1em;
}
.community-box p.readmore {
  padding: 1em 1.5em;
}
.community-box a.readmore {
	background: url("../img/arrow-purple.png") no-repeat 100% 50%;
}
.community-box img {
  float: none;
  margin: 0 0 0.5em 0;
  width: 100%;
}
.latest-news-box {
  background: #6f808b url(../img/latest-news-box-bg.png) no-repeat 0 0;
  background-size: 100% auto;
}
.latest-news-box .news-item {
  border-bottom: 1px solid #ffffff;
  font-size: 0.875em;
  margin: 1em 0 0;
  padding: 0 0 1em;
}
.latest-news-box .news-item h1 {
  color: #ffffff;
  font-family: "proxima-nova", sans-serif;
  font-weight: 100;
  font-size: 1.125em;
  line-height: 1.2;
}

  .latest-news-box .news-item h1 a:hover { color: #2c2c2c; }

.latest-news-box .content h3 a {
  color: #2c2c2c;
  font-family: "trajan-pro",sans-serif;
  font-weight: 400;
  font-size: 25px;
  line-height: 1.5;
  margin: 0 0 0.5em;
}

.latest-news-box .news-item.last {
  border: none;
}
.shadow {
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}

.wk-gallery-showcase li {
    list-style: none;
  }
  
.footer {
  border-radius: 0.3125em 0.3125em 0 0;
  margin: 4em auto 0;
  padding: 1em 1em 1em 1em;
}
.footer img {
  width: auto;
}
.footer .footer-nav {
  display: block;
}

.footer {
  margin: 4em 0em 0em;
  padding: 0 0 2em;
  position: relative;
}
  .footer img {
    margin: 0.5em 0 0 1em;
  }
  .footer .nav {

  }
  .footer .footer-nav ul {
    padding: 0;
  }
  .footer .footer-nav ul li {
    display: block;
   
    list-style: none;
    margin: 0 1em 0 0;
    padding: 0;
  }
  .footer .footer-nav ul li a,
  .footer .footer-nav ul li span.separator {
    font-size: 0.875em;
  }
  
  .footer .footer-nav ul li a:hover {
  	color: #ACACAC;
  }
  
  .footer .dash a {
  	  background: url(../img/dash.png) no-repeat 0 0;
	  display: block;
	  height: 29px;
	  width: 190px;
	  text-indent: -9999em;
  }
  
  .footer .dash a:hover {
	   background-position: 0 100%;
   }
   
  
  #xmap a {
	  text-decoration: none;
  }
  
  #xmap a:hover {
	  text-decoration: underline;
  }
  
  #xmap ul.level_0 {
	  font-size: 110%;
  }
  
  #xmap ul.level_1 {
	  font-size: 85%;
  }
  
  #xmap ul.level_1 {
	  margin-left: 30px;
  }
  
    #xmap ul.level_1 li {
	    list-style: circle;
    }
    
    .wk-map img {
	    max-width: none;
    }
    
    .search-results .result-title a {
	    font-size: 1.2em;
	    color: #1B1C53 !important;
    }
    
     .search-results .result-title {
	     margin-top: 20px;
     }
  
     	.search-results .result-category, .search-results .result-created {
	     	font-size: 0.9em;
	     	font-style: italic;
     	}
     	
     	.search-results .highlight {
	     	background: #45467D;
	     	color: #fff;
     	}
     	
     	#searchForm input[type="text"] {
	     	width: 270px;
	     	margin: 0 0 10px 0;
     	}
     	
     	#searchForm button {
	     	width: 160px;
     	}
     	
     	.main-content #searchForm label {
	 		float: left;
	 		margin: 6px 2px 0 0;
		}


div.separator {
	height: 0;
	clear: both;
}

/*======================
  7.0  CMS Specific Styles
=======================*/
/*======================
  8.0  MEDIA QUERIES 
=======================*/
/*
@media print {
  @import "print.less";
}
*/
@media only screen {
  body {
    background: #d9dae5;
    font-size: 100% !important;
  }
  
 .header {
	    height: 127px;
  }

  .header .logo img {
  	margin: 10px 0 10px 0;
  }
  .community-box {
  	  background: #ffffff;
	  background-image: none;
  }
  .community-box h1 {
	  font-size: 25px;
  }
  .container {
    margin: 0 auto;
    width: 94%;
  }
  .main-nav .container {
    padding-top: 2.6em;
    width: 100%;
  }
  .main-nav .container ul {
    display: none;
    margin: 0;
    padding: 0;
  }
  .main-nav .container ul li {
    margin: 0;
    padding: 0;
  }
  .main-nav .container > ul > li {
    display: block;
    list-style: none;
    margin: 0.2em 0.4em;
  }
  .main-nav .container > ul > li a {
    background: #000000;
    display: block;
    padding: 1em 2em;
    text-align: center;
  }
  img {
    height: auto;
    margin: 0 0 1em;
    width: 100%;
  }
  
  .aside .menu-container {
    margin: 0 0.4em;
    padding: 4.5em 0 4.5em;
  }
  
  .aside .menu {
    margin: 0;
    padding: 0;
  }
  .aside .menu li {
    border-top: 1px solid #fff;
    list-style: none;
    margin: 0;
  }
  .aside .menu > li:last-child {
    border-bottom: 1px solid #fff;
  }
  .aside .menu li a {
    display: block;
    padding: 0.8em 1em;
    text-transform: uppercase;
    font-size: 1.15em;
  }
  .aside .menu li a:hover,
  .aside .menu > li.active > a {
    background: #363636;
  }
  .aside .menu li ul {
	  margin-bottom: 15px;
  }
  .aside .menu li ul li {
	  border-top: none;
	  background: url(../img/arrow.png) no-repeat 17px 3px;
  }
  .aside .menu li ul li a {
	  font-size: 0.9em;
	  padding: 0.3em 1em 0.3em 2.7em;	  
  }
  .aside .menu li ul li a:hover {
	    background: none;
	    color: #A9C9E9;
	    
    }
  .aside .aside-content-box {
    margin-top: 0;
  }
  .aside .brown-background {
    background: #85949f url(../img/aside-grey-bg.png) no-repeat 0 0;
  }
  
  .aside .triangle {
    border-width: 1.3em 1.3em 0;
  }
  .aside .triangle.right {
    right: 30px;
  }
  .main-content .article p, .main-content .article ul li, .main-content .article ol li {
	  line-height: 1.6;
	  text-align: left;
  }
  .header .search {
	  display: none;
  }
  .footer .dash {
    margin: 0 0 0 1em;
    position: relative;
  }
  .footer .footer-nav ul li span.separator {
	  color: #acacac;
	  font-size: 0.875em;
	  margin-bottom: 15px;
	  display: block;
  }
  .wk-map {
	  height: 250px;
  }
  
  .black-btn, .grey-btn, form input[type=submit],
button {
	  font-size: 1em;
  }
  
}
@media only screen and (min-width: 480px) {
  body {
    background: #d9dae5;
    font-size: 100% !important;
  }
  

}
@media only screen and (min-width: 600px) {
  body {
    background: #d9dae5;
    font-size: 80% !important;
  }
  .left-main-section, .right-main-section{
    padding-left: 10px;
  }
  .header .logo {
    margin: 0;
  }
  
  .container {
    width: 96%;
  }
  .banner {
    background: #1B1C54 url(../img/banner-bg-sub.jpg) no-repeat center 0 !important;
    height: 17em;
    padding: 2em 0 0 0;
  }
  .home .banner {
    background: #1d1f5a url(../img/banner-bg.jpg) no-repeat center 0 !important;
  }
  .banner h1 {
    font-size: 1.6em;
    text-align: left;
  }
  .banner h1 em {
    display: inline;
  }
  .main-content {
    margin-top: -6em;
  }
  .main-section{
    flex-flow: nowrap;
  }
  .home-content-box {
    float: left;
    font-size: 1em;
    line-height: 1.5;
    margin: 0 5px 15px 4px;
   /* width: 48%;*/
  }
  .home-content-box h1 {
    font-size: 25px;
    line-height: 1.5;
  }
  .home-content-box:last-child {
    margin-right: 0;
  }
  .home-sub-content-box {
    float: left;
    margin: 0 1% 0 0;
    width: 49%;
  }
  .home-sub-content-box:last-child {
    margin-right: 0;
    width: 50%;
  }
  .left-main-section .home-content-box:first-child {
    margin-top: -3.75em;
  }
  .intro-box {
    font-size:1.1em;
    margin-top: 0;
  }
  .intro-box h1 {
    font-size: 1.3em;
  }
    .strategic-location img {
      clear: right;
      width: 100%;
    }
  
  .testimonial-box {
    font-size: 0.875em;
  }
  .testimonial-box h1 {
    font-size: 1.375em;
  }
  .latest-news-box h1 {
    font-size: 25px;
  }
  .latest-news-box .news-item h1 {
    font-size: 1.4em;
    line-height: 1.1;
  }
  .latest-news-box .news-item p {
    font-size: 1em;
    margin: 0 0 1em 0;
    font-weight: normal;
  }
  img {
    float: left;
    margin: 0 1em 0.5em 0;
    width: auto;
    max-width: 100%;
  }
  .sub .main-content {
    margin-top: -7.5em;
  }
  .sub .sub-content-box .home-content-container {
    color: #424242;
    padding: 2em 2.5em;
  }
  .sub .sub-content-box .triangle {
    border-width: 1.3em 1.3em 0;
    margin-left: 12em;
  }
  .sub .white-background {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #fff;
    -webkit-box-shadow: 4px 2px 4px rgba(6, 7, 7, 0.15);
    -moz-box-shadow: 4px 2px 4px rgba(6, 7, 7, 0.15);
    box-shadow: 4px 2px 4px rgba(6, 7, 7, 0.15);
    background-image: -webkit-linear-gradient(top, rgba(6, 7, 7, 0.1), rgba(255, 255, 255, 0.1));
    background-image: -moz-linear-gradient(top, rgba(6, 7, 7, 0.1), rgba(255, 255, 255, 0.1));
    background-image: -o-linear-gradient(top, rgba(6, 7, 7, 0.1), rgba(255, 255, 255, 0.1));
    background-image: -ms-linear-gradient(top, rgba(6, 7, 7, 0.1), rgba(255, 255, 255, 0.1));
    background-image: linear-gradient(to bottom, rgba(6, 7, 7, 0.1), rgba(255, 255, 255, 0.1));
  }
  .footer .dash {
    position: absolute;
    right: 1em;
    top: 34px;
    margin: 0;
  }
     
  .footer {
    height: 60px;
    margin: 5em 0 0;
    position: relative;
  }
  .footer img {
    margin: 0.5em 0 0 1em;
  }
  .footer .footer-nav {
    left: 0.5em;
    position: absolute;
    top: 32px;
  }
  .footer .footer-nav ul {
    padding: 0;
  }
  .footer .footer-nav ul li {
    display: block;
    float: left;
    list-style: none;
    margin: 0 1em 0 0;
    padding: 0;
  }
  

  .footer .footer-nav ul li a {
    font-size: 0.95em;
    color: #fff;
  }


  .aside input[type=text], .aside input[type=email], .aside input[type=telephone] {
    min-width: 100px;
    width: 200px;
  }
  
.community-box h1 {
	  font-size: 20px;
  }
  .wk-map {
	  height: 400px;
  }
 .black-btn, .grey-btn, form input[type=submit],
button {
	  font-size: 1.2em;
  }
 .banner .banner-button {
	  position: absolute;
	  bottom: 0;
	  right: 0;
  }
 .home .banner .container {
    height: 125px;
    position: relative;
}

}

@media only screen and (min-width: 768px) {
  .header .logo img {
  	margin: 50px 0 10px 0;
  }
  .header {
	  height: 167px;
  }
  .banner {
    padding-top: 6em;
  }
  .banner h1 {
    font-size: 2em;
  }

  .home .banner .container {
	  height: 120px;
	  position: relative;
  }
  .main-nav {
    display: block;
    position: absolute;
    text-align: center;
    width: 100%;
  }
  .main-nav .container {
    box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.3);
    padding: 0 0 0 0.5em;
  }
  .main-nav .container ul {
    display: none;
    margin: 0;
    padding: 0;
  }
  .main-nav .container ul li {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .main-nav .container ul li a:hover {
    background: #708390;
  }
  .main-nav .container > ul {
    display: block !important;
    width: 100%;
  }
  
  .main-nav .container > ul ul {
    position: absolute;
    width: 230px;
    z-index: 100;
  }
  
  .main-nav .container > ul ul a {
    background: #708390;
    display: block;
    padding: 0.6em 2em;
    text-align: left;
  }
  .main-nav .container > ul ul a:hover {
    background: #708390 url(../img/arrow.png) no-repeat 0 9px;
    color: #a9c9e9;
  }
  .main-nav .container > ul > li {
    background: url(../img/menu-sep.png) no-repeat right 4px;
    float: left;
    display: block;
    padding-right: 1px;
  }
  .main-nav .container > ul > li:last-child {
    background: none;
  }
  .main-nav .container > ul > li > a {
    background: none;
    display: block;
    font-size: 0.97em;
    padding: 1.5em 2.9em 1.3em;
    text-align: center;
    text-transform: uppercase;
  }
  .main-nav .container li:hover > a {
    background: #708390;
  }
  .main-nav .container li:hover > ul {
    display: block;
  }
  
  .main-nav .buttons {
    display: none;
  }
    .strategic-location {
  
}
  
  .strategic-location img {
    width: 180px;
  }

  .strategic-location ul {
    margin: 0 0 1.3em 15em;
  }
    .header .search {
	  display: block;
	  margin-right: 20px;
  }

}

@media only screen and (min-width: 960px) {
  body {
    background: #d9dae5;
    background-size: 100% auto;
    font-size: 80% !important;
  }
  .container {
  	position: relative;
    width: 960px;
  }
  .main-nav .container {
    border-radius: 0 0 0.3125em 0.3125em;
    width: 960px;
  }
  .main-nav .container > ul > li > a {
    padding-left: 4.25em;
    padding-right: 4.25em;
  }

  .banner {
    background: #1B1C54 url(../img/banner-bg-sub.jpg) no-repeat center bottom !important;
    height: 18.5em;
    overflow: hidden;
    width: 100%;
  }

  .home .banner {
    background: #1d1f5a url(../img/banner-bg.jpg) no-repeat center bottom !important;
    height: 23.375em;
    padding-top: 9em;
  }
  .banner h1 {
    font-size: 1.65em;
    line-height: 1.1;
    margin-left: 2em;
    text-align: left;
  }
  .sub .banner h1 {
	  margin-top: 30px;
  }
  .banner h1 em {
    display: inline;
    font-size: 2.5em;
  }

  .main-content {
    margin-top: -8.2em;
    padding: 0;
  }
  .home .main-content {
    background: rgba(255, 255, 255, 0.8);
    border-radius: 5px;
    box-shadow: 0 0 2em rgba(0, 0, 0, 0.2);
    margin-top: -12.5em;
    padding: 1em 1.5em;
  }
  /*.home-content-box {
    width: 49%;
  }*/
  
  .sub .white-stripe {
    top: 0;
  }
  .sub .sub-content-box {
    float: left;
    margin: 0;
    width: 50em;
  }
  
  .main-content .article p, .main-content .article ul li, .main-content .article ol li {
	  text-align: justify;
  }
  
  .sub .sub-content-box .home-content-container {
    color: #424242;
    margin: 0 0.8em;
    min-height: 600px;
    padding: 2em 2.5em;
  }
  .aside {
    float: left;
    margin-left: 1em;
    width: 17em;
  }
  
  .aside input[type=text], .aside input[type=email], .aside input[type=telephone] {
    min-width: 100px;
    width: 160px;
  }

	.community-box {
	  background: #ffffff url(../img/community-box-bg.png) no-repeat 0 0;
	}
	
  .footer .footer-nav ul li span.separator {
	  color: #acacac;
	  font-size: 0.95em;
	  margin-bottom: 0px;
	  display: block;
  }
  
  .header .search {
	  margin-right: 0px;
  }
}

@media only screen and (max-width: 480px) { 
	.home-content-box .jandakot-buttons img {
		width: 47% !important;
	}
}
.sold .small-block.narrow::after {
  content: "SOLD";
  position: absolute; 
  left: 0;
  top: 25%;  
  font-size: 30px;
  font-weight: bold;
  color: red;
  background: rgb(242,242,242);
  background: linear-gradient(90deg, rgba(242,242,242,0) 10%, rgba(246,246,246,1) 48%, rgba(255,255,255,0) 90%);
  width: 100%;
  -moz-transform: scale(1.1) rotate(-25deg);
  -webkit-transform: scale(1.1) rotate(-25deg);
  -o-transform: scale(1.1) rotate(-25deg);
  -ms-transform: scale(1.1) rotate(-25deg);
  transform: scale(1.1) rotate(-25deg);
}

.small-block {
	display: block;
	float: left;
	margin: 0 0 20px 0;
	padding: 0 10px;
	text-align: center;
	width: 160px;
}

.small-block img {
	float: none;
	margin: 0 0.5em 0.5em 0.5em;
	/*width: auto !important;*/
}

.small-block.narrow {
	margin: 0;
	padding: 0;
	width: auto;
  	position:relative;
  	min-height:220px
}

.tooltip {
	display: none !important;
}