/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* #LOADER
==================================================*/

.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 46%; top: 0;opacity:0; }

/* #RESPONSIVE NAV
==================================================*/
.nav-collapse {position: relative; top: 0}
.nav-collapse, .nav-collapse * {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.nav-collapse li {float: left; width: 100%; margin-bottom: 0;}
.nav-collapse ul ul a {background: #ca3716; padding-left: 2em;}
.nav-toggle { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 70px; height: 55px; text-indent: -9999px; overflow: hidden; background: url("../images/hamburger.png") no-repeat 0% 33%; position: absolute; top: 0; right: 0}
.sixteen.columns.alpha.omega.bluegrey { width: 100%; }
.columns.alpha.omega.prj-desc { width: 40% !important;padding-bottom: 0; }
.columns.alpha.omega.prj-img { width: 60% !important; }

@media screen and (min-width: 48em) {
.nav-collapse li {width: 13%; position: relative; top: 67px;}
.nav-collapse a {color: #fff; text-decoration: none; width: 100%; border-bottom: 1px solid white; padding: 0.7em 0; float: left; font-size: 16px;}
.nav-collapse a:hover {color: #617c8d}
}

@media screen and (min-width: 48em) {
  .nav-collapse a {margin: 0; padding: 0; text-align: center; border-bottom: 0}
}

@media screen and (min-width: 48em) {
  .nav-collapse ul ul a {display: none}
}

@media screen and (-webkit-min-device-pixel-ratio: 1.3), screen and (min--moz-device-pixel-ratio: 1.3), screen and (-o-min-device-pixel-ratio: 2 / 1), screen and (min-device-pixel-ratio: 1.3), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) {
  .nav-toggle {background-image: url("../images/hamburger-retina.png"); -webkit-background-size: 100px 100px; -moz-background-size: 100px 100px; -o-background-size: 100px 100px; background-size: 100px 100px}
}


/* #Site Styles
================================================== */

body {background-size:cover ; background-repeat: no-repeat; background-color: #2a2a35}

  header[role="banner"] {
  background: #29304c; /* Old browsers */
  background: -moz-linear-gradient(top, #29304c 0%, #2a2a35 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#29304c), color-stop(100%,#2a2a35)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #29304c 0%,#2a2a35 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #29304c 0%,#2a2a35 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #29304c 0%,#2a2a35 100%); /* IE10+ */
  background: linear-gradient(to bottom, #29304c 0%,#2a2a35 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29304c', endColorstr='#2a2a35',GradientType=0 ); /* IE6-9 */
  margin-top: -20px; margin-bottom: 20px; min-height: 120px;
}

.no-bullet {list-style: none;}
.show-for-small {display: none!important;}
.hide-for-large {display: none!important;}


.logo {width: 255px!important; margin: -68px 0 0 0;}
.logo img:hover {width: 285px!important; position: relative; left: 2px; top: 2px; opacity:0.8; filter:Alpha(opacity=80); /* IE8 and earlier */}
.about-us a.active-au, .property a.active-prop, .projects a.active-proj, .strategy a.active-st, .what-we-do a.active-wwd, .contact a.active-con {padding: 0 0 10px 0; border-bottom: solid 4px #f79228}

.contdet { float: right; margin: 10px 7px 15px 0}
.contdet li {margin-bottom: 0;}
.contdet li span {font-size: 26px; color: #fff;}
.contdet li a {color: #607b8d}
.contdet li a:hover {color: #4f6675}

.site-footer {width: 100%}
.site-footer { background: #585d63; font-size: 12px; color: #fff; position: fixed; bottom: 0; z-index: 10000}
.site-footer .container {padding-top: 10px;}
.site-footer .copyright p {float: right; margin: 5px 22px 0 0; padding: 0 0 10px 0}
.site-footer .copyright img {float: right; margin: 17px 30px 0 10px}
.site-footer .prop-finder h6 { color: #fff;}
.site-footer .container .column, .site-footer .container .columns {padding: 0;}
.site-footer .dynmic-clock p{ margin-left: 30px;margin-top: 5px; }
.site-footer .dynmic-clock p span {position: relative; }
.site-footer .dynmic-clock p span:before {content:''; background: url(../images/calendar.png) no-repeat;width: 30px;
    height: 32px; position: absolute;display: block; left: -30px;background-size: 75%;vertical-align: middle;top: -3px; }

header[role="banner"] .container .column, header[role="banner"] .container .columns, .no-padding {padding: 0 !important;}

.charcoal {background: #2f2f2f;}
.black {background:#242424;}
.green {background: #479c9c;filter: alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;}
.dgreen {background: #54bcbd}
.blue {background: #263443}
.blue > h3 {color:#57c6c7;}
.grey {background: #525252;}
.paleblue {background: #7da1c3}
.paleblue > h3 {color:#57c6c7;}
.bluegrey {background: #617c8d}

.icon {position: absolute;}

.overlay {width: 100%;  height: 100%; position: fixed; top: 0; left: 0; z-index: 1000; display: none;}

.modal {display: none; background: #54bcbd; padding: 0 20px 20px; overflow: auto; z-index: 1001; position: absolute; min-width: 500px; min-height: 300px;}
.closeBtn {cursor: pointer; text-align: right; padding: 10px 0;}

h1 + h4 {margin-bottom: 20px;}
a:hover 
  {-webkit-transition: color .2s ease-in-out;
  -moz-transition: color .2s ease-in-out;
  -ms-transition: color .2s ease-in-out;
  -o-transition: color .2s ease-in-out;
  transition: color .2s ease-in-out;}

  /* Home page
  ================================================== */

  .home { background-image: url(../images/bg-imgs/BT_tower_6281MR.jpg)}

  .home .accordionPro.basic .slide1 .content {filter: alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}
  .home .accordionPro.basic .slide2 .content {background-color: #454650!important}
  .home .accordionPro.basic .slide3 .content {background-color: #434b62!important}
  .home .accordionPro.basic .slide4 .content {background-color: #6b6f75!important}
  .home .accordionPro.basic .slide5 .content {background-color: #768593!important}
  .home .accordionPro.basic .slide6 .content {background-color: #778492!important}
  .home .accordionPro.basic .slide1 .content, .home .accordionPro.basic .slide1 > h2 {background: #585d63;}
  .home .accordionPro.basic .slide1 .content .container h2, .home .accordionPro.basic .slide1 .content .container a {color: #b7c8da;}
  .home .accordionPro.basic .slide2 .content, .home .accordionPro.basic .slide2 > h2 {background: #2a2a34;}
  .home .accordionPro.basic .slide2 .content .container h2, .home .accordionPro.basic .slide2 .content .container a {color:#b7c8da;}
  .home .accordionPro.basic .slide3 .content, .home .accordionPro.basic .slide3 > h2 {background: #29304c;}
  .home .accordionPro.basic .slide3 .content .container h2, .home .accordionPro.basic .slide3 .content .container a {color: #b7c8da;}
  .home .accordionPro.basic .slide4 .content, .home .accordionPro.basic .slide4 > h2 {background: #585d63;}
  .home .accordionPro.basic .slide4 .content .container h2, .home .accordionPro.basic .slide4 .content .container a {color: #b7c8da;}
  .home .accordionPro.basic .slide5 .content, .home .accordionPro.basic .slide5 > h2 {background: #617c8d;}
  .home .accordionPro.basic .slide5 .content .container h2, .home .accordionPro.basic .slide5 .content .container a {color: #b7c8da;}
  .home .accordionPro.basic .slide6 .content, .home .accordionPro.basic .slide6 > h2 {background: #7da1c3;}
  .home .accordionPro.basic .slide6 .content .container h2, .home .accordionPro.basic .slide6 .content .container a {color: #b7c8da;}

  .home .accordionPro.basic .slide .content .container .six img, .home .accordionPro.basic img {margin-top: 15px;}
  .home .accordionPro.basic {height: 460px!important}
  .home div.five.columns.alpha h2 {margin: -12px 0 10px 0;}
  .home div#accordion.accordionPro p {font-size: 15px; line-height: 17px; margin: 0 0 10px 0; letter-spacing: -0.4px;}
  .home div#accordion.accordionPro p.lead {font-size: 16px; line-height: 19px; font-weight: 800; margin: -7px 0 10px 0; letter-spacing: -0.4px;}
  .home div#accordion.accordionPro p.lead.intro {font-size: 20px; line-height: 23px; font-weight: bold; margin: 24px 0; letter-spacing: -0.4px;}
  .home div#accordion.accordionPro p.sub {font-size: 18px; line-height: 22px; font-weight: 100;}
 
  .home .welcome {background: #475565;filter: alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}
  .home ul.bxsliderHome li, .projects ul.bxsliderHome li{width: 255px!important; margin-right: 15px!important}
  .home h4 { font-size: 24px; margin-top: -6px; margin-left: 46px}


  .home li.slide1.slide.even.selected h2,
  .home li.slide2.slide.odd.selected h2, 
  .home li.slide3.slide.even.selected h2, 
  .home li.slide4.slide.odd.selected h2, 
  .home li.slide5.slide.even.selected h2, 
  .home li.slide6.slide.odd.selected h2 {border-right: solid 3px #f79228}
  .home div.five.columns.alpha h2 {border-right: none!important}

  .home .tg  {border-collapse:collapse;border-spacing:0;border:none; margin: 0 0 0 -12px;}
  .home .tg td{font-family:inherit;font-size:15px;padding:2px 15px;border-style:solid;border-width:0px;overflow:hidden;word-break:normal;}
  .home .tg th{font-family:inherit;font-size:15px;font-weight:normal;padding:2px 15px;border-style:solid;border-width:0px;overflow:hidden;word-break:normal; text-align: left;}
  .home .tg th:first-of-type{width: 145px}

  .clock-wrapper {margin: 0 0 0 12px}
  .clock-wrapper img {width: 2%; position: absolute; top: 10px; left: 8px}
  .clock-wrapper header {float: left; margin: 0 10px 10px 0}
  .clock-wrapper p a{display: block; margin: 5px 0 0 0px; color: #fff}
  .clock-wrapper p a:hover{color: #2a2a34}

  .jqclock {margin: 8px 0 0 20px}
  .clockdate {font-size: 14px; margin: 0 15px 5px 0; display: inline-block;}
  .clocktime {font-size: 14px; line-height: 12px; display: inline-block;}

  /*About Us / Strategy / What we do
   ================================================== */
   .about-us { background-image: url(../images/bg-imgs/wwd.jpg)}
   .strategy { background-image: url(../images/bg-imgs/strategy.jpg)}
   .wwd { background-image: url(../images/bg-imgs/wwd.jpg)}
   .contact { background-image: url(../images/bg-imgs/contact.jpg)}

   .about-us h2, .strategy h2, .wwd h2, .contact h2 { font-size: 30px; color: #29304c}
   div#accordion-team {margin-bottom: 20px;}
   .about-us .accordionPro.basic .slide > h2 {background: #29304c; color: #7da1c3; border-bottom: 2px solid #617c8d;}
   .about-us .accordionPro.basic .slide > h2:hover {color: #fff;}
   .about-us .accordionPro.vertical .slide > h2 span {border-bottom: 1px solid #617c8d; padding-bottom: 47px;}
   .about-us .accordionPro .slide > div {background: #617c8d; width: 100%!important}
   .about-us div.bio-desc {padding: 20px}
   .about-us li.bio h2 {line-height: 47px!important} 
   .about-us li.bio.slide.even.selected span, .about-us li.bio.slide.odd.selected span {color: #f79228}
   .about-us li.bio.slide.even.selected span:hover, .about-us li.bio.slide.odd.selected span:hover {color: #f79228!important; cursor: default;}
   .about-us div.bio-desc p {font-size: 17px; font-weight: 100;}

   .desc {padding: 20px 40px 10px 40px!important}
   .about-us .container.bg, .strategy .container.bg, .wwd .container.bg, .contact .container.bg {background-color: #5d6f79; filter: alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9; margin-bottom: 60px;}
   .desc p span{font-size: 20px; line-height: 23px; font-weight: bold}
   .desc p {font-size: 19px; line-height: 23px;}
   .desc h3 {font-size: 30px; line-height: 40px; margin-bottom: 10px; color: #f79228;}

   .strategy  .desc p span{font-size: 18px; line-height: 20px; font-weight: bold; color: #29304c}
   .strategy .desc p {font-size: 17px; line-height: 20px;}
   .strategy .desc ul {list-style: disc; outside; margin: 0 0 0 20px; font-size: 17px; line-height: 20px; font-weight: bold;}
   .strategy .desc ul li{margin-bottom: 10px;}



   .contact p a {color: #fff}
   .contact p a:hover {color: #263443}
   
   .tg  {border-collapse:collapse;border-spacing:0;border:none; margin: 0 0 0 -12px;}
   .tg td{font-family:inherit;font-size:17px;padding:7px 15px;border-style:solid;border-width:0px;overflow:hidden;word-break:normal;}
   .tg th{font-family:inherit;font-size:17px;font-weight:normal;padding:7px 15px;border-style:solid;border-width:0px;overflow:hidden;word-break:normal; text-align: left;}
   .tg th:first-of-type{width: 115px}

     /*Projects
   ================================================== */
  .projects { background-image: url(../images/bg-imgs/projects.jpg)}

  .projects .accordionPro.basic .slide1 .content {filter: alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}
   .projects .accordionPro.basic .slide2 .content {background-color: #454650!important}
   .projects .accordionPro.basic .slide3 .content {background-color: #434b62!important}
   .projects .accordionPro.basic .slide4 .content {background-color: #6b6f75!important}
   .projects .accordionPro.basic .slide5 .content {background-color: #768593!important}
   .projects .accordionPro.basic .slide6 .content {background-color: #778492!important}
   .projects .accordionPro.basic .slide1 .content,  .projects .accordionPro.basic .slide1 > h2 {background: #585d63;}
   .projects .accordionPro.basic .slide1 .content .container h2,  .projects .accordionPro.basic .slide1 .content .container a {color: #b7c8da;}
   .projects .accordionPro.basic .slide2 .content,  .projects .accordionPro.basic .slide2 > h2 {background: #2a2a34;}
   .projects .accordionPro.basic .slide2 .content .container h2,  .projects .accordionPro.basic .slide2 .content .container a {color:#b7c8da;}
   .projects .accordionPro.basic .slide3 .content,  .projects .accordionPro.basic .slide3 > h2 {background: #29304c;}
   .projects .accordionPro.basic .slide3 .content .container h2,  .projects .accordionPro.basic .slide3 .content .container a {color: #b7c8da;}
   .projects .accordionPro.basic .slide4 .content,  .projects .accordionPro.basic .slide4 > h2 {background: #585d63;}
   .projects .accordionPro.basic .slide4 .content .container h2,  .projects .accordionPro.basic .slide4 .content .container a {color: #b7c8da;}
   .projects .accordionPro.basic .slide5 .content,  .projects .accordionPro.basic .slide5 > h2 {background: #617c8d;}
   .projects .accordionPro.basic .slide5 .content .container h2,  .projects .accordionPro.basic .slide5 .content .container a {color: #b7c8da;}
   .projects .accordionPro.basic .slide6 .content,  .projects .accordionPro.basic .slide6 > h2 {background: #7da1c3;}
   .projects .accordionPro.basic .slide6 .content .container h2,  .projects .accordionPro.basic .slide6 .content .container a {color: #b7c8da;}

   .projects .accordionPro.basic .slide .content .container .six img {margin-top: 15px;}
   .projects .accordionPro.basic {height: 360px!important}

   .projects .welcome {background: #475565;filter: alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}
   .projects h1 {font-size: 48px; background-color: #29304c; width: 1100px; margin: 0 0 20px 0; padding: 10px 0 14px 80px; color: #bdccd4; filter: alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8}
   .projects h2 { font-size: 30px; color: #29304c}
   .projects h4 { font-size: 24px; margin-top: -6px; margin-left: 46px}
   .prj-desc {width: 450px!important; background-color: #5d6f79; padding-left:60px!important; padding-right: 45px!important; margin-top: -20px; filter: alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;}
   .prj-desc p span{font-size: 16px; line-height: 20px; font-weight: bold}
   .prj-desc p {font-size: 14px; line-height: 20px}
   .prj-img {background-color: #4c5e68; margin-top: -20px}




  /* Property Portfolio page
  ================================================== */
  .property.detail .active-prop { padding: 0; border-bottom: none; }
  .property.detail .active-proj { padding: 0 0 10px 0; border-bottom: solid 4px #f79228; }
  .property {background-color: #bdc7c6}
  .property .main {margin-bottom: 125px}

  h1 {font-size: 48px;background-color: #607b8d; width: 1100px; margin: 0; padding: 10px 0 14px 80px; color: #bdccd4; }

  div.map {background-color: #94a5ac}
  .map img {margin-top: 8px}
  .map-zoom { position: relative;}
  .map-zoom h2 {color: #1c1e20;}
  .backtomap {padding: 0 20px 7px 0; display: block; color: #fff!important; margin: -15px 0 0 0; float: right}

  .property.listing .modal {padding: 18px; min-width: 500px;}
  .modal-wrapper {background: url(../images/modal-bkg.png) no-repeat; text-align: center; padding: 60px 40px 40px; position: relative;}
  .property.listing .closeBtn {padding: 0;}
  .map-pin {position: absolute; background-image: url(../images/map-pin-bkg.png); background-repeat: no-repeat; background-position: 0 0; height: 40px; width: 40px; text-indent: -9999px;}
  .map-pin:hover {background-position: 0 -40px; }
  .hidden {text-align: center; display: none;}
  .hidden img {display: inline; max-width: 144px; margin-top: 10px;}

  div.key {position:absolute; left:4%; top:6%; width:20%; color:#fff; background-color: #b7c8da; padding: 10px}
  div.key p strong {display:block; padding:0; margin:0 0 20px 0!important; font-size: 22px; line-height: 20px; font-weight: bold; color:#293052;}
  div.key p span {display: block; padding: 0; margin: 2px 12px 20px 0; font-size: 14px;font-weight: bold;color: #293052;float: left;}
  div.key p {padding:0; margin:0 0 10px 0!important; font-size: 16px; line-height: 17px;}
  .reddot {width:15px; height:15px; margin: 2px 10px 47px 0; display:block; position:relative; background:#FF1F40; -moz-border-radius: 50px;-webkit-border-radius: 50px; border-radius: 50px; border: 3px solid #fff;}
  .orangedot {width:15px; height:15px; display:block; position:relative; background:#ff931e; -moz-border-radius: 50px;-webkit-border-radius: 50px; border-radius: 50px; border: 3px solid #ff931e;}
  
  /* Property co-ordinates
    ================================================== */
    #park-road-15 {bottom: 100px; left: 155px;}
    #gloucester-place-151-157 {bottom: 95px; left: 133px;}
    #fitzroy-road-21-39 {top: 155px; left: 200px;}
    #egbert-street-6 {top: 135px; left: 225px;}

  .property .details {padding: 10px 0;}
  .details > .four {padding-top:0; padding-bottom: 0;}
  .detail h1 {font-size: 48px;background-color: #607b8d; width: 1163px; margin: 0 0 20px 0; padding: 10px 0 14px 16px; color: #bdccd4}
  .details h2 { font-size: 30px; color:#57c6c7;}

  .detail-img {background: #fff; position: relative;}
  .detail-img h4 {position: absolute; top:10px; left: 10px; color: #242424;}
  .detail-img img {opacity: filter: alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}

  .bxsliderDetail, .bxsliderDetailfp {float: left;}
  .bxsliderDetail li {text-align: center;}
  .bxsliderDetail li img {display: inline;}
  .property .accordionPro {height: 725px!important}
  .property .accordionPro.basic .slide .content {background: #49a4a5;}
  .property .accordionPro.basic .slide1 .content {background: #454650}
  .property .accordionPro.basic .slide2 .content {background: #434b62}
  .property .accordionPro.basic .slide3 .content {background: #6b6f75}
  .property .accordionPro.basic .slide4 .content {background: #768593}

  .property .accordionPro.basic .slide.odd > h2 {color: #fff;}
  .property .accordionPro.basic .slide.even > h2 {color: #fff;}
    .property .accordionPro.basic .slide1 > h2 {background: #2a2a34}
    .property .accordionPro.basic .slide2 > h2 {background: #29304c}
    .property .accordionPro.basic .slide3 > h2 {background: #585d63}
    .property .accordionPro.basic .slide4 > h2 {background: #617c8d}
  .property .accordionPro.basic .slide .content .container h2 {color: #fff}
  .property .accordionPro.basic .slide .content ul.desc {list-style: disc outside;}
  
  .property li.slide1.slide.even.selected h2,
  .property li.slide2.slide.odd.selected h2, 
  .property li.slide3.slide.even.selected h2, 
  .property li.slide4.slide.odd.selected h2 {border-right: solid 3px #f79228}
  
  .property.detail {background-image: url(../images/bg-imgs/staircase_6375MR.jpg); background-color: #2a2a35}
  .property.detail.sutherland {background-image: url(../images/bg-imgs/sutherland.jpg); background-color: #2a2a35}
  .property.detail.parkrd {background-image: url(../images/bg-imgs/parkrd.jpg); background-color: #2a2a35}
  .property.detail.gorden-hse {background-image: url(../images/bg-imgs/gordon-hse.jpg); background-color: #2a2a35}
  .property.detail.egbert {background-image: url(../images/bg-imgs/egbert.jpg); background-color: #2a2a35}
  .property.detail.heath-st {background-image: url(../images/bg-imgs/heath-st.jpg); background-color: #2a2a35}
  .property.detail.gloucester-pl {background-image: url(../images/bg-imgs/gloucester-pl.jpg); background-color: #2a2a35}
  .property.detail.fowlmere {background-image: url(../images/bg-imgs/Allan-group-Fowlmere_BG.jpg); background-color: #2a2a35}
  .property.detail.st-james {background-image: url(../images/bg-imgs/st-james.jpg); background-color: #2a2a35}
  .property.detail.chepstow-pl {background-image: url(../images/bg-imgs/chepstow-pl.jpg); background-color: #2a2a35}



  .property.detail .bx-wrapper {margin: 0 0 10px; float: left; max-width: 940px!important}
  .property.detail .bx-wrapper .bx-viewport {height: auto!important}
  .bxsliderDetail li, .bxsliderDetailfp li {float: left; margin: 0 0 0 -37px; width:953px!important; height: 555px}
  .property.detail .bx-controls-direction a.bx-prev {margin-left: -1px}
  .property.detail .bx-controls-direction a.bx-next {margin-left: 1px}
  #bx-pager, #bx-pager a, #bx-pager a img {float: left;}
  #bx-pager a {margin-right: 8px; border: 4px solid #585d63; }
  #bx-pager a.active {border: 4px solid #fff;}
  .property.detail .slide .content {padding: 10px 25px 0;}
  .property.detail .slide .content h2 {color: #bdccd4; font-size: 20px; text-transform:uppercase; margin: -10px 0 0 0;}
  .property.detail .slide .content h4 {color: #617c8d; font-size: 40px; text-transform:uppercase}
  .property.detail .slide .content .panel {background-color: #bdc7c6; width: 95%; padding: 40px;}
  .property.detail .slide .content .panel ul.desc{color:#29304c; font-size: 21px; margin: 14px 0 14px 14px; list-style: none;}
  .property.detail .slide .content .panel ul.desc li{line-height: 22px;  padding-left: 0em; text-indent: -.7em;}
  .property.detail .slide .content .panel ul.desc li:before { content: "• "; color: #7da1c3}



  .tabs {margin: 8px 0; float: left;}
  .tabs li {float: left;}
  .tabs li:first-child { margin: 0 20px 0 0; padding-right: 20px; border-right: 2px solid #fff;}
  .tabs li h4 {margin-bottom: 0;}
  .tabs li a { color: #91d9da;}
  .tabs li a.current {color: #fff;}
  .panes {float: left; clear: both; max-width: 850px}
  .panes p, .panes li {font-size: 18px;}

  .images, .floorplans { position: relative;}
  .images .icon { bottom: 15px; left: 15px;}
  .floorplans .icon { bottom: 15px; right: 15px;}
  .property.detail #modal1 {
    background: #3e506c;
    width: 1180px;
    min-height: 700px;
  }
  .property.detail #modal2 {
    background: #263443;
    width: 1180px;
    min-height: 700px;
  }
  .property.detail .modal .content {text-align: center;}
  .property.detail .modal .content img {display: inline;}

  .case-study {background-image: url(../images/bg-imgs/city_skyline_6212MR.jpg)!important;}

/* #IE Fixes
================================================== */
.ie8 header[role="banner"] { background: #1A1B1E;}




/* Media Queries
================================================== */

  /*Desktop Landscape 1500*/
  @media only screen and (max-width: 1500px) {
    .detail h1 {width: 924px}
    .home .accordionPro.basic {height: 370px!important; margin: 18px 0 0 0;}
    .home .container .five.columns {width: 490px;}
    .home .bx-wrapper img, .projects .bx-wrapper img {max-width: 90%!important}
    .home ul.bxsliderHome li, .projects ul.bxsliderHome li {width: 230px!important; margin-right: -5px!important;}
    .home .bx-wrapper .bx-controls-direction a, .projects .bx-wrapper .bx-controls-direction a {height: 138px!important}
    .home .bx-wrapper .bx-prev, .projects .bx-wrapper .bx-prev {background: url(../images/bxh-controls.png) no-repeat 0 -30px!important}
    .home .bx-wrapper .bx-next, .projects .bx-wrapper .bx-next {background: url(../images/bxh-controls.png) no-repeat -30px -30px!important}
    .home .bx-wrapper, .projects .bx-wrapper {height: 137px!important}  
    .home div.five.columns.alpha h2 {font-size: 30px; margin: -6px 0 10px 0;}
    .home div#accordion.accordionPro p {font-size: 15px; line-height: 17px; margin: 0 0 10px 0; letter-spacing: -0.4px;}
    .home div#accordion.accordionPro p.lead {font-size: 16px; line-height: 18px; font-weight: 800; margin: -7px 0 10px 0; letter-spacing: -0.4px;}

    .home .accordionPro.scaleImages .slide > div img {max-width: 73%}
    h2 {font-size: 40px; line-height: 30px; margin-bottom: 10px}
    .about-us a.active-au, .property a.active-prop, .projects a.active-proj, .strategy a.active-st, .what-we-do a.active-wwd, .contact a.active-con {padding: 0 0 10px 0; border-bottom: solid 4px #f79228}
    
    div.key {left: 3%; top: 4%; width: 26%; padding: 20px}
    div.key p strong br {display: none}
    div.key p strong {font-size: 20px; line-height: 25px}

    .property .accordionPro {height: 580px!important;}    
    .property .bx-wrapper img {position: relative; top: -135px;}
    .property .bxsliderDetail li{height: 425px;}
    .property #bx-pager a.active {border: 4px solid #585d63;}

    .projects .bx-wrapper .bx-prev {left: 0px!important}
    .projects .bx-wrapper .bx-next {right: 0px!important}
    .prj-desc { background-color: #5d6f79; padding-left: 14px!important; padding-right: 14px!important; height: auto;}
    .prj-desc p span {font-size: 15px; line-height: 15px;}
    .prj-desc p {font-size: 13px; line-height: 17px}

    .about-us h2, .strategy h2, .wwd h2, .contact h2 {font-weight: 700; font-size: 20px; line-height: 20px; margin-bottom: 7px}
    .strategy .desc {padding: 10px 20px 0 20px!important}
    .strategy .desc p {font-size: 17px;line-height: 19px}
    .strategy .desc ul {font-size: 15px}
    .strategy .desc ul li {line-height: 16px; margin-bottom: 4px;}
    .strategy .desc p span {font-size: 19px; line-height: 18px; font-weight: bold; margin: 16px 0 0 0; display: block}

    .contact .desc {padding: 20px 0px 10px 40px!important}
    .contact .desc p span {font-size: 18px; line-height: 22px}
  }

  /* Desktop width 1200px (devices and browsers)*/
  @media only screen and (max-width: 1200px) {
    .logo {width: 167px!important; position: relative; bottom: 39px}
    .nav-collapse a {font-size: 15px}
    .nav-collapse li {width: 16.5%}
  }

  /*iPad Landscape*/
  @media only screen and (max-width: 1040px) {
    header[role="banner"] {min-height: 102px; margin: 0 0 30px 0}
    .nav-collapse li {width: 16.5%; top: 45px}
    .home .nav-collapse li {width: 16.5%; top: 50px}
    .home header[role="banner"] {min-height: 102px; margin: 0 0 5px 0}
    .property .nav-collapse li {top: 45px}
    .nav-collapse li {top: 45px}
    .logo {margin: -64px 0 0 -75px}
    .about-us, .strategy, .case-study, .wwd, .contact,.home, .projects, .property.detail, .property.detail.sutherland, .property.detail.parkrd, .property.detail.gorden-hse, .property.detail.egbert, .property.detail.heath-st, .property.detail.gloucester-pl {background-position-y: 102px;}
    body.property.listing .site-footer {display: none}
    .property.detail .slide .content .panel {padding: 40px 40px 0px 40px}
    .property.detail .slide .content h4 {font-size: 25px; line-height: 0; margin: -7px 0 10px -19px; padding: 0}
    .desc {padding: 20px 10px 10px 40px!important}
    .property.detail .slide .content .panel ul.desc {font-size: 18px; margin: -7px 0 14px -18px}
    .property.detail .slide .content .panel ul.desc li {line-height: 22px; margin-left: -26px}

    .about-us h2, .strategy h2, .wwd h2, .contact h2 {font-weight: 700; font-size: 20px; line-height: 20px; margin-bottom: 2px}
    .about-us .accordionPro .slide > h2 { font-size: 18px;}
    .about-us .accordionPro .slide > div {overflow: scroll;}
    .about-us div.bio-desc p {padding-bottom: 30px;}
    .strategy .desc {padding: 10px 0 0 20px!important}
    .strategy .desc p {font-size: 16px;line-height: 18px; margin: 0 0 10px 0}
    .strategy .desc ul {font-size: 16px}
    .strategy .desc ul li {line-height: 16px; margin-bottom: 3px;}
    .strategy .desc p span {font-size: 16px; line-height: 17px; font-weight: bold; margin: 16px 0 0 0; display: block}
    .projects .site-footer { position: initial; }
    .prj-img {margin-top: 0;}
    .clock-wrapper img {top: 14px;}
  }

  /* Smaller than standard 960 (devices and browsers) */
  @media only screen and (max-width: 1199px) {
    .home .bx-wrapper .bx-prev { left: 0 !important; }
    .home .bx-wrapper .bx-next { right: -4px !important; }
    h1 {width: 860px; font-size: 38px}
  }


/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
    .nav-collapse a {font-size: 16px;}
    h1 {width: 733px; font-size: 27px; padding: 0 0 0 15px}
    .home .container .seven.columns {width: 292px}
    .columns.alpha.omega.prj-desc, .columns.alpha.omega.prj-img { width: 100%!important;float: left; }
    .columns.alpha.omega.prj-img img { width: 100% !important; }
  }


  /* iPad Landscape */
  @media only screen and (max-width: 768px) {
        .home .nav-collapse li {top: 48px}
        .nav-collapse li {width: 16.5%;}
        .container .ten.columns {width: 385px;}
        .home .container .five.columns {width: 456px; margin: 0 0 0 -65px}
        .home .accordionPro.scaleImages .slide > div img {max-width: 135%}

  }


	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
    .detail h1 { width: 100%;float: left;font-size: 32px; }
    li.slide2.std-housing { display: block; }
    .sixteen.columns.alpha.omega.paleblue { height: 225px!important; }
    .hide-for-small {display: none!important;}
    .show-for-small {display: block!important;}
    .nav-collapse a {font-size: 19px; color: #fff; filter: alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}
    .home .nav-collapse li {width: 100%; top: 43px; padding: 10px 0 0 0; text-align: center;}
    .nav-collapse li {width: 100%; top: 43px; padding: 10px 0 0 0; text-align: center;}
    .nav-collapse ul {padding: 20px 0 0 0!important;}
    .mob-logo {width: 100%;}
    .mob-logo img {margin: 0 auto; width: 45%; padding: 35px 0 0 0}
    /*.container {width: 420px;}*/
    .container .ten.columns {width: 100%}

    .home ul.bxsliderHome li, .projects ul.bxsliderHome li {width: 300px!important; margin-right: 60px!important}
    .home .bx-wrapper img, .projects .bx-wrapper img {max-width: 120%!important;}
    .home .bx-wrapper .bx-viewport, .projects .bx-wrapper .bx-viewport {height: 195px!important; width: 338px!important; margin: 0 0 0 25px}
    .home .bx-wrapper .bx-controls-direction a, .projects .bx-wrapper .bx-controls-direction a {height: 195px!important}
    .home .bx-wrapper .bx-prev, .projects .bx-wrapper .bx-prev {background: url(../images/bxh-controls.png) no-repeat 0 -3px!important}
    .home .bx-wrapper .bx-next, .projects .bx-wrapper .bx-next {background: url(../images/bxh-controls.png) no-repeat -30px -3px!important}
    .about-us a.active-au, .property a.active-prop, .projects a.active-proj, .strategy a.active-st, .what-we-do a.active-wwd, .contact a.active-con {padding: 0; border-bottom: none}
    .about-us h2, .strategy h2, .wwd h2, .contact h2 {font-size: 23px; line-height: 23px;}
    .strategy .desc p {font-size: 16px; line-height: 18px}
    .about-us, .property, .strategy, .case-study, .wwd, .contact, .home, .projects, .property.detail, .property.detail.sutherland, .property.detail.parkrd, .property.detail.gorden-hse, .property.detail.egbert, .property.detail.heath-st, .property.detail.gloucester-pl, .property.detail.st-james {background-image: none;}
		.contact .desc {padding: 20px 0px 10px 20px!important;}
    .contact .desc img {margin: 0 0 0 -20px; max-width: 105%;}
    .projects div.sixteen.columns.alpha.omega.bluegrey {height: 224px;}

    .wrapper { min-height: 100%; margin-bottom: 0;}
    .site-footer .copyright p { float: none;margin: 0 22px 0 0;padding: 0 0 10px 0;text-align: center; }
    .site-footer .dynmic-clock { width: 100%;float: left;text-align: center; }
    .site-footer .dynmic-clock p { margin-bottom: 2px; }
    .site-footer .dynmic-clock p span::before { background-size: 70%; }

	   section.main {padding-top: 20px;}

    .property.detail .slide .content {width: 100%!important; padding: 10px;}
    .property.detail .slide .content img {margin: 0 auto 20px;}

    .prj-desc {width: 100%!important;}
    .site-footer { position: initial; display: inline-table;}
    .site-footer .clock-wrapper { display: none; }

    .container .sixteen.columns, .site-footer .container .nine.columns, .contact .container .eight.columns, .what-we-do .container .eight.columns {width: 100%}
  }

  /* iPhone5 Landscape */
  @media only screen and (max-width: 568px) {
    .mob-details h1 {width: 97%; margin: 0 0 25px 0; padding: 10px 0 10px 10px; font-size: 22px; line-height: 25px;}
    .mob-details h2 {font-size: 20px; line-height: 20px; margin-bottom: 10px;}
    .mob-details img {margin-bottom: 10px;}
    .mob-details h4 {font-size: 16px; line-height: 26px; margin-bottom: -15px; font-weight: 800;}
    .mob-details ul.desc {padding: 12px 10px 10px 0px!important; margin: 4px 0 5px 2px; font-size: 100%;}    
  }

  /* iPhoneXR */
  @media only screen and (max-width: 414px) {
    .about-us .container .eight.columns.alpha.omega.desc {width: 375px;} 
    .about-us .accordionPro.basic .slide > h2 {font-size: 17px;}
    .about-us .bio-desc p {font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; font-size: 14px!important; line-height: 21px;}
    .desc {padding: 15px!important;}

    .projects div.sixteen.columns.alpha.omega.bluegrey {height: auto;}
    .home .bx-wrapper, .projects .bx-wrapper {height: 500px!important;}
    .projects .bx-wrapper .bx-viewport {overflow: scroll!important; position: initial!important; height: 460px!important; margin: 0; width: 100%!important;}
    .projects ul.bxsliderHome  {width: 100%!important;}
    .projects ul.bxsliderHome li {width: 180px!important; margin-right: 0!important;}
    .projects .bx-wrapper img {max-width: 90%!important;}
    .projects .bx-wrapper .bx-controls-direction a {display: none;}
    .projects.wwd h2 {margin-bottom: 10px}

  }


  /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 380px) {
    .about-us .main {margin: 0 0;}
    .about-us .container { width: 350px; }
    .about-us .container .eight.columns.alpha.omega.desc {width: 350px; padding: 20px!important;}
    .about-us .desc p span {font-size: 17px; line-height: 22px;}
    .about-us .desc p {font-size: 16px; line-height: 20px;}
    .about-us div.bio-desc {padding: 10px;}
    .about-us div.bio-desc p {line-height: 18px;}
    .about-us .accordionPro.basic .slide > h2 {font-size: 14px;}



    .home .bx-wrapper .bx-controls-direction a, .projects .bx-wrapper .bx-controls-direction a {height: 149px!important}
    .home .bx-wrapper img, .projects .bx-wrapper img {max-width: 80%!important}
    .home ul.bxsliderHome li, .projects ul.bxsliderHome li {width: 270px!important; margin-right: 10px!important}

    .home .bx-wrapper .bx-viewport, .projects .bx-wrapper .bx-viewport {max-height: 152px!important; margin: 0 0 0 25px;} 
    .projects div.sixteen.columns.alpha.omega.bluegrey {height: 180px}
    
}
@media only screen and (max-width: 340px) {
    .container {width: 295px;} 
}