/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

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

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

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

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

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

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * 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/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * 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 Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

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"], /* 1 */
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;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 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 and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

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

/**
 * Define consistent border, margin, and padding.
 */

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/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}/*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/29/2014
*/


/* Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- Grid
- Base Styles
- Typography
- Links
- Buttons
- Forms
- Lists
- Code
- Tables
- Spacing
- Utilities
- Clearing
- Media Queries
*/


/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container {
  position: relative;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 0 20px;

  box-sizing: border-box; }
.column,
.columns {
  width: 100%;
  float: left;
  box-sizing: border-box; }

/* For devices larger than 400px */
@media (min-width: 400px) {
  .container {
    width: 85%;
    padding: 0; }
}

/* For devices larger than 550px */
@media (min-width: 550px) {
  .container {
    width: 80%; }
  .column,
  .columns {
    margin-left: 4%; }
  .column:first-child,
  .columns:first-child {
    margin-left: 0; }

  .one.column,
  .one.columns                    { width: 4.66666666667%; }
  .two.columns                    { width: 13.3333333333%; }
  .three.columns                  { width: 22%;            }
  .four.columns                   { width: 30.6666666667%; }
  .five.columns                   { width: 39.3333333333%; }
  .six.columns                    { width: 48%;            }
  .seven.columns                  { width: 56.6666666667%; }
  .eight.columns                  { width: 65.3333333333%; }
  .nine.columns                   { width: 74.0%;          }
  .ten.columns                    { width: 82.6666666667%; }
  .eleven.columns                 { width: 91.3333333333%; }
  .twelve.columns                 { width: 100%; margin-left: 0; }

  .one-third.column               { width: 30.6666666667%; }
  .two-thirds.column              { width: 65.3333333333%; }

  .one-half.column                { width: 48%; }

  /* Offsets */
  .offset-by-one.column,
  .offset-by-one.columns          { margin-left: 8.66666666667%; }
  .offset-by-two.column,
  .offset-by-two.columns          { margin-left: 17.3333333333%; }
  .offset-by-three.column,
  .offset-by-three.columns        { margin-left: 26%;            }
  .offset-by-four.column,
  .offset-by-four.columns         { margin-left: 34.6666666667%; }
  .offset-by-five.column,
  .offset-by-five.columns         { margin-left: 43.3333333333%; }
  .offset-by-six.column,
  .offset-by-six.columns          { margin-left: 52%;            }
  .offset-by-seven.column,
  .offset-by-seven.columns        { margin-left: 60.6666666667%; }
  .offset-by-eight.column,
  .offset-by-eight.columns        { margin-left: 69.3333333333%; }
  .offset-by-nine.column,
  .offset-by-nine.columns         { margin-left: 78.0%;          }
  .offset-by-ten.column,
  .offset-by-ten.columns          { margin-left: 86.6666666667%; }
  .offset-by-eleven.column,
  .offset-by-eleven.columns       { margin-left: 95.3333333333%; }

  .offset-by-one-third.column,
  .offset-by-one-third.columns    { margin-left: 34.6666666667%; }
  .offset-by-two-thirds.column,
  .offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }

  .offset-by-one-half.column,
  .offset-by-one-half.columns     { margin-left: 52%; }

}


/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
html {
  font-size: 62.5%; }
body {
  font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
  font-size: 1.4em; /* currently ems cause chrome bug misinterpreting rems on body element */
  line-height: 1.6;
  font-weight: 400;
  /*font-family: "Open Sans", "Raleway", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";*/
  font-family: "Open Sans", "verdana", "sans-serif";
  color: #222; }

@media (min-width: 550px) {
  body {
    font-size: 1.5em;
  }
}

/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 2rem;
  font-weight: 300; }
h1 { font-size: 4.0rem; line-height: 1.2;  letter-spacing: -.1rem;}
h2 { font-size: 3.6rem; line-height: 1.25; letter-spacing: -.1rem; }
h3 { font-size: 3.0rem; line-height: 1.3;  letter-spacing: -.1rem; }
h4 { font-size: 2.4rem; line-height: 1.35; letter-spacing: -.08rem; }
h5 { font-size: 1.8rem; line-height: 1.5;  letter-spacing: -.05rem; }
h6 { font-size: 1.5rem; line-height: 1.6;  letter-spacing: 0; }

/* Larger than phablet */

@media (min-width: 550px) {
  h1 { font-size: 5.0rem; }
  h2 { font-size: 4.2rem; }
  h3 { font-size: 3.6rem; }
  h4 { font-size: 3.0rem; }
  h5 { font-size: 2.4rem; }
  h6 { font-size: 1.5rem; }
}

p {
  margin-top: 0; }


/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {
  color: #1EAEDB; }
a:hover {
  color: #0FA0CE; }


/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  display: inline-block;
  height: 38px;
  padding: 0 30px;
  color: #555;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  line-height: 38px;
  letter-spacing: .1rem;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border-radius: 4px;
  border: 1px solid #bbb;
  cursor: pointer;
  box-sizing: border-box; }
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
  color: #333;
  border-color: #888;
  outline: 0; }
.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
  color: #FFF;
  background-color: #33C3F0;
  border-color: #33C3F0; }
.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
  color: #FFF;
  background-color: #1EAEDB;
  border-color: #1EAEDB; }


/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
  height: 38px;
  padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
  background-color: #fff;
  border: 1px solid #D1D1D1;
  border: 1px solid #bbb;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box; }
/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
textarea {
  min-height: 65px;
  padding-top: 6px;
  padding-bottom: 6px; }
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  border: 1px solid #33C3F0;
  outline: 0; }
label,
legend {
  display: block;
  margin-bottom: .5rem;
  font-weight: 600; }
fieldset {
  padding: 0;
  border-width: 0; }
input[type="checkbox"],
input[type="radio"] {
  display: inline; }
label > .label-body {
  display: inline-block;
  margin-left: .5rem;
  font-weight: normal; }


/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ul {
  list-style: circle inside; }
ol {
  list-style: decimal inside; }
ol, ul {
  padding-left: 0;
  margin-top: 0; }
ul ul,
ul ol,
ol ol,
ol ul {
  margin: 1.5rem 0 1.5rem 3rem;
  font-size: 90%; }
li {
  margin-bottom: 1rem; }


/* Code
–––––––––––––––––––––––––––––––––––––––––––––––––– */
code {
  padding: .2rem .5rem;
  margin: 0 .2rem;
  font-size: 90%;
  white-space: nowrap;
  background: #F1F1F1;
  border: 1px solid #E1E1E1;
  border-radius: 4px; }
pre > code {
  display: block;
  padding: 1rem 1.5rem;
  white-space: pre; }


/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
th,
td {
  padding: 12px 15px;
  text-align: left;
  border-bottom: 1px solid #E1E1E1; }
th:first-child,
td:first-child {
  padding-left: 0; }
th:last-child,
td:last-child {
  padding-right: 0; }


/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
button,
.button {
  margin-bottom: 1rem; }
input,
textarea,
select,
fieldset {
  margin-bottom: 1.5rem; }
pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol,
form {
  margin-bottom: 2.5rem; }


/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.u-full-width {
  width: 100%;
  box-sizing: border-box; }
.u-max-full-width {
  max-width: 100%;
  box-sizing: border-box; }
.u-pull-right {
  float: right; }
.u-pull-left {
  float: left; }


/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */
hr {
  margin-top: 3rem;
  margin-bottom: 3.5rem;
  border-width: 0;
  border-top: 1px solid #E1E1E1; }


/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Self Clearing Goodness */
.container:after,
.row:after,
.u-cf {
  content: "";
  display: table;
  clear: both; }


/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/


/* Larger than mobile */
@media (min-width: 400px) {}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {}

/* Larger than tablet */
@media (min-width: 750px) {}

/* Larger than desktop */
@media (min-width: 1000px) {}

/* Larger than Desktop HD */
@media (min-width: 1200px) {}

body {
	position: relative;
	background-color: #fff;
	color: #555;
  font-family: "Open Sans", "Verdana", "sans-serif";
}
h1, h2, h3, h4, h5, h6 {
  font-family: "Lato", "sans-serif";
  font-weight: bold;
  letter-spacing: 0;
}

h1 { font-size: 2.4rem; line-height: 1.3; }
h2 { font-size: 1.8rem; line-height: 1.4; }
h3 { font-size: 1.3rem; line-height: 1.5; }
h4 { font-size: 1.0rem; line-height: 1.6; }
h5 { font-size: 1.0rem; line-height: 1.7; }
h6{ font-size: 1.0rem; line-height: 1.7; }

@media (min-width: 550px) {
	h1 { font-size: 3.2rem; line-height: 1.2; }
	h2 { font-size: 2.4rem; line-height: 1.3; }
	h3 { font-size: 1.8rem; line-height: 1.4; }
	h4 { font-size: 1.3rem; line-height: 1.5; }
	h5 { font-size: 1.0rem; line-height: 1.6; }
	h6 { font-size: 1.0rem; line-height: 1.7; }
}

.container {
  max-width: 1240px;
  min-width: 320px;
	width: 100%;
  padding: 0;
}
@media (min-width: 340px) {
	.container {
	  padding: 0 10px;
	}
}
@media (min-width: 400px) {
	.container {
	  padding: 0 20px;
	}
}

@media (min-width: 920px) {
  .container {
		width: 85%;
  }
}

.bad-browser-msg {
	box-sizing: border-box;
	width: 100%;
	padding: 3em 5em;
	background-color: #993333;
	color: #fff;
	font-weight: bold;
	text-align: center;
}

.link-color,
a {
	color: #2d80b1;
	text-decoration: none;
}
a:active,
a:hover {
	color: #3b94c9;
}

abbr {
	cursor: help;
}

.section.spaced-out {
  margin: 2rem 0 !important;
}
@media (min-width: 640px) {
	.section.spaced-out {
	  margin: 4rem 0 !important;
	}
}

table caption {
	caption-side: bottom;
	text-align: left;
	font-size: 1.3rem;
	padding: 0.5rem 0 1rem;
}
h1, h2 {
	text-transform: capitalize;
}

.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  font-size: 14px;
}
.header-menu {
	background-color: #f1f1f1;
	padding: 0.7rem 0;
	max-height: 42px;
}

.header-menu .av-logo {
	float: left;
	text-decoration: none;
}
.header-menu .av-logo img {
	float:left;
	width: auto;
	height: 41px;
}


.header-menu .ug-ifelse a {
	display: none;
}
body[data-user="guest"] .ug-ifelse .g {
	display: inline-block;
}
body:not([data-user="guest"]) .ug-ifelse .u {
	display: inline-block;
}


.hamburger {
	position: relative;
	float: right;
	font-size: 1.4rem;
	margin: 2rem 0 0 0;
	padding: 0;
	line-height: 0;
}
.hamburger label {
  position: absolute;
  z-index: 1002;
  display: inline-block;
  right: 0;
  top: 0;
  width: 2rem;
  height: 2rem;

  cursor: pointer;
}
.hamburger label i {
	float: left;
	width: 100%;
	height: 0.4rem;
	background-color: #777;
	border-radius: 1px;
}
.hamburger label i+i {
	margin-top: 0.4rem;
}
.hamburger input {
	position: absolute;
	right: 0;
  clip: rect(0, 0, 0, 0);
}
.hamburger input:checked ~ nav {
  display: block;
}
.hamburger input:checked + label i {
	background-color: #fff;
}

.hamburger .nav-group {
	display: inline-block;
}

@media (max-width: 899px) {
	.hamburger nav .nav-group:nth-of-type(n+2) {
		margin-top: 1.5rem;
	}
	.hamburger nav {
		display: none;
		position: absolute;
		z-index: 1001;
		right: -1rem;
		top: -1rem;
		_min-width: 12rem;
		padding: 0.5rem 3.5rem 0.5rem 0.5rem;
		background-color: #61a02a;
	}
	.hamburger nav a {
		box-sizing: border-box;
		display: inline-block;

		color: #fff;
		text-decoration: none;
		min-width: 15rem;
		padding: 0 1rem;
		width: 100%;
		height: 3rem;
		line-height: 2.2em;
		text-align: right;
		white-space: nowrap;
		transition: background-color 50ms ease-in;
	}
	.hamburger nav a:active,
	.hamburger nav a:hover {
		background-color: rgba(0,0,0, 0.2);
		transition: 300ms;
	}
}

@media (min-width: 900px) {
	.hamburger {
		text-align: right;
	}
	.hamburger label,
	.hamburger input {
		display: none;
	}
	.hamburger nav {
		float:right;
		overflow: hidden;
		line-height: 1;
		text-align: right;
		margin-top: -0.2rem;
	}
	.hamburger nav a {
		display: inline-block;
		padding: 0 0 0.6rem 0;
		margin-left: 1.5rem;
		text-decoration: none;
		border-bottom: solid 3px rgba(128,128,128, 0);
		transition: border-color 50ms ease-in;
	}
	.hamburger nav a:hover {
		transition: 300ms;
		border-color: #b9b9b9;
	}

	.hamburger nav .nav-group:nth-of-type(n+1) {
		margin-left: 2.5rem;
	}
}






















.header-search {
	background-color: #2d80b1;
	padding: 0.7rem 0;
}
.search-box {
	position: relative;
	width: 100%;
	max-width: 550px;
	margin: 0 auto;
}
.search-box input {
	width: 100%;
	margin: 0;
}
.search-box input:focus {
	border-color: #f1f1f1;
}
.search-box button {
	position: absolute;
	top: 0;
	right: 0;
	padding: 0;
	background: #61a02a url('/images/search-glass.png') no-repeat center center;
	height: 36px;
	width: 37px;
	border: 0;
	margin: 1px;
	border-radius: 0 2px 2px 0;
}
.search-box button:hover {
	border-color: #bbb;
}
.search-box ul {
	box-sizing: border-box;
	position: absolute;
	display: none;
	z-index: 99999;
	width: 100%;
	border: solid 1px #d1d1d1;
	border-radius: 4px;
	padding: 0.6rem;
	margin: 0;
	background-color: #fff;
	list-style: none;
}
.search-box ul:empty {
	display: none !important;
}
.search-box ul li {
	box-sizing: border-box;
	display: block;
	width: 100%;
	margin: 0;
	padding: 0 0.6rem;
	line-height: 2.8rem;
	border-radius: 3px;
	cursor: pointer;
}
.search-box ul li.h {
	background-color: rgba(96,96,96,0.2) !important;
}
.search-box ul li:hover {
	background-color: rgba(128,128,128,0.1);
}





.header-crumbs {
	background-color: #e6edf2;
	padding: 0.3rem 0;
}
@media (min-width: 640px) {
	.header-crumbs {
		margin-bottom: -2rem;
	}
}
.header-crumbs .breadcrumbs {
	font-size: 1.3rem;
}
.header-crumbs .breadcrumbs a {
	font-weight: normal;
	text-decoration: none;
}
.header-crumbs .breadcrumbs a:after {
	content: '\00bb';
	padding: 0 0.5rem;
}
.header-crumbs .breadcrumbs a:first-child:before {
	content: '';
}

.footer {
	margin-top: -2rem;
	color: #fff;
}
.home .footer {
	margin-top: 0;
}

.footer {
	background-color: #2d80b1;

}
.footer .row  {
	padding: 2rem 0;
}
.footer nav a {
	float: left;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.footer .footer-social,
.footer .footer-copyright,
.footer .footer-links {
	display: inline-block;
	width: 100%;
}
.footer .footer-links a:hover {
	text-decoration: underline;
}
.footer .footer-links a {
	text-decoration: none;
	color: #fff;
}
.footer-title {
	float: left;
	width: 100%;
	font-weight: bold;
	font-style: normal;
	font-size: 1.6rem;
	margin-bottom: 0.5rem;
}
.footer .footer-social {
	display: inline-block;
	_width: 222px;
	padding: 0;
}
.footer .footer-social span {
	display: inline-block;
	width: 100%;
	margin-bottom: 5px;
}

.footer .footer-social a {
	display: inline-block;
	float: left;
	padding: 0;
	margin: 8px 0 13px 0;
	cursor: pointer;

	width: 36px;
	min-height: 36px;

	background: transparent url('/images/sprites-social.png') no-repeat;
}
.footer .footer-social a+a {
	margin-left: 10px;
}
/*
.footer .footer-social:before {
	content: 'Follow AreaVibes on';
	width: 100%;
	display: inline-block;
	margin-bottom: 0.3rem;
}
*/

.footer .footer-social a:nth-child(1) { background-position: -100px    0px; }
.footer .footer-social a:nth-child(2) { background-position: -100px -100px; }
.footer .footer-social a:nth-child(3) { background-position: -100px -200px; }
.footer .footer-social a:nth-child(4) { background-position: -100px -300px; }


@media (max-width: 639px) {
	.footer .row  {
		padding-bottom: 7rem;
	}
}.modal-dialog[data-show="0"] {
	visibility: hidden;
	opacity: 0;
	transition: opacity 300ms linear, visibility 300ms linear;
}
.modal-dialog[data-show="1"] {
	visibility: visible;
	opacity: 1;
	transition: opacity 300ms linear, visibility 300ms linear;
}
.modal-dialog {
	visibility: hidden;
	opacity: 0;

	display: table;
	position: fixed;
	z-index: 90000;
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.modal-dialog-container {
	display: table-cell;
	margin: auto;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	text-align: center;
	background-color: rgba(0,0,0, 0.7);
}
.modal-dialog-x {
	position: absolute;
	right: 0;
	top: 0;

	border-radius: 0 0 0 4px;
	padding: 0.1rem 0.5rem 0.2rem 0.7rem;

	cursor: pointer;
	background-color: rgba(32,32,32, 0.5);
	color: #fff;
}
.modal-dialog-x:hover:after {
	opacity: 1;
}
.modal-dialog-x:after {
	content: '\2716';
	opacity: 0.7;
}

.modal-dialog-container form {
	position: relative;
 	box-sizing: border-box;
	display: table;
	display: inline-block;
	width: 94%;
	max-width: 36rem;
	min-width: 28rem;
	height: auto;
	background-color: #f1f1f1;
	margin: 0 auto;
	padding: 1.5rem;
}
.modal-dialog-container form strong,
.modal-dialog-container form button,
.modal-dialog-container form textarea,
.modal-dialog-container form input {
	float: left;
	width: 100%;
	margin: 1.5rem 0 0 0;
}
.modal-dialog-container form button + span,
.modal-dialog-container form button + a {
	margin-top: 1rem;
}
.modal-dialog-container form span,
.modal-dialog-container form a {
	float: left;
	width: 100%;
	font-size: 1.3rem;
	line-height: 2em;
}
.modal-dialog-container form span a {
	float: none;
	width: auto;
}
.modal-dialog-container form strong {
	height: 2.8rem;
	margin: 0;
	line-height: 2.5rem;
	font-size: 1.8rem;
}
.modal-dialog-container form textarea {
	height: auto;
	resize: none;
}
.modal-dialog-container form button {
	background-color: #61a02a;
	color: #f1f1f1;
}
.modal-dialog-container form .form-header,
.modal-dialog-container form .form-errors,
.modal-dialog-container form .form-fields {
	width: 100%;
}
.modal-dialog-container form .form-header {
	border-bottom: solid 1px #ccc;
}
.modal-dialog-container form .form-errors {
	box-sizing: border-box;
	display: none;
	float: left;
	width: 100%;
	margin: 0.5rem 0;
	padding: 0 0 0 1.5rem;
	list-style: disc outside;
}
.modal-dialog-container form .form-errors li {
	float: left;
	width: 100%;
	margin: 0.5rem 0 0 0;
}



.waiting-msg {
	text-align: center;
	padding-bottom: 2rem;
}
.waiting-msg span {
	display: inline-block;
	border-bottom: solid 0.1rem #fff;
	color: #fff;
	font-size: 2rem;
	padding-bottom: 0.5rem;
	min-width: 20rem;
	_width: auto;
}
.waiting-hourglass {
	text-align: center;
}
.waiting-hourglass i {
	display: inline-block;
	margin: 1.5rem;
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	background-color: rgba(255,255,255, 0.5);

	transform: scale(1);
	transition: transform 0.2s;
}
.waiting-hourglass i.g {
	transform: scale(2);
}
@media (max-width: 749px) {
	.home h1,
	.home h2 {
		text-align: center;
		font-size: 1.6rem;
		letter-spacing: 2px;
		margin: 1rem 0 0.5rem 0;
	}
	.home h2 {
		font-size: 2rem;
	}

	.home-search .row,
	.home-score .row,
	.home-process .row,
	.home-best .row {
		padding: 1rem 0;
	}
	.home-score {
		background-color: #eaece3;
	}
	.home-best {
		background-color: #9fe1d6;
	}
	.home-search .row ul,
	.home-score .row ul,
	.home-process .row ul {
		display: none;
	}
	.home-best .row ul {
		list-style: none;
		margin-top: 2rem;
	}
	.home-best .row ul i {
		font-style: normal;
		font-weight: bold;
		padding-right: 1rem;
	}
	.home-best .row ul li {
		margin-bottom: 0.5rem;
	}
	.home-best .row ul i:first-of-type:after {
		content: '.';
	}
	.home-best .row ul i:last-of-type {
		float: right;
	}

	.home-process {
		display: none;
	}
	.home-search .home-form-wrapper {
		background-color: rgba(0,0,0,0.7);
		padding: 0.1rem 1rem 1.5rem 1rem;
		margin: 6.5rem auto;
	}
	.home-search .home-form-wrapper h1 {
		color: #f1f1f1;
	}

	.home-search {
		background: transparent url('/images/home-image-mobi.jpg') no-repeat 0 0;
		background-size: cover;
	}
	.home-score img {
		display: block;
		margin: 1rem auto;
	}
	.home-score span {
		display: inline-block;
	}
}

@media (min-width: 750px) {
	.home h1,
	.home h2 {
		text-align: center;
		font-size: 5rem;
		letter-spacing: 2px;
	}


	.home-search {
		background: transparent url('/images/home-image.jpg') no-repeat 0 0;
		background-size: cover;
	}
	.home-search .home-form-wrapper {
		background-color: rgba(33,33,33,0.7);
		padding: 6rem 6rem;
		margin: 25rem auto;
		max-width: 80rem;
	}
	.home-search .home-form-wrapper .home-form-border {
		background-color: rgba(33,33,33,0.3);
		_background-color: red;
		padding: 1rem;
		margin: 0 auto;
	}
	.home-search .home-form-wrapper h1 {
		color: #f1f1f1;
	}
	.home-search .search-box {
		max-width: none;
	}
	.home-search .search-box input {
		height: 5.5rem;
		font-size: 120%;
	}
	.home-search .search-box button {
		height: 5.3rem;
		width: 6rem;
	}






	.home-score {
		background-color: #eaece3;
	}
	.home-score .row {
		padding: 6rem 0;
	}
	.home-score .icons {
		display: inline-block;
		width: 100%;
		list-style: none;
		_background-color: cyan;
		margin: 3rem 0 3.5rem 0;
	}
	.home-score .icons li {
		float: left;
		background: transparent url('/images/home-score-sprite.png') no-repeat 0 0;
		display: inline-block;
		width: 12.5%;
		min-width: 5rem;
		height: 6rem;
	}
	.home-score .icons li:nth-child(1) { background-position: 50%   -0px;}
	.home-score .icons li:nth-child(2) { background-position: 50% -100px;}
	.home-score .icons li:nth-child(3) { background-position: 50% -200px;}
	.home-score .icons li:nth-child(4) { background-position: 50% -300px;}
	.home-score .icons li:nth-child(5) { background-position: 50% -400px;}
	.home-score .icons li:nth-child(6) { background-position: 50% -500px;}
	.home-score .icons li:nth-child(7) { background-position: 50% -600px;}
	.home-score .icons li:nth-child(8) { background-position: 50% -700px;}

	.home-score span {
		box-sizing: border-box;
		display: inline-block;
		font-size: 125%;
		text-align: center;
		margin: 0 auto;
		width: 100%;
		padding: 0 7%;
		_background-color: red;
		_max-width: 500px;
	}

	.home-score img {
		display: none;
	}






	.home-process {
		background-color: #1fb6ea;
	}
	.home-process .row {
		padding: 6rem 0;
		color: #fff;
	}
	.home-process h2 {
	}
	.home-process .icons {
		display: inline-block;
		width: 100%;
		list-style: none;
		margin: 0;

		margin: 3rem 0 0 0;
		padding: 0;
	}
	.home-process .icons li {
		float: left;
		box-sizing: border-box;
		background: transparent url('/images/home-proc-sprite.png') no-repeat 0 0;
		display: inline-block;
		width: 100%;
		padding: 0;

		width: 33.3%;
		_min-width: 23rem;
		min-height: 10rem;
		padding: 21rem 0 0 0;
	}
	/*
	.home-process .icons li:nth-child(1) { background-position: 0    -0px;}
	.home-process .icons li:nth-child(2) { background-position: 0  -500px;}
	.home-process .icons li:nth-child(3) { background-position: 0 -1000px;}
	*/
	.home-process .icons li:nth-child(1) { background-position: 50%    -0px; padding: 21rem 0.4% 0 0;}
	.home-process .icons li:nth-child(2) { background-position: 50%  -500px; padding: 21rem 0.2% 0 0.2%;}
	.home-process .icons li:nth-child(3) { background-position: 50% -1000px; padding: 21rem 0 0 0.4%;}


	.home-process strong {
		display: inline-block;
		width: 100%;
		display: inline-block;
		overflow: hidden;
		white-space: nowrap;
		font: bold;
		text-transform: uppercase;
		margin-bottom: 2rem;
		text-align: center;
	}
	.home-process span {
		box-sizing: border-box;
		display: inline-block;
		text-align: center;
		width: 100%;
		padding: 0 2rem;
	}









	.home-best {
		background-color: pink;
		background: transparent url('/images/home-map-bg.jpg') no-repeat 0 0;
		background-size: cover;
	}
	.home-best .row {
		padding: 6rem 0;
	}
	.home-best .icons {
		display: inline-block;
		width: 100%;
		list-style: none;
		margin: 3rem 0 3.5rem 0;
	}
	.home-best .icons li {
		float: left;
		background: transparent url('/images/home-best.png') no-repeat 50% 0;
		display: inline-block;
		width: 20%;
		min-width: 5rem;
	}
	.home-best .icons li i {
		display: block;
		width: 100%;
		font-size: 5rem;
		text-align: center;
		font-style: normal;
		font-weight: bold;
	}
	.home-best .icons li i:nth-of-type(1) {
		color: #e45525;
		height: 12rem;
		line-height: 9.1rem;
	}
	.home-best .icons li i:nth-of-type(2) {
		color: #fff;
		height: 12rem;
		line-height: 14rem;
	}

	.home-best .icons li a {
		display: block;
		width: 100%;
		text-align: center;
		height: 6rem;
		line-height: 7.4rem;
		font-weight: bold;
		font-size: 1.8rem;
	}


	.home-best span {
		box-sizing: border-box;
		display: inline-block;
		text-align: center;
		width: 100%;
		padding: 0 2rem;
		font-size: 113%;

	}
}h2 .tiny {
	font-size: 1.2rem;
	color: #888;
}

.page-header {
	display: table;

	position: relative;
	width: 100%;
	background-color: #2d80b1;
	border-radius: 5px 5px 0 0
}
.page-header h1 {
	box-sizing: border-box;
	width: 100%;
	padding: 0.7rem 1rem 1.2rem 1rem;
	margin: 0;
	color: #fff;
}



/* nav */
.page-header .collapse-tabs-container {
	box-sizing: border-box;
	width: 100%;
	padding: 0 1rem;
}
.page-header .collapse-tabs-container label {
	box-sizing: border-box;
	padding: 0.5rem 1rem;
	width: 100%;
  cursor: pointer;
  background-color: #61a02a;
  border-radius: 3px;
  color: #fff;
}
.page-header .collapse-tabs-container label:after {
	float: right;
	content: '\25bc';
}
.page-header .collapse-tabs-container input {
	position: absolute;
  clip: rect(0, 0, 0, 0);
}
.page-header .collapse-tabs-container input:checked ~ nav {
	display: block;
}
.page-header .collapse-tabs-container nav {
	box-sizing: border-box;
	display: none;
	position: absolute;
	z-index: 9;
	left: 1rem;
	right: 1rem;

	padding: 1rem 0;
	margin: -0.4rem 0 0 0;
	background-color: #61a02a;
}
.page-header .collapse-tabs-container nav a {
	box-sizing: border-box;
	float: left;
	margin: 0;
	padding: 0.4rem 1rem;
	width: 100%;
	color: #fff;
	text-decoration: none;
}
.page-header .collapse-tabs-container nav a:active,
.page-header .collapse-tabs-container nav a:hover {
	background-color: rgba(0,0,0, 0.2);
}

@media (min-width: 750px) {
	.page-header .collapse-tabs-container {
	}
	.page-header .collapse-tabs-container input,
	.page-header .collapse-tabs-container label {
		display: none;
	}
	.page-header .collapse-tabs-container nav {
		box-sizing: border-box;
		position: static;
		padding: 0;
		background-color: transparent;

		display: table;
		border-spacing: 2px 0;
		border-collapse: separate;
		border: 0;

		width: 85%;
		max-width: 830px;
		min-width: 690px;
	}
	.page-header .collapse-tabs-container nav a {
		box-sizing: border-box;
		width: auto;
		background-color: #91c3e9;
		border-radius: 3px 3px 0 0;
		color: #fff;
		text-decoration: none;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		text-align: center;

		display: table-cell;
		float: none;
	}
	.page-header .collapse-tabs-container nav a:hover {
		background-color: #edf5fc;
		color: #555;
	}

	.details.liv .page-header .collapse-tabs-container nav a[data-tab="liv"],
	.details.ams .page-header .collapse-tabs-container nav a[data-tab="liv"],
	.details.col .page-header .collapse-tabs-container nav a[data-tab="liv"],
	.details.cri .page-header .collapse-tabs-container nav a[data-tab="liv"],
	.details.edu .page-header .collapse-tabs-container nav a[data-tab="liv"],
	.details.emp .page-header .collapse-tabs-container nav a[data-tab="liv"],
	.details.hou .page-header .collapse-tabs-container nav a[data-tab="liv"],
	.details.wea .page-header .collapse-tabs-container nav a[data-tab="liv"],
	.details.dem .page-header .collapse-tabs-container nav a[data-tab="dem"],
	.details.hds .page-header .collapse-tabs-container nav a[data-tab="hds"],
	.details.rvw .page-header .collapse-tabs-container nav a[data-tab="rvw"],
	.details.qst .page-header .collapse-tabs-container nav a[data-tab="frm"],
	.details.ans .page-header .collapse-tabs-container nav a[data-tab="frm"],
	.details.rea .page-header .collapse-tabs-container nav a[data-tab="rea"],
	.page-header .collapse-tabs-container nav a.sel {
		background-color: #fff;
		color: #555;
	}
}


.category-menu {
  box-sizing: border-box;
  display: inline-block;
  width: 100%;

	margin: 1rem 0 0 0;
	padding: 0;
  background-color: #edf5fc;

  float: left;
}
.category-menu a {
  box-sizing: border-box;
  position: relative;
  float:left;
  display: inline-block;
  padding: 0.3rem 1rem;
  margin: 0;
  width: 50%;
  overflow: hidden;

  white-space: nowrap;
  overflow: hidden;

  text-decoration: none;
  text-align: left;

}
.category-menu a:active em,
.category-menu a:hover em {
	text-decoration: underline !important;
}
.category-menu a em {
	display: inline-block;
	font-style: normal;
}
.category-menu a i {
	position: absolute;
	display: inline-block;
	right: 1rem;
	padding: 0 0.7rem;
	border-radius: 4px;
	text-align: center;
	font-style: normal;
	font-weight: bold;
	color: #fff;
	min-width: 2rem;
}
.category-menu a:first-child i {
	background-color: #2d80b1;
}
.category-menu a i.bad {
	background-color: #e65e28;
}
.category-menu a i.ok {
	background-color: #f19d2c;
}
.category-menu a i.good {
	background-color: #83983b;
}

@media (min-width: 750px) {
	.category-menu a {
		width: 25%;
	}
}
@media (min-width: 900px) {
	.category-menu a {
		width: 12.5%;
		height: 12rem;
		_padding: 0.3rem 0.5rem;
		text-align: center;

	  border-bottom: solid 3px rgba(0,0,0,0);
	  padding-bottom: 0;
	}
	.category-menu a i {
		position: static;
		display: inline-block;
		width: 5rem;
		height: 5rem;
		margin-top: 2.3rem;
		padding: 0;
		text-align: center;
		line-height: 5rem;
		font-size: 1.8rem;
	}
	.category-menu a:first-child i {
		border-radius: 0;
		background: transparent url('/images/liv-shield.png') no-repeat 50% 0rem;
		background-size: 7rem;
		background-size: 75%;
		height: 7.3rem;
		width: 7rem;
		line-height: 7.8rem;
		margin-top: 1rem;
		font-weight: bold;
		font-size: 2.2rem;
	}
	.category-menu a em {
		position: absolute;
		left: 0.5rem;
		right: 0.5rem;
		bottom: 0.7rem;
		overflow: hidden;
	}


	.details.liv .category-menu a:nth-child(1),
	.details.ams .category-menu a:nth-child(2),
	.details.col .category-menu a:nth-child(3),
	.details.cri .category-menu a:nth-child(4),
	.details.edu .category-menu a:nth-child(5),
	.details.emp .category-menu a:nth-child(6),
	.details.hou .category-menu a:nth-child(7),
	.details.wea .category-menu a:nth-child(8) {
	  background-color: #dae9f6;
	  border-bottom: solid 3px #2d80b1;
	}
	.category-menu a:hover {
	  background-color: #dae9f6;
	}
	.category-menu a:hover em {
	  text-decoration: none !important;
	}
}






.score-overview {
}
.score-overview .row {
	background-color: #f1f1f1;
}
.score-overview .score-panel {
	float: left;
	box-sizing: border-box;
	width: 100%;
	padding: 1.5rem;
}
@media (min-width: 900px) {
	.score-overview .score-panel {
		width: 50%;
	}
}
.score-overview h2 {
	text-align: center;
}
.score-overview .score-map {
	position: relative;
	width: 100%;
	_width: auto;
	height: 261px;

	background: transparent url('/images/score-overview-map.png') no-repeat 50% 50%;
	background-size: contain;
}
.score-overview .score-map em {
	position: absolute;
	width: 100%;
	_background-color: rgba(0,0,0, 0.1);

	top: 53%;
	font-size: 5rem;
	margin-top: -2.5rem;
	line-height: 1;

	color: #fff;
	text-align: center;
	font-style: normal;
	font-weight: bold;
}
@media (min-width: 550px) {
	.score-overview .score-map em {
		font-size: 8rem;
		margin-top: -4rem;
	}
}
@media (min-width: 800px) {
	.score-overview .score-map em {
		font-size: 8rem;
		margin-top: -3.2rem;
	}
}

.score-overview .score-map + strong {
	display: inline-block;
	width: 100%;
	color: #61a02a;
	text-align: center;
	text-transform: uppercase;
	font-size: 2rem;
	line-height: 1rem;
	margin-top: 2rem;
}


.score-overview ul {
	display: inline-block;
	list-style: disc outside;
	margin: 0 0 1rem 0;
}
.score-overview ul li {
	box-sizing: border-box;
	float: left;
	width: 100%;
}
.score-overview ul.score-place-rank li {
	margin-left: 1.5rem;
}

.score-overview ul.score-place-fact {
	list-style: none outside;
}
.score-overview ul.score-place-fact li {
	background: url('/images/checkmark-small.png') no-repeat 0 0;
	padding-left: 2.5rem;
}
@media (min-width: 750px) {
	.score-overview .score-place-fact li {
		_white-space: nowrap;
		_overflow: hidden;
		width: 50%;
	}
	.score-overview .score-place-fact li:nth-child(2n+1) {
	}
}





.score-overview .score-chart-title {
	float: left;
	width: 100%;
	text-align: center;
	margin-bottom: 0;
}
.score-overview .score-chart {
	box-sizing: border-box;
	display: table;
	table-layout: fixed;
	width: 100%;
	border: solid 1px #999;
	border-width: 0 0 1px 1px;

	border-collapse: separate;
	border-spacing: 2rem 0.2rem;
	margin: 0 0 2.5rem 0;
}
.score-overview .score-chart div {
	position: relative;
	display: table-cell;
	height: 10rem;
	text-align: center;
	vertical-align: bottom;
	color: #fff;
  text-shadow: 0 0 2px #2d80b1;

	/*background: transparent no-repeat url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200"><rect fill="%232d80b1" x="0" y="0" width="200" height="200"/></svg>');*/
	background: transparent repeat-x url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADICAIAAACmkByiAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAlwSFlzAAAOwwAADsMBx2+oZAAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTFH80I3AAAAFklEQVQ4T2PQbdjIMIpHw2A0DWBNAwDz9hGADyHdmQAAAABJRU5ErkJggg==');
	background-position: 0 5rem;
}

.score-overview .score-chart div span {
}
.score-overview .score-chart div em {
	position: absolute;
	display: inline-block;
	left: 0;
	right: 0;
	bottom: -2.5rem;
	bottom: -3rem;
	font-style: normal;
	color: #555;
	text-shadow: none;

	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
















.teasers {
}
.teasers .box {
	float: left;
	display: inline-block;
	position: relative;
	width: 100%;
	min-height: 25rem;
	margin: 0 0 2% 0;
	padding: 0;
	background-color: #f1f1f1;
	text-align: center;
	color: inherit;
}

.teasers .box .grade {
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	padding: 1.5rem 1rem;
	width: 100%;
	height: 14.5rem;
	line-height: 17rem;
	color: #fff;
	font-size: 7rem;
}
.teasers .box .grade.bad {
	background-color: #e65e28;
}
.teasers .box .grade.ok {
	background-color: #f19d2c;
}
.teasers .box .grade.good {
	background-color: #83983b;
}
.teasers .box:last-child .grade {
	background-color: rgba(0,0,0, 0.2);
}
.teasers .box .grade em {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	line-height: 4.5rem;
	_background-color: rgba(0,0,0, 0.1);
	border-bottom: solid 1rem rgba(255,255,255, 0.1);

	font-style: normal;
	font-size: 1.7rem;
}
.teasers .box .fact {
	box-sizing: border-box;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 1.5rem 1rem 1rem 1rem;
	width: 100%;
	font-size: 1.7rem;
	line-height: 2.4rem;
}
.teasers .box .fact small {
	display: inline-block;
	width: 100%;
	font-size: 1.2rem;
	color: #2d80b1;
	font-weight: bold;
	line-height: 1.8rem;
	padding-top: 1.7rem
}

.teasers .box .fact b {
	font-size: 2.2rem;
}
@media (min-width: 500px) {
	.teasers .box {
		width: 49%;
		min-height: 26.5rem;
		margin: 0 0 2% 2%;
	}
	.teasers .box:nth-of-type(2n+1) {
		margin-left: 0;
	}
	.teasers .box:nth-of-type(n+7) {
		margin-bottom: 0;
	}
}
@media (min-width: 900px) {
	.teasers .box {
		width: 23.5%;
		min-height: 28rem;
		margin: 0 0 2% 2%;
	}
	.teasers .box:nth-of-type(2n+1) {
		margin-left: 2%;
	}
	.teasers .box:nth-of-type(4n+1) {
		margin-left: 0;
	}
	.teasers .box:nth-of-type(n+5) {
		margin-bottom: 0;
	}
}

















.amenities-map {
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
	border: solid 1.5rem #f1f1f1;
	background-color: #f1f1f1;
	width: 100%;
	height: auto;
}
.amenities-map .map {
	width: 100%;
	height: 32rem;
}
@media (min-width: 500px) {
	.amenities-map .map {
		min-height: 48rem;
	}
}
.amenities-map .cats {
	_display: none;
	position: absolute;
	z-index: 99;
	right: -20rem;
	top: 0;
	bottom: 0;
	padding: 0;
	margin: 0;
	width: 20rem;
}
.amenities-map .cats em {
	display: inline-block;

	margin-left: -4rem;
	height: 4rem;
	width: 4rem;
	line-height: 4rem;
	text-align: center;

	font-size: 2rem;
	color: #fff;
	color: #000;
	background-color: rgba(241,241,241, 0.7);
	cursor: default;
}
.amenities-map .cats em:after {
	display: inline-block;
	_background-color: #f1f1f1;
	_padding: 0 0.5rem;
	content: '\2261';
}

.amenities-map .cats div {
	box-sizing: border-box;

	position: absolute;
	top: 4rem;
	right: 0;
	_bottom: 0;

	list-style: none;
	background-color: rgba(32,32,32, 0.7);
	background-color: rgba(241,241,241, 0.9);
	font-size: 1.4rem;
	margin: 0;
	padding: 1rem;
	width: 100%;

	font-weight: normal;
	color: #fff;
	color: #000;
	transition: right 0.7s linear;
}
.amenities-map .cats:hover div {
	transition: right 0.3s linear;
	right: 100%;
}
.amenities-map .cats div label {
	display: inline-block;
	width: 100%;
	font-weight: normal;
	line-height: 2.9rem;
	height: 2.4rem;
}
.amenities-map .cats div label+label {
	border-top: solid 1px rgba(255,255,255, 0.2);
	border-top: solid 1px rgba(0,0,0, 0.2);
}
.amenities-map .cats div label input {
	_float: right;
	_margin: 0.8rem 0 0;
	float: left;
	margin: 0.8rem 1rem 0 0;
}
.amenities-map .cats div label i {
	font-style: normal;
	font-size: 0.8em;
	float: right;
	_padding: 0 1.5rem 0 0;
	padding: 0;
}
.amenities-map .cats div label i:empty:after {
	content: '';
}

@media (min-width: 1000px) {
	.amenities-map {
		padding-right: 20rem;
	}
	.amenities-map .cats em {
		display: none;
	}
	.amenities-map .cats {
		right: -0.5rem;
		top: -5rem;
	}
	.amenities-map .cats:hover div {
		right: 0;
	}
}


.map-container {
	float: left;
	width: 100%;
	margin-bottom: 2.5rem;
}
.map-container.mobile-hidden {
	display: none;
}
@media (min-width: 800px) {
	.map-container.mobile-hidden {
		display: block;
	}
}

.map-container .map-border {
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
	border: solid 1.5rem #f1f1f1;
	background-color: #f1f1f1;
	width: 100%;
	height: auto;
}
.map-container .map-map {
	width: 100%;
	height: 38rem;
	transform-style: preserve-3d;
}
.map-container .map-map > span {
  display: inline-block;
  position: relative;
  width: 100%;

  top: 50%;
  transform: translateY(-50%);
  font-size: 3rem;
  text-align: center;
}
.map-container .map-bubble {
	position: absolute;
	z-index: 200;
	_display: none;
	min-width: 10rem;
	max-width: 30rem;
	min-height: 2rem;
	padding: 1rem;
	border-radius: 0.5rem;
	border: solid 1px rgba(0,0,0, 0.2);
	background-color: rgba(232,232,232,0.9);
	color: #333;
	opacity: 1;
	transition: opacity 200ms linear;
}
.map-container .map-bubble[data-hide] {
	opacity: 0;
	transition: opacity 200ms linear;
	pointer-events: none;
}
@media (min-width: 500px) {
	.map-container .map-map {
		min-height: 48rem;
	}
}
.hood-attrib {
	position: absolute;
	z-index: 9999;
	bottom: 2rem;
	right: 4.5rem;
	display: none;
}
.hood-map-legend {
	float: right;
}




.zw-container {
	box-sizing: border-box;
	float: left;
	width: 100%;

	padding: 0.8rem;
	margin: 0;
}
.zw-container.zw-form {
	background-color: #add8e6;
}
.zw-container.zw-list {
	background-color: #f1f1f1;
}

.zw-container .extra {
	box-sizing: border-box;
	float: left;
	width: 100%;
	min-height: 2.2rem;
	padding: 1rem 0.7rem;
	background: transparent url('/images/real-estate-logo.png') no-repeat right 50%;
	background-origin: content-box;
}
.zw-container .extra:empty:after {
	content: '\a0';
}

.zw-container .extra a {
	box-sizing: border-box;
	float: left;
	width: 100%;
	padding-right: 9rem;
	line-height: 2.2rem;
	font-weight: bold;
}
@media (min-width: 768px) {
	.zw-container .extra a {
		font-size: 1.6rem;
	}
}

.zw-mortgage {
	box-sizing: border-box;
	float: left;
	width: 100%;
	max-height: 6.8rem;

	padding: 1rem 1.5rem;
	margin: 1.5rem 0 2.5rem 0;
	background-color: #f1f1f1;
	font-size: 1.8rem;
	line-height: 3.8rem;
}
.zw-mortgage a.button {
	float: right;
	margin: 0;
	background-color: #61a02a;
	color: #fff;
}

.zw-list .item {
	box-sizing: border-box;
	position: relative;
	display: inline-block;
	display: none;
	float: left;
	overflow: hidden;

	width: calc(100% - 1.4rem);
	padding-bottom: 62%; /* = width for a 1:1 aspect ratio */
	margin: 0.7rem;

	background: transparent url() no-repeat 50% 50%;
	background-size: cover;
	background-clip: border-box;

	cursor: pointer;
}
@media (min-width: 320px) {
	.item:nth-of-type(-n+2) {
		display: inline-block;
	}
}
@media (min-width: 500px) {
	.zw-list .item {
		width: calc(50% - 1.4rem);
		padding-bottom: 31%;
	}
	.item:nth-of-type(-n+2) {
		display: inline-block;
	}
}
@media (min-width: 850px) {
	.zw-list .item {
		width: calc(33.33% - 1.6rem);
		padding-bottom: 20.6%;
		margin: 0.8rem;
	}
	.item:nth-of-type(-n+6) {
		display: inline-block;
	}
}
@media (min-width: 1200px) {
	.zw-list .item {
		width: calc(25% - 1.6rem);
		padding-bottom: 15.5%;
		margin: 0.8rem;
	}
	.item:nth-of-type(-n+8) {
		display: inline-block;
	}
	.rea .item:nth-of-type(-n+16) {
		display: inline-block;
	}
}

.zw-list .item .cost,
.zw-list .item .addr,
.zw-list .item .spec {
	position: absolute;
	display: block;
	z-index: 10;
	color: #fff;
	line-height: 2.5rem;
	padding: 0 0.5rem;
	white-space: nowrap;
	overflow: hidden;
}
.zw-list .item .cost {
	right: 0;
	top: 1rem;
	font-size: 1.6rem;
	font-weight: bold;
	background-color: rgba(97, 160, 42, 0.7);
}
.zw-list .item .addr {
	left: 0;
	right: 0;
	bottom: 2.5rem;
	font: 1.5rem;
	background-color: rgba(0, 0, 0, 0.5);
}
.zw-list .item .spec {
	left: 0;
	right: 0;
	bottom: 0rem;
	font-size: 1.5rem;
	background-color: rgba(0, 0, 0, 0.5);
}



.zw-form form {
	box-sizing: border-box;
	display: inline-block;
	float: left;
	width: 100%;

	background-color: #add8e6;
	padding: 0.7rem;
	margin: 0;
}
.zw-form form fieldset {
	box-sizing: border-box;
	display: block;
	float: left;
	width: 100%;
	padding: 0;
	margin: 1.5rem 0 0 0;
}
.zw-form form fieldset:first-child {
	margin-top: 0 !important;
}
.zw-form form fieldset legend {
	float: left;
	padding-bottom: 0.3rem;
	width: 100%;
}
.zw-form form fieldset legend + * {
	margin: 0;
}
.zw-form form fieldset .slider-wrapper {
	box-sizing: border-box;
	display: inline-block;
	height: 32px;
	width: 100%;
	padding: 0.8rem 1.1rem 0 0.9rem;
}
.zw-form form fieldset .slider-wrapper > span {
	box-sizing: border-box;
	display: inline-block;
	width: 100%;
}
.zw-form form fieldset button,
.zw-form form fieldset select,
.zw-form form fieldset input {
	box-sizing: border-box;
	width: 100%;
}
.zw-form form button {
	margin-top: 0.5rem;
	background-color: #61a02a;
	color: #fff;
}
.zw-form form fieldset:last-child legend {
	display: none;
}
@media (min-width: 500px) {
	body:not(.articles) .zw-form form fieldset {
		width: 50%;
		padding: 0 4rem 0 0;
		margin-top: 3rem;
	}
	body:not(.articles) .zw-form form fieldset:nth-of-type(2) {
		margin-top: 0;
	}
	body:not(.articles) .zw-form form fieldset:nth-of-type(2),
	body:not(.articles) .zw-form form fieldset:nth-of-type(4) {
		padding: 0 0 0 4rem;
	}
	body:not(.articles) .zw-form form fieldset:nth-of-type(3) {
		clear: left;
	}
	body:not(.articles) .zw-form form fieldset:nth-of-type(5) {
		width: 100%;
		text-align: center;
		margin-top: 5rem;
		padding: 0;
	}

	body:not(.articles) .zw-form form fieldset button {
		width: auto;
		min-width: 30%;
	}
}


.zw-list-wrapper {
	display: inline-block;
	width: 100%;
}
.zw-list-wrapper + .zw-list-wrapper,
.zw-form + .zw-list-wrapper {
	margin-top: 2rem;
}



















.commute-container {
	_float: left;
	box-sizing: border-box;
	width: 100%;
	padding: 1.5rem;
	background-color: #f1f1f1;
}
.commute-container form {
	margin: 0 auto;
	text-align: center;
}
.commute-container form > * {
	float: left;
	width: 100%;
}
.commute-container form button {
	background-color: #61a02a;
	color: #fff;
}

.commute-container table {
	table-layout:fixed;
	caption-side: bottom;

	height: auto;
	width: 100%;
	margin: 0;
	border-top: solid 1px #e1e1e1;
}
.commute-container table td {
  transition: opacity 0.5s linear;
	opacity: 0;
}
.commute-container table.animated td {
  transition: opacity 1s linear;
  opacity: 1;
}


.commute-container table tr:first-child th:nth-child(1n+2) {
	background:transparent url('/images/sprites-commute.png') no-repeat 50% 100px;
	height:60px;
}
.commute-container table tr:first-child th.a { background-position: 50%  -600px }
.commute-container table tr:first-child th.b { background-position: 50%  -700px }
.commute-container table tr:first-child th.c { background-position: 50%  -900px }
.commute-container table tr:first-child th.d { background-position: 50% -1000px }
.commute-container table tr:first-child th.e { background-position: 50% -1100px }
@media (min-width: 500px) {
	.commute-container table tr:first-child th.a { background-position: 50%    0px }
	.commute-container table tr:first-child th.b { background-position: 50% -100px }
	.commute-container table tr:first-child th.c { background-position: 50% -300px }
	.commute-container table tr:first-child th.d { background-position: 50% -400px }
	.commute-container table tr:first-child th.e { background-position: 50% -500px }
}

.commute-container table tr:nth-child(n+3) th {
	text-align: left;
}
.commute-container table tr:nth-child(n+3):nth-child(-n+4) > * {
	border-bottom-width: 1px;
}

.commute-container table th {
	white-space: nowrap;
}
.commute-container table th,
.commute-container table td {
	text-align: center;
	border-width: 0;
	padding: 0.5rem 0rem;
	overflow: hidden;
}
.commute-container table caption {
	font-size: 1.2rem;
	padding-top: 1rem;
}
.commute-container table .collapse {
	visibility: collapse;
	width: 0;
}

@media (min-width: 640px) {
	.commute-container form > * {
		width: 30%;
	}
	.commute-container form input {
		margin-right: 5%;
	}
	.commute-container form button {
	}
}
@media (min-width: 750px) {
	.commute-container table .collapse {
		visibility: visible;
		width: auto;
	}
}
.commute-container + a {
	font-size: 1.3rem;
}
.details.tra .commute-container + a {
	display: none;
}









.chart-overflow-container,
.table-overflow-container {
	display: inline-block;
	max-width: 100%;
	width: 100%;
	overflow-y: visible;
	overflow-x: auto;
	_background-color: yellow;
}
.table-overflow-container + h2 {
	margin-top: 1.5rem;
}
@media (min-width: 640px) {
	.chart-overflow-container {
	}
}
@media (min-width: 1000px) {
	.table-overflow-container.split-wide {
		width: 48%;
		margin: 0;
	}
	.table-overflow-container.split-wide:nth-of-type(1) {
		float: left;
		margin-right: 1%;
	}
	.table-overflow-container.split-wide:nth-of-type(2) {
		float: right;
		margin-left: 1%;
	}
}
table.av-default {
	box-sizing: border-box;
	table-layout: fixed;
	width: 100%;
	min-width: 48rem;
	border-collapse: collapse;
	border: 0;
	margin: 0;
	border-bottom: solid 1px #e3e3e3;
}
@media (min-width: 480px) {
	table.av-default {
		min-width: auto;
	}
}
table.av-default td {
	vertical-align: top;
	padding: 1rem 0.5rem;
	empty-cells: show;
}
table.av-default td:first-child {
}
table.av-default tr.summary+tr,
table.av-default tr.header+tr {
}
table.av-default tr.header {
	background-color:#3d88b2;
	color:#fff;
	font-weight:bold;
}
table.av-default tr.header td {
	line-height:1.2rem;
	text-overflow: clip;
}
table.av-default tr.header td sub {
	width: 100%;
	min-width: 100%;
}
table.av-default tr.header td sub:before {
	content: '\a';
	white-space: pre;
}
table.av-default tr.summary {
	background-color:#e5e5e6;
	color:#333;
}
table.av-default tr.major {
	border-bottom:solid 2rem #fff !important;
}
table.av-default tr:not(.header):not(.summary):hover {
	background-color:rgba(255,255,0,0.4);
}

table.nearby-places td:first-child {
	width: 40%;
}
@media (min-width: 640px) {
	table.nearby-places td:first-child {
		width: 50%;
	}
}











ul.av-default {
	float: left;
	width: 100%;
	margin: 0;

	list-style: disc outside;
}
ul.av-default li {
	margin-left: 15px;
	padding-left: 7px;
	margin-top: 10px;
}
ul.av-default li:first-child {
	margin-top: 0;
}

div.av-chart {
  box-sizing: border-box;

	width: 100%;
	background-color: #f1f1f1;
	padding: 1rem;
	margin: 0;
}


/* hide the missing columns */
.crime-cmp td:nth-child(n+2):nth-of-type(-n+3) {
	display: none;
}
.crime-cmp.is-hood td:nth-of-type(3) {
  display: table-cell !important;
}
.crime-cmp.is-city td:nth-of-type(2) {
  display: table-cell !important;
}

.has-own-city-last tr:last-child {
	background-color: #eee;
}





.did-you-know {
	box-sizing: border-box;
	width: 100%;
	padding: 1.5rem;
	background-color: #35b6db;
	_color: #fff;
	background-color: #f1f1f1;
	color: #666;
	text-align: center;
}
.did-you-know h2 {
	font-size: 3.6rem;
}
.did-you-know ul {
	box-sizing: border-box;
	position: relative;
	text-align: left;
	width: 100%;
	font-size: 1.6rem;
	list-style: circle outside;
}
.did-you-know ul li {
	margin-left: 2rem !important;
}
.did-you-know ul li+li {
	margin-top: 1.5rem;
}
.did-you-know .dyk-social {
}
.did-you-know .dyk-social a {
	margin-top: 1rem;
	display: inline-block;
	margin: 0 1rem;
}
@media (min-width: 500px) {
	.did-you-know {
		padding: 3rem;
	}
	.did-you-know h2 {
		_font-size: 7.2rem;
		_font-size: 3.6rem;
	}
	.did-you-know ul {
		padding: 0 6rem;
		_font-size: 2rem;
	}

	.did-you-know ul:before,
	.did-you-know ul:after {
		position: absolute;
		_color: rgba(255,255,255, 0.8);
		_color: rgba(33,33,33, 0.8);
		color: #777;
		font-weight: bold;
		font-size: 14rem;
		font-family: 'Georgia';
		display: inline-block;
		line-height: 1;
	}
	.did-you-know ul:before {
		content: "\201c";
		left: -1.5rem;
		top: -3.2rem;
	}
	.did-you-know ul:after {
		content: "\201d";
		right: -1.5rem;
		bottom: -9.5rem;
	}
}
@media (min-width: 900px) {
	.did-you-know {
		padding: 3rem 6rem;
	}
	.did-you-know h2 {
		font-size: 5rem;
	}
	.did-you-know ul {
		font-size: 2rem;
	}
}



.crime-chance {
}
.crime-chance .chance-item {
	box-sizing: border-box;
	display: inline-block;
	float: left;
	width: 100%;
	padding: 1.5rem;

	background: transparent url(/images/ico_sprite_crime.png) no-repeat 50% 50%;
	background-color: #f1f1f1;
	text-align: center;
}
.crime-chance .chance-item.vc {
	background-position: 50% -400px;
}
.crime-chance .chance-item.pc {
	background-position: 50% 100px;
}
.crime-chance .chance-item.tc {
	background-position: 50% -900px;
}
.crime-chance .chance-item span {
	display: inline-block;
	width: 100%;
	height: 18.5rem;
	font-size: 1.6rem;
}
.crime-chance .chance-item span+span {
	height: 3.5rem;
	line-height: 3.5rem;
	font-size: 2.5rem;
	padding-top: 0.5rem;
}


@media (max-width: 499px) {
	.crime-chance .chance-item:nth-of-type(n+2) {
		margin-top: 1.5rem;
	}
}
@media (min-width: 500px and max-width: 899px) {
	.crime-chance .chance-item {
		padding-left: 16rem;
		height: 13rem;
		text-align: left;
	}
	.crime-chance .chance-item:nth-of-type(n+2) {
		margin-top: 1.5rem;
	}
	.crime-chance .chance-item.vc {
		background-position: 2rem -485px;
	}
	.crime-chance .chance-item.pc {
		background-position: 2rem 15px;
	}
	.crime-chance .chance-item.tc {
		background-position: 2rem -985px;
	}
	.crime-chance .chance-item span {
		float: left;
		display: inline-block;
		width: 100%;
		height: 6.5rem;
		font-size: 1.6rem;
		text-align: center;
	}
	.crime-chance .chance-item span+span {
		font-size: 2.5rem;
		height: auto;
	}
}
@media (min-width: 900px) {
	.crime-chance .chance-item {
		width: 32%;
		margin: 0 !important;
	}
	.crime-chance .chance-item:nth-of-type(n+2) {
		margin-left: 2% !important;
	}
}



.how-safe-chart {
	float: left;
	width:100%;
	min-height: 200px;
	height: 100%;
}


.things-to-do {
	display: inline-block;
	width: 100%;
	padding: 0;
	margin: 0 0;
}
.things-to-do li {
	box-sizing: border-box;
	display: inline-block;
	width: 100%;
	padding: 1rem;
	margin: 0;
	background-color: #f1f1f1;
}
.things-to-do li+li {
	margin-top: 1rem;
}
.things-to-do li > * {
	display: inline-block;
	float: left;
	width: 100%;
}
.things-to-do li span:empty {
	display: none;
}
.things-to-do li small {
	margin-top: 1rem;
}
@media (min-width: 720px) {
	.things-to-do li strong {
		width: 60%;
	}
	.things-to-do li span:nth-of-type(1) {
		float: right;
		width: 35%;
		text-align: right;
	}

	.things-to-do li span:nth-of-type(2) {
		width: auto;
	}
	.things-to-do li a {
		width: auto;
		_margin-left: 1rem;
		font-size: 1.3rem;
		line-height: 2.7rem;
	}
	.things-to-do li a:before {
		content: '\a0–\a0';
	}

}

table.col-cmp {
	margin-bottom: 1.5rem;
}
table.col-cmp tr td { text-align: right; }
table.col-cmp tr td:nth-child(1) { width: 40%; text-align: left; }
table.col-cmp tr td:nth-child(2) { width: 20%; }
table.col-cmp tr td:nth-child(3) { width: 20%; }
table.col-cmp tr td:nth-child(4) { width: 20%; }

td.up em, td.dn em {
	display: inline-block;
	width:5.5rem;
}
td.up:before {
	content:'\25bc\a0';
	color:#080;
	font-size:10.5pt;
}
td.dn:before {
	content:'\25b2\a0';
	color:#d00;
	font-size:10.5pt;
}

td.upi em, td.dni em {
	display: inline-block;
	width:5.5rem;
}
td.upi:before {
	content:'\25bc\a0';
	color:#d00;
	font-size:10.5pt;
}
td.dni:before {
	content:'\25b2\a0';
	color:#080;
	font-size:10.5pt;
}




.stacked-place-list {
	box-sizing: border-box;
	float: left;
	display: block;
	list-style: none;
	width: 100%;

	-webkit-column-gap: 1rem;
	-moz-column-gap: 1rem;
	-ms-column-gap: 1rem;
	-o-column-gap: 1rem;
	column-gap: 1rem;
}
.stacked-place-list + .stacked-place-list {
	border-left: solid 1rem rgba(0,0,0,0);
}
.stacked-place-list li {
	display: block;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.stacked-place-list li {
	line-height: 3rem;
}
.use-transpose { display: none; z-index:1;}
.columinize-container {
	float: left;
	width: 100%;
}
@media (min-width: 500px) {
	.stacked-place-list li {
		line-height: 2.4rem;
	}

	.stacked-place-list {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		-ms-column-count: 2;
		-o-column-count: 2;
		column-count: 2;
		columns: 2;
	}
	.use-transpose { z-index: 2; }
}
@media (min-width: 750px) {
	.stacked-place-list {
		-webkit-column-count: 3;
		-moz-column-count: 3;
		-ms-column-count: 3;
		-o-column-count: 3;
		column-count: 3;
		columns: 3;
	}
	.use-transpose { z-index: 3; }
}
@media (min-width: 1000px) {
	.stacked-place-list {
		-webkit-column-count: 4;
		-moz-column-count: 4;
		-ms-column-count: 4;
		-o-column-count: 4;
		column-count: 4;
		columns: 4;
	}
	.use-transpose { z-index: 4; }
}


.weather-widget {
	box-sizing: border-box;
	width: 100%;
	background-color: #f1f1f1;
	padding: 3rem 1rem 1rem 1rem;
	margin: 0;
	float: left;
	text-align: center;
}
.weather-widget i {
	background: url('/images/weather-widget-sprite.png') no-repeat 50% 200px;
}
.weather-widget-today {
	box-sizing: border-box;
	display: inline-block;
	/*
	width: 100%;
	min-width: 26rem;
	max-width: 32rem;
	*/
	width: auto;
	height: 9.6rem;
	margin: 0 1rem;
	padding: 0;
	vertical-align: top;
}
.weather-widget-today span.title {
	display: inline-block;
	float: right;
	width: auto;
	height: 4rem;
	font-size: 3rem;
	line-height: 2.5rem;
	text-align: right;
}
.weather-widget-today span.date {
	position: relative;
	display: inline-block;
	float: right;
	clear: both;
	font-size: 7rem;
	line-height: 4.7rem;
	letter-spacing: -5px;
}
.weather-widget-today span.date small {
	position: absolute;
	right: 11.2rem;

	font-size: 2.4rem;
	letter-spacing: 0;

	-webkit-transform: rotate(-90deg);
	-webkit-transform-origin: right top;
	-moz-transform: rotate(-90deg);
	-moz-transform-origin: right top;
	-ms-transform: rotate(-90deg);
	-ms-transform-origin: right top;
	-o-transform: rotate(-90deg);
	-o-transform-origin: right top;
	transform: rotate(-90deg);
	transform-origin: right top;
}
.weather-widget-icon {
	display: inline-block;
	width: auto;
	min-width: 13rem;
	height: 9.6rem;
	margin: 0 1rem;
	padding: 0;
	background-size: 126px !important;
}

.weather-widget-conditions {
	border-collapse: collapse;
	display: inline-table;
	width: auto;
	height: 9.6rem;
	margin: 0 1rem;
	padding: 0;
	text-align: right;
	vertical-align: top;
}
.weather-widget-conditions th {
	text-align: right;
	border: 0;
	padding: 0;
	padding-right: 1rem;
	font-weight: normal;
	vertical-align: middle;
}
.weather-widget-conditions td {
	text-align: left;
	border: 0;
	padding: 0;
	padding-left: 1rem;
	vertical-align: middle;
}

.weather-widget-info {
	display: inline-block;
	width: 100%;
	margin-top: 1rem;
	text-align: center;
	font-size: 1.3rem;
	text-align: right;
}
.weather-widget-info span {
	float: left;
	display: inline-block;
	padding: 0.2rem 0.5rem;
	text-align: center;
	text-transform: uppercase;
	font-size: 1.1rem;
}
.weather-widget-info span:nth-of-type(1) {
	background-color: #f2c714;
}
.weather-widget-info span:nth-of-type(2) {
	background-color: #86a9b2;
}


.weather-widget-forecast {
	display: inline-block;
	width: 100%;

	list-style: none;
	margin: 2rem 0 0 0;
	padding: 0;
}
.weather-widget-forecast li {
	position: relative;
	box-sizing: border-box;
	display: inline-block;
	float: left;
	width: 18.8%;
	height: 32rem;
	margin: 0;
	background-color: #e0e0e0;
	padding: 16rem 0.5rem 0.5rem 0.5rem;
}
.weather-widget-forecast li+li {
	margin-left: 1.5%;
}
.weather-widget-forecast i {
	display: inline-block;
	background-size: 98px;
	width: 100%;
	height: 10rem;
	margin-bottom: 1rem;
}
.weather-widget-forecast i.o0 {	background-position: 50% -0px;}
.weather-widget-forecast i.o1 {	background-position: 50% -105px;}
.weather-widget-forecast i.o2 {	background-position: 50% -210px;}
.weather-widget-forecast i.o3 {	background-position: 50% -315px;}
.weather-widget-forecast i.o4 {	background-position: 50% -420px;}
.weather-widget-forecast i.o5 {	background-position: 50% -525px;}
.weather-widget-forecast i.o6 {	background-position: 50% -630px;}
.weather-widget-forecast i.o7 {	background-position: 50% -735px;}
.weather-widget-forecast i.o8 {	background-position: 50% -840px;}
.weather-widget-forecast i.o9 {	background-position: 50% -945px;}
.weather-widget-forecast i.o10 {	background-position: 50% -1050px;}
.weather-widget-forecast i.o11 {	background-position: 50% -1155px;}
.weather-widget-forecast i.o12 {	background-position: 50% -1260px;}
.weather-widget-forecast i.o13 {	background-position: 50% -1365px;}

.weather-widget-forecast b {
	position: absolute;
	display: inline-block;

	text-align: center;
	bottom: 16rem;
	width: 42%;
	padding: 0.5rem 0 0 0;
	border: 0 solid;
}
.weather-widget-forecast b:after {
	content: '°F';
}
.weather-widget-forecast b:nth-of-type(1) {
	border-color: #f2c714;
	right: 50%;
}
.weather-widget-forecast b:nth-of-type(2) {
	border-color: #86a9b2;
	left: 50%;
}
.weather-widget-forecast span.day {
	display: inline-block;
	width: 100%;
	text-align: center;
	font-size: 2rem;
	text-transform: uppercase;
}
.weather-widget-forecast span.pop {
	position: relative;
	width: 100%;
	bottom: 4.9rem;
	text-align: center;
	font-size: 1rem;
	line-height: 2rem;
	vertical-align: text-bottom;
}
.weather-widget-forecast span.pop:before {
	content: 'POP: ';
}
.weather-widget-forecast span.pop:empty {
	display: none;
}
@media (max-width: 499px) {
	.weather-widget-forecast li {
		width: 32.33%;
	}
	.weather-widget-forecast li:nth-of-type(n+4) {
		display: none;

	}
}


.amtrak {
	display: inline-block;
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #f1f1f1;
}
.amtrak+.amtrak {
	margin-top: 1.5rem;
}
.amtrak .panel {
	float: left;
	box-sizing: border-box;
	display: inline-block;
	width: 100%;
	padding: 1.5rem;
}
.amtrak strong {
	display: inline-block;
	width: 100%;
	font-size: 1.6rem;
	margin-bottom: 1rem;
}
.amtrak .panel:nth-of-type(1) strong:before {
	font-weight: normal;
	content: 'Station: ';
}
.amtrak address {
}
.amtrak img {
	display: inline-block;
	max-width: 100%;
	height: auto;
	margin: 2rem 0 0 0;
}
.amtrak ul {
	box-sizing: border-box;
	display: inline-block;
	width: 100%;
	margin-top: 1rem;
	list-style: disc outside;
	margin: 0;
	padding: 0 0 0 1.4rem;
}
@media (min-width: 1000px) {
	.amtrak .panel {
		width: 50%;
	}
}





.search .pretty-header {
	position: relative;
	padding-bottom: 30%;
	background: transparent no-repeat 0 0;
	background-size: cover;
	overflow: hidden;
	margin-bottom: 2rem;
}
.search .pretty-header div {
	position: absolute;
	display: inline-block;
	width: auto;
	height: auto;
	left: 2rem;
	bottom: 2rem;
	max-width: 80%;
	left: 3%;
	bottom: 9%;
	font-size: inherit;
	line-height: inherit;
}
.search .pretty-header div h1 {
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
	display: inline;
	margin: 0;
	padding: 0.5rem 1rem 0.5rem;

	background-color: #eac00f;
	background-color: rgba(36,117,131, 0.5);
	background-color: #dfa220;
	background-color: rgba(223,162,32, 0.8);


	color: #fff;
  font-size: 0.03em;
  line-height: 0.06em;
}







/*
should iconed points be here on realestate.css
*/
.iconed-points {
	display: block;
	float: left;
	width: 100%;
	list-style: none;
	color: #999;
	font-size: 1.5rem;
	font-weight: bold;
	margin-bottom: 0;
}
.iconed-points li {
	box-sizing: border-box;
	float: left;
	text-align: center;
	padding-bottom: 1rem;

	padding: 1.5rem 1rem 1rem 1rem;
	background-color: #f0ede8;
	background-color: #f1f1f1;
}
.iconed-points li i {
	display: inline-block;
	width: 14rem;
	height: 8rem;
	margin: 0 auto;
	background: transparent url('/images/sprites-real-estate.png') no-repeat 0 0;
	background-size: 100rem;
}
.iconed-points li b {
	display: inline-block;
	width: 100%;
	font-size: 150%;
}

.iconed-points li {
}
.realestate-facts li {
	width: 50%;
}
.realestate-afford li {
	width: 100%;
}
.realestate-demo li {
	width: 50%;
}
@media (min-width: 560px) {
	.iconed-points li {
		font-size: 2rem;
	}
	.iconed-points li {
		_padding-bottom: 0;
	}
	.realestate-facts li {
		width: 25%;
	}
	.realestate-afford li {
		width: 33.33%;
	}
	.realestate-demo li {
		width: 25%;
	}
}

.realestate-facts li:nth-child(1) i { background-position: -55px 0;}
.realestate-facts li:nth-child(2) i { background-position:-305px 0;}
.realestate-facts li:nth-child(3) i { background-position:-555px 0;}
.realestate-facts li:nth-child(4) i { background-position:-805px 0;}

.realestate-afford li:nth-child(1) i { background-position: -55px -125px;}
.realestate-afford li:nth-child(2) i { background-position:-305px -125px;}
.realestate-afford li:nth-child(3) i { background-position:-555px -125px;}

.realestate-demo li:nth-child(1) i { background-position: -55px -250px;}
.realestate-demo li:nth-child(2) i { background-position:-305px -250px;}
.realestate-demo li:nth-child(4) i { background-position:-555px -250px;}
.realestate-demo li:nth-child(3) i { background-position:-805px -250px;}


#afford-calc {

}
#mortgage-calc {

}





.user-content-container {
	float: left;
	width: 100%;
}
.user-content-item:first-child {
	margin-top: 0;
}
.user-content-item {
	box-sizing: border-box;
	position: relative;
	display: inline-block;
	float: left;
	width: 100%;
	padding: 1.5rem 0 0 0;
	margin: 3rem 0 0 0;
	border: 0;
	border-top: solid 2px #f1f1f1;
	text-decoration: inherit;
	color: inherit;

	overflow: hidden;
}
.user-content-item:hover {
	text-decoration: inherit;
	color: inherit;
}
.user-content-photo {
	position: absolute;
	display: none;
	left: 0;
	width: 15rem;
	min-height: 15rem;
	background: no-repeat;
	background-size: cover;
	background-size: 15rem;
	top: 2.5rem;
}
.user-content-header {
	position: absolute;
	display: none;
	left: 0;
	width: 15rem;
	height: auto;
	top: 18rem;
}
.user-content-header > * {
	display: inline-block;
	width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	text-align: center;
}
.user-content-header b {
}
.user-content-header span {
	font-size: 1.2rem;
}


.user-content-cargo {
	float: left;
	display: block;
	width: 100%;
	padding: 0;

	min-height: 17rem;
}
.user-content-cargo strong {
	width: 100%;
	display: inline-block;
	margin-bottom: 0.5rem;
	font-size: 2.5rem;
}
.user-content-cargo span {
	float: left;
	width: 100%;
	padding: 1rem 0;
}
.user-content-cargo a.box-link {
	display: inline-block;
	padding: 0 0.8rem;
	margin-top: 1rem;
	border: solid 1px #2d80b1;
	line-height: 2.8rem;
	font-size: 1.3rem;
}

.user-content-cargo .star-rating {
	margin: 0.5rem 0 2rem 0 !important;
}


.user-content-flags:before {
	content: 'Rated:\a0\a0';
}
.user-content-flags {
	display: inline-block;
	width: 100%;
	margin: 1rem 0 0 0;
	padding: 1rem 0 0 0;
	border-top: solid 1px #f1f1f1;
	list-style: none;
	font-size: 1.3rem;
}
.user-content-flags li {
	display: inline-block;
	padding: 0;
	margin: 0 1rem 0 0;
	line-height: 2;
	color: #2d80b1;
	cursor: pointer;
}
.user-content-flags li:hover {
	color: green;
}
.user-content-flags li:last-child {
	float: right;
	margin-right: 0;
}
.user-content-flags li:last-child:hover {
	color: red;
}
.user-content-flags li:nth-of-type(-n+3):after {
	content: ')';
}
.user-content-flags li:nth-of-type(-n+3):empty:after {
	content: attr(data-val) ')';
}
.user-content-flags li:nth-of-type(1):before {
	content: 'Great (';
}
.user-content-flags li:nth-of-type(2):before {
	content: 'Good (';
}
.user-content-flags li:nth-of-type(3):before {
	content: 'Generic (';
}


@media (min-width: 640px) {
	.user-content-item {
		padding-left: 19rem;
	}
	.user-content-photo {
		display: block;
	}
	.user-content-header {
		display: block;
	}
}
@media (min-width: 840px) {
	.pill-rating {
		_width: 18% !important;
		max-width: 70%;
	}
}

.short-version .recommended,
.short-version .pill-rating,
.short-version .user-content-flags {
	display: none;
}
.short-version .user-content-item {
	overflow: hidden;
	min-height: 23rem;
}
.short-version .user-content-cargo {
	border-bottom: 0;
	padding-bottom: 0;
}
.short-version .user-content-cargo span {
	/*
	overflow: hidden;
	max-height: 7.2rem;
	*/
}

.recommended {
	display: inline-block;
	width: 100%;
	margin: 0;
	padding: 0;
}
.recommended dt {
	display: inline-block;
	width: 100%;
	line-height: 2.5rem;
	text-transform: uppercase;
	font-size: 1.3rem;
}
.recommended dd {
	display: inline-block;
	padding: 0;
	margin: 0;
	line-height: 2.5rem;
	height: 2.5rem;
}
.recommended dd i {
	display: inline-block;
	width: 1.2rem;
	height: 1.2rem;
	border-radius: 50%;
	background-color: #2d80b1;
	margin-right: 1rem;
}
.recommended dd+dd {
	margin-left: 2rem;
}






.user-content-action {
	box-sizing: border-box;
	float: left;
	width: 100%;
	margin-bottom: 1.5rem;
	padding: 15rem 1.5rem 1.5rem 1.5rem;

	background: #f1f1f1 url('/images/action-bubble.png') no-repeat 50% 1.5rem;
	text-align: center;
}
.user-content-action strong {
	display: none;
	font-size: 2rem;
	min-width: 100%;
}
.user-content-action span {
	display: none;
	margin: 1.5rem 0;
	min-width: 100%;
}
.user-content-action button {
	margin-bottom: 0;
	background-color: #61a02a;
	color: #fff;
}
@media (min-width: 640px) {
	.user-content-action {
		text-align: left;
		padding: 1.5rem 1.5rem 1.5rem 19rem;
		background-position: 15px 50%;
		min-height: 15rem;
	}
	.user-content-action strong {
		display: inline-block;
	}
	.user-content-action span {
		display: inline-block;
	}
}



.user-content-form {
	box-sizing: border-box;
	float: left;
	width: 100%;
	margin-bottom: 1.5rem;
	padding: 1rem;
	background-color: #f1f1f1;
	overflow: hidden;
}
.user-content-form > strong {
	display: inline-block;
	width: 100%;
	font-size: 3rem;
	line-height: 3rem;
	height: 5rem;
	_background-color: red;

}
.user-content-form form {
	position: relative;
	float: left;
	width: 100%;
	margin: 1rem 0 0 0;
	padding: 0;
}
.user-content-form form button {
	margin-top: 1rem;
	margin-bottom: 0;
	background-color: #61a02a;
	color: #fff;
}
.user-content-form form textarea {
	min-height: 18rem;
}
.user-content-form form label,
.user-content-form form input[type="text"],
.user-content-form form textarea {
	width: 100%;
}
.user-content-form form label {
	font-weight: normal;
}

.user-content-form form input[type="checkbox"] {
	margin: 0;
	padding: 0;
}
.user-content-form form > label small {
	font-weight: normal;
	padding-left: 1rem;
}
.user-content-form form .form-result-msg {
	box-sizing: border-box;
	position: absolute;
	z-index: -1;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	max-width: 50rem;
	padding: 2rem;
	background-color: rgba(0,0,0, 0.7);
	color: #fff;
	text-align: center;
	opacity: 0;
	transition: linear 300ms opacity;
}
.user-content-form form .form-result-msg[show] {
	z-index: 20;
	opacity: 1;
	transition: linear 300ms opacity;
}

.user-content-form form .form-result-msg:empty:after {
	content: 'Waiting...';
}

.user-content-form .blocked {
	float: left;
	width: 100%;
}

.user-content-form .rate-overall,
.user-content-form .recommended-for,
.user-content-form .rate-amenities {
	float: left;
	width: 100%;
	margin-bottom: 2rem;
}

.user-content-form .recommended-for label {
	float: left;
	width: 34%;
}

.user-content-form .horz-rating {
		margin: 0;
		width: 100%;
		_max-width: 100%;
}
.user-content-form .horz-rating > div {
	background-color: #e3e3e3;
}

.user-content-form .rating-title {
	font-size: 2rem;
	display: inline-block;
	width: 100%;
}
.user-content-form .rating-tip {
	display: inline-block;
	width: 100%;
	margin-bottom: 1rem;
}
.user-content-form .star-rating {
	float: left;
}
.user-content-form .star-rating li {
	margin-left: 0.2rem;
}

@media (min-width: 640px) {
	.user-content-form {
		padding: 1.5rem;
	}
	.user-content-form .rate-overall {
		width: 50%;
	}
	.user-content-form .recommended-for {
		width: 50%;
	}
	.user-content-form .rate-amenities {
		float: right;
		width: 50%;
	}
}




.user-content-form .error-msg-login {
	display: inline-block;
}
.user-content-form form {
	display: none;
}
body:not([data-user="guest"]) .user-content-form .error-msg-login {
	display: none;
}
body:not([data-user="guest"]) .user-content-form form {
	display: inline-block;
}
.user-content-form {
	display: none;
}


.user-content-report {
	position: absolute;
	display: none;
	width: 28rem;
	padding: 1rem;
	background-color: rgba(0,0,0, 0.6);
}
.user-content-report strong {
	display: inline-block;
	margin-bottom: 1rem;
	color: #fff;
}
.user-content-report select {
	float: left;
	width: 100%;
	font-size: 1.3rem;
	padding: 0.5rem;
	height: auto;
}
.user-content-report button {
	float: left;
	width: 48%;
	margin: 0;
	font-size: 1.3rem;
	color: #fff;
}
.user-content-report button + button {
	float: right;
}

input.hidden {
	_visibility: hidden;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0;
	border: 0 !important;
	height: 1px;
  clip: rect(0, 0, 0, 0) !important;
  opacity: 0;
}

.place-compare-container {
	box-sizing: border-box;
	float: left;
	width: 100%;
	margin: 0;
	padding: 1.5rem;
	background-color: #f1f1f1;
	text-align: center;
}
.place-compare-container .list-pos {
	width: 100%;
	position: relative;
}

.place-compare-container input,
.place-compare-container button {
	width: 100%;
}
.place-compare-container button {
	margin: 0;
	background-color: #61a02a;
	color: #fff;
}
.place-compare-container .place-compare-img {
	position: relative;
	display: none;
}
.place-compare-container ul {
	box-sizing: border-box;
	position: absolute;
	display: none;
	z-index: 999999;
	width: 100%;
	border: solid 1px #d1d1d1;
	border-radius: 4px;
	padding: 0.6rem;
	margin: 0;
	background-color: #fff;
	list-style: none;
	top: -1.5rem;
	text-align: left;
}
.place-compare-container ul:empty {
	display: none !important;
}
.place-compare-container ul li {
	box-sizing: border-box;
	display: block;
	width: 100%;
	margin: 0;
	padding: 0 0.6rem;
	line-height: 2.8rem;
	border-radius: 3px;
	cursor: pointer;
}
.place-compare-container ul li.h {
	background-color: rgba(96,96,96,0.2) !important;
}
.place-compare-container ul li:hover {
	background-color: rgba(128,128,128,0.1);
}

@media (min-width: 750px) {
	.place-compare-container .list-pos {
		width: 48%;
	}
	.place-compare-container .list-pos.pl1 {
		float: left;
		_background-color: red;
	}
	.place-compare-container .list-pos.pl2 {
		float: right;
		_background-color: green;
	}
	.place-compare-container input {
		float: left;
		width: 48%;
	}
	.place-compare-container input:nth-of-type(2) {
		float: right;
	}
	.place-compare-container button {
		width: 30%;
		min-width: 12rem;
	}
	.place-compare-container button:after {
		position: absolute;
		display: block;
		content: 'vs';
		margin-top: -9.2rem;
		margin-left: -2%;
		left: 50%;
		width: 4.1%;
		text-align: center;
		color: #555;
	}
	.place-compare-container .place-compare-img {
		box-sizing: border-box;
		display: block;
		float: left;

		width: 48%;
		_min-height: 12rem;
		padding-bottom: 27%;
		margin-bottom: 2rem;

		background: transparent no-repeat 50% 50%;
		background-size: cover;
	}
	.place-compare-container .place-compare-img:nth-child(1) {
		background-image: url('/images/city-compare-1bw.jpg');
	}
	.place-compare-container .place-compare-img:nth-child(2) {
		background-image: url('/images/city-compare-2bw.jpg');
	}
	.place-compare-container .place-compare-img[data-color]:nth-child(1) {
		background-image: url('/images/city-compare-1.jpg');
	}
	.place-compare-container .place-compare-img[data-color]:nth-child(2) {
		background-image: url('/images/city-compare-2.jpg');
	}
	.place-compare-container .place-compare-img + .place-compare-img {
		float: right;
	}
}

.compare-output .place-compare-container .place-compare-img {
	display: none;
	background-image: none;
}

















h2.compare-header {
	border-bottom: solid 0.5rem #38c1d5;
	margin-bottom: 0;
	padding-bottom: 2rem;
}


.compare-results {
	box-sizing: border-box;
	position: relative;
	width: 100%;
	min-width: 64rem;
	float: left;
	display: table;
	table-layout: fixed;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0;
	padding: 0;
	border: 0;
	cursor: default;
}
.compare-results tr {
	margin: 0;
	padding: 0;
	border: 0;
}
.compare-results td {
	margin: 0;
	padding: 0;
	border: solid #f9f9f9;
	border-width: 1rem;
	background-color: #f9f9f9;
	vertical-align: top;
	text-align: center;
}
.compare-results td:first-child {
	border-left: 0;
}
.compare-results td:last-child {
	border-right: 0;
}
.compare-results tr:last-child td {
	border-bottom: 0;
}
.compare-results tr[id] td {
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
}








/* boxes */
.compare-results tr[id] + tr span {
	cursor: pointer;
}
.compare-results td span {
	box-sizing: border-box;
	position: relative;
	display: block;
	margin: 0;
	padding: 0.5rem;
	width: 100%;
	height: 13rem;
	line-height: 11.7rem;

	text-align: center;
	overflow: hidden;
	font-style: normal;
	font-weight: bold;

	background-color: #f1f1f1;
}
.compare-results td:nth-child(1) span {
	background-color: #38c1d5;
	line-height: 19rem;
	color: #fff;
}
.compare-results td:nth-child(2) span,
.compare-results td:nth-child(3) span {
	font-size: 5rem;
	color: #fff;
}
.compare-results td:nth-child(4) span {
	font-size: 3rem;
}
.compare-results tr#liv + tr td:nth-child(n+2):nth-child(-n+3) span {
	background: #f1f1f1 url('/images/liv-shield.png') no-repeat 50% 1.5rem;
	background-size: 8rem;
	line-height: 14.5rem;
	font-size: 4rem;
}

.compare-results span.g0 {
	background-color: #e65e28;
}
.compare-results span.g1 {
	background-color: #f19d2c;
}
.compare-results span.g2 {
	background-color: #83983b;
}

.compare-results td:nth-child(1) span i {
	position: absolute;
	display: block;
	height: 6rem;
	width: 100%;
	left: 0;
	right: 0;
	top: 2.5rem;
	background: transparent url('/images/city-compare-score-sprite.png') no-repeat 50% 0rem;
}
.compare-results tr#liv + tr td:nth-child(1) span i { background-position: 50% -700px;}
.compare-results tr#ams + tr td:nth-child(1) span i { background-position: 50%   -0px;}
.compare-results tr#col + tr td:nth-child(1) span i { background-position: 50% -100px;}
.compare-results tr#cri + tr td:nth-child(1) span i { background-position: 50% -200px;}
.compare-results tr#edu + tr td:nth-child(1) span i { background-position: 50% -300px;}
.compare-results tr#emp + tr td:nth-child(1) span i { background-position: 50% -400px;}
.compare-results tr#hou + tr td:nth-child(1) span i { background-position: 50% -500px;}
.compare-results tr#wea + tr td:nth-child(1) span i { background-position: 50% -600px;}

/* lists */
.compare-results ol,
.compare-results ul {
	box-sizing: border-box;
	display: none;
	margin: 0;
	padding: 1.5rem 0.5rem 0.5rem 0.5rem;
	list-style: none;
}
.compare-results ol li,
.compare-results ul li {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
}
.compare-results ul li+li {
	margin-top: 1rem;
}
.compare-results ol li+li {
	margin-top: 0.7rem;
}
.compare-results tr td:first-child ol li {
	white-space: nowrap;
	overflow: hidden;
}
.compare-results ul li {
	box-sizing: border-box;
	background: url('/images/checkmark-small.png') no-repeat -0.3rem 0;
	padding-left: 2.2rem;
	text-align: left;
}
.compare-results td:nth-child(1) ol li {
	text-align: right;
}


.compare-results td a {
	box-sizing: border-box;
	display: none;
	width: 100%;
	padding: 0.6rem 0.5rem 0 2.7rem;
	margin-top: 0.5rem;
	overflow: hidden;
	font-size: 1.2rem;
	line-height: 1.5rem;
	background: url('/images/link-icon.png') no-repeat 0.5rem 0;
	text-align: left;
	_background-color: cyan;
}
.compare-results td a:first-line {
	_line-height: 2.6rem;
}
.compare-results td a:before {
	content: 'See more ';
	_color: #555;
}
.compare-results td a:after {
	content: ' data';
	_color: #555;
}


/* show/hide bits */
.compare-results tr[id] {
	display: none;
}
.compare-results tr:first-child,
.compare-results tr:target {
	display: table-row;
}
.compare-results tr:target + tr a,
.compare-results tr:target + tr ol,
.compare-results tr:target + tr ul {
	display: block !important;
}
.place-results .header-crumbs {
	display: none;
}

.place-results {
	height: 100%;
	height: 100vh;
}
/* results */
.places-container {
	box-sizing: border-box;
	position: absolute;
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	padding-top: 4rem;
	overflow: hidden;
	bottom: 0;
	top: 10.7rem;
}

.pc-options {
	position: absolute;
	display: block;
	background-color: #c3e1ec;
	color: #444;
	width: 100%;
	height: 4rem;
	line-height: 4rem;
	left: 0;
	right: 0;
	top: 0;
	padding: 0;
	margin: 0;
	z-index: 999;
}
.pc-options .item {
	box-sizing: border-box;
	position: relative;
	display: inline-block;
	padding: 0 1rem;
	margin: 0;
	border-right: solid 1px rgba(0,0,0, 0.2);
	height: 4rem;
}
.pc-options .item .drp-trig {
	cursor: pointer;
	font-weight: bold;
	padding: 0 0.3rem;
}
.pc-options .item .drp-trig:after {
	content: '\200a\25bc';
	font-size: 0.8em;
	opacity: 0.7;
}
.pc-options .item .drp-menu {
	position: absolute;
	background-color: #fff;
	width: auto;
	min-width: 6rem;
	left: 0rem;
	top: 4rem;
	z-index: 999;
	padding: 0;
}
.pc-options .item .drp-menu[data-show=""] {
	visibility: hidden;
}
.pc-options .item .drp-menu[data-show="1"] {
	visibility: visible;
}

.pc-options .item:nth-child(3) .drp-menu {
	max-width: 9rem;
	_min-width: 6rem;
}
.pc-options .item:nth-child(3) .drp-menu:nth-of-type(2) { right: 0rem; left: auto;}
.pc-options .item .drp-menu label {
	box-sizing: border-box;
	float: left;
	display: inline-block;
	width: 100%;
	height: 2.8rem;
	margin: 0;
	padding: 0 1rem;
	font-weight: normal;
	line-height: 2.8rem;
	overflow: hidden;
	white-space: nowrap;
	color: #333;
}
.pc-options .item .drp-menu label:hover {
	background-color: #2d80b1;
	color: #fff;
}

.pc-options .item .drp-menu label input {
	display: inline-block;
	margin: 0;
	margin-right: 0.5rem;
	padding: 0;
}
/*
.pc-options .item:first-child .drp-menu label input {
	margin-right: 3.7rem;
}
.pc-options .item:first-child .drp-menu label {
	background: transparent url('/images/cat-sort-sprite.png') no-repeat;
	background-size: 3rem;
}
.pc-options .item:first-child .drp-menu label:nth-of-type(1) { background-position: 17px    5px; }
.pc-options .item:first-child .drp-menu label:nth-of-type(2) { background-position: 17px  -56px; }
.pc-options .item:first-child .drp-menu label:nth-of-type(3) { background-position: 17px -117px; }
.pc-options .item:first-child .drp-menu label:nth-of-type(4) { background-position: 17px -178px; }
.pc-options .item:first-child .drp-menu label:nth-of-type(5) { background-position: 17px -240px; }
.pc-options .item:first-child .drp-menu label:nth-of-type(6) { background-position: 17px -301px; }
.pc-options .item:first-child .drp-menu label:nth-of-type(7) { background-position: 17px -362px; }
.pc-options .item:first-child .drp-menu label:nth-of-type(8) { background-position: 17px -423px; }
*/
.pc-options .item .drp-menu input[disabled] {
	opacity: 0.5;
}


.pc-map {
	position: absolute;
	display: block;
	width: 50%;
	_height: calc(100% - 4rem);
	left: 0;
	top: 4rem;
	bottom: 0;
}
.pc-map .map {
	display: inline-block;
	width: 100%;
	height: 100%;
}

.pc-map-bubble {
	position: absolute;
	z-index: 200;
	min-width: 10rem;
	max-width: 30rem;
	min-height: 2rem;
	padding: 1rem;
	border-radius: 0.5rem;
	border: solid 1px rgba(0,0,0, 0.2);
	background-color: rgba(232,232,232,0.9);
	color: #333;
	opacity: 1;
}
.pc-map-bubble[data-hide] {
	opacity: 0;
	transition: opacity 500ms linear;
}













.pc-results {
	box-sizing: border-box;
	display: block;
	width: 100%;
	height: 100%;
	padding: 0 0 0 50%;
	margin: 0;

	right: 0;
	top: 0;
	bottom: 0;
}

.pc-results .results {
	box-sizing: border-box;
	display: inline-block;
	width: 100%;
	height: 1rem;
	min-height: 100%;
	padding-left: 0.1rem;
	overflow: hidden;
	overflow-y: scroll;
}
.pc-results .results > strong {
	display: inline-block;
	padding: 1rem;
}
.pc-results .results a {
	display: inline-block;
	box-sizing: border-box;
	float: left;
	width: 100%;
	height: auto;
	padding: 1rem 1.5rem;
	margin: 0;
	background-color: #f1f1f1;
	_vertical-align: text-bottom;
	transition: background-color 500ms linear;
	margin-bottom: 1rem;
}

.pc-results .results a[href=''] {
	display: none;
}
.pc-results .results a[href=''] + strong {
	display: none;
}



.pc-results .results a.sel {
	background-color: #ffa;
	transition: background-color 500ms linear;
}
.pc-results .results a:hover {
	background-color: #f8f8ee;
}
.pc-results .results a:last-of-type {
	margin-bottom: 0;
}
.pc-results .results a > * {
	display: inline-block;
	color: #555;
}
.pc-results .results a:nth-of-type(1) .ndx {
	background-position: -450px -210px;
	background-position: -450px -350px;
}
.pc-results .results .ndx {
	display: inline-block;
	background: transparent url('/images/pins-num-sprite.png') no-repeat 0 0;
	width: 4rem;
	height: 4.8rem;
	font-size: 4.3rem;
	float: left;
	line-height: 4.4rem;
	color: #999;
	letter-spacing: -1px;
}
.pc-results .results .scr {
	display: inline-block;
	float: right;
	width: 4.5rem;
	height: 6rem;
	background: transparent url('/images/liv-shield.png') no-repeat 0 0;
	background-size: 4.5rem;
	font-size: 2.6rem;
	font-style: normal;
	color: #fff;
	overflow: hidden;
	line-height: 6.6rem;
	text-align: center;
}


.pc-results .results ul {
	width: calc(100% - 9.5rem);
	_min-width: 22rem;
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 0;
}
.pc-results .results ul li {
	float: left;
	padding: 0;
	margin: 0;
	width: 100%;
	_line-height: 2.3rem;
	white-space: nowrap;
	overflow: hidden;
	font-size: 1.2rem;
}
.pc-results .results ul li strong {
	font-size: 1.8rem;
	color: #2d80b1;
}


@media (max-width: 499px) {
	.pc-map,
	.pc-map-bubble {
		display: none;
	}
	.pc-results {
		padding: 0;
	}
	.pc-options .item:nth-child(n+2) {
		display: none;
	}
	.pc-options .item {
		_max-width: 50%;
	}

}


@media (min-width: 1000px) {
	.pc-map {
		width: 60%;
	}
	.pc-results {
		padding: 0 0 0 60%;
	}
}
@media (min-width: 1500px) {
	.pc-map {
		width: 70%;
	}
	.pc-results {
		padding: 0 0 0 70%;
	}
}


.results-extra {
	box-sizing: border-box;
	float: left;
	width: 100%;
	padding: 1rem;
	font-size: 1.3rem;
}
.results-extra:empty {
	display: none;
}

.results-extra h1 {
	font-size: 2rem;
}
.results-extra h1:empty {
	display: none;
}

.social-btns-container {
	position: fixed;
	z-index: 8000;
	margin: 0;
	padding: 5px;

	background-color: #f1f1f1;
}
.social-btns-container div {
	padding: 0;
	margin: 0;
	cursor: pointer;

	width: 36px;
	height: 36px;

	background: transparent url('/images/sprites-social.png') no-repeat;
}
.social-btns-container div:nth-child(1) { background-position: 0 0; }
.social-btns-container div:nth-child(2) { background-position: 0 -100px; }
.social-btns-container div:nth-child(3) { background-position: 0 -200px; }
.social-btns-container div:nth-child(4) { background-position: 0 -300px; }

@media (max-width: 919px) {
	.social-btns-container {
		_display: none;
		height: 36px;
		width: 100%;
		bottom: 0;
		right: 0;
		padding: 0.5rem 0;
		margin: 0;

		text-align: center;
	}
	.social-btns-container div {
		box-sizing: border-box;
		display: inline-block;
		width: 36px;
		margin: 0 2%;
		margin: 0;
		padding: 0;
	}
}
@media (min-width: 920px) {
	.social-btns-container {
		width: 42px;
		height: auto;

		left: 0;
		top: 14.9rem;
	}
	.social-btns-container div {
		float: left;
		width: 42px;
		height: 42px;
	}

	.social-btns-container div+div {
		margin: 5px 0 0 0;
	}
}


.star-rating {
	box-sizing: border-box;

	display: inline-block;
	width: 100%;

	line-height: 0;
	margin: 0;
	padding: 0;
	font-size: 0;
	list-style: none;
}
.star-rating li {
	display: inline-block;
	position: relative;
	_overflow: hidden;
	margin: 0;
	padding: 0;

	width: 5rem;
	height: 5rem;
	background: transparent url('/images/star-sprite.png') no-repeat 0 -200px;
	margin-left: 0.5rem;
}
.star-rating li:nth-child(1) {
	margin-left: 0;
}

.star-rating[data-score="2"]  li:nth-of-type(-n+1) { background-position: 0 0;}
.star-rating[data-score="4"]  li:nth-of-type(-n+2) { background-position: 0 0;}
.star-rating[data-score="6"]  li:nth-of-type(-n+3) { background-position: 0 0;}
.star-rating[data-score="8"]  li:nth-of-type(-n+4) { background-position: 0 0;}
.star-rating[data-score="10"] li:nth-of-type(-n+5) { background-position: 0 0;}

.star-rating[data-score="1"]  li:nth-of-type(1) { background-position: 0 -100px;}
.star-rating[data-score="3"]  li:nth-of-type(-n+1) { background-position: 0 0;}
.star-rating[data-score="3"]  li:nth-of-type(2) { background-position: 0 -100px;}

.star-rating[data-score="5"]  li:nth-of-type(-n+2) { background-position: 0 0;}
.star-rating[data-score="5"]  li:nth-of-type(3) { background-position: 0 -100px;}

.star-rating[data-score="7"]  li:nth-of-type(-n+3) { background-position: 0 0;}
.star-rating[data-score="7"]  li:nth-of-type(4) { background-position: 0 -100px;}

.star-rating[data-score="9"]  li:nth-of-type(-n+4) { background-position: 0 0;}
.star-rating[data-score="9"]  li:nth-of-type(5) { background-position: 0 -100px;}




.horz-rating-collection {
	display: inline-block;
	width: 100%;
	margin-bottom: 2rem;
}
.horz-rating-collection > :last-child {
	margin-right: 0;
}

.horz-rating {
	position: relative;
	display: inline-block;

	width: 100%;
	min-width: 12rem;
	width: 18%;

	margin-right: 1.4%;
	_margin: 0.2rem 0;
	padding-top: 2rem;
	font-size: 0;
}
.horz-rating + .horz-rating {
	_margin-left: 1%;
}

.horz-rating b,
.horz-rating span {
	position: absolute;
	display: inline-block;

	text-transform: uppercase;
	font-size: 1.2rem;
	line-height: 2rem;
	vertical-align: top;
	white-space: nowrap;
	overflow: hidden;
	top: 0;
	margin: 0;
	padding: 0;
}
.horz-rating b {
	color: #999;
	font-weight: normal;
	text-align: right;
	right: 0;
}
.horz-rating span {
	text-align: left;
	left: 0;
}
.horz-rating > div {
	box-sizing: border-box;
	width: 100%;
	background-color: #f1f1f1;
}
.horz-rating > div div {
	box-sizing: border-box;
	background-color: #5cbcf4;
	height: 1.5rem;
	width: 0;
}
@media (max-width: 499px) {
	.horz-rating {
		margin: 0;
		width: 100%;
		max-width: 100%;
	}
}


abbr.mobi {
	position: relative;
	text-align: center;
	overflow: visible;
}
abbr.mobi span {
	display: none;
	position: absolute;
	_left: 0;
	_top: 0;
	_margin-top: -3.5rem;
	margin-left: -50%;
	background-color: #eee;
	border: solid 1px #333;
	border-radius: 4px;
	color: #333;
	font-size: 1.2rem;
	line-height: 2;
}
abbr.mobi span:before,
abbr.mobi span:after {
	content: '\a0\a0';
}
abbr.mobi:hover span {
	display: inline-block;
}




.corp-form {
	position: relative;
	max-width: 50rem;
}
.corp-form > * {
	width: 100%;
}
.corp-form textarea {
	min-height: 12rem;
}
.corp-form .rqd:after {
	content: ' *';
	color: red;
}
.corp-form .status {
	display: none;
	position: absolute;
	box-sizing: border-box;
	left: 0;
	right: 0;
	top: 25%;
	padding: 20% 10%;
	border-radius: 1rem;
	text-align: center;
	background-color: rgba(0,0,0, 0.6);
	color: #fff;
}

/* kludge stolen from home.css */
.corp .home-score,
.corp .page-header {
	margin-bottom: 1rem;
}
.corp .home-score {
	float: left;
	width: 100%;
	background-color: transparent;
	margin: 1rem 0;

	padding: 0;
	font-size: 0;
}
.corp .home-score ul {
	margin: 0;
	display: none;
}
.corp .home-score li {
}
@media (min-width: 750px) {
	.corp .home-score ul {
		display: block;
	}
	.corp .home-score img {
		display: none;
	}
}
/* kludge end */

.corp-img {
	width: 100%;
	height: auto;
	margin-bottom: 1rem;
}

.corp-form button {
	margin: 0;
	background-color: #61a02a;
	color: #fff;
}


.simple-header {
	margin: 4rem 0 -4rem 0;
}

.compare .simple-header {
	margin-bottom: -2rem;
}
.apartments-rent .simple-header {
	margin-bottom: -2rem;
}


span.block-explain {
 	display: inline-block;
	margin-top: 2rem;
}

.source_attrib_text {
	font-size: 1.2rem;
	color: #aaa;
}
.link_under_com,
.link_under_aff {
	font-size: 1.3rem;
}

.gad-block {
	float: left;
	display: inline-block;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	overflow: hidden;
	font-size: 0 !important;
}

.error-block {
	text-align: center;
}
.error-block strong {
	display: block;
	width: 100%;
	font-size: 1.6rem;
}
.error-block img {
	max-width: 28rem;
}
@media (min-width: 500px) {
	.error-block img {
		max-width: none;
	}
}













input[type=range].dflt {
  -webkit-appearance: none;
  _margin: 0;
  _padding: 0;
  _border: 0;
  width: 100%;
  height: 2rem;
  background-color: transparent;
}
input[type=range].dflt:focus {
  outline: none;
}

/* wk */
input[type=range].dflt::-webkit-slider-runnable-track {
  width: 100%;
  height: 1rem;

  cursor: pointer;
  background: #ccc;
  border-radius: 1rem;
  border: 0;
}
input[type=range].dflt::-webkit-slider-thumb {
  height: 2rem;
  width: 2rem;
  margin-top: -0.5rem;

  border: 0;
  border-radius: 50%;
  background: #999;
  cursor: pointer;
  -webkit-appearance: none;
}
input[type=range].dflt:focus::-webkit-slider-runnable-track {
}

/* moz */
input[type=range].dflt::-moz-range-track {
  width: 100%;
  height: 1rem;

  cursor: pointer;
  background: #ccc;
  border-radius: 1rem;
  border: 0;
}
input[type=range].dflt::-moz-range-thumb {
  height: 2rem;
  width: 2rem;
  margin-top: -0.5rem;

  border: 0;
  border-radius: 50%;
  background: #999;
  cursor: pointer;
}

/* ie */
input[type=range].dflt::-ms-track {
  width: 100%;
  height: 0.7rem;

  cursor: pointer;
  background: transparent;
  color: transparent;
  border: 0;
}
input[type=range].dflt::-ms-fill-lower {
  background: #ccc;
  border: 0;
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 1rem;
}
input[type=range].dflt::-ms-fill-upper {
  background: #ccc;
  border: 0;
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem;
}
input[type=range].dflt::-ms-thumb {
  height: 1.3rem;
  width: 1.3rem;
  margin-top: 0;

  border: 0;
  border-radius: 50%;
  background: #999;
  cursor: pointer;
}
input[type=range].dflt:focus::-ms-fill-lower {
}
input[type=range].dflt:focus::-ms-fill-upper {
}
input[type=range].dflt:focus::-ms-tooltip {
	display: none;
}

.salary-calc {
	display: inline-block;
	width: 100%;
}
.salary-calc form {
	box-sizing: border-box;
	display: block;
	float: left;
	width: 100%;
	margin: 0;
	padding: 1.5rem;
	background-color: #f1f1f1;
}
.salary-calc form input {
	width: 100%;
}
.salary-calc form input[type=range] {
	border: 0;
}
.salary-calc form button {
    margin: 0;
    background-color: #61a02a;
    color: #fff;
}

.salary-calc figure {
	box-sizing: border-box;
	display: block;
	_display: none;
	float: right;
	margin: 0;
	padding: 1.5rem;
	width: 100%;
	background-color: #f1f1f1;
}
.salary-calc figure figcaption > * {
	display: inline-block;
	width: 100%;
	font-weight: bold;
	text-align: center;
}

.salary-calc figure figcaption strong {
	font-size: 125%;
}

.salary-calc figure figcaption em {
	font-size: 6rem;
	line-height: 7.5rem;
	color: #ffc369;
	font-style: normal;
}
.salary-calc figure > strong {
	display: inline-block;
	width: 100%;
	border-top: solid 1px #e1e1e1;
	line-height: 200%;
	margin: 2rem 0 1rem 0;
}
.salary-calc figure .av-default td {
	padding: 0.5rem !important;
}

.salary-calc figure strong span:empty:after {
	content: '...';
}
.salary-calc figcaption em:empty:after {
	content: '$';
}

.salary-calc .list-pos {
	width: 100%;
	position: relative;
}
.salary-calc ul {
	box-sizing: border-box;
	position: absolute;
	display: none;
	z-index: 999999;
	width: 100%;
	border: solid 1px #d1d1d1;
	border-radius: 4px;
	padding: 0.6rem;
	margin: 0;
	background-color: #fff;
	list-style: none;
	top: -6rem;
	text-align: left;
}
.salary-calc ul:empty {
	display: none !important;
}
.salary-calc ul li {
	box-sizing: border-box;
	display: block;
	width: 100%;
	margin: 0;
	padding: 0 0.6rem;
	line-height: 2.8rem;
	border-radius: 3px;
	cursor: pointer;
}
.salary-calc ul li.h {
	background-color: rgba(96,96,96,0.2) !important;
}
.salary-calc ul li:hover {
	background-color: rgba(128,128,128,0.1);
}
.salary-calc form input {
	margin-bottom: 6rem !important;
}
.salary-calc .salary-label:before {
	content: '$';
}
.salary-calc .salary-label {
	line-height: 2.4rem;
	font-size: 2.4rem;
}

.salary-calc table td+td {
	text-align: right;
}

.salary-calc table span {
	display: inline-block;
	min-width: 5rem;
}
.salary-calc table i {
	display: inline-block;
}
.salary-calc table i.n:before {
	content: '\25bc';
	color: #080;
}
.salary-calc table i.p:before {
	content: '\25b2';
	color: #d00;
}
.salary-calc table i.e:before {
	content: '\2248';
}

@media (min-width: 750px) {
	.salary-calc form {
		max-width: 40rem;
		min-height: 44.5rem;
	}
	.salary-calc figure {
		width: calc(100% - 40rem - 2rem);
		min-height: 44.5rem;
	}
}

#quick-hood {
	box-sizing: border-box;
	width: 100%;
	padding: 1.5rem;
	background-color: #f1f1f1;
}
#quick-hood input {
	width: calc(100% - 8rem);
	margin: 0;
}
#quick-hood button {
	float: right;
	width: 7rem;
	margin: 0;
	padding: 0;
	background-color: #61a02a;
	color: #fff;
}
#quick-hood div {
	position: relative;
	width: 100%;
}
#quick-hood div ul {
	box-sizing: border-box;
	position: absolute;
	display: none;
	z-index: 999999;
	width: 100%;
	border: solid 1px #d1d1d1;
	border-radius: 4px;
	padding: 0.6rem;
	margin: 0;
	background-color: #fff;
	list-style: none;
	text-align: left;
}
#quick-hood div ul:empty {
	display: none !important;
}
#quick-hood div ul li {
	box-sizing: border-box;
	display: block;
	width: 100%;
	margin: 0;
	padding: 0 0.6rem;
	line-height: 2.8rem;
	border-radius: 3px;
	cursor: pointer;
}
#quick-hood div ul li.h {
	background-color: rgba(96,96,96,0.2) !important;
}
#quick-hood div ul li:hover {
	background-color: rgba(128,128,128,0.1);
}