/* space for variables and mixins */
/** @type {variables} Declaration block for SASS variables */
/** Includes a standard size background image, and a 2x version (with prefix 's2x') for retina capable devices @param  String $folder Path to image relative to CSS file eg ../images/ @param  String $file   Filename of non-retina image eg logo.png @param  String $width  CSS width of the display size (non retina image size) eg 100px @param  String $height CSS height of the display size (non retina image size) eg 100px @example  @include background-image-retina('../images/', 'wards-logo.png', 135px, 32px); */
@font-face { font-family: "Arquitecta"; src: url("../fonts/Arquitecta-webfont.eot?") format("eot"), url("../fonts/Arquitecta-webfont.woff2") format("woff2"), url("../fonts/Arquitecta-webfont.woff") format("woff"), url("../fonts/Arquitecta-webfont.ttf") format("truetype"), url("../fonts/Arquitecta-webfont.svg#Arquitecta,_sans-serif") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: "ArquitectaBold"; src: url("../fonts/ArquitectaBold-webfont.eot?") format("eot"), url("../fonts/ArquitectaBold-webfont.woff2") format("woff2"), url("../fonts/ArquitectaBold-webfont.woff") format("woff"), url("../fonts/ArquitectaBold-webfont.ttf") format("truetype"), url("../fonts/ArquitectaBold-webfont.svg#Arquitecta,_sans-serif") format("svg"); font-weight: 700; font-style: normal; }

@font-face { font-family: "ArquitectaMedium"; src: url("../fonts/ArquitectaMedium-webfont.eot?") format("eot"), url("../fonts/ArquitectaMedium-webfont.woff2") format("woff2"), url("../fonts/ArquitectaMedium-webfont.woff") format("woff"), url("../fonts/ArquitectaMedium-webfont.ttf") format("truetype"), url("../fonts/ArquitectaMedium-webfont.svg#Arquitecta,_sans-serif") format("svg"); font-weight: 300; font-style: normal; }

/*

*/
/* Typography - can be exported to an editor.css file for inclusion in the CMS */
body { font-size: 13px; font-family: "PT Sans", Arial, sans-serif; }

a { color: #f48741; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }

/*lord vader's former handle anakin */
a:link { color: #f48741; }

a:visited { color: #f16911; }

a:focus { color: #f16911; }

a:hover, a:active { color: #f7a571; }

h1, h2, h3, h4, h5, h6 { font-family: "Arquitecta", sans-serif; letter-spacing: 1px; }

p { line-height: 1.8; }

blockquote { border-left-color: #f48741; }

/* Header */
header { margin: 0; }

.main-image ul { list-style: none; padding: 0; margin: 2em 0 0; }

.main-image ul img { margin: 0 auto; }

a.bx-next, a.bx-prev { -webkit-transition: none; -o-transition: none; transition: none; }

em { text-transform: none; }

/* Nav */
.navbar-brand { background: url(../images/logo.png) 0 0 no-repeat; background-size: 100%; width: 174px; height: 60px; position: relative; top: 15px; left: 15px; }

.navbar-inverse { background: none !important; border: 0 !important; box-shadow: none !important; -webkit-box-shadow: none !important; }

.navbar-inverse .navbar-toggle { border: none; background-color: #f48741; }

.navbar-inverse .navbar-toggle:hover { background-color: #333; }

.navbar-inverse .navbar-toggle:focus { background-color: #f48741; }

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: transparent; }

.navbar-toggle { margin-right: 10px; }

.navbar-inverse .nav .active > a { background: 0 !important; color: #333 !important; box-shadow: none !important; -webkit-box-shadow: none !important; }

.navbar-inverse .nav > li > a { color: #333 !important; text-shadow: none !important; font-family: "PT Sans", sans-serif; font-size: 14px; letter-spacing: 1px; padding: 15px 10px; }

.navbar-inverse .nav > li > a:hover { color: #f48741 !important; }

.navbar { margin-bottom: 0; }

.navbar-nav { margin: 30px -15px 0; }

.navbar-nav li:first-child { display: none; /* hide Home */ }

/* Breadcrumbs */
/* Homepage styles */
.content { margin: 20px 0 60px; text-align: center; overflow: auto; }

.content h1 { margin: 0 1em 1em; font-size: 24px; text-transform: uppercase; font-weight: 400; }

.content h3 { margin: 1em; }

.content h3 a { color: white; background-color: #f48741; padding: 16px 24px; font-size: 16px; text-transform: uppercase; text-decoration: none; }

.content h3 a:hover { background-color: #f37829; }

.contact-row { padding: 30px 0 60px; background-color: #ffffff; text-align: center; color: #000; }

.contact-row h2 { margin: 1em 0 1.2em; font-size: 24px; }

.contact-row h3 { margin: 1.2em 0 0; font-size: 21px; }

.contact-row h3 a.dialer { text-decoration: none; cursor: default; color: #ffffff; font-weight: normal; padding: 0.8em 2.6em; background: #f48741; border-radius: 10px; display: inline-block; }

.contact-row h3 em { display: block; margin: 20px 30px; text-transform: uppercase; font-style: normal; color: #f48741; }

.featured .col-lg-12 { padding: 0; overflow: auto; }

.featured h2 { margin: 2.2em 0 1.2em; font-size: 24px; padding: 0.9em 0; text-transform: uppercase; text-align: center; background-color: rgba(255, 255, 255, 0.6); }

.properties-outer { /* Permalink - use to edit this gradient: /* http://colorzilla.com/gradient-editor/#d5dce4+0,a3c7dd+30,a3c7dd+45,a3c7dd+45,d3cfcc+76  */ background: #d5dce4; /* Old browsers */ /* FF3.6-15 */ background: -webkit-linear-gradient(top, #d5dce4 0%, #a3c7dd 30%, #a3c7dd 45%, #a3c7dd 45%, #d3cfcc 76%); /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, left bottom, from(#d5dce4), color-stop(30%, #a3c7dd), color-stop(45%, #a3c7dd), color-stop(45%, #a3c7dd), color-stop(76%, #d3cfcc)); background: -o-linear-gradient(top, #d5dce4 0%, #a3c7dd 30%, #a3c7dd 45%, #a3c7dd 45%, #d3cfcc 76%); background: linear-gradient(to bottom, #d5dce4 0%, #a3c7dd 30%, #a3c7dd 45%, #a3c7dd 45%, #d3cfcc 76%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5dce4', endColorstr='#d3cfcc',GradientType=0 ); /* IE6-9 */ }

.properties-outer .properties { padding-left: 0; }

.properties-outer ul li { height: auto; text-align: center; margin: 0 0 2em; list-style: none; }

.properties-outer ul li div { background-color: #ffffff; width: 270px; overflow: auto; margin: 0 auto; }

.properties-outer ul li h4 { color: #000; font-weight: 400; font-size: 24px; margin: 1em 0; text-transform: none; font-variant: small-caps; letter-spacing: 1px; }

.properties-outer ul li p { color: #000; margin: 1em 0; }

.properties-outer ul li p strong { color: #f48741; }

/* Page styles */
.container { text-transform: uppercase; }

.logos { margin: 2em auto; padding: 0; text-align: center; }

.logos h3 { font-size: 19px; }

.logos img { width: auto; margin: 3em auto; }

.design .back { background: url(../images/orange-angle-left.png) 0 8px no-repeat; padding-left: 13px; margin: 1em 0; font-weight: bold; }

.design .back a { color: #000; }

.design .main-img { padding: 0; }

.design .header-box { background: #282828; color: #ffffff; padding: 2em 4em; }

.design .header-box h1 { display: inline-block; font-size: 33px; line-height: .8; font-weight: 400; text-transform: none; font-variant: small-caps; padding: 0; padding-right: 1em; border-right: 2px solid #f48741; }

.design .header-box .price-suburb span { border-left: 1px solid #f48741; padding-left: 5px; margin-left: 4px; }

.design .header-box .description p { line-height: 2; }

.design h2 { padding: .8em; margin-bottom: 2em; color: #ffffff; background: #282828; font-weight: 400; font-size: 23px; text-transform: none; font-variant: small-caps; }

.design .description { padding: 3em 0 0; }

.design .description ul { -webkit-column-count: 1; column-count: 1; padding-left: 8px; }

.design .description ul li { display: inline-block; list-style: none; float: left; background: url(../images/orange-bullet.png) 0 5px no-repeat; padding: 0 12px 0 20px; margin: 0 1em 1.5em 0; }

.design .facades { text-align: center; }

.design .facades img { display: inline-block; margin: 0 10px 30px; }

.testimonials.row .t-item { margin: 1em 0 2em; }

.numbers { display: inline-block; margin: 0 10px; }

.numbers .property-icon { display: inline-block; }

.numbers .property-icon-line { float: left; margin: 0 10px; }

.numbers .property-icon-line .text { font-size: 16px; font-weight: bold; position: relative; top: -6px; }

.numbers .bedrooms { width: 32px; height: 30px; background: url(../images/icon-beds.png) 5px 8px no-repeat; }

.numbers .bathrooms { width: 32px; height: 30px; background: url(../images/icon-bathrooms.png) 5px 8px no-repeat; }

.numbers .carspaces { width: 32px; height: 30px; background: url(../images/icon-carspaces.png) 5px 8px no-repeat; }

.design-caption { color: #ffffff; background: #282828; padding: 1em 1em 1.5em; }

.design-caption h4 { font-weight: 400; margin: 0.5em 0 1em; text-transform: none; font-variant: small-caps; }

.form-horizontal .form-group { margin: 1em auto; width: 80%; text-align: left; }

/* Footer */
footer { width: 100%; background-color: #282828; padding: 2em 0; }

footer .social { list-style: none; float: left; padding: 0 0 0 10px; margin: 2em 0 0; }

footer .social li { margin: 0 8px; padding: 0; float: left; }

footer .social li a { display: inline-block; border: 2px solid #f48741; }

footer .social li a:hover { border-color: #f16911; }

footer .follow { margin: 2.5em 0 0; float: left; color: #ffffff; letter-spacing: 1px; }

footer .footer-nav { float: left; clear: both; margin: 3em 0 0; padding: 5px; list-style: none; }

footer .footer-nav li { margin: 1em; padding: 0; }

footer .footer-nav li a { display: inline-block; color: #ffffff; font-size: 13px; letter-spacing: 1px; }

footer .footer-nav li a:hover { color: #f48741; text-decoration: none; }

footer .footer-nav li:first-child { display: none; }

input[type='text'], input[type='email'], input[type='number'], select, textarea { width: 100%; padding: 3px 10px; border-radius: 3px; border: solid 1px #ccc; line-height: 30px; }

.userform label { display: block; text-align: left; }

.userform .field { margin-bottom: 20px; }

.userform .Actions { text-align: left; }

/* Breakpoint */
/* all screens larger than extra-small (480px) */
/* screens larger than small (768px) */
@media (min-width: 768px) { .navbar { margin: 20px 0 20px; }
  .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-top: 0; margin-left: 0; width: 174px; height: 60px; }
  .navbar-inverse { background-image: none; background-color: transparent; border: none; border-radius: 0; border-color: transparent; }
  .navbar-inverse .navbar-nav { float: right; }
  .navbar-inverse .active a:hover { color: #111; background-color: transparent; }
  .navbar-default { -webkit-box-shadow: none; box-shadow: none; }
  .navbar-inverse .navbar-nav > .active > a { color: #111; background-color: transparent; }
  .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .active > a { background-image: none; -webkit-box-shadow: none; box-shadow: none; }
  .navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a { text-shadow: none; color: #111; text-transform: uppercase; }
  .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { color: #f27733; background-color: transparent; }
  .content { margin: 60px 0 60px; }
  .content h3 { margin: 2em; }
  .logos { margin: 2em auto; }
  .logos img { width: 200px; }
  .design .description ul { -webkit-column-count: 2; column-count: 2; }
  .contact-row h3 em { display: inline; }
  .numbers .property-icon-line { margin: -5px 5px; }
  footer .footer-nav { float: right; }
  footer .footer-nav li { margin: 2em 8px; padding: 0; float: left; }
  footer .footer-nav li a { font-size: 14px; } }

/* screens larger than medium (992px) */
@media (min-width: 992px) { .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { bottom: 30px; }
  .numbers .property-icon-line { margin: -5px 10px; }
  .logos { margin: 2em auto; }
  .logos img { width: 270px; }
  .properties-outer { height: 500px !important; }
  .properties-outer ul { width: 970px; } }

/* Large devices (large desktops, 1200px and up) */
/*# sourceMappingURL=main.css.map */