@charset "UTF-8";
/*!
* IAM SOLD
* Modified© 2013 Komodo Digital work by Steven John Robson 
* http://www.komododigital.co.uk
*/
/*==============================================
@IMPORT MODULES
==============================================*/
/*
* IAM SOLD Mixins
* modules/_mixins.scss
*
* © 2013 Komodo Digital
* http://www.komododigital.co.uk
*/
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css);
/*==============================================
LINK CHEVRON
==============================================*/
/* 
* Uses chevron from FontAwesome icon font in /fonts.
*/
/*==============================================
GRADIENT
==============================================*/
/*
* IAM SOLD Variables
* modules/_variables.scss
*
* © 2013 Komodo Digital
* http://www.komododigital.co.uk
*/
/*==============================================
COLOURS
==============================================*/
/*
* IAM SOLD Helpers
* modules/_helpers.scss
*
* © 2013 Komodo Digital
* http://www.komododigital.co.uk
*/
/*==============================================
CLEARFIX
==============================================*/
.container, .medium-container, .small-container, .style, .grey-band, .grid, .grid-unit, section, .pdc, .service-feature, #account-settings-box ul, blockquote.sell-quote, .prop-list .prop-options, .top-inner, .brand-bar .brand-bar-inner, .menu ul, .mmc, .options ul, .mobile-menu-side li, .foot-menu ul, .breadcrumb ul, .pagination ul, .mobile-pagination ul, .input-container, .form-call-to, .refine, .refine-home, .bid-form, .modal-bid-form, .generic-form fieldset, .modal-form, .modal-form .modal-inner, .modal-form .highlight-band, .register-form, .register-form .modal-inner, .prop-block, .prop-block a, .prop-list, .prop-similar, .prop-desc, .bid-details, .bid-details-inner, .download-buttons, .watching, .prop-slider-container .bx-controls, .prop-slider-container .bx-controls-direction, .hp-slider-container ul, .hp-slider-container .bx-controls, .hp-slider-container .bx-pager, .tabs .ui-tabs-nav, .internal-tabs, .video-thumbs, .grey-bar, .page-list, .modal-container, #modal-wrapper .modal-band, .foot, .copyright, .social {
  zoom: 1;
}
.container:before, .medium-container:before, .small-container:before, .style:before, .grey-band:before, .grid:before, .grid-unit:before, section:before, .pdc:before, .service-feature:before, #account-settings-box ul:before, blockquote.sell-quote:before, .prop-list .prop-options:before, .top-inner:before, .brand-bar .brand-bar-inner:before, .menu ul:before, .mmc:before, .options ul:before, .mobile-menu-side li:before, .foot-menu ul:before, .breadcrumb ul:before, .pagination ul:before, .mobile-pagination ul:before, .input-container:before, .form-call-to:before, .refine:before, .refine-home:before, .bid-form:before, .modal-bid-form:before, .generic-form fieldset:before, .modal-form:before, .modal-form .modal-inner:before, .modal-form .highlight-band:before, .register-form:before, .register-form .modal-inner:before, .prop-block:before, .prop-block a:before, .prop-list:before, .prop-similar:before, .prop-desc:before, .bid-details:before, .bid-details-inner:before, .download-buttons:before, .watching:before, .prop-slider-container .bx-controls:before, .prop-slider-container .bx-controls-direction:before, .hp-slider-container ul:before, .hp-slider-container .bx-controls:before, .hp-slider-container .bx-pager:before, .tabs .ui-tabs-nav:before, .internal-tabs:before, .video-thumbs:before, .grey-bar:before, .page-list:before, .modal-container:before, #modal-wrapper .modal-band:before, .foot:before, .copyright:before, .social:before, .container:after, .medium-container:after, .small-container:after, .style:after, .grey-band:after, .grid:after, .grid-unit:after, section:after, .pdc:after, .service-feature:after, #account-settings-box ul:after, blockquote.sell-quote:after, .prop-list .prop-options:after, .top-inner:after, .brand-bar .brand-bar-inner:after, .menu ul:after, .mmc:after, .options ul:after, .mobile-menu-side li:after, .foot-menu ul:after, .breadcrumb ul:after, .pagination ul:after, .mobile-pagination ul:after, .input-container:after, .form-call-to:after, .refine:after, .refine-home:after, .bid-form:after, .modal-bid-form:after, .generic-form fieldset:after, .modal-form:after, .modal-form .modal-inner:after, .modal-form .highlight-band:after, .register-form:after, .register-form .modal-inner:after, .prop-block:after, .prop-block a:after, .prop-list:after, .prop-similar:after, .prop-desc:after, .bid-details:after, .bid-details-inner:after, .download-buttons:after, .watching:after, .prop-slider-container .bx-controls:after, .prop-slider-container .bx-controls-direction:after, .hp-slider-container ul:after, .hp-slider-container .bx-controls:after, .hp-slider-container .bx-pager:after, .tabs .ui-tabs-nav:after, .internal-tabs:after, .video-thumbs:after, .grey-bar:after, .page-list:after, .modal-container:after, #modal-wrapper .modal-band:after, .foot:after, .copyright:after, .social:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
.container:after, .medium-container:after, .small-container:after, .style:after, .grey-band:after, .grid:after, .grid-unit:after, section:after, .pdc:after, .service-feature:after, #account-settings-box ul:after, blockquote.sell-quote:after, .prop-list .prop-options:after, .top-inner:after, .brand-bar .brand-bar-inner:after, .menu ul:after, .mmc:after, .options ul:after, .mobile-menu-side li:after, .foot-menu ul:after, .breadcrumb ul:after, .pagination ul:after, .mobile-pagination ul:after, .input-container:after, .form-call-to:after, .refine:after, .refine-home:after, .bid-form:after, .modal-bid-form:after, .generic-form fieldset:after, .modal-form:after, .modal-form .modal-inner:after, .modal-form .highlight-band:after, .register-form:after, .register-form .modal-inner:after, .prop-block:after, .prop-block a:after, .prop-list:after, .prop-similar:after, .prop-desc:after, .bid-details:after, .bid-details-inner:after, .download-buttons:after, .watching:after, .prop-slider-container .bx-controls:after, .prop-slider-container .bx-controls-direction:after, .hp-slider-container ul:after, .hp-slider-container .bx-controls:after, .hp-slider-container .bx-pager:after, .tabs .ui-tabs-nav:after, .internal-tabs:after, .video-thumbs:after, .grey-bar:after, .page-list:after, .modal-container:after, #modal-wrapper .modal-band:after, .foot:after, .copyright:after, .social:after {
  clear: both;
}
/*==============================================
TRUNCATE
==============================================*/
#messagebox li a .subject, .prop-similar .location {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/*==============================================
CENTER BLOCK LEVEL ELEMENT
==============================================*/
/* parent element must have a set width */
/*==============================================
SEAM
==============================================*/
hr {
  clear: both;
  display: block;
  height: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
/*==============================================
BRAND COLOURS
==============================================*/
.brand-primary {
  color: #3a73b0;
}
.brand-secondary {
  color: #282d6e;
}
.brand-tertiary {
  color: #008e32;
}
/*==============================================
ALIGNMENT
==============================================*/
.align-left {
  float: left;
}
.text-align-right {
  text-align: right;
}
.center-text {
  text-align: center;
}
.f-left {
  float: left;
}
.f-right {
  float: right;
}
.no-margin {
  margin: 0 !important;
}
/*==============================================
COLUMNS
==============================================*/
.two-col {
  -webkit-column-count: 2;
  -webkit-column-gap: 20px;
  -moz-column-count: 2;
  -moz-column-gap: 20px;
  column-count: 2;
  column-count: 20px;
}
.three-col {
  -webkit-column-count: 3;
  -webkit-column-gap: 20px;
  -moz-column-count: 3;
  -moz-column-gap: 20px;
  column-count: 3;
  column-count: 20px;
}
/*==============================================
HIDE ELEMENTS
==============================================*/
.hide-desktop {
  display: none !important;
}
.show-desktop {
  display: block !important;
}
.nomargin {
  margin: 0 !important;
}
.form-message ul.nomargin {
  margin: 0 0 0 20px !important;
}
form-message ul.nomargin {
  margin: 0 0 0 20px !important;
}
/*==============================================
@IMPORT PARTIALS
==============================================*/
/*! normalize.css v2.1.2 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block;
}
/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio, canvas, video {
  display: inline-block;
}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Address styling not present in IE 8/9.
 */
[hidden] {
  display: none;
}
/* ==========================================================================
   Base
   ========================================================================== */
/**
 *  Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 300;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -webkit-backface-visibility: hidden;
}
/**
 * Remove default margin.
 */
body {
  margin: 0;
  background: #F7F7F7;
  color: #4D4D4D;
  font-weight: 300;
  overflow-x: hidden;
  font-size: 100%;
}
/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active, a:hover {
  outline: 0;
}
/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}
/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b, strong {
  font-weight: bold;
}
/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}
/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}
/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code, kbd, pre, samp {
  font-family: monospace, serif;
  font-size: 1em;
}
/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap;
}
/**
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}
/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0;
}
/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}
/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0;
}
/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
#hpField{ display: none;}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button, input, select, textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */
}
/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button, input {
  line-height: normal;
}
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button, select {
  text-transform: none;
}
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}
/**
 * Re-set default cursor for disabled elements.
 */
button[disabled], html input[disabled] {
  cursor: default;
}
/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */
input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}
/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}
/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/*
* IAM SOLD Structure
* partials/_structure.scss
*
* © 2013 Komodo Digital
* http://www.komododigital.co.uk
*/
.container {
  width: 940px;
  margin: 0 auto;
}
/*
* Used on the thinner pages.
*/
.medium-container {
  width: 780px;
  margin: 0 auto;
  position: relative;
}
.small-container {
  width: 620px;
  margin: 0 auto;
}
/*
* Used ONLY for the style-guide.php.
*/
.style {
  border-bottom: solid 1px #CCC;
  padding: 30px 0;
}
/*==============================================
COLOURED BANDS
==============================================*/
.black-band {
  background: #000;
  padding: 24px 0;
}
.primary-band {
  background: #3a73b0;
}
.grey-band {
  background: #E6E6E6;
  border-top: solid 1px #CCC;
  padding: 27px 0;
}
.white-band {
  background: #FFF;
}
/*
* Adds a band with a background of houses
*/
.property-band {
  padding: 45px 0;
  background: url(../assets/images/house-band.jpg) no-repeat top center;
}
.transparent-band {
  background: rgba(0, 0, 0, 0.6);
}
.highlight-band {
  background: #ecf1f7;
}
/*==============================================
COLUMNS
==============================================*/
/*
* Default page layout.
*/
.left-col {
  width: 620px;
  float: left;
  padding: 0 0 60px 0;
}
.right-col {
  width: 260px;
  float: right;
  padding: 0 0 60px 0;
}
/*
* Property page layout.
*/
.property-left {
  width: 540px;
  float: left;
  padding: 36px 0;
}
.property-right {
  width: 340px;
  float: right;
  padding: 36px 0;
}
.margin {
  margin: 0 0 0 260px;
  padding: 0 0 0 20px;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
/*==============================================
GRIDS
==============================================*/
/*
* Default styles.
*/
.grid {
  margin: 0 -10px;
}
.grid-unit {
  display: block;
  float: left;
  padding: 0 10px;
  width: 100%;
}
/*
* If properties are listed as blocks.
*/
.listing-grid .grid-unit {
  width: 240px;
}
/*
* Home page refine form.
*/
.define-grid {
  clear: both;
  margin: 0 -15px 24px -15px;
}
.define-grid .grid-unit {
  width: auto;
  padding: 0 15px;
}
/*==============================================
MEDIA ELEMENTS
==============================================*/
/* 
* Allows an image and text to be floated left and right of each other.
* Styles such as margins can be overridden by targeting the parent class.
*/
.media-left, .media-right {
  overflow: hidden;
}
/*
* Left floated element.
*/
.media .ml {
  float: left;
  margin: 0 27px 0 0;
}
.media .ml img {
  display: inline-block;
  max-width: 100%;
}
.media .mr {
  overflow: hidden;
  _overflow: visible;
  zoom: 1;
}
/*
* Right floated element.
*/
.media-right .ml {
  overflow: hidden;
  _overflow: visible;
  zoom: 1;
}
.media-right .mr {
  float: right;
  margin: 0 0 0 27px;
}
.media-right .mr img {
  display: inline-block;
  max-width: 100%;
}
/*.service-feature.media-right .mr, .service-feature.media-left .ml {
  @include breakpoint(smalltab) { width: 200px; }
  @include breakpoint(phoneland) { width: 150px; }
  @include breakpoint(phoneport) {display: none; }
}
.service-feature.media-right .ml, .service-feature.media-left .mr {
  @include breakpoint(phoneland) { overflow: visible; }
} */
.service-feature .ml {
  width: 120px;
}
.service-feature .ml img {
  max-width: 100%;
  display: block;
}
.glossary .ml, .auction-methods .ml {
  width: 120px;
  margin: 0 27px 0 0;
  text-align: center;
}
.buying .mr {
  margin: 0 0 21px 0;
}
.prop-video.media-left .mr {
  overflow: visible;
}
/*==============================================
HEADERS
==============================================*/
/*
* Property page header.
*/
.property-header {
  padding: 9px 0 24px 0;
}
/*
* Listing page header.
*/
.h-listing {
  padding: 24px 0;
}
/*==============================================
CONTAINERS
==============================================*/
/*
* Sections
*/
section {
  padding: 45px 0;
}
.border-section {
  border-top: solid 1px #FFF;
  border-bottom: solid 1px #CCC;
}
.side-section {
  padding: 18px 0;
  border-top: solid 1px #CCC;
}
.side-section :last-child {
  border-bottom: none;
  margin: 0;
}
/*
* Double buttons container.
* Used when two buttons are side by side on mobile screens.
*/
.double-btn {
  display: none;
}
/*
* Home search and valuation.
*/
.call-to {
  margin: 33px 0 45px 0;
  clear: both;
  background: url(../assets/images/request-val-bg.jpg) no-repeat 0 0;
  padding: 36px 80px 9px 80px;
  position: relative;
  z-index: 1;
}

.landauction {
  background: url(../assets/images/request-land-val-bg.jpg) no-repeat 0 0 !important;
}

/*
* Home about container. 
*/
.hp-about {
  padding: 45px 0;
}
.hp-about .ml {
  margin: 0 100px 0 0;
}
.hp-about a {
  display: inline-block;
  margin: 0 0 6px 0;
}
.homepagecountybox{
    width: 73%;
    height: 38px;
}
/*
* Property details container.
*/
.pdc {
  width: 960px;
  margin: 0 auto;
}
.service-feature {
  padding: 24px 0;
  border-top: solid 1px #FFF;
  border-bottom: solid 1px #CCC;
}
.page-intro {
  padding: 42px 0;
  border-bottom: solid 1px #CCC;
}
.testimonials, .nutshell {
  padding: 36px 0;
}
/*==============================================
MOBILE SLIDE OUT MENU
==============================================*/
#content {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  /* Chrome and Safari */
  -moz-backface-visibility: hidden;
  /* Firefox */
  -ms-backface-visibility: hidden;
  /* Internet Explorer 10+ */
}
.snap-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  z-index: 2;
  background: #F7F7F7;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -moz-box-shadow: 0 0 10px #000;
  -webkit-box-shadow: 0 0 10px #000;
  box-shadow: 0 0 10px #000;
  backface-visibility: hidden;
}
.snap-drawers {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  background: #232323;
}
.snap-drawer {
  position: absolute;
  top: 0;
  right: auto;
  bottom: 0;
  left: auto;
  width: 265px;
  height: auto;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: width 0.3s ease;
  -moz-transition: width 0.3s ease;
  -ms-transition: width 0.3s ease;
  -o-transition: width 0.3s ease;
  transition: width 0.3s ease;
}
.snap-drawer-left {
  left: 0;
  z-index: 1;
}
.snapjs-left .snap-drawer-right, .snapjs-right .snap-drawer-left {
  display: none;
}
.snapjs-expand-left .snap-drawer-left, .snapjs-expand-right .snap-drawer-right {
  width: 100%;
}
/**
 * Account Management Styles
 */
.account-management-messages {
  margin: 18px 0;
}
.account-management-messages strong {
  color: #3a73b0;
}
#account-settings-box ul {
  list-style: none;
}
#account-settings-box ul li {
  display: inline-block;
  float: left;
}
#account-settings-box ul li.email-detail {
  width: 70%;
}
#account-settings-box ul li.settings-button {
  width: 30%;
}
#messagebox {
  list-style: none;
  margin-left: 0;
}
#messagebox li {
  border-top: 1px solid #ccc;
  font-size: 0.75rem;
}
#messagebox li.unread {
  font-weight: bold;
}
#messagebox li.last-li {
  text-align: right;
}
#messagebox li.last-li:hover {
  background: #fff;
}
#messagebox li.last-li #btn-delete-messages {
  color: #770000;
  width: auto;
  font-size: 0.75rem;
}
#messagebox li.last-li #btn-delete-messages:hover {
  text-decoration: underline;
}
#messagebox li:hover {
  background: #EEE;
}
#messagebox li a {
  display: inline-block;
  padding: 8px;
  width: 95%;
}
#messagebox li a .subject {
  display: inline-block;
  width: 75%;
}
/*
* IAM SOLD Typography
* partials/_typography.scss
*
* © 2013 Komodo Digital
* http://www.komododigital.co.uk
*/
/*==============================================
HEADINGS + PARAGRAPH
==============================================*/
h1, h2, h3, h4, h5, h6 {
  margin: 0;
}
h1 {
  font-size: 1.875rem;
  margin: 0 0 21px 0;
  font-weight: 300;
}
h2 {
  font-size: 1.5rem;
  line-height: 2.4375rem;
  margin: 0 0 0 0;
}
h3 {
  font-size: 1rem;
  line-height: 1.6875rem;
  margin: 0 0 12px 0;
}
h4 {
  font-size: 1.125rem;
  line-height: 1.875rem;
  margin: 0 0 0 0;
}
h5 {
  font-size: 1rem;
  line-height: 1.6875rem;
  margin: 0 0 0 0;
}
h6 {
  font-size: 1.125rem;
  line-height: 1.5rem;
  margin: 0 0 10px 0;
  font-weight: normal;
  color: #949494;
}
p {
  line-height: 1.6875rem;
  margin: 0 0 24px 0;
  font-weight: 300;
}
/*
* Specific headings.
*/
.tagline, .mobile-tagline {
  display: block;
  float: left;
  color: #FFF;
  padding: 12px 0 0 0;
  margin: 0;
  font-weight: normal;
  font-size: 0.8125rem;
}
.mobile-tagline {
  padding: 15px 0;
  color: #E6E6E6;
  border-bottom: solid 1px #666;
  width: 100%;
  display: none;
}
.form-call-to h1 {
  font-size: 1.625rem;
  margin: 0 0 3px 0;
  font-weight: 300;
}
.modal-heading {
  color: #282d6e;
  font-weight: 300;
  margin: 0;
  font-size: 1.6875rem;
}
.refine h2 {
  margin: 0 0 15px 0;
  font-weight: 300;
  color: #282d6e;
  line-height: 1.875rem;
}
.login h2 {
  color: #FFF;
  text-shadow: none;
  display: block;
  float: left;
  margin: 0 30px 0 0;
  font-weight: normal;
  font-size: 1.5rem;
  line-height: 1.125rem;
}
.hp-about h2 {
  color: #3a73b0;
  text-shadow: 1px 1px 1px #FFF;
  margin: 0 0 12px 0;
  font-weight: normal;
  font-size: 1.5rem;
}
.property-header h1 {
  color: #282d6e;
  margin: 0;
}
.property-header h2 {
  font-size: 1.3125rem;
  margin: 0;
  font-weight: normal;
}
.h-listing h1 {
  font-size: 1.3125rem;
  font-weight: 300;
  color: #282d6e;
}
.side-section p {
  font-size: 0.875rem;
  line-height: 1.5rem;
}
.introduction h1 {
  font-size: 2.5rem;
  color: #FFF;
  font-weight: 300;
  text-shadow: 1px 1px #000;
}
.introduction h2 {
  font-size: 1.875rem;
  line-height: 1.875rem;
  color: #fff;
  text-shadow: 1px 1px #000;
  font-weight: normal;
}
.introduction p {
  font-size: 1.0625rem;
  line-height: 1.875rem;
  color: #FFF;
  width: 634px;
  margin: 0 auto 39px auto;
  text-shadow: 1px 1px #000;
}
.internal-title {
  font-size: 1.875rem;
  line-height: 2.25rem;
  padding: 33px 0;
  border-bottom: solid 1px #CCC;
  width: 100%;
  font-weight: 300;
}
.service-feature h3, .testimonials h3 {
  font-size: 1.625rem;
  line-height: 1.875rem;
  color: #282d6e;
  font-weight: 300;
  margin: 0 0 15px 0;
}
.nutshell h3 {
  font-size: 1.625rem;
  line-height: 1.875rem;
  font-weight: 300;
  margin: 0 0 15px 0;
  color: #FFF;
}
.manage-account-property-list h3 {
  margin-top: 18px;
}
.nutshell p {
  margin: 0;
}
.service-feature p {
  font-size: 0.875rem;
  line-height: 1.6875rem;
  color: #4D4D4D;
  margin: 0 0 21px 0;
}
.service-feature p:last-child {
  margin: 0;
}
.page-intro p {
  font-size: 0.875rem;
  line-height: 1.6875rem;
  color: #4D4D4D;
  margin: 0;
}
.page-intro a {
  font-size: 0.875rem;
  line-height: 1.6875rem;
  color: #3a73b0;
}
.page-intro a:hover {
  text-decoration: underline;
}
p.first {
  font-size: 1.25rem;
  line-height: 1.875rem;
  margin: 0 0 15px 0;
}
/*==============================================
LINKS
==============================================*/
a, a:hover {
  color: #3a73b0;
  text-decoration: none;
}
.rte a, .side-section a {
  color: #282d6e;
  padding: 0 0 2px 0;
  border-bottom: solid 1px #CCC;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.rte a:hover, .side-section a:hover {
  border-bottom: solid 1px transparent;
}
/*
* Define more details
*/
.define {
  display: block;
  float: left;
  padding: 15px 0 0 0;
  color: #008e32;
  font-size: 0.8125rem;
}
.define a {
  color: #008e32;
  padding: 0 0 1px 0;
  border-bottom: solid 1px #008e32;
}
/*
* Show me everything.
*/
.everything {
  display: inline-block;
  float: right;
  clear: right;
  width: 180px;
  text-align: center;
  color: #282d6e;
  padding: 0px 0 0 0;
  font-size: 0.8125rem;
}
.everything:before {
  content: attr(data-default);
}
/*
* Newsletter signup.
* MOVE TO BUTTONS
*/
.newsletter {
  display: block;
  float: left;
  color: #808080;
  font-size: 1.5rem;
}
.newsletter:after {
  width: 30px;
  height: 30px;
  border: solid 2px #3a73b0;
  font-family: "FontAwesome";
  content: "\f054";
  padding: 5px 7px;
  text-align: center;
  color: #3a73b0;
  margin: 0 0 0 5px;
  font-size: 0.8125rem;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
.full-feedback {
  display: block;
  float: left;
  color: #3a73b0 !important;
  border-bottom: none !important;
  padding: 21px 0 !important;
  font-size: 1.5rem;
}
.full-feedback:after {
  width: 30px;
  height: 30px;
  border: solid 2px #3a73b0;
  font-family: "FontAwesome";
  content: "\f054";
  padding: 5px 7px;
  text-align: center;
  color: #3a73b0;
  margin: 0 0 0 5px;
  font-size: 0.8125rem;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
/*
* Register & forgot password links.
*/
.login-register, .login-forgot {
  color: #CCC;
  font-weight: bold;
  padding: 15px 0 0 0;
  display: block;
  float: left;
  font-size: 0.8125rem;
}
.login-register:hover, .login-forgot:hover {
  text-decoration: underline;
}
.login-forgot {
  float: right;
  margin: 0 146px 0 0;
}
/*
* More testimonials.
*/
.more-test {
  text-align: center;
  margin: 0 0 39px 0;
  font-size: 1.125rem;
}
.more-test a {
  padding: 0 0 2px 0;
  border-bottom: solid 1px #CCC;
  color: #282d6e;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.more-test a:hover {
  border: none;
}
.more-test:after {
  width: 20px;
  height: 20px;
  color: #282d6e;
  font-family: "FontAwesome";
  content: "\f054";
  border: solid 1px #282d6e;
  text-align: center;
  padding: 3px 5px;
  margin: 0 0 0 10px;
  font-size: 0.625rem;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.reset {
  color: #C1272D;
  font-weight: bold;
}
/*==============================================
LISTS
==============================================*/
ul, ol {
  margin: 21px 0 21px 40px;
  padding: 0;
  line-height: 1.6875rem;
}
.related p {
  margin: 0 0 6px 0;
  font-size: 1.125rem;
}
.related ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.related ul a {
  font-size: 1.125rem;
  color: #3a73b0;
}
.related ul a:hover {
  text-decoration: underline;
}
.service-feature ul {
  margin: 0 0 0 20px;
  padding: 0;
}
.service-feature ul li {
  font-size: 0.875rem;
  line-height: 1.5625rem;
}
/*==============================================
MISC
==============================================*/
small {
  line-height: 1.125rem;
}
/*
* No obligation, no sale no fee.
*/
.sales-line {
  display: block;
  float: left;
  padding: 6px 0 0 0;
  font-size: 1.125rem;
}
.error {
  color: #770000;
}
/*==============================================
BLOCKQUOTES
==============================================*/
/*
* Home page blockquote.
*/
.primary-band blockquote {
  text-align: center;
  color: #FFF;
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.7);
  padding: 27px 0;
  position: relative;
  margin: 0 auto 33px auto;
  font-size: 1.5rem;
}
.primary-band blockquote:before {
  content: "\201C";
  top: 0;
  left: 0;
}
.primary-band blockquote:after {
  content: "\201C";
  bottom: 0;
  right: 0;
}
.primary-band blockquote:before, .primary-band blockquote:after {
  color: rgba(255, 255, 255, 0.8);
  font-size: 1.5rem;
  position: absolute;
}
.primary-band blockquote small {
  display: block;
  text-shadow: none;
  padding: 9px 0 0 0;
  opacity: 0.5;
  filter: alpha(opacity=50);
  font-size: 1rem;
}
.primary-band blockquote .arrow {
  position: absolute;
  bottom: -9px;
  left: 48%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 9px 12px 0 12px;
  border-color: #3a73b0 transparent transparent transparent;
}
/*
* Seller blockquote
*/
blockquote.sell-quote {
  color: #000;
  width: 47.5%;
  float: left;
  margin: 0;
  margin: 0 5% 0 0;
  line-height: 1.5rem;
  -webkit-font-smoothing: antialiased;
}
blockquote.sell-quote span {
  display: block;
  font-weight: bold;
  padding: 15px 0 0 0;
}
/* testimonal */
.test-block {
  padding: 12px;
  background: #f7f7f7;
  width: 100%;
  margin: 0;
  font-family: Georgia, Times, "Times New Roman", serif;
  font-style: italic;
}
.property-quote {
  background: #f7f7f7;
  padding: 21px;
  font-family: Georgia, Times, "Times New Roman", serif;
  font-style: italic;
  margin: 0 0 21px 0;
  font-size: 1.3125rem;
  line-height: 1.875rem;
}
.property-quote .client {
  font-weight: bold;
  font-style: normal;
  display: block;
  padding: 15px 0 0 0;
  font-size: 1rem;
}
/*==============================================
PROPERTY LISTINGS
==============================================*/
/* 
* Common property listing styles.
*/
.time-left {
  color: #770000;
}
/*
* Property block listing.
*/
.prop-block p {
  margin: 0;
}
.prop-block .price {
  color: #1A1A1A;
  margin: 12px 0 3px 0;
  font-size: 1.3125rem;
  line-height: 1.5rem;
}
.prop-block .location {
  color: #333;
  margin: 0 0 9px 0;
  font-size: 1rem;
  line-height: 1.125rem;
}
.prop-block .type {
  color: #999;
  margin: 0 0 6px 0;
  font-size: 0.75rem;
  line-height: 0.9375rem;
}
.prop-block .ends {
  color: #666;
  font-weight: bold;
  font-size: 0.6875rem;
  line-height: 0.8125rem;
}
.prop-block .timer {
  position: absolute;
  bottom: 93px;
  right: 0;
  font-weight: bold;
  color: #770000;
  font-size: 0.75rem;
  line-height: 0.875rem;
}
/*
* Property list.
*/
.prop-list p {
  margin: 0;
}
.prop-list .price {
  margin: 0;
  font-size: 1.5rem;
  line-height: 1.5rem;
}
.prop-list .price a {
  color: #4D4D4D;
}
.prop-list .price .time-left {
  display: none;
}
.prop-list .bid-type {
  color: #5D6466;
  font-weight: normal;
  padding: 0 0 0 12px;
  font-size: 0.75rem;
}
.prop-list .type {
  font-weight: bold;
  margin: 0 0 18px 0;
  font-size: 0.8125rem;
  line-height: 0.9375rem;
}
.prop-list .location {
  margin: 0 0 12px 0;
  font-size: 1.125rem;
  line-height: 1.5rem;
}
.prop-list .location a {
  color: #282d6e;
  text-shadow: 1px 1px 1px white;
  /*@include breakpoint(phoneland) { @extend %truncate;display: block; }*/
}
.prop-list .excerpt {
  margin: 0 0 18px 0;
  font-size: 0.75rem;
  line-height: 1.125rem;
}
.prop-list .excerpt-sold {
  margin: 0 0 18px 0;
  font-size: 0.75rem;
  line-height: 1.125rem;
}
.prop-list .ends {
  font-size: 0.75rem;
  line-height: 0.9375rem;
}
.prop-list .time-left {
  font-weight: bold;
  font-size: 0.875rem;
}
.prop-list .prop-options {
  margin: 0 0 18px 0;
  clear: both;
}
.prop-list .prop-options li {
  display: block;
  float: left;
  padding: 0 10px 0 0;
  margin: 0 10px 0 0;
  border-right: solid 1px #3a73b0;
  font-size: 0.8125rem;
  line-height: 0.9375rem;
}
.prop-list .prop-options li a {
  color: #282d6e;
}
.prop-list .prop-options li a:hover {
  text-decoration: underline;
}
.prop-list .prop-options li:last-child {
  margin: 0;
  padding: 0;
  border: none;
}
/*
* Similar Property.
*/
.prop-similar {
  border-bottom: solid 1px #333;
}
.prop-similar p {
  margin: 0;
}
.prop-similar .price {
  color: #666;
  margin: 0 0 6px 0;
  font-size: 1rem;
  line-height: 1.125rem;
}
.prop-similar .location {
  color: #000;
  margin: 0 0 6px 0;
  font-size: 0.8125rem;
  line-height: 0.9375rem;
}
.prop-similar .type {
  color: #666;
  margin: 0 0 3px 0;
  font-size: 0.75rem;
  line-height: 0.9375rem;
}
.prop-similar .time-left {
  font-weight: bold;
  font-size: 0.6875rem;
  line-height: 0.75rem;
}
.prop-similar .ends {
  font-size: 0.6875rem;
}
/*==============================================
BID DETAILS
==============================================*/
.bid-label {
  display: block;
}
.bid-value {
  font-weight: bold;
  font-size: 2.25rem;
}
.bid-timer {
  font-weight: bold;
  color: #770000;
  margin: 0 10px 0 0;
}
.bid-ends {
  font-size: 0.8125rem;
}
/*
* IAM SOLD Header
* partials/_header.scss
*
* © 2013 Komodo Digital
* http://www.komododigital.co.uk
*/
.mast {
  position: relative;
}
.mast a {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.top-bar {
  background: #333;
  border-bottom: solid 1px #000;
}
.top-inner {
  width: 940px;
  margin: 0 auto;
}
.brand-bar {
  background: #3a73b0;
  border-top: solid 1px rgba(255, 255, 255, 0.3);
  border-bottom: solid 1px #282d6e;
}
.brand-bar .brand-bar-inner {
  width: 940px;
  margin: 0 auto;
}
.logo {
  /* width: 150px; */
  float: left;
  margin: 15px 0 15px 0;
}
.logo img {
  max-width: 100%;
}
/*
* Property search and request valuation buttons container.
*/
.prop-val {
  width: 940px;
  margin: 0 auto;
  clear: both;
  display: none;
}
.secondary-logo {
  float: right;
  padding: 21px 0;
}
.secondary-logo .tel-number {
  display: block;
  font-size: 1.3125rem;
  color: #FFF;
}
.secondary-logo .sec-logo img {
  max-width: 100%;
  display: block;
  height: 60px;
}
/*
* IAM SOLD Navigation
* partials/_navigation.scss
*
* © 2013 Komodo Digital
* http://www.komododigital.co.uk
*/
/*==============================================
MAIN MENU
==============================================*/
.menu {
  background: #FFF;
  border-bottom: solid 5px #DDDDDD;
  clear: both;
}
.menu ul {
  width: 940px;
  margin: 0 auto;
  line-height: 0.9375rem;
}
.menu li {
  display: block;
  float: left;
}
.menu a {
  color: #000;
  display: block;
  padding: 20px 0;
  margin: 0 38px 0 0;
  font-size: 1rem;
}
.menu a:hover {
  color: #3a73b0;
}
.menu li.valuation {
  float: right;
}
.menu li.valuation a {
  color: #008e32;
  margin: 0;
  padding: 20px;
}
.menu li.valuation a:hover {
  color: #FFF;
  background: #008e32;
}
.menu li.mobile-menu {
  display: none;
  float: right;
}
.menu li.mobile-menu a {
  padding: 15px 20px;
  background: #F2F2F2;
  color: #666;
  margin: 5px 0 0 0;
}
.menu li.mobile-menu a:before {
  font-family: "FontAwesome";
  content: "\f0c9";
  margin: 0 10px 0 0;
}
/*==============================================
MOBILE OPTIONS
==============================================*/
/*
* The more options dropdown.
*/
.mmc {
  display: none;
  background: #f2f2f2;
  position: absolute;
  top: 214px;
  left: 0;
  width: 100%;
  padding: 24px 0;
  border-bottom: solid 5px #DDD;
  z-index: 1000;
}
.mmc ul {
  list-style: none;
  float: right;
}
.mmc li {
  font-size: 0.875rem;
  line-height: 1.875rem;
}
.mmc li:first-child {
  color: #008e32;
  font-weight: bold;
}
.mmc a {
  color: #333;
}
/*==============================================
TOP BAR
==============================================*/
/* Top right options */
.options {
  float: right;
}
.options ul {
  margin: 0;
  line-height: 0.6875rem;
}
.options ul li {
  display: block;
  float: left;
  border-left: solid 1px #909090;
  border-right: solid 1px #000;
}
.options ul li:last-child {
  border-right: none;
}
.options ul li a {
  font-weight: bold;
  display: block;
  padding: 15px 15px;
  color: #FFF;
  font-size: 0.8125rem;
}
.options ul li a:hover {
  background: #000;
}
.options ul li a.active {
  background: #000;
}
.account-mobile, .signin-mobile, .contact-mobile {
  display: none !important;
}
.account-mobile:before, .signin-mobile:before, .contact-mobile:before {
  font-family: "FontAwesome";
}
.account-mobile:before {
  content: "\f007";
}
.signin-mobile:before {
  content: "\f095";
}
.contact-mobile:before {
  content: "\f0e0";
}
/*==============================================
MOBILE SIDE MENU
==============================================*/
.mobile-menu-side {
  list-style: none;
  margin: 0;
  padding: 0;
}
.mobile-menu-side li {
  padding: 3px 6px;
  color: #b3b3b3;
  border-top: solid 1px #454545;
  border-bottom: solid 1px #000;
  position: relative;
}
.mobile-menu-side a {
  padding: 9px 12px 9px 15px;
  color: #b3b3b3;
  display: block;
  font-size: 0.75rem;
}
.mobile-menu-side .menu-section {
  background-color: #181818;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#010101), to(#181818));
  background-image: -webkit-linear-gradient(top, #010101, #181818);
  background-image: -moz-linear-gradient(top, #010101, #181818);
  background-image: -ms-linear-gradient(top, #010101, #181818);
  background-image: -o-linear-gradient(top, #010101, #181818);
  font-size: 0.6875rem;
  text-transform: uppercase;
}
.mobile-menu-side .alert-number {
  float: right;
  padding: 0 0 0 18px;
  border-left: solid 1px #3a3a3a;
}
.mobile-menu-side .alert-marker {
  position: absolute;
  left: 7px;
  top: 21px;
  width: 8px;
  height: 8px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #be2831;
}
/*==============================================
FOOTER MENU
==============================================*/
.foot-menu {
  width: 460px;
  float: left;
  margin: 0 0 18px 0;
}
.foot-menu ul {
  list-style: none;
  margin: 0;
  line-height: 15px;
}
.foot-menu li {
  display: block;
  float: left;
  width: 33.3%;
}
.foot-menu a {
  color: #FFF;
  padding: 0 0 18px 20px;
  border-right: solid 1px #4f4f4f;
  display: block;
  font-size: 0.75rem;
}
.foot-menu a:hover {
  text-decoration: underline;
}
.foot-menu :nth-child(3n+3) a {
  border: none;
}
.foot-menu li:first-child a, .foot-menu li:nth-child(4) a, .foot-menu li:nth-child(7) a {
  padding: 0 0 18px 0;
}
/*==============================================
BREADCRUMB
==============================================*/
.breadcrumb {
  padding: 12px 0 0 0;
}
.breadcrumb ul {
  list-style: none;
  margin: 0;
}
.breadcrumb ul li {
  display: block;
  float: left;
  font-size: 0.75rem;
}
.breadcrumb ul li a {
  color: #4D4D4D;
}
.breadcrumb ul li:after {
  content: "\00BB";
  margin: 0 9px;
}
.breadcrumb ul li:first-child:after {
  content: "";
  margin: 0 9px 0 0;
}
.breadcrumb ul li:last-child:after {
  content: "";
  margin: 0;
}
.breadcrumb ul li:last-child {
  color: #3a73b0;
}
.breadcrumb ul li:nth-child(2) a:before {
  content: attr(data-desktop);
}
/*==============================================
PAGINATION
==============================================*/
.pagination {
  float: right;
}
.pagination ul {
  margin: 0;
  padding: 0;
}
.pagination li {
  display: block;
  float: left;
  margin: 0 0 0 5px;
}
.pagination a {
  display: block;
  padding: 3px 5px;
  background: #FFF;
  border: solid 1px #FFF;
  color: #999;
  font-size: 0.9375rem;
  font-weight: bold;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.pagination a.active, .pagination a:hover {
  background: #3a73b0;
  color: #FFF;
  opacity: 0.3;
  filter: alpha(opacity=30);
  border: solid 1px #000;
}
/*
* Mobile pagination
*/
.mobile-pagination {
  background: #333;
  display: none;
}
.mobile-pagination ul {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
}
.mobile-pagination li {
  float: left;
}
.mobile-pagination li:last-child {
  float: right;
}
.mobile-pagination li.pageno {
  margin: 0 auto;
  color: #999;
  padding: 5px 0 0 0;
  position: absolute;
  left: 45%;
}
.mobile-pagination a {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  text-align: center;
  padding: 7px 0 0 0;
}
.mobile-pagination a:hover {
  background: #3a73b0;
}
.mobile-pagination a:before {
  font-family: "FontAwesome";
  color: #FFF;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.mobile-pagination .next, .mobile-pagination .prev {
  height: 41px;
  width: 41px;
  display: block;
  background: #4d4d4d;
}
.mobile-pagination .next:before {
  content: "\f054";
}
.mobile-pagination .prev:before {
  content: "\f053";
}
/*
* IAM SOLD Forms
* partials/_forms.scss
*
* © 2013 Komodo Digital
* http://www.komododigital.co.uk
*/
/*==============================================
DEFAULT FORM STYLES
==============================================*/
input[type="text"], input[type="email"], input[type="password"], input[type="tel"], textarea {
  width: 100%;
  border: solid 1px #d4d4d5;
  color: #A5A5A5;
  -webkit-appearance: none;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="tel"]:focus, textarea:focus {
  color: #4D4D4D;
}
input[type="text"], input[type="email"], input[type="password"], input[type="tel"] {
  height: 36px;
  padding: 0 10px;
  margin: 0 0 12px 0;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="tel"]:focus, textarea:focus {
  outline: none;
  -moz-box-shadow: 0 0 5px #c3d9e7;
  -webkit-box-shadow: 0 0 5px #c3d9e7;
  box-shadow: 0 0 5px #c3d9e7;
}
textarea {
  height: 150px;
  padding: 12px 10px;
  margin: 0 0 12px 0;
}
select {
  margin: 0 0 12px 0;
}
input[type="checkbox"] {
  margin: 0 6px 12px 0;
}
label {
  display: block;
  padding: 0 0 6px 0;
  font-weight: bold;
}
label .optional {
  font-weight: normal;
}
/*
* Add the .btn class styling in partials/_buttons.scss to the input and button elements.
*/
.optional {
  color: #CCC;
}
/*==============================================
FORM VALIDATION
==============================================*/
/*
* Input validation.
* If you are adding input validation to a form you will need to wrap the input in the .input-container class.
*/
.input-container {
  position: relative;
  padding: 10px 50px 10px 10px;
  margin: 0 0 6px 0;
}
.input-container input, .input-container select, .input-container textarea {
  margin: 0 !important;
}
.input-container input[type="radio"] {
  margin: 0 5px 0 0 !important;
  font-size: 0.875rem;
}
label.error.valid {
  color: #009247;
}
label.error.valid:before {
  font-family: "FontAwesome";
  content: "\f00c";
  margin: 0 5px 0 0;
  font-size: 1.125rem;
}
label.error {
  font-size: 0.6875rem;
  color: #6d1f2c;
  position: absolute;
  right: 10px;
  top: 12px;
}
label.error:before {
  font-family: "FontAwesome";
  content: "\f00d";
  margin: 0 5px 0 0;
  font-size: 1.125rem;
}
input.error {
  border: solid 1px #6d1f2c;
  /* Add red border to input's that are not valid */
}
.form-message {
  padding: 21px;
  margin: 0 0 21px 0;
}
.form-message ul {
  list-style: disc;
  margin: 10px 0 0 20px;
}
.form-message li {
  color: #4D4D4D;
}
.message-warning {
  color: #C1272D;
  background: #fdf4f5;
  border: solid 2px #C1272D;
}
.message-success {
  color: #138d37;
  background: #F3FFF6;
  border: solid 2px #138d37;
}
.message-info {
  color: #138d37;
  background: #F3FFF6;
  border: solid 2px #138d37;
}
/*==============================================
SEARCH AND VALUATION FORMS
==============================================*/
/*
* The main form container.
*/
.form-call-to {
  background: rgba(255, 255, 255, 0.9);
  padding: 21px 40px;
  margin: 0 0 30px 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.form-call-to input[type="text"] {
  margin: 0 20px 0 0;
}
.form-call-to button[type="submit"] {
  float: right;
  width: 180px;
}
.btn-location {
  float: left;
  width: 36px;
  height: 36px;
  border: none;
  background-color: #c1d2e1;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d1e6f0), to(#c1d2e1));
  background-image: -webkit-linear-gradient(top, #d1e6f0, #c1d2e1);
  background-image: -moz-linear-gradient(top, #d1e6f0, #c1d2e1);
  background-image: -ms-linear-gradient(top, #d1e6f0, #c1d2e1);
  background-image: -o-linear-gradient(top, #d1e6f0, #c1d2e1);
}
.btn-location:before {
  font-family: "FontAwesome";
  content: "\f124";
  color: #888888;
  text-shadow: 1px 1px 1px rgba(225, 255, 255, 0.7);
}
.btn-mobile-location {
  color: #3a73b0;
  font-size: 0.75rem;
  display: block;
  float: left;
  padding: 6px 0 0 0;
}
.btn-mobile-location:before {
  font-family: "FontAwesome";
  content: "\f124";
  color: #888888;
  text-shadow: 1px 1px 1px rgba(225, 255, 255, 0.7);
  font-size: 1.125rem;
  margin: 0 10px 0 0;
}
.btn-search:before {
  content: attr(data-default);
}
.btn-val:before {
  content: attr(data-default);
}
.home-search input[type="text"] {
  width: 460px;
  float: left;
}
.home-search input[type="text"]:focus {
  color: #4D4D4D;
}
.form-valuation input[type="text"] {
  width: 220px;
  float: left;
}
.form-valuation input[type="text"]:focus {
  color: #4D4D4D;
  text-transform: uppercase;
}
/*
* Set containers background to solid colour on input :focus.
*/
.solid-bg {
  background: white;
}
/*
* The valuation form on internal pages.
*/
.property-band .form-call-to.form-valuation button[type="submit"] {
  width: 180px;
}
.property-band .form-call-to.form-valuation input[type="text"] {
  width: 220px;
}
.less-padding {
  padding: 27px;
}
/*==============================================
REFINE FORMS
==============================================*/
/*
* Refine the search on the listings page.
*/
.refine {
  background: #eaf2f8;
  padding: 18px;
  width: 260px;
  margin: 30px 0 21px 0;
}
.refine .btn-location {
  height: 27px;
  width: 27px;
  padding: 0;
  font-size: 0.75rem;
}
.refine label {
  float: left;
  clear: both;
  width: 64px;
  text-shadow: 1px 1px 1px white;
  font-size: 0.8125rem;
}
.refine label.checkbox, .refine label.first-label {
  width: auto;
  float: none;
}
.refine label.checkbox {
  font-weight: normal;
  padding: 0;
}
.refine input[type="text"] {
  width: 197px;
  height: 27px;
  float: left;
  margin: 0 0 24px 0;
  font-size: 0.75rem;
}
.refine select {
  float: left;
  width: 160px;
}
.refine .small-select {
  width: 68px;
}
.refine span {
  float: left;
  padding: 0 6px;
  font-size: 0.75rem;
}
.refine .reset {
  float: right;
  padding: 12px 0 0 0;
  font-size: 0.75rem;
}
.refine .checkbox {
  float: left;
}
/*
* Refine the search on the home page.
*/
.refine-home {
  background: #FFF;
  padding: 21px 40px;
  position: absolute;
  top: 36px;
  left: 80px;
  width: 780px;
  height: 289px;
  display: none;
}
.refine-home input[type="text"] {
  width: 460px;
  float: left;
  margin: 0 0 36px 0;
}
.refine-home label {
  float: left;
  display: block;
  width: 55px;
  clear: both;
  font-size: 0.8125rem;
}
.refine-home label.checkbox {
  font-weight: normal;
  width: auto;
  float: left;
  clear: none;
}
.refine-home label.check {
  padding: 0 0 40px 0;
}
.refine-home input[type="checkbox"] {
  float: left;
}
.refine-home button[type="submit"] {
  float: left;
  margin: 0 40px 0 0;
}
.refine-home select {
  float: left;
}
.refine-home select.small {
  width: 70px;
}
.refine-home select.medium {
  width: 160px;
}
.refine-home span {
  display: block;
  float: left;
  padding: 3px 10px 0 10px;
  font-size: 0.6875rem;
  font-weight: bold;
}
.refine-home .reset {
  display: block;
  float: left;
  font-size: 0.75rem;
  padding: 12px 0 0 0;
}
/*
* Refine search mobile
*/
.refine-mobile fieldset {
  border: none;
  border-top: solid 1px #FFF;
  border-bottom: solid 1px #CCC;
  padding: 0;
}
.refine-mobile fieldset.mainset {
  background: #e7f2f6;
}
.refine-mobile select {
  width: 100%;
  -webkit-appearance: none;
  padding: 10px;
  border: solid 1px #d4d4d5;
  text-align: center;
  font-size: 0.875rem;
  background: url(../assets/images/chevron-small.svg) no-repeat 97% center white;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  margin: 0 0 21px 0;
  outline: none;
}
.refine-mobile select.top-radius {
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.refine-mobile select.bottom-radius {
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.refine-mobile select.joined {
  margin: 0;
  border-bottom: none;
}
.refine-mobile label {
  font-size: 0.8125rem;
}
.refine-mobile .addrefine {
  padding: 10px;
  background: #e7f2f6;
  color: #3a73b0;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.6875rem;
  margin: 0 0 18px 0;
  position: relative;
}
.refine-mobile .addrefine .container {
  padding: 0;
}
.refine-mobile .addrefine .arrow {
  position: absolute;
  bottom: -15px;
  left: 45%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 20px 0 20px;
  border-color: #e7f2f6 transparent transparent transparent;
}
.refine-mobile .container {
  padding: 21px 0;
}
.refine-mobile input[type="checkbox"] {
  margin: 0 8px 6px 0;
}
.refine-mobile .full-width {
  margin: 21px 0 0 0;
}
/*==============================================
LOGIN
==============================================*/
/*
* Login dropdown.
*/
.login {
  display: none;
  position: absolute;
  background: #000;
  top: 42px;
  height: 122px;
  width: 100%;
  padding: 30px 0 0 0;
}
.login input[type="email"], .login input[type="password"] {
  float: left;
  width: 240px;
  height: 33px;
  border: none;
  margin: 0 20px 0 0;
}
.login label {
  display: block;
  float: left;
  background: #FFF;
  font-weight: bold;
  padding: 10px;
  text-transform: uppercase;
  margin: 0 1px 0 0;
  font-size: 0.6875rem;
}
.login button[type="submit"] {
  width: 120px;
}
.login button[type="submit"]:before {
  content: attr(data-default);
}
/*==============================================
PROPERTY BID FORM
==============================================*/
.bid-form {
  background: #e8f2f9;
  padding: 18px;
  clear: both;
}
.bid-form button[type="submit"] {
  width: 120px;
  padding: 9px 12px;
  float: right;
}
.bid-form button[type="submit"]:before {
  content: attr(data-default);
}
.bid-form input[type="text"] {
  width: 200px;
  margin: 0;
}
.bid-form a {
  font-size: 0.75rem;
  display: inline-block;
  clear: both;
  margin: 6px 0 0 0;
  color: #3a73b0;
}
.bid-form a:hover {
  text-decoration: underline;
}
/*==============================================
MODAL WINDOW FORMS
==============================================*/
/*
* Modal login. 
*/
.modal-login {
  width: 320px;
  float: left;
  margin: 0 40px 0 0;
}
.modal-login input[type="text"], .modal-login input[type="password"] {
  margin: 0 0 10px 0;
}
.modal-login button[type="submit"] {
  margin: 0 0 18px 0;
}
/*
* Modal bid. 
*/
.modal-bid-form {
  margin: 0 0 9px 0;
}
.modal-bid-form label {
  font-size: 0.8125rem;
  font-weight: bold;
  color: #000;
  display: block;
}
.modal-bid-form input[type="text"] {
  width: 220px;
  float: left;
  margin: 0 20px 0 0;
}
.modal-bid-form button[type="submit"] {
  float: left;
}
/*==============================================
REQUEST DETAILS
==============================================*/
.request-details {
  width: 400px;
}
/*==============================================
GENERIC FORM
==============================================*/
.generic-form {
  width: 620px;
  margin: 0 auto;
  padding: 30px 0 0 0;
}
.generic-form fieldset {
  border: none;
  border-top: solid 5px #eaf2f8;
  padding: 21px 0;
}
.generic-form label {
  width: 40%;
  display: block;
  text-align: right;
  font-weight: normal;
  float: left;
  clear: right;
  padding: 6px 0 0 0;
}
.generic-form input[type="text"], .generic-form input[type="email"], .generic-form select, .generic-form textarea {
  width: 55%;
  float: right;
  margin: 0 0 21px 0;
}
.generic-form button[type="submit"] {
  float: right;
}
/*==============================================
BID/WATCH MOBILE
==============================================*/
.process-mobile {
  background: #FFF;
  padding: 30px 0 0 0;
}
.process-mobile .highlight-band {
  padding: 21px 0;
}
.process-mobile .highlight-band p {
  margin: 0;
  color: #4D4D4D;
}
.process-mobile .highlight-band .action {
  padding: 15px 0 0 0;
}
.process-mobile a {
  color: #0071BC;
}
.process-mobile a.action {
  display: block;
  font-weight: bold;
  font-size: 0.875rem;
  padding: 15px 0;
}
.process-mobile header {
  padding: 0 0 21px 0;
  border-bottom: solid 1px #CCC;
  margin: 0 0 21px 0;
}
.process-mobile header h1 {
  color: #282d6e;
  margin: 0 0 6px 0;
  font-size: 1.5rem;
  line-height: 1.75rem;
}
.process-mobile header p {
  margin: 0;
}
.process-mobile p {
  font-size: 0.875rem;
  line-height: 1.3125rem;
  color: #666;
  margin: 0 0 21px 0;
}
.process-mobile .bid {
  font-size: 1.125rem;
  line-height: 1.3125rem;
}
.process-mobile .instruction {
  color: #000;
}
.process-mobile .success {
  color: #006837;
}
.process-mobile .error {
  color: #C1272D;
}
.process-mobile small {
  font-size: 0.75rem;
  color: #808080;
}
.process-mobile .terms {
  border: solid 1px #CCC;
  background: #F2F2F2;
  height: 140px;
  overflow: scroll;
  margin: 0 0 27px 0;
  padding: 18px;
}
.process-mobile .terms p {
  font-size: 0.75rem;
}
.process-mobile label.checkbox {
  display: block;
  padding: 0 0 0 15px;
  text-indent: -15px;
  font-size: 0.8125rem;
  line-height: 1.125rem;
  margin: 0 0 15px 0;
}
.process-mobile input[type="checkbox"] {
  vertical-align: bottom;
  position: relative;
  top: 9px;
  *overflow: hidden;
}
.process-mobile button[type="submit"] {
  width: 100%;
}
/*==============================================
MODAL FORM
==============================================*/
.modal-form select {
  width: 100%;
}
.modal-form label {
  font-size: 0.875rem;
}
.modal-form label.error {
  top: 39px;
}
.modal-form label.checkbox {
  display: block;
  padding: 0 0 0 15px;
  text-indent: -15px;
  font-size: 0.8125rem;
  line-height: 1.125rem;
  font-weight: normal;
}
.modal-form input[type="checkbox"] {
  vertical-align: bottom;
  position: relative;
  top: -5px;
  *overflow: hidden;
}
.modal-form button[type="submit"] {
  width: 100%;
}
.modal-form .highlight-band {
  padding: 27px 0;
  clear: both;
}
/*==============================================
REGISTER FORM
==============================================*/
.register-form .modal-inner {
  width: 490px;
  float: left;
}
.register-form button[type="submit"] {
  float: left;
}
.register-form .member {
  display: block;
  float: left;
  width: 100px;
  font-size: 0.75rem;
}
/*
* IAM SOLD Buttons
* partials/_buttons.scss
*
* © 2013 Komodo Digital
* http://www.komododigital.co.uk
*/
/*==============================================
ACTION BUTTONS
==============================================*/
/* Default action button */
.btn, input[type="submit"], button, .form-call-to button[type="submit"], .login button[type="submit"] {
  border: solid 1px #282d6e;
  background: #3a73b0;
  color: #FFF;
  text-align: center;
  padding: 9px 15px;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 0.875rem;
  -webkit-box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.8);
  -moz-box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.8);
  box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.8);
}
.btn-rounded, button.btn-rounded, .form-call-to button[type="submit"].btn-rounded {
  border: 0;
 /* background-image: url("/assets/newbuttons.png")!important;*/
  background-position: top left;
  background-repeat: no-repeat;
  box-shadow: none;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 0.8rem;
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  -webkit-border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  border-radius: 0px;
  border: solid 1px #282d6e;
  -webkit-box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.8);
  -moz-box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.8);
  box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.8);
}
/*
* Used on the call to action buttons on the internal pages.
*/
.small-btn {
  padding: 6px 15px;
}
/*
* Add a button with the secondary brand colour. 
*/
.btn-sec {
  background-color: #282d6e !important;
}
/*
* Add a button with the teritary brand colour.
*/
.btn-ter {
  background-color: #008e32 !important;
}
.btn-white {
  background: white !important;
  color: #3a73b0;
}
.nutshell .btn-white, .nutshell .btn, .nutshell input[type="submit"], .nutshell button, .nutshell .form-call-to button[type="submit"], .form-call-to .nutshell button[type="submit"], .nutshell .login button[type="submit"], .login .nutshell button[type="submit"] {
  background: white !important;
}
/*
* The buttons at the top of mobile pages
*/
.double-btn .btn, .double-btn input[type="submit"], .double-btn button, .double-btn .form-call-to button[type="submit"], .form-call-to .double-btn button[type="submit"], .double-btn .login button[type="submit"], .login .double-btn button[type="submit"] {
  width: 50%;
  display: block;
  float: left;
  padding: 12px 0;
}
.btn-refine {
  background: #3a73b0;
}
.btn-order {
  background: #666;
}
/*
* Back to top.
*/
.btn-top {
  color: #FFF;
  background: #333333;
  display: inline-block;
  padding: 12px 15px;
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 0.75rem;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.btn-top:after {
  font-family: "FontAwesome";
  content: "\f077";
  padding: 0 0 0 15px;
  border-left: solid 1px #000;
  margin: 0 0 0 21px;
  font-size: 1.1875rem;
}
.btn-top:hover {
  background: #3a73b0;
}
/*
* WTF?
*/
.btn-view {
  display: block;
  clear: both;
  text-align: center;
  text-transform: uppercase;
  color: #FFF;
  padding: 9px 0;
  background: #3a73b0;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  font-size: 0.75rem;
}
/*
* Send to a friend.
*/
.btn-send {
  display: block;
  padding: 18px;
  background: #f3f9f5;
  border: solid 1px #c4e2cd;
  color: #008e32;
  margin: 0 0 30px 0;
  font-size: 1.5rem;
}
.btn-send:after {
  width: 30px;
  height: 30px;
  border: solid 1px #008e32;
  font-family: "FontAwesome";
  content: "\f054";
  float: right;
  padding: 8px 0 0 0;
  text-align: center;
  font-size: 0.8125rem;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
/*
* Download documents
*/
.btn-download {
  border: solid 1px #c6c6c6;
  padding: 12px 0 12px 39px;
  display: block;
  font-weight: bold;
  color: #4D4D4D;
  position: relative;
  text-shadow: 1px 1px 1px white;
  -moz-box-shadow: 0 0 2px #FFF;
  -webkit-box-shadow: 0 0 2px #FFF;
  box-shadow: 0 0 2px #FFF;
  background-color: #f0f0f0;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(#f0f0f0));
  background-image: -webkit-linear-gradient(top, white, #f0f0f0);
  background-image: -moz-linear-gradient(top, white, #f0f0f0);
  background-image: -ms-linear-gradient(top, white, #f0f0f0);
  background-image: -o-linear-gradient(top, white, #f0f0f0);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 0.875rem;
  line-height: 1rem;
}
.btn-download:before {
  position: absolute;
  width: 21px;
  height: 21px;
  top: 9px;
  left: 9px;
  content: url(../assets/images/pdf.png);
}
.btn-download:after {
  width: 18px;
  height: 18px;
  border: solid 1px #4D4D4D;
  font-family: "FontAwesome";
  content: "\f054";
  float: right;
  padding: 1px 0 0 1px;
  text-align: center;
  margin: 0 12px 0 0;
  font-size: 0.5rem;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
}
.btn-download:hover {
  background-color: white;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f0f0f0), to(white));
  background-image: -webkit-linear-gradient(top, #f0f0f0, white);
  background-image: -moz-linear-gradient(top, #f0f0f0, white);
  background-image: -ms-linear-gradient(top, #f0f0f0, white);
  background-image: -o-linear-gradient(top, #f0f0f0, white);
}
/*
* Watch property.
*/
.btn-watch {
  padding: 9px 12px;
  background: #999;
  text-shadow: -1px -1px 1px #4d4d4d;
  border: solid 1px #4D4D4D;
}
.btn-watch:before {
  content: attr(data-default);
}
/*
* Open and close mobile side menu.
*/
.btn-mobile-menu {
  display: none;
  float: left;
  color: #E2E2E2;
  margin: 10px 0 0 0;
  font-size: 0.75rem;
}
.btn-mobile-menu:before {
  font-family: "FontAwesome";
  content: "\f0c9";
  margin: 0 10px 0 0;
  font-size: 1.125rem;
}
/*
* Close button for modal windows.
*/
.btn-close {
  position: absolute;
  top: 0;
  right: 0;
  background: #4d4d4d;
  color: #FFF;
  font-size: 0.8125rem;
  padding: 3px 6px;
}
.btn-close:after {
  content: "x";
  padding: 0 0 0 10px;
}
/*==============================================
SOCIAL
==============================================*/
/*
* These social buttons can be combine with any link to create a social button.
*/
.social-icon {
  width: 36px;
  height: 36px;
  display: block;
  text-align: center;
  padding: 6px 0 0 0;
  font-size: 1.3125rem;
}
.social-icon:before {
  font-family: "FontAwesome";
  color: #FFF;
}
.social-icon:hover {
  padding: 6px 0 0 0;
}
.social-icon:hover:before {
  font-size: 1.6875rem;
}
.fb-icon {
  background: #3D5A98;
}
.fb-icon:before {
  content: "\f09a";
}
.linkedin-icon {
  background: #007BB5;
}
.linkedin-icon:before {
  content: "\f0e1";
}
.youtube-icon {
  background: #ff0000;
}
.youtube-icon:before {
  content: "\f16a";
}
.twitter-icon {
  background: #2AA9E0;
}
.twitter-icon:before {
  content: "\f099";
}
.pintrest-icon {
  background: #CA2027;
}
.pintrest-icon:before {
  content: "\f0d2";
}
}

/*
* IAM SOLD Property listings
* partials/_property-listing.scss
*
* © 2013 Komodo Digital
* http://www.komododigital.co.uk
*/
/*==============================================
PROPERTY LISTING
==============================================*/
/*
* If property listing is in a block listing.
*/
.prop-block {
  position: relative;
}
/*
* If property listing is in a list.
*/
.prop-list {
  padding: 33px 0;
  border-bottom: solid 1px #CCC;
  position: relative;
}
.prop-list .marker {
  position: absolute !important;
}
/*
* Similar property listing.
*/
.prop-similar {
  padding: 18px 21px 18px 0;
  border-bottom: solid 1px #CCC;
  position: relative;
}
.prop-similar:after {
  font-family: "FontAwesome";
  content: "\f054";
  color: #B3B3B3;
  position: absolute;
  right: 0;
  top: 50%;
}
.prop-similar .ml {
  margin: 0 20px 0 0;
}
.similar :last-child.prop-similar {
  border: none;
}
.prop-thumb {
  position: relative;
}
.prop-thumb img {
  display: block !important;
  max-width: 100%;
  height: auto;
}
.prop-desc {
  overflow: visible;
}
.prop-seller {
  float: right;
  margin: 0 0 12px 12px;
  text-align: right;
}
.prop-seller .time-left {
  padding: 0 0 6px 0;
}
.seller-logo {
  padding: 2px;
  border: solid 1px #CCC;
  width: 96px;
}
.seller-logo img {
  display: block;
  max-width: 100%;
}
.seller-small {
  display: none;
  float: left;
}
/*
* The property hover options.
*/
.prop-overlay {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  padding: 21px;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.prop-thumb:hover .prop-overlay {
  opacity: 1;
  filter: alpha(opacity=100);
}
/*==============================================
AUCTION TYPE MARKERS
==============================================*/
.marker {
  display: block;
  position: absolute;
  width: 100%;
  bottom: 0;
  text-align: center;
  color: #FFF;
  text-transform: uppercase;
  padding: 3px 0;
  font-weight: bold;
  font-size: 0.6875rem;
}
.marker-mobile {
  background: none !important;
  padding: 0;
  font-size: 0.75rem;
  text-transform: uppercase;
  font-weight: bold;
}
/*
* Auction tyoes
*/
.sold {
  background: #770000;
}
.sold:before {
  content: "Sold";
}
.online-auction {
  background: #662D91;
}
.online-auction:before {
  content: "Online Auction";
}
.auction-room {
  background: #2AABE2;
}
.auction-room:before {
  content: "Public Auction";
}
/*==============================================
PROPERTY PAGE
==============================================*/
/*
* Holds all the current bid details for property.
*/
.bid-details {
  width: 400px;
  float: right;
  background: #FFF;
  border: solid 1px #bdd8e8;
}
.bid-details .current-bid {
  float: left;
  margin: 18px 85px 15px 18px;
}
.bid-details .amount-bids {
  float: left;
  margin: 18px 0 0 0;
}
.bid-details .bid-time {
  clear: both;
  margin: 0 0 18px 18px;
}
.bid-details .bid-ended {
  font-weight: bold;
  color: #700006;
  background: #fcebeb;
  padding: 3px;
  margin: 6px 0 0 0;
  display: inline-block;
}
/*
* Holds the property download buttons.
*/
.download-buttons {
  padding: 0 21px;
  width: 400px;
  float: right;
}
.download-buttons .btn-download {
  margin: 0 0 9px 0;
}
/*
* The numbers of watchers.
*/
.watching {
  padding: 21px 21px 6px 21px;
  width: 400px;
  float: right;
}
.watching .btn-watch {
  width: 120px;
  float: right;
}
.watching .people {
  font-size: 0.875rem;
  color: #5D6466;
  float: left;
  margin: 0 0 9px 0;
}
.watching .people span {
  display: block;
  font-weight: bold;
  font-size: 1.5rem;
  line-height: 1.125rem;
}
.watching .people:after {
  content: attr(data-default);
}
/*
* Agent contact details.
*/
.agent-contact {
  float: left;
  margin: 0 0 80px 0;
}
.agent-contact a {
  color: #008e32;
}
.request-val {
  width: 400px;
  float: right;
  background: #FFF;
  border: solid 1px #bdd8e8;
  margin: 21px 0;
  padding: 21px !important;
}
.request-valuation.side-section {
  border-top: none;
}
/*
* IAM SOLD Image Sliders
* partials/_sliders.scss
*
* © 2013 Komodo Digital
* http://www.komododigital.co.uk
*
* Requires BX Slider
* http://www.bxslider.com
* js/vendor/bxslider.min.js
*
*/
/*==============================================
BX SLIDER REQUIRED STYLES
==============================================*/
.bx-wrapper {
  position: relative;
  padding: 0;
  *zoom: 1;
  -webkit-transform: translate3d(0, 0, 0);
}
.bx-wrapper img {
  width: 100%;
  display: block;
}
/*==============================================
PROPERTY SLIDER
==============================================*/
.prop-slider {
  margin: 0;
  z-index: 10;
}
.prop-slider-container {
  width: 540px;
  float: left;
  margin: 0 20px 24px 0;
}
.prop-slider-container .bx-controls {
  background: #333;
  padding: 0 12px;
}
/*
* Prev/next controls.
*/
.prop-slider-container .bx-controls-direction {
  float: left;
  padding: 12px 0;
}
.prop-slider-container .bx-controls-direction a {
  color: #AFAFAF;
  font-size: 0.8125rem;
}
.prop-slider-container .bx-controls-direction .bx-prev {
  margin: 0 50px 0 0;
}
.prop-slider-container .bx-controls-direction .bx-prev:before {
  font-family: "FontAwesome";
  content: "\f053";
}
.prop-slider-container .bx-controls-direction .bx-next:before {
  font-family: "FontAwesome";
  content: "\f054";
}
/*
* Start/stop controls.
*/
.prop-slider-container .bx-controls-auto {
  float: right;
  border-left: solid 1px #000;
}
.prop-slider-container .bx-controls-auto .bx-controls-auto-item {
  padding: 12px 0;
  border-left: solid 1px rgba(255, 255, 255, 0.3);
}
.prop-slider-container .bx-controls-auto a {
  color: #FFF;
  padding: 0 0 0 12px;
  font-weight: bold;
  font-size: 0.8125rem;
}
/*
* Caption.
*/
.prop-slider-container .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  z-index: 1000;
  padding: 9px;
}
.prop-slider-container .bx-caption span {
  color: #FFF;
  font-size: 0.8125rem;
}
/*
* Pager.
*/
.prop-slider-container .bx-pager {
  position: absolute;
  font-weight: bold;
  color: #FFF;
  left: 32px;
  bottom: 12px;
  font-size: 0.8125rem;
}
/*==============================================
HOME PAGE SLIDER
==============================================*/
.hp-slider-container {
  width: 100%;
  position: relative;
  z-index: 10;
}
.hp-slider-container ul {
  background: #CCC;
  margin: 0;
}
.hp-slider-container .bx-viewport {
  width: 578px !important;
}
.hp-slider-container .bx-controls {
  width: 340px;
  background: #333;
  border-bottom: solid 1px #CCC;
  position: absolute;
  top: 0;
  right: 0;
}
.hp-slider-container .hp-slides-list {
  width: 340px;
  max-height: 240px;
  overflow: auto;
  background: transparent;
  position: absolute;
  top: 50px;
  right: 0;
  list-style: none;
}
.hp-slider-container .hp-slides-list .hp-slides-list__item {
  margin-bottom: 12px;
}
.hp-slider-container .hp-slides-list .hp-slides-list__item:last-child {
  margin-bottom: 0;
}
.hp-slider-container .hp-slides-list .hp-slides-list__item a {
  display: block;
  background: #1C1C1C;
  padding: 12px 18px;
  border-left: 3px solid #333;
  color: #FFF;
  text-shadow: 1px 1px 1px #000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hp-slider-container .hp-slides-list .hp-slides-list__item a:before {
  content: "\f0da";
  font-family: "FontAwesome";
  left: 3px;
  position: absolute;
  color: #333;
  text-shadow: none;
}
.hp-slider-container .hp-slides-list .hp-slides-list__item a.active, .hp-slider-container .hp-slides-list .hp-slides-list__item a:hover {
  background: #333;
  border-color: #3A73B0;
}
.hp-slider-container .hp-slides-list .hp-slides-list__item a.active:before, .hp-slider-container .hp-slides-list .hp-slides-list__item a:hover:before {
  color: #3A73B0;
}
/*
* Prev/next buttons.
*/
.hp-slider-container .bx-controls-direction .bx-prev, .hp-slider-container .bx-controls-direction .bx-next {
  position: absolute;
  background: #CCC;
  height: 45px;
  width: 40px;
  display: block;
  top: 50%;
  display: none;
}
.hp-slider-container .bx-controls-direction .bx-prev {
  left: -60px;
  background: url(../assets/images/prev.svg) no-repeat 0 0;
}
.hp-slider-container .bx-controls-direction .bx-next {
  right: -60px;
  background: url(../assets/images/next.svg) no-repeat 0 0;
}
/*
* Caption.
*/
.hp-slider-container .bx-caption {
  position: absolute;
  color: #FFF;
  bottom: -30px;
  z-index: 1000;
  left: 9%;
  font-size: 0.875rem;
}
/*
* Pager
*/
.hp-slider-container .bx-pager {
  float: right;
  margin: 6px 0 0 0;
}
.hp-slider-container .bx-pager > div {
  display: inline-block;
}
.hp-slider-container .bx-pager a {
  display: block;
  text-indent: -9999px;
  width: 8px;
  height: 8px;
  background: #808080;
  margin: 0 2px 0 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.hp-slider-container .bx-pager a.active {
  background: #FFF;
}
.hp-slider-container .bx-pager :last-child a {
  margin: 0 15px 0 0;
}
/*
* Play & pause buttons.
*/
.hp-slider-container .bx-controls-auto .bx-stop, .hp-slider-container .bx-controls-auto .bx-start {
  width: 36px;
  height: 36px;
  background: #3a73b0;
  display: block;
  text-align: center;
  padding: 9px 0 0 0;
}
.hp-slider-container .bx-controls-auto :before {
  color: rgba(255, 255, 255, 0.5);
  font-family: "FontAwesome";
  font-size: 1.125rem;
}
.hp-slider-container .bx-controls-auto .bx-stop:before {
  content: "\f04c";
}
.hp-slider-container .bx-controls-auto .bx-start:before {
  content: "\f04b";
}
/*
* IAM SOLD Tabs
* partials/_tabs.scss
*
* © 2013 Komodo Digital
* http://www.komododigital.co.uk
*/
/*==============================================
HOME TABS
==============================================*/
.tabs {
  margin: 0 auto 42px auto;
  width: 940px;
}
.tabs .ui-tabs-nav {
  list-style: none;
  margin: 0 0 21px 0;
  border-bottom: solid 1px #CCC;
}
.tabs .ui-tabs-nav li {
  display: block;
  float: left;
  width: 350px;
}
.tabs .ui-tabs-nav a {
  display: block;
  outline: none;
  color: #B3B3B3;
  padding: 6px 0;
  text-shadow: 1px 1px 1px #FFF;
  font-size: 1.3125rem;
}
.tabs .ui-tabs-nav .ui-state-active a {
  color: #3a73b0;
  font-weight: 500;
}
.tabs .ui-tabs-nav li:first-child {
  margin: 0 115px 0 0;
}
.tabs .ui-tabs-panel .btn, .tabs .ui-tabs-panel input[type="submit"], .tabs .ui-tabs-panel button {
  width: 95%;
  clear: both;
  display: block;
  margin: 12px auto 0;
  display: none;
}
/*==============================================
HOME TABS
==============================================*/
.mapstabs {
  width: 100%;
}
.maptabs .ui-tabs-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
.maptabs .ui-tabs-nav li {
  display: block;
  float: left;
  width: 50%;
}
.maptabs .ui-tabs-nav a {
  display: block;
  padding: 12px;
  text-align: center;
  background: #e7e7e7;
  outline: none;
  border-top: solid 3px #e7e7e7;
  color: #808080;
  font-weight: bold;
}
.maptabs .ui-tabs-nav .ui-state-active a {
  background: #FFF;
  border-top: solid 3px #3a73b0;
  color: #4D4D4D;
}
/*==============================================
PROPERTY TABS
==============================================*/
#propertyTabs {
  position: relative;
}
/*
* Tabs
*/
.resp-tabs-list {
  position: absolute;
  top: -89px;
  margin: 0;
  padding: 0;
}
.resp-tabs-list li {
  color: #808080;
  font-weight: bold;
  background: #EAEAEA;
  display: inline-block;
  padding: 13px 15px;
  margin: 0 10px 0 0;
  list-style: none;
  cursor: pointer;
  float: left;
  text-shadow: 1px 1px #FFF;
}
.resp-tabs-list li.resp-tab-active {
  background: #FFF;
}
.resp-tabs-container {
  padding: 0;
  clear: left;
}
.resp-tabs-container .resp-tab-content {
  display: none;
}
/*
* Accordion
*/
h2.resp-accordion {
  cursor: pointer;
  padding: 5px;
  display: none;
  font-size: 13px;
  border: 1px solid #c1c1c1;
  border-top: 0 solid #c1c1c1;
  margin: 0;
  padding: 10px 15px;
}
h2.resp-tab-active {
  background: #eaf2f8 !important;
}
h2.resp-tab-active .resp-arrow:before {
  font-family: "FontAwesome";
  content: "\f078";
}
.resp-jfit {
  width: 100%;
  margin: 0;
}
.resp-tab-content-active {
  display: block;
}
.resp-arrow {
  position: absolute;
  right: 10px;
  top: 35%;
}
.resp-arrow:before {
  font-family: "FontAwesome";
  content: "\f054";
}
/*
* Show tab/accordion cotent when clicked
*/
.resp-content-active, .resp-accordion-active {
  display: block;
}
/*==============================================
INTERNAL PAGE TABS
==============================================*/
.internal-tabs {
  list-style: none;
  margin: 0;
  padding: 9px 0;
}
.internal-tabs li {
  float: left;
}
.internal-tabs li:last-child a {
  border: none;
}
.internal-tabs a {
  display: block;
  outline: none;
  padding: 15px 0;
  font-size: 1.125rem;
  color: #999;
  font-weight: 400;
  border-right: solid 1px #e8e6e6;
  text-align: center;
}
.internal-tabs a:hover {
  color: #282d6e;
}
.internal-tabs .ui-tabs-active a {
  color: #282d6e;
}
.selling-tabs {
  width: 780px;
  margin: 0 auto;
}
.selling-tabs li {
  width: 50%;
}
.buying-tabs {
  width: 1000px;
  margin: 0 auto;
}
.buying-tabs li {
  width: 25%;
}
.home-page-tabs {
  margin: 42px auto 0 auto;
}
/*
* IAM SOLD Componenets
* partials/_components.scss
*
* © 2013 Komodo Digital
* http://www.komododigital.co.uk
*/
/*==============================================
RICH TEXT EDITOR
==============================================*/
.rte img {
  max-width: 100%;
}
.rte .section-border {
  padding: 21px 0;
  border-bottom: solid 5px #eaf2f8;
  /* removes the margin from last element in a rich text editor section */
}
.rte .section-border:first-of-type {
  padding: 0 0 21px 0;
}
.rte .section-border :last-child {
  margin: 0;
}
/*==============================================
ISLAND
==============================================*/
/*
* Creates a white div with paddding around
* Removes the margin on top and bottom for the first and last children.
*/
.island {
  background: #FFF;
  padding: 18px;
}
.island :first-child {
  margin-top: 0;
}
.island :last-child {
  margin-bottom: 0;
}
/*==============================================
NUTSHELL
==============================================*/
.nutshell p {
  float: left;
  width: 60%;
  color: #FFF;
}
.nutshell .btn, .nutshell input[type="submit"], .nutshell button, .nutshell .form-call-to button[type="submit"], .form-call-to .nutshell button[type="submit"], .nutshell .login button[type="submit"], .login .nutshell button[type="submit"] {
  float: right;
  width: 220px;
}
/*==============================================
SIDE SECTION
==============================================*/
/*
* Used in the right column to section off elements.
*/
.side-section {
  padding: 18px 0;
  border-top: solid 1px #CCC;
}
.side-section :last-child {
  border-bottom: none;
  margin: 0;
}
.side-section.share *,  .side-section.share *:before,  .side-section.share *:after{
	  box-sizing:content-box !important;
  }
/*
* Hide valuation side section.
*/
/*
* Hide share side section.
*/
/*==============================================
INFORMATION BOX
==============================================*/
/*
* Adds the blue information box on the modal windows.
*/
.process .info-box {
  background: #ecf1f7;
  padding: 18px;
  float: left;
  width: 197px;
}
.process .info-box p {
  font-size: 0.75rem;
  margin: 0;
  line-height: 1.125rem;
}
.process .info-box a {
  padding: 0;
}
/*==============================================
GOOGLE MAPS
==============================================*/
#map-canvas, #map-canvas-street {
  width: 100%;
  height: 300px;
  margin: 0 0 21px 0;
}
/*
* The internal pages hero image.
*/
.page-hero {
  position: relative;
}
.page-hero .introduction {
  text-align: center;
  padding: 30px 0;
}
.intro-mobile {
  margin: 0 0 6px 0;
}
.intro-mobile p {
  font-size: 0.875rem;
  line-height: 1.3125rem;
}
.intro-mobile a {
  font-size: 0.875rem;
}
/*
* Hero image for the selling page.
*/
.selling-hero, .buying-hero, .valuation-hero {
  background: url(../assets/images/selling-houses.jpg) no-repeat center center;
  background-size: cover;
}
.internal-hero-small {
  position: relative;
  height: auto;
}
.internal-intro {
  text-align: center;
  padding: 30px 0;
}
.internal-intro h1 {
  font-size: 2.5rem;
  color: #FFF;
  font-weight: 300;
  text-shadow: 1px 1px #000;
}
.internal-intro h2 {
  font-size: 1.875rem;
  line-height: 1.875rem;
  color: #fff;
  text-shadow: 1px 1px #000;
  font-weight: normal;
}
.internal-intro .video-thumb {
  width: 220px;
  margin: 0 auto;
  display: block;
  position: relative;
}
.internal-intro .video-thumb img {
  width: 100%;
  display: block;
}
.internal-intro .video-thumb .play-icon {
  position: absolute;
  width: 42px;
  height: 42px;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 100;
  background: url(../images/play-icon.svg) no-repeat;
}
.page-intro.nobody h1 {
  margin-bottom: 0;
}
/*==============================================
VIDEO PLAYER & VIDEO ELEMENTS
==============================================*/
/*
* Any video on the page MUST be wrapped in this container.
*/
/*
* The video player popup.
*/
.page-hero .video-container {
  margin: 0 auto;
  position: relative;
  height: auto;
  width: 620px;
  display: none;
}
.page-hero .video-container .btn-close-video {
  position: absolute;
  top: 0;
  right: -50px;
  width: 20px;
  height: 20px;
  background:   #cccccc;
  z-index: 1000;
}
/*
* Holds the video thumbnails and player
* Add to _componenets.
*/
.video-thumbs-outer {
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  width: 100%;
  padding: 5px 0;
  bottom: 0;
  text-align: center;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.video-thumbs {
  display: inline-block;
  *display: inline;
  /* IE*/
  *zoom: 1;
  /* IE*/
  overflow: hidden;
  text-align: left;
  list-style: none;
  padding: 9px 0;
  margin: 0;
}
.video-thumbs li {
  float: left;
  margin: 0 10px 0 0;
}
.video-thumbs li:last-child {
  margin: 0;
}
.video-thumbs .video-thumb {
  display: block;
  position: relative;
}
.video-thumbs .video-thumb .play-icon {
  width: 43px;
  height: 43px;
  position: absolute;
  top: 27px;
  left: 33%;
  background: url(../assets/images/play-icon.svg) no-repeat;
}
.video-thumbs .video-thumb img {
  max-width: 100%;
}
.video-thumbs a {
  color: #FFF;
  text-align: center;
  font-size: 0.875rem;
  display: block;
}
/*==============================================
MISC
==============================================*/
/*
* Adds a seperation element using the '%seam' helper.
*/
hr {
  margin: 12px 0;
}
/*
* NEEDS SEPERATED OUT TO STRUCTURE AND FORMS.
*/
.grey-bar {
  background: #f7f7f7;
  padding: 3px 5px;
  margin: 30px 0 0 0;
}
.grey-bar label {
  display: inline-block;
  padding: 0;
}
.grey-bar select {
  margin: 0 5px;
}
.grey-bar p {
  font-size: 0.75rem;
  margin: 0;
}
.page-list {
  padding: 15px 0;
  background: #e6e6e6;
}
.page-list span {
  font-size: 0.875rem;
}
.page-list select {
  float: right;
  margin: 0;
}
/*==============================================
TABLE
==============================================*/
.auction-table {
  background: #FFF;
  width: 100%;
  border: solid 1px #ccc;
  margin: 21px 0 0 0;
}
.auction-table thead {
  background-color: #f2f2f2;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#f2f2f2));
  background-image: -webkit-linear-gradient(top, #f9f9f9, #f2f2f2);
  background-image: -moz-linear-gradient(top, #f9f9f9, #f2f2f2);
  background-image: -ms-linear-gradient(top, #f9f9f9, #f2f2f2);
  background-image: -o-linear-gradient(top, #f9f9f9, #f2f2f2);
  border-bottom: solid 1px #CCC;
}
.auction-table thead td {
  padding: 9px 30px;
  font-size: 1.5rem;
  color: #FFF;
}
.auction-table tbody td {
  padding: 20px 30px 0 30px;
}
.auction-table .question {
  text-align: right;
  font-size: 0.875rem;
  color: #4d4d4d;
  border-right: solid 1px #ccc;
}
.auction-table .modern-item {
  background: #F4F7F9;
  border-right: solid 1px #CCC;
}
.auction-table .plus, .auction-table .negative {
  font-size: 1rem;
  font-weight: bold;
}
.auction-table .plus {
  color: #282d6e;
}
.auction-table .negative {
  color: #4D4D4D;
}
.auction-table .tick {
  width: 16px;
  height: 16px;
  margin: 0 10px 0 0;
  background: url(../assets/images/tick.png) no-repeat;
  display: inline-block;
}
.auction-table .last {
  padding: 20px 30px 20px 30px;
}
.video-side {
  background: #f3f3f3;
  text-align: center;
  padding: 21px 0;
}
.video-side .video-thumb {
  position: relative;
  display: block;
}
.video-side .video-thumb .play-icon {
  width: 43px;
  height: 43px;
  position: absolute;
  top: 27px;
  left: 42%;
  background: url(../assets/images/play-icon.svg) no-repeat;
}
.prop-video .video-thumb {
  position: relative;
  display: block;
}
.prop-video .video-thumb .play-icon {
  width: 43px;
  height: 43px;
  position: absolute;
  top: 27px;
  left: 35%;
  background: url(../assets/images/play-icon.svg) no-repeat;
}
.people-image {
  margin: 0 0 12px 0;
}
/*==============================================
TESTIMONIAL FEEDBACK
==============================================*/
.feedback {
  padding: 24px;
  background: #fefcdc;
}
.feedback p {
  margin: 0 0 15px 0;
}
.feedback ul {
  list-style: none;
  margin: 0;
  margin: 0 0 21px 0;
}
.feedback li {
  display: inline;
  margin: 0 15px 0 0;
}
.feedback li .box {
  background: #FFF;
  border: solid 1px #CCC;
  margin: 0 10px 0 0;
  padding: 8px;
  display: inline-block;
  line-height: 0;
}
.feedback li.active {
  color: #188c39;
  font-weight: bold;
}
.feedback li.active .box {
  padding: 9px 1px;
}
.feedback li.active .box:before {
  font-family: "FontAwesome";
  content: "\f00c";
  color: #188c39;
}
/*
* IAM SOLD Modal Windows
* partials/_modals.scss
*
* © 2013 Komodo Digital
* http://www.komododigital.co.uk
*/
/*==============================================
MODAL WINDOW STYLING
==============================================*/
.modal-container {
  background: white !important;
  width: 620px;
  margin: 0 auto;
  padding: 27px 0 0 0;
}
.modal-container .modal-inner {
  padding: 0 27px;
}
html.modal body {
  overflow: auto;
  overflow-x: hidden;
}
.ui-dialog {
  background: #FFF;
  outline: none;
  position: relative;
  z-index: 4;
  -webkit-box-shadow: 0 0 5px #4d4d4d;
  -moz-box-shadow: 0 0 5px #4d4d4d;
  box-shadow: 0 0 5px #4d4d4d;
}
.ui-dialog header {
  padding: 0 0 18px 0;
  border-bottom: solid 1px #d7d7d7;
}
/*
* Black background overlay when modal is activated.
*/
.ui-widget-overlay {
  background: rgba(0, 0, 0, 0.7);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}
/*
* Modal window sub-title.
*/
.modal-sub {
  border-bottom: solid 1px #ccc;
  margin: 3px 0 24px 0 !important;
  padding: 0 0 15px 0;
}
/*
* Modal window close button.
*/
.ui-dialog .ui-button {
  position: absolute;
  top: 0;
  right: 0;
  background: #353535;
  border: none;
  outline: none;
  color: #FFF;
  padding: 6px 0;
  text-transform: lowercase;
  font-size: 0.8125rem;
}
.ui-dialog .ui-button .ui-button-icon-primary {
  display: none;
}
.ui-dialog .ui-button span {
  padding: 6px 12px;
  border-right: solid 1px #000;
}
.ui-dialog .ui-button:after {
  content: "x";
  padding: 6px 9px;
  border-left: solid 1px rgba(255, 255, 255, 0.4);
}
/*
* Hides the default modal header so we can load the content via ajax 
*/
.ui-dialog-titlebar {
  height: 0;
}
/* Main iframe inside the modal */
iframe.modal-frame {
  width: 100%;
  height: 760px;
  border: none;
}
/* Modal iframe's body inner wrapper */
#modal-wrapper {
  /*
  * Modal text styles
  */
}
#modal-wrapper .modal-band {
  padding: 21px 27px;
  background: #ebf1f7;
  width: 620px;
  margin: 0 auto;
}
#modal-wrapper .modal-band p {
  color: #4D4D4D;
  font-size: 0.875rem;
  margin: 0;
}
#modal-wrapper .modal-band p a {
  color: #0071BC;
  border-bottom: solid 1px #0071BC;
}
#modal-wrapper div.termsbox {
  border: 1px solid #CCCCCC;
  height: 280px;
  margin: 20px 0;
  overflow: auto;
  padding: 5px;
}
#modal-wrapper .modal-link {
  color: #0071BC;
  font-size: 0.75rem;
  font-weight: bold;
  display: block;
  clear: both;
}
#modal-wrapper .modal-link:hover {
  text-decoration: underline;
}
#modal-wrapper .process {
  padding: 27px 0;
}
#modal-wrapper .process p {
  font-size: 0.875rem;
  line-height: 1.5rem;
  color: #808080;
  margin: 0 0 15px 0;
  font-weight: normal;
}
#modal-wrapper .process .modal-bid {
  font-size: 1.125rem;
  color: #4D4D4D;
  margin: 0 0 15px 0;
}
#modal-wrapper .process .modal-instruction {
  color: #000;
}
#modal-wrapper .process small {
  font-size: 0.75rem;
  color: #808080;
  margin: 0 0 21px 0;
  display: block;
}
#modal-wrapper .process i {
  color: #666;
}
#modal-wrapper .process .success {
  color: #006837;
  margin: 0 0 21px 0;
  display: block;
}
#modal-wrapper .process .error {
  color: #c1272d;
}
#modal-wrapper .modal-checkbox {
  font-size: 0.875rem;
  line-height: 1.5rem;
}
#modal-wrapper .terms-box {
  border: solid 1px #CCC;
  height: 90px;
  overflow-y: scroll;
  padding: 15px 18px;
}
#modal-wrapper .terms-box p {
  font-size: 0.75rem;
  line-height: 1.125rem;
  margin: 0 0 12px 0;
}
#modal-wrapper .modal-link-right {
  float: right;
  clear: none;
  padding: 15px 0 0 0;
}
/*
* IAM SOLD Footer
* partials/_footer.scss
*
* © 2013 Komodo Digital
* http://www.komododigital.co.uk
*/
.outer-footer {
  background: #1A1A1A;
}
.foot {
  position: relative;
  padding: 23px 0;
}
/*
* Holds the sites copyright information.
*/
.copyright {
  clear: both;
  padding: 15px 0;
  border-top: solid 1px #4f4f4f;
  border-bottom: solid 1px #4f4f4f;
}
.copyright small {
  color: #808080;
  float: left;
  font-size: 0.75rem;
}
.copyright b {
  font-weight: normal;
  color: #D1D1D1;
}
.copyright img {
  float: right;
}
/*==============================================
PARTNER LOGOS
==============================================*/
/*
* The partners logos in the footer.
*/
.logos {
  width: 290px;
  float: right;
  text-align: right;
}
.logos img {
	margin: 0 0 0 15px;
}
.logos div {
}
/*
* CHange the partner logos layout at mobile.
*/
.logos-mobile {
  display: none;
  /*@extend clearfix;*/
  padding: 12px 0 0 0;
  float: right;
}
.logos-mobile .iam-logo {
  float: right;
  clear: both;
}
.logos-mobile img {
  float: left;
}
.logos-mobile div {
  float: left;
}
/*
* CHange the partner logos layout at mobile.
*/
.logos-tiny {
  display: none;
  /*@extend clearfix;*/
  padding: 12px 0 0 0;
  float: right;
}
.logos-tiny .iam-logo {
  float: right;
  clear: both;
}
.logos-tiny img {
  float: left;
}
.logos-tiny div {
  float: left;
}
.omb {
  margin: 0 20px 0 0;
}
.iam-logo {
  margin: 10px 0 0 0;
}
.property-logo, .trading-logo {
  float: right;
}
.property-logo {
  width:50%;
  margin: 0 10px 0 0;
}
.trading-logo {
  margin: 0 0 9px 0;
}
/*
* Site by Komodo.
*/
.komodo {
  color: #808080;
  display: inline-block;
  float: left;
  padding: 18px 0 0 0;
  clear: both;
  font-size: 0.75rem;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.komodo:hover {
  color: #FFF;
}
/*==============================================
SOCIAL
==============================================*/
/*
* The footer social buttons container.
* Combined with the social buttons in partials/_buttons.scss.
*/
.social {
  float: right;
  margin: 0;
}
.social li {
  display: block;
  float: left;
  margin: 0 0 0 3px;
}
.social li:first-child {
  color: #808080;
  font-size: 1.5rem;
  margin: 0 40px 0 0;
  padding: 3px 0 0 0;
}

/*==============================================
MOBILE
==============================================*/
@media screen and (max-width: 960px) {
  .hide-tablet {
    display: none !important;
  }
  .show-tablet {
    display: block !important;
  }
  .property-header {
	padding: 9px 0 24px 0;
    width: 100% !important;
    margin: 0 0 21px 0;
  }
  .container {
    width: 720px;
  }
  .medium-container {
    width: 720px;
  }
  .grey-band {
    padding: 24px 0;
  }
  .left-col {
    float: none;
    margin: 0 auto;
    padding: 15px 0;
  }
  .right-col {
    display: none;
  }
  .property-left, .property-right {
    float: none;
    width: 540px;
    margin: 0 auto;
  }
  .listing-grid .last-unit {
    display: none;
  }
  .h-listing {
    width: 620px;
    margin: 0 auto;
  }
  .side-section {
    width: 100%;
    float: left;
  }
  .call-to {
    padding: 27px 50px 6px 50px;
    margin: 15px 0 18px 0;
  }
  .hp-about {
    width: 580px;
  }
  .hp-about .ml {
    width: 220px;
    margin: 0 20px 0 0;
  }
  .hp-about a {
    font-size: 0.875rem;
    line-height: 1.5rem;
    margin: 0;
  }
  .hp-about a {
    font-size: 0.8125rem;
  }
  .hp-about p {
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
  .pdc {
    width: 720px;
  }
  .form-call-to h1 {
    font-size: 1.5rem;
  }
  .login h2 {
    font-size: 1.125rem;
  }
  .hp-about h2 {
    font-size: 1.5rem;
  }
  .define {
    padding: 6px 0 0 0;
  }
  .everything {
    width: 125px;
    padding: 6px 0 0 0;
  }
  .everything:before {
    content: attr(data-medium);
  }
  .newsletter {
    font-size: 1.125rem;
  }
  .full-feedback {
    font-size: 1.125rem;
  }
  .login-register, .login-forgot {
    padding: 6px 0 0 0;
  }
  .login-forgot {
    margin: 0 115px 0 0;
  }
  .more-test {
    font-size: 1rem;
  }
  .more-test:after {
    font-size: 0.5625rem;
    padding: 3px 4px;
  }
  .sales-line {
    padding: 9px 0 0 0;
    font-size: 0.875rem;
  }
  .primary-band blockquote {
    width: 580px;
    font-size: 1.375rem;
  }
  .bid-timer {
    display: block;
  }
  .top-inner {
    width: 720px;
  }
  .brand-bar .brand-bar-inner {
    width: 720px;
  }
  .menu ul {
    width: 720px;
  }
  .menu li:nth-child(6) a, .menu li:nth-child(7) a, .menu li:nth-child(8) a {
    display: none;
  }
  .menu li.mobile-menu {
    display: block;
  }
  .mmc {
    top: 261px;
  }
  .form-call-to {
    padding: 15px 18px;
    margin: 0 0 21px 0;
  }
  .form-call-to button[type="submit"] {
    width: 120px;
    padding: 9px 0 !important;
  }
  .btn-search:before {
    content: attr(data-medium);
  }
  .btn-val:before {
    content: attr(data-medium);
  }
  .home-search input[type="text"] {
    width: 360px;
    font-size: 0.875rem;
  }
  .form-valuation input[type="text"] {
    width: 177px;
    font-size: 0.875rem;
  }
  .property-band .home-search {
    width: 580px;
    margin: 0 auto !important;
  }
  .refine {
    width: 100%;
    margin: 0;
  }
  .refine label {
    text-align: right;
    margin: 0 15px 0 0;
  }
  .refine input[type="text"] {
    width: 329px;
    margin: 0 0 15px 0;
  }
  .refine select {
    width: 138px;
  }
  .refine .small-select {
    width: 57px;
  }
  .refine .refine-list {
    float: left;
  }
  .refine .refine-left {
    width: 20%;
    float: left;
  }
  .refine .refine-right {
    width: 75%;
    float: right;
  }
  .login {
    padding: 30px 0 0 0;
  }
  .login input[type="email"], .login input[type="password"] {
    width: 160px;
  }
  .login button[type="submit"] {
    width: 85px;
  }
  .login button[type="submit"]:before {
    content: attr(data-small);
  }
  .bid-form button[type="submit"] {
    float: left;
    margin: 6px 0;
  }
  .bid-form input[type="text"] {
    width: 195px;
  }
  .btn-send {
    width: 48%;
    float: right;
  }
  .btn-watch {
    border: none;
    padding: 0;
    background: none;
    text-shadow: none;
    color: #3a73b0;
    text-transform: capitalize;
    margin: 0 0 6px 0;
    font-size: 0.75rem;
  }
  .btn-watch:before {
    content: attr(data-medium);
  }
  .social-icon {
    width: 30px;
    height: 30px;
    padding: 2px 0 0 0;
    font-size: 1.125rem;
  }
  .social-icon:hover {
    padding: 4px 0 0 0;
  }
  .social-icon:hover:before {
    font-size: 1.5rem;
  }
  .bid-details {
    width: 240px;
  }
  .bid-details .current-bid {
    margin: 18px 0 15px 18px;
  }
  .bid-details .amount-bids {
    clear: both;
    margin: 0 10px 21px 18px;
  }
  .bid-details .bid-time {
    clear: none;
    float: left;
  }
  .bid-time-sold {
    float: left;
    width: 150px;
  }
  .download-buttons {
    width: 100%;
    float: none;
    clear: both;
    padding: 0;
    margin: 0 0 18px 0;
  }
  .download-buttons .btn-download {
    width: 49.3%;
    float: left;
  }
  .download-buttons :nth-child(even) {
    float: right;
  }
  .watching {
    width: 240px;
  }
  .watching .btn-watch {
    float: left;
    width: auto;
  }
  .watching hr {
    display: none;
  }
  .watching .people {
    font-size: 0.75rem;
    margin: 0;
  }
  .watching .people span {
    display: inline;
    font-size: 1.125rem;
    margin: 0 10px 0 0;
  }
  .watching .people:after {
    content: attr(data-small);
  }
  .agent-contact {
    width: 100%;
  }
  .request-val {
    width: 100% !important;
    margin: 0 0 21px 0;
  }
  .prop-slider-container {
    width: 460px;
  }
  .hp-slider-container {
    width: 578px;
    margin: 0 auto;
  }
  .hp-slider-container .bx-viewport {
    width: 100% !important;
  }
  .hp-slider-container .bx-controls {
    border-bottom: none;
    border-top: solid 1px #CCC;
    position: static;
    width: 100%;
  }
  .hp-slider-container .hp-slides-list {
    display: none;
  }
  .hp-slider-container .bx-controls-direction .bx-prev, .hp-slider-container .bx-controls-direction .bx-next {
    display: block;
  }
  .tabs {
    width: 720px;
  }
  .selling-tabs {
    width: 720px;
  }
  .buying-tabs {
    width: 720px;
  }
  .side-section {
    width: 100%;
    float: left;
  }
  .side-section.share *,  .side-section.share *:before,  .side-section.share *:after{
	  box-sizing:content-box !important;
  }
  .valuation {
    display: none;
  }
  .share {
    float: right;
  }
  .grey-bar {
    margin: 15px 0 0 0;
  }
  .prop-video {
    width: 100%;
    float: none;
    clear: both;
  }
  .side-touch {
    width: 100%;
  }
  .people-image {
    float: left;
    width: 120px;
    margin: 0 20px 21px 0;
  }
  .logos {
    display: none;
  }
  .logos-mobile {
    display: block;
  }
  .social li {
    margin: 0 0 0 10px;
  }
  .social li:first-child {
    font-size: 1.125rem;
    padding: 0;
    margin: 0 20px 0 0;
  }
}
@media screen and (max-width: 719px) {
  .show-smalltab {
    display: block !important;
  }
  .hide-smalltab {
    display: none !important;
  }
  .property-header {
	padding: 9px 0 24px 9px;
    width: 100% !important;
    margin: 0 0 21px 0;
  }
  .container {
    width: 580px;
  }
  .medium-container {
    width: 580px;
  }
  .small-container {
    width: 580px;
  }
  .black-band {
    padding: 12px 0;
  }
  .left-col {
    width: 580px;
  }
  .listing-grid .grid-unit {
    width: 200px;
  }
  .glossary .ml,
  .auction-methods .ml {
    width: 80px;
    margin: 0 35px 0 0;
  }
  .property-header {
    width: 460px;
    margin: 0 auto;
  }
  .h-listing {
    width: 580px;
  }
  .call-to {
    padding: 18px 18px 1px 18px;
    margin: 15px 0 24px 0;
  }
  .pdc {
    width: 580px;
  }
  #messagebox li a .subject {
    display: block;
  }
  #messagebox li a .date {
    display: block;
    width: 75%;
  }
  #messagebox li input {
    float: right;
    margin-top: 28px;
  }
  .form-call-to h1 {
    font-size: 1.3125rem;
  }
  .login h2 {
    width: 70px;
    margin: 0 10px 0 0;
  }
  .hp-about h2 {
    font-size: 1.3125rem;
  }
  .introduction h1 {
    font-size: 2.0625rem;
  }
  .introduction p {
    width: 100%;
  }
  .newsletter {
    font-size: 0.875rem;
    padding: 3px 0 0 0;
  }
  .full-feedback {
    font-size: 0.9375rem;
    padding: 3px 0 0 0;
  }
  .login-forgot {
    margin: 0 110px 0 0;
  }
  .login-register {
    margin: 0 0 0 80px;
  }
  .more-test {
    font-size: 0.875rem;
  }
  .primary-band blockquote {
    padding: 15px 0;
  }
  .prop-block .price {
    font-size: 1.125rem;
    line-height: 1.3125rem;
    margin: 9px 0 0 0;
  }
  .prop-block .location {
    font-size: 0.875rem;
  }
  .prop-block .timer {
    font-size: 0.6875rem;
    line-height: 0.8125rem;
  }
  .prop-list .price {
    font-size: 1.3125rem;
    line-height: 1.5rem;
  }
  .prop-list .type {
    font-size: 0.8125rem;
    line-height: 0.9375rem;
  }
  .prop-list .location {
    font-size: 1rem;
    line-height: 1.3125rem;
  }
  .prop-list .excerpt {
    display: none;
  }
  .prop-list .ends {
    font-size: 0.75rem;
    line-height: 0.8125rem;
  }
  .prop-list .time-left {
    font-size: 0.875rem;
    line-height: 0.9375rem;
  }
  .bid-label {
    font-size: 0.875rem;
  }
  .bid-value {
    font-size: 1.875rem;
  }
  .bid-timer {
    font-size: 0.875rem;
  }
  .bid-ends {
    font-size: 0.6875rem;
  }
  .top-inner {
    width: 580px;
  }
  .brand-bar .brand-bar-inner {
    width: 580px;
  }
  .logo {
    margin: 6px 0 9px 0;
  }
  .secondary-logo {
    display: none;
  }
  .menu ul {
    width: 580px;
  }
  .menu li:nth-child(5) a {
    display: none;
  }
  .menu a {
    padding: 18px 0;
  }
  .menu li.mobile-menu a {
    margin: 3px 0 0 0;
  }
  .mmc {
    top: 227px;
  }
  .options ul {
    line-height: 0.375rem;
  }
  .account-mobile,
  .signin-mobile,
  .contact-mobile {
    display: block !important;
  }
  .home-search input[type="text"] {
    width: 300px;
  }
  .form-valuation input[type="text"] {
    width: 140px;
    margin: 0 10px 0 0;
  }
  .property-band .form-call-to.form-valuation .sales-line {
    clear: both;
  }
  .property-band .home-search {
    width: 100%;
  }
  .refine .refine-right {
    width: 80%;
    float: right;
  }
  .login {
    top: 35px;
    height: 106px;
    padding: 24px 0 0 0;
  }
  .login input[type="email"],
  .login input[type="password"] {
    width: 185px;
  }
  .login label {
    display: none;
  }
  .bid-form button[type="submit"] {
    float: right;
    margin: 0;
    width: 140px;
  }
  .bid-form input[type="text"] {
    float: left;
    width: 140px;
  }
  .bid-form a {
    float: left;
    width: 100px;
    margin: 0 25px 0 0;
  }
  .generic-form {
    width: 100%;
  }
  .btn-download:after {
    display: none;
  }
  .btn-watch {
    border: solid 1px #4D4D4D;
    background: #999;
    text-shadow: -1px -1px 1px #4d6672;
    margin: 0 0 12px 0;
    padding: 9px 12px;
    color: #FFF;
    font-size: 1rem;
    text-transform: uppercase;
  }
  .btn-watch:before {
    content: attr(data-default);
  }
  .prop-thumb {
    width: 180px;
  }
  .bid-details {
    width: 460px;
    float: none;
    margin: 0 auto 12px auto;
  }
  .bid-details .current-bid {
    margin: 15px 80px 15px 15px;
  }
  .bid-details .amount-bids {
    float: left;
    clear: none;
    margin: 15px 80px 0 0;
  }
  .bid-details .bid-time {
    margin: 15px 0 0 0;
  }
  .bid-time-sold {
    width: 120px;
  }
  .download-buttons {
    width: 460px;
    margin: 0 auto;
  }
  .download-buttons .btn-download span {
    display: none;
  }
  .watching {
    width: 460px;
    margin: 0 auto;
    float: none;
    padding: 21px 0 6px 0;
  }
  .watching .btn-watch {
    float: right;
    width: 160px;
  }
  .watching hr {
    display: block;
  }
  .watching .people {
    padding: 3px 0 0 0;
  }
  .watching .people:after {
    content: attr(data-default);
  }
  .agent-contact {
    width: 460px;
    margin: 0 auto 80px auto;
    float: none;
  }
  .request-val {
    width: 460px !important;
    margin: 12px auto;
    float: none !important;
  }
  .prop-slider-container {
    float: none;
    margin: 0 auto;
  }
  .hp-slider-container .bx-controls-direction .bx-prev, .hp-slider-container .bx-controls-direction .bx-next {
    display: none;
  }
  .tabs {
    width: 580px;
  }
  .tabs .ui-tabs-nav a {
    font-size: 1.125rem;
  }
  .internal-tabs li:nth-child(2) a {
    border: none;
  }
  .internal-tabs a {
    padding: 9px 0;
  }
  .selling-tabs {
    width: 580px;
  }
  .buying-tabs {
    width: 580px;
  }
  .buying-tabs li {
    width: 50%;
  }
  .internal-intro h1 {
    font-size: 2.0625rem;
    margin: 0 0 12px 0;
  }
  .internal-intro .video-thumb {
    width: 160px;
  }
  .page-hero .video-container {
    width: 100%;
  }
  .auction-table thead td {
    font-size: 1.3125rem;
    padding: 9px 20px;
  }
  .auction-table tbody td {
    padding: 20px 20px 0 20px;
  }
  .auction-table .plus, .auction-table .negative {
    font-size: 0.875rem;
  }
  .auction-table .last {
    padding: 20px;
  }
  .social li:first-child {
    display: none;
  }
}
@media screen and (max-width: 599px) {
  .align-left {
    float: none;
  }
  .propertyHeader{
	padding: 15px 0;
  }
  .text-align-right {
    text-align: left;
  }
  .full-width {
    width: 100% !important;
  }
  .hide-landscape {
    display: none !important;
  }
  .show-landscape {
    display: block !important;
  }
  .container {
    width: 480px;
  }
  .medium-container {
    width: 480px;
  }
  .small-container {
    width: 480px;
  }
  .black-band {
    padding: 0;
  }
  .primary-band.testimonial {
    background: #FFF;
    border-top: solid 1px #CCC;
  }
  .black-band .container {
    width: 480px;
  }
  .property-band {
    padding: 21px 0;
  }
  .left-col {
    padding: 0;
    width: 100%;
  }
  .property-left {
    padding: 0;
    width: 100% !important;
  }
  .property-left, .property-right {
    width: 95%;
  }
  .grid {
    margin: 0;
  }
  .grid-unit {
    float: none;
    clear: both;
    padding: 0;
  }
  .listing-grid .grid-unit {
    width: 100%;
    border-bottom: solid 1px #CCC;
  }
  .listing-grid {
    background: white;
  }
  .glossary .ml, .auction-methods .ml {
    width: 100px;
    margin: 0 15px 0 0;
  }
  .auction-methods .mr {
    overflow: visible;
  }
  .sellers-guide.media-left .ml, .sellers-guide.media-right .mr {
    width: 150px;
  }
  .sellers-guide.media-left .mr, .sellers-guide.media-right .mr {
    overflow: visible;
  }
  .buying .mr {
    margin: 0 0 12px 0;
  }
  .prop-list.media-left .mr {
    overflow: visible;
  }
  .h-listing {
    width: 100%;
    padding: 15px;
  }
  section {
    padding: 15px 0;
  }
  .double-btn {
    display: block;
  }
  .call-to {
    display: none;
  }
  .hp-about {
    width: 480px;
    padding: 15px 0;
  }
  .hp-about p {
    font-size: 0.8125rem;
    line-height: 1.3125rem;
  }
  .pdc {
    width: 480px;
  }
  .service-feature {
    padding: 15px 0;
  }
  .page-intro {
    padding: 15px 0;
  }
  #account-settings-box ul li.email-detail {
    width: 100%;
  }
  #account-settings-box ul li.settings-button {
    width: 100%;
  }
  .tagline, .mobile-tagline {
    display: none;
  }
  .mobile-tagline {
    display: block;
  }
  .form-call-to h1 {
    display: block;
    float: left;
    width: 150px;
    color: #FFF;
    font-weight: 400;
  }
  .h-listing h1 {
    font-size: 0.875rem;
    line-height: 1.25rem;
    margin: 0;
  }
  .introduction h1 {
    font-size: 1.5rem;
    margin: 0;
  }
  .introduction h2 {
    display: none;
  }
  .introduction p {
    display: none;
  }
  .internal-title {
    background: #FFF;
    padding: 6px 10px;
    margin: 0;
    font-size: 1rem;
    border-bottom: none;
  }
  .service-feature h3, .testimonials h3 {
    font-size: 1.125rem;
    font-weight: bold;
    line-height: 1.3125rem;
  }
  .testimonials h3 {
    font-weight: normal;
    margin: 0 0 21px 0;
  }
  .nutshell h3 {
    font-size: 1.125rem;
    margin: 0 0 9px 0;
  }
  .service-feature p {
    line-height: 1.3125rem;
    font-size: 0.8125rem;
    margin: 0 0 12px 0;
  }
  .page-intro p {
    line-height: 1.3125rem;
    font-size: 0.8125rem;
  }
  p.first {
    font-size: 1rem;
    line-height: 1.3125rem;
  }
  .more-test {
    font-size: 0.8125rem;
  }
  .more-test:after {
    font-size: 0.5rem;
    padding: 2px 3px;
  }
  .related {
    display: none;
  }
  .primary-band blockquote {
    width: 480px;
    font-size: 1rem;
    text-shadow: none;
  }
  .primary-band blockquote small {
    font-size: 0.75rem;
  }
  .primary-band blockquote .arrow {
    border-color: #FFF transparent transparent transparent;
  }
  blockquote.sell-quote {
    width: 100%;
    margin: 0 0 30px 0;
    font-size: 0.875rem;
    line-height: 1.3125rem;
    color: #4D4D4D;
  }
  .test-block {
    width: 105%;
  }
  .prop-block .price {
    font-size: 1.25rem;
    line-height: 1.5rem;
    color: #008e32;
    margin: 0 0 6px 0;
    padding: 9px 0 0 0;
  }
  .prop-block .location {
    font-size: 1rem;
    font-weight: bold;
    margin: 0 0 3px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .prop-block .type {
    font-size: 0.8125rem;
  }
  .prop-block .ends {
    font-size: 0.75rem;
    line-height: 0.9375rem;
    font-weight: normal;
  }
  .prop-block .timer {
    font-size: 0.75rem;
    line-height: 0.9375rem;
    position: relative;
    bottom: auto;
    margin: 0 10px 0 0;
  }
  .prop-list .price {
    color: #008e32;
    font-size: 1.125rem;
    line-height: 1.3125rem;
    padding: 12px 0 0 0;
  }
  .prop-list .price .time-left {
    display: block;
  }
  .prop-list .bid-type {
    font-size: 0.6875rem;
  }
  .prop-list .type {
    color: #808080;
    font-weight: normal;
    margin: 0 0 6px 0;
    font-size: 0.75rem;
    line-height: 0.9375rem;
  }
  .prop-list .location {
    color: #333;
    text-shadow: none;
    font-weight: bold;
    font-size: 0.875rem;
    line-height: 1.125rem;
    margin: 0 0 6px 0;
  }
  .prop-list .excerpt-sold {
    width: 100%;
    clear: both;
    float: none;
    padding: 12px 0 0 20px;
  }
  .prop-list .ends {
    float: right;
    font-size: 0.6875rem;
    padding: 0 0 12px 0;
  }
  .prop-list .time-left {
    font-size: 0.6875rem;
    line-height: 0.8125rem;
    float: right;
  }
  .prop-list .prop-options {
    display: none;
  }
  .bid-label {
    float: right;
    margin: 6px 0 0 10px;
  }
  .bid-value {
    float: left;
    font-size: 1.5rem;
  }
  .bid-timer {
    display: inline;
  }
  .top-inner {
    width: 480px;
    padding: 0 0 0 10px;
  }
  .brand-bar .brand-bar-inner {
    width: 480px;
    padding: 0 10px;
  }
  .logo {
    width: 95px;
  }
  .prop-val {
    display: block;
    width: 100%;
  }
  .menu {
    display: none;
  }
  .foot-menu li:first-child a, .foot-menu li:nth-child(7) a {
    padding: 0 0 18px 0;
  }
  .breadcrumb {
    background: #666;
    padding: 0;
  }
  .breadcrumb ul li {
    text-transform: uppercase;
    border-right: solid 1px #191919;
    border-left: solid 1px rgba(255, 255, 255, 0.4);
    font-weight: bold;
  }
  .breadcrumb ul li a {
    color: #b3b3b3;
    padding: 3px 9px;
    display: inline-block;
    text-shadow: -1px -1px 1px #4d4d4d;
  }
  .breadcrumb ul li:after {
    display: none;
  }
  .breadcrumb ul li:last-child {
    border-right: none;
    color: #FFF !important;
    padding: 3px 9px;
  }
  .breadcrumb ul li:nth-child(2) a:before {
    font-family: "FontAwesome";
    content: attr(data-mobile);
    color: #b3b3b3;
    text-shadow: -1px -1px 1px #4d4d4d;
  }
  .breadcrumb ul li:nth-child(1) {
    display: none;
  }
  .mobile-pagination {
    display: block;
  }
  .property-band .form-call-to {
    background: none;
    color: #FFF;
    padding: 0;
  }
  .property-band .form-call-to.form-valuation input[type="text"] {
    float: right;
  }
  .property-band .form-call-to .brand-secondary {
    color: white !important;
  }
  .property-band .form-call-to .btn-location, .property-band .form-call-to .btn-search, .property-band .form-call-to a.everything {
    display: none;
  }
  .property-band .home-search input[type="text"] {
    width: 200px;
    float: right;
    margin: 12px 0 0 0;
  }
  .property-band h1.brand-tertiary {
    color: white !important;
  }
  .bid-form {
    width: auto;
    float: right;
    clear: none;
  }
  .btn-mobile-menu {
    display: block;
  }
  .prop-block {
    padding: 0 30px 0 0;
  }
  .prop-block:after {
    font-family: "FontAwesome";
    content: "\f054";
    position: absolute;
    right: 15px;
    top: 50%;
    overflow: visible;
    color: #B3B3B3;
  }
  .prop-list {
    padding: 0 30px 0 0;
    clear: both;
  }
  .prop-list:after {
    font-family: "FontAwesome";
    content: "\f054";
    color: #B3B3B3;
    position: absolute;
    right: 10px;
    top: 50%;
    overflow: visible;
  }
  .prop-list .ml {
    margin: 0 15px 0 0;
  }
  .prop-list.media .mr {
    overflow: visible !important;
  }
  .prop-thumb {
    width: 160px;
    margin: 0 15px 0 0;
  }
  .prop-block .prop-thumb {
    float: left;
  }
  .prop-seller {
    display: none;
  }
  .seller-small {
    display: block;
    height: 23px;
    width: auto;
  }
  .prop-overlay {
    display: none;
  }
  .marker {
    font-size: 0.625rem;
  }
  .sold {
    color: #770000;
  }
  .bid-details .current-bid {
    margin: 9px 20px 3px 9px;
  }
  .bid-details .amount-bids {
    margin: 9px 0 0 0;
  }
  .bid-details .bid-time {
    clear: both;
    margin: 0 0 0 9px;
  }
  .bid-time-sold {
    width: 225px;
    margin: 6px 0 12px 0;
    float: none;
  }
  .bid-details-inner {
    float: left;
  }
  .watching {
    padding: 21px 10px 6px 10px;
  }
  .agent-contact {
    margin: 0 auto 12px auto;
  }
  .prop-slider-container {
    width: 340px;
  }
  .prop-slider-container .bx-controls-direction {
    padding: 6px 0;
    width: 100%;
  }
  .prop-slider-container .bx-controls-direction .bx-next {
    float: right;
  }
  .prop-slider-container .bx-controls-auto {
    display: none;
  }
  .prop-slider-container .bx-controls-auto .bx-controls-auto-item {
    padding: 6px 0;
  }
  .prop-slider-container .bx-pager {
    bottom: 6px;
    left: 45%;
  }
  .hp-slider-container {
    width: 480px;
  }
  .hp-slider-container .bx-pager {
    margin: 14px 0;
  }
  .hp-slider-container .bx-controls-auto {
    display: none;
  }
  .tabs {
    width: 100%;
    background: #e5e5e5;
    padding: 18px 0;
    margin: 0 auto;
  }
  .tabs .ui-tabs-nav {
    border: none;
    margin: 0;
  }
  .tabs .ui-tabs-nav li {
    width: 48%;
    text-align: center;
    float: right;
  }
  .tabs .ui-tabs-nav a {
    background: #CCC;
    padding: 12px;
    color: #666;
    font-size: 1rem;
  }
  .tabs .ui-tabs-nav .ui-state-active a {
    background: #FFF;
    color: #333;
  }
  .tabs .ui-tabs-nav li:first-child {
    margin: 0;
    float: left;
  }
  .tabs .ui-tabs-panel p {
    margin: 0;
  }
  .resp-tabs-list {
    display: none;
  }
  .resp-tabs-container {
    border: none;
    float: none;
    width: 100%;
    clear: none;
    border-bottom: solid 1px #ccc;
  }
  .resp-tabs-container .resp-tab-content {
    padding: 15px 10px;
  }
  h2.resp-accordion {
    display: block;
    padding: 15px 10px !important;
    line-height: 15px;
    border: none;
    border-top: solid 1px #CCC;
    position: relative;
  }
  .resp-accordion-closed {
    display: none !important;
  }
  .home-page-tabs {
    margin: 0 auto !important;
  }
  .nutshell p {
    font-size: 0.8125rem;
    line-height: 1.3125rem;
    width: 100%;
    margin: 0 0 21px 0;
  }
  .nutshell .btn, .nutshell input[type="submit"], .nutshell button, .nutshell .form-call-to button[type="submit"], .form-call-to .nutshell button[type="submit"], .nutshell .login button[type="submit"], .login .nutshell button[type="submit"] {
    float: left;
    width: 100%;
  }
  .page-hero {
    height: auto;
  }
  .page-hero .introduction {
    padding: 36px 0;
  }
  .internal-hero-large {
    height: auto;
  }
  .internal-intro h1 {
    font-size: 1.5rem;
  }
  .internal-intro .video-thumb {
    width: 120px;
  }
  .video-thumbs-outer {
    position: relative;
  }
  .video-thumbs .video-thumb {
    float: left;
    margin: 0 20px 0 0;
    width: 90px;
  }
  .video-thumbs .video-thumb .play-icon {
    top: 10px;
    left: 25%;
  }
  .video-thumbs .video-title {
    float: left;
    padding: 20px 0 0 0;
  }
  .grey-bar {
    margin: 0;
    border-bottom: solid 1px #CCC;
  }
  .grey-bar label {
    font-size: 0.6875rem;
  }
  .auction-table thead td {
    font-size: 0.875rem;
  }
  .auction-table tbody td {
    padding: 20px;
  }
  .auction-table tr {
    border-bottom: solid 1px #CCC;
  }
  .auction-table .question {
    text-align: left;
  }
  .auction-table .tick {
    display: none;
  }
  .auction-table .last {
    padding: 10px;
  }
  .video-side .video-thumb .play-icon {
    top: 10px;
    left: 25%;
  }
  .prop-video .video-thumb .play-icon {
    top: 25px;
    left: 35%;
  }
  #modal-wrapper .modal-band {
    width: 100%;
  }
  .foot {
    padding: 0 0 23px 0;
  }
  .foot h6 {
    display: none;
  }
  .logos-mobile {
    display: none;
  }
  .logos-tiny {
    display: block;
  }
}
@media screen and (max-width: 479px) {
  .hide-portrait {
    display: none !important;
  }
  .show-portrait {
    display: block !important;
  }
  .propertyHeader{
	padding: 9px !important;
  }
  .container {
    width: 300px;
  }
  .medium-container {
    width: 300px;
  }
  .small-container {
    width: 300px;
  }
  .black-band .container {
    width: 320px;
  }
  .media .mr {
    overflow: visible;
  }
  .glossary .mr {
    overflow: visible;
  }
  .sellers-guide.media-left .ml, .sellers-guide.media-right .mr {
    float: none;
    width: 100%;
    margin: 0 0 21px 0;
    text-align: center;
  }
  .property-header {
    width: 100%;
  }
  .hp-about {
    width: 300px;
  }
  .hp-about .ml {
    float: none;
    margin: 0 0 12px 0;
    width: 300px;
  }
  .pdc {
    width: 320px;
  }
  .testimonials, .nutshell {
    padding: 21px 0;
  }
  .mobile-tagline {
    font-size: 0.6875rem;
  }
  .form-call-to h1 {
    width: 100%;
    margin: 0 0 6px 0;
  }
  .hp-about h2 {
    font-size: 1.125rem;
    margin: 0 0 6px 0;
  }
  .newsletter {
    margin: 0 0 15px 0;
    font-size: 0.8125rem;
  }
  .full-feedback {
    margin: 0 0 15px 0;
  }
  .primary-band blockquote {
    width: 300px;
  }
  .prop-block .price {
    font-size: 1rem;
    line-height: 1.125rem;
    margin: 0;
  }
  .prop-block .location {
    font-size: 0.8125rem;
    line-height: 0.9375rem;
  }
  .prop-block .type {
    font-size: 0.75rem;
    margin: 0 0 3px 0;
  }
  .prop-block .ends {
    font-size: 0.6875rem;
    line-height: 0.8125rem;
  }
  .prop-block .timer {
    font-size: 0.6875rem;
    line-height: 0.8125rem;
  }
  .prop-list .price {
    font-size: 1rem;
    line-height: 1.125rem;
  }
  .prop-list .bid-type {
    display: none;
  }
  .prop-list .type {
    margin: 0 0 6px 0;
    font-size: 0.6875rem;
    line-height: 0.8125rem;
  }
  .prop-list .location {
    margin: 0 0 6px 0;
    font-size: 0.75rem;
    line-height: 0.9375rem;
  }
  .prop-list .ends {
    font-size: 0.625rem;
    line-height: 0.75rem;
    padding: 0;
  }
  .top-inner {
    width: 320px;
  }
  .brand-bar .brand-bar-inner {
    width: 320px;
  }
  .foot-menu {
    width: 100%;
  }
  .foot-menu li {
    width: 50%;
  }
  .foot-menu a {
    padding: 0 0 18px 0;
    border: none;
  }
  .foot-menu :nth-child(odd) a {
    border-right: solid 1px #4f4f4f;
  }
  .foot-menu :nth-child(even) a {
    padding: 0 0 18px 15px;
    border: none;
  }
  .foot-menu li:nth-child(4) a {
    padding: 0 0 18px 15px;
  }
  .breadcrumb ul li:nth-child(2) {
    display: none;
  }
  .property-band .form-call-to.form-valuation input[type="text"] {
    width: 100%;
    margin: 0;
  }
  .property-band .home-search input[type="text"] {
    width: 100%;
    float: none;
  }
  .bid-form {
    width: 100%;
  }
  .bid-form button[type="submit"] {
    width: 50px;
  }
  .bid-form button[type="submit"] {
    width: 100%;
  }
  .bid-form button[type="submit"]:before {
    content: attr(data-small);
  }
  .generic-form label {
    float: none;
    width: 100%;
    text-align: left;
    padding: 0 0 6px 0;
  }
  .generic-form input[type="text"], .generic-form input[type="email"], .generic-form select, .generic-form textarea {
    width: 100%;
    float: none;
  }
  .generic-form button[type="submit"] {
    width: 100%;
    float: none;
  }
  .btn-watch {
    border: none;
    padding: 0;
    background: none;
    text-shadow: none;
    text-transform: capitalize;
    font-size: 0.75rem;
    color: #3a73b0;
    margin: 9px 0 0 0;
  }
  .prop-list {
    padding: 0 20px 0 0;
  }
  .prop-list .ml {
    margin: 0 10px 0 0;
  }
  .prop-thumb {
    width: 120px;
    margin: 0 10px 0 0;
  }
  .seller-small {
    height: 15px;
  }
  .marker {
    font-size: 0.5625rem;
  }
  .marker-mobile {
    font-size: 0.6875rem;
  }
  .bid-details {
    width: 100%;
    margin: 0;
  }
  .download-buttons {
    width: 100%;
    margin: 0 0 21px 0;
    border-top: solid 1px #CCC;
    border-bottom: solid 1px #FFF;
  }
  .download-buttons .btn-download {
    background: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin: 0;
    font-size: 0.8125rem;
    border: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: solid 1px #CCC;
    border-top: solid 1px #FFF;
    width: 50%;
    height: 60px;
  }
  .download-buttons .btn-download:before {
    top: 15px;
  }
  .download-buttons :nth-child(even) {
    border-left: solid 1px #CCC;
  }
  .watching {
    width: 100%;
    padding: 15px 10px 9px 10px;
  }
  .watching .btn-watch {
    width: auto;
  }
  .watching .people:after {
    content: attr(data-small);
  }
  .agent-contact {
    width: 100%;
  }
  .request-val {
    width: 320px !important;
  }
  .prop-slider-container {
    width: 320px;
  }
  .hp-slider-container {
    width: 320px;
  }
  .hp-slider-container .bx-pager {
    text-align: center;
    float: none;
    margin: 0;
    padding: 6px 0 9px 0;
  }
  .hp-slider-container .bx-pager a {
    margin: 0 12px 0 0;
  }
  .hp-slider-container .bx-pager :last-child a {
    margin: 0;
  }
  .page-list select {
    width: 100%;
  }
  .auction-table tbody td {
    padding: 10px;
  }
  .social {
    float: none;
    margin: 0 auto;
    width: 170px;
    clear: both;
  }
}