/*
	Fluid Baseline Grid v1.0.0
	Designed & Built by Josh Hopkins and 40 Horse, http://40horse.com	
	Licensed under Unlicense, http://unlicense.org/
	
	Base stylesheet with CSS normalization, typographic baseline grid and progressive responsiveness
*/

/* Font Awesome */
@font-face {
  font-family: "FontAwesome";
  src: url("../fonts/fontawesome-webfont.eot?v=4.1.0");
  src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.1.0")
      format("embedded-opentype"),
    url("../fonts/fontawesome-webfont.woff?v=4.1.0") format("woff"),
    url("../fonts/fontawesome-webfont.ttf?v=4.1.0") format("truetype"),
    url("../fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular")
      format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "fontello";
  src: url("../fonts/fontello.eot?31462980");
  src: url("../fonts/fontello.eot?31462980#iefix") format("embedded-opentype"),
    url("../fonts/fontello.woff2?31462980") format("woff2"),
    url("../fonts/fontello.woff?31462980") format("woff"),
    url("../fonts/fontello.ttf?31462980") format("truetype"),
    url("../fonts/fontello.svg?31462980#fontello") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "bodoni_svtytwo_itc_ttbook";
  src: url("../fonts/bod72w---webfont.woff2") format("woff2"),
    url("../fonts/bod72w---webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "bodoni_svtytwo_itc_ttbold";
  src: url("../fonts/bod72b---webfont.woff2") format("woff2"),
    url("../fonts/bod72b---webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face{
  font-family:"Operetta 8 W01 Medium";
  src:url("../fonts/5745037/5d3af8a8-7947-4f0a-bef7-cbaeee083bac.woff2") format("woff2"),url("../fonts/5745037/b8998b71-b9f3-4598-be0b-eb1cd5086e5b.woff") format("woff");
}


/* HTML5 DECLARATIONS */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
dialog {
  display: block;
}
audio[controls],
canvas,
video {
  display: inline-block;
  *display: inline;
  zoom: 1;
}

/* BASE */
html {
  height: 100%;
  min-height: 100%;
  font-size: 100%;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
} /* Force scrollbar in non-IE and Remove iOS text size adjust without disabling user zoom */
body {
  margin: 0;
  min-height: 100%;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
} /* Improve default text rendering, handling of kerning pairs and ligatures */

/* DEFAULT FONT SETTINGS */
/* 16px base font size with 150% (24px) friendly, unitless line height and margin for vertical rhythm */
/* Font-size percentage is based on 16px browser default size */
/* IE7 and older can't resize px based text */
button,
input,
select,
textarea {
  font-family: "Inter", Verdana, sans-serif;
  color: #2d2d2d;
  font-size: 0.98vw;
  line-height: 1.5;
}
/* IE7 and older can't resize px based text */
p,
blockquote,
q,
pre,
address,
hr,
code,
samp,
dl,
ol,
ul,
form,
table,
fieldset,
menu {
  margin: 0 0 1.5em;
  padding: 0;
}

/* TYPOGRAPHY */
/* Composed to a scale of 12px, 14px, 16px, 18px, 21px, 24px, 36px, 48px, 60px and 72px */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0.6em 0px;
  line-height: 1.2;
}
/*h1 {margin: 0; font-size: 3.75em; line-height: 1.2em; margin-bottom: 0.4em} /* 60px / 72px */
/*h2 {margin: 0; font-size: 3em; line-height: 1em; margin-bottom: 0.5em} /* 48px / 48px */
/*h3 {margin: 0; font-size: 2.25em; line-height: 1.3333333333333333333333333333333em; margin-bottom: 0.6667em} /* 36px / 48px */
/*h4 {margin: 0; font-size: 1.5em; line-height: 1em; margin-bottom: 1em} /* 24px / 24px */
/*h5 {margin: 0; font-size: 1.3125em; line-height: 1.1428571428571428571428571428571em; margin-bottom: 1.1428571428571428571428571428571em} /* 21px / 24px */
/*h6 {margin: 0; font-size: 1.125em; line-height: 1.3333333333333333333333333333333em; margin-bottom: 0.6em} /* 18px / 24px */

ol,
ul,
blockquote,
pre,
td,
th,
label {
  margin: 0;
  font-size: 0.96vw;
  line-height: 1.5;
} /* 16px / 24px */
p {
  margin: 0;
  font-size: 0.96vw;
  line-height: 1.5;
  margin-bottom: 1em;
}
small,
p.small {
  margin: 0;
  font-size: 0.875em;
  line-height: 1.7142857142857142857142857142857em;
  margin-bottom: 1.7142857142857142857142857142857em;
} /* 14px / 24px */

/* CODE */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
} /* Allow line wrapping of 'pre' */
pre,
code,
kbd,
samp {
  font-size: 1em;
  line-height: 1.5em;
  margin-bottom: 1.5em;
  font-family: Menlo, Consolas, "DejaVu Sans Mono", Monaco, monospace;
}

/* TABLES */
table {
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 1.5em;
}
th {
  text-align: left;
}
tr,
th,
td {
  border-bottom: 0 solid #333;
}

/* FORMS */
form {
  margin: 0;
}
fieldset {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
  vertical-align: top;
  padding: 10px;
  box-sizing: border-box;
}
legend {
  *margin-left: -0.75em;
}
button,
input,
select,
textarea {
  border: 1px solid #ddd;
  border-radius: 4px;
  vertical-align: baseline;
  *vertical-align: middle;
}
input,
select {
  padding: 0.6em 10px;
  box-sizing: border-box;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
textarea:focus,
input:focus,
a:focus,
a:active:focus {
  outline: none;
}
fieldset.contact_by legend {
  font-size: 0.96vw;
}
/* QUOTES */
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
blockquote,
q,
cite {
  font-style: italic;
}
blockquote {
  padding-left: 1.5em;
  border-left: 3px solid #ccc;
}
blockquote > p {
  padding: 0;
}

/* LISTS */
ul,
ol {
  list-style-position: inside;
  padding: 0;
}
li ul,
li ol {
  margin: 0 1.5em;
}

/* HYPERLINKS */
a {
  text-decoration: none;
  color: #0b835b;
  font-size: 0.96vw;
}
.flexnav li.item-with-ul a:hover:after{
  border-color: #32e7ab transparent transparent transparent;
}
.front #topwidget .helpnow a:hover,
.front nav a:hover {
  color: #32e7ab;
}
footer .terms_policy_links a:hover,
footer .sign a:hover,
footer .menufooter ul a:hover,
#frontpage_btn .wrapper-flbottom a:hover,
.front.sticky-menu-active header nav ul li a:hover,
#frontpage_center .contactat a:hover,
#frontpage_left .contactat a:hover {
  color: #18ad7b;
}

a:focus,
a:hover,
a:active {
  outline: none;
} /* Better CSS Outline Suppression */

/* MEDIA */
figure {
  margin: 0;
}
object,
embed,
video {
  max-width: 100%;
  _width: 100%;
} /* Fluid images */
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
} /* Improve IE's resizing of images */
svg:not(:root) {
  overflow: hidden;
} /* Correct IE9 overflow */

/* ABBREVIATION */
abbr[title],
dfn[title] {
  border-bottom: 1px dotted #333;
  cursor: help;
}

/* MARKED/INSERTED/DELETED AND SELECTED TEXT */
ins,
mark {
  text-decoration: none;
}
mark {
  background: #c47529;
}
ins {
  background: #d49855;
}
del {
  text-decoration: line-through;
}
::-moz-selection {
  background: #c47529;
  color: #fff;
  text-shadow: none;
} /* selected text */
::selection {
  background: #c47529;
  color: #fff;
  text-shadow: none;
} /* selected text */

/* OTHERS */
strong,
b,
dt {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
var,
address {
  font-style: normal;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
} /* Position 'sub' and 'sup' without affecting line-height */
sup {
  top: -0.5em;
} /* Move superscripted text up */
sub {
  bottom: -0.25em;
} /* Move subscripted text down */
span.amp {
  font-family: Adobe Caslon Pro, Baskerville, "Goudy Old Style", "Palatino",
    "Palatino Linotype", "Book Antiqua", Georgia, "Times New Roman", Times,
    serif;
  font-style: italic;
  font-size: 110%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
} /* Best available ampersand */

/* MICRO CLEARFIX HACK */
.cf:before,
.cf:after {
  content: "";
  display: table;
} /* For modern browsers */
.cf:after {
  clear: both;
}
.cf {
  zoom: 1;
} /* For IE 6/7 (trigger hasLayout) */

/* DEFAULT MOBILE STYLE */
/*body {width: 92%; margin: 0 auto} */ /* Center page without wrapper */
/* column grid */
.g1,
.g2,
.g3 {
  display: inline;
  float: left;
  position: relative;
  margin: 0;
}
/* 1 column grid */
/*.g1,.g2,.g3{width:98.0%}*/

/* media Queries

FOLDING FLUID GRID
< 767px			- 1-Column Fluid Grid
768px - 1023px	- 2-Column Fluid Grid
> 1024px			- 3-Column Fluid Grid
Change widths as necessary
------------------------------------------- */

/* MOBILE PORTRAIT */
@media only screen and (min-width: 320px) {
  body {
  }
}

/* MOBILE LANDSCAPE */
@media only screen and (min-width: 480px) {
  body {
  }
}

/* SMALL TABLET */
@media only screen and (min-width: 600px) {
  body {
  }
}

/* TABLET/NETBOOK */
@media only screen and (min-width: 768px) {
  body {
  }

  /* COLUMN GRID */
  /*	.g1,.g2,.g3 {display:inline; float: left}*/

  /* 2 COLUMN GRID */
  /*.g1 {width:48.0%}
	.g2 {width:48.0%}
	.g3 {width:98.0%}*/
}

/* LANDSCAPE TABLET/NETBOOK/LAPTOP */
@media only screen and (min-width: 1024px) {
  body {
  }

  /* 3 COLUMN GRID */
  /*	.g1 {width:31.333%}
	.g2 {width:64.667%;}
	.g3 {width:98.0%}*/
}

@media only screen and (min-width: 1280px) {
  /* DESKTOP */
  body {
  }
}

/* WIDESCREEN */
/* Increased body size for legibility */
@media only screen and (min-width: 1400px) {
  body {
  } /* 18.5px / 28px */
}

/* PRINT */
@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  } /* Black prints faster */
  a,
  a:visited {
    color: #444 !important;
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  } /* Don't print links for images, javascript or internal links */
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  } /* Repeat header row at top of each printed page */
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}

.g1 {
  width: 33.33333%;
}
.g2 {
  width: 66.367%;
}
.g3 {
  width: 100%;
}

.g1page {
  width: 24.53333%;
  float: left;
}

/* float clearing for IE7 */
.ie7 .clearfix {
  min-height: 1%;
}

/* float clearing for everyone else */
.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}

.form-item .description {
  font-size: 0.9em;
}

.noshow {
  display: none;
}

.cleardiv {
  clear: both;
}

input:-ms-input-placeholder {
  color: rgb(151, 151, 151);
}
input::-webkit-input-placeholder {
  color: rgb(151, 151, 151);
}
input::-moz-placeholder {
  color: rgb(151, 151, 151);
  opacity: 1;
}

/*layout*/
body {
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI",
    "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: #2d2d2d;
  font-size: 116.75%;
}
.wrapper.clearfix {
  width: 68%;
  margin: 5.2vw auto 5em;
  padding-top: 2vw;
}
#wsidebar_right {
  display: none;
}
.wholepage {
  min-height: 100%;
  height: 100%;
}
h1.main_title {
  font-family: "Operetta 8 W01 Medium", "Libre Bodoni", serif;
  font-weight: 600;
  font-size: 2vw;
  line-height: 1.2;
  margin: 0 0 0.3em;
}
#visitor_register input.form-submit,
input.form-submit,
input.submit_form {
  display: inline-block;
  float: left;
  clear: left;
  background: #004632;
  padding: 0.8em 3em;
  font-size: 0.96vw;
  color: #fff;
  border: none;
  line-height: 1.2;
  border-radius: 4px;
  margin: 0.8em 0 0.5em 0;
}
#visitor_register div p {
  font-size: 0.8em;
}
body #visitor_register ul {
  margin: 0.3em 0px 1em 5%;
  padding-left: 5%;
  font-size: 0.85em;
}

/*contect form*/
body._node_add_contactSite .new_disclaimer{
  padding: 0.5em 0 0;
}
body._node_add_contactSite .message_field label,
body._node_add_contactSite .main_field label{
display: none;
}

/*menu*/
header .logo {
  height: 58%;
}
header .cristielogo {
  height: 28%;
}
body.front:not(.sticky-menu-active) header .cristielogo {
  height: 30%;
}
header .cristielogo img,
header .logo img {
  height: 100%;
  display: block;
}
header .loginbtn {
  display: block;
  width: 1.8vw;
  height: 1.8vw;
  border-radius: 1vw;
  margin-right: 5vw;
  background: url("../img/users_icon.png") center center no-repeat;
  background-size: contain;
  min-width: 1.7vw;
}
header .loginbtn:hover {
  background: #fff url("../img/users_icon_black.png") center center no-repeat;
  background-size: contain;
}
header .logoutbtn, header .logintxt {
  color: #fff;
  font-size: 0.96vw;
  font-weight: 300;
  margin-right: 0.5vw;
  white-space: nowrap;
}
.front.sticky-menu-active header .logoutbtn, .front.sticky-menu-active header .logintxt {
  color: #333;
}
header {
  background-color: #004632;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 3333;
  height: 5.2vw;
  width: 100%;
}
header .header-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  height: 100%;
}
header nav {
  padding: 0 4vw;
}
header nav ul {
  text-align: center;
}
header nav ul li {
  margin-left: 0em;
  font-size: 0.85vw;
  font-weight: 300;
  position: relative;
  list-style: none;
  padding: 0;
  margin: 0 2vw;
}
nav ul li ul {
  position: absolute;
  z-index: 9999;
}
nav ul li a {
  color: #fff;
}
.innerpage nav ul li a:hover {
  color: #30c79c;
}
.flexnav .touch-button {
  display: none;
}
.flexnav li.item-with-ul a:after{
  content: url('../img/icon_arrow_menu.png');
  display: inline-block;
  margin-left: 0.5vw;
  width: 0;
  border: none;
  transform:scale(0.95) translateY(2%);
}
.flexnav li.item-with-ul ul li a:after{
display:none;
}
.front.sticky-menu-active .flexnav li.item-with-ul a:after{
  border-color: #333 transparent transparent transparent;
}
nav ul ul.submenu-wrapper {
  display: none;
  left: 0px;
  height: auto;
  z-index: 400;
  text-align: left;
  background: #fff;
  border-radius: 3px;
  margin: 0;
  padding: 0.7em 0px;
  box-shadow: 0px 15px 30px rgb(0 0 0 / 16%);
}
nav ul ul.submenu-wrapper li {
  padding: 0.6em 1em 0.5em;
  line-height: 1.2;
  margin: 0;
  display: block;
}
nav ul ul.submenu-wrapper li a {
  color: #333;
}
nav ul li ul.submenu-wrapper li:hover a {
  color: #777;
}
.sticky-menu-active header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
}

/*footer */
footer {
  background-color: #f2f0eb;
  padding: 3em 0 0;
}
footer .footer-background {
  padding: 1px 0 3em;
  background-color: #d1cec8;
}
footer .footer-wrapper {
  display: flex;
  width: 68%;
  margin: 0 auto 2em;
}
footer .footer-wrapper .about {
  width: 30%;
  color: #3f4142;
}
footer .footer-wrapper .about .footerimg {
  width: 70%;
  display: block;
  margin-bottom: 2em;
}
footer .social {
  display: flex;
  margin-top: 1vw;
}
footer .social a {
  display: block;
  width: 1.8vw;
  height: 1.8vw;
  margin: 0 0.6em 0.4em 0;
  opacity: 0.8;
}
footer .social a.facebook {
  background: url(../img/Facebook_dark_green_favicon.svg) no-repeat center center;
  background-size: 90% auto;
}
footer .social a.twitter {
  background: url(../img/TwitterXgreen.svg) no-repeat center center;
  background-size: 160% auto;
}
footer .social a.youtube {
  background: url(../img/youtube_dark_green_favicon.svg) no-repeat center center;
  background-size: 90% auto;
}
footer .social a.instagram {
  background: url(../img/Instagram_dark_green_favicon.svg) no-repeat center center;
  background-size: 90% auto;
}
footer .social a.linkedin {
  background: url(../img/LinkedIn_icon.svg) no-repeat center center;
  background-size: 90% auto;
}
footer .social a.pinterest {
  background: url(../img/pinterest_dark_green_favicon.svg) no-repeat center center;
  background-size: 90% auto;
}
footer .footer-wrapper .menufooter {
  width: 70%;
  padding-left: 3em;
  display: flex;
  justify-content: space-between;
}
footer .menufooter h3 {
  font-size: 1.1vw;
  font-weight: 500;
  margin-top: 0;
}
footer .menufooter ul {
  list-style: none;
}
footer .menufooter ul li ul {
  display: block;
  margin: 0;
}
footer .menufooter ul a {
  color: #3f4142;
  line-height: 2;
}
footer .menufooter .canada {
  display: flex;
  margin: 0.2em 0 0 6em;
  min-width: 8.1em;;
}
footer .menufooter .canada img {
  height: 1.6vw;
  width: auto;
}
footer .menufooter .canada span {
  height: 1.6em;
  display: inline-block;
  line-height: 2;
  font-size: 0.8vw;
  font-weight: bold;
  margin-left: 0.25em;
}
footer .footer-wrapper-bottom {
  width: 68%;
  margin: 2em auto 0;
}
footer .sign {
  color: #777;
  float: left;
  display: block;
  font-size: 0.8vw;
  margin-bottom: 0.2em;
}
footer .sign span{
  font-weight:700;
}
footer .chestnutd{
  color: #777;
  display: block;
  font-size: 0.8vw;
  margin-bottom:1em;
}
footer .sign a {
  color: #777;
  font-size: 0.8vw;
}
footer .terms_policy_links {
  float: left;
  margin: 0 0% 0px;
  width: auto !important;
  display: block;
  clear: left;
  font-size: 0.8vw;
  color: #777;
}
footer .terms_policy_links a {
  color: #777;
  font-size: 0.8vw;
}
div.crea_text {
  color: #777;
  font-size: 0.7vw;
  padding: 10px 0;
  clear: both;
  line-height: 1.3;
  width: 95%;
}
div.crea_text .mlsLogo,
div.crea_text .realtorLogo {
  align-items: center;
  display: flex;
  padding: 0px 0px 5px;
  text-align: left;
}

div.crea_text .mlsLogo span {
  background: url(/base_imgs/mlsLogo.svg) no-repeat;
  background-size: auto 100%;
  display: block;
  width: 65px;
  min-width: 65px;
  height: 25px;
  opacity: 0.5;
}
div.crea_text .realtorLogo span {
  background: url(/base_imgs/realtorLogo.svg) no-repeat;
  background-size: auto 100%;
  display: block;
  width: 30px;
  min-width: 30px;
  height: 25px;
  opacity: 0.5;
}

/*frontpage*/
.front .wrapper.clearfix {
  width: 100%;
  padding: 0;
  margin-top: 0;
  margin-bottom: 7.5vw;
}
.front header {
  background-color: transparent;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.front.sticky-menu-active header .cristiewhite,
header .cristielogo .cristieGreen,
.front.sticky-menu-active header .logowhite,
header .logo .logogreen {
  display: none;
}
.front.sticky-menu-active header {
  background-color: #fff;
  box-shadow: 0px 15px 30px rgb(0 0 0 / 16%);
}
.front.sticky-menu-active header .cristieGreen,
.front.sticky-menu-active header .logogreen {
  display: block;
}
.front.sticky-menu-active header nav ul li a {
  color: #333;
}
.front.sticky-menu-active header nav ul li a::after {
  filter: invert(0.8);
}
.front.sticky-menu-active header .loginbtn {
  border: 1px solid #333;;
  background: url(../img/users_icon_black.png) center center no-repeat;
  background-size: contain;
}
.front #topwidget {
  height: 100vh;
  background: url("../img/frontpagetop.jpg") no-repeat center center;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}
.front #topwidget:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url("../img/fronttopoverlay.png") repeat-x center top;
  background-size: auto 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.front .widget {
  width: 79.3%;
  margin: 0 auto;
}
.front #topwidget .widget {
  text-align: center;
  position: relative;
  z-index: 22;
  color: #fff;
}
.front .widget h2.subject,
.front .toptext h1 {
  font-family: "Operetta 8 W01 Medium", "Libre Bodoni", serif;
  font-weight: 400;
  font-size: 2.5vw;
  line-height: 1.2;
  margin: 0;
}
.front .widget h2.subject{
  font-size: 1.9vw;
}
.front .toptext p {
  width: 50%;
  margin: 0.7em auto 1.5em;
  line-height: 1.2;
}
.front #topwidget div[id*="quickSearch"] .searchWidgetApp h2 {
  display: none;
}
.front #topwidget div[id*=quickSearch] .searchWidgetApp .dropdown-menu li.active{
  background-color: #eef5f3;
  color: #004632;
}
.front #topwidget div[id*=quickSearch] .searchWidgetApp .dropdown-menu li:hover{
  background-color: #eef5f3;
}
.front #topwidget div[id*=quickSearch] .searchWidgetApp .dropdown-menu li.active a{
  color: #004632;
}
.front #topwidget div[id*="quickSearch"] .searchWidgetApp {
  background-color: transparent;
  margin: 0;
  width: 100%;
}
.front #topwidget div[id*="quickSearch"] {
  width: 50%;
  z-index: 33;
}
.front #topwidget div[id*="quickSearch"] .searchWidgetApp .search-main-wrapper {
  display: flex;
  justify-content: space-between;
}
.front
  #topwidget
  div[id*="quickSearch"]
  .searchWidgetApp
  #searchBy
  .form-control {
  border-radius: 0.4vw;
  padding-left: 1em;
  border: none;
  font-size: 1vw;
}
.front
  div[id*="quickSearch"]
  .searchWidgetApp
  .dropdown-search-control
  .scroll
  .header
  span.title {
  display: none;
}
.front
  #topwidget
  div[id*="quickSearch"]
  .searchWidgetApp
  .search-main-wrapper
  .btn-submit {
  background: url(../img/loop.svg) no-repeat center center;
  background-size: 50% auto;
  width: 3.3vw;
  height: 3.3vw;
  border: none;
  text-indent: -5000px;
  position: absolute;
  z-index: 22;
  top: initial;
  right: 0.4vw;
}
.front
  #topwidget
  div[id*="quickSearch"]
  .searchWidgetApp
  .dropdown-search-control.toolbar-item.searchBy {
  width: calc(75% - 0.8em);
  height: 3.3vw;
}
.front #topwidget div[id*="quickSearch"] .searchWidgetApp #searchType {
  width: 25%;
}
.front #topwidget div[id*="quickSearch"] .searchWidgetApp #searchType .btn {
  width: 100%;
  border-radius: 0.4vw;
  border: none;
  text-transform: none;
  font-size: 1.1vw;
  text-align: left;
  padding: 0 1em;
  box-sizing: border-box;
  background-color: #fff;
  color: #464646;
  position: relative;
  white-space: normal;
}
.front
  #topwidget
  div[id*="quickSearch"]
  .searchWidgetApp
  #searchType
  .btn:after {
  content: "";
  background: url(../img/selectarrow2.svg) no-repeat center center;
  background-size: 100% auto;
  display: block;
  width: 0.6vw;
  height: 100%;
  position: absolute;
  padding: 0;
  right: 1em;
  top: 0;
}
.front
  #topwidget
  div[id*="quickSearch"] .searchWidgetApp .dropdown-search-control .scroll{
  padding:0;
}
.front
  #topwidget
  div[id*="quickSearch"]
  .searchWidgetApp
  #searchType
  .dropdown-menu:after,
.front
  #topwidget
  div[id*="quickSearch"]
  .searchWidgetApp
  #searchType
  .dropdown-menu:before {
  display: none;
}
.front
  #topwidget
  div[id*="quickSearch"]
  .searchWidgetApp
  #searchBy
  .input-group-prepend,
.front #topwidget div[id*="quickSearch"] .searchWidgetApp .open-option {
  display: none;
}
.front #topwidget .helpnow a {
  color: #fff;
  font-size: 0.9vw;
  font-weight: 700;
}
.front #topwidget .helpnow {
  margin-top: 1.2vw;
}
.front .widget h2.subject span {
  display: block;
  font-family: "Inter", sans-serif;
  font-size: 1vw;
  font-weight: 600;
  padding-left: 3px;
}
.front .widget h2.subject {
  margin: 1.8em 0 1em 0em;
  padding-left: 1.25em;
  text-align: left;
  font-style: normal;
  position: relative;
  z-index: 222;
}
.innerpage .widgets-featuredListings,
.front .widgets-featuredListings {
  background: none;
  margin: 0;
  padding: 0;
}
/*front feature listing*/
.front div[id*="featuredListing"] .horizontal_scroll .jcarousel,
.front
  div[id*="featuredListing"]
  .horizontal_scroll
  .featured_multi_img_wrapper,
.front div[id*="featuredListing"] .horizontal_scroll .jcarousel > ul > li {
  height: 19.6vw;
}
.front div[id*="featuredListing"] .horizontal_scroll .jcarousel > ul > li.cls_hidden{
  position:relative;
}
.front div[id*="featuredListing"] .horizontal_scroll .featuredListingCity,
.front div[id*="featuredListing"] .horizontal_scroll a.featured_readmore,
.front
  div[id*="featuredListing"]
  .horizontal_scroll
  .jcarousel
  .feature_ribbon {
  display: none;
}
.front div[id*="featuredListing"] .horizontal_scroll .featuredListingBedroom,
.front div[id*="featuredListing"] .horizontal_scroll .featuredListingBathroom {
  background: none;
  min-width: 1px;
  padding: 0;
  margin: 0;
}
.front div[id*="featuredListing"] .horizontal_scroll .wrapperFeature {
  pointer-events: none;
  position: absolute;
  bottom: 0px;
  padding: 0.8em 0px 0;
  left: 0;
  width: 100%;
  color: #fff;
  display: flex;
  flex-direction: column;
  z-index: 33;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.front div[id*="featuredListing"] .horizontal_scroll .featuredListingAddress {
  width: 100%;
  font-style: normal;
  font-size: 0.9vw;
  font-family: "Inter", sans-serif;
  padding: 0 15px;
  min-height: 1px;
  margin: 0;
  order: 1;
  border: none;
  box-sizing: border-box;
  font-weight: normal;
  padding-bottom: 12px;
  line-height: 1.1;
}
.front div[id*="featuredListing"] .horizontal_scroll a.tooltipcity span,
.front div[id*="featuredListing"] .horizontal_scroll a.tooltip span {
  display: none;
}
.front
  div[id*="featuredListing"]
  .horizontal_scroll
  a.tooltipcity
  span.fulltipcity,
.front div[id*="featuredListing"] .horizontal_scroll a.tooltip span.fulltip {
  visibility: visible;
  position: static;
  text-align: left;
  display: block;
  color: #fff;
}
.front div[id*="featuredListing"] .horizontal_scroll a.tooltipcity,
.front div[id*="featuredListing"] .horizontal_scroll a.tooltip {
  font-size: 0.9vw;
}
.front div[id*="featuredListing"] .horizontal_scroll .featuredListingPrice {
  order: 2;
  border: none;
  height: auto;
  text-align: left;
  padding: 0 15px !important;
  box-sizing: border-box;
}
.front div[id*="featuredListing"] .horizontal_scroll .featuredPricePlaceholder {
  margin: 0;
  font-size: 1.05vw;
  float: none;
  display: block;
  line-height: 1;
}
.front div[id*="featuredListing"] .horizontal_scroll .price_bedroom_bathroom {
  order: 3;
  border: none;
  min-height: 1px;
  line-height: 1.1;
  font-size: 0.8vw;
  padding: 7px 15px 0 !important;
}
.front div[id*="featuredListing"] .horizontal_scroll img.featured {
  max-height: 100%;
  width: auto !important;
  height: 100%;
  max-width: 3000px;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  position: absolute;
  min-width: 100%;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
}
.front
  div[id*="featuredListing"]
  .horizontal_scroll
  .featured_multi_img_wrapper {
  border-radius: 0.25vw;
  width: 14.32vw;
  position: relative;
}
.front
  div[id*="featuredListing"]{
    width: 78.4vw;
}
.front div[id*="featuredListing"] .content {
  min-height: 1px;
  width: 100%;
  margin: 0;
  background: none;
}
.front div[id*="featuredListing"] .horizontal_scroll .wrapper_scroll {
  width: 100%;
}
.front div[id*="featuredListing"] .horizontal_scroll .jcarousel > ul > li {
  margin-right: 1.7vw;
  margin-left: 0;
  margin-top: 0;
}
.front div[id*="featuredListing"] .horizontal_scroll .jcarousel-wrapper {
  width: 100%;
  left: 0;
}
.front div[id*="featuredListing"] .horizontal_scroll .jcarousel {
  width: 100%;
  margin: 0;
}
.front
  div[id*="featuredListing"]
  .jcarousel-wrapper
  .property_div
  .featured_multi_img_wrapper
  span.listingType {
  display: none;
}
.front div[id*="featuredListing"] .horizontal_scroll div.property_div {
  right: 0;
  min-height: 1px;
}
.front
  div[id*="featuredListing"]
  .horizontal_scroll
  div.property_div
  a.featured_multi_img_wrapper:after {
  content: "";
  background: -moz-linear-gradient(
    top,
    rgba(0, 0, 0, 0) 0%,
    rgba(1, 3, 37, 0.8) 100%
  );
  background: -webkit-linear-gradient(
    top,
    rgba(0, 0, 0, 0) 0%,
    rgba(1, 3, 37, 0.8) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0%,
    rgba(1, 3, 37, 0.8) 100%
  );
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}
.front
  div[id*="featuredListing"]
  .horizontal_scroll
  div.property_div:hover
  .wrapperFeature {
  transform: translateY(-15%);
}
.front
  div[id*="featuredListing"]
  .horizontal_scroll
  a.featured_multi_img_wrapper:hover
  img.featured {
  transform: scale(1.06, 1.06) translateX(-50%);
}
.front
  div[id*="featuredListing"]
  .horizontal_scroll
  div.property_div
  .wrapperFeature:after {
  content: "View details";
  text-transform: uppercase;
  padding: 0px 0 0 15px;
  order: 3;
  font-size: 0.7vw;
  opacity: 0;
  transform: translateY(400%);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  text-align: left;
}
.front
  div[id*="featuredListing"]
  .horizontal_scroll
  div.property_div:hover
  .wrapperFeature:after {
  transform: translateY(0);
  opacity: 1;
  padding-top: 0.7vw;
}
.front
  div[id*="featuredListing"]
  .horizontal_scroll
  .featuredListingBathroom:after {
  content: " BA";
}
.front
  div[id*="featuredListing"]
  .horizontal_scroll
  .featuredListingBedroom:after {
  content: " BD";
}
.front
  div[id*="featuredListing"]
  .horizontal_scroll
  .featuredListingSquareFootage
  span {
  display: none;
}
.front
  div[id*="featuredListing"]
  .horizontal_scroll
  .featuredListingSquareFootage:after {
  content: " SF";
}
.front
  div[id*="featuredListing"]
  .horizontal_scroll
  span.featuredListingBedroom
  + span.featuredListingBathroom:before {
  content: "|";
  padding: 0 10px;
  display: inline-block;
  line-height: 1;
  margin-top: -10px;
}
.front div[id*="featuredListing"] .horizontal_scroll .jcarousel-control-prev,
.front div[id*="featuredListing"] .horizontal_scroll .jcarousel-control-next {
  top: 8.2vw;
  width: 3vw;
  height: 3vw;
  background-color: #fff;
  text-indent: -4000px;
  border-radius: 2vw;
}
.front div[id*="featuredListing"] .horizontal_scroll .jcarousel-control-next {
  right: 0.6vw;
  background: #fff url(../img/arrowR.svg) no-repeat center center;
  background-size: 40% auto;
}
.front div[id*="featuredListing"] .horizontal_scroll .jcarousel-control-prev {
  left: 0.6vw;
  background: #fff url(../img/arrowL.svg) no-repeat center center;
  background-size: 40% auto;
}
body .cls_hidden_message a{
  background-color: transparent;
}
body .horizontal_scroll li.cls_hidden .property_div{
  background-color: transparent;
}
body li.cls_hidden div.cls_hidden{
  background-color:#003e2d;
}
body .cls_hidden_message span.vow_locker,
body .cls_hidden_message a{
  color: #fff;
}
.front div[id*="featuredListing"] .horizontal_scroll li.cls_hidden div.cls_hidden {
  bottom: auto;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left:0;
}
.front div[id*="featuredListing"] .horizontal_scroll li.cls_hidden .cls_hidden_message a{
  line-height: 1.2;
  padding: 0;
  display: inline-block;
  position: absolute;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  left: 10px;
  top: 10px;
  border-radius: 0;
  box-sizing: border-box;
  border: 1px solid #b68664;
}
.front div[id*="featuredListing"] .horizontal_scroll li.cls_hidden .cls_hidden_message a strong,
.front div[id*="featuredListing"] .horizontal_scroll li.cls_hidden .wrapperFeature,
.front div[id*="featuredListing"] .horizontal_scroll li.cls_hidden div.property_div a.featured_multi_img_wrapper:after{
  display:none;
}
body .cls_hidden_message span.bg-locker{
  display: block;
}
body .cls_hidden_message span.bg-locker:before {
  content:"";
  display:inline-block;
  width:100%;
  height:1.4vw;
  background: url(../img/vipleave.jpg) no-repeat center center;
  background-size: auto 100%;
  margin-top: 0.3em;
}
body .cls_hidden_message span.bg-locker span{
  display:none;
}
body .horizontal_scroll li.cls_hidden .cls_hidden_message span.vow_locker strong{
  text-transform: none;
}
.front div[id*="featuredListing"] .horizontal_scroll li.cls_hidden .cls_hidden_message span.vow_locker:after{
content:'Sign up to view information related to this property';
display:block;
font-size:0.85vw;
font-weight: normal;
padding: 0.7em 20px;
line-height: 1.2;
}
.front div[id*="featuredListing"] .horizontal_scroll li.cls_hidden .cls_hidden_message span.vow_locker{
  font-weight:700;
  font-size:0.95vw;
  width: calc(100% - 40px);
    margin: 1.2em auto 0.8em;
}
#frontpage_btn .wrapper-flbottom {
  display: flex;
  justify-content: space-between;
  font-family: "Operetta 8 W01 Medium", "Libre Bodoni", serif;
  padding: 2.4vw 0em 0;
  font-size: 1vw;
}
#frontpage_btn .wrapper-flbottom a {
  font-size: 1vw;
  color: #2d2d2d;
}
#frontpage_btn .wrapper-flbottom a[href="/propertySearch"]{
  color:#004632;
}
#frontpage_btn div.widget:nth-child(2) {
  width: 72%;
}
div[id*="quickSearch"]
  .searchWidgetApp
  .dropdown-search-control
  .scroll
  .header {
  padding: 0px;
}
div[id*="quickSearch"] .searchWidgetApp .saved-searches ul li.clearall span,
div[id*="quickSearch"] .searchWidgetApp .saved-searches ul li.clearall button {
  padding-top: 8px;
}

/*frontpage experience*/
#frontpage_left {
  background: url("../img/middlepage.jpg") no-repeat center bottom;
  background-size: cover;
  position: relative;
  padding-bottom: 3.5vw;
}
#frontpage_left:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(../img/middleoverlay.png) no-repeat center top;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.6;
}
#frontpage_left .textmiddle {
  display: flex;
  padding-left: 20%;
  justify-content: flex-end;
}
#frontpage_center h2.subject,
#frontpage_left h2.subject {
  color: #fff;
  padding-top: 1em;
}
#frontpage_left .textmiddle .itemtext {
  width: 28%;
  background-color: #fff;
  position: relative;
  z-index: 22;
  border-radius: 0.4vw;
  font-family: "Inter", sans-serif;
  margin-left: 2em;
  transform: translate3d(0, 15%, 0);
  opacity: 0;
  transition: transform 1s ease, opacity 1s ease;
}
#frontpage_left .textmiddle .itemtext.animated {
  opacity: 1;
  transform: translateZ(0);
}
#frontpage_left .textmiddle .itemtext p {
  line-height: 1.2;
  padding: 0 1.2em 3em;
  font-size: 0.85vw;
}
#frontpage_left .textmiddle .itemtext h3 {
  line-height: 1;
  font-size: 0.95vw;
  padding: 0 1.2em;
  margin-bottom: 1.2em;
  font-family: "Operetta 8 W01 Medium", "Libre Bodoni", serif;
}
#frontpage_left .textmiddle .itemtext .imaget {
  height: 4.5vw;
  width: 85%;
  background: url(../img/middlesmall1.jpg) no-repeat center center;
  background-size: cover;
  margin: 1em 0 2.4vw 15%;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
#frontpage_left .textmiddle .itemtext.second .imaget {
  background-image: url(../img/middlesmall2v2.png);
}
#frontpage_left .textmiddle .itemtext.third .imaget {
  background-image: url(../img/middlesmall3v2.jpg);
}
#frontpage_left div.widget:nth-child(2) {
  position: relative;
  top: 7vw;
  text-align: left;
  width: 72%;
}
#frontpage_center .contactat a,
#frontpage_left .contactat a {
  font-family: "Operetta 8 W01 Medium", "Libre Bodoni", serif;
  font-size: 1vw;
  color: #2d2d2d;
}
#frontpage_center {
  background: url("../img/middlepage2.jpg") no-repeat center top;
  background-size: cover;
  position: relative;
  padding-bottom: 3em;
  margin-bottom: 5em;
}
#frontpage_center:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(../img/bottomoverlay.png) no-repeat center top;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.6;
}
#frontpage_center h2.subject {
  margin-top: 8.4vw;
  padding-bottom: 8vw;
  padding-left: 0;
}
#frontpage_center .widget {
  position: relative;
  z-index: 22;
}
#frontpage_center .counts {
  background: #fff;
  display: flex;
  flex-wrap: wrap;
  color: #004632;
  padding: 1em 0.6em;
  border-radius: 0.4vw;
  box-shadow: -1px 10px 49px 1px rgba(0, 0, 0, 0.2);
}
#frontpage_center .counts .numb {
  font-family: "bodoni_svtytwo_itc_ttbold", "Libre Bodoni", serif;
  font-size: 2.9vw;
}
#frontpage_center div.widget:nth-child(1) {
  margin-bottom: -7vw;
  width: 72.5%;
}
#frontpage_center div.widget:nth-child(1):after {
  content: "*Based on TRREB data and independent research";
  font-family: "Operetta 8 W01 Medium", "Libre Bodoni", serif;
  font-size: 0.75vw;
  float: right;
  padding: 0.8em 0 0 0;
}
#frontpage_center .counts .itemnumber {
  width: 33%;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 1vw 1vw 1.5vw;
  box-sizing: border-box;
}
#frontpage_center .counts .numb span {
  font-size: 1.5vw;
}
#frontpage_center .counts div.itemnumber:nth-child(6) .numb span {
  font-size: 1.1vw;
}
#frontpage_center .counts p {
  font-weight: 600;
  line-height: 1.2;
  margin: 0;
}
#frontpage_center .counts div.itemnumber:nth-child(3),
#frontpage_center .counts div.itemnumber:nth-child(6) {
  border-right: none;
}
#frontpage_center .counts div.itemnumber:nth-child(4),
#frontpage_center .counts div.itemnumber:nth-child(5),
#frontpage_center .counts div.itemnumber:nth-child(6) {
  border-bottom: none;
}
#frontpage_center div.widget:nth-child(2) {
  position: relative;
  top: 9.7vw;
  text-align: left;
  width: 72%;
}
/*popup*/
#popup-contact {
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 333;
  width: 100%;
}
#popup-contact h2.contact-heading {
  margin: 0.5em 0 0.1em 0%;
  color: #000000;
  font-family: "Operetta 8 W01 Medium", "Libre Bodoni", serif;
  font-size: 1.6vw;
  font-style: normal;
  text-decoration: none;
  line-height: 1.1;
  letter-spacing: 1.5px;
  text-align: center;
}
#popup-contact #closeAgentBtn {
  position: absolute;
  right: 0.7em;
  top: 0.5em;
  display: block;
  height: 2vw;
  width: 2vw;
  overflow: hidden;
}
#popup-contact #closeAgentBtn:before {
  content: "+";
  transform: rotate(45deg);
  display: block;
  width: 1vw;
  height: 1vw;
  text-align: center;
  font-size: 3vw;
  position: absolute;
  top: -0.5vw;
  left: 1vw;
  font-family: Arial, Helvetica, sans-serif;
}
#popup-contact #contact-form-wrap {
  width: 80%;
  max-width: 800px;
  padding: 1em 2em 1em;
  background: #fff;
  margin: 0 auto;
  float: none;
  position: relative;
  top: calc(50vh + 2.6vw);
  transform: translateY(-50%);
  max-height: 80vh;
  overflow-y: auto;
  box-sizing: border-box;
}
#popup-contact .form_content .message_field label,
#popup-contact .form_content .contact_by,
#popup-contact .form_content div.main_field:nth-child(2),
#popup-contact .form_content .main_field label {
  display: none;
}
#popup-contact .inner-contact-wrapper {
  display: flex;
  justify-content: space-between;
}
#popup-contact .inner-contact-wrapper .main_field {
  width: 31%;
  padding: 0;
  margin: 1em 0;
}
#popup-contact .inner-contact-wrapper .main_field input {
  width: 100%;
}
#popup-contact fieldset.contact_form {
  margin-bottom: 0.8em;
}
#popup-contact fieldset.contact_form .message_field {
  margin: 0.2em 0 0.7em;
}
#popup-contact fieldset.contact_form .new_disclaimer {
  padding: 0.7em 0 0.5em;
  text-align: center;
}
#popup-contact fieldset.contact_form .submit-wrapper {
  text-align: center;
}
#popup-contact fieldset.contact_form input.submit_form {
  float: none;
  display: block;
  margin: 0 auto;
}
#popup-contact fieldset.contact_form a.disclaimer_link {
  float: none;
  display: inline-block;
  margin-top: 0.8em;
}
#popup-contact a.disclaimer_link:hover span.disclaimer_content {
  bottom: 0;
  top: auto;
}
footer .footer-wrapper-bottom,
footer .footer-wrapper {
  width: 72.5%;
}
/* frontpage our team*/
#frontpage_right{
  padding-top:1px;
}
div[id*="office_agent_listings"] .view_all a:after,
div[id*="office_agent_listings"] .agent_search_form {
  display: none;
}
div[id*="office_agent_listings"] .widgets-featuredListings .content{
background-color: transparent;
margin: 0 auto;
width: 90%;
}
body div[id*="office_agent_listings"] .widgets-featuredListings .horizontal_scroll .wrapper_scroll{
  float: none;
}
div[id*="office_agent_listings"] .jcarousel-wrapper{
  width: 62.2vw;    
  float: none;
}
div[id*="office_agent_listings"] .horizontal_scroll .jcarousel{
  width:100%;
  margin-left: -0.4vw;
  padding-bottom: 4vw;
}
div[id*="office_agent_listings"] div.property_div {
  width: 14vw;
}
div[id*="office_agent_listings"] .featured_multi_img_wrapper{
  border-radius: 5px;
  padding: 0;
  height: 16vw;
}
div[id*="office_agent_listings"] .property_div .featured_multi_img_wrapper span{
  display: block;
  width:100%;
  height: 100%;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
div[id*="office_agent_listings"] .property_div:hover .featured_multi_img_wrapper span{
  transform: scale(1.06, 1.06);
}
div[id*="office_agent_listings"] .horizontal_scroll .jcarousel-control-next {
  right: -1.3vw;
  top: 7vw;
  width: 3.4vw;
  border-radius: 1.8vw;
  height: 3.4vw;
  background:#fff url(../img/arrowR.svg) no-repeat center center;
  background-size: 50% auto;
}
div[id*="office_agent_listings"] .horizontal_scroll .jcarousel-control-prev:hover,
div[id*="office_agent_listings"] .horizontal_scroll .jcarousel-control-next:hover{
  background-position: center center;
}
div[id*="office_agent_listings"] .horizontal_scroll .jcarousel-control-prev{
  left: -1.7vw;
  top: 7vw;
  width: 3.4vw;
  border-radius: 1.8vw;
  height: 3.4vw;
  background:#fff url(../img/arrowL.svg) no-repeat center center;
  background-size: 50% auto;
}
div[id*="office_agent_listings"] .view_all a{
  width: auto;
  display: inline-block;
  margin: 0;
  color:#606a71;
  font-family: "Operetta 8 W01 Medium", "Libre Bodoni", serif;
  font-size:1.1vw;
}
div[id*="office_agent_listings"] .view_all{
  width: 90%;
  margin: 0 auto;
  text-align: left;
}
div[id*="office_agent_listings"] .horizontal_scroll .jcarousel > ul > li:hover{
  -webkit-box-shadow: none; 
  -moz-box-shadow: none; 
  box-shadow: none;
}
div[id*="office_agent_listings"] .agent_details{
  position: absolute;
  bottom: 0em;
  left: 8%;
  width: 84%;
  box-shadow: 0px 15px 30px rgb(0 0 0 / 10%);
  transform: translateY(50%);
  background-color: #fff;
  border-radius: 4px;
  padding: 1vw 0;
  overflow: hidden;
}
div[id*="office_agent_listings"] .agent_details:after {
  content: "MORE DETAILS";
  font-size: 0.7vw;
  opacity: 0;
  transform: translateY(400%);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  width: 100%;
  text-align: center;
  display: block;
  letter-spacing: 1px;
  font-weight: 600;
  height: 0;
}
div[id*="office_agent_listings"] .property_div:hover .agent_details:after {
  transform: translateY(0);
  opacity: 1;
  padding-top: 1vw;
  height: auto;
}
div[id*="office_agent_listings"] .linkwrapper {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 333;
}
div[id*="office_agent_listings"] .agent_details h3.name{
  font-size: 1vw;
  font-weight: 600;
  color: #2d2d2d;
  font-family: "Inter", sans-serif;
  line-height: 1;
  padding: 0 8px 0.15em;
}
div[id*="office_agent_listings"] .agent_details .mobile_phone:before {
  font-size: 0.9vw;
  content: '\f10b';
  margin-right: 3px;
  font-style: normal;
  font-weight: 400;
  font-family: FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
div[id*="office_agent_listings"] .agent_details .office_phone:before {
  content: "\f095";
  font-size: 0.9vw;
  margin-right: 3px;
  font-style: normal;
  font-weight: 400;
  font-family: FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
div[id*="office_agent_listings"] .agent_details .mobile_phone,
div[id*="office_agent_listings"] .agent_details .office_phone{
  font-size: 0.85vw;
  color: #333;
  opacity: .8;
  display: block;
}
div[id*="office_agent_listings"] .widgets-featuredListings .horizontal_scroll img.featured{
  display: block;
  width: 100%!important;
  height: auto;
  top: 0;
  max-height:2000px;
}

/*agent profile page*/
.innerpage:not(._agent_find):not(._visitor):not(._sell) #allpagew{
  background-color: #f2f0eb;
}

#agentdetail .SoldTab .mapApp.featureListingApp.emptyfl:before{
content:'Sorry, there are currently no previous Sales to display.';
font-size: 0.9vw;
}
#agentdetail {
  margin-top: -25px;
  color: #3f4143;
}
#contact_agent_form {
  background-color: #f2f0eb;
  color: #3f4143;
}
#agentdetail .agent-content-wrapper {
  display: flex;
  margin-bottom: 0.5em;
}
#agentdetail .agent-content-wrapper .firstcolumn {
  width: 70%;
  padding-right: 4em;
  margin-bottom: 1.5em;
}
#agentdetail .agent-content-wrapper .firstcolumn > div {
  line-height: 1.5;
}
#agentdetail .agent-content-wrapper .secondcolumn {
  width: 30%;
  margin-top: 0.5em;
}
#agentdetail h2.agentname {
  font-weight: 600;
  font-size: 2.25vw;
  line-height: 1.2;
  margin: 0;
}
#agentdetail .firstcolumn dl {
  font-size: 1vw;
  line-height: 2;
  margin-bottom: 1.5em;
  display: flex;
  justify-content: flex-start;
}
#agentdetail .firstcolumn dl dd.nwp {
  margin: 0 2em 0 0;
}
#agentdetail .firstcolumn h3.agenttitle {
  font-weight: 300;
  font-size: 1.485vw;
  margin: 0 0 0.25em;
}
#agentdetail h2.agentname,
#agentdetail .agent-item p.agentname-bottom
{
  font-family: "Operetta 8", "Libre Bodoni", serif;
}
#agentdetail .firstcolumn h3.agenttitle,
#agentdetail .agent-item p.agenttitle-bottom {
  font-family: "operetta-8", serif;
}
#agentdetail .firstcolumn dt {
  font-weight: 400;
  width: auto;
}
#agentdetail .firstcolumn a.clink,
#agentdetail .firstcolumn #bookshow,
#agentdetail .agentbottom .agent-item a.blink,
#agentdetail .agentbottom .agent-item #bookshow
{
  font-weight: 500;
  border-radius: 2em;
  font-size: 1vw;
  display: inline-block;
  white-space: nowrap;
  width: fit-content;
}
#agentdetail .firstcolumn a.clink,
#agentdetail .agentbottom .agent-item a.blink
{
  color: #3f4142;
  background-color: white;
  padding: 0.75em 2.5em 0.8em;
  margin-right: 1em;
}
#agentdetail .firstcolumn #bookshow,
#agentdetail .agentbottom .agent-item #bookshow {
  background-color: #bb916b;
  color: white;
  padding: 0.75em 5em 0.8em;
}
/*#agentdetail .firstcolumn a.clink {
  color: #666666;
  display: inline-block;
  float: left;
  clear: left;
  line-height: 1.3;
}
#agentdetail .firstcolumn #bookshow {
  color: #fff;
  background-color: #004632;
  display: inline-block;
  padding: 0.9em 2.9em 0.8em;
  font-size: 1vw;
  text-transform: uppercase;
  margin: 2em 0 0;
  border-radius: 4px;
  line-height: 1.2;
  clear: left;
  float: left;
}*/
#agentdetail .secondcolumn h3,
#agentdetail .firstcolumn h3 {
  font-weight: 600;
  font-size: 1.7vw;
}
#agentdetail .secondcolumn h3 {
  margin: 0 0 0.25em;
}
#agentdetail .firstcolumn h3 {
  margin: 0.3em 0;
}
#agentdetail .firstcolumn p {
  line-height: 1.75;
}
#agentdetail .secondcolumn .social_media a {
  display: inline-block;
  border: 1px solid #2d2d2d;
  border-radius: 1vw;
  width: 2vw;
  height: 2vw;
  margin: 0 0.7em 0.7em 0;
}
#agentdetail .secondcolumn .social_media a.facebook {
  background: url(../img/facebookS.svg) no-repeat center center;
  background-size: auto 70%;
}
#agentdetail .secondcolumn .social_media a.instagram {
  background: url(../img/instagramS.svg) no-repeat center center;
  background-size: auto 70%;
}
#agentdetail .secondcolumn .social_media a.linkedin {
  background: url(../img/linkedinS.svg) no-repeat center center;
  background-size: auto 88%;
}
#agentdetail .secondcolumn .social_media a.google-plus {
  background: url(../img/gSv2.svg) no-repeat center center;
  background-size: auto 40%;
}
#agentdetail .secondcolumn .social_media a.tik-tok {
  background: url(../img/TiktokS.svg) no-repeat center center;
  background-size: auto 40%;
}
#agentdetail .secondcolumn .social_media a.pinterest {
  background: url(../img/pinterestS.svg) no-repeat center center;
  background-size: auto 55%;
}
#agentdetail .secondcolumn .social_media a.youtube {
  background: url(../img/youtubeS.svg) no-repeat center center;
  background-size: auto 80%;
}
#agentdetail .secondcolumn .social_media a.twitter {
  background: url(../img/twitterS.svg) no-repeat center center;
  background-size: auto 40%;
}
#agentdetail .secondcolumn .social_media img {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  max-width: 50%;
  max-height: 100%;
  display: block;
  margin: 0 auto;
}
#agentdetail .firstcolumn .agentimg {
  display: none;
}
#agentdetail .agentimg img{
  height: 100%;
}
#agentdetail .agentimg {
  height: 100%;
  background-size: cover;
  background-position: center top;
}
#agentdetail .about-agent {
  margin-bottom: 1.4em;
}
#agentdetail .mapoffice,
#agentdetail .agent-contact-wrapper {
  width: 50%;
}
#agentdetail #map {
  width: 100%;
  height: 65%;
}
#agentdetail .mapoffice h2,
#agentdetail .agent-contact-wrapper h2 {
  font-weight: 700;
  font-size: 1.7vw;
}
#agentdetail .mapoffice p {
  margin-top: 1em;
}
#agentdetail .mapoffice p strong {
  color: #004632;
  text-transform: uppercase;
}
#agentdetail .agent-contact-wrapper .Contact-Request-Body label,
#agentdetail .agent-contact-wrapper .Email-Address label,
#agentdetail .agent-contact-wrapper .Phone-Number label,
#agentdetail .agent-contact-wrapper .Name label,
#agentdetail .agent-contact-wrapper .form-item.Your-Preferred-Contact-Method {
  display: none;
}
#agentdetail .agent-item {
  width: fit-content;
  word-break: break-word;
  box-sizing: border-box;
}
#agentdetail div.links {
  display: flex;
}
#agentdetail .agent-item p {
  line-height: 1.1;
  margin: 0 0 0.3em;
}
/*#agentdetail .agent-item p.agentname-bottom {
  font-size: 1.3vw;
  font-weight: 700;
  margin: 0 0 0.1em;
}*/
#agentdetail .agent-content-wrapper.agentbottom {
  align-items: center;
  margin-bottom: -2.5em;
  margin-top: 4em;
  padding: 2em 0 0;
  border-top: solid 1px;
  justify-content: space-between;
}
/*#agentdetail .agent-content-wrapper.agentbottom .agent-item:nth-child(1) {
  width: 33%;
}
#agentdetail .agent-content-wrapper.agentbottom .agent-item:nth-child(2), #agentdetail .agent-content-wrapper.agentbottom .agent-item:nth-child(4) {
  display: none;
}*/
/*#agentdetail #listingdiv{
  opacity:0;
  max-height:1px;
}*/
#agentdetail .property .slider[data-v-832c3674]::after {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(7, 7, 7, 0.9) 100%);
  height: 70px;
}
#agentdetail #listingdiv h2.listdivh {
  font-size: 1.7vw;
  margin-bottom: 1.4em;
}
#agentdetail #listingdiv h2 span.titlel {
  margin-right: 3em;
}
#agentdetail #listingdiv h2 span.divider,
#agentdetail #listingdiv h2.listdivh a {
  font-size: 0.8vw;
  color: #717171;
  font-weight: 400;
  position: relative;
  top: -2px;
}
#agentdetail #listingdiv h2.listdivh a.emptylink + span.divider,
#agentdetail #listingdiv h2.listdivh a.emptylink{
  display:none;
}
#agentdetail #listingdiv h2.listdivh a.current {
  color: #004632;
  font-weight: 700;
}
#agentdetail #listingdiv h2 span.divider {
  margin: 0 0.5em;
}
#agentdetail #fl-content .action.is-more-visible {
  display: none;
}
#agentdetail
  #fl-content
  .featureListingApp
  .default-screen
  .sidebar.full
  .scroll-list {
  padding: 0;
}
#agentdetail
  #fl-content
  .featureListingApp
  .sidebar.full
  .scroll-list
  .list-property-wrapper {
  justify-content: flex-start;
}
#agentdetail
  #fl-content
  .featureListingApp
  .default-screen
  .sidebar.full
  .property {
  width: 23.5%;
  padding: 0;
  margin-right: 2%;
  margin-bottom: 1.5vw;
}
#agentdetail
  #fl-content
  .featureListingApp
  .default-screen
  .sidebar.full
  .property:nth-child(4n+1){
    margin-right:0;
  }
#agentdetail #fl-content .featureListingApp .slider .image.form .btn {
    background-color: #004632;
    border-color: #004632;
}
#agentdetail #fl-content .featureListingApp .scroll-list .pagination li.active, 
#agentdetail #fl-content .featureListingApp .scroll-list .pagination li:not(.dots):hover{
  background-color: #004632;
}
#agentdetail #fl-content .featureListingApp .property .details .pricedrop,
#agentdetail #fl-content .featureListingApp .property .details .bed:before,
#agentdetail #fl-content .featureListingApp .property .details .bath:before,
#agentdetail #fl-content .featureListingApp .property .details .size:before,
#agentdetail #fl-content .featureListingApp .property .address:before,
#agentdetail #fl-content .featureListingApp .property .days-on-market,
#agentdetail #fl-content .featureListingApp .property .listing-type {
  display: none;
}
#agentdetail #fl-content .featureListingApp .property .details .bath:after {
  content: " BA";
}
#agentdetail #fl-content .featureListingApp .property .details .bed:after {
  content: " BD";
}
#agentdetail #fl-content .featureListingApp .property .details .size:after{
  content: " SF"
}
#agentdetail
  #fl-content
  .featureListingApp
  .default-screen
  .sidebar.full
  .property
  .slider,
#agentdetail
  #fl-content
  .featureListingApp
  .default-screen
  .sidebar.full
  .slider
  .image {
  height: 22vw;
  border-radius: 4px;
  background-position: center top;
}
#agentdetail #fl-content .featureListingApp .list-property-wrapper .property .inner {
  position: relative;
  border: none;
  overflow: hidden;
  border-radius: 5px;
}
#agentdetail #fl-content .featureListingApp .list-property-wrapper .property .image.form .inner{
  height: 100%;
  top: 0;
  display: block;
  padding-top: 3.5vw;
}
#agentdetail #fl-content .featureListingApp .list-property-wrapper .slider .control.next{
  display:none;
}
#agentdetail #fl-content .featureListingApp .list-property-wrapper .slider-click {
  width: 100%;
  left: 0;
}
#agentdetail #fl-content .featureListingApp .list-property-wrapper .property .image.form .inner .description{
  padding: 0.8em 0;
}
#agentdetail #fl-content .featureListingApp .list-property-wrapper .property .inner:after {
  content: "";
  position: absolute; 
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}
#agentdetail #fl-content .featureListingApp .wrapper-all-details {
  position: absolute;
  bottom: 0px;
  padding: 0.8em 0px 0;
  left: 0;
  width: 100%;
  color: #fff;
  display: flex;
  flex-direction: column;
  z-index: 33;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
#agentdetail #fl-content .featureListingApp div.inner.vow .wrapper-all-details {
  position: absolute;
  min-height: fit-content;
  height: fit-content;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: center;
  bottom: 20%;
  padding: 0.25em 0.5em;
  background: rgb(230, 230, 230);
}
#agentdetail #fl-content .featureListingApp div.inner.vow .wrapper-all-details div.address.mapicon .rest,
#agentdetail #fl-content .featureListingApp div.inner.vow .wrapper-all-details div.address.mapicon .addresscp{
display: none;
}
#agentdetail #fl-content .featureListingApp div.inner.vow .slider,
#agentdetail #fl-content .featureListingApp div.inner.vow .wrapper-all-details div.details,
#agentdetail #fl-content .featureListingApp div.inner.vow .wrapper-all-details div.details div.item.price,
#agentdetail #fl-content .featureListingApp div.inner.vow .wrapper-all-details div.address.mapicon
{
  filter: none;
  -webkit-filter: none;
}
#agentdetail #fl-content .featureListingApp div.inner.vow .banner .text:before{
  content: 'VIP\00a0';
  font-weight: bold;
}
#agentdetail #fl-content .featureListingApp div.inner.vow .banner .text .mapicon:before{
content:'Account required to view additional property information.';
color:#fff;
display:inline!important;
font-family: inherit;
}
#agentdetail #fl-content .featureListingApp div.inner.vow .banner .text .mapicon strong{
  color:#004632;
  visibility: hidden;
}
#agentdetail #fl-content .featureListingApp div.inner.vow .banner .text .mapicon strong::before {
  content: 'Sign up now.\a';
  font-weight: bold;
  white-space: pre-wrap;
  color:#fff;
  visibility: visible;
}
#agentdetail #fl-content .featureListingApp div.inner.vow .banner .text .mapicon strong:after{
  content:'';
  display:block;
  width:100%;
  margin-bottom: 3em;
}
#agentdetail #fl-content .featureListingApp div.inner.vow .wrapper-all-details div.details div.item.price::after {
  content: '|';
  padding: 0 1em;
  font-size: 0.9em;
}
#agentdetail #fl-content .featureListingApp div.inner.vow .wrapper-all-details div.details div.item.price,
#agentdetail #fl-content .featureListingApp div.inner.vow .wrapper-all-details div.address.mapicon a
{
  color: rgb(49, 49, 49);
  font-weight: normal;
}
#agentdetail #fl-content .featureListingApp div.inner.vow .wrapper-all-details div.address.mapicon,
#agentdetail #fl-content .featureListingApp div.inner.vow .wrapper-all-details div.details {
  padding: 0;
  height: fit-content;
  min-height: fit-content;
  width: fit-content;
}
#agentdetail #fl-content .featureListingApp div.inner.vow .wrapper-all-details div.address.mapicon a {
  float: right;
  width: fit-content;
}
#agentdetail #fl-content .featureListingApp div.inner.vow .wrapper-all-details .details .bed,
#agentdetail #fl-content .featureListingApp div.inner.vow .wrapper-all-details .details .bath,
#agentdetail #fl-content .featureListingApp div.inner.vow .wrapper-all-details .details .last.size,
#agentdetail #fl-content .featureListingApp div.inner.vow .wrapper-all-details .details .bed .new-line-control,
#agentdetail #fl-content .featureListingApp div.inner.vow .wrapper-all-details .details::after
{
  display:none;
}
#agentdetail #fl-content .featureListingApp div.inner:not(.vow) .wrapper-all-details:after {
  content: "View details";
  text-transform: uppercase;
  padding: 0px 0 0 15px;
  order: 3;
  font-size: 0.7vw;
  opacity: 0;
  transform: translateY(400%);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
#agentdetail #fl-content .featureListingApp .wrapper-all-details .details {
  order: 2;
  padding-top: 7px;
}
#agentdetail #fl-content .featureListingApp .wrapper-all-details .address {
  order: 1;
  padding-bottom: 0;
  white-space: normal;
}
#agentdetail #fl-content .featureListingApp .property .details .priceunit,
#agentdetail #fl-content .featureListingApp .property .details .item {
  float: left;
}
#agentdetail
  #fl-content
  .featureListingApp
  .property
  .details
  .item:not(.price) {
  padding-left: 0;
  margin-top: 5px;
  font-size: 0.8vw;
}
#agentdetail
  #fl-content
  .featureListingApp
  .property
  .details
  .pricedrop
  + div.item,
#agentdetail
  #fl-content
  .featureListingApp
  .property
  .details
  .priceunit
  + div.item,
#agentdetail
  #fl-content
  .featureListingApp
  .property
  .details
  .item.price
  + div.item {
  clear: left;
}
#agentdetail #fl-content .featureListingApp .property .address a,
#agentdetail #fl-content .featureListingApp div.inner.vow div.details div.item.price
{
  color: #fff;
  font-size: 0.9vw;
}
#agentdetail #fl-content .featureListingApp .property .details .item.price {
  font-size: 1.05vw;
}
#agentdetail #fl-content .featureListingApp .property .details .priceunit {
  font-size: 0.75vw;
}
/*
#agentdetail #listingdiv {
  margin-bottom: 3.5em;
}*/
#agentdetail
  #fl-content
  .featureListingApp
  .property:hover
  div.inner:not(.vow)
  .wrapper-all-details {
  transform: translateY(-15%);
}
#agentdetail
  #fl-content
  .featureListingApp
  .property:hover
  div.inner:not(.vow)
  .wrapper-all-details:after {
  transform: translateY(0);
  opacity: 1;
  padding-top: 10px;
}
#agentdetail
  #fl-content
  .featureListingApp
  .property
  .slider
  .images
  div.image:nth-child(1) {
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
#agentdetail
  #fl-content
  .featureListingApp
  .list-property-wrapper
  .property:hover
  .slider
  .images
  div.image:nth-child(1) {
  transform: scale(1.06, 1.06);
}
#agentdetail
  #fl-content
  .featureListingApp
  .property
  .details
  div.bed
  + div.bath:before,
  #agentdetail
  #fl-content
  .featureListingApp
  .property
  .details
  div.bath
  + div.size:before {
  content: "|";
  padding: 0 10px;
  display: inline-block;
  line-height: 1;
  margin-top: -10px;
}
#agentdetail #contact_agent_form .form-item.Contact-Request-Body{
  width:100%;
}
#agentdetail #contact_agent_form .drip-group-container .form-item{
width:23.5%;
margin: 0px 1%;
}
#agentdetail #contact_agent_form .drip-group-container .form-item:nth-child(1){
  margin-left:0;
}
#agentdetail #contact_agent_form .drip-group-container .form-item:nth-child(4){
  margin-right:0;
}
#agentdetail #fl-content .featureListingApp .property .inner.vow .banner {
  display: flex;
  justify-content: center;
  padding: 0.25em;
}
#agentdetail #fl-content .featureListingApp .property .inner.vow .details .priceunit{
display:none;
}
#agentdetail
  #fl-content
  .featureListingApp 
  .property .inner.vow .banner .header span{
    display: inline-block;
    max-width: 90%;
    line-height: 1.2;
    padding: 0px;
    margin-bottom: 0.4em;
    text-transform: none;
    color: #fff;
    background-color: transparent;
    font-size: 0.83em;
}
#agentdetail #fl-content .featureListingApp .property .inner.vow .banner .header{
  display: none;
}
#agentdetail
  #fl-content
  .featureListingApp .property .inner.vow .banner .text span:before{
  display:none;
}
#agentdetail
  #fl-content
  .featureListingApp .banner-wrapper{
    padding: 0 0.25rem;
    width: 100%;
    height: fit-content;
    max-height: fit-content;
    margin: 0 auto;
    box-sizing: border-box;

}
#agentdetail
  #fl-content
  .featureListingApp .banner-wrapper:before{
    display: none;
    background-size: auto 100%;
    left: calc(50% - 0.7rem);
    top: 0;
    position: relative;
    margin: 12px 0 7px;
}
#agentdetail
  #fl-content
  .featureListingApp 
  .property .inner.vow .banner .text{
    line-height: 1.25;
    font-size: 0.9vw;
    padding-top: 5px;
}
#agentdetail
  #fl-content
  .featureListingApp 
  .property .bookmark:after{
  font-size: 0.9vw;
  content:'\d137';
  -webkit-text-stroke: #2d2d2d;
  -webkit-text-stroke-width: 0.4px;
}
#agentdetail
  #fl-content
  .featureListingApp 
  .property .bookmark{
    background-color: #fff;
    width: 1.4vw;
    height: 1.4vw;
    border-radius: 1vw;
    text-align: center;
    line-height: 1.45vw;
    top: 36px;
    right: 16px;
    box-shadow: 0px 3px 6px rgb(0 0 0 / 10%);
    display:none;
  }
  body #agentdetail
  #fl-content
  .featureListingApp  
  .property .inner.vow .banner{
    top: 80%;
    bottom: 0;
    background-color: #004632;
    color:#fff;
    transform: none;
    left: 0;
  }
  .agent_properties_list .featureListingApp .default-screen .sidebar.full .property .cpark-details,
  #agentdetail #fl-content .featureListingApp .default-screen .sidebar.full .property .cpark-details{
    display: none;
  }
  .agent_properties_list .featureListingApp .property .inner.vow .banner {
    background-color: #004632;
  }
  .agent_properties_list .featureListingApp .property .inner.vow .banner .text {
    line-height: 1;
  }
#propertyViewApp .property-column.agent-info .image{
  background-position: left top;
  background-size: 100% auto;
}  
#propertyViewApp .mortgage-calc-wrapper label,
#agentdetail #fl-content .featureListingApp .mortgage-calc-wrapper label{
  font-size:0.98rem;
}
#propertyViewApp .mortgage-calc-wrapper .mortgage-form label,
#agentdetail #fl-content .featureListingApp .mortgage-calc-wrapper .mortgage-form label{
  font-size:0.9rem;
}
#propertyViewApp .property-column .phone-fax a,
#propertyViewApp .property-column .phone-tollfree a,
#propertyViewApp .property-column .phone-mobile a,
#propertyViewApp .property-column .phone-office a,
#agentdetail #fl-content .featureListingApp .property-column .phone-fax a,
#agentdetail #fl-content .featureListingApp .property-column .phone-tollfree a,
#agentdetail #fl-content .featureListingApp .property-column .phone-mobile a,
#agentdetail #fl-content .featureListingApp .property-column .phone-office a {
  font-size: 0.85rem;
}
#propertyViewApp .credential a,
#agentdetail #fl-content .featureListingApp .credential a{
  font-size:0.8rem;
}
#propertyViewApp .dropdown-menu a,
#agentdetail #fl-content .featureListingApp .dropdown-menu li a,
#propertyViewApp .mortgage-calc-wrapper .mortgage-form li a,
#agentdetail #fl-content .featureListingApp .mortgage-calc-wrapper li a,
#propertyViewApp .property-column.agent-info h2 a,
#agentdetail #fl-content .featureListingApp .property-column.agent-info h2 a{
  font-size: inherit;
}
#agentdetail .sidebar[data-v-7c54ffb2] {
  background-color: #f2f0eb;
}

body[class*=contact_agent] #contact_agent_form input.form-submit,
#agentdetail input.form-submit {
  background: url('../img/button_send.png') center center no-repeat;
  width: 9em;
  height: 3.3em;
  background-size: contain;
}

/*contact agent and contact broker*/
#contact_agent_form a {
  color: #0b835b;
}
#contact_broker_form div[class*="subgroup-container"] .form-item,
#contact_agent_form div[class*="subgroup-container"] .form-item {
  width: 95.6%;
  margin-bottom: 0;
}
#contact_broker_form .drip-group-container,
#contact_agent_form .drip-group-container,
#contact_agent_form .submit-wrapper {
  width: 95.5%;
}
#contact_broker_form .form-item input.form-text,
#contact_broker_form .form-item select.form-select,
#contact_agent_form .form-item input.form-text,
#contact_agent_form .form-item select.form-select {
  width: 90%;
}
#contact_broker_form #edit-request_subject,
#contact_agent_form #edit-request_subject {
  width: 95.5%;
}
#contact_broker_form #edit-request_body,
#contact_agent_form #edit-request_body {
  width: 95.5%;
}
body #contact_broker_form label,
body #contact_agent_form label {
  color: #2d2d2d;
}
body #contact_agent_form label.option {
  background-color: #e0ded9;
}
#contact_broker_form .form-item,
#contact_agent_form .form-item {
  float: left;
  width: 33%;
  margin: 0px 0px 1em;
}
#contact_broker_form .form-item.Contact-Request-Subject,
body[class*="contact_agent"] #contact_agent_form .form-item.Contact-Request-Subject,
#contact_broker_form .form-item.Contact-Request-Body,
body[class*="contact_agent"] #contact_agent_form .form-item.Contact-Request-Body {
  width: 100%;
}
#contact_broker_form .form-item.Contact-Request-Body,
#contact_agent_form .form-item.Contact-Request-Body {
  margin-bottom: 0.1em;
}
#contact_broker_form .description,
#contact_agent_form .description {
  font-size: 0.8vw;
  line-height: 1.2em;
}
#contact_broker_form .form-item .form-item,
#contact_agent_form .form-item .form-item {
  margin: 0px;
}
#contact_broker_form .Middle-Name,
#contact_agent_form .Middle-Name {
  display: none;
}
#contact_agent_form div[class*="subgroup-container"] .form-item,
#contact_broker_form div[class*="subgroup-container"] .form-item {
  width: 95.5%;
}

/* office location */
body[class*="agent_find"] h1.main_title span,
body[class*="officeSearch"] h1.main_title span {
  display: block;
  font-family: "Inter", sans-serif;
  font-size: 0.85vw;
  font-weight: 400;
  padding-top: 4px;
}
body[class*="officeSearch"] h1.main_title {
  margin-bottom: 0em;
  color: #fff;
  position: relative;
  z-index: 2;
  font-family: "Operetta 8 W01 Medium", "Libre Bodoni", serif;
  font-weight: 400;
}
#officeSearch .contact-map-wrapper{
  display:flex;
  padding-top: 3em;
}
#officeSearch  .contact-form-wrapper{
  width: 50%;
  padding-right: 1em;
}
body[class*="officeSearch"] .new_disclaimer{
  padding: 0.7em 0 0em;
  margin-bottom: -0.6em;
}
#officeSearch .firstwr{
width: 50%;
padding-left: 1em;
}
#officeSearch .imagebg {
  min-height: 38vw;
  width: 147.5%;
  margin-left: -24%;
  background: url(../img/officetop.jpg) no-repeat center bottom;
  background-size: cover;
  position: relative;
}
#officeSearch .imagebg:before{
  content:'';
  display:block;
  width:100%;
  height:30%;
  background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%);
  position: absolute;
  left:0;
  top:0;
}
#officeSearch .list-wrapper-office {
  background-color: #fff;
  border-radius: 0.3rem;
  box-shadow: 0px 15px 30px rgb(0 0 0 / 10%);
  padding: 60px;
  margin-top: -28vw;
  position: relative;
}
#officeSearch h2 {
  font-size: 2vw;
}
#officeSearch .list-wrapper-office h2 {
  color: #004632;
}
#officeSearch #officeSearchList .locationoffice .label_strong,
#officeSearch #officeSearchList .short-cell-left-b,
#officeSearch #officeSearchList .olist,
#officeSearch #officeSearchList .mteam {
  display: none;
}
#officeSearch #officeSearchList h3,
#officeSearch #officeSearchList .contact_us {
  display: block !important;
}
#officeSearch #officeSearchList h3.Carling:after{
  content:' • Muskoka';
}
#officeSearch #officeSearchList h3.Picton:after{
  content:' • Prince Edward County';
}
#officeSearch #officeSearchList h3.Bay:after{
  content:' • Muskoka';
}
#officeSearch #officeSearchList h3.Lakefield,
#officeSearch #officeSearchList h3.Beaverton{
  height:2.2em;
  overflow:hidden;
}
#officeSearch #officeSearchList h3.Hope{
  height:1.3em;
  overflow:hidden;
}
#officeSearch #officeSearchList h3.Hope:before{
  content:'Northumberland County';
  display: block;  
}
#officeSearch #officeSearchList h3.Collingwood:after{
  content:' • Southern Georgian Bay';
}
#officeSearch #officeSearchList h3.Huntsville:after{
  content:' • Lake of Bays • Almaguin';
}
#officeSearch #officeSearchList h3.Tobermory:after,
#officeSearch #officeSearchList h3.Wiarton:after,
#officeSearch #officeSearchList h3.Owen:after{
  content:' • Grey Bruce';
}
#officeSearch #officeSearchList h3.Baysville:after{
  content:' • Lake of Bays';
}
#officeSearch #officeSearchList h3.Beaverton:before{
  content:'Lake Simcoe (North of Markham)';
  display: block; 
  max-width: 88%;
}
@media(max-width:600px){
  #officeSearch #officeSearchList h3.Beaverton:before{
    max-width: 200px;
  }
}
@media(max-width:350px){
#officeSearch #officeSearchList h3.Hope{
  height:2.2em;
}
}
#officeSearch #officeSearchList h3.Caledon:before{
  content:'Erin • ';
}
#officeSearch #officeSearchList h3.Caledon:after{
  content:' • Mono';
}
#officeSearch #officeSearchList h3.Barrie:after{
  content:' • Simcoe County • Orillia • Innisfil';
}
#officeSearch #officeSearchList h3.Lakefield:before{
  content:'Peterborough & The Kawarthas';
  display: block; 
  max-width:270px;
}
#officeSearch #officeSearchList h3.Stratford:after{
  content:' • Huron-Perth';
}
#officeSearch #officeSearchList h3.Toronto.Yonge:after{
  content:' (Yonge St.)';
}
#officeSearch #officeSearchList h3.Toronto.Spadina:after{
  content:' (Forest Hill)';
}
#officeSearch #officeSearchList h3 {
  font-size: 1.3vw;
}
#officeSearch #officeSearchList table span.lf{
  display: none;
}
#officeSearch #officeSearchList table .tollfreen{
  display:none;
}
#officeSearch #officeSearchList {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
#officeSearch #officeSearchList table {
  width: 30%;
  margin-left:3%;
}
#officeSearch #officeSearchList table span {
  line-height: 1.2;
  padding-bottom: 0.3em;
}
#officeSearch #officeSearchList .locationoffice {
  margin-bottom: 1em;
}
#officeSearch #officeSearchList .addresso .label_strong{
  display:none;
}
#officeSearch #officeSearchList .locationoffice .shortcountyname{
display:inline!important;
}
#officeSearch #officeSearchList table .faxo{
  display:block!important;
}
#officeSearch #officeSearchList table .faxo span,
#officeSearch #officeSearchList table .phoneo span {
  padding-bottom: 0px;
  opacity: 0.7;
}
#officeSearch #officeSearchList .contact_us a {
  color: #2d2d2d;
  opacity: 0.7;
}
#officeSearch .searchField-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#officeSearch .officelocation-wrapper {
  width: 50%;
}
#officeSearch #officelocation-filter {
  border: 1px solid #e2e2e2;
  padding: 0.5em 1em;
  width: 100%;
  box-sizing: border-box;
}
#officeSearch #officemap2 {
  width: 100%;
  height: 65%;
}
#officeSearch .contact-form-wrapper .message_field label,
#officeSearch .contact-form-wrapper .main_field label,
#officeSearch .form_content div.form-item.main_field:nth-child(2),
#officeSearch #contactSite_node_form fieldset.contact_by {
  display: none;
}
#officeSearch .contact-form-wrapper .main_field {
  width: 30.6%;
  padding-right: 4%;
  margin-bottom: 0.8em;
}
#officeSearch .contact-form-wrapper .main_field input {
  box-sizing: border-box;
  width: 100%;
}
#officeSearch .contact-form-wrapper div.main_field:nth-child(4) {
  padding-right: 0;
}
#officeSearch .contact-form-wrapper textarea {
  width: 100%;
  margin-bottom: 0.8em;
}
#officeSearch .bubbletop,
#officeSearch .bubbletopleft,
#officeSearch .bubbletopright,
#officeSearch .bubblebottomleft,
#officeSearch .bubblebottom,
#officeSearch .bubblebottomright,
#officeSearch .bubblebeak {
  background: none;
  display: none;
  padding: 0;
}
#officeSearch #BubbleInfo {
  background: none;
  padding: 0;
}
#officeSearch #BubbleInfo h3 {
  font-size: 1vw;
}
#officeSearch #BubbleInfo dl {
  margin-bottom: 1rem;
}
#officeSearch #BubbleInfo dt {
  font-weight: 600;
  font-size: 0.75vw;
  text-align: left;
  width: auto;
  padding: 0;
  margin-right: 5px;
  clear: left;
}
#officeSearch #BubbleInfo dd {
  font-size: 0.75vw;
  float: left;
  margin: 0;
}
#officeSearch #BubbleInfo .contact {
  display: inline-block !important;
  margin-left: 0;
}
#officeSearch #BubbleInfo dd.bio {
  display: block !important;
  margin: 0;
}
#officeSearch #BubbleInfo dd.bio h2 {
  margin-top: 0;
}
#officeSearch #BubbleInfo dd.bio p strong {
  font-weight: 500;
}
#officeSearch #BubbleInfo dd.bio p {
  font-size: 0.8rem;
  line-height: 1;
  margin: 0;
}
#officeSearch #BubbleInfo ul {
  display: flex;
  list-style: none;
  list-style-position: unset;
  clear: both;
}
#officeSearch #BubbleInfo ul li {
  margin-right: 0.75rem;
}
#officeSearch #BubbleInfo ul li a {
  background: #004632;
  border-radius: 5px;
  color: #fff;
  display: block;
  line-height: 1;
  padding: 0.25rem 1rem;
  font-size: 0.75vw;
  margin-top: 1em;
  display: none;
}
#officeSearch #BubbleInfo > a:nth-child(1) {
  display: none;
}

/*agent list*/
body[class*="agent_find"] .g2page {
  padding: 0 !important;
}
body[class*="agent_find"] h1.main_title {
  text-align: left;
  margin-bottom: 0em;
  font-family: "Operetta 8 W01 Medium", "Libre Bodoni", serif;
  font-weight: 400;
  color:#fff;
  position: relative;
  z-index: 22;
}
.agent-wrapper .broker-information {
  min-height: 36vw;
  width: 147.5%;
  margin: 0;
  margin-left: -24%;  
  background: url(../img/agenttop.jpg) no-repeat center bottom;
  background-size: cover;
}
.agent-wrapper .broker-information:before{
  content:'';
  display:block;
  width:100%;
  height:40%;
  background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%);
  position: absolute;
  left:0;
  top:0;
}
.agent-wrapper .agent-list-pager-wrapper{
  background: #fff;
  padding-top: 5vw;
  margin-top: -1em;
}
#officeSearch,
.agent-wrapper{
  margin-top: -6vw;
}
.agent-wrapper .broker-information div {
  display: none;
}
.agent-wrapper .agent-filter-form-wrapper {
  background-color: #fff;
  border-radius: 0.3rem;
  box-shadow: 0px 15px 30px rgb(0 0 0 / 10%);
  padding: 60px;
  margin-top: -26vw;
  margin-bottom: 0em;
  position: relative;
}
.agent-wrapper .agent-filter-form-wrapper #agent_filter_form .form-filter span {
  font-family: "Inter", sans-serif;
  display: block;
  float: none;
  padding: 0 0 3px;
  font-size: 0.86vw;
  color: #2d2d2d;
  font-weight: 600;
}
.agent-wrapper
  .agent-filter-form-wrapper
  #agent_filter_form
  .agent-title-wrapper {
  display: none;
}
.agent-wrapper
  .agent-filter-form-wrapper
  #agent_filter_form
  .agent-name-wrapper
  input {
  background: none;
  font-size: 0.96vw;
  font-family: "Inter", sans-serif;
  padding: 0.75vw 0.8vw;
}
.agent-wrapper
  .agent-filter-form-wrapper
  #agent_filter_form
  .form-item.Agent-Name:before {
  content: "Name";
  display: block;
  font-family: "Inter", sans-serif;
  padding: 0 0 3px;
  font-size: 0.86vw;
  font-weight: 600;
}
.agent-wrapper .agent-filter-form-wrapper #agent_filter_form select {
  background-color: transparent;
  outline: none;
  font-size: 0.96vw;
  font-family: "Inter", sans-serif;
  width: 120%;
  border-radius: 0px;
  border: none;
  padding: 0.8vw 0.5vw;
}
#allpagew
  .agent-filter-form-wrapper
  #agent_filter_form
  .form-filter
  .form-item {
  width: 100%;
  border-radius: 6px;
}
#allpagew
  .agent-filter-form-wrapper
  #agent_filter_form
  .form-filter
  .form-item.Office-Locations,
#allpagew
  .agent-filter-form-wrapper
  #agent_filter_form
  .form-filter.agent-language-wrapper
  .form-item {
  border: 1px solid #ccc;
  overflow: hidden;
  border-radius: 6px;
  position: relative;
}
#allpagew
  .agent-filter-form-wrapper
  #agent_filter_form
  .form-filter
  .form-item.Office-Locations:after,
#allpagew
  .agent-filter-form-wrapper
  #agent_filter_form
  .form-filter.agent-language-wrapper
  .form-item:after {
  content: "";
  background: url(../img/selectarrow2.svg) no-repeat center center;
  background-size: 100% auto;
  display: block;
  width: 0.6vw;
  height: 100%;
  position: absolute;
  padding: 0;
  right: 1vw;
  top: 0;
  pointer-events: none;
}
.agent-wrapper .agent-filter-form-wrapper #agent_filter_form .form-filter {
  width: 28%;
  margin-left: 0;
}
.agent-filter-form-wrapper form > div {
  justify-content: space-between;
}
#allpagew
  .agent-wrapper.multi-office
  .agent-filter-form-wrapper
  #agent_filter_form
  .agent-name-wrapper {
  width: 36%;
}
.agent-wrapper #agent_filter_form:before {
  content: "Find an Agent";
  font-size: 2vw;
  color: #004632;
  font-weight: 600;
  padding-bottom: 1em;
  display: block;
}
.agent-wrapper .agent-summary-wrapper {
  width: calc((100% - 6.2vw) / 4);
  display: block;
  border: none;
  margin: 0 1.95vw 0 0;
  position: relative;
  margin-bottom: 5vw;
  min-height: 1px;
}
.agent-wrapper .agent-summary-wrapper:nth-child(4n) {
  margin-right: 0;
}
.agent-wrapper .agent-summary-left-content {
  background: none;
}
.agent-wrapper .brokerage-information.contact-data,
.agent-wrapper .agent-site.contact-data,
.agent-wrapper .email-me-button-wrapper,
.agent-wrapper .agent_title,
.agent-wrapper .social-media-icons {
  display: none;
}
.agent-wrapper
  span.agent-phone.contact-data.nonempty
  + span.office-phone.contact-data {
  display: none;
}
.agent-wrapper .agent-summary-info {
  text-align: center;
}
.agent-wrapper .agent-summary-right-content .agent-name {
  font-size: inherit;
  font-family: "Inter", sans-serif;
  line-height: 1;
  padding-bottom: 0.15em;
}
.agent-wrapper .agent-summary-right-content .agent-name a {
  font-size: 1vw;
  font-weight: 600;
  color: #2d2d2d;
}
.agent-wrapper .agent-summary-right-content .contact-data a {
  font-size: 0.9vw;
  color: #2d2d2d;
  display: block;
}
.agent-wrapper .contact-icons {
  width: auto;
  margin-right: 5px;
  font-size: 1em;
}
.agent-wrapper .contact-icons.mobile:before {
  font-size: 1vw;
  width: auto;
}
.agent-wrapper .agent-summary-image-wrapper img {
  display: block;
  width: 100%;
  height: auto;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}
.agent-wrapper .agent-summary-image-wrapper a:hover:after {
  display: none;
}
.agent-wrapper .agent-summary-right-content .linkwrapper{
  display:block;
  width:100%;
  height:100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index:333;
}
.agent-wrapper .agent-summary-left-content {
  padding: 0px;
  height: 18vw;
}
.agent-wrapper .agent-summary-right-content {
  position: absolute;
  bottom: 0em;
  left: 8%;
  width: 84%;
  box-shadow: 0px 15px 30px rgb(0 0 0 / 10%);
  transform: translateY(50%);
  background-color: #fff;
  border-radius: 4px;
  padding: 1vw 0;
  overflow: hidden;
}
.agent-wrapper .agent-summary-image-wrapper {
  height: 100%;
  border-radius: 0.3vw;
  border: 1px solid #ccc;
}
.agent-wrapper .agent-summary-wrapper .agent-summary-image-wrapper a {
  display: block;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.agent-wrapper
  .agent-summary-wrapper
  .agent-summary-image-wrapper
  a[style*="1/missing-agent"] {
  background-size: 90% auto;
}
.agent-wrapper .agent-summary-wrapper:hover .agent-summary-image-wrapper a {
  transform: scale(1.06, 1.06);
}
.agent-wrapper .agent-summary-right-content .office-phone-link {
  display: block;
}
.agent-wrapper .agent-summary-info .contact-icons.office:before {
  font-size: 0.8vw;
}
.agent-wrapper
  .agent-summary-right-content
  .agent-summary-nametitle-wrapper:after {
  content: "MORE DETAILS";
  font-size: 0.7vw;
  opacity: 0;
  transform: translateY(400%);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  width: 100%;
  text-align: center;
  display: block;
  letter-spacing: 1px;
  font-weight: 600;
  height: 0;
}
.agent-wrapper
  .agent-summary-wrapper:hover
  .agent-summary-nametitle-wrapper:after {
  transform: translateY(0);
  opacity: 1;
  padding-top: 1vw;
  height: auto;
}
.agent-wrapper .agent-summary-right-content .agent-summary-nametitle-wrapper {
  display: block;
}
.agent-list-wrapper {
  max-width: 100%;
  margin-left: 0.4vw;
}

/*sell page*/
._sell header {
  background-color: #fff;
}
._sell .logoutbtn, 
._sell nav ul li a{
color:#004632;
}
._sell .flexnav li.item-with-ul a:after{
  border-color: #004632 transparent transparent transparent;
}
._sell .loginbtn {
  border-color: #333;
  background: url(../img/user1black.svg) center center no-repeat;
  background-size: 34% auto;
}
._sell .wrapper.clearfix{
  width:100%;
  padding-top: 0;
  margin-top: 5.2vw;
}
._sell h1.main_title{
  display:none;
}
._sell header .cristielogo img,
._sell header .logo img{
  display: none;
}
._sell header .cristielogo img.cristieGreen,
._sell header .logo img.logogreen{
  display: block;
}
._sell.sticky-menu-active header {
  box-shadow: 0px 15px 30px rgb(0 0 0 / 16%);
}
.topitemsell{
  background: url('../img/topsell-min.jpg') center right no-repeat;
  background-size:auto 100%;
}
.toptextsell{
  width:50%;
  background-color:#004632;
  text-align:center;
  color:#fff;
  padding:3vw;
  box-sizing: border-box;
}
.inner-wrappersell{
  border:1px solid #bdc480;
  padding:2vw;
}
.toptextsell h2{
  font-family: "Operetta 8 W01 Medium", "Libre Bodoni", serif;
  font-size:1.8vw;
  font-weight:400;
  margin-bottom: 1.1em;
}
.toptextsell p{
  font-family:'Lora', serif;
  font-weight:500;
  font-size: 1vw;
  line-height: 1.3;
}
.toptextsell a{
  color:#bdc480;
  font-size: inherit;
}
#linktopsell{
  margin-top:2em;
}
.middlesell{
  margin-top:6vw;
  background: url(../img/sellbg.jpg) no-repeat center bottom;
  background-size: cover;
  position: relative;
  padding-bottom: 4.5vw;
  position: relative;
}
.inner-middle-sell{
display: flex;
padding-left: 20%;
justify-content: flex-end;
}
.inner-middle-wrapper-sell{
width: 84%;
margin: 0 auto;
}
.middlesell .itemtext {
width: 28%;
background-color: #fff;
position: relative;
z-index: 22;
border-radius: 0.4vw;
font-family: "Inter", sans-serif;
margin-left: 2em;
transform: translate3d(0, 15%, 0);
opacity: 0;
transition: transform 1s ease, opacity 1s ease;
text-align: center;
padding-bottom: 0.5em;
}
.middlesell .itemtext.animated {
  opacity: 1;
  transform: translateZ(0);
}
.middlesell .itemtext .imaget {
  height: 5vw;
  width: 85%;
  background: url(../img/sell1v1.png) no-repeat center center;
  background-size: cover;
  margin: 1em 0 2.4vw 15%;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.middlesell  .itemtext.second .imaget {
  background-image: url(../img/sell2.jpg);
}
.middlesell .itemtext.third .imaget{
  background-image: url(../img/sell3v2.png);
}
.middlesell  .itemtext h3{
line-height: 1;
font-size: 0.95vw;
padding: 0 1.2em;
margin-bottom: 1.2em;
font-family: "Operetta 8 W01 Medium", "Libre Bodoni", serif;
}
.middlesell .itemtext p {
  line-height: 1.2;
  padding: 0 1.2em;
  font-size: 0.85vw;
}
.middlesell h2{
font-family: "Operetta 8 W01 Medium", "Libre Bodoni", serif;
    font-weight: 400;
    font-size: 1.9vw;
    line-height: 1.2;
    color: #fff;
    padding-top: 1em;
    padding-left: 1.8em;
    text-align: left;
    font-style: normal;
    position: relative;
    z-index: 222;
}
.middlesell:after{
  position:absolute;
  top:0;
  left:0;
  content:'';
  display:block;
  width:100%;
  height:100%;
  background: url(../img/sellbgshadow.png) left top no-repeat;
  background-size:auto 100%;
}
.middlesell h2 span {
  display: block;
  font-family: "Inter", sans-serif;
  font-size: 1vw;
  font-weight: 600;
  padding-left: 0.1em;
  margin-bottom: 3em;
}
#page_bottom div[id*="office_agent_listings"] h2.subject {
  margin: 1.8em 0 1em 0em;
  padding-left: 3em;
  text-align: left;
  font-style: normal;
  position: relative;
  z-index: 222;
  font-family: "Operetta 8 W01 Medium", "Libre Bodoni", serif;
  font-weight: 400;
  font-size: 1.9vw;
  line-height: 1.2;
}
#page_bottom div[id*="office_agent_listings"] h2.subject span {
  display: block;
  font-family: "Inter", sans-serif;
  font-size: 1vw;
  font-weight: 600;
  padding-left: 3px;
}
._sell div[id*="office_agent_listings"] .view_all{
  width: 83%;
}

/*pager*/
ul.pager {
  list-style: none;
}
.agent-wrapper .pager li:nth-child(2) .pager-first,
.agent-wrapper .pager li:nth-child(2) .pager-previous,
.agent-wrapper .pager li:nth-child(4) .pager-next,
.agent-wrapper .pager li:nth-child(4) .pager-last,
.agent-wrapper .pager .pager-list {
  border: none;
  background-color: #fff;
  color: #2d2d2d;
  width: auto;
  height: auto;
  line-height: 1.2;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 1.05vw;
  font-family: "Inter", sans-serif;
  display: inline-block;
}
.agent-wrapper .pager li:nth-child(2) .pager-first,
.agent-wrapper .pager li:nth-child(2) .pager-previous {
  margin-right: 1.5em;
}
.agent-wrapper .pager li:nth-child(1) .pager-first,
.agent-wrapper .pager li:nth-child(5) .pager-last {
  display: none;
}
.agent-wrapper .pager .pager-list > a,
.agent-wrapper .pager .pager-list > strong {
  background-color: #fff;
  color: #2d2d2d;
  width: auto;
  height: auto;
  line-height: 1.2;
  font-size: 1.05vw;
  border: none;
  font-weight: 600;
  margin-right: 1.5em;
  padding: 0 0.5em;
  display: inline-block;
}
.agent-wrapper .pager {
  left: 0;
  transform: none;
  margin-top: 1em;
  font-size: 0.96vw;
}
.agent-wrapper .pager li:nth-child(2) .pager-first:hover:after,
.agent-wrapper .pager li:nth-child(4) .pager-last:hover:after,
.agent-wrapper .pager li:nth-child(2) .pager-previous:hover:after,
.agent-wrapper .pager li:nth-child(4) .pager-next:hover:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background-color: #2d2d2d;
  margin-top: 0.4em;
}
.agent-wrapper .pager .pager-list > a:hover:after,
.agent-wrapper .pager .pager-list > strong:hover:after,
.pager strong.pager-current:after {
  content: "";
  display: block;
  width: 180%;
  height: 2px;
  background-color: #2d2d2d;
  margin-top: 0.4em;
  margin-left: -30%;
}
.condo-list .pager strong.pager-current {
  padding: 0px 0.25em;
  position: relative;
}
.condo-list .pager strong.pager-current:after {
  position: absolute;
  width: 100%;
  margin-left: 0;
  left: 0;
  bottom: -0.5em;
}
.condo-list #precondo_sortFilter {
  height: auto;
}
.agent-wrapper .pager .pager-list > a:last-of-type {
  border: none;
}
.agent-wrapper .pager li:nth-child(2) .pager-first:hover,
.agent-wrapper .pager li:nth-child(4) .pager-last:hover,
.agent-wrapper .pager li:nth-child(2) .pager-previous:hover,
.agent-wrapper .pager li:nth-child(4) .pager-next:hover,
.agent-wrapper .pager .pager-list > a:hover,
.agent-wrapper .pager .pager-list > strong:hover {
  background-color: #fff;
  color: #2d2d2d;
}

.condo-list .pager-last.active {
  margin-left: 0;
}
.condo-list .pager {
  box-sizing: border-box;
}

@media(max-width: 550px) {
  .condo-list .pager {
    padding: 0;
    width: 110%;
    margin-left: -5%;
  }
  .condo-list .pager li {
    margin: 0 0.2rem;
  }
  .condo-list .pager li a, .condo-list .pager li strong {
    font-size: 0.8em;
  }
}

@media(max-width: 470px) {
  .condo-list .pager li {
    margin: 0 0.1rem;
  }
  .condo-list .pager li a, .condo-list .pager li strong {
    font-size: 0.75em;
    padding: 0 0.1em;
  }
}

/*DISCLAIMER */

a.disclaimer_link {
  position: relative;
  font-size: 0.83vw;
  float: left;
  clear: left;
}
a.disclaimer_link span.disclaimer_content {
  position: absolute;
  display: none;
  width: 200px;
  padding: 5px;
  background: #fff;
  color: #000;
  border: #000 1px solid;
  z-index: 9999;
  right: 0px;
  top: 0px;
}
a.disclaimer_link:hover span.disclaimer_content {
  display: block;
  left: 50%;
  top: -5em;
  text-decoration: none;
}
.new_disclaimer {
  font-size: 0.8vw;
  line-height: 1.2;
  display: block;
  padding: 0em 0 0.8em;
}

/*drip group*/
#dripOverlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 100000;
  display: none;
}
#dripMessageBox {
  width: 460px;
  max-width: 90%;
  position: fixed;
  left: 50%;
  top: 50%;
  background: #fff;
  margin: -100px 0 0 0px;
  border: 1px solid #c5c5c5;
  border-radius: 3px;
  padding: 4px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
#dripTitle {
  border: 1px solid #dddddd;
  background: #e9e9e9;
  color: #333333;
  font-weight: bold;
  padding: 0.4em 0.4em;
  position: relative;
  border-radius: 3px;
  text-align: right;
  line-height: 0.8;
}
#dripMessageBox a.closeDripBox {
  color: #454545;
  z-index: 200;
  text-decoration: none;
  font-size: 0.7em;
  border: 1px solid #c5c5c5;
  background: #f6f6f6;
  font-weight: normal;
  border-radius: 3px;
  line-height: 1;
  width: 1.5em;
  height: 1.4em;
  display: inline-block;
  text-align: center;
  line-height: 1.4em;
}
#dripMessageBox a.closeDripBox:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url("../images/dripClose.png") no-repeat center center;
}
#dripMessageBox p {
  font-size: 0.96vw;
  margin: 0.7em 1em 1em;
}
.drip-group-container {
  width: 100%;
  margin: 0px;
  box-sizing: border-box;
}
.drip-group-container-wrapper {
  width: 100%;
  margin: auto;
  clear: left;
}
.drip-group-container-wrapper .dripUp2 {
  font-size: 90%;
  font-weight: normal;
}
.drip-group-container-wrapper label:not(.option) {
  font-weight: bold;
  white-space: nowrap;
}
.drip-group-container .form-item label {
  font-weight: 600;
  padding: 0.7em 0px;
  margin: 0px;
  cursor: pointer;
  display: inline-block;
  width: 100%;
  font-size: 0.85vw;
  line-height: 1.2;
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  font-size: 0.96vw;
  height: auto;
  padding: 0.7em 10px;
  width: 100% !important;
}
.drip-group-container .form-item,
.widgets-askQuestions .drip-group-container .form-item,
#visitor_register .drip-group-container .form-item,
#contact_broker_form .drip-group-container .form-item,
body[class*="contact_agent"] #contact_agent_form .drip-group-container .form-item,
#ProtectedPropertyDetails_register.registration-inner
  .drip-group-container
  .form-item,
#pre_Construction_contact_form .drip-group-container .form-item {
  margin: 0px 1%;
  width: 23.5%;
  background-color: #ececec;
  border-radius: 3px;
  border: 1px solid #ececec;
  float: left;
  box-sizing: border-box;
  text-align: center;
  padding: 0px;
}
.drip-group-container .form-item:nth-child(1),
#visitor_register .drip-group-container .form-item:nth-child(1),
#contact_broker_form .drip-group-container .form-item:nth-child(1),
body[class*="contact_agent"] #contact_agent_form .drip-group-container .form-item:nth-child(1),
#ProtectedPropertyDetails_register.registration-inner
  .drip-group-container
  .form-item:nth-child(1),
#pre_Construction_contact_form .drip-group-container .form-item:nth-child(1) {
  margin-left: 0px;
}
.drip-group-container .form-item:nth-child(4),
#visitor_register .drip-group-container .form-item:nth-child(4),
#contact_broker_form .drip-group-container .form-item:nth-child(4),
body[class*="contact_agent"] #contact_agent_form .drip-group-container .form-item:nth-child(4),
#ProtectedPropertyDetails_register.registration-inner
  .drip-group-container
  .form-item:nth-child(4),
#pre_Construction_contact_form .drip-group-container .form-item:nth-child(4) {
  margin-right: 0px;
}
.drip-group-container .form-item:nth-child(4):after {
  content: "";
  margin: 0px;
  padding: 0px;
  clear: both;
}
.chosen-container-multi .chosen-choices {
  border-radius: 4px;
}
.chosen-container .chosen-results li {
  line-height: 1;
}
.chosen-container-multi .chosen-choices li.search-field {
  width: 100% !important;
}
.chosen-container-active .chosen-choices,
.chosen-container,
div[class*="subgroup-container"] {
  width: 100% !important;
  margin: 0px;
  line-height: 30px;
}
.chosen-container {
  margin-top: 0.7em;
}
div[class*="subgroup-container"] {
  margin: 0px auto;
}
.choice
  .chosen-container-multi
  .chosen-choices
  li.search-field
  input[type="text"],
.chosen-container-multi.chosen-container-active
  li.search-field
  input[type="text"] {
  text-align: left;
  width: auto !important;
}
.drip-group-container.buy .form-item:nth-child(1),
.drip-group-container.sell .form-item:nth-child(2),
.drip-group-container.rent .form-item:nth-child(3),
.drip-group-container.other .form-item:nth-child(4),
#visitor_register .drip-group-container.buy .form-item:nth-child(1),
#visitor_register .drip-group-container.sell .form-item:nth-child(2),
#visitor_register .drip-group-container.rent .form-item:nth-child(3),
#visitor_register .drip-group-container.other .form-item:nth-child(4),
#contact_broker_form .drip-group-container.buy .form-item:nth-child(1),
#contact_broker_form .drip-group-container.sell .form-item:nth-child(2),
#contact_broker_form .drip-group-container.rent .form-item:nth-child(3),
#contact_broker_form .drip-group-container.other .form-item:nth-child(4),
#contact_agent_form .drip-group-container.buy .form-item:nth-child(1),
#contact_agent_form .drip-group-container.sell .form-item:nth-child(2),
#contact_agent_form .drip-group-container.rent .form-item:nth-child(3),
#contact_agent_form .drip-group-container.other .form-item:nth-child(4),
#ProtectedPropertyDetails_register.registration-inner
  .drip-group-container.buy
  .form-item:nth-child(1),
#ProtectedPropertyDetails_register.registration-inner
  .drip-group-container.sell
  .form-item:nth-child(2),
#ProtectedPropertyDetails_register.registration-inner
  .drip-group-container.rent
  .form-item:nth-child(3),
#ProtectedPropertyDetails_register.registration-inner
  .drip-group-container.other
  .form-item:nth-child(4),
#pre_Construction_contact_form
  .drip-group-container.buy
  .form-item:nth-child(1),
#pre_Construction_contact_form
  .drip-group-container.sell
  .form-item:nth-child(2),
#pre_Construction_contact_form
  .drip-group-container.rent
  .form-item:nth-child(3),
#pre_Construction_contact_form
  .drip-group-container.other
  .form-item:nth-child(4) {
  border: 1px solid #999;
}
.drip-group-container input {
  display: none;
}
div[class*="subgroup-container"] .form-item {
  margin: 0em;
}

/*forms*/
.main_field {
  float: left;
}
fieldset.contact_form .message_field textarea {
  width: 100%;
}

/*--Incom Footer Logo--*/
footer #incomlogo {
  float: left;
  height: 28px;
  width: 93.33px;
  margin-left: 1%;
  margin-top: -0.3em;
}
.sign {
  margin-top: 0.3em;
}
.terms_policy_links {
  margin-top: 0.5em;
}
footer #incomlogo img {
  display: none;
}
#incomlogo:before {
  content: "";
  float: right;
  background-image: url("../images/Incom-logo-grey-light.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 93.33px;
  height: 28px;
}
#incomlogo:hover:before {
  background-image: url("../images/Incom-logo-multi-grey.svg");
}
#agentdetail .agent-item p.agentname-bottom  {
  font-size: 2.25vw;
  font-weight: bold;
}
#agentdetail .agent-item p.agenttitle-bottom {
  font-size: 2vw;
}

@media (min-width: 1331px) {
  nav ul.flexnav {
    max-height: 2000px;
  }
  nav ul li ul.submenu-wrapper {
    width: auto;
    max-width: 300px;
    min-width: 12vw;
    position: absolute;
    z-index: 999 !important;
  }
}
@media (max-width: 1700px) {
  #agentdetail #fl-content .featureListingApp .property .inner.vow .banner .text {
    padding-top: 2px;
  }
}
@media (max-width: 1550px) {
  .agent_properties_list .featureListingApp .property .inner.vow .banner .header span {
    font-size: 0.8em;
}
.agent_properties_list .featureListingApp .property .inner.vow .banner .text {
  font-size: 0.7em;
}
  .flexnav li.item-with-ul a:after{
    transform: scale(0.75) translateY(4%);
  }
  #agentdetail h2.agentname {
    font-size: 2em;
  }
  #agentdetail .firstcolumn h3.agenttitle {
    font-size: 1.32em;
  }
  #agentdetail .agent-item p.agentname-bottom  {
    font-size: 2rem;
  }
  #agentdetail .agent-item p.agenttitle-bottom {
    font-size: 1.75rem;
  }
  #agentdetail #fl-content .featureListingApp .property .inner.vow .banner .text {
    font-size: 0.7em;
  }
  .middlesell .itemtext p,
  #frontpage_left .textmiddle .itemtext p{
    font-size: 0.75em;
  }
  .front .widget h2.subject{
    font-size:1.55em;
  }
  #agentdetail .SoldTab .mapApp.featureListingApp.emptyfl:before{  
    font-size: 0.85em;
  }
  fieldset.contact_by legend,
  .toptextsell p,
  #dripMessageBox p,
  a,
  ol,
  ul,
  blockquote,
  pre,
  td,
  th,
  label,
  p {
    font-size: 0.82em;
  }
  button,
  input,
  select,
  textarea {
    font-size: 0.82em;
  }
  header nav ul li {
    font-size: 1.2em;
    margin: 0 1.5em;
  }
  .front .toptext h1 {
    font-size: 2em;
  }
  header .loginbtn {
    width: 1.8em;
    height: 1.8em;
    border-radius: 1em;
    margin-right: 4em;
    min-width: 1.8em;
  }
  header .logoutbtn, header .logintxt{
    font-size: 0.82em;
  }
  header {
    height: 4.2em;
  }
  .front #topwidget .helpnow a{
    font-size:0.76em;
  }
  .front #topwidget div[id*="quickSearch"] .searchWidgetApp #searchType .btn {
    border-radius: 6px;
    font-size: 0.95em;
  }
  .front #topwidget div[id*="quickSearch"] .searchWidgetApp .autocomplete .item a{
    font-size: 1.1em;
  }
  .front
    #topwidget
    div[id*="quickSearch"]
    .searchWidgetApp
    #searchBy
    .form-control {
    border-radius: 6px;
    font-size: 0.95em;
  }
  .front
    #topwidget
    div[id*="quickSearch"]
    .searchWidgetApp
    .search-main-wrapper
    .btn-submit {
    width: 3.3em;
    height: 3.3em;
    top: 0.25em;
    right: 0.4em;
  }
  .front
    #topwidget
    div[id*="quickSearch"]
    .searchWidgetApp
    #searchType
    .btn:after {
    width: 0.6em;
  }
  .front .widget h2.subject span {
    font-size: 0.45em;
  }
  #frontpage_btn .wrapper-flbottom a {
    font-size: 0.85em;
  }
  #frontpage_btn .wrapper-flbottom {
    font-size: 1em;
    padding-top: 2em;
  }
  .front div[id*="featuredListing"] .horizontal_scroll .jcarousel-control-prev,
  .front div[id*="featuredListing"] .horizontal_scroll .jcarousel-control-next {
    width: 2.2em;
    height: 2.2em;
    border-radius: 2em;
    top: 6.3em;
  }
  .front div[id*="featuredListing"] .horizontal_scroll .jcarousel-control-next {
    right: 0.4em;
  }
  .front div[id*="featuredListing"] .horizontal_scroll .jcarousel-control-prev {
    left: 0.4em;
  }
  .front div[id*="featuredListing"] .horizontal_scroll a.tooltipcity,
  .front div[id*="featuredListing"] .horizontal_scroll a.tooltip {
    font-size: 1em;
  }
  .front
    div[id*="featuredListing"]
    .horizontal_scroll
    .featuredPricePlaceholder {
    font-size: 1.05em;
  }
  .front div[id*="featuredListing"] .horizontal_scroll .price_bedroom_bathroom {
    font-size: 0.8em;
  }
  .front div[id*="featuredListing"] .horizontal_scroll .featuredListingAddress {
    font-size: 0.9em;
  }
  .front
    div[id*="featuredListing"]
    .horizontal_scroll
    div.property_div
    .wrapperFeature:after {
    font-size: 0.7em;
  }
  #frontpage_left .textmiddle .itemtext {
    border-radius: 6px;
  }
  #frontpage_left .textmiddle .itemtext h3 {
    font-size: 0.83em;
  }
  #frontpage_center .counts .numb {
    font-size: 2.2em;
  }
  #frontpage_center div.widget:nth-child(1):after {
    font-size: 0.65em;
  }
  footer .menufooter ul a {
    font-size: 0.9em;
  }
  footer .social a {
    width: 1.8em;
    height: 1.8em;
    min-width: 1.8em;
  }
  footer .terms_policy_links a,
  footer .sign a {
    font-size: 1em;
  }
  footer .chestnutd,
  div.crea_text,
  footer .terms_policy_links,
  footer .sign {
    font-size: 0.7em;
  }
  #frontpage_center .contactat a,
  #frontpage_left .contactat a {
    font-size: 0.85em;
  }
  div[id*="quickSearch"]
    .searchWidgetApp
    .dropdown-control
    .dropdown-menu
    li
    a {
    font-size: 0.9rem;
  }
  footer .menufooter h3 {
    font-size: 0.9em;
  }
  #popup-contact h2.contact-heading {
    font-size: 1.2em;
  }
  .new_disclaimer {
    font-size: 0.8em;
  }
  a.disclaimer_link {
    font-size: 0.72em;
  }
  #visitor_register input.form-submit,
  input.submit_form,
  input.form-submit {
    font-size: 0.85em;
  }
  .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    font-size: 1.2em;
  }
  .chosen-container-active .chosen-choices {
    font-size: 1em;
  }
  .chosen-container-multi .chosen-results {
    font-size: 1.05em;
  }
  #popup-contact #closeAgentBtn:before {
    width: 0.8em;
    height: 0.8em;
    font-size: 3em;
    top: -0.2em;
    left: 0.1em;
  }
  #popup-contact #closeAgentBtn {
    right: 0.5em;
    top: 0.5em;
    height: 2em;
    width: 2em;
  }
  header nav {
    padding: 0 3em;
  }
  .front
  div[id*="featuredListing"],
  .front .widget {
    width: 1158px;
  }
  .front
    #topwidget
    div[id*="quickSearch"]
    .searchWidgetApp
    .dropdown-search-control.toolbar-item.searchBy {
    height: 3.2em;
  }
  footer .footer-wrapper-bottom,
  footer .footer-wrapper,
  .front footer .footer-wrapper-bottom,
  .front footer .footer-wrapper,
  #frontpage_center div.widget:nth-child(1),
  #frontpage_center div.widget:nth-child(2),
  #frontpage_left div.widget:nth-child(2),
  #frontpage_btn div.widget:nth-child(2) {
    width: 1045px;
  }
  #frontpage_center div.widget:nth-child(1) {
    margin-bottom: -8vw;
  }
  #frontpage_center .counts {
    border-radius: 6px;
  }
  #frontpage_left .textmiddle {
    padding-left: 10%;
  }
  #frontpage_left .textmiddle .itemtext .imaget {
    height: 5em;
    margin-bottom: 2em;
  }
  .front #topwidget div[id*="quickSearch"] {
    width: 700px;
  }
  .front div[id*="featuredListing"] .horizontal_scroll .jcarousel > ul > li {
    margin-right: 1.5em;
  }
  .front
    div[id*="featuredListing"]
    .horizontal_scroll
    .featured_multi_img_wrapper {
    border-radius: 5px;
    width: 17em;
  }
  .front div[id*="featuredListing"] .horizontal_scroll .jcarousel,
  .front
    div[id*="featuredListing"]
    .horizontal_scroll
    .featured_multi_img_wrapper,
  .front div[id*="featuredListing"] .horizontal_scroll .jcarousel > ul > li {
    height: 310px;
  }
  .front div[id*="featuredListing"] .horizontal_scroll li.cls_hidden .cls_hidden_message a {
    font-size: 1.45em;
    padding: 10px 10px 4px;
  }
  .front div[id*="featuredListing"] .horizontal_scroll li.cls_hidden .cls_hidden_message span.vow_locker {
    font-size: 1em;
  }
  body .cls_hidden_message span.bg-locker:before {
    height: 1.7em;
  }
  .front div[id*="featuredListing"] .horizontal_scroll li.cls_hidden .cls_hidden_message span.vow_locker:after {
    font-size: 0.9em;
  }
  #frontpage_center h2.subject {
    margin-top: 3em;
    padding-bottom: 3em;
  }
  #frontpage_center div.widget:nth-child(1) {
    margin-bottom: -6em;
  }
  #frontpage_center div.widget:nth-child(2) {
    top: 7.8em;
  }
  #frontpage_left div.widget:nth-child(2) {
    top: 5.2em;
  }
  .front .wrapper.clearfix {
    margin-bottom: 5em;
  }
  #frontpage_center .counts .numb span {
    font-size: 0.5em;
  }
  #frontpage_center .counts div.itemnumber:nth-child(6) .numb span {
    font-size: 0.3em;
  }
  #frontpage_left {
    padding-bottom: 2.5em;
  }
  .front #topwidget .helpnow {
    margin-top: 0.8em;
  }
  #popup-contact #contact-form-wrap {
    top: calc(50vh + 2.1em);
  }
  .mobileVersion #popup-contact #contact-form-wrap {
    top: calc(50vh);
  }
  h1.main_title {
    font-size: 1.6em;
  }
  body[class*="agent_find"] h1.main_title span,
  body[class*="officeSearch"] h1.main_title span {
    font-size: 0.4em;
  }
  #officeSearch h2,
  .agent-wrapper #agent_filter_form:before {
    font-size: 1.6em;
  }
  .agent-wrapper
    .agent-filter-form-wrapper
    #agent_filter_form
    .form-filter
    span,
  .agent-wrapper
    .agent-filter-form-wrapper
    #agent_filter_form
    .form-item.Agent-Name:before {
    font-size: 0.75em;
  }
  .agent-wrapper .agent-filter-form-wrapper #agent_filter_form select {
    font-size: 0.8em;
    padding: 0.75em 0.8em;
  }
  .agent-wrapper
    .agent-filter-form-wrapper
    #agent_filter_form
    .agent-name-wrapper
    input {
    font-size: 0.8em;
    padding: 0.69em 1em;
  }
  .wrapper.clearfix {
    width: 1045px;
    margin-top: 4.2em;
    padding-top: 2em;
  }
  .agent-wrapper .agent-summary-image-wrapper {
    border-radius: 4px;
  }
  .agent-wrapper .agent-summary-left-content {
    height: 20vw;
  }
  #officeSearch .imagebg,
  .agent-wrapper .broker-information {
    width: calc(100vw - 17px);
    margin-left: calc(531px - 50vw);
    min-height: 560px;
  }
  #officeSearch,
  .agent-wrapper {
    margin-top: -5.6em;
}
#officeSearch .list-wrapper-office,
.agent-wrapper .agent-filter-form-wrapper {
  margin-top: -21.5em;
}
.agent-wrapper .agent-list-pager-wrapper {
  padding-top: 4.5em;
}
  #allpagew
    .agent-filter-form-wrapper
    #agent_filter_form
    .form-filter
    .form-item.Office-Locations:after,
  #allpagew
    .agent-filter-form-wrapper
    #agent_filter_form
    .form-filter.agent-language-wrapper
    .form-item:after {
    width: 0.4em;
    right: 0.8em;
  }
  .agent-wrapper .agent-summary-right-content {
    padding: 0.7em 0;
  }
  #officeSearch #officeSearchList h3 {
    font-size: 1.2em;
}
#agentdetail .firstcolumn a.clink,
#agentdetail .firstcolumn #bookshow,
#agentdetail .firstcolumn dl {
  font-size: 0.9em;
}
#agentdetail .secondcolumn h3, #agentdetail .firstcolumn h3{
  font-size:1.4em;
}
#agentdetail #listingdiv h2 span.divider, #agentdetail #listingdiv h2.listdivh a {
  font-size: 0.5em;
}
#agentdetail .agent-item p a{
  font-size: 1em;
}
#agentdetail .mapoffice h2, #agentdetail .agent-contact-wrapper h2,
#agentdetail #listingdiv h2.listdivh {
  font-size: 1.4em;
}
#agentdetail .agentbottom .agent-item a.blink,
#agentdetail .agentbottom .agent-item #bookshow {
  font-size: 1.09em;
}
#agentdetail .secondcolumn .social_media a {
  border-radius: 1em;
  width: 1.8em;
  height: 1.8em;
}
#agentdetail #fl-content .featureListingApp .property .address a,
#agentdetail #fl-content .featureListingApp div.inner.vow div.details div.item.price
{
  font-size: 0.95em;
}
#agentdetail #fl-content .featureListingApp .property .details .item.price{
  font-size: 1.1em;
}
#agentdetail #fl-content .featureListingApp .property .details .item:not(.price){
  font-size: 0.85em;
}
#agentdetail #fl-content .featureListingApp div.inner:not(.vow) .wrapper-all-details:after{
  font-size: 0.6em;
}
#agentdetail
  #fl-content
  .featureListingApp 
  .property .bookmark:after{
  font-size: 1em;
}
#agentdetail
  #fl-content
  .featureListingApp 
  .property .bookmark{
    width: 1.4em;
    height: 1.4em;
    border-radius: 1em;
    line-height: 1.45em;
    top: 28px;
    right: 12px;
  }
  #agentdetail #fl-content .featureListingApp .list-property-wrapper .property .image.form .inner{
    padding-top: 2em;
  }
  div[id*="office_agent_listings"] .agent_details h3.name {
    font-size: 1em;
  }
  div[id*="office_agent_listings"] .agent_details .mobile_phone, 
  div[id*="office_agent_listings"] .agent_details .office_phone{
    font-size: 0.85em;
  }
  div[id*="office_agent_listings"] .view_all a{
    font-size:0.9em;
  }
  div[id*="office_agent_listings"] .agent_details .office_phone:before,
  div[id*="office_agent_listings"] .agent_details .mobile_phone:before {
    font-size: 1.1em;
  }
  div[id*="office_agent_listings"] .featured_multi_img_wrapper {
    height: 240px;
  }
  div[id*="office_agent_listings"] div.property_div {
    width: 14em;
  }
  div[id*="office_agent_listings"] .horizontal_scroll .jcarousel-control-next {
    right: -1.1em!important;
    top: 5em;
    width: 2.4em;
    border-radius: 1.2em;
    height: 2.4em;
  }
  div[id*="office_agent_listings"] .horizontal_scroll .jcarousel-control-prev {
    left: -1.15em;
    top: 5em;
    width: 2.4em;
    border-radius: 1.2em;
    height: 2.4em;
  }
  div[id*="office_agent_listings"] .horizontal_scroll .jcarousel > ul > li {
    margin: 0px 0.6em;
  }
  div[id*="office_agent_listings"] .property_div:hover .agent_details:after{
    padding-top:1em;
  }
  div[id*="office_agent_listings"] .agent_details:after{
    font-size:0.7em;
  }
  div[id*="office_agent_listings"] .horizontal_scroll .jcarousel {
    margin-left: -0.3em;
    padding-bottom: 3em;
  }
  div[id*="office_agent_listings"] .jcarousel-wrapper {
    width: 930px;
  }
  .toptextsell h2{
    font-size: 1.4em;
  }
  .toptextsell {
    padding: 2.4em;
  }
  .inner-wrappersell {
    padding: 1.5em;
  }
  #page_bottom div[id*="office_agent_listings"] h2.subject,
  .middlesell h2{
    font-size: 1.55em;
  }
  .middlesell {
    margin-top: 4.5em;
    padding-bottom: 3.5em;
  }
  #page_bottom div[id*="office_agent_listings"] h2.subject span,
  .middlesell h2 span {
    font-size: 0.45em;
  }
  .middlesell .itemtext {
    border-radius: 5px;
  }
  .middlesell .itemtext h3 {
    font-size: 0.8em;
  }
  .middlesell .itemtext .imaget {
    height: 4.5em;
    margin-bottom: 2em;
}
.inner-middle-sell {
  padding-left: 10%;
}
._sell .wrapper.clearfix{
  margin-top: 4.2em;
}
.drip-group-container .form-item label {
  font-size: 0.75em;
}
}

@media (max-width: 1380px) {
  .agent-wrapper .agent-summary-right-content .agent-name a {
    font-size: 0.8em;
  }
  .agent-wrapper .agent-summary-right-content .contact-data a {
    font-size: 0.7em;
  }
  .agent-wrapper .contact-icons.mobile:before {
    font-size: 1.1em;
  }
  .agent-wrapper .agent-summary-info .contact-icons.office:before {
    font-size: 0.9em;
  }
  .agent-wrapper .pager {
    font-size: 1em;
  }
  .agent-wrapper .pager li:nth-child(2) .pager-first,
  .agent-wrapper .pager li:nth-child(2) .pager-previous,
  .agent-wrapper .pager li:nth-child(4) .pager-next,
  .agent-wrapper .pager li:nth-child(4) .pager-last,
  .agent-wrapper .pager .pager-list {
    font-size: 0.8em;
  }
  .agent-wrapper .pager .pager-list > a,
  .agent-wrapper .pager .pager-list > strong {
    font-size: 1em;
  }
  .agent-wrapper .pager li:nth-child(2) .pager-first,
  .agent-wrapper .pager li:nth-child(2) .pager-previous,
  .agent-wrapper .pager li:nth-child(4) .pager-next,
  .agent-wrapper .pager li:nth-child(4) .pager-last {
    position: relative;
    top: -0.5em;
  }
  .agent-wrapper .agent-summary-left-content {
    height: 22vw;
  }
  .agent-wrapper
    .agent-summary-right-content
    .agent-summary-nametitle-wrapper:after {
    font-size: 0.5em;
  }
  .agent-wrapper
    .agent-summary-wrapper:hover
    .agent-summary-nametitle-wrapper:after {
    padding-top: 1.5em;
  }
  #contact_broker_form .description, #contact_agent_form .description {
    font-size: 0.7em;
  }
  footer .menufooter .canada {
    margin-left: 0;
  }
}

@media (max-width: 1240px) {
  #officeSearch, .agent-wrapper {
    margin-top: -7.6em;
}
#officeSearch .list-wrapper-office, .agent-wrapper .agent-filter-form-wrapper {
  margin-top: -19.5em;
}
  .front
  div[id*="featuredListing"],
  .front .widget {
    width: 88%;
  }
  .front .widget h2.subject {
    padding-left: 0;
  }
  footer .footer-wrapper-bottom,
  footer .footer-wrapper,
  .front footer .footer-wrapper-bottom,
  .front footer .footer-wrapper,
  #frontpage_center div.widget:nth-child(1),
  #frontpage_center div.widget:nth-child(2),
  #frontpage_left div.widget:nth-child(2),
  #frontpage_btn div.widget:nth-child(2) {
    width: 88%;
  }
  #frontpage_left .textmiddle {
    padding-left: 0;
  }
  .front
    div[id*="featuredListing"]
    .horizontal_scroll
    .featured_multi_img_wrapper {
    width: 15.7em;
  }
  .front div[id*="featuredListing"] .horizontal_scroll .jcarousel,
  .front
    div[id*="featuredListing"]
    .horizontal_scroll
    .featured_multi_img_wrapper,
  .front div[id*="featuredListing"] .horizontal_scroll .jcarousel > ul > li {
    height: 280px;
  }
  .front div[id*="featuredListing"] .horizontal_scroll .jcarousel-control-prev,
  .front div[id*="featuredListing"] .horizontal_scroll .jcarousel-control-next {
    top: 6em;
  }
  .wrapper.clearfix {
    width: 88%;
  }
  .agent-wrapper .agent-summary-left-content {
    height: 24vw;
  }
  #officeSearch .imagebg,
  .agent-wrapper .broker-information {
    width: calc(100vw - 15px);
    margin-left: -7%;
  }
  .mobileVersion #officeSearch .imagebg,
  .mobileVersion .agent-wrapper .broker-information {
    width: 100vw;
    margin-left:-7%;
  }
  #agentdetail #fl-content .featureListingApp .default-screen .sidebar.full .property .slider,
  #agentdetail #fl-content .featureListingApp .default-screen .sidebar.full .slider .image {
     height: 26vw;
  }
  div[id*="office_agent_listings"] .jcarousel-wrapper{
    width:100%;
  }
  div[id*="office_agent_listings"] div.property_div {
    width: 17.9vw;
}
div[id*="office_agent_listings"] .horizontal_scroll .jcarousel > ul > li {
  margin: 0px 0.8vw;
}
div[id*="office_agent_listings"] .horizontal_scroll .jcarousel {
  margin-left: 0;
}
div[id*="office_agent_listings"] .featured_multi_img_wrapper {
  height: 19vw;
}
div[id*="office_agent_listings"] .horizontal_scroll .jcarousel-control-next,
div[id*="office_agent_listings"] .horizontal_scroll .jcarousel-control-prev {
  top: 8vw;
}
._sell div[id*="office_agent_listings"]{
  width: 88%;
  margin: 0 auto;
}
._sell #page_bottom div[id*="office_agent_listings"] h2.subject {
  padding-left: 0em;
}
._sell div[id*="office_agent_listings"] .view_all {
  width: 100%;
}
.inner-middle-sell {
  padding-left: 0;
}
.front div[id*="featuredListing"] .content {
  width: 858px;
  margin: 0 auto;
}
}

@media(max-width: 1330px) {
  header nav {
    align-self: flex-start;
    width: 15%;
    min-width: 150px;
    text-align: center;
    padding: 0;
    margin: 1.2em 10% 0;
    box-sizing: border-box;
  }
}

@media (max-width: 1330px) {
  .front .toptext p {
    width: 70%;
  }
  #frontpage_left .textmiddle .itemtext {
    margin-left: 0;
  }
  #frontpage_left .textmiddle {
    justify-content: space-between;
  }
  #frontpage_left .textmiddle .itemtext {
    width: 31%;
  }
  header {
    padding: 0 2em;
    box-sizing: border-box;
  }
  header .cristielogo,
  header .loginbtn {
    margin-top: 0.1em;
  }
  ul.flexnav-show {
    padding: 0.5em 0;
    border-radius: 6px;
  }
  .front ul.flexnav {
    background-color: rgba(68, 67, 67, 0.76);
  }
  ul.flexnav {
    background-color: #004632;
  }
  .front.sticky-menu-active header nav ul.flexnav {
    background-color: #fdfdfd;
    box-shadow: 0px 15px 30px rgb(0 0 0 / 16%);
  }
  #officeSearch #BubbleInfo h3 {
    font-size: 1em;
}
#officeSearch #BubbleInfo dt,
#officeSearch #BubbleInfo dd {
  font-size: 0.9em;
}
.middlesell .itemtext{
  margin-left:0;
  width: 31%;
}
.inner-middle-sell{
  justify-content: space-between;
}
.middlesell h2{
  padding-left: 1.5em;
}
.inner-middle-wrapper-sell {
  width: 88%;
}
.toptextsell{
  width:86%;
  margin:0em auto;
}
.topitemsell {
  padding:2em 0;
  background-size: cover;
}
._sell ul.flexnav{
background-color: #fff;
}
._sell .flexnav li ul.submenu-wrapper li a{
color:#004632;
}
.flexnav .touch-button{
  display: block;
  width: 100%;
  right: 0;
  margin-top: 0.3em;
}
.flexnav li ul.submenu-wrapper li {
  padding: 0.2em 10px 0.4em;
  margin: 0;
  line-height: 1.2;
}
.flexnav li ul.submenu-wrapper li a{
  color:#fff;
}
nav ul ul.submenu-wrapper{
  position: relative;
  background-color: transparent;
  text-align: center;
  width: calc(100% + 3em);
  margin-left: -1.5em;
}
}

@media (max-width: 1100px) {
  #allpagew
    .agent-wrapper.multi-office
    .agent-filter-form-wrapper
    #agent_filter_form
    .agent-name-wrapper.form-filter {
    width: 36%;
  }
  #allpagew
    .agent-wrapper.multi-office
    .agent-filter-form-wrapper
    #agent_filter_form
    .form-filter:nth-of-type(4),
  #allpagew
    .agent-wrapper.multi-office
    .agent-filter-form-wrapper
    #agent_filter_form
    .form-filter:nth-of-type(2) {
    width: 28%;
    margin-left: 0;
  }
  #allpagew
    .agent-wrapper.multi-office
    .agent-filter-form-wrapper
    #agent_filter_form
    .agent-language-wrapper
    > .form-item,
  #allpagew
    .agent-wrapper.multi-office
    .agent-filter-form-wrapper
    #agent_filter_form
    .office-locations-wrapper
    > .form-item {
    width: 100%;
  }
  #allpagew .agent-wrapper .agent-summary-wrapper {
    width: calc((100% - 6.2vw) / 4);
    margin: 0 1.95vw 6vw 0;
  }
  #allpagew .agent-wrapper .agent-summary-wrapper:nth-child(4n) {
    margin-right: 0;
  }
  #officeSearch .list-wrapper-office,
  .agent-wrapper .agent-filter-form-wrapper {
    padding: 30px 40px;
  }
  #officeSearch .list-wrapper-office{
    margin-bottom:3em;
  }
  #officeSearch .imagebg, .agent-wrapper .broker-information {
    width: calc(100vw - 7px);
    margin-left: -8%;
}
#officeSearch .list-wrapper-office h2{
  margin:0 0 0.3em 0;
}
div[id*="office_agent_listings"] div.property_div {
  width: 24.4vw;
}
div[id*="office_agent_listings"] .featured_multi_img_wrapper {
  height: 26vw;
}
div[id*="office_agent_listings"] .horizontal_scroll .jcarousel-control-next, div[id*="office_agent_listings"] .horizontal_scroll .jcarousel-control-prev {
  top: 11vw;
}
#agentdetail .firstcolumn #bookshow,
#agentdetail .agentbottom .agent-item #bookshow {
  padding: 0.75em 2.5em 0.8em;
}
#agentdetail .firstcolumn a.clink, #agentdetail .agentbottom .agent-item a.blink {
  margin-right: 0.5em;
}
#agentdetail h2.agentname {
  font-size: 1.55em;
}
#agentdetail .firstcolumn h3.agenttitle {
  font-size: 1.023em;
}
}

@media (max-width: 990px) {
.front div[id*="featuredListing"] .content {
  width: 636px;
}
#agentdetail .links {
  flex-direction: column;
}
#agentdetail .firstcolumn .links {
  margin-top: 1em;
}
#agentdetail .agentbottom .links {
  align-items: flex-end;
}
#agentdetail .firstcolumn a.clink,
#agentdetail .agentbottom .agent-item a.blink,
#agentdetail .firstcolumn #bookshow,
#agentdetail .agentbottom .agent-item #bookshow {
  width: 10em;
  text-align: center;
}
#agentdetail .firstcolumn a.clink,
#agentdetail .firstcolumn #bookshow,
#agentdetail .agentbottom .agent-item a.blink,
#agentdetail .agentbottom .agent-item #bookshow {
  padding: 0.75em 2em;
}
#agentdetail .firstcolumn a.clink {
  margin-bottom: 1em;
}
#agentdetail .agentbottom .agent-item a.blink {
  margin-bottom: 0.5em;
}
#agentdetail .firstcolumn a.clink, #agentdetail .agentbottom .agent-item a.blink {
  margin-right: 0;
}
#agentdetail .firstcolumn dl {
  display: initial;
}
#agentdetail .agent-content-wrapper.agentbottom {
  padding: 1em 0 0;
  margin-bottom: -4em;
}
footer .footer-wrapper .menufooter {
  width: 45%;
  flex-wrap: wrap;
  padding-left: 1em;
}
footer .footer-wrapper .menufooter .ul-wrapper {
  margin-right: 1em;
  margin-top: 1em;
}
footer .menufooter .canada {
  margin-top: 1.1em;
}
}

@media (max-width: 950px) {
#officeSearch .imagebg, .agent-wrapper .broker-information {
  width: calc(100vw - 2px);
  margin-left: -9%;
}
.agent-wrapper #agent_filter_form:before,
#officeSearch h2{
font-size:1.4em;
}
#officeSearch #officeSearchList table {
  width: 47%;
}
#agentdetail .agent-content-wrapper.agentbottom {
  flex-wrap: wrap;
  justify-content: space-between;
}
#agentdetail .agent-item {
  width: 48%;
}
#agentdetail #fl-content .featureListingApp .default-screen .sidebar.full .property {
  width: 48%;
}
#agentdetail #fl-content .featureListingApp .default-screen .sidebar.full .property .slider, #agentdetail #fl-content .featureListingApp .default-screen .sidebar.full .slider .image {
  height: 48vw;
}
#agentdetail #fl-content .featureListingApp .list-property-wrapper .property .image.form .inner {
  padding-top: 7vw;
}
body._node_add_contactSite .main_field{
  width:45%;
}
body._node_add_contactSite .main_field input{
  width: 100%;
}
#agentdetail #fl-content .featureListingApp .property .inner.vow .banner .text {
  padding-top: 1.6vw;
}
}

@media (max-width: 900px) {
  #officeSearch .contact-map-wrapper{
    flex-direction: column;
    padding: 0;
  }
  #officeSearch .firstwr,
  #officeSearch .contact-form-wrapper {
    width: 100%;
    padding:0;
    margin-bottom:2em;
  }
  #officeSearch #officemap2 { 
    height: 250px;
}
  #allpagew .agent-wrapper .agent-summary-wrapper {
    width: calc((100% - 8vw) / 2);
    margin: 0 7.5vw 8vw 0;
  }
  #allpagew .agent-wrapper .agent-summary-wrapper:nth-child(2n) {
    margin-right: 0;
  }
  .agent-wrapper .agent-summary-left-content {
    height: 44vw;
  }
  #officeSearch .officelocation-wrapper {
    width: 60%;
}
#agentdetail .agent-content-wrapper.seconda .secondcolumn,
#agentdetail .agent-content-wrapper.seconda .firstcolumn {
  width: 100%;
  padding-right: 0;
}
#agentdetail .agent-content-wrapper.messagemap,
#agentdetail .agent-content-wrapper.seconda{
display:block;
}
#agentdetail .mapoffice, #agentdetail .agent-contact-wrapper {
  width: 100%;
}
#agentdetail .mapoffice{
clear: both;
padding-top: 2em;
}
#agentdetail #map {
  height: 200px;
}
.inner-middle-sell{
  flex-wrap:wrap;
}
.middlesell .itemtext {
  width: 45%;
  margin-bottom:2em;
  opacity:1;
  transform:none;
}
.middlesell{
  background-position: right top;
}
.middlesell .itemtext.third {
  margin: 1em auto 0;
}
}

@media (max-width: 800px) {
  #frontpage_left .textmiddle .itemtext {
    width: 45%;
  }
  #frontpage_left .textmiddle {
    flex-wrap: wrap;
  }
  #frontpage_left .textmiddle .itemtext {
    opacity: 1;
  }
  #frontpage_left .textmiddle .itemtext.third {
    margin: 2em auto;
  }
  .front .widget h2.subject,
  .front .toptext h1 span.divider {
    display: none;
  }
  .front .widget h2.subject,
  .front .toptext h1 span.first {
    display: block;
  }
  .front .toptext h1 span.first:after {
    display: block;
    height: 2px;
    width: 60px;
    content: "";
    margin: 0.2em auto;
    background-color: #fff;
  }
  .front .widget h2.subject {
    margin: 1em 0 0.8em 0em;
  }
  #frontpage_btn .wrapper-flbottom {
    padding-top: 1.2em;
  }
  #frontpage_center h2.subject {
    margin-top: 2em;
  }
  #frontpage_left div.widget:nth-child(2) {
    top: 4.7em;
  }
  .front #topwidget div[id*="quickSearch"] {
    width: 96%;
  }
  #popup-contact #contact-form-wrap {
    width: 94%;
  }
  header nav {
    margin-left: 5%;
    margin-right: 5%;
  }
  #frontpage_center .counts .itemnumber {
    width: 50%;
  }
  #frontpage_center .counts div.itemnumber:nth-child(2) {
    border-right: none;
  }
  #frontpage_center .counts div.itemnumber:nth-child(3) {
    border-right: 1px solid #ccc;
  }
  #frontpage_center .counts div.itemnumber:nth-child(4) {
    border-bottom: 1px solid #ccc;
    border-right: none;
  }
  footer .footer-wrapper .about {
    width: 50%;
  }
  footer .footer-wrapper .menufooter {
    width: 45%;
    flex-wrap: wrap;
    padding-left: 1em;
  }
  .front div[id*="featuredListing"] .content {
    width: 100%;
}
  .front div[id*="featuredListing"] .horizontal_scroll .wrapper_scroll {
    width: 22.5em;
    margin-left: calc(50% - 11.2em);
  }
  .front div[id*="featuredListing"] .horizontal_scroll .jcarousel-control-prev {
    left: -3.8em;
    border: 1px solid #939393;
  }
  .front div[id*="featuredListing"] .horizontal_scroll .jcarousel-control-next {
    right: -3.6em !important;
    border: 1px solid #939393;
  }
  .agent-wrapper .pager li:nth-child(4) .pager-next:after,
  .agent-wrapper .pager li:nth-child(4) .pager-last:after,
  .agent-wrapper .pager li:nth-child(2) .pager-previous:before,
  .agent-wrapper .pager li:nth-child(2) .pager-first:before {
    display: none;
  }
  #contact_broker_form .form-item, body[class*="contact_agent"] #contact_agent_form .form-item {
    width: 47%;
  }
  #contact_broker_form div.form-item:nth-child(2n+2), body[class*="contact_agent"] #contact_agent_form .form-item:nth-child(2n+2){
    clear:left;
  }
  #contact_broker_form .drip-group-container div.form-item:nth-child(2n+2), body[class*="contact_agent"] #contact_agent_form .drip-group-container .form-item:nth-child(2n+2){
    clear:none;
  }
  #agentdetail .agent-content-wrapper.firsta .firstcolumn{
    width:50%;
  }
  #agentdetail .agent-content-wrapper.firsta .secondcolumn {
    width: 40%;
}
#agentdetail #fl-content .featureListingApp .property .inner.vow .banner .header span{
  font-size: 0.8em;
}
div[id*="office_agent_listings"] .horizontal_scroll .jcarousel > ul > li {
  margin: 0px 1.2vw;
}
div[id*="office_agent_listings"] div.property_div {
  width: 37.1vw;
}
div[id*="office_agent_listings"] .featured_multi_img_wrapper {
  height: 38vw;
}
div[id*="office_agent_listings"] .horizontal_scroll .jcarousel-control-next, div[id*="office_agent_listings"] .horizontal_scroll .jcarousel-control-prev {
  top: 16vw;
}
.topitemsell {
  background-size: 100% auto;
  background-position: center -14vw;
  padding: 1px 0 2em;
}
.toptextsell {
  width: 100%;
  margin-top: 38vw;
}
.middlesell {
  margin-top: 0em;
}
#agentdetail .agent-item {
  width: 100%;
  text-align: center;
}
#agentdetail .agent-content-wrapper.agentbottom {
  padding: 3em 0 2em;
}
#agentdetail .agentbottom .links {
  align-items: center;
}
#agentdetail .agent-item p.agenttitle-bottom {
  margin-bottom: 1.5rem;
}
}

@media (max-width: 700px) {
  header {
    padding: 0 1em;
    height: 3.2em;
  }
  header nav {
    margin-top: 0.8em;
  }
  header nav ul li {
    margin: 0;
  }
  .wrapper.clearfix {
    margin-top: 3.2em;
  }
  #frontpage_btn .wrapper-flbottom {
    flex-direction: column;
    align-items: flex-start;
  }
  #frontpage_btn .wrapper-flbottom a[href="javascript:void(0)"] {
    display: block;
    margin-bottom: 0.5em;
    line-height: 1.2;
  }
  #frontpage_left .textmiddle .itemtext.third,
  #frontpage_left .textmiddle .itemtext {
    width: 70%;
    margin: 0em auto 2em;
  }
  .front #topwidget {
    height: auto;
    padding: 6em 0;
  }
  #allpagew .agent-wrapper .agent-summary-wrapper {
    margin-bottom: 12vw;
  }
  .agent-wrapper .pager {
    float: none;
    width: 90%;
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
  }
  .agent-wrapper .pager li {
    float: none;
  }
  .agent-wrapper .pager .pager-list > a:last-of-type {
    margin-right: 0;
  }
  .agent-wrapper .pager li:nth-child(4) .pager-next,
  .agent-wrapper .pager li:nth-child(4) .pager-last {
    top: 1em;
    left: -0.5em;
  }
  .agent-wrapper .pager li:nth-child(2) .pager-first,
  .agent-wrapper .pager li:nth-child(2) .pager-previous {
    top: -1.8em;
    left: -0.3em;
  }
  ._sell .wrapper.clearfix {
    margin-top: 3.2em;
  }
  nav ul ul.submenu-wrapper {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
}

@media (max-width: 650px) {
  .front div[id*="featuredListing"] .horizontal_scroll .wrapper_scroll {
    width: 10.7em;
    margin-left: calc(50% - 5.3em);
  }
  #allpagew
    .agent-wrapper.multi-office
    .agent-filter-form-wrapper
    #agent_filter_form
    .form-filter:nth-of-type(4),
  #allpagew
    .agent-wrapper.multi-office
    .agent-filter-form-wrapper
    #agent_filter_form
    .form-filter:nth-of-type(2),
  #allpagew
    .agent-wrapper.multi-office
    .agent-filter-form-wrapper
    #agent_filter_form
    .agent-name-wrapper.form-filter {
    width: 100%;
  }
  .divsearch,
  #advsearch{
    display:none;
  }
  .middlesell .itemtext.third,
  .middlesell .itemtext {
    width: 74%;
    margin:0 auto 2em;
    padding-bottom:1.2em;
  }
  .middlesell h2 {
    padding-left: 0;
    text-align: center;
    line-height: 1;
}
.middlesell h2 span{
  padding-left:0;
  padding-top:0.4em;
}
#agentdetail #fl-content .featureListingApp .property .inner.vow .banner .text {
  padding-top: 1.3vw;
}
}

@media (max-width: 610px) {
  .agent_properties_list .featureListingApp .property .inner.vow .banner .text {
    font-size: 0.65em;
}
.agent_properties_list .featureListingApp .property .inner.vow .banner .header span {
  font-size: 0.7em;
}
  header nav {
    margin-left: 0;
    margin-right: 0;
  }
  .front
    #topwidget
    div[id*="quickSearch"]
    .searchWidgetApp
    .search-main-wrapper {
    flex-direction: column;
    align-items: center;
  }
  .front #topwidget div[id*="quickSearch"] .searchWidgetApp #searchType {
    height: 3em;
    margin-bottom: 1em;
    min-width: 180px;
  }
  div[id*="quickSearch"] .searchWidgetApp .toolbar-item .dropdown-menu {
    left: 50%;
    transform: translateX(-50%);
  }
  .front
    #topwidget
    div[id*="quickSearch"]
    .searchWidgetApp
    .dropdown-search-control.toolbar-item.searchBy {
    width: 94%;
  }
  .front
    #topwidget
    div[id*="quickSearch"]
    .searchWidgetApp
    .search-main-wrapper
    .btn-submit {
    top: auto;
    bottom: 0px;
    right: 10%;
  }
  footer .footer-wrapper {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  footer .footer-wrapper .about .footerimg {
    width: 100%;
  }
  footer .footer-wrapper .menufooter {
    width: 100%;
  }
  header nav {
    min-width: 120px;
  }
  .front .toptext p {
    width: 100%;
  }
  footer .social a {
    margin: 0 0.5em 0.4em 0.5em;
  }
  footer .social {
    justify-content: center;
  }
  #frontpage_left .textmiddle .itemtext {
    transform: none;
  }
  #officeSearch #officeSearchList table {
    width: 100%;
}
#officeSearch .searchField-wrapper {
  display: block;
  margin-bottom: 1em;
}
#officeSearch .officelocation-wrapper {
  width: 100%;
}
#agentdetail #contact_agent_form .drip-group-container,
#agentdetail #contact_agent_form #edit-request_body,
#agentdetail #contact_agent_form .form-item,
#contact_agent_form #edit-request_subject,
#contact_agent_form #edit-request_body,
#contact_agent_form .drip-group-container,
#contact_agent_form .submit-wrapper,
#contact_broker_form .form-item, body[class*="contact_agent"] #contact_agent_form .form-item,
#contact_broker_form .form-item input.form-text, #contact_broker_form .form-item select.form-select, 
#contact_agent_form .form-item input.form-text, #contact_agent_form .form-item select.form-select {
  width: 100%;
}
#agentdetail .agent-content-wrapper.firsta .secondcolumn{
  display:none;
}
#agentdetail .firstcolumn h3.agenttitle {
  margin-bottom: 1em;
}
#agentdetail .firstcolumn .agentimg{
  display:block;
  height: 300px;
  width: 260px;
  margin: 0 0 1em;
}
#agentdetail .agent-content-wrapper.firsta .firstcolumn {
  width: 100%;
  padding: 0;
}
div[id*="office_agent_listings"] .horizontal_scroll .jcarousel > ul > li{
  margin: 0px 5vw;
}
div[id*="office_agent_listings"] div.property_div {
  width: 69vw;
}
div[id*="office_agent_listings"] .featured_multi_img_wrapper{
  height:72vw;
}
div[id*="office_agent_listings"] .horizontal_scroll .jcarousel-control-next{
  top: 30vw;
  right: -1.1vw!important;
  width: 10.4vw;
  border-radius: 5.2vw;
  height: 10.4vw;
}
div[id*="office_agent_listings"] .horizontal_scroll .jcarousel-control-prev {
  top: 30vw;
  left: -1.25vw;
  width: 10.4vw;
  border-radius: 5.2vw;
  height: 10.4vw;
}
div[id*="office_agent_listings"] .view_all{
  text-align: center;
}
._sell #page_bottom div[id*="office_agent_listings"] h2.subject {
  text-align: center;
}
.toptextsell {
  padding: 1.4em;
}
#agentdetail #fl-content .featureListingApp .property .inner.vow .banner .text {
  font-size:0.65em;
}
}

@media (max-width: 510px) {
  header .cristielogo {
    display: none;
  }
  header .loginbtn {
    margin-right: 0em;
  }
  header .logo {
    margin-right: calc(50% - 120px);
  }
  header .header-wrap {
    justify-content: space-between;
  }
  footer .footer-wrapper .about {
    width: 100%;
  }
  footer .footer-wrapper .about .footerimg {
    width: 200px;
    margin: 0 auto 1em;
  }
  footer .social {
    justify-content: center;
  }
  #popup-contact .inner-contact-wrapper .main_field {
    width: 100%;
  }
  #popup-contact .inner-contact-wrapper {
    flex-direction: column;
  }
  #allpagew .agent-wrapper .agent-summary-wrapper {
    width: 100%;
    margin: 0 0vw 5em 0;
  }
  .agent-wrapper .agent-summary-right-content {
    padding: 1em 0;
  }
  .agent-wrapper .agent-summary-left-content {
    height: 94vw;
  }
  .agent-wrapper .pager .pager-list > a,
  .agent-wrapper .pager .pager-list > strong {
    padding-bottom: 1.5em;
  }
  .agent-wrapper .pager {
    width: 97%;
    max-width: 100%;
  }
  .agent-wrapper .pager li:nth-child(4) .pager-next,
  .agent-wrapper .pager li:nth-child(4) .pager-last {
    top: 0em;
  }
  #officeSearch .contact-form-wrapper .main_field {
    width: 100%;
    padding-right: 0;
  }
  #agentdetail #fl-content .featureListingApp .default-screen .sidebar.full .property {
    margin: 0 auto 1em!important;
    width: 80%;
}
#agentdetail #fl-content .featureListingApp .default-screen .sidebar.full .property .slider, #agentdetail #fl-content .featureListingApp .default-screen .sidebar.full .slider .image {
  height: 78vw;
}
.middlesell .itemtext.third, .middlesell .itemtext {
  width: 84%;
}
}

@media (max-width: 500px) {
  #agentdetail .agent-item p.agentname-bottom  {
    font-size: 1.5rem;
  }
  #agentdetail .agent-item p.agenttitle-bottom {
    font-size: 1.25rem;
  }
}

@media (max-width: 410px) {
  footer .footer-wrapper .menufooter {
    width: 90%;
    justify-content: space-around;
  }
  /*header .logo {
    margin-right: 0;
  }*/
  header nav {
    min-width: 50px;
  }
  #frontpage_left .textmiddle .itemtext.third,
  #frontpage_left .textmiddle .itemtext {
    width: 90%;
  }
  ul.flexnav {
    width: 120px;
    margin-left: -35px;
  }
  .front div[id*="featuredListing"] .horizontal_scroll .jcarousel-control-prev {
    left: 0em;
    top: -3em;
  }
  .front div[id*="featuredListing"] .horizontal_scroll .jcarousel-control-next {
    right: 0em !important;
    top: -3em;
  }
  .front div[id*="featuredListing"] .horizontal_scroll .wrapper_scroll {
    margin-top: 3em;
  }
  .toptextsell {
    padding: 0.6em;
}
.inner-wrappersell {
  padding: 0.5em;
}
body._node_add_contactSite .main_field{
  width:100%;
}
.front #topwidget .helpnow a {
  display: block;
}
#frontpage_center .contactat a, #frontpage_left .contactat a {
  display: block;
  line-height: 1.2;
}
}

@media (max-width: 384px) {
  footer #incomlogo {
    height: 24px;
    float: none;
    display: block;
  }
  .agent-wrapper .agent-filter-form-wrapper {
    padding: 20px;
  }
  #agentdetail #listingdiv h2 span.titlel {
    margin-right: 1.3em;
}
#officeSearch,
.agent-wrapper {
  margin-top: -7.5em;
}
}
@media(min-width: 1109px) and (max-width: 1400px) {
  #agentdetail #fl-content .featureListingApp .property .inner.vow .banner .text {
    font-size: 0.6em;
    padding-top: 0.75vw;
  }
}
@media (min-width: 951px) and (max-width: 1108px) {
  #agentdetail #fl-content .featureListingApp .property .inner.vow .banner .text {
    font-size: 0.6em;
    padding-top: 0;
  }
}

@media (min-width: 511px) and (max-width: 625px) {
  #agentdetail #fl-content .featureListingApp .property .inner.vow .banner .text {
    font-size: 0.6em;
    padding-top: 0.75vw;
  }
}
@media (min-width: 511px) and (max-width: 542px) {
  #agentdetail #fl-content .featureListingApp .property .inner.vow .banner .text {
    padding-top: 0;
  }
}
@media (min-width: 400px) and (max-width: 510px) {
  #agentdetail #fl-content .featureListingApp .property .inner.vow .banner .text {
    padding-top: 2vw;
  }
}
@media (max-width:351px) {
  #agentdetail #fl-content .featureListingApp .property .inner.vow .banner .text {
    font-size: 0.55em;
  }
}

/*message*/
.front .message .messages.error {
  position: relative;
  z-index: 4000;
}
.front .message .messages.status {
  position: absolute;
  top: 30%;
  width: 50%;
  left: 25%;
  z-index: 4000;
  text-align: center;
  background: #fff;
  padding: 1.5em 0em 1em;
}
.front .message .windowpopup {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: 4000;
  background: #272727;
  opacity: 0.8;
}
.front .message .messages.status:before {
  content: "";
  display: block;
  background: url("../images/close.png");
  width: 21px;
  height: 21px;
  position: absolute;
  top: 0.1em;
  right: 0.1em;
  z-index: 4001;
}

/*forms pages*/
fieldset.contact_form {
  border: none !important;
  font-size: 0.9em;
  color: #777;
}
fieldset.contact_form legend.main_legend_title {
  font: bold 0.9em Trebuchet MS, Arial, sans-serif;
  text-transform: uppercase;
  color: #666666;
  position: relative;
  z-index: 5;
  width: 100%;
  border-bottom: 1px solid #e5e5e5;
  margin: 0.6em 0px 0.2em;
}

fieldset.contact_form .form_content {
  clear: both;
}
fieldset.contact_form .form_content:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
fieldset.contact_form .legend_req {
  float: right;
}
fieldset.contact_form .req,
fieldset.interests .drip-group-container-wrapper .req {
  background: url("../images/star.png") no-repeat 0px 4px;
  color: #b83937;
  font: italic 12px Arial, Helvetica, sans-serif;
  display: block;
  padding-left: 0.8em;
  margin-top: -0.3em;
  white-space: nowrap;
}
fieldset.interests .drip-group-container-wrapper .req {
  display: inline;
}
span[title="This field is required."] {
  text-indent: -5000px;
  background: url("../images/star.png") no-repeat center center;
  background-size: 0.6vw auto;
  color: #b83937;
  font: italic 12px Arial, Helvetica, sans-serif;
  display: inline-block;
  width: 10px;
  top: -4px;
  position: relative;
  font-size:1vw;
}
label[for="edit-prov_state"],
fieldset.contact_form label[for="edit-zip_postal"] {
  float: left;
  width: auto;
}
.province_req {
  float: left;
  margin: -2px 0px 0px 3px;
}
fieldset.interests .req {
  background: none;
  padding: 0.3em 0px 0px 0px;
}
fieldset.contact_form label .req {
  display: inline;
  position: relative;
  top: -7px;
}
fieldset.contact_form .select_form,
.main_field,
body #FreeReport-form .main_field {
  float: left;
  width: 21.5%;
  padding-right: 3%;
  margin: 0.6em 0px 0.1em;
}
#FreeReport-form .captcha_div .main_field {
  width: 36%;
}
.main_field.main_wide {
  width: 94.5%;
}
fieldset.contact_form .wide_select {
  width: 260px;
}
fieldset.contact_form .select_form select {
  width: 100%;
  padding: 0.15em 0px;
  font-size: 0.85em;
}
fieldset.contact_form .wide_select select {
  width: 200px;
  height: auto;
  font-size: 0.85em;
}

fieldset.contact_by {
  margin: 0px;
  position: relative;
    top: 0.7em;
}
fieldset.contact_by input {
  border: none;
}
fieldset.interests label {
  padding: 0.3em 2% 0px 0px;
  display: block;
  float: left;
}
fieldset.interests label input {
  position: relative;
  top: 1px;
  left: 1px;
}
fieldset.interests .column1 {
  width: 32%;
  float: left;
}
fieldset.interests .column2 {
  width: 60%;
  float: left;
}
fieldset.interests .column1 input,
fieldset.interests .column2 input {
  border: none;
  float: left;
  margin-top: 8px;
  margin-right: 5px;
}
#FreeReport-form .inputfreereport {
  float: left;
  width: 100%;
}
fieldset.interests .column1 label,
fieldset.interests .column2 label {
  float: none;
}
fieldset.contact_form .message_field {
  float: left;
  margin: 1em 0px 0.7em;
  width: 100%;
  clear: both;
}
fieldset.contact_form .message_field textarea {
  width: 100%;
}
.captcha_div,
#FreeReport-form .captcha_div {
  float: right;
  width: 60%;
  margin: 0.3em 0px 0px;
}

#precondo_sortFilter input.form-submit {
  margin: 2.7em 0px;
}
body #FreeReport-form .form-item label {
  width: 100%;
  text-align: left;
}
form[action="/node/add/distressed_sales"]
  fieldset.contact_form
  .select_form.besttime {
  width: 25%;
}
.distressedcontactby {
  float: left;
}
#FreeReport-form .column1,
#FreeReport-form .column2 {
  width: 48%;
}
.provinceSweep {
  clear: left;
}
fieldset.interests.sweepInterest .column1 input,
fieldset.interests.sweepInterest .column2 input {
  margin-top: 2px;
}


/*log in*/
fieldset.login_block .form-item {
  width: 31%;
  margin-right: 4%;
  float: left;
}
fieldset.login_block .form-item .description {
  float: left;
  line-height: 120%;
  padding-top: 0.2em;
  color: #777777;
  font-size: 0.8em;
}
fieldset.login_block .item-list {
  margin-top: 1.4em;
  font-size: 1.2em;
}

#user-login-form input.form-submit {
  float: left;
}
#user-login-form {
  text-align: left;
}
@media (max-width:630px){
  fieldset.login_block .item-list{
    float: left;
      clear: left;
      margin-top: 0.5em;
  }
  fieldset.login_block .form-item {
    width: 45%;
  }
}


/*register*/
#visitor_register div * {
  font-size: 0.9vw;
}
#visitor_register div p {
  line-height: 120%;
}
#visitor_register ul {
  margin: 0.3em 0px 1em 5%;
  padding-left: 5%;
  font-size: 1em;
  line-height: 120%;
}
#visitor_register div fieldset legend {
  padding-left: 0px;
  margin-top: 0px;
}

#visitor_register div fieldset .form-item {
  padding: 0.5em 0px;
  float: left;
  width: 39%;
  margin: 0px 8% 0px 0px;
}
#visitor_register div div.form-item label {
  width: auto;
  float: none;
  padding-right: 0px;
  text-align: left;
}
#visitor_register div div.form-item div.description {
  padding-left: 0px;
  color: #777777;
  font-style: normal;
  line-height: 120%;
  padding-top: 0.2em;
  font-size: 1em;
}
#visitor_register div fieldset .form-item input {
  width: 100%;
  height: 2em;
}
#visitor_register div fieldset .form-item input.form-checkbox {
  height: auto;
  width: auto;
  border: none;
}
#visitor_register div fieldset fieldset .form-item {
  width: auto;
  padding: 0.25em 0px;
}
#visitor_register div fieldset p {
  padding: 0.4em 0px 1em;
  font-style: normal;
  color: #000;
}
#visitor_register div div.form-item .option {
  font-size: 1em;
}
#visitor_register div div.captcha-fieldset label {
  font-size: 1.1em;
}
#visitor_register div div.captcha-fieldset fieldset .form-item p {
  padding: 0px;
  font-size: 1.1em;
}
#visitor_register div div.captcha-fieldset fieldset .form-item img {
  margin: 0em 0px;
}


/*request password*/
#visitor_pass .form-item {
  margin: 0px;
}
#visitor_pass input.form-text {
  width: 60%;
}

/*change password*/
#user_edit fieldset.collapsible {
  display: none;
}
#user_edit legend {
  display: block;
  margin-bottom: 0.6em;
  width: 98%;
  border-bottom: 1px dotted #aaaaaa;
  font-weight: bold;
}
#visitor_pass {
  background: none;
  padding: 0px;
}
#visitor_pass .captcha-info {
  margin: 1em 0px;
  width: 90%;
  padding: 0.7em 2%;
}

/*my account*/
.profile {
  font-size: 0.9em;
}
.profile dt {
  margin: 0px;
  width: auto;
}

/*tabs*/
ul.tabs.primary {
  font-size: 0.8em;
}


/*officeIntranet*/
#OfficeIntranet {
  font-size: 0.8em;
}

/*broker profile*/
#agent_profile #map {
  width: 96%;
  float: none;
  height: 16em;
  margin: 1.5em 0px 0.5em;
}

h1.vheader {
  visibility: hidden;
}

.editpropertiesbuttons {
  float: right;
}
.editpropertiesbuttons a {
  -webkit-appearance: push-button;
  white-space: pre;
  border: 2px outset buttonface;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  background-color: buttonface;
  box-sizing: border-box;
  align-items: flex-start;
  text-align: center;
  cursor: default;
  color: buttontext !important;
  text-decoration: none;
  padding: 3px 15px;
  font-size: 14px;
  margin-left: 20px;
}
.editpropertiesbuttons a:hover {
  text-decoration: none;
}
#create_listing #map #geoSearch,
#agent_profile #map #geoSearch {
  font-size: 1.2em;
}

.contact_homelife-list {
  font-size: 0.8em;
}
.contact_homelife-list.visitor_bookmarked td,
ul.contact_homelife-list.visitor_bookmarked .property_item ul {
  font-size: 0.95em;
}
ul.contact_homelife-list.visitor_bookmarked dl {
  width: 33%;
  margin-left: 0px;
  font-size: 1.1em;
}
ul.contact_homelife-list.visitor_bookmarked .property_item .property_extra,
ul.contact_homelife-list.visitor_bookmarked .property_item .view_detailsp {
  font-size: 1em;
}

#edit-middlename,
label[for="edit-middlename"] {
  margin-left: -3000px !important;
  float: left;
}


.front .g2page {
  text-align: center;
}

.no_widget_result {
  display: none;
}


/* All Below Added by Kevin for Featred Listing widget */

.vertical_scroll .jcarousel-control-next {
  top: 755px !important;
}

a.featured_readmore {
  display: block;
  padding: 7px 10px;
  text-transform: uppercase;
  float: right !important;
  font: 0.8em/0.8em sans-serif;
  margin: 5px 5px 0 0;
  text-transform: none;
}

a.viewfulllink {
  margin-bottom: 0 !important;
  clear: both !important;
  float: none !important;
  font-style: normal !important;
  text-transform: none !important;
  font: 100%/1.5 Arial, Helvetica, Tahoma, sans-serif;
}

ul.widget-single {
  font-size: 0.75em;
  line-height: 1.5em;
}

#scroll_mode {
  background: white !important;
}

.maincontent .widgets-featuredListings .horizontal_scroll .wrapper_scroll {
  width: 650px;
  float: none !important;
  margin: auto;
  position: relative;
  left: -12px;
}

.maincontent .horizontal_scroll .jcarousel-control-next {
  right: -25px !important;
}

.maincontent .horizontal_scroll .jcarousel {
  width: 100% !important;
}

.maincontent .featured_multi_img_wrapper {
  width: 210px;
}
.maincontent div.featuredListingAddress {
  width: 200px;
}
.maincontent .feature_ribbon {
  margin-left: 140px !important;
}

/*Crea compliance footer*/

@media (max-width: 510px) {
  div.crea_text .mlsLogo,
  div.crea_text .realtorLogo {
    display: block;
  }
  div.crea_text .realtorLogo span,
  div.crea_text .mlsLogo span {
    float: left;
    position: relative;
    top: 2px;
  }
}

/*--Menu Target Item--*/
.menu-target label {
  font-weight: bold;
}
.menu-target input {
  width: 20px !important;
  box-sizing: border-box;
}
.menu-target .form-item {
  margin-top: 0;
}
.menu-target .form-item .description {
  display: inline;
}
.clear {
  font-size: 0.5em;
}
@media (max-width: 600px) {
  .menu-target .form-item .description {
    font-size: 0.8em;
  }
}

@media (max-width: 550px) {
  .login {
    float: left;
    margin-top: 1.1em;
    margin-right: 0;
    clear: both;
  }
}
@media (max-width: 384px) {
  .login {
    float: none;
    margin-top: 0;
  }
}

/* unclickable links */
.property_item.cls_hidden ul li a {
  pointer-events: none;
}

/* Groups for All Forms */
/* Common Group Styles */

#visitor_register .drip-group-container .form-item label {
  width: 100%;
  text-align: center;
}
#visitor_register .chosen-container-multi .chosen-choices {
  font-size: 120%;
  margin: 0px;
}
#visitor_register .chosen-container .chosen-results {
  font-size: 120%;
}

.drip-group-container {
  display: block;
  overflow: visible;
  margin: 0px 0px;
}
.drip-group-container:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}

#visitor_register .drip-group-container .description {
  font-size: 0.9em;
  color: #777777;
  font-weight: 500;
  padding-left: 0px;
  font-style: normal;
}
#visitor_register div[class*="subgroup-container"] .form-item {
  width: 100%;
}
#visitor_register div[class*="subgroup-container"] .form-item ul {
  margin-left: 0px;
  padding-left: 1%;
}
#visitor_register > div > .contact_form fieldset,
#visitor_edit > div > fieldset {
  display: none;
}
#visitor_register .captcha-fieldset fieldset {
  display: block !important;
}
#visitor_register .drip-group-container .form-item .option {
  width: 100%;
  text-align: center;
}



@media screen and (max-width: 640px) {
  #visitor_register {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .drip-group-container-wrapper label:not(.option) {
    font-size: 0.85em;
  }
}

#comment_form .form-item.E-mail,
.condo-detail #pre_Construction_contact_form .contact_form .form-item.Last-Name,
#visitor_register .form-item.Name,
#user_pass .form-item.Name,
#visitor_pass .form-item.Username,
#contact_broker_form .form-item.Last-Name,
#contact_agent_form .form-item.Last-Name,
form[action="/node/add/distressed_sales"].incom-js .form_content div.form-item.main_field:nth-child(2), 
form[action="/node/add/sweepstakes"].incom-js .form_content div.form-item.main_field:nth-child(2),
#FreeReport-form.incom-js .form_content div.form-item.main_field:nth-child(2),
form[action="/node/add/contactSite"].incom-js .form_content div.form-item.main_field:nth-child(2),
.property_view #property_form_tabs .widgets-askQuestions .form-item.Last-Name,
.widgets-askQuestions .general-info .form-item.Last-Name{
	display:none;
}


body[class*="drip_campaigns_unsubscribe"]
  #drip_campaigns_unsubscribe
  input.form-submit:hover {
  background-color: #a2a1a1;
}




/*fix for property detail on feature listing*/
div[id*="quickSearch"]
  .searchWidgetApp
  .collapsedFilter
  .toolbar-item.dropdown-keywords-control
  .dropdown-menu {
  top: 0px;
}
div[id*="quickSearch"]
  .searchWidgetApp
  .dropdown-keywords-control
  .custom
  input:focus {
  z-index: 0;
}
.form-text {
  margin-top: 0px;
  display: inline;
}
*,
:after,
:before {
  box-sizing: initial;
}
label {
  display: inline;
}
dd {
  margin-bottom: 0;
}
legend {
  margin-bottom: 0px;
  font-size: inherit;
}
#propertyViewApp .login-screen .login {
  float: none;
  margin: 0px;
  font-size: inherit;
  font-family: inherit;
}

#propertyViewApp .forgotPassword .btn,
#propertyViewApp .login-screen .signinup {
  font-size: 1rem;
}

#propertyViewApp *,
#propertyViewApp :after,
#propertyViewApp :before {
  box-sizing: border-box;
}

#propertyViewApp .property-data .vbar {
  max-width: 100%;
}



#propertyViewApp .login-screen {
  font-family: Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Inter,
    Helvetica Neue, Arial, sans-serif;
}
#propertyViewApp .login-screen .vip-title h2 {
  font-size: 1.5em;
  margin-bottom: 0.5rem;
  color: gray;
}
#propertyViewApp .login-screen .login-title {
  margin-top: 0px;
}

@media (max-width: 1290px) {
  #propertyViewApp .property-view .property-wrapper {
    width: 90%;
  }
}

@media (max-width: 1160px) {
  #propertyViewApp .property-view .property-wrapper {
    width: 99.8%;
  }
}

@media (max-width: 970px) {
  #propertyViewApp .col-8.property-main-column {
    max-width: 100%;
  }
}

#propertyViewApp .property-view-mobile .property-data .slider-wrapper.row {
  margin-left: -15px;
  margin-right: -15px;
}
#propertyViewApp .property-view-mobile .property-data .image-wrapper {
  width: 100vw !important;
}

@media (min-width: 768px) {
  .col-md-6 {
    max-width: 100%;
    padding: 0px;
  }
}

.node .agent-listings-wrapper div.featuredListingAddress span.fulltip,
.about_me_wrapper
  .agent-listings-wrapper
  div.featuredListingAddress
  span.fulltip {
  visibility: hidden;
}

.wrapper-pin {
  display: none;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.75);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2000;
}
.wrapper-pin .wrapper-pinpage {
  background-color: #fff;
  width: 80%;
  height: 100%;
  max-width: 1126px;
  min-width: 800px;
  margin: 0 auto;
  overflow: auto;
}
.wrapper-pin h2 {
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 1.8rem;
  text-align: center;
  color: gray;
  font-weight: 300;
  margin: 40% 0 1.3rem;
  line-height: 1.3;
}
.wrapper-pin form {
  width: 440px;
  margin: 0 auto;
}
.wrapper-pin p {
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #616161;
}
.wrapper-pin #edit-pin {
  font-size: 0.96rem;
  border-radius: 0.2rem;
  border-color: #ebebeb;
  display: block;
  width: 100%;
  height: calc(2.25rem + 2px);
  padding: 0px 0.75rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  box-sizing: border-box;
}
#pin_form input[type="submit"] {
  text-transform: capitalize;
  background-color: #1cb94e;
  font-size: 1.25rem;
  width: 100%;
  border: none;
  border-radius: 0.2rem;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  color: #fff;
  box-sizing: border-box;
}
.wrapper-pin .resend {
  display: block;
  margin: 0.5em auto 0;
  width: 9em;
  text-align: center;
  text-decoration: underline;
  color: #5d0c0c;
}
.wrapper-pin .resend:hover {
  color: #c34343;
}
#pin_form input[type="submit"]:hover {
  background-color: #189f43;
}
.wrapper-pin #error_message {
  color: #d21515;
}
.wrapper-pin .close {
  background: url("../images/close.svg") no-repeat center center;
  background-size: 55% auto;
  width: 34px;
  height: 34px;
  display: block;
  padding: 0;
  border-radius: 20px;
  border: 1px solid #8f8f8f;
  line-height: 34px;
  color: #8f8f8f;
  float: right;
  margin: 7px 8px;
}
@media (max-width: 830px) {
  .wrapper-pin .wrapper-pinpage {
    min-width: 1px;
  }
}

@media (max-width: 620px) {
  .wrapper-pin .wrapper-pinpage {
    width: 100%;
  }
}

@media (max-width: 500px) {
  .wrapper-pin form {
    width: 90%;
  }
}




/* Form error message stytling */
.front .form-item small.error,
.innerpage .form-item small.error,
.front .drip-group-container-wrapper small.error,
.innerpage .drip-group-container-wrapper small.error {
  display: block;
  font-size: 0.8em;
  line-height: 1.1;
  margin: 0.5em 0;
}
.front .drip-group-container-wrapper small.error,
.innerpage .drip-group-container-wrapper small.error {
  margin: 0 0 1em 0;
}

#visitor_register div div.form-item small.error {
  font-size: 0.8em;
  line-height: 1.1;
  margin: 0.5em 0;
}

body.front
  div[id*="featuredListing"]
  .vertical_scroll
  div.price_bedroom_bathroom {
  font-size: 0.8em !important;
}

#contact_broker_form .submit-wrapper:before,
#contact_agent_form .submit-wrapper:before{
    content:'By submitting this form, I consent to receive commercial electronic messages, including but not limited to property listings, email and newsletters, updates, invitations, announcements, and marketing materials from or concerning Chestnut Park Real Estate Limited, Brokerage, and its related companies, REALTORS®, Sales Representatives and Brokers. I understand that I am free to unsubscribe at any time.';
    display: block;
    margin-bottom: -0.5em;  
    padding-top: 1em;
    font-size: 0.85vw;
    clear:both;
}
#contact_broker_form .submit-wrapper .disclaimer_link,
#contact_agent_form .submit-wrapper .disclaimer_link{
  display: none;
}

/*Login with Google/Facebook*/
._visitor.innerpage .g2page,
._visitor_register.innerpage .g2page,
._visitor_password.innerpage .g2page {
    display: flex;
    flex-wrap: wrap;
    -webkit-box-shadow: 0px 0px 11px 2px rgb(162 160 160);
    -moz-box-shadow: 0px 0px 11px 2px rgb(162 160 160);
    box-shadow: 0px 0px 11px 2px rgb(162 160 160);
    padding: 0;
    margin: 1vw auto;
    max-width:900px;
}
body[class*="visitor"] .g2page ul.primary {
    padding: 0;
    border-bottom: 0;
    display: flex;
    margin-bottom: 0;
    width: 100%;
    margin: 0;
}
body[class*="visitor"] .g2page ul.primary li:nth-child(1) {
    display: none;
}
body[class*="visitor"] .g2page ul.primary li {
    flex-grow: 1;
}
body[class*="visitor"] .g2page ul.primary li a {
    margin-right: 0;
    border: 0;
    border-bottom: 0;
    display: block;
    text-align: center;
    padding: 1vw;
    text-transform: uppercase;
    color: #333;
}
body[class*="visitor"] .g2page ul.primary li a:hover {
    background-color: #ddd;
}
body[class*="visitor"] .g2page ul.primary li.active a:hover {
    background-color: transparent;
}
body[class*="visitor"] .g2page .login_alternatives {
    display: flex;
    justify-content: space-between;
}
body[class*="visitor"] .g2page .visitor_login_block {
    width: 100%;
    padding: 3vw 4vw;
}
#social_sign_in_button_google,
#social_sign_in_button_facebook {
    width: 45%;
    display: flex;
    justify-content: center;
    padding: 0 0.5vw;
    align-items: center;
    height: 4vw;
}
#social_sign_in_button_google a:before{
  content:'';
  display:inline-block;
  background: url(/images/google_icon_colorful_bg.png) no-repeat center;
  background-size: contain;
  width: 12%;
    height:70%;
    margin-right: 15px;
}
#social_sign_in_button_facebook a:before{
  content:'';
  display:inline-block;
  background: url(/images/f_logo_RGB-White_58.png) no-repeat center;
  background-size: contain;
  width: 12%;
    height:70%;
    margin-right: 15px;
}
#social_sign_in_button_google {
    background-color: #4c8bf5;
}
#social_sign_in_button_facebook {
    background-color: #4267B2;
}
#social_sign_in_button_google a,
#social_sign_in_button_facebook a {
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 0.95vw;
    text-transform: uppercase;
    display: flex;
    height:100%;
    width:100%;
    align-items: center;
    justify-content: center;
}
.or-separator {
    color: #bbb;
    display: flex;
    align-items: center;
    margin: 3em 0;
}
.or-separator .line {
    flex-grow: 1;
    height: 2px;
    background-color: #ddd;
}
.or-separator .text {
    padding: 0 1em;
    color: #333;
    text-transform: uppercase;
}
body[class*="visitor"] fieldset.login_block .form-item {
    width: 100%;
    margin-right: 0;
}
body[class*="visitor"] .visitor_login_block .item-list{
  width: 100%;
}
body[class*="visitor"] #user_login .form-item .form-text,
body[class*="visitor_password"] #visitor_pass .E-mail-address input {
    width: 100%;
    padding: 1vw;
    color: #5e5c5c !important;
    border: solid 1px #aeaeae;
    font-size:0.85vw;
}
body[class*="visitor"].innerpage .g2page input[type="submit"],
body[class*="visitor_password"] .g2page #visitor_pass .form-submit {
    width: 100%;
    height: auto;
    border-radius: 0;
    margin-top: 1.3em;
    padding: 1vw;
} 
body[class*="visitor"] .g2page .item-list ul li {
    list-style-type: none;
    margin: 0.5em 0 0;
    text-align: center;
}
body[class*="visitor"] .g2page .item-list ul li a {
    color: #333;
    font-weight: bold;
}
/*Register with Google/Facebook*/
#visitor_register div fieldset legend {
    display: none;
}
body[class*="visitor_register"] .g2page .breadcrumb,
body[class*="visitor_register"] h1.main_title {
    display: none;
}
body[class*="visitor_register"] h1.main_title_custom {
    width: 100%;
    padding: 3vw 4vw 0;
    font-size: 1.3vw;
}
body[class*="visitor_register"] .g2page .visitor_login_block {
    padding-top: 0.5vw;
}
body[class*="visitor_register"] .reg_description {
    margin-bottom: 1.3em;
}
body[class*="visitor_register"] .reg_description ul {
    list-style-position: outside;
    padding-left: 1.2vw;
    font-size: 0.9vw;
}
body[class*="visitor_register"] #visitor_register div div.form-item label {
    float: none;
    text-align: left;
    width: 100%;
    padding-right: 0;
}
body[class*="visitor_register"] #visitor_register div div.form-item input {
    width: 100%;
    font-size: 1em;
    padding: 1vw;
    color: #5e5c5c;
    border: solid 1px #aeaeae;
    height: auto;
}
body[class*="visitor_register"] #visitor_register div div.form-item div.description {
    color: #727272;
    font-style: italic;
    font-size: .9em;
    padding-left: 0;
}
body[class*="visitor_register"] .g2page #visitor_register input.form-submit {
    margin-left: 0;
    display: block;
    width: 100%;
    height: auto;
    padding: 1vw;
    margin-top: 2em;
    font-size: 1em;
}
body[class*="visitor_register"] #visitor_register .drip-group-container-wrapper {
    margin-top: 1em;
    font-size: 1em;
}
body[class*="visitor_register"] #visitor_register .drip-group-container-wrapper label,
body[class*="visitor_register"] #visitor_register .drip-group-container-wrapper .dripUp2,
body[class*="visitor_register"] #visitor_register .register_name_group,
body[class*="visitor_register"] #visitor_register .register_address_group {
    font-size: 1em;
}
body[class*="visitor_register"] #visitor_register .chosen-container-multi .chosen-choices {
    border: solid 1px #aeaeae;
    border-radius: 0;
    padding: 0 5px;
}
body[class*="visitor_register"] #visitor_register .chosen-container-multi .chosen-choices .search-choice {
    margin: 3px 0px;
    margin-right: 4px;
    padding: 3px 20px 3px 5px;
}
body[class*="visitor_register"] #visitor_register .chosen-container .chosen-results li {
    padding: 5px 6px;
}
body[class*="visitor_register"] #visitor_register .register_name_group,
body[class*="visitor_register"] #visitor_register .register_address_group {
    display: flex;
    Flex-wrap: wrap;
}
#visitor_register div fieldset .form-item {
    float: none;
    width: 100%;
    margin: 0;
}
body[class*="visitor_register"] #visitor_register .register_name_group .form-item,
body[class*="visitor_register"] #visitor_register .register_address_group .form-item {
  width: calc(50% - 1.7vw);
}
body[class*="visitor_register"] #visitor_register .register_name_group .form-item.First-Name, 
body[class*="visitor_register"] #visitor_register .register_address_group .form-item.Street-Address,
body[class*="visitor_register"] #visitor_register .register_address_group .form-item.Province {
    margin-right: 3.3vw;
}
body[class*="visitor_register"] #visitor_register .register_name_group .form-item input,
body[class*="visitor_register"] #visitor_register .register_address_group .form-item input {
    width: 100%;
}
body[class*="visitor_register"] .g2page #visitor_register .submit-wrapper  {
    width: 100%;
}
/*Forgot password page*/
body[class*="visitor_password"] .g2page .breadcrumb {
    display: none;
}
body[class*="visitor_password"] h1.main_title {
    font-size: 1.3vw;
    font-family: 'Inter',sans-serif;
}
body[class*="visitor_password"] #user_login .description p {
    font-size: 1em;
}

body[class*="visitor_password"] .g2page ul.primary li:nth-child(2) {
    border-right: solid 1px #c8c5c5;
}
body[class*="visitor_password"] .g2page #visitor_pass .form-submit {
    height: auto;
}
body[class*="visitor"] .messages.error {
    width: 100%;
    margin: 1vw;
    border: 1px solid red;
}
body[class*="visitor_register"] .g2page #visitor_register .submit-wrapper:before{
  content:'By submitting this form, I consent to receive commercial electronic messages, including but not limited to property listings, email and newsletters, updates, invitations, announcements, and marketing materials from or concerning Chestnut Park Real Estate Limited, Brokerage, and its related companies, REALTORS®, Sales Representatives and Brokers. I understand that I am free to unsubscribe at any time.';
  display: block;
  margin: 1em 0 -1em;
}
._visitor_register .reg_description,
._visitor_register h1.main_title_custom{
  opacity:0;
}

@media (min-width: 2000px) {
#social_sign_in_button_google a,
#social_sign_in_button_facebook a {
  font-size:1em;
}
#social_sign_in_button_google, #social_sign_in_button_facebook{
  height:4em;
}
._visitor.innerpage .g2page, ._visitor_register.innerpage .g2page, ._visitor_password.innerpage .g2page{
  max-width:1200px;
}
}

@media (max-width: 1510px) {
#contact_broker_form .submit-wrapper:before,
#contact_agent_form .submit-wrapper:before{
    font-size: 0.7em; 
}
body[class*="visitor_register"] .reg_description ul{
font-size:0.8em;
}
#visitor_register div * {
  font-size: 0.9em;
}
body[class*="visitor"] .g2page ul.primary li a{
  font-size:1em;
}
body[class*="visitor"] .item-list ul {
  font-size: 0.9em;
}
body[class*="visitor"] #user_login .form-item .form-text, body[class*="visitor_password"] #visitor_pass .E-mail-address input{
  font-size:0.85em;
  padding: 1em;
}
#social_sign_in_button_google a, #social_sign_in_button_facebook a {
  font-size: 0.8em;
}
#social_sign_in_button_google, #social_sign_in_button_facebook {
  height: 3em;
  padding: 0 0.5em;
}
body[class*="visitor_register"] .g2page #visitor_register input.form-submit,
body[class*="visitor"].innerpage .g2page input[type="submit"], body[class*="visitor_password"] .g2page #visitor_pass .form-submit{
  padding:1em;
}
}

@media (max-width: 1460px) {
    body[class*="visitor_register"] h1.main_title_custom,
    body[class*="visitor_password"] h1.main_title {
        font-size: 1.2em;
    }
    body[class*="visitor"] .g2page ul.primary li a {
        padding: 1.4em; 
    }
    body[class*="visitor"] .g2page .visitor_login_block {
        padding: 3em 4em;
    }
    body[class*="visitor_register"] h1.main_title_custom {
        padding: 2em 3.3em 0;
    }
    body[class*="visitor_register"] .g2page .visitor_login_block {
        padding-top: 0.5em;
    }
    body[class*="visitor_register"] .reg_description ul {
        padding-left: 1.2em;
    }
    body[class*="visitor_register"] #visitor_register div div.form-item input {
        padding: 1em;
    }
}

@media (max-width: 1024px) {
    body[class*="visitor_register"] #visitor_register .register_name_group .form-item.First-Name, 
    body[class*="visitor_register"] #visitor_register .register_address_group .form-item.Street-Address, 
    body[class*="visitor_register"] #visitor_register .register_address_group .form-item.Province {
        margin-right: 0;
    }
    body[class*="visitor_register"] #visitor_register .register_name_group .form-item, 
    body[class*="visitor_register"] #visitor_register .register_address_group .form-item {
        width: 100%;
    }
}

@media (max-width: 830px) {
#social_sign_in_button_google, #social_sign_in_button_facebook{
width:100%;
}
body[class*="visitor"] .g2page .login_alternatives{
  flex-wrap: wrap;
}
#social_sign_in_button_facebook{
  margin-top: 2em;;
}
.social_icon.google_icon {
  margin-left: -2.6vw;
}
}

@media (max-width: 768px) {
    ._visitor.innerpage .g2page,
    ._visitor_register.innerpage .g2page,
    ._visitor_password.innerpage .g2page {
        margin: 0em auto 3em;
    }
    ._visitor.innerpage .pagebg,
    ._visitor_register .pagebg,
    ._visitor_password .pagebg {
        padding-top: 2em;
    }
    body[class*="visitor_register"] h1.main_title_custom{
      padding-left: 1.7em;
      padding-right: 1.7em;
    }
    body[class*="visitor"] .g2page .visitor_login_block {
      padding-left: 2em;
      padding-right: 2em;
  }
}
@media (max-width: 480px) {
    body[class*="visitor"] .g2page .visitor_login_block {
        padding: 2em 1em;
    }
    body[class*="visitor_register"] h1.main_title_custom {
        padding: 1em 1em 0;
    }
    body[class*="visitor_register"] .g2page .visitor_login_block {
        padding: 0.5em 1em 2em;
    }
}
@media (max-width: 390px) {
    body[class*="visitor_register"] h1.main_title_custom {
        padding: 1em .9em 0;
    }
    #social_sign_in_button_google a, #social_sign_in_button_facebook a {
      font-size: 0.7em;
  }
}

/*tv page*/
.tvinner{
  background:url('../images/ChestnutparkScreensaver.jpg') no-repeat top left;
  background-size:cover;
  width:100%;
  height:100vh;
}




/*from custom css*/
.condo-detail #pre_Construction_contact_form .submit-wrapper input,
.condo-detail .precondo_slider #pre_Construction_contact_form .submit-wrapper input,
.cparkpv  #mapPrecondo .map-top-right-control .map-control.map-horizontal-selection+div .selection .map-control.selected,
.cparkpv .property-data .precondoform .send-message,
.cparkpv .property-data .precondo_menu,
.cparkpv .property-data .plan-request a.btn-primary,
.cparkpv .property-data .plan-request a.btn-primary:not(:disabled):not(.disabled):active{
background-color:#004632;
}
.cparkpv .property-data .precondo_whywait .precondo_title .orange{
color:#505a57;
}
.cparkpv  #mapPrecondo .map-control:not(.active){
color:#004632;
}
.cparkpv .property-data .agent-info .phone-fax:before,
.cparkpv .property-data .agent-info .phone-mobile:before, 
.cparkpv .property-data .agent-info .phone-office:before,
.cparkpv .property-data .presented-by h3.title-presented {
    color: #979797;
}
.cparkpv  #mapPrecondo .map-control.active, 
.cparkpv   #mapPrecondo .map-control:hover {
color:#fff;
    background-color: #004632;
    border-color: #004632;
}
.cparkpv  #mapPrecondo .map-control.map-horizontal-selection .map-control{
color:#fff;
}
.condo-detail .wrapper.clearfix{
width: 100%;
    padding-top: 0;
}
.condo-detail #pre_Construction_contact_form .contact_form .form-item input,
.condo-detail .precondo_slider #pre_Construction_contact_form .contact_form .form-item input{
width:100%;
}
.condo-detail .precondo_whywait .precondo_title .orange {
    color: #38856f;
}
.condo-detail .block-pre_construction_condo a.disclaimer_link{
float:none;
}
.condo-detail .precondo_menu .unbranded-toggle{
opacity:0;
points-event:none;
}

body .propertyViewApp  .property-view .cparktheme div.slider:not(.full) .image-wrapper:nth-child(5n+1),
body .featureListingApp .property-view .cparktheme div.slider:not(.full) .image-wrapper:nth-child(5n+1) {
    width: calc(48vw - 19px)!important;
}
body .cpcorp .login-form .row .btn.send-message{
opacity:1;
}
.inner-text button:not(:disabled):not(.disabled):active{
background-color:#fff!important;
font-size: 1.05rem!important;
color: #004632!important;
}
#officeSearch #officeSearchList h3.Unionville:after {
    content: ' • Stouffville • Markham';
}
#officeSearch #officeSearchList h3.Waterloo:before {
    content: 'Chestnut Park West (Affiliate) ';
    display: block;
    max-width: 250px;
}
@media (min-width: 2500px){
#officeSearch #officeSearchList h3.Waterloo:before {
max-width: 270px;
}
}
#officeSearch #officeSearchList h3.Waterloo {
    height: 2.2em;
    overflow: hidden;
}
#officeSearch #officeSearchList .adLakefield:after{
content:'Mailing Address: P.O. Box 1293';
display:block;
}
#officeSearch #officeSearchList .locationoffice.loUnionville{
display:none;
}
body .cparktheme .property-column.agent-info .image{
min-height:7rem;
}
@media (max-width: 650px){
.front .widget .view_all,
.front .widgets-text-widget .contactat,
.front .widget h2.subject{
text-align:center;
}
#frontpage_btn .wrapper-flbottom { 
    align-items: center;
}
}
@media (max-width: 640px){
.mobileVersion #feature_sheet_page .agentinfo img {
    margin-top: 7px;
}
}
@media (max-width: 360px){
#agentdetail #listingdiv h2 span.titlel {
    margin-right: 0.7em;
}
}
.node.blog .content iframe,
.node.blog .content img{
max-width:100%;
}
.mapApp div[class*="property-view"] .crea-wrap .popup-crea p{
  font-size: 13px;
  line-height:1.3;
}
.mapApp div[class*="property-view"] .crea-wrap .popup-crea{
  max-height: 90vh;
  overflow-y: auto;
  max-width: 100%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* sharethis */
/* raise the close button so it does not interfere with cpark chat */
div[id*="st-el"] div.st-close {
  bottom: 80px !important;
}

.featureListingApp .property-view.cparkpv{
  pointer-events:none;
}
.featureListingApp .property-view.cparkpv .property-wrapper.cparktheme{
  pointer-events: initial;
}
/* new sell page */
/*._sell._newsell .wrapper.clearfix {
/* new home page */

.front.sticky-menu-active .flexnav li.item-with-ul a:after {
  border: none;
  filter: invert(0.5);
}

.front .wrapper.clearfix {
  margin-bottom: 0;
}

.front,
.front div[id*="featuredListing"] .horizontal_scroll .jcarousel-control-prev,
.front div[id*="featuredListing"] .horizontal_scroll .jcarousel-control-next {
  background-color: #f2f0eb;
}

.front #topwidget {
  background-image: url("../img/banner_Home\ page.jpg");
}
.front #topwidget:after {
  background: #000;
  opacity: 0.5;
}

.front #topwidget .toptext h1 {
  font-family: "Operetta 8", "Libre Bodoni", serif;
  font-weight: 600;
  color: #f2f0eb;
}

.front #topwidget div[id*="quickSearch"] {
  width: 40%;
}

.front #topwidget div[id*="quickSearch"] .searchWidgetApp #searchType {
  width: 28%;
}

.front #topwidget div[id*="quickSearch"] .searchWidgetApp .dropdown-search-control.toolbar-item.searchBy {
  width: calc(72% - 0.8em);
}

.front #topwidget div[id*="quickSearch"] .searchWidgetApp .search-main-wrapper .btn-submit {
  opacity: 0.75;
}

.front
  #topwidget
  div[id*="quickSearch"]
  .searchWidgetApp
  #searchBy
  .form-control {
  border-radius: 1.5em;
}

.front #topwidget div[id*="quickSearch"] .searchWidgetApp #searchType .btn {
  border-radius: 1.5em;
  font-size: 1vw;
  padding-right: 2em;
}

.front #topwidget div[id*="quickSearch"] .searchWidgetApp #searchType .btn::after {
  background-image: url(../img/down_icon.png);
  width: 1vw;
  filter: brightness(0) drop-shadow(-0.5px 0 #000000c0);
}

.front #topwidget .helpnow.contactat a {
  display: inline-block;
  padding: 1em 2.5em;
  border: solid 1px;
  border-radius: 1.5em;
  font-size: 1vw;
  font-weight: 500;
  color: #f2f0eb;
}

.front #topwidget div[id*=textWidget]:last-child {
  position: absolute;
  bottom: 3em;
  width: 100%;
}

 #frontpage_btn,
 #frontpage_left,
 #frontpage_center,
 #frontpage_right {
  padding: 1px 0;
  height: 100vh;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.front .widget h2.subject {
  font-family: "Operetta 8", "Libre Bodoni", serif;
  font-weight: 600;
  padding: 0;
  text-align: center;
  margin: 0 0 1.5em;
  /*color: #3f4142;*/
  font-size: 2.25vw;
  z-index: initial;
}
.front .widget h2.subject span {
  font-family: "operetta-8", serif;
  font-weight: 300;
  font-size: 0.66em;
}

.front #frontpage_btn .maplink a {
  display: inline-block;
  white-space: nowrap;
  background-color: #bb916b;
  color: white;
  padding: 1em 2.5em 1.05em;
  font-weight: 500;
  border-radius: 2em;
  margin: 3em 0 0.5em;
}

 #frontpage_left {
  background-image: url('../img/middlehome.jpg');
}

 #frontpage_left::after {
  background-image: url('../img/gradient_fill.png');
}

 #frontpage_left .widgets-text-widget {
  position: relative;
  z-index: 9;
}

.front #frontpage_left h2.subject {
  padding-top: 0;
}

 #frontpage_left .textmiddle {
  padding: 0 10%;
  justify-content: center;
}

 #frontpage_left .textmiddle .itemtext {
  border-radius: 1.5vw;
  margin-left: 2.75em;
}

 #frontpage_left .textmiddle .itemtext.first {
  margin-left: 0;
}

 #frontpage_left .textmiddle .itemtext h3 {
  font-family: "Operetta 8", "Libre Bodoni", serif;
  font-size: 1.3vw;
  line-height: 1.2;
  color: #3f4142;
  margin-bottom: 0.8em;
  margin-top: 1em;
}

 #frontpage_left .textmiddle .itemtext h3::before {
  content: '';
  display: block;
  width: 7.5em;
  height: 1px;
  margin: 0 auto 0.75em;
  border-top: solid 1px;
  font-size: 0.9em;
}

 #frontpage_left .textmiddle .itemtext .imaget {
  background: url('../img/icon_home\ page1.jpg') center no-repeat;
  background-size: contain;
  width: auto;
  margin: 2.5vw 4vw 1vw;
}

 #frontpage_left .textmiddle .itemtext.second .imaget {
  background: url('../img/icon_home\ page2.jpg') center no-repeat;
}

 #frontpage_left .textmiddle .itemtext.third .imaget {
  background: url('../img/icon_home\ page3.jpg') center no-repeat;
}

 #frontpage_left .textmiddle .itemtext p {
  line-height: 1.5;
  padding: 0 1.5em;
  color: #3f4142;
  margin-bottom: 2.5em;
  font-size: 0.8vw;
}

 #frontpage_center h2.subject {
  padding: 0;
  margin-top: 0;
  color: #3f4142;
}

 #frontpage_center .jcarousel-wrapper {
  width: 60vw;
  float: none;
}

 #frontpage_center .horizontal_scroll .jcarousel-control-prev {
  left: -1.7vw !important;
}

 #frontpage_center::after {
  display: none;
}

 #frontpage_center {
  background: none;
  margin: 0;
}

 #frontpage_center #scroll_mode {
  background: #f2f0eb !important;
}

 div[id*="office_agent_listings"] .agent_details,
 div[id*="office_agent_listings"] .horizontal_scroll .jcarousel-control-next,
 div[id*="office_agent_listings"] .horizontal_scroll .jcarousel-control-prev {
  background-color: #f2f0eb;
}

 #frontpage_center div.widget:nth-child(1)::after {
  content: '';
}

 #frontpage_center div.widget:nth-child(1) {
  margin: 0;
}

 #frontpage_center div.widget:nth-child(2) {
  top: initial;
}

 #frontpage_center .contactat {
  text-align: center;
}
 #frontpage_center .contactat a {
  font-family: inherit;
  display: inline-block;
  padding: 1em 2.5em;
  border: solid 1px;
  border-radius: 1.5em;
  font-weight: 500;
  color: #3f4142;
}

 #frontpage_right {
  background: url("../img/bottomhome.jpg") no-repeat center top;
  background-size: cover;
  position: relative;
}
 #frontpage_right::after {
  content: '';
  position: absolute;
  display: block;
  height: 100%;
  width: 100%;
  background: url('../img/gradient_fill.png') no-repeat center top;
  opacity: 60%;
}
 #frontpage_right h2.subject {
  margin: 0;
  padding-bottom: 4vw;
  padding-left: 0;
  color: white;
}
 #frontpage_right .widget {
  position: relative;
  z-index: 22;
}
 #frontpage_right .counts {
  background: #fff;
  display: flex;
  flex-wrap: wrap;
  color: #004632;
  padding: 1em 0.6em;
  border-radius: 0.4vw;
  box-shadow: -1px 10px 49px 1px rgba(0, 0, 0, 0.2);
}
 #frontpage_right .counts .numb {
  font-family: "bodoni_svtytwo_itc_ttbold", "Libre Bodoni", serif;
  font-size: 2.9vw;
}
 #frontpage_right div.widget:nth-child(1) {
  width: 72.5%;
}
 #frontpage_right .counts .itemnumber {
  width: 33%;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 1vw 1vw 1.5vw;
  box-sizing: border-box;
}
 #frontpage_right .counts .numb span {
  font-size: 1.5vw;
}
 #frontpage_right .counts div.itemnumber:nth-child(6) .numb span {
  font-size: 1.1vw;
}
 #frontpage_right .counts p {
  font-weight: 600;
  line-height: 1.2;
  margin: 0;
}
 #frontpage_right .counts div.itemnumber:nth-child(3),
 #frontpage_right .counts div.itemnumber:nth-child(6) {
  border-right: none;
}
 #frontpage_right .counts div.itemnumber:nth-child(4),
 #frontpage_right .counts div.itemnumber:nth-child(5),
 #frontpage_right .counts div.itemnumber:nth-child(6) {
  border-bottom: none;
}
 #frontpage_right div.widget:nth-child(2) {
  position: relative;
  top: 9.7vw;
  text-align: left;
  width: 72%;
}

 #frontpage_center h2.subject a {
  font-size: 0.5em;
  color: #3f4142;
  border-bottom: solid 1px;
}

 #frontpage_center .view_all {
  display: none;
}

 div[id*="office_agent_listings"] .agent_details {
  box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.12);
}

@media(max-width: 1550px) {
  .front #topwidget div[id*="quickSearch"] {
    width: 660px;
  }
  .front #topwidget div[id*="quickSearch"] .searchWidgetApp #searchType .btn {
    font-size: 0.95em;
  }
  .front #topwidget div[id*="quickSearch"] .searchWidgetApp #searchType .btn::after {
    width: 1em;
  }
  .front #topwidget .helpnow.contactat a {
    font-size: 0.85em;
  }
  .front .widget h2.subject {
    font-size: 2em;
  }
   #frontpage_left .textmiddle {
    padding: 0 3%;
  }
   #frontpage_left .textmiddle .itemtext h3 {
    font-size: 1.1em;
  }
   #frontpage_left .textmiddle .itemtext p {
    font-size: 0.75em;
  }
   #frontpage_center .jcarousel-wrapper {
    width: 908px;
  }
   #frontpage_right .counts {
    border-radius: 6px;
  }
   #frontpage_right .counts .numb {
    font-size: 2.2em;
  }
   #frontpage_right .counts .numb span {
    font-size: 0.5em;
  }
   #frontpage_right .counts div.itemnumber:nth-child(6) .numb span {
    font-size: 0.3em;
  }
   #frontpage_right h2.subject {
    padding-bottom: 2em;
  }
  footer .menufooter .canada img {
    height: 1.5em;
    width: auto;
  }
  footer .menufooter .canada span {
    font-size: 0.75em;
  }
}

@media(max-width: 1240px) {
   #frontpage_left .textmiddle {
    padding: 0;
  }
   #frontpage_right div.widget:nth-child(1) {
    width: 88%;
  }
   #frontpage_center .jcarousel-wrapper {
    width: 100%;
  }
}

@media(max-width: 1130px) {
   #frontpage_left .textmiddle .itemtext.second,
   #frontpage_left .textmiddle .itemtext.third {
    margin-left: 1em;
  }
  .front .widget h2.subject {
    font-size: 1.55em;
  }
}

@media(max-width: 1024px) {
   #frontpage_btn,
   #frontpage_left,
   #frontpage_center,
   #frontpage_right {
    height: auto;
    padding: 4em 0;
  }
   #frontpage_left .textmiddle {
    justify-content: space-evenly;
  }
}

@media(max-width: 800px) {
  .front #topwidget div[id*="quickSearch"] {
    width: 95%;
  }
  .front #topwidget div[id*="quickSearch"] .searchWidgetApp #searchType {
    width: 33%;
  }
  .front #topwidget div[id*="quickSearch"] .searchWidgetApp .dropdown-search-control.toolbar-item.searchBy {
    width: calc(67% - 0.8em);
  }
  .front #frontpage_right .counts .itemnumber {
    width: 50%;
  }
   #frontpage_left .textmiddle .itemtext.third {
    margin: 1em auto;
  }
  .front #frontpage_right .counts div.itemnumber:nth-child(2) {
    border-right: none;
  }
  .front #frontpage_right .counts div.itemnumber:nth-child(3) {
    border-right: 1px solid #ccc;
  }
  .front #frontpage_right .counts div.itemnumber:nth-child(4) {
    border-right: none;
    border-bottom: 1px solid #ccc;
  }
  .front #frontpage_left .widget h2.subject {
    margin-bottom: 0.5em;
  }
   #frontpage_center .jcarousel-wrapper .jcarousel {
    width: 97%!important;
    margin-left: 2%!important;
  }
}

@media(max-width: 700px) {
  .front #topwidget {
    padding: 6em 0 8em;
  }
  .front #topwidget .helpnow.contactat {
    width: 80%;
    margin: 0 auto;
  }
  .front #topwidget .helpnow.contactat a,
   #frontpage_center .contactat a {
    font-size: 0.75em;
    border-radius: 2.5em;
    padding: 0.75em 2em;
  }
   #frontpage_btn,
   #frontpage_left,
   #frontpage_center,
   #frontpage_right {
    height: auto;
    padding: 4em 0;
  }
   #frontpage_left .textmiddle .itemtext.first,
   #frontpage_left .textmiddle .itemtext.second,
   #frontpage_left .textmiddle .itemtext.third {
    margin: 0 auto 2em;
  }
}

@media(max-width: 610px) {
   #frontpage_center .jcarousel-wrapper .jcarousel {
    width: 94% !important;
    margin-left: 5% !important;
  }
  .front #topwidget div[id*="quickSearch"] .searchWidgetApp .dropdown-search-control.toolbar-item.searchBy {
    width: 80%;
  }
}

@media(max-width: 500px) {
  .front #topwidget .helpnow.contactat,
  .front #frontpage_center div.widget:nth-child(2) {
    width: 98%;
  }
}

@media(max-width: 400px) {
  .front #topwidget div[id*="quickSearch"] .searchWidgetApp .dropdown-search-control.toolbar-item.searchBy {
    width: 100%;
  }
  .front #topwidget div[id*="quickSearch"] .searchWidgetApp .search-main-wrapper .btn-submit {
    right: 1%;
  }
  .front #topwidget .helpnow.contactat a,  #frontpage_center .contactat a {
    font-size: 3.7vw;
  }
}

/* about us page */

[class*=_about-us], [class*=_our-story] {
  color: #3f4142;
}

[class*=_about-us] .wrapper.clearfix,
[class*=_our-story] .wrapper.clearfix {
  padding-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  width: 100%;
}
[class*=_about-us] h1.main_title, [class*=_our-story] h1.main_title {
  display: none;
}
[class*=_about-us] .g2page > .node, [class*=_our-story] .g2page > .node {
  display: none;
}
[class*=_about-us] #contentwidget1 .widgets-text-widget, [class*=_our-story] #contentwidget1 .widgets-text-widget {
  position: relative;
}
[class*=_about-us] #contentwidget1 .widgets-text-widget h2, [class*=_our-story] #contentwidget1 .widgets-text-widget h2 {
  position: absolute;
  left: 50%;
  top: 40%;
  transform: translate(-50%,-50%);
  color: white;
  z-index: 9;
  font-family: "Operetta 8",  "Libre Bodoni", serif;
  font-size: 2.25vw;
  white-space: nowrap;
}
[class*=_about-us] #contentwidget1 .widgets-text-widget p::before, [class*=_our-story] #contentwidget1 .widgets-text-widget p::before {
  content: '';
  position: absolute;
  height: 25vw;
  width: 100%;
  background-color: rgb(0 0 0 / 30%);
}
[class*=_about-us] #contentwidget1 .widgets-text-widget img, [class*=_our-story] #contentwidget1 .widgets-text-widget img{
  height: 25vw;
  width: 100%;
  object-fit: cover;
  object-position: top 30% right 0;
}
[class*=_about-us] #page_top, [class*=_about-us] #page_bottom {
  width: 70%;
  margin: 5em auto 0;
  display: flex;
  flex-wrap: wrap;
}
[class*=_about-us] #page_bottom,  [class*=_our-story] #page_bottom {
  margin-top: 0;
}
[class*=_about-us] #page_top > [id*=textWidget],
[class*=_about-us] #page_bottom > [id*=textWidget] {
  width: 33%;
}
[class*=_about-us] #page_top > [id*=textWidget]:nth-child(1),
[class*=_about-us] #page_top > [id*=textWidget]:nth-child(2),
[class*=_our-story] #page_top > [id*=textWidget]:nth-child(1),
[class*=_our-story] #page_top > [id*=textWidget]:nth-child(2),
[class*=_our-story] #page_bottom > [id*=textWidget]:nth-child(1),
[class*=_our-story] #page_bottom > [id*=textWidget]:nth-child(2)
 {
  width: 50%;
}
[class*=_about-us] #page_top > [id*=textWidget]:nth-child(2) {
  display: flex;
  flex-grow: 2;
}
[class*=_about-us] #page_top > [id*=textWidget] .content,
[class*=_about-us] #page_bottom > [id*=textWidget] .content {
  height: 100%;
  width: 90%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
[class*=_about-us] #page_top [id*=textWidget] .content h1,
[class*=_about-us] #page_bottom [id*=textWidget] .content h1 {
  font-family: "Operetta 8",  "Libre Bodoni", serif;
  font-size: 2.25vw;
  font-weight: 600;
  margin: 0;
  text-align: center;
}
[class*=_our-story] #page_bottom [id*=textWidget] {
  box-sizing: border-box;
  padding: 2em 3em 0;
}
[class*=_our-story] #page_bottom [id*=textWidget]:nth-child(2) {
  padding: 1em;
}
[class*=_our-story] #page_top [id*=textWidget]:nth-child(1),
[class*=_our-story] #page_bottom [id*=textWidget]:nth-child(1) {
  box-sizing: border-box;
  padding: 0 1em 0 3em;
}
[class*=_our-story] #page_top [id*=textWidget]:nth-child(2) { 
  display: flex;
  align-items: center;
}
[class*=_our-story] #page_top [id*=textWidget] .content h1 {
  font-family: "Operetta 8",  "Libre Bodoni", serif;
  font-size: 2.25vw;
  font-weight: 600;
  margin: 0.75em 1em 0;
  text-align: center;
}
[class*=_our-story] #page_top [id*=textWidget] .content h3,
[class*=_our-story] #page_bottom [id*=textWidget] .content h3 {
  font-family: "Operetta 8",  "Libre Bodoni", serif;
  font-size: 2.25vw;
  font-weight: 600;
  margin-top: 0;
}
[class*=_our-story] #page_bottom [id*=textWidget] img {
  max-width: 100%;
}
[class*=_about-us] #page_top [id*=textWidget] .content h3,
[class*=_about-us] #page_bottom [id*=textWidget] .content h3 {
  font-family: "Operetta 8",  "Libre Bodoni", serif;
  font-size: 1.9vw;
  margin-bottom: 0;
  text-align: center;
}
[class*=_about-us] #page_top [id*=textWidget] .content h2,
[class*=_about-us] #page_bottom [id*=textWidget] .content h2 {
  font-family: "operetta-8", serif;
  font-weight: 400;
  font-size: 2.25vw;
  margin-top: 0;
  text-align: center;
}
[class*=_about-us] #page_top [id*=textWidget] .content h2 {
  font-size: 1.485vw;
  font-weight: 300;
}
[class*=_about-us] #page_top [id*=textWidget] .content h4,
[class*=_about-us] #page_bottom [id*=textWidget] .content h4 {
  font-family: "operetta-8", serif;
  font-weight: 300;
  font-size: 1.485vw;
  margin-top: 0;
  margin-bottom: 1em;
  text-align: center;
}
[class*=_about-us] #page_top [id*=textWidget] .content p,
[class*=_about-us] #page_bottom [id*=textWidget] .content p {
  font-size: 1vw;
  line-height: 2;
  margin: 0;
  text-align: center;
}
[class*=_our-story] #page_top [id*=textWidget] .content p,
[class*=_our-story] #page_bottom [id*=textWidget] .content p {
  font-size: 1vw;
  line-height: 2;
}
[class*=_about-us] #page_top [id*=textWidget] .content img,
[class*=_about-us] #page_bottom [id*=textWidget] .content img {
  height: 26vw!important;
  width: 100%!important;
  object-fit: contain;
  object-position: center center;
}
[class*="_about-us"] #page_top > [id*="textWidget"]:nth-child(1) .content img {
  width: 80%!important;
  height: auto!important;
}

[class*=_about-us] #page_top > [id*=textWidget]:nth-child(3),
[class*=_about-us] #page_bottom > [id*=textWidget]:first-child,
[class*=_about-us] #page_bottom > [id*=textWidget]:last-child {
  width: 100%;
  margin-top: 3em;
  padding-top: 3em;
  border-top: 1px solid;
}
[class*=_about-us] #page_top > [id*=textWidget]:nth-child(3) {
  padding-bottom: 2em;
}
[class*=_about-us] #page_bottom > [id*=textWidget]:last-child {
  margin-bottom: 5em;
}

[class*=_about-us] #page_bottom > [id*=textWidget]:last-child a {
  display: inline-block;
  color: #3f4142;
  padding: 0.5em 2.25em;
  border: solid 1px;
  border-radius: 1.4em;
  font-size: 1em;
  font-weight: 600;
  margin: 1.5em 0 0 0;
}
[class*=_our-story] #page_top, [class*=_our-story] #page_bottom {
  width: 72.5%;
  margin: 4em auto 0;
  display: flex;
  flex-wrap: wrap;
}
[class*=_our-story] #page_bottom {
  margin-bottom: 4em;
}
[class*=_our-story] #page_mid {
  width: 62.5%;
  margin: 0 auto;
  padding: 3em 7.5% 1em;
  text-align: center;
  visibility: hidden;
}
[class*=_our-story] #page_mid .story-slider {
  border-top: 1px solid #3f4142;
  box-sizing: border-box;
  padding-top: 4em;
}
[class*=_our-story] .slick-next, [class*=_our-story] .slick-prev {
  position: absolute;
  top: 50%;
  visibility: hidden;
  width: 2.5vw;
  height: 2.5vw;
  z-index: 9;
}
[class*=_our-story] .slick-prev {
  left: -7.5%;
}
[class*=_our-story] .slick-next {
  right: -7.5%;
}
[class*=_our-story] .slick-prev::before, [class*=_our-story] .slick-next::before {
  content: '';
  display: block;
  visibility: visible;
  width: 100%;
  height: 100%;
}
[class*=_our-story] .slick-prev::before {
  background: url('../img/arrow_prev.png') no-repeat center center;
  background-size: contain;
}
[class*=_our-story] .slick-next::before {
  background: url('../img/arrow_next.png') no-repeat center center;
  background-size: contain;
} 

[class*=_our-story] .container {
  padding: 0 1.1em;
  box-sizing: border-box;
}

[class*=_our-story] .slide{
  background: white;
  border-radius: 1em;
  box-sizing: border-box;
  padding: 1.5em;
  min-height: 25em;
}
[class*=_our-story] .widget a[href="/agent_find"] {
  font-size: 1em;
}

@media(max-width: 1240px) {
  [class*=_our-story] .slide{
    background: white;
    border-radius: 1em;
    box-sizing: border-box;
    padding: 1.5em;
    min-height: 28em;
  }
}
@media(max-width: 1023px) {
  [class*=_our-story] .slide{
    background: white;
    border-radius: 1em;
    box-sizing: border-box;
    padding: 1.5em;
    min-height: 24em;
  }
}

@media(max-width: 1023px) {
  [class*=_our-story] .slide{
    background: white;
    border-radius: 1em;
    box-sizing: border-box;
    padding: 1.5em;
    min-height: 22em;
  }
}

[class*=_our-story] .slide .title {
  font-family: "Operetta 8",  "Libre Bodoni", serif;
  font-size: 2.25vw;
  color: #bb916b;
  margin: 0.25em auto 0.5em;
  font-weight: bold;
  border-bottom: 1px solid #3f4142;
  width: fit-content;
  padding: 0 0.25em 0.5em;
}

[class*=_our-story] .slide .desc {
  font-size: 0.8vw;
  line-height: 1.5;
  color: #3f4142;
}

[class*=_our-story] .g2page > [id*=textWidget] {
  position: relative;
}

[class*=_our-story] .g2page > [id*=textWidget] h2 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  z-index: 9;
  font-family: "Operetta 8", "Libre Bodoni", serif;
  font-size: 2.25vw;
  margin: 0;
  font-weight: 600;
}

[class*=_our-story] .g2page > [id*=textWidget] .content img {
  width: 100%!important;
  height: 25vw!important;
  object-fit: cover;
}

[class*=_our-story] .g2page > [id*=textWidget] p {
  margin: 0;
  line-height: 1;
}

[class*=_our-story] .g2page > [id*=textWidget] .widgets-text-widget::after {
  content: '';
  position: absolute;
  height: 25vw;
  width: 100%;
  top: 0;
  background-color: rgb(0 0 0 / 30%);
}

/*[class*="_about-us"] #page_top > [id*="textWidget"] .content p {
  text-align: left;
}

[class*="_about-us"] #page_top > [id*="textWidget"]:nth-child(2) .content p {
  text-align: center;
}*/

@media(max-width: 1510px) {
  [class*=_about-us] #page_top, [class*=_about-us] #page_bottom,
  [class*=_our-story] #page_top, [class*=_our-story] #page_bottom {
    width: 80%;
  }
  [class*=_our-story] #page_mid {
    width: 70%;
  }
  [class*="_about-us"] #contentwidget1 .widgets-text-widget h2,
  [class*=_about-us] #page_top [id*=textWidget] .content h1,
  [class*=_about-us] #page_bottom [id*=textWidget] .content h1,
  [class*=_our-story] #page_top [id*=textWidget] .content h3,
  [class*=_our-story] #page_bottom [id*=textWidget] .content h3,
  [class*=_our-story] .g2page > [id*=textWidget] h2 {
    font-size: 2em;
  }
  [class*=_about-us] #page_bottom [id*=textWidget] .content h2 {
    font-size: 1.8em;
  }
  [class*=_about-us] #page_top [id*=textWidget] .content h2 {
    font-size: 1.32em;
  }
  [class*=_about-us] #page_top [id*=textWidget] .content h3,
  [class*=_about-us] #page_bottom [id*=textWidget] .content h3 {
    font-size: 1.5em;
  }
  [class*=_about-us] #page_top [id*=textWidget] .content h4,
  [class*=_about-us] #page_bottom [id*=textWidget] .content h4 {
    font-size: 1.32em;
  }
  [class*=_about-us] #page_top [id*=textWidget] .content p,
  [class*=_about-us] #page_bottom [id*=textWidget] .content p,
  [class*=_our-story] #page_top [id*=textWidget] .content p,
  [class*=_our-story] #page_bottom [id*=textWidget] .content p {
    font-size: 0.9em;
  }
  [class*=_our-story] .slide .desc {
    font-size: 0.75em;
  }
  [class*=_our-story] #page_top [id*=textWidget] .content h1,
  [class*=_our-story] .slide .title {
    font-size: 2em;
  }
  [class*=_our-story] .slick-next, [class*=_our-story] .slick-prev {
    width: 2.2em;
    height: 2.2em;
  }
}

@media (max-width: 1130px) {
  [class*=_about-us] #page_top, [class*=_about-us] #page_bottom,
  [class*=_our-story] #page_top, [class*=_our-story] #page_bottom {
    width: 90%;
  }
  [class*=_our-story] #page_mid {
    width: 80%;
  }
  [class*="_about-us"] #contentwidget1 .widgets-text-widget h2,
  [class*=_about-us] #page_bottom [id*=textWidget] .content h1,
  [class*=_our-story] .g2page > [id*=textWidget] h2 {
    font-size: 1.75em;
  }
  [class*=_our-story] #page_top [id*=textWidget] .content h3,
  [class*=_our-story] #page_bottom [id*=textWidget] .content h3,
  [class*=_our-story] .g2page > [id*=textWidget] h2,
  [class*=_our-story] #page_top [id*=textWidget] .content h1,
  [class*=_our-story] .slide .title,
  [class*=_about-us] #page_top [id*=textWidget] .content h1 {
    font-size: 1.55em;
  }
  [class*=_about-us] #page_top [id*=textWidget] .content h2 {
    font-size: 1.023em;
  }
  [class*=_about-us] #page_bottom [id*=textWidget] .content h2 {
    font-size: 1.58em;
  }
  [class*=_about-us] #page_top [id*=textWidget] .content h3,
  [class*=_about-us] #page_bottom [id*=textWidget] .content h3 {
    font-size: 1.25em;
  }
  [class*=_about-us] #page_top [id*=textWidget] .content h4,
  [class*=_about-us] #page_bottom [id*=textWidget] .content h4 {
    font-size: 1.023em;
  }
  [class*=_about-us] #page_top [id*=textWidget] .content p,
  [class*=_our-story] #page_top [id*=textWidget] .content p,
  [class*=_our-story] #page_bottom [id*=textWidget] .content p {
    font-size: 0.8em;
  }
}

@media (max-width: 900px) {
  /*[class*=_about-us] #page_top > [id*=textWidget]:nth-child(1),
  [class*=_about-us] #page_top > [id*=textWidget]:nth-child(2),
  [class*=_about-us] #page_top > [id*=textWidget]:nth-child(4),
  [class*=_about-us] #page_top > [id*=textWidget]:nth-child(5) {
    width: 100%;
  }*/
  [class*="_about-us"] #page_top, [class*="_about-us"] #page_bottom {
    margin: 2em auto 0;
  }
  [class*=_about-us] #page_top > [id*=textWidget],
  [class*=_about-us] #page_bottom > [id*=textWidget] {
    width: 50%;
  }
  [class*=_about-us] #page_top [id*=textWidget] .content img,
  [class*=_about-us] #page_bottom [id*=textWidget] .content img {
  height: 50vw!important;
}
  [class*=_about-us] #page_top [id*=textWidget] .content p,
  [class*=_our-story] #page_top [id*=textWidget] .content p,
  [class*=_our-story] #page_bottom [id*=textWidget] .content p {
    line-height: 1.5;
  }
  [class*=_our-story] #page_top > [id*=textWidget]:nth-child(1),
  [class*=_our-story] #page_top > [id*=textWidget]:nth-child(2),
  [class*=_our-story] #page_bottom > [id*=textWidget]:nth-child(1),
  [class*=_our-story] #page_bottom > [id*=textWidget]:nth-child(2) {
    width: 100%;
  }
  [class*="_our-story"] #page_bottom > [id*="textWidget"]:nth-child(2) {
    box-sizing: border-box;
    padding: 1em 3em 0;
  }
}

@media (max-width: 550px) {
  [class*=_about-us] #page_top, [class*=_about-us] #page_bottom,
  [class*=_our-story] #page_top, [class*=_our-story] #page_bottom {
    width: 95%;
    margin-top: 2em;
  }
  [class*=_our-story] #page_mid {
    width: 85%;
  }
  [class*="_about-us"] #contentwidget1 .widgets-text-widget h2,
  [class*=_about-us] #page_bottom [id*=textWidget] .content h1  {
    font-size: 1.5em;
  }
  [class*=_about-us] #page_bottom [id*=textWidget] .content h2 {
    font-size: 1.26em;
  }
  [class*=_about-us] #page_top [id*=textWidget] .content h3,
  [class*=_about-us] #page_bottom [id*=textWidget] .content h3 {
    font-size: 1.1em;
  }
  [class*=_about-us] #page_bottom [id*=textWidget] .content h4 {
    font-size: 1em;
  }
  [class*="_our-story"] #page_top [id*="textWidget"]:nth-child(1),
  [class*="_our-story"] #page_bottom [id*="textWidget"]:nth-child(1),
  [class*="_our-story"] #page_bottom > [id*="textWidget"]:nth-child(2) {
    padding: 0 1em;
  }
  [class*="_our-story"] #page_bottom [id*="textWidget"] {
    padding: 1em 1em 0;
  }
  [class*="_about-us"] #page_top > [id*="textWidget"]:nth-child(1), 
  [class*="_about-us"] #page_top > [id*="textWidget"]:nth-child(2) {
    width: 100%;
  }
  [class*="_about-us"] #page_top > [id*="textWidget"]:nth-child(2) {
    padding-top: 1em;
  }
  [class*="_about-us"] #page_top > [id*="textWidget"], 
  [class*="_about-us"] #page_bottom > [id*="textWidget"] {
    width: 100%;
  }
  [class*="_about-us"] #page_top [id*="textWidget"] .content img, 
  [class*="_about-us"] #page_bottom [id*="textWidget"] .content img {
    height: 75vw !important;
  }
}

.mobileVersion > #chat-widget-container {
  display: none;
}

/* new sell page */

._sell header {
  background-color: #004632;
}
._sell header .cristielogo img,
._sell header .logo img{
  display: block;
}
._sell header .cristielogo img.cristieGreen,
._sell header .logo img.logogreen{
  display: none;
}
._sell .logoutbtn, 
._sell nav ul li a{
  color:#fff;
}
._sell nav ul ul.submenu-wrapper li a {
  color: #333;
}
._sell .loginbtn {
  border-color: #fff;
  background-image: url(../img/users_icon.png);
  background-size: contain;
}
._sell .loginbtn:hover {
  background: #fff url("../img/users_icon_black.png") center center no-repeat;
  background-size: contain;
}
._sell header .logo img{
  display: block;
}
._sell header .logogreen {
  display: none!important;
}
._sell .wrapper.clearfix {
  margin-bottom: 0;
}
._sell .g2page > .node {
  display: none;
}

.topitemsell::before {
  content: '';
  position: absolute;
  height: 25vw;
  width: 100%;
  background-color: #000;
  opacity: 30%;
  top: 0;
}
.topitemsell {
  background: url('../img/CP_Sell_banner.jpg') center top no-repeat;
  background-size: auto 25vw;
  padding: 1px 0;
  position: relative;
}
.toptextsell {
  margin-top: 25vw;
  width: 100%;
  background-color: #f2f0eb;
  color: #3f4143;
}
.inner-wrappersell {
  border: initial;
  padding: 0 12.75vw 2vw;
}
.toptextsell h2 {
  font-family: "Operetta 8",  "Libre Bodoni", serif;
  font-size: 2.25vw;
  font-weight: 600;
}
.toptextsell p {
  font-family: 'Roboto', sans-serif;
  color: #61605e;
  line-height: 1.75;
}
.middlesell, .middlesell h2 {
  margin-top: 0;
}
.middlesell {
  background: url('../img/middlesell.jpg') center center no-repeat;
  background-size: cover;
  padding: 1px 0;
}
.middlesell::after {
  background: #000;
  opacity: 30%;
  z-index: 0;
}
.middlesell h2 {
  font-family: "Operetta 8",  "Libre Bodoni", serif;
  padding: 4vw 15.75vw 0;
  line-height: 1.5;
  margin-bottom: 0;
  font-weight: bold;
}
.middlesell h2 span {
  font-size: 0.63em;
  font-weight: 300;
  margin-bottom: 2em;
}
.middlesell .itemtext {
  border-radius: 1.5vw;
  width: 27%;
}
.middlesell .itemtext:not(.first) {
  margin-left: 2.5em;
}
.middlesell .itemtext .imaget {
  background: url('../img/buildings.png') center no-repeat;
  background-size: contain;
  width: auto;
  margin: 1.5vw 4vw 1vw;
  filter: brightness(0.9);
}
.middlesell .itemtext.second .imaget {
  background: url('../img/pillar.png') center no-repeat;
}
.middlesell .itemtext.third .imaget {
  background: url('../img/marketing.png') center no-repeat;
  background-size: contain;
}
.middlesell .itemtext h3::before {
  content: '';
  display: block;
  width: 7em;
  height: 1px;
  margin: 0 auto 0.5em;
  border-top: solid 1px;
}
.middlesell .itemtext h3 {
  font-family: "Operetta 8",  "Libre Bodoni", serif;
  font-size: 1.3vw;
  line-height: 1.2;
  margin-bottom: 0.5em;
  color: #3f4142;
}
.middlesell .itemtext p {
  line-height: 1.5;
  padding: 0 1.85em;
  font-size: 0.8vw;
  color: #3f4142;
}
#linkmiddlesell, #linkbottomsell {
  text-align: center;
  position: relative;
  z-index: 9;
}

#linkmiddlesell {
  margin: 4vw 0 4.5vw;
}
#linkbottomsell {
  margin: 2em 0 1em;
  padding: 0 0 6em;
}
#linkmiddlesell a, #linkbottomsell a {
  padding: 1em 2.5em;
  border: solid 1px;
  border-radius: 1.5em;
  font-size: 1vw;
  font-weight: 500;
}
#linkmiddlesell a {
  color: #fff;
}
#linkbottomsell a {
  color: #3f4143;
}
.inner-middle-sell {
  padding: 0 10%;
  justify-content: center;
}
.middlesell .itemtext.first {
  margin-left: 0;
}
._sell #page_bottom div[id*="office_agent_listings"] h2.subject {
  font-family: "Operetta 8",  "Libre Bodoni", serif;
  padding: 0 15.75vw;
  color: #3f4143;
  font-size: 1.75vw;
  line-height: 1.3;
  font-weight: bold;
}
._sell #page_bottom div[id*="office_agent_listings"] h2.subject span {
  font-family: "operetta-8", serif;
  font-weight: 400;
  font-size: 0.95em;
  color: #61605e;
  padding-right: 0;
}
._sell #page_bottom div[id*="office_agent_listings"] .view_all {
  display: none;
}
._sell #page_bottom div[id*="office_agent_listings"] h2.subject a {
  font-family: "Operetta 8",  "Libre Bodoni", serif;
  padding: 0;
  display: block;
  text-align: left;
  line-height: 1.4;
  color: #014834;
  font-size: 0.6em;
}
._sell .wholepage,
._sell div[id*="office_agent_listings"] .agent_details,
._sell div[id*="office_agent_listings"] .horizontal_scroll .jcarousel > ul > li,
._sell div[id*="office_agent_listings"] .horizontal_scroll .jcarousel-control-prev,
._sell div[id*="office_agent_listings"] .horizontal_scroll .jcarousel-control-next
{
  background-color: #f2f0eb;
}
._sell #scroll_mode {
  background: #f2f0eb!important;
}
div[id*="office_agent_listings"] .horizontal_scroll .jcarousel > ul > li {
  border-radius: 5px;
}

header .flexnav li {
  overflow: visible;
}

._sell div[id*="office_agent_listings"] .agent_details {
  box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.12);
}

@media (max-width: 1510px) {
  .toptextsell h2 {
    font-size: 2em;
  }
  .inner-middle-sell {
    padding: 0 5%;
  }
  #linkmiddlesell a,
  #linkbottomsell a,
  .middlesell .itemtext h3 {
    font-size: 1em;
  }
  .middlesell .itemtext p {
    font-size: 0.7em;
  }
  .middlesell h2 {
    padding: 1em 2em 0;
  }
  ._sell #page_bottom div[id*="office_agent_listings"] h2.subject {
    font-size: 1.5em;
    padding: 0 2em;
  }
  .middlesell .itemtext {
    border-radius: 1em;
  }
}
@media (max-width: 1240px) {
  ._sell div[id*="office_agent_listings"] {
    width: initial;
  }
}
@media (max-width: 1130px) {
  .inner-wrappersell {
    padding: 0 2em 
  }
  .inner-middle-sell {
    padding: 0;
  }
  .middlesell .itemtext .imaget {
    margin: 1em 2.5em 0.75em;
  }
  ._sell .menu-button .touch-button .icon-bar {
    background-color: #fff;
  }
  ._sell ul.flexnav {
    background-color: #004632;
  }
  ._sell .flexnav li ul.submenu-wrapper li a {
    color: #fff;
  }
  .toptextsell h2 {
    font-size: 1.55em;
  }
}

@media (max-width: 900px) {
  .middlesell .itemtext {
    width: 45%;
  }
  .middlesell .itemtext.third {
    margin: 0 auto;
  }
  #linkmiddlesell {
    margin: 3em 0 4em;
  }
}

@media (max-width: 650px) {
  .inner-wrappersell {
    padding: 0 1em;
  }
  .middlesell h2 {
    font-size: 1.25em;
    padding: 1em 0 0;
  }
  .middlesell .itemtext {
    width: 80%;
  }
  .middlesell .itemtext.first,
  .middlesell .itemtext.second {
    margin: 0 auto 1.75em;
  }
  #linkmiddlesell a, #linkbottomsell a, .middlesell .itemtext h3 {
    font-size: 0.85em;
  }
  ._sell #page_bottom div[id*="office_agent_listings"] h2.subject {
    font-size: 1.25em;
  }
  ._sell #page_bottom div[id*="office_agent_listings"] h2.subject .view_all a {
    text-align: center;
  }
}

body:not(._sell) #page_bottom [id*=customForm] {
  display: none;
}

#newsletter {
  min-height: 10px;
}

#newsletter [id*=customForm],
#page_bottom [id*=customForm] {
  width: 100%;
  margin: 0;
  background-color: white;
}

#newsletter [id*=customForm] .form_title,
#page_bottom [id*=customForm] .form_title {
  display: none;
}

#newsletter [id*=customForm] iframe,
#page_bottom [id*=customForm] iframe {
  height: calc(5.5vw + 8.5em)!important;
}

body[class*=_contact_broker] .g2page > .main_title {
  visibility: hidden;
  height: 1.2em;
}

body[class*=_contact_broker] .g2page > .main_title::before {
  visibility: visible;
  content: 'Contact Office ';
}

@media(max-width: 1550px) {
  #newsletter [id*=customForm] iframe,
  #page_bottom [id*=customForm] iframe {
    height: 240px!important;
  }
}

@media(max-width: 1064px) {
  #newsletter [id*=customForm] iframe,
  #page_bottom [id*=customForm] iframe {
    height: 300px!important;
  }
}

@media(max-width: 500px) {
  #newsletter [id*="customForm"] iframe, #page_bottom [id*="customForm"] iframe {
      height: 265px !important;
  }
}