/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
  * Correct `inline-block` display not defined in IE 8/9.
*/
audio,
canvas,
video {
  display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

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

[hidden],
template {
  display: none;
}

/* Base
   ==========================================================================
   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;
}

/* Links
   ========================================================================== */
/*
 * Remove the gray background color from active links in IE 10.
*/
a {
  background: transparent;
}

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}

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

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

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

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

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

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

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

b,
strong {
  font-weight: bold;
}

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

dfn {
  font-style: italic;
}

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

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

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

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

/* Correct font family set oddly in Safari 5 and Chrome. */

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

/* Improve readability of pre-formatted text in all browsers. */


pre {
  white-space: pre-wrap;
}

/* Set consistent quote types. */

q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}

/* Address inconsistent and variable font size in all browsers. */

small {
  font-size: 80%;
}

/* Prevent `sub` and `sup` affecting `line-height` in all browsers. */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}


sup {
  top: -0.5em;
}


sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/*
   Remove border when inside `a` element in IE 8/9.
 */

img {
  border: 0;
}

/* Correct overflow displayed oddly in IE 9. */

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

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

figure {
  margin: 0;
}

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

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

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

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */

button,
input,
form select,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */
}

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

button,
input,
form select {
  line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"],
html form select[type="button"],
form html select[type="button"],
input[type="reset"],
form select[type="reset"],
input[type="submit"],
form select[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled],
html form select[disabled],
form html select[disabled] {
  cursor: default;
}

/**
 * 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"], form select[type="checkbox"],
input[type="radio"],
form select[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"], form select[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

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

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

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

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

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

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

/* Primary */
/* Secondary */
/* Neutral */
/* Gold */
/* Blue */
/* Red */
/* Green */
/* Typefaces */
/* Mixins */

html, body {
  margin: 0;
  height: 100%;
  width: 100%;
  background-color: #ecf0f1;
}


p {
  margin: 0 0 0 15px;
}


a:link, a:visited {
  color: #1abc9c;
  text-decoration: none;
}

.menuLink a:link, .menuLink a:visited {
   color: #16a085;
}


a:hover {
  color: #1abc9c;
  text-decoration: none;
}


a:active {
  color: #16a085;
  text-decoration: none;
}

/* ************************************************************************* */
/* forms                                                                     */
/* ************************************************************************* */

form {
  width: 300px;
  position: relative;
  left: 50%;
  margin-left: -155px;
  padding: 0;
  /*
  input:focus{
  	border: 2px solid $red;
  }
  */
  /*
  .submit{
  	background-color: $red;
  }
  */
}

form p {
  margin: 0;
  padding: 0;
  color: red;
}

form input, form select {
  width: 300px;
  margin: 20px 0 0 0;
  padding: 5px;
  background-color: #ecf0f1;
  border: 2px solid #bdc3c7;
  border-radius: 3px;
  box-shadow: none;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #62696a;
  transition: all 0.25s;
}

form .checkbox {
  width: auto;
}

form .check_text {
  margin: 0 0 0 5px;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #62696a;
}

form select {
  width: 314px;
}

form input:focus, form select:focus {
  border: 2px solid #1abc9c;
  outline: 0;
}

form textarea {
  width: 300px;
  height: 150px;
  margin: 20px 0 0 0;
  padding: 5px;
  background-color: #ecf0f1;
  border: 2px solid #bdc3c7;
  border-radius: 3px;
  box-shadow: none;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #62696a;
  transition: all 0.25s;
}

form textarea:focus {
  border: 2px solid #1abc9c;
  outline: 0;
}

form .submit {
  width: 314px;
  height: 50px;
  background-color: #16a085;
  border: none;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #ecf0f1;
  text-transform: uppercase;
  transition: all 0.25s;
}

form .submit:hover {
  background-color: #1abc9c;
  color: #ecf0f1;
}


.feedback .success {
  color: #1abc9c;
  font-size: 20px;
  text-align: center;
  position: absolute;
  width: 100%;
  margin-left: 0;
  display: none;
}

.feedback .failure {
  color: #e74c3c;
  font-size: 20px;
  text-align: center;
  position: absolute;
  width: 100%;
  margin-left: 0;
  display: none;
}



/* ************************************************************************* */
/* sidebar                                                                   */
/* ************************************************************************* */

.sidebar {
  position: fixed;
  left: 0;
  width: 275px;
  height: 100%;
  background-color: #2c3e50;
  z-index: 1000;
  overflow: auto;
}

.sidebar .info h1 {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #95a5a6;
  text-transform: uppercase;
  margin: 0.5em 0 0 10px;
}

.sidebar .info p {
  font-family: "Roboto", sans-serif;
  font-style: italic;
  font-weight: 300;
  color: #95a5a6;
  font-size: 18px;
  margin: 1em 0 0 15px;
}

.sidebar .info .price {
  font-weight: bold;
}

.sidebar nav {
  border-top: 1px solid #34495e;
  margin-top: 1em;
}

.sidebar nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

.sidebar nav ul li {
  line-height: 50px;
  color: #ecf0f1;
  margin: 0;
  padding: 0;
  cursor: pointer;
}

.sidebar .button {
  position: relative;
  width: 100%;
  height: 50px;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #ecf0f1;
  text-transform: uppercase;
  line-height: 50px;
  box-shadow: inset 5px 0 0 #16a085;
  border-bottom: 1px solid #34495e;
  transition: all 0.25s;
}

.sidebar .button:hover {
  box-shadow: inset 5px 0 0 #16a085;
  background-color: #16a085 ;
}

.sidebar .parent:hover {
  border-left: 5px solid #16a085;
  background-color: #16a085;
}

.sidebar .button_tray {
  width: 100%;
  background-color: #3f5872;
  position: relative;
  max-height: 0;
  transition: all 0.25s;
  overflow: hidden;
}

.sidebar .button_tray .subButton, .sidebar .button_tray .menuLink  {
  position: relative;
  width: calc(100% - 25px);
  height: 50px;
  padding-left: 25px;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #ecf0f1;
  line-height: 50px;
  text-transform: uppercase;
  border-bottom: 1px solid #496582;
  transition: all 0.25s;
}

.sidebar .button_tray .subButton:hover, .sidebar .button_tray .menuLink:hover  {
  background-color: #496582;
}

.sidebar .button_tray .indent {
  padding-left: 70px;
  background-color: #496582;
}

.sidebar .open {
  max-height: 500px;
  transition: all 0.25s;
}

.sidebar .active {
  background-color: #1abc9c;
  box-shadow: inset 5px 0 0 #16a085;
  border-bottom: 1px solid #16a085;
  color: #ecf0f1;
}

.sidebar .active:hover {
  background-color: #1abc9c;
  box-shadow: inset 5px 0 0 #16a085;
  border-bottom: 1px solid #16a085;
  color: #ecf0f1;
}


/* ************************************************************************* */
/* This controls all the slide-out content */
/* ************************************************************************* */

.content {
  height: 100%;
  width: 500px;
  background-color: #ecf0f1;
  left: -275px;
  transition: 0.25s;
  position: fixed;
  overflow-y: auto;
  overflow-x: hidden;
}

.content h2, .content h3 {
  position: relative;
  margin: 0 0 0 25px;
  padding: 0;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #7f8c8d;
  font-size: 24px;
  line-height: 50px;
  z-index: 10;
}

.content p {
  margin: 25px;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #333333;
}

.content h3 {
  z-index: 0;
  margin-left: 25px;
  padding: 0;
}

.content h4 {
  position: relative;
  margin: 0;
  padding: 0;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #7f8c8d;
  font-size: 18px;
}
.custom_content h4 {
  margin: 0 0 0 25px;
}

.content h5 {
  position: relative;
  margin: 0;
  padding: 0;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #7f8c8d;
  font-size: 13px;
}



.content ul {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
  list-style: none;
  margin: 0 0 2em 25px;
  padding: 0;
}


.content .onecol ul {
  columns: 1;
  -webkit-columns: 1;
  -moz-columns: 1;
  list-style: disc;
  margin: 0 0 2em 25px;
  padding: 0;
}
.content .onecol.disclosures ul{
  margin: 0 0 2em 45px;
}
.content .onecol.disclosures ul li{
  font-size:0.8em;
}

.content .onecol div {
	width:100% !important;
    padding-right:15px;
}


.content ul li {
  margin: 0;
  padding: 0;
  font-family: "Roboto", sans-serif;
  font-style: italic;
  font-weight: 300;
  color: #333333;
  font-size: 16px;
}

.content .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
  -ms-transform: scale(0.6);
  -o-transform: scale(0.6);
  transform: scale(0.6);
}

.content #googleMap {
  width: 100%;
  height: calc(100% - 50px);
  margin-top: 50px;
}

.content .agent {
  position: relative;
  margin: 40px 0 0 0;
  width: 100%;
}

.content .agent .badge {
  position: relative;
  width: calc(100% - 80px);
  left: calc(50% - (100% - 40px)/2);
  background-color: #d4dadc;
  padding: 20px;
  border-radius: 3px;
}

.content .agent .badge .agent_info {
  position: relative;
  width: 100%;
}

.content .agent .badge .agent_info .images {
  float: left;
  width: 33.333%;
}

.content .agent .badge .agent_info .images img {
  position: relative;
  width: 100%;
  margin: 20px 0 0 0;
}

.content .agent .badge .agent_info .images img:first-of-type {
  margin: 0;
}

.content .agent .badge .agent_info .details {
  float: left;
  width: calc(66.666% - 20px);
  margin: 0 0 0 20px;
}

.content .agent .badge .agent_info .details h3 {
  margin: -0.5em 0 0 0;
  color: #333333;
}

.content .agent .badge .agent_info .details h4 {
  color: #333333;
}

.content .agent .badge .contact_tray {
  position: relative;
  width: 100%;
  overflow: hidden;
  top: 20px;
}

.content .agent .badge .contact_tray button {
  border: none;
  border-radius: 3px;
  width: 100%;
  height: 50px;
  float: left;
  background: #95a5a6;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 300;
  color: white;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}

.content .agent .badge .contact_tray .phone {
  width: calc(50% - 10px);
  cursor: default;
}

.content .agent .badge .contact_tray .phone:nth-of-type(2) {
  margin: 0 0 0 20px;
}

.content .agent .badge .contact_tray .email {
  margin: 20px 0 0 0;
  background: #1abc9c;
}

.content .agent .badge .contact_tray .email:hover {
  background: #4edec1;
}

.content .agent .badge blockquote {
  position: relative;
  top: 40px;
  background: #bdc3c7;
  width: calc(100% - 40px);
  margin: 0;
  padding: 20px;
  text-align: center;
  border-radius: 3px;
  font-family: "Roboto", sans-serif;
  font-style: italic;
  font-weight: 300;
  color: #333333;
  font-size: 20px;
}

.content .agent .badge p {
  position: relative;
  top: 40px;
  padding-bottom: 70px;
}

.content .agent .badge .social_bar {
  background-color: #95a5a6;
  position: absolute;
  bottom: 0;
  left: 0;
  overflow: hidden;
  height: 50px;
  width: 100%;
  border-radius: 0 0 3px 3px;
  /* one item */
  /* two items */
  /* three items */
  /* four items */
  /* five items */
}

.content .agent .badge .social_bar button {
  height: 100%;
  border: none;
  background: #95a5a6;
  position: relative;
  float: left;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}

.content .agent .badge .social_bar button:hover {
  background: #bdc3c7;
}



.content .agent .badge .social_bar button:hover .icon path {
  fill: white;
}

.content .agent .badge .social_bar button:nth-child(1):nth-last-child(1) {
  width: 100%;
}

.content .agent .badge .social_bar button:nth-child(1):nth-last-child(2),
.content .agent .badge .social_bar button:nth-child(2):nth-last-child(1) {
  width: 50%;
}

.content .agent .badge .social_bar button:nth-child(1):nth-last-child(3),
.content .agent .badge .social_bar button:nth-child(2):nth-last-child(2),
.content .agent .badge .social_bar button:nth-child(3):nth-last-child(1) {
  width: 33.3333%;
}

.content .agent .badge .social_bar button:nth-child(1):nth-last-child(4),
.content .agent .badge .social_bar button:nth-child(2):nth-last-child(3),
.content .agent .badge .social_bar button:nth-child(3):nth-last-child(2),
.content .agent .badge .social_bar button:nth-child(4):nth-last-child(1) {
  width: 25%;
}

.content .agent .badge .social_bar button:nth-child(1):nth-last-child(5),
.content .agent .badge .social_bar button:nth-child(2):nth-last-child(4),
.content .agent .badge .social_bar button:nth-child(3):nth-last-child(3),
.content .agent .badge .social_bar button:nth-child(4):nth-last-child(2),
.content .agent .badge .social_bar button:nth-child(5):nth-last-child(1) {
  width: 20%;
}

/***********
replace social buttons with a div so that the SVG is clickable in IE FF***/

.content .agent .badge .social_bar div.social {
  height: 100%;
  border: none;
  background: #95a5a6;
  position: relative;
  float: left;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}

.content .agent .badge .social_bar div.social:hover {
  background: #bdc3c7;
}


.content .agent .badge .social_bar div.social:hover .icon path {
  fill: white;
}

.content .agent .badge .social_bar div.social:nth-child(1):nth-last-child(1),
.content_mobile .agent .badge .social_bar div.social:nth-child(1):nth-last-child(1) {
  float: left;
  width: 100%;
}

.content .agent .badge .social_bar div.social:nth-child(1):nth-last-child(2),
.content .agent .badge .social_bar div.social:nth-child(2):nth-last-child(1),
.content_mobile .agent .badge .social_bar div.social:nth-child(1):nth-last-child(2),
.content_mobile .agent .badge .social_bar div.social:nth-child(2):nth-last-child(1) {
  float: left;
  width: 50%;
}

.content .agent .badge .social_bar div.social:nth-child(1):nth-last-child(3),
.content .agent .badge .social_bar div.social:nth-child(2):nth-last-child(2),
.content .agent .badge .social_bar div.social:nth-child(3):nth-last-child(1),
.content_mobile .agent .badge .social_bar div.social:nth-child(1):nth-last-child(3),
.content_mobile .agent .badge .social_bar div.social:nth-child(2):nth-last-child(2),
.content_mobile .agent .badge .social_bar div.social:nth-child(3):nth-last-child(1) {
  float: left;
  width: 33.3333%;
}

.content .agent .badge .social_bar div.social:nth-child(1):nth-last-child(4),
.content .agent .badge .social_bar div.social:nth-child(2):nth-last-child(3),
.content .agent .badge .social_bar div.social:nth-child(3):nth-last-child(2),
.content .agent .badge .social_bar div.social:nth-child(4):nth-last-child(1),
.content_mobile .agent .badge .social_bar div.social:nth-child(1):nth-last-child(4),
.content_mobile .agent .badge .social_bar div.social:nth-child(2):nth-last-child(3),
.content_mobile .agent .badge .social_bar div.social:nth-child(3):nth-last-child(2),
.content_mobile .agent .badge .social_bar div.social:nth-child(4):nth-last-child(1) {
  float: left;
  width: 25%;
}

.content .agent .badge .social_bar div.social:nth-child(1):nth-last-child(5),
.content .agent .badge .social_bar div.social:nth-child(2):nth-last-child(4),
.content .agent .badge .social_bar div.social:nth-child(3):nth-last-child(3),
.content .agent .badge .social_bar div.social:nth-child(4):nth-last-child(2),
.content .agent .badge .social_bar div.social:nth-child(5):nth-last-child(1),
.content_mobile .agent .badge .social_bar div.social:nth-child(1):nth-last-child(5),
.content_mobile .agent .badge .social_bar div.social:nth-child(2):nth-last-child(4),
.content_mobile .agent .badge .social_bar div.social:nth-child(3):nth-last-child(3),
.content_mobile .agent .badge .social_bar div.social:nth-child(4):nth-last-child(2),
.content_mobile .agent .badge .social_bar div.social:nth-child(5):nth-last-child(1) {
  float: left;
  width: 20%;
}

.content .agent .badge .social_bar div.social:nth-child(1):nth-last-child(6),
.content .agent .badge .social_bar div.social:nth-child(2):nth-last-child(5),
.content .agent .badge .social_bar div.social:nth-child(3):nth-last-child(4),
.content .agent .badge .social_bar div.social:nth-child(4):nth-last-child(3),
.content .agent .badge .social_bar div.social:nth-child(5):nth-last-child(2),
.content .agent .badge .social_bar div.social:nth-child(6):nth-last-child(1),
.content_mobile .agent .badge .social_bar div.social:nth-child(1):nth-last-child(6),
.content_mobile .agent .badge .social_bar div.social:nth-child(2):nth-last-child(5),
.content_mobile .agent .badge .social_bar div.social:nth-child(3):nth-last-child(4),
.content_mobile .agent .badge .social_bar div.social:nth-child(4):nth-last-child(3),
.content_mobile .agent .badge .social_bar div.social:nth-child(5):nth-last-child(2),
.content_mobile .agent .badge .social_bar div.social:nth-child(6):nth-last-child(1) {
  float: left;
  width: 16.66%;
}

.content .agent .badge .social_bar div.social:nth-child(1):nth-last-child(7),
.content .agent .badge .social_bar div.social:nth-child(2):nth-last-child(6),
.content .agent .badge .social_bar div.social:nth-child(3):nth-last-child(5),
.content .agent .badge .social_bar div.social:nth-child(4):nth-last-child(4),
.content .agent .badge .social_bar div.social:nth-child(5):nth-last-child(3),
.content .agent .badge .social_bar div.social:nth-child(6):nth-last-child(2),
.content .agent .badge .social_bar div.social:nth-child(7):nth-last-child(1),
.content_mobile .agent .badge .social_bar div.social:nth-child(1):nth-last-child(7),
.content_mobile .agent .badge .social_bar div.social:nth-child(2):nth-last-child(6),
.content_mobile .agent .badge .social_bar div.social:nth-child(3):nth-last-child(5),
.content_mobile .agent .badge .social_bar div.social:nth-child(4):nth-last-child(4),
.content_mobile .agent .badge .social_bar div.social:nth-child(5):nth-last-child(3),
.content_mobile .agent .badge .social_bar div.social:nth-child(6):nth-last-child(2),
.content_mobile .agent .badge .social_bar div.social:nth-child(7):nth-last-child(1) {
  float: left;
  width: 14.28%;
}

.content .agent .badge .social_bar div.social:nth-child(1):nth-last-child(8),
.content .agent .badge .social_bar div.social:nth-child(2):nth-last-child(7),
.content .agent .badge .social_bar div.social:nth-child(3):nth-last-child(6),
.content .agent .badge .social_bar div.social:nth-child(4):nth-last-child(5),
.content .agent .badge .social_bar div.social:nth-child(5):nth-last-child(4),
.content .agent .badge .social_bar div.social:nth-child(6):nth-last-child(3),
.content .agent .badge .social_bar div.social:nth-child(7):nth-last-child(2),
.content .agent .badge .social_bar div.social:nth-child(8):nth-last-child(1),
.content_mobile .agent .badge .social_bar div.social:nth-child(1):nth-last-child(8),
.content_mobile .agent .badge .social_bar div.social:nth-child(2):nth-last-child(7),
.content_mobile .agent .badge .social_bar div.social:nth-child(3):nth-last-child(6),
.content_mobile .agent .badge .social_bar div.social:nth-child(4):nth-last-child(5),
.content_mobile .agent .badge .social_bar div.social:nth-child(5):nth-last-child(4),
.content_mobile .agent .badge .social_bar div.social:nth-child(6):nth-last-child(3),
.content_mobile .agent .badge .social_bar div.social:nth-child(7):nth-last-child(2),
.content_mobile .agent .badge .social_bar div.social:nth-child(8):nth-last-child(1) {
  float: left;
  width: 12.5%;
}

.content .agent .badge .social_bar div.social:nth-child(1):nth-last-child(9),
.content .agent .badge .social_bar div.social:nth-child(2):nth-last-child(8),
.content .agent .badge .social_bar div.social:nth-child(3):nth-last-child(7),
.content .agent .badge .social_bar div.social:nth-child(4):nth-last-child(6),
.content .agent .badge .social_bar div.social:nth-child(5):nth-last-child(5),
.content .agent .badge .social_bar div.social:nth-child(6):nth-last-child(4),
.content .agent .badge .social_bar div.social:nth-child(7):nth-last-child(3),
.content .agent .badge .social_bar div.social:nth-child(8):nth-last-child(2),
.content .agent .badge .social_bar div.social:nth-child(9):nth-last-child(1),
.content_mobile .agent .badge .social_bar div.social:nth-child(1):nth-last-child(9),
.content_mobile .agent .badge .social_bar div.social:nth-child(2):nth-last-child(8),
.content_mobile .agent .badge .social_bar div.social:nth-child(3):nth-last-child(7),
.content_mobile .agent .badge .social_bar div.social:nth-child(4):nth-last-child(6),
.content_mobile .agent .badge .social_bar div.social:nth-child(5):nth-last-child(5),
.content_mobile .agent .badge .social_bar div.social:nth-child(6):nth-last-child(4),
.content_mobile .agent .badge .social_bar div.social:nth-child(7):nth-last-child(3),
.content_mobile .agent .badge .social_bar div.social:nth-child(8):nth-last-child(2),
.content_mobile .agent .badge .social_bar div.social:nth-child(9):nth-last-child(1) {
  float: left;
  width: 11.11%;
}

.content .agent .badge .social_bar div.social:nth-child(1):nth-last-child(10),
.content .agent .badge .social_bar div.social:nth-child(2):nth-last-child(9),
.content .agent .badge .social_bar div.social:nth-child(3):nth-last-child(8),
.content .agent .badge .social_bar div.social:nth-child(4):nth-last-child(7),
.content .agent .badge .social_bar div.social:nth-child(5):nth-last-child(6),
.content .agent .badge .social_bar div.social:nth-child(6):nth-last-child(5),
.content .agent .badge .social_bar div.social:nth-child(7):nth-last-child(4),
.content .agent .badge .social_bar div.social:nth-child(8):nth-last-child(3),
.content .agent .badge .social_bar div.social:nth-child(9):nth-last-child(2),
.content .agent .badge .social_bar div.social:nth-child(10):nth-last-child(1),
.content_mobile .agent .badge .social_bar div.social:nth-child(1):nth-last-child(10),
.content_mobile .agent .badge .social_bar div.social:nth-child(2):nth-last-child(9),
.content_mobile .agent .badge .social_bar div.social:nth-child(3):nth-last-child(8),
.content_mobile .agent .badge .social_bar div.social:nth-child(4):nth-last-child(7),
.content_mobile .agent .badge .social_bar div.social:nth-child(5):nth-last-child(6),
.content_mobile .agent .badge .social_bar div.social:nth-child(6):nth-last-child(5),
.content_mobile .agent .badge .social_bar div.social:nth-child(7):nth-last-child(4),
.content_mobile .agent .badge .social_bar div.social:nth-child(8):nth-last-child(3),
.content_mobile .agent .badge .social_bar div.social:nth-child(9):nth-last-child(2),
.content_mobile .agent .badge .social_bar div.social:nth-child(10):nth-last-child(1) {
  float: left;
  width: 10%;
}

/***************************/



div.social a { /* this makes the whole button clickable not just the icon */
	display: block;
    width: 100%;
    height: 100%;
}


.content .first {
  margin-top: 25px;
}

.content .last {
  margin-bottom: 25px;
  margin-top: 50px;
}

.content .document {
  height: 100px;
  width: 75px;
}

.content .document .body {
  fill: #95a5a6;
  transition: all 0.25s;
}

.content .document .flap {
  fill: #bdc3c7;
  transition: all 0.25s;
}

.content .document .shadow {
  fill: #7f8c8d;
  transition: all 0.25s;
}

.content .document .arrow {
  fill: #95a5a6;
  transition: all 0.25s;
}

.content .document:hover .body {
  fill: #f1c40f;
}

.content .document:hover .flap {
  fill: #f8d54a;
}

.content .document:hover .shadow {
  fill: #e5ba0d;
}

.content .document:hover .arrow {
  fill: #ecf0f1;
}

.content .flyer_grid {
  position: relative;
  left: 50%;
  margin-left: -225px;
  width: 500px;
}

.content .flyer_grid .flyer {
  width: 75px;
  margin-right: 50px;
  float: left;
  margin-top: 20px;
}

.content .flyer_grid .flyer p {
  margin: 0;
  text-align: center;
}

.content .share_grid {
  position: relative;
  left: 50%;
  margin-left: -200px;
  width: 500px;
  /* This controls all the SVG code for the share page */
}

.content .share_grid .tile {
  position: relative;
  width: 100px;
  height: 100px;
  background-color: #95a5a6;
  float: left;
  margin-top: 50px;
  margin-right: 50px;
  border-radius: 3px;
}

.content .share_grid .facebook_icon {
  width: 23px;
  height: 50px;
  margin-left: -11px;
  margin-top: -25px;
}

.content .share_grid .facebook_icon path {
  fill: #62696a;
  transition: all 0.25s;
}

.content .share_grid .facebook {
  transition: all 0.25s;
}

.content .share_grid .facebook:hover {
  background-color: #2980b9;
}

.content .share_grid .facebook:hover .facebook_icon path {
  fill: #ecf0f1;
}

.content .share_grid .twitter_icon {
  width: 50px;
  height: 41px;
  margin-left: -25px;
  margin-top: -20px;
}

.content .share_grid .twitter_icon path {
  fill: #62696a;
  transition: all 0.25s;
}

.content .share_grid .twitter {
  transition: all 0.25s;
}

.content .share_grid .twitter:hover {
  background-color: #3498db;
}

.content .share_grid .twitter:hover .twitter_icon path {
  fill: #ecf0f1;
}

.content .share_grid .pinterest_icon {
  width: 39px;
  height: 50px;
  margin-left: -20px;
  margin-top: -25px;
}

.content .share_grid .pinterest_icon path {
  fill: #62696a;
  transition: all 0.25s;
}

.content .share_grid .pinterest {
  transition: all 0.25s;
}

.content .share_grid .pinterest:hover {
  background-color: #e74c3c;
}

.content .share_grid .pinterest:hover .pinterest_icon path {
  fill: #ecf0f1;
}

.content .share_grid .gplus_icon {
  width: 50px;
  height: 50px;
  margin-left: -25px;
  margin-top: -25px;
}

.content .share_grid .gplus_icon path {
  fill: #62696a;
  transition: all 0.25s;
}

.content .share_grid .gplus {
  transition: all 0.25s;
}

.content .share_grid .gplus:hover {
  background-color: #c0392b;
}

.content .share_grid .gplus:hover .gplus_icon path {
  fill: #ecf0f1;
}


.content .share_grid .linkedin_icon {
  width: 50px;
  height: 50px;
  margin-left: -25px;
  margin-top: -25px;
}

.content .share_grid .linkedin_icon path {
  fill: #62696a;
  transition: all 0.25s;
}

.content .share_grid .linkedin {
  transition: all 0.25s;
}

.content .share_grid .linkedin:hover {
  background-color: #2980b9;
}

.content .share_grid .linkedin:hover .linkedin_icon path {
  fill: #ecf0f1;
}

.content .share_grid .mail_icon {
  width: 50px;
  height: 50px;
  margin-left: -25px;
  margin-top: -25px;
}

.content .share_grid .mail_icon path {
  fill: #62696a;
  transition: all 0.25s;
}

.content .share_grid .mail {
  transition: all 0.25s;
}

.content .share_grid .mail:hover {
  background-color: #f1c40f;
}

.content .share_grid .mail:hover .mail_icon path {
  fill: #ecf0f1;
}


.top_bar {
  height: 50px;
  width: 100%;
  background-color: #bdc3c7;
  position: absolute;
  top: 0;
}

.top_bar .close_button {
  height: 24px;
  width: 24px;
  background-color: transparent;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -10px;
  border-radius: 12px;
  z-index: 100;
  cursor: pointer;
}

.top_bar .close_button .close {
  height: 14px;
  width: 14px;
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -7px;
}

.top_bar .close_button .close path {
  fill: #7f8c8d;
  transition: all 0.25s;
}

.top_bar .close_button:hover .close path {
  fill: #e74c3c;
}


.out {
  left: 275px;
}

/* ************************************************************************* */
/* Photos                                                                    */
/* ************************************************************************* */

.photo_bank {
  position: relative;
  margin-left: 275px;
  overflow: auto;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.25s;
  -moz-transition-duration: 0.25s;
  -o-transition-duration: 0.25s;
  transition-duration: 0.25s;
}

.photo_bank figure, .photo_bank li a {
  position: relative;
  float: left;
  width: 33.33%;
  height: auto;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.25s;
  -moz-transition-duration: 0.25s;
  -o-transition-duration: 0.25s;
  transition-duration: 0.25s;
  overflow: hidden;
}

.photo_bank figure figcaption, .photo_bank li figcaption {
  position: absolute;
  width: 0%;
  height: 40px;
  line-height: 40px;
  bottom: 0;
  padding-left: 20px;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  font-family: "Roboto", sans-serif;
  font-style: italic;
  font-weight: 300;
  color: #ecf0f1;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.25s;
  -moz-transition-duration: 0.25s;
  -o-transition-duration: 0.25s;
  transition-duration: 0.25s;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.photo_bank figure img, .photo_bank li img {
  width: 100%;
  display: block;
}

.photo_bank figure:hover figcaption, .photo_bank li:hover figcaption {
  width: 100%;
  opacity: 1;
}

.photo_bank figure:before, .photo_bank li a:before  {
  content: "";
  display: block;
  padding-top: 62.5%;
}

.photo_bank figure:nth-of-type(4), .photo_bank li:nth-of-type(4) {
  clear: left;
}

.photo_bank .featured {
  width: 66.65%;
}


.shift {
  margin-left: 775px;
}

/* .shift {
  margin-left: calc(275px + 500px);
  this adjust photo bank when a pop out is displayed
}

*/
.shift .big {
  width: 100%;
}

.shift .small {
  width: 50%;
}


/* ************************************************************************* */
/* menu eight   (related links)                                              */
/* ************************************************************************* */



.eight .link {
  position: relative;
  margin-top: 1em;
}

.eight .link .link_icon {
  margin-left: 5%;
  height: 20px;
}

.eight .link .link_icon path {
  fill: #ecf0f1;
}

.eight .link p {
  display: inline;
  margin: 0 0 0 10px;
  transition: all 0.25s;
}

.eight .link p:hover {
  color: #ecf0f1;
}

@media all and (max-width: 650px) {

  .eight .link_mobile {
    height: 50px;
    background: #16a085;
    width: 90%;
    margin-left: 5%;
    margin-top: 1em;
    position: relative;
    transition: all 0.25s;
  }

  .eight .link_mobile .link_icon {
    margin-left: 5%;
    height: 20px;
    position: absolute;
    top: calc(50% - 10px);
  }

  .eight .link_mobile .link_icon path {
    fill: #ecf0f1;
  }

  .eight .link_mobile p {
    margin: 0;
    padding: 0;
    line-height: 50px;
    text-align: center;
    color: red;
  }

  .eight .test:hover {
    background: #4edec1;
  }
}

.master-container {
  position: relative;
  top: 0;
  transition: 0.25s;
}

.main {
  width: 100%;
}

/* ************************************************************************* */
/* open house top tab bar                                                    */
/* ************************************************************************* */

.announcement-bar {
  position: fixed;
  background-color: #ecf0f1;
  top: -70px;
  height: 70px;
  width: 100%;
  z-index: 9999999999999999999999999999999999999999999999999999999999999;
  transition: all 0.25s;
}

.announcement-bar .tab {
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -25px;
  height: 35px;
  width: 100px;
  cursor: pointer;
}

.announcement-bar .tab .tab-back {
  position: absolute;
  height: 100%;
  width: 100%;
  border-radius: 0 0 25px 25px;
  background-color: #ecf0f1;
  opacity: 0.6;
  transition: all 0.25s;
}

.announcement-bar .tab .exclaim {
  transition: all 0.25s;
}

.announcement-bar .tab .exclaim .attn {
  position: absolute;
  left: 50%;
  margin-left: -12px;
  width: 25px;
  top: 50%;
  margin-top: -15px;
  height: 25px;
  transition: all 0.25s;
}

.announcement-bar .tab .exclaim .attn path {
  fill: white;
  transition: all 0.25s;
}

.announcement-bar .tab .close-pop {
  opacity: 0;
  transition: all 0.25s;
}

.announcement-bar .tab .close-pop .close_popup {
  position: absolute;
  left: 50%;
  margin-left: -12px;
  width: 25px;
  top: 50%;
  margin-top: -15px;
  height: 25px;
  transition: all 0.25s;
}

.announcement-bar .tab .close-pop .close_popup path {
  fill: #e74c3c;
  transition: all 0.25s;
}

.announcement-bar .tab .ghost {
  opacity: 0;
}

.announcement-bar .tab .opaque {
  opacity: 1;
}

.announcement-bar .tab:hover .tab-back {
  opacity: 1;
}

.announcement-bar .tab:hover .attn path {
  fill: #1abc9c;
}

.announcement-bar h2, .announcement-bar .content h3, .content .announcement-bar h3 {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #7f8c8d;
  text-align: center;
}


.sesame {
  top: 0;
}


.shadow {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  transition: 0.25s;
  background: rgba(0, 0, 0, 0.9);
  z-index: 10000;
  display: none;
}

.shadow figure {
  position: relative;
  width: 66.66vw;
  height: 41.66vw;
  margin: auto;
  top: 50%;
  transform: translateY(-50%);
  overflow: hidden;
  background: red;
}


@media screen and (-webkit-min-device-pixel-ratio:0) {

     /* HACK FOR SAFARI -- Safari 5+ ONLY */
    	::i-block-chrome,.shadow figure {
		top:50px;
		transform:none;
		height: 80%;
    	width: 66%;

    }
}


.shadow figure .slide {
  position: absolute;
  height: 100%;
  width: 100%;
  background: blue;
  left: 100%;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.25s;
  -moz-transition-duration: 0.25s;
  -o-transition-duration: 0.25s;
  transition-duration: 0.25s;
}

.shadow figure .shown {
  left: 0;
}

.shadow figure figcaption {
  position: absolute;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  height: 50px;
  line-height: 50px;
  width: calc(100% - 100px - 1px);
  padding-left: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "Roboto", sans-serif;
  font-style: italic;
  font-weight: 300;
  color: #ecf0f1;
}

.shadow figure div.button {
  position: absolute;
  bottom: 0;
  height: 50px;
  width: 50px;
  background: rgba(0, 0, 0, 0.5);
  border: none;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.25s;
  -moz-transition-duration: 0.25s;
  -o-transition-duration: 0.25s;
  transition-duration: 0.25s;
}

.shadow figure div.button img {
  position: absolute;
  top: calc(50% - 32px / 2);
  left: calc(50% - 20px / 2);
  opacity: 0.5;
}

.shadow figure .next {
  right: 0;
}

.shadow figure .prev {
  right: 50px;
}

.shadow figure .close {
  top: 0;
  right: 0;
}

.shadow figure .close img {
  top: calc(50% - 24px / 2);
  left: calc(50% - 24px / 2);
}

.shadow figure .progress-bar {
  position: absolute;
  width: calc(100% - 101px);
  bottom: 0;
}

.shadow figure .progress-bar .progress {
  position: absolute;
  height: 1px;
  background: rgba(255, 255, 255, 0.5);
  bottom: 0;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.25s;
  -moz-transition-duration: 0.25s;
  -o-transition-duration: 0.25s;
  transition-duration: 0.25s;
}


.shadow_light {
  position: fixed;
  height: 100%;
  width: 100%;
  background-color: #ecf0f1;
  opacity: 0.8;
  z-index: 10000;
}


.announcement_container {
  position: fixed;
  z-index: 11000;
  text-align: center;
  left: 50%;
  width: 400px;
  height: 320px;
  background-color: #ecf0f1;
  margin-left: -200px;
  top: 50%;
  margin-top: -160px;
  border-radius: 10px;
  opacity: 0.7;
}


.announcement {
  position: fixed;
  width: 400px;
  height: 320px;
  left: 50%;
  margin-left: -200px;
  top: 50%;
  margin-top: -160px;
  text-align: center;
  z-index: 12000;
}

.announcement h2, .announcement .content h3, .content .announcement h3, .announcement h3 {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #7f8c8d;
}

.announcement input, .announcement form select, form .announcement select {
  background-color: transparent;
  border-color: white;
}

.announcement .submit {
  background-color: #16a085;
  border: none;
}


.kill {
  opacity: 0;
  z-index: -12000;
}


.zoom {
  position: fixed;
  opacity: 0;
  transition: 0.25s;
  width: 720px;
  left: 50%;
  margin-left: -360px;
  top: 50%;
  margin-top: -225px;
  background-size: cover;
}

.zoom .zoom_close {
  height: 16px;
  width: 16px;
  position: absolute;
  right: 20px;
  top: 20px;
  margin-top: -10px;
  border-radius: 12px;
  z-index: 100;
  cursor: pointer;
}

.zoom .zoom_close path {
  fill: black;
  opacity: 0.75;
  transition: all 0.25s;
}


.zoom:hover .zoom_close path {
  opacity: 1;
}


.zoom_spsproptphoto1 {
  background-image: url(https://s3.amazonaws.com/propimg/property/10075/images/10075_5293fd3d05c206.74861029_full.jpg);
}

.zoom_spsproptphoto2 {
  background-image: url(https://s3.amazonaws.com/propimg/property/10075/images/10075_5293fd3c318b38.39675774_full.jpg);
}
.zoom_spsproptphoto3 {
  background-image: url(https://s3.amazonaws.com/propimg/property/10075/images/10075_5293fd3aa26f46.61794857_full.jpg);
}
.zoom_spsproptphoto4 {
  background-image: url(https://s3.amazonaws.com/propimg/property/10075/images/10075_5293fd3db89df4.27821180_full.jpg);
}
.zoom_spsproptphoto5 {
  background-image: url(https://s3.amazonaws.com/propimg/property/10075/images/10075_5293fd394a67f3.41418833_full.jpg);
}
.zoom_spsproptphoto6 {
  background-image: url(https://s3.amazonaws.com/propimg/property/10075/images/10075_5293fd3b5ca221.29945128_full.jpg);
}
.zoom_spsproptphoto7 {
  background-image: url(https://s3.amazonaws.com/propimg/property/10075/images/10075_5293fd3878adc5.40931408_full.jpg);
}
.zoom_spsproptphoto8 {
  background-image: url(https://s3.amazonaws.com/propimg/property/10075/images/10075_5293fd39f1a9c2.70248000_full.jpg);
}
.zoom_spsproptphoto9 {
  background-image: url(https://s3.amazonaws.com/propimg/property/10075/images/10075_5293fd3e8c5046.47765276_full.jpg);
}
.zoom_spsproptphoto10 {
  background-image: url(https://s3.amazonaws.com/propimg/property/10075/images/10075_5cb3b950391423.85141258_full.jpg);
}
.zoom_spsproptphoto11 {
  background-image: url(https://s3.amazonaws.com/propimg/property/10075/images/10075_5cb3b9513144a9.96169944_full.jpg);
}
.zoom_spsproptphoto12 {
  background-image: url(https://s3.amazonaws.com/propimg/property/10075/images/10075_5cb3b9523a55e6.71260089_full.jpg);
}
.zoom_spsproptphoto13 {
  background-image: url(https://s3.amazonaws.com/propimg/property/10075/images/10075_5cb3b953197d65.03374654_full.jpg);
}
.zoom_spsproptphoto14 {
  background-image: url(https://s3.amazonaws.com/propimg/property/10075/images/10075_5cb3b953e23431.31656763_full.jpg);
}
.zoom_spsproptphoto15 {
  background-image: url(https://s3.amazonaws.com/propimg/property/10075/images/10075_5cb3b954d76331.95415939_full.jpg);
}
.zoom_spsproptphoto16 {
  background-image: url(https://s3.amazonaws.com/propimg/property/10075/images/10075_5cb3b955c7b974.28269168_full.jpg);
}
.zoom_spsproptphoto17 {
  background-image: url(https://s3.amazonaws.com/propimg/property/10075/images/10075_5cb3b956a7e8d0.86720222_full.jpg);
}
.zoom_spsproptphoto18 {
  background-image: url(https://s3.amazonaws.com/propimg/property/10075/images/10075_5cb3b98b7a0f92.67415234_full.jpg);
}
.zoom_spsproptphoto19 {
  background-image: url(https://s3.amazonaws.com/propimg/property/10075/images/10075_5cb3b98c743bd4.71601062_full.jpg);
}
.zoom_spsproptphoto20 {
  background-image: url(https://s3.amazonaws.com/propimg/property/10075/images/10075_5cb3b98d5f4c69.45891536_full.jpg);
}
.zoom_spsproptphoto21 {
  background-image: url(https://s3.amazonaws.com/propimg/property/10075/images/10075_5cb3b98e481401.59340541_full.jpg);
}


.zoom:before {
  content: "";
  display: block;
  padding-top: 62.5%;
}


.show {
  z-index: 20000;
  opacity: 1;
}


footer {
  position: relative;
  width: calc(100% - 275px);
  margin-left: 275px;
  transition: all 0.25s;
  border-top: 10px solid #7f8c8d;
}

footer p {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #62696a;
  text-align: center;
}

footer .one {
  background-color: #ecf0f1;
}

footer .two {
  background-color: #d4dadc;
  padding: 0;
  height: 30px;
  position: relative;
}

footer .two .equal {
  position: absolute;
  height: 20px;
  width: 24px;
  margin-right: 10px;
  top: 50%;
  margin-top: -10px;
  left: 50%;
  margin-left: -12px;
}

footer .two .equal path, footer .two .equal rect {
  fill: #7f8c8d;
}

footer .three {
  background-color: #bdc3c7;
}


.shrink {
  width: calc(100% - 275px - 500px);
}


.frameset {
  margin-bottom: 25px;
  display:none;    /* this stops the frame content e.g. video etc, being shown when closed in IE */
}

/* Wnen the menu item is shown - then make the contents visble */
.content.out .frameset {
	display: inherit;
}


.frameset iframe {
  position: relative;
  width: 450px;
  height: 253px;
  left: 25px;
  margin-top: 25px;
}

.frameset iframe:nth-of-type(1) {
  margin-top: 0;
}

/* These are all the mods to classes that for whatever reason need to cascade */
/* This makes the datepicker the same size as the form field */

div.ui-datepicker {
  width: 305px;
}

/* This absolutely needs to cascade or the styling doesn't work */

.eighteen table {
  position: relative;
  width: 400px;
  left: 50%;
  margin: 20px 0 0 -200px;
  background-color: #3f5872;
  border-radius: 3px;
  overflow: hidden;
}

.eighteen table th {
  padding: 0 10px 0 10px;
  background-color: #2c3e50;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #ecf0f1;
}

.eighteen table td {
  height: 50px;
  padding: 0 10px 0 10px;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #ecf0f1;
  text-align: center;
}

.eighteen table .top {
  padding: 10px 0 10px 0;
}

.eighteen table .top_left {
  border-radius: 3px 0 0 0;
}

.eighteen table .top_right {
  border-radius: 0 3px 0 0;
}

.eighteen table .bottom_left {
  border-radius: 0 0 0 3px;
}

.eighteen table .middle {
  background-color: #496582;
}

@media all and (max-width: 1099px) {

  .shrink .small {
    width: 100%;
  }
}
@media all and (max-width: 999px) {

  .photo_bank .big {
    width: 100%;
  }

  .photo_bank .small {
    width: 50%;
  }


  .shift .small {
    width: 100%;
  }
}
@media all and (max-width: 899px) {

  .content {
    width: 400px;
  }

  .content iframe {
    width: 350px;
    height: 197px;
  }

  .content .agent .new_badge h3 {
    left: 0;
    margin-left: 0;
  }

  .content .agent .new_badge h4 {
    left: 0;
  }

  .content .agent .new_badge .new_agent_photo {
    display: none;
  }

  .content .agent .new_badge .buttons {
    height: auto;
  }

  .content .agent .new_badge .buttons .button {
    width: 100%;
    float: none;
  }

  .content .agent .new_badge .buttons .button:last-of-type {
    margin-left: 0;
  }

  .content .agent .new_badge blockquote {
    margin-top: 20px;
  }


  .shrink {
    width: calc(100% - 275px - 400px);
  }


  .shift {
    margin-left: calc(275px + 400px);
  }

  .shift .big {
    width: 100%;
  }

  .shift .small {
    width: 100%;
  }


  .content .agent .badge .quote_box {
    margin-left: 25px;
    width: 347px;
  }

  .content .agent .badge .quote_box blockquote {
    padding-left: 0;
  }

  .content .agent .badge .agent_photo {
    display: none;
  }

  .content .share_grid {
    width: 400px;
    margin-left: -125px;
  }

  .content .flyer_grid {
    width: 400px;
    margin-left: -162px;
  }


  .twenty-one table, .mobile_twenty-one table {
    width: 300px;
    margin-left: -170px;
  }
}
@media all and (max-width: 799px) {

  .shift {
    margin-left: 100%;
  }


  .out {
    width: calc(100% - 275px);
  }


  .content .agent .badge .quote_box {
    width: calc(100% - 50px);
  }


  .zoom {
    width: 500px;
    margin-left: -250px;
    margin-top: -156px;
  }
}
@media all and (max-width: 749px) {

  .photo_bank .small {
    width: 100%;
  }
}

.eighteen table {
  position: relative;
  width: 400px;
  left: 50%;
  margin: 20px 0 0 -200px;
  background-color: #3f5872;
  border-radius: 3px;
  overflow: hidden;
}

.eighteen table th {
  padding: 0 10px 0 10px;
  background-color: #2c3e50;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #ecf0f1;
}

.eighteen table td {
  height: 50px;
  padding: 0 10px 0 10px;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #ecf0f1;
  text-align: center;
}

.eighteen table .top {
  padding: 10px 0 10px 0;
}

.eighteen table .top_left {
  border-radius: 3px 0 0 0;
}

.eighteen table .top_right {
  border-radius: 0 3px 0 0;
}

.eighteen table .bottom_left {
  border-radius: 0 0 0 3px;
}

.eighteen table .middle {
  background-color: #496582;
}


.document {
  height: 100px;
  width: 75px;
}

.document #body {
  fill: #95a5a6;
  transition: all 0.25s;
}

.document #flap {
  fill: #bdc3c7;
  transition: all 0.25s;
}

.document #shadow {
  fill: #7f8c8d;
  transition: all 0.25s;
}

.document #arrow {
  fill: #95a5a6;
  transition: all 0.25s;
}


.document:hover #body {
  fill: #f1c40f;
}

.document:hover #flap {
  fill: #f8d54a;
}

.document:hover #shadow {
  fill: #e5ba0d;
}

.document:hover #arrow {
  fill: #ecf0f1;
}


.flyer_grid {
  position: relative;
  left: 50%;

  margin-left: -225px;
  width: 500px;
}

.flyer_grid .flyer {
  width: 75px;
  margin-right: 50px;
  float: left;
  margin-top: 20px;
}

.flyer_grid .flyer p {
  margin: 0;
  text-align: center;
}

@media all and (max-width: 650px) {

  .agent {
    position: relative;
    margin: 40px 0 0 0;
    width: 100%;
  }

  .agent .badge {
    position: relative;
    width: calc(100% - 80px);
    left: calc(50% - (100% - 40px)/2);
    background-color: #d4dadc;
    padding: 20px;
    border-radius: 3px;
    overflow: visible;
  }

  .agent .badge .agent_info {
    position: relative;
    width: 100%;
  }

  .agent .badge .agent_info .images {
    float: left;
    width: 33.333%;
  }

  .agent .badge .agent_info .images img {
    position: relative;
    width: 100%;
    margin: 20px 0 0 0;
  }

  .agent .badge .agent_info .images img:first-of-type {
    margin: 0;
  }

  .agent .badge .agent_info .details {
    position: relative;
    width: 100%;
    margin: 0;
  }

  .agent .badge .agent_info .details h3 {
    margin: -0.5em 0 0 0;
    color: #333333;
  }

  .agent .badge .agent_info .details h4 {
    color: #333333;
  }

  .agent .badge .contact_tray {
    position: relative;
    width: 100%;
    height: 190px;
    margin: 25px 0 25px 0;
  }

  .agent .badge .contact_tray button {
    border: none;
    border-radius: 3px;
    width: 100%;
    height: 50px;
    float: left;
    background: #16a085;
    margin: 20px 0 0 0;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 300;
    color: #ecf0f1;
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
  }

  .agent .badge .contact_tray .phone:first-of-type {
    margin: 0;
  }

  .agent .badge .contact_tray button:hover {
    background: #4edec1;
  }

  .agent .badge blockquote {
    position: relative;
    margin: 0 0 25px 0;
    padding: 10px;
    background-color: #bdc3c7;
    border-radius: 3px;
    font-family: "Roboto", sans-serif;
    font-style: italic;
    font-weight: 300;
    color: #333333;
    font-size: 20px;
    text-align: center;
  }

  .agent .badge p {
    position: relative;
    margin-bottom: 50px;
  }

  .agent .badge .social_bar {
    background-color: #95a5a6;
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden;
    height: 50px;
    width: 100%;
    border-radius: 0 0 3px 3px;
    /* one item */
    /* two items */
    /* three items */
    /* four items */
    /* five items */
  }

  .agent .badge .social_bar button {
    height: 100%;
    border: none;
    background: #95a5a6;
    position: relative;
    float: left;
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
  }

  .agent .badge .social_bar button .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -o-transform: scale(0.6);
    transform: scale(0.6);
  }

  .agent .badge .social_bar button:hover {
    background: #bdc3c7;
  }

  .agent .badge .social_bar button:hover .icon path {
    fill: white;
  }

  .agent .badge .social_bar button:nth-child(1):nth-last-child(1) {
    width: 100%;
  }

  .agent .badge .social_bar button:nth-child(1):nth-last-child(2),
  .agent .badge .social_bar button:nth-child(2):nth-last-child(1) {
    width: 50%;
  }

  .agent .badge .social_bar button:nth-child(1):nth-last-child(3),
  .agent .badge .social_bar button:nth-child(2):nth-last-child(2),
  .agent .badge .social_bar button:nth-child(3):nth-last-child(1) {
    width: 33.3333%;
  }

  .agent .badge .social_bar button:nth-child(1):nth-last-child(4),
  .agent .badge .social_bar button:nth-child(2):nth-last-child(3),
  .agent .badge .social_bar button:nth-child(3):nth-last-child(2),
  .agent .badge .social_bar button:nth-child(4):nth-last-child(1) {
    width: 25%;
  }

  .agent .badge .social_bar button:nth-child(1):nth-last-child(5),
  .agent .badge .social_bar button:nth-child(2):nth-last-child(4),
  .agent .badge .social_bar button:nth-child(3):nth-last-child(3),
  .agent .badge .social_bar button:nth-child(4):nth-last-child(2),
  .agent .badge .social_bar button:nth-child(5):nth-last-child(1) {
    width: 20%;
  }
}
/* This controls all the SVG code for the share page */

.facebook_icon {
  position: absolute;
  width: 23px;
  height: 50px;
  margin-left: -11px;
  margin-top: -25px;
  top: 50%;
  left: 50%;
}

.facebook_icon path {
  fill: #62696a;
  transition: all 0.25s;
}


.facebook {
  transition: all 0.25s;
}


.facebook:hover {
  background-color: #2980b9;
}


.facebook:hover .facebook_icon path {
  fill: #ecf0f1;
}


.twitter_icon {
  position: absolute;
  width: 50px;
  height: 41px;
  margin-left: -25px;
  margin-top: -20px;
  top: 50%;
  left: 50%;
}

.twitter_icon path {
  fill: #62696a;
  transition: all 0.25s;
}


.twitter {
  transition: all 0.25s;
}


.twitter:hover {
  background-color: #3498db;
}


.twitter:hover .twitter_icon path {
  fill: #ecf0f1;
}


.pinterest_icon {
  position: absolute;
  width: 39px;
  height: 50px;
  margin-left: -20px;
  margin-top: -25px;
  top: 50%;
  left: 50%;
}

.pinterest_icon path {
  fill: #62696a;
  transition: all 0.25s;
}


.pinterest {
  transition: all 0.25s;
}


.pinterest:hover {
  background-color: #e74c3c;
}


.pinterest:hover .pinterest_icon path {
  fill: #ecf0f1;
}


.gplus_icon {
  position: absolute;
  width: 50px;
  height: 50px;
  margin-left: -25px;
  margin-top: -25px;
  top: 50%;
  left: 50%;
}

.gplus_icon path {
  fill: #62696a;
  transition: all 0.25s;
}


.gplus {
  transition: all 0.25s;
}


.gplus:hover {
  background-color: #c0392b;
}


.gplus:hover .gplus_icon path {
  fill: #ecf0f1;
}


.linkedin_icon {
  position: absolute;
  width: 50px;
  height: 50px;
  margin-left: -25px;
  margin-top: -25px;
  top: 50%;
  left: 50%;
}

.linkedin_icon path {
  fill: #62696a;
  transition: all 0.25s;
}


.linkedin {
  transition: all 0.25s;
}


.linkedin:hover {
  background-color: #2980b9;
}


.linkedin:hover .linkedin_icon path {
  fill: #ecf0f1;
}


.mail_icon {
  position: absolute;
  width: 50px;
  height: 50px;
  margin-left: -25px;
  margin-top: -25px;
  top: 50%;
  left: 50%;
}

.mail_icon path {
  fill: #62696a;
  transition: all 0.25s;
}


.mail {
  transition: all 0.25s;
}


.mail:hover {
  background-color: #f1c40f;
}


.mail:hover .mail_icon path {
  fill: #ecf0f1;
}

@media all and (min-width: 651px) {

  .mobile {
    display: none;
  }
}
@media all and (max-width: 650px) {

  .shrink {
    width: 100%;
  }


  .shift {
    margin-left: 0;
  }


  .announcement-bar {
    background-color: white;
  }

  .announcement-bar h2, .announcement-bar .content h3, .content .announcement-bar h3 {
    font-size: 18px;
    margin-top: 25px;
  }

  .announcement-bar .tab .tab-back {
    background-color: #bdc3c7;
  }

  .announcement-bar .tab .opaque {
    background-color: white;
  }

  .announcement-bar .tab:hover .tab-back {
    background-color: white;
  }


  h1 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 300;
    color: #95a5a6;
    text-transform: uppercase;
    margin: 1.5em 0 0.5em 0;
    text-align: center;
  }


  header {
    width: 100%;
    margin-bottom: 20px;
  }

  header p {
    color: #95a5a6;
    text-align: center;
    margin-left: 0;
  }

  header .price {
    font-weight: bold;
  }


  .sidebar {
    display: none;
  }


  .photo_bank {
    display: none;
  }


  .content {
    display: none;
  }


  footer {
    margin-left: 0;
    margin-top: 50px;
    width: 100%;
  }


  .photo_slider {
    position: relative;
    width: 100%;
    overflow: hidden;
  }

  .photo_slider ul {
    position: absolute;
    top: 0;
    list-style: none;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
  }

  .photo_slider ul li {
    position: absolute;
    background-size: cover;
    width: 100%;
    height: 100%;
  }

  .photo_slider ul .left, .photo_slider ul .right {
    position: absolute;
    width: 50%;
    height: 100%;
    left: 0;
    background-color: red;
    opacity: 0.5;
    z-index: 5000000;
    top: 0;
  }

  .photo_slider ul .right {
    background-color: blue;
    left: 50%;
  }

  .photo_slider ul .photo {
    right: -100%;
    transition: all 0.25s ease-in-out;
  }

  .photo_slider ul .show {
    right: 0;
  }

  .photo_slider ul .featured {
    background-image: url(https://s3.amazonaws.com/propimg/property/10075/images/10075_5293fd3d05c206.74861029_full.jpg);
    right: 0;
  }

  .photo_slider ul .psliderspsproptphoto2 {
    background-image: url(https://s3.amazonaws.com/propimg/property/10075/images/10075_5293fd3c318b38.39675774_full.jpg);
  }
  .photo_slider ul .psliderspsproptphoto3 {
    background-image: url(https://s3.amazonaws.com/propimg/property/10075/images/10075_5293fd3aa26f46.61794857_full.jpg);
  }
  .photo_slider ul .psliderspsproptphoto4 {
    background-image: url(https://s3.amazonaws.com/propimg/property/10075/images/10075_5293fd3db89df4.27821180_full.jpg);
  }
  .photo_slider ul .psliderspsproptphoto5 {
    background-image: url(https://s3.amazonaws.com/propimg/property/10075/images/10075_5293fd394a67f3.41418833_full.jpg);
  }
  .photo_slider ul .psliderspsproptphoto6 {
    background-image: url(https://s3.amazonaws.com/propimg/property/10075/images/10075_5293fd3b5ca221.29945128_full.jpg);
  }
  .photo_slider ul .psliderspsproptphoto7 {
    background-image: url(https://s3.amazonaws.com/propimg/property/10075/images/10075_5293fd3878adc5.40931408_full.jpg);
  }
  .photo_slider ul .psliderspsproptphoto8 {
    background-image: url(https://s3.amazonaws.com/propimg/property/10075/images/10075_5293fd39f1a9c2.70248000_full.jpg);
  }
  .photo_slider ul .psliderspsproptphoto9 {
    background-image: url(https://s3.amazonaws.com/propimg/property/10075/images/10075_5293fd3e8c5046.47765276_full.jpg);
  }
  .photo_slider ul .psliderspsproptphoto10 {
    background-image: url(https://s3.amazonaws.com/propimg/property/10075/images/10075_5cb3b950391423.85141258_full.jpg);
  }
  .photo_slider ul .psliderspsproptphoto11 {
    background-image: url(https://s3.amazonaws.com/propimg/property/10075/images/10075_5cb3b9513144a9.96169944_full.jpg);
  }
  .photo_slider ul .psliderspsproptphoto12 {
    background-image: url(https://s3.amazonaws.com/propimg/property/10075/images/10075_5cb3b9523a55e6.71260089_full.jpg);
  }
  .photo_slider ul .psliderspsproptphoto13 {
    background-image: url(https://s3.amazonaws.com/propimg/property/10075/images/10075_5cb3b953197d65.03374654_full.jpg);
  }
  .photo_slider ul .psliderspsproptphoto14 {
    background-image: url(https://s3.amazonaws.com/propimg/property/10075/images/10075_5cb3b953e23431.31656763_full.jpg);
  }
  .photo_slider ul .psliderspsproptphoto15 {
    background-image: url(https://s3.amazonaws.com/propimg/property/10075/images/10075_5cb3b954d76331.95415939_full.jpg);
  }
  .photo_slider ul .psliderspsproptphoto16 {
    background-image: url(https://s3.amazonaws.com/propimg/property/10075/images/10075_5cb3b955c7b974.28269168_full.jpg);
  }
  .photo_slider ul .psliderspsproptphoto17 {
    background-image: url(https://s3.amazonaws.com/propimg/property/10075/images/10075_5cb3b956a7e8d0.86720222_full.jpg);
  }
  .photo_slider ul .psliderspsproptphoto18 {
    background-image: url(https://s3.amazonaws.com/propimg/property/10075/images/10075_5cb3b98b7a0f92.67415234_full.jpg);
  }
  .photo_slider ul .psliderspsproptphoto19 {
    background-image: url(https://s3.amazonaws.com/propimg/property/10075/images/10075_5cb3b98c743bd4.71601062_full.jpg);
  }
  .photo_slider ul .psliderspsproptphoto20 {
    background-image: url(https://s3.amazonaws.com/propimg/property/10075/images/10075_5cb3b98d5f4c69.45891536_full.jpg);
  }
  .photo_slider ul .psliderspsproptphoto21 {
    background-image: url(https://s3.amazonaws.com/propimg/property/10075/images/10075_5cb3b98e481401.59340541_full.jpg);
  }

  .photo_slider:before {
    content: "";
    display: block;
    padding-top: 62.5%;
  }


  .container .button {
    position: relative;
    width: 100%;
    height: 50px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 300;
    color: #ecf0f1;
    text-transform: uppercase;
    line-height: 50px;
    box-shadow: inset 5px 0 0 #0e2134;
    border-bottom: 1px solid #34495e;
    transition: all 0.25s;
    background-color: #2c3e50;
    text-align: center;
  }


  .container .tray {
    width: 100%;
    position: relative;
    max-height: 0;
    transition: all 0.25s;
    overflow: hidden;
  }

  .container .tray .subButton {
    position: relative;
    width: calc(100% - 25px);
    height: 50px;
    padding-left: 25px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 300;
    color: #ecf0f1;
    line-height: 50px;
    text-transform: uppercase;
    border-bottom: 1px solid #496582;
    transition: all 0.25s;
    text-align: center;
    background-color: #3f5872;
  }

  .container .tray .current {
    background-color: #496582;
  }

  .container .tray .couple {
    position: relative;
  }

  .container .tray .couple .content_mobile {
    position: relative;
    max-height: 0;
    overflow: hidden;
    transition: all 0.25s;
  }

  .container .tray .couple .content_mobile h2, .container .tray .couple .content_mobile .content h3, .content .container .tray .couple .content_mobile h3 {
    display: none;
  }

  .container .tray .couple .content_mobile h3 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 300;
    color: #62696a;
    font-size: 24px;
    margin: 0.5em 0 0.5em 5%;
  }

  .container .tray .couple .content_mobile h4 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 300;
    color: #62696a;
    font-size: 18px;
    margin: 0.25em 0 0.25em 5%;
  }
   .container .tray .couple .content_mobile h5 {
    position: relative;
    padding: 0;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 300;
    color: #7f8c8d;
    font-size: 13px;
    margin: 0.25em 0 0.25em 5%;
  }


  .container .tray .couple .content_mobile p {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 300;
    color: #333333;
    font-size: 16px;
  }

  .container .tray .couple .content_mobile ul {
    list-style: none;
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
  }

  .container .tray .couple .content_mobile ul li {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 300;
    color: #333333;
  }

  .container .tray .couple .content_mobile iframe {
    left: 0;
    width: 90%;
    margin-left: 5%;
  }

  .container .tray .couple .three {
    height: 350px;
  }

  .container .tray .couple .three #googleMapMobile {
    position: absolute;
    height: 350px;
    width: 100%;
  }

  .container .tray .couple .eight .link {
    width: 95%;
  }

  .container .tray .couple .eight .link p {
    color: #ecf0f1;
  }

  .container .tray .couple .eighteen table {
    width: 90%;
    left: 0;
    margin: 5%;
  }

  .container .tray .couple .expand {
    max-height: 3500px;
    margin-bottom: 25px;
  }

  .container .tray .couple .flyer_grid {
    position: relative;
    left: 0;
    width: 100%;
    padding-left: 5%;
    padding-right: 5%;
    margin-left: 0;
  }

  .container .tray .couple .flyer_grid .flyer {
    margin-right: 20px;
    float: left;
  }

  .container .tray .couple .share_grid {
    position: relative;
    width: 240px;
    left: 50%;
    margin-left: -120px;
  }

  .container .tray .couple .share_grid .tile {
    position: relative;
    width: 100px;
    height: 100px;
    background-color: #95a5a6;
    float: left;
    margin-top: 50px;
    margin: 10px;
    border-radius: 3px;
  }

  .container .open {
    max-height: 3500px;
    transition: all 0.25s;
  }

  .container .active {
    background-color: #1abc9c;
    box-shadow: inset 5px 0 0 #16a085;
    border-bottom: 1px solid #16a085;
	color: #ecf0f1;
  }
}

.twenty table {
	margin-left:25px;
}

::-webkit-scrollbar {
 width: 9px;
}
::-webkit-scrollbar-button {
 width: 9px;
 height:5px;
}
::-webkit-scrollbar-track { /* background */
 background:#eee;
 border: thin solid lightgray;
 box-shadow: 0px 0px 3px #dfdfdf inset;
 border-radius:2px;
}
::-webkit-scrollbar-thumb { /* slider bar */
 background:#7F8C8D;
 border: thin solid gray;
 border-radius:2px;
}
::-webkit-scrollbar-thumb:hover { /* slider bar hover */
 background:#7d7d7d;
}






/* Media Showcase Version 4 - last updated 070520 */
.mediaShowcase {  position: fixed !important;  }
.subButtonMediaShowcase {
  position: relative;
  width: calc(100% - 25px);
  height: 50px;
  padding-left: 25px !important;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #ecf0f1 !important;
  line-height: 50px !important;
  text-transform: uppercase;
  border-bottom: 1px solid #496582;
  transition: all 0.25s;
  }
  .subButtonMediaShowcase:hover {
    background-color: #496582;
  }
  .subButtonMediaShowcase > a {
    color: #ecf0f1;
    display: block;
  }
.content.nine.out,
.content.ten.out {
  padding-bottom: 100px !important;
}
.agent .social i {
  color: #62696a !important;
  font-size: 30px;
  line-height: 50px;
  text-align: center;
  width: 100%;
}
.agent .social i:hover {
  color: #fff !important;
}

@media all and (max-width: 650px) {
  .mobile {
    padding-bottom: 25px;
  }
  .agent .social i {
    font-size: 20px;
  }
}
.modalMediaShowcase .close {
  background-color: transparent;
  border: none;
}



/* Slick Image Viewer
   ========================================================================== */
  .slick-container {
    background-color: rgba(0,0,0,0.9);
    height: 100vh;
    left: 0;
    margin: 0 auto;
    padding: 0 0 0 0;
    position: fixed;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: 2000;
  	}
	.slick-container-close {
	    background-color: black;    
	    color: white;
	    font-family: Arial, sans-serif;
	    font-size: 20px;
	    height: 25px;
	    line-height: 25px;
	    margin: 0 0 0 0;
	    padding: 0 0 0 0;
	    position: absolute;
	    right: 10px;
	    text-align: center;
	    top: 10px;
	    width: 25px;
	    z-index: 10;
	  	}
	  	.slick-container-close:hover {
	  		cursor: pointer;
	  	}
	  .prop-photo-container {
		margin: 5vh auto;
    	max-height: 90vh;
    	max-width: 80vw;
	  	}  	
	  	.prop-photo-title {
		  color: white;
	  	  font-family: "Roboto", sans-serif;
    	  text-align: center;
	  	}
	  	.prop-photo-image {
		  margin: 10px auto;
    	  max-height: 75vh;
	  	  max-width: inherit;
	  	}
	  	.prop-photo-caption {
	  	  color: #ccc;
	  	  font-family: "Roboto", sans-serif;
    	  text-align: center;
	  	}
	  .slick-prev { left: 12px !important; }
	  .slick-next { right: 40px !important; }
	  .slick-prev,
	  .slick-next {
	    z-index: 10;
	  }
	  .slick-prev:before,
	  .slick-next:before {
	    background-color: black;
	    border: 1px solid #b3b3b3;
	    font-family: Arial, sans-serif;
	    font-size: 25px;
	    margin: 0 0 0 0;
	    opacity: 1;
	    padding: 0px 10px 5px 10px;
	  }
	  
.designations-icon {
	height: 30px;
	margin-right: 5px;
	width: 30px;
}