@font-face {
	font-family: 'TestSohne';
  src: url('../fonts/soehne-leicht.woff2') format('woff2'),
  url('../fonts/soehne-leicht.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
	font-family: 'TestSohneH';
  src: url('../fonts/soehne-halbfett.woff2') format('woff2'),
  url('../fonts/soehne-halbfett.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
	font-family: 'TestSohneB';
  src: url('../fonts/soehne-buch.woff2') format('woff2'),
  url('../fonts/soehne-buch.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
	font-family: 'RText';
  src: url('../fonts/RecifeTextWeb-Regular.woff2') format('woff2'),
  url('../fonts/RecifeTextWeb-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@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;
}

:root {
  --purple: #252525;
  --lavender: #999999;
  --poppy: #999999;
  --charcoal: #3e3e3e;
  --thistle: #ececec;
  --heather:#c8c8c8;
  --white:#fff;
  --silver3:#ececec;
  --silver2:#d6d6d6;
}

.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
dt {
  width: auto;
  font-weight: normal;
  padding: 0px;
  text-align: left;
}

*, *::before, *::after {
  box-sizing: border-box;
}
* {
  margin: 0;
  padding: 0;
  border: 0 solid transparent;
}
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  max-width: 100%;
}
input,
button,
textarea,
select {
  font-family:'TestSohne', Arial,Helvetica,sans-serif;
  line-height: inherit;
  color: inherit;
}
input[type="submit"], button {
  font-family:'TestSohneH', Arial,Helvetica,sans-serif;
  font-weight:normal!important;
}
table {border-collapse: collapse; border-spacing: 0; margin-bottom: 1.5em}
th {text-align: left}
tr, th, td {border-bottom: 0 solid var(--charcoal)}
a {text-decoration: none; color:var(--lavender);font-size:1.1vw; font-family:'TestSohneB', Arial,Helvetica,sans-serif;}
.propertyViewApp a {
  font-size: 1em;
}
a:hover{
  color:var(--purple);
}
a {border-radius: 0.3vw;}
select:focus, input:focus, a:focus {outline: none}
a:hover, a:active {outline: none}
body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  font-family:'TestSohne', Arial,Helvetica,sans-serif;
  color:#000;
  background-color:var(--white);
}
h1,
h2{
  font-family: 'Rtext',Arial,Helvetica,sans-serif;
  font-weight: normal;
  line-height: 1.2;
  font-size:2vw;
  margin-bottom:0.6vw;
}
h1{
  font-size:2.4vw;
}
h5, h4, h3{
  margin-bottom:1vw;
  line-height: 1.2;
  font-weight:normal;
  font-family:'TestSohneH', Arial,Helvetica,sans-serif;
}
h3{
  font-size:1.7vw;
}
h4{
  font-size:1.5vw;
}
h5{
  font-size:1.3vw;
}

p{
  margin-bottom:1vw;
  font-size:1.1vw;
  line-height: 1.2;
}
ul{
  font-size:1.1vw;
}
.error{
  display:block;
}
.inner .maincontent{
  width:100%;
}
#wsidebar_right{
  display:none;
}
.inner h1.main_title{
  margin-bottom:1em;
}
.inner .node .content img {
  height: auto!important;
}

/*widgets*/
.front .widgetsRegions {
  margin-bottom:30px;
}


.innerfront{
  width:80%;
  margin: 4vw auto;
}
#bottom-wrapper .innerfront{
  width: 90%;
}
.front h2.subject,
body div.widget div.blogPost-main h2.subject,
h2.front2{
  font-size: 3vw;
  color:var(--charcoal);
  font-style:normal;
  padding-bottom:1vw;
}
body div.widget div.blogPost-main h2.subject {
  margin-top: 0;
  margin-bottom: 1vw;
  text-align: left;
}
@media (max-width: 768px) {
    body.front div.widget div.blogPost-main h2.subject {
        margin-bottom: 0;
    }
}
.blogPost-main .blogPost-info .blogPost-read-more a,
a.orange{
  background-color:var(--poppy);
  padding:0.3vw 1.5vw;  
  color:var(--white)!important;
  line-height: 1.5;
  display: inline-block;
  font-size: 1vw;
}
.front .blogPost-slider-controls .blogPost-read-more::before{
  content:'View more on the Blog';
  display: block;
  background-color: var(--poppy);
  padding: 0.3vw 1.5vw;
  color: var(--white);
  font-size: 1vw;
  line-height: 1.5;
}
.blogPost-main .blogPost-info .blogPost-read-more a:hover,
a.orange:hover{
  background-color: var(--charcoal);
  color:var(--white);
}

/* Header */
header{
  position: fixed;
  width:100%;
  z-index: 444;
  background-color: var(--purple);
  height:6.2vw;
  display:flex;
  align-items: center;
}
.front header{
  background-color: transparent;
}
.front header::before,
#slidercitywidget .wrapper-button::before,
#slidercitywidget .bottomtext::before {
  content: '';
  position: absolute;
  inset: 0;
  background-color: #252525;
  opacity: 0.8;
  pointer-events: none;
  z-index: 0;
}
.front header > *,
#slidercitywidget .wrapper-button > *,
#slidercitywidget .bottomtext > * {
  position: relative;
  z-index: 1;
}

#order_button{
   top:30vw;
}
.color_box{
	top:13vw;
  box-sizing: content-box;
}
.color_box a {
  border-radius: 0;
}
.color_box a.thirtysix {
    background-color: #999;
}
.color_box a.one {
    background-color: #BF9800;
}
.color_box a.two {
    background-color: #C2001F;
}
.color_box a.four {
    background-color: #DD7B7B;
}
.color_box a.five {
   background-color: #0685D9;
}
.color_box a.six {
    background-color: #8D5C3B;
}
.color_box a.seven {
    background-color: #BCA97F;
}
.color_box a.eleven {
    background-color: #009105;
}
.color_box a.twentythree {
		display:none;
}
.color_box a.fortytwo{
	display:none;
}

/*
 * Keep Widget Manager controls above the absolutely positioned slider-city
 * drawer. The widgetsRegions class is only added while managing widgets.*/

body:not(.hide-widgetManager)
#slidercitywidget.widgetsRegions
> .blockToolbarItem
> .TitleToolBar {
  position: relative;
  pointer-events: auto;
  margin-bottom: 28px;
}

body:not(.hide-widgetManager)
#slidercitywidget.widgetsRegions
> .blockToolbarItem
> .TitleToolBar .widget-actions,
body:not(.hide-widgetManager)
#slidercitywidget.widgetsRegions
> .blockToolbarItem
> .TitleToolBar .widget-actions a {
  position: relative;
  z-index: 1;
  pointer-events: auto;
}
body:not(.hide-widgetManager)
#slidercitywidget.widgetsRegions
> .blockToolbarItem
> .TitleToolBar .widget-actions a.settings-widget {
  display: none;
}
header a.logoheader{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex: 0 0 auto;
  height:90%;
  width: 6vw;
  margin:0 1.6vw 0 5vw;
}
header a.logoheader img{
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  object-position:left center;
}

header > figure.mainuser dt,
header > figure.mainuser .logo_link{
  display:none;
}
header > figure.mainuser figcaption,
header > figure.mainuser figcaption * {
  color: var(--white);
  font-family: 'TestSohne', Arial,Helvetica,sans-serif;
  font-size: 0.95vw;
  font-weight: 400;
  margin: 0;
}
header > figure.mainuser .top_license {
  margin-bottom: 0;
}
header > figure.mainuser figcaption dl *,
header > figure.mainuser .top_license,
header > figure.mainuser .top_license span {
  font-size: 0.75vw;
}
header > figure.mainuser figcaption a:hover,
header > figure.mainuser figcaption a:focus {
  color: var(--thistle);
}
header > figure.mainuser h2 {
  margin-bottom: 0.1em;
  white-space: nowrap;
}
.broker .mainuser dl dd.phone_office:before {
    content: 'O: ';
    margin-right: 0.6em;
}
.broker .mainuser dl dd.tollfree_number:before {
    content: 'TF: ';
    margin-right: 0.24em;
}
.broker .mainuser dl dd.fax_number:before {
    content: 'F: ';
    margin-right: 0.9em;
}
header .menu_btn{
  margin-left:auto;
  display: flex;
  align-items: center;
  margin-right: 5vw;
}
header .menu_btn a{
  color:var(--white);
  font-size:0.95vw;
}
header .menu_btn a.login-button{
  font-family: "TestSohne", sans-serif, Arial;
}
#searchSlider .open-option:hover a,
#searchSlider .open-option:hover,
header .menu_btn a.login-button:hover{
  color:var(--thistle);
}
header .menu_btn .joinus{
margin-left:2em;
}
.sticky-menu-active header{
  height: 3vw;
}
.sticky-menu-active header .mainuser dl {
  display: none;
}
header .mobile-toggle{
  display:none;
}
.mobile-menu header .menu-inner{
  display: none;
  position:absolute;
  left: calc(100% - 13em - 190px);
  top: 100%;
}
.mobile-menu header .mobile-toggle span, 
.mobile-menu header .mobile-toggle span::before, 
.mobile-menu header .mobile-toggle span::after {
  width: 30px;
  height: 4px;
  background-color:var(--white);
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
  right:0;
}
.mobile-menu header .mobile-toggle{
  display: block;
  position: relative;
  padding-right: 2.7em;
  color: var(--white);
  margin-left: auto;
}
.mobile-menu header .mobile-toggle span::after {
  top: 20px;
}
.mobile-menu header .mobile-toggle span::before {
  top: 10px;
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: 0.15s;
}
.mobile-menu header .mobile-toggle span::before, 
.mobile-menu header .mobile-toggle span::after{
  content: "";
  display: block;
}
.mobile-menu header #menuWidgetContainer .mainmenu{
  flex-direction:column;
  opacity: 1;
  padding-bottom: 1em;
  padding-top: 0.5em;
  min-width: 220px;
  border-radius: 4px;
}
.mobile-menu a[title="Brand Assets"],
.mobile-menu a[title="In the News"],
.mobile-menu a[title="Before Your Sell"], 
.mobile-menu a[title="Seller's Checklist"], 
.mobile-menu a[title="Selling Process"], 
.mobile-menu a[title="Right Sizing"], 
.mobile-menu a[title="Investors"], 
.mobile-menu a[title="New to Canada"], 
.mobile-menu a[title="First Time Buyers"] {
  padding-left: 2.8em!important;
}
.mobile-menu header #menuWidgetContainer .mainmenu > li{
  border: none;
  list-style: none;
  white-space: nowrap;
}
.mobile-menu header #menuWidgetContainer .mainmenu li.menuItem.usualItem > a{
  display: block;
  margin: 0;
  padding: 0.75rem 1.2rem
}
.mobile-menu header .menu-inner{
  background:var(--white);
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  box-shadow: 0 .3rem 0.7rem rgba(0,0,0,.2);
}
.mobile-menu header #menuWidgetContainer .mainmenu li a{
  color:var(--purple);
}
.mobile-menu header #menuWidgetContainer .mainmenu > li:after{
  display:none;
}
.mobile-menu header .mobile-toggle.isactive span {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}
.mobile-menu header .mobile-toggle.isactive span::before {
  transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
  opacity: 0;
}
.mobile-menu header .mobile-toggle.isactive span::after {
  transform: translate3d(0, -20px, 0) rotate(-90deg);
}
.mobile-menu header .menu_btn{
  margin-left:3em;
}
.mobile-menu header #menuWidgetContainer .mainmenu li.item-with-ul ul {
  box-shadow: none !important;
  display: none !important;
  flex-direction: column;
  padding: 0;
  position: relative;  
  width: calc(100% - 0.8rem);
  left: 0.8rem;
}
.mobile-menu header #menuWidgetContainer .mainmenu li.item-with-ul ul.flexnav-show {
  display: flex !important;
  flex-direction: column;
}
.mobile-menu header #menuWidgetContainer .mainmenu li.item-with-ul > a:after{
  background: url(../images/new/arrowdownblack.svg) center center no-repeat;
  background-size:contain;
}
.mobile-menu header #menuWidgetContainer .mainmenu li a:hover {
  color: var(--charcoal);
}
.mobile-menu header #menuWidgetContainer .mainmenu li.item-with-ul ul li a{
  padding: 0.2rem 1.25rem 0.4rem 1rem;
}
.mobile-menu .flexnav .touch-button {
  height: 2.6rem;
  top: 0px;
  left: 0px;
  width: 100%;
}


/*menu*/
a[title="Before Your Sell"],
a[title="Seller's Checklist"],
a[title="Selling Process"],
a[title="Right Sizing"],
a[title="Investors"],
a[title="New to Canada"],
a[title="First Time Buyers"],
a[title="Brand Assets"],
a[title="In the News"],
a[title="Buying Process"],
a[title="Tips for Sellers"]  {
  padding-left:1.5em!important;
}

header .menu-button{
  display:none;
}
header .menu-inner {
  margin-left: auto;
}
header #menuWidgetContainer .mainmenu{
  display:flex;
  flex-wrap: wrap;
  line-height:1;
  max-height: 100%;
  padding:0;
}
header #menuWidgetContainer .mainmenu li{
  position:relative;
}
header #menuWidgetContainer .mainmenu li a{
  color: var(--white);
  font-size: 0.9vw;
  line-height:1;
  margin: 0 0.75em;
  padding: 0;
  text-transform: uppercase;
  font-family: 'TestSohne', Arial,Helvetica,sans-serif;
}
header #menuWidgetContainer .mainmenu li a:hover {
  color: var(--thistle);
}
header #menuWidgetContainer .mainmenu li.item-with-ul ul{
  background: var(--white);  
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
  display:none !important;
  height: auto !important;
  left:0px;
  line-height: 1;
  list-style-type: none;
  margin: 0px;
  opacity: 1 !important;
  position: absolute;
  padding: 0.8vw 1vw;
  top: 100%;
  transition: none;
  width: auto;
  min-width: 175px;
  white-space: nowrap;
  left: 1.6vw;  
  border-radius: 0.3vw;
}
header #menuWidgetContainer .mainmenu li.item-with-ul ul.flexnav-show{
  display:flex !important;
  flex-direction:column;
}
header #menuWidgetContainer .mainmenu li.item-with-ul ul .cloned{
  display:none;
}
header #menuWidgetContainer .mainmenu li.item-with-ul ul li a{
  color:var(--purple);
  margin: 0;
  padding: 0.4vw 0;  
  text-transform: none;
}
header #menuWidgetContainer .mainmenu li.item-with-ul ul li a:hover{
color:var(--lavender);
}
header #menuWidgetContainer .mainmenu li.item-with-ul > a:after{
  content: '';  
  background: url(../images/new/arrowdown.svg) center center no-repeat;
  background-size:contain;
  display:inline-block;
  width:0.8vw;
  height:0.9vw;
  position: relative;
  top: 0.18vw;
  margin-left: 0.3em;
  font-family: 'TestSohne', Arial,Helvetica,sans-serif;
}
header #menuWidgetContainer .mainmenu li.item-with-ul > a{
  padding-right:0.5vw;
  position: relative;
}
header .menu-small-inner{
  display: flex;
  height: 100%;
  align-items: center;
  width: 89vw;
  justify-content: space-between;
}
.mobile-menu header .menu-small-inner {
  width: auto;
  justify-content: flex-end;
}
footer .login-block a[href*="logout"]:after,
header .login-block a[href*="logout"]:after{
  content: " | ";
}

footer a,
footer .content a {
  font-size: 1em;
  color: var(--white);
}




/*slider*/
body .rslides li .wrapper-button p{
  display: block;
  margin-bottom:0.5em;
  font-size: 2vh;    
  font-family: 'TestSohneB', Arial,Helvetica,sans-serif;
}
.rslides li .wrapper-button,
body .rslides li .bottomtext{
  width: 100%;
  position: absolute;
  left: 0;
  background: rgba(37, 37, 37, 0.8);
  color: var(--white);
  text-align: center;
  padding:0em 1vw;
}
body .rslides li .bottomtext{
  bottom: -10vh;
  opacity:0;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height:10vh;
}
.rslides li .wrapper-button {
  bottom: 0.8vw;
}
.rslides li .wrapper-button .clicksliderbtn{
  z-index: 222;
  margin:0;
  height:4.2vh;
  line-height: 4.2vh;
}
.rslides li .wrapper-button .clicksliderbtn a:after{
  content:'';
  display: block;
  background:url('../images/new/bottomdown.svg') no-repeat center center;
  display: inline-block;
  width:2.2vh;
  height:2.2vh;
  margin-left:0.5em;
  position: relative;
  top:0.3vh;
  transform: rotate(0deg);
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
body .rslides li .showbottom .bottomtext {
  bottom: 4.2vh;
  opacity:1;
  z-index: 222;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.rslides li .wrapper-button .clicksliderbtn a span{
  opacity:1;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.rslides li .wrapper-button.showbottom .clicksliderbtn a span{
  opacity:0;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.rslides li .wrapper-button.showbottom .clicksliderbtn a:after{
 transform: rotate(180deg);
 -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
body .rslides li .wrapper-button a{
  color: var(--white);
  font-size: 2vh;
  font-family: 'TestSohneH', Arial,Helvetica,sans-serif;
}
body .rslides li .wrapper-button .bottomtext a:hover {
  color: var(--heather);
}
body .rslides li .wrapper-button .clicksliderbtn a{
  font-family: 'TestSohneB', Arial,Helvetica,sans-serif;
}
body .rslides li .bottomtext p.second{
  border-top:1px solid rgba(255, 255, 255, 0.8);
  padding:0.5em 1vw 0;
  display:inline-block;
  margin-bottom:0;
}
#slidercitywidget {
  position: absolute;
  z-index: 2;
  width: 100%;
  left: 0;
  bottom: 0;
}
#slidercitywidget .widgets-city-links {
  visibility: hidden;
}
#slidercitywidget .widgets-city-links.theme34-slider-city-ready {
  visibility: visible;
}
#slidercitywidget .wrapper-button p{
  display: block;
  margin-bottom:0.5em;
  font-size: 2vh;
  font-family: 'TestSohneB', Arial,Helvetica,sans-serif;
}
#slidercitywidget .wrapper-button,
#slidercitywidget .bottomtext{
  width: 100%;
  position: absolute;
  left: 0;
  background-color: transparent;
  color: var(--white);
  text-align: center;
  padding:0em 1vw;
}
#slidercitywidget .bottomtext{
  bottom: -10vh;
  opacity:0;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height:10vh;
}
#slidercitywidget .wrapper-button {
  bottom: 0.8vw;
}
#slidercitywidget .wrapper-button .clicksliderbtn{
  z-index: 2;
  margin:0;
  height:4.2vh;
  line-height: 4.2vh;
}
#slidercitywidget .wrapper-button .clicksliderbtn a:after{
  content:'';
  display: block;
  background:url('../images/new/bottomdown.svg') no-repeat center center;
  display: inline-block;
  width:2.2vh;
  height:2.2vh;
  margin-left:0.5em;
  position: relative;
  top:0.3vh;
  transform: rotate(0deg);
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
#slidercitywidget .showbottom .bottomtext {
  bottom: 4.2vh;
  opacity:1;
  z-index: 2;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
#slidercitywidget .wrapper-button .clicksliderbtn a span{
  opacity:1;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
#slidercitywidget .wrapper-button.showbottom .clicksliderbtn a span{
  opacity:0;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
#slidercitywidget .wrapper-button.showbottom .clicksliderbtn a:after{
 transform: rotate(180deg);
 -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
#slidercitywidget .wrapper-button a{
  color: var(--white);
  font-size: 2vh;
  font-family: 'TestSohneH', Arial,Helvetica,sans-serif;
}
#slidercitywidget .wrapper-button .bottomtext a:hover {
  color: var(--heather);
}
#slidercitywidget .wrapper-button .clicksliderbtn a{
  font-family: 'TestSohneB', Arial,Helvetica,sans-serif;
}
#slidercitywidget .bottomtext p.second{
  border-top:1px solid rgba(255, 255, 255, 0.8);
  padding:0.5em 1vw 0;
  display:inline-block;
  margin-bottom:0;
}
body .nivoSlider{
  height: calc(100vh - 100px);
/*  background:url('../images/new/hero.jpg') no-repeat center center;
  background-size:cover;*/
}
.slider-wrapper {
    position: relative;
}
.front .rslides {
    z-index: 2;
}
/*#slider li {
    overflow: hidden;
}*/
.front ul.rslides img {
    max-width:5000px;
    opacity: 0;
    -webkit-transition: opacity 150ms;
    -moz-transition: opacity 150ms;
    -ms-transition: opacity 150ms;
    transition: opacity 150ms;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    display:none;
}
.front ul.rslides .loaded img {
    opacity: 1;
}
.front ul.rslides li{
  background-size:cover;
  background-position: center center;
}
#slider .rslides_tabs.rslides1_tabs{
  display: flex;
  justify-content: center;
  width: 53%;
  margin: 0 auto;
  position: absolute;
  bottom: 10vh;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
#slider .rslides_tabs.rslides1_tabs li{
  list-style: none;
  margin: 0 1%;
}
#slider .rslides_tabs.rslides1_tabs a{
  text-indent: -5000px;
  display: block;
  background-color: var(--white);
  height: 1.1vw;
  width: 1.1vw;
  border-radius: 50%;
  opacity:0.7;
}
#slider .rslides_tabs.rslides1_tabs .rslides_here a{
  background-color: var(--lavender);
}
.nivoSlider:before,
.nivoSlider:after{
  content: '';
  display:block;
  height:0.8vw;
  width:100%;
  background-color:var(--heather);
  position: absolute;
  bottom:0;
  left:0;
  z-index:2;
}
.nivoSlider:before{
  width:30%;
  background-color:var(--lavender);
  z-index: 3;
}


/*search on slider*/
div[id*=quickSearch] .autocomplete .item a{
  font-size:inherit;
}
div[id*=quickSearch] .autocomplete li.item:hover{
  background-color: var(--silver3);
}
div[id*=quickSearch] .header .search-found{
  color:var(--purple);
}
div[id*=quickSearch] .searchWidgetApp .btn div.inlinetitle,
div[id*=quickSearch] .searchWidgetApp .btn {
  font-family: 'TestSohneB', Arial,Helvetica,sans-serif;
}
@media (min-width: 1580px){
.front div[id*=quickSearch] .searchWidgetApp .listingType .option .icon:before {
  width: 0.7vw;
}
}
.front div[id*=quickSearch] .searchWidgetApp .dropdown-keywords-control .custom .btn:disabled {
  opacity: .6;
}
#searchSlider{
position: absolute;
z-index: 3;
top: calc(46vh - 100px);
left: 50%;
transform: translateX(-50%);
background-color: rgba(62, 62, 62, 0.4);
text-align: center;
padding: 1vw 1.5vw 3vw;
width:56%;
border-radius: 0.3vw;
}
#searchSlider,
#searchSlider .searchWidgetApp h2,
#searchSlider .searchWidgetApp .input-group-prepend{
  display:none;
}
#searchSlider h2{
  color:var(--white);  
  font-size:3vw;
  margin-bottom:0.8vw;
}
#searchSlider .tabs{
  float:left;
  width:50%;  
  border-radius: 0;
}
#searchSlider .innertab {
  clear:both;
}
.front #searchSlider .searchWidgetApp,
#searchSlider .innertab #form_agent_search{
  box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.35);
}
.front #searchSlider .searchWidgetApp.searchExpanded{
  box-shadow: none;
}
#searchSlider .innertab.agent{
  display:none;
}

#searchSlider .tabs:after{
  content:'';
  width:100%;
  height:1px;
  background: rgba(136, 136, 136, 0.75);
  display: block;
  position: absolute;
  bottom:0;
  left:0;
  z-index: 2;
}
#searchSlider .tabs.activetab:after{
  background: var(--purple);
  height: 2px;
}
#searchSlider .tabs.activetab{
  color:var(--purple);
}
#searchSlider .tabs{
  background-color: var(--white);
  color:rgba(136, 136, 136, 0.75);
  padding:0.3vw 0;
  position: relative;
  margin:0;
  display:block;
  z-index: 3;
  text-align: center;
}
#searchSlider .tabs:hover{
  color:var(--purple);
}
#searchSlider .tab1{
  border-top-left-radius: 0.3vw;
}
#searchSlider .tab2{
  border-top-right-radius: 0.3vw;
}
#searchSlider .precondo .tab2{
  display:none;
}
#searchSlider .precondo .tab1{
  border-top-right-radius: 0.3vw;
  width: 100%;
}
.front #searchSlider div[id*=quickSearch] .searchWidgetApp .toolbar .dropdown-keywords-control {
  grid-column: 2/span 1;
}
#searchSlider div[id*=quickSearch] .searchWidgetApp .dropdown-search-control.toolbar-item.searchBy{
  width:95%;
  height:3vw;
}
#searchSlider div[id*=quickSearch] .searchWidgetApp .input-group>.form-control:not(:first-child){
  border-radius: 0;
  border-bottom-left-radius: 0.3vw; 
}
#searchSlider #form_agent_search{
  display:flex;
}
#searchSlider #form_agent_search input[type="text"]{
  max-width:31.7%;
  line-height: 1.5;
  padding: .375rem 0.75rem;
  font-size:0.9vw;
  height: 3vw;
  border-right: 1px solid rgba(136, 136, 136, 0.75);
  margin:0;
}
#searchSlider #form_agent_search #first{
  border-bottom-left-radius: 0.3vw;
}
#searchSlider #form_agent_search .form-submit {
  border-bottom-right-radius: 0.3vw;
}
#searchSlider div[id*=quickSearch] .searchWidgetApp .search-main-wrapper .btn-submit,
#searchSlider #form_agent_search .form-submit{
  width:6.5%;
  background:var(--silver3) url(../images/new/search.svg) center center no-repeat;
  background-size: 60% auto;
}
#searchSlider div[id*=quickSearch] .searchWidgetApp .search-main-wrapper .btn-submit{
  text-indent: -60000px;    
  border: none;
  border-radius: 0;
  border-bottom-right-radius: 0.3vw; 
  width:5%;
  height: 3vw;
}
#searchSlider #form_agent_search .form-submit:hover,
#searchSlider div[id*=quickSearch] .searchWidgetApp .search-main-wrapper .btn-submit:hover{
  background-color: var(--silver2);
}
#searchSlider .open-option{
  color: var(--white);
  font-size: 0;
  margin-bottom: -2vw;
  height:1.1vw;
  text-align: right;
  font-family:'TestSohneB',Arial, Helvetica, sans-serif;
}
#searchSlider .open-option a:before{
  content:'Advanced Search';
  display:inline-block;
  font-family:'TestSohneB',Arial, Helvetica, sans-serif;
  font-size: 0.9vw;
  line-height: 1.2;
  padding-right: 0.5vw;
  text-transform: none;
}
#searchSlider .open-option a:after{
  font-family: MapSearchFont;
  font-size: 0.9vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "\f0d7";
  padding-left: 4px;
  color:var(--poppy);
}
#searchSlider .searchWidgetApp.filters-expanded .open-option{
  margin-top: 0.5vw;
}
#searchSlider .searchWidgetApp.filters-expanded .open-option a:before{
  content:'Close [X]';
  padding-right: 0;
}
#searchSlider .searchWidgetApp.filters-expanded .open-option a:after{
  display: none;
}
.front #searchSlider div[id*=quickSearch] .searchWidgetApp .toolbar{
  padding-bottom: 1vw;
}
#searchSlider .open-option a{
  color: var(--white);
  display: inline-block;
  font-size: 0;
}
#searchSlider .collapsedFilter a{
  font-size:inherit;
  border-radius: 0;
}
#searchSlider #propertyStyle .vbar.vb{
  height: 200px;
} 
#searchSlider .collapsedFilter #propertyStyle .dropdown-menu{
  width: calc(100% + 20px)!important;
}
#searchSlider .collapsedFilter #propertyStyle  .vb-dragger{
  position: absolute;
  height: 71px;
  top: 127px;
  width: 3px;
  background: var(--purple);
  right: 0px;
  z-index: 1010;
}
#searchSlider .collapsedFilter #listingType{
  display:none;
}


/* front content*/
.front #contentwidgettop .widgets-text-widget{
  display:flex;
  align-items:center;
}
.front #contentwidgettop .widgets-text-widget h2.subject{
  min-width: 40%;
}
.front #contentwidgettop .widgets-text-widget .content{
  padding-left:2em;
}

/* About Company widgets can be placed in any Theme34 page region. */
.widgets-TextTitleForBroker{
  display:flex;
  align-items:center;
}
.widgets-TextTitleForBroker h2.subject{
  min-width:40%;
}
.widgets-TextTitleForBroker .content{
  padding-left:2em;
}

#numbers{
  display:flex;
  justify-content: space-between;
  text-align:center;
}
#numbers .g1 h2.subject{
  font-size:4vw;
  color:var(--purple);  
  font-family:'TestSohneH',Arial, Helvetica, sans-serif;
  padding: 0;
  margin: 0;
}
#numbers .g1 .content p{
  font-family:'TestSohneB',Arial, Helvetica, sans-serif;
  padding: 0 1em;
}
#numbers .g1 .content p span{
  display:block;
  font-size:0.8vw;
}
#numbers .g1{
  color:var(--lavender);
}
#numbers .g1{
  border-right:1px solid rgba(0, 0, 0, 0.3);
  min-width: 25%;
  width:25%;
}
#numbers div:nth-child(4){
  border: none;
}

#citywidget .innercity{
  display: flex;
  flex-wrap: wrap;  
  justify-content: space-between;
  padding-top: 0.8vw;
}
#citywidget .innercity a{
  min-width:18%;
  background-color: var(--heather);
  height:3vw;
  line-height:2.8vw;
  text-align: center;
  margin-bottom:2em;
  position:relative;
  color:var(--purple);    
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  font-family:'TestSohneB', Arial, Helvetica, sans-serif;
}
#citywidget .innercity a:before{
  content:'';
  display:block;
  width:100%;
  height:0.8vw;
  background-color: var(--lavender);
  position:absolute;
  top:-0.8vw;
  left:0;
  border-top-left-radius: 0.3vw;
  border-top-right-radius: 0.3vw;
}
#citywidget .innercity a:hover:before{
  background-color: var(--heather);
}
#citywidget .innercity a:hover {
  background-color: var(--lavender);
  color: var(--white);
}

/* Default city widgets remain compact tiles only in their dedicated region.
   All other front-page city widgets receive the Theme34-temp card treatment. */
#theme34-default-citywidgets #footerwidgettop {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
#theme34-default-citywidgets #footerwidgettop > :not(.theme34-default-city-widget) {
  flex: 0 0 100%;
  max-width: 100%;
}
#theme34-default-citywidgets .theme34-default-city-widget {
  display: inline-block;
  width: 18%;
  margin: 0 0 2.5em;
  vertical-align: top;
}
#theme34-default-citywidgets .widgets-text-widget h2.theme34-city-widget-title {
  padding-bottom: 0.6em;
}
#theme34-default-citywidgets .theme34-default-city-widget .widgets-city-links {
  float: none;
  margin: 0;
}
#theme34-default-citywidgets .theme34-default-city-widget .widgets-city-links .main-city-image,
#theme34-default-citywidgets .theme34-default-city-widget .widgets-city-links .citylinks {
  display: none;
}
#theme34-default-citywidgets .theme34-default-city-widget .widgets-city-links .theme34-city-link {
  position: relative;
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 3vw;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0.3vw;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-color: var(--silver3);
  color: var(--purple);
  font-family: 'TestSohneB', Arial, Helvetica, sans-serif;
  line-height: 2.8vw;
  text-align: center;
  text-transform: none;
}
#theme34-default-citywidgets .theme34-default-city-widget .widgets-city-links .theme34-city-link::before {
  position: absolute;
  top: -0.8vw;
  left: 0;
  display: block;
  width: 100%;
  height: 0.8vw;
  border-top-left-radius: 0.3vw;
  border-top-right-radius: 0.3vw;
  background-color: var(--lavender);
  content: '';
}
#theme34-default-citywidgets .theme34-default-city-widget .widgets-city-links .theme34-city-link:hover {
  background-color: var(--lavender);
  color: var(--white);
}
#theme34-default-citywidgets .theme34-default-city-widget .widgets-city-links .theme34-city-link:hover::before {
  background-color: var(--heather);
}
#theme34-default-citywidgets .theme34-default-city-widget .widgets-city-links .city_name_title,
#theme34-default-citywidgets .theme34-default-city-widget .widgets-city-links h2.subject {
  position: static;
  display: block;
  margin: 0;
  padding: 0;
  color: inherit;
  font: inherit;
}

/* Theme34-temp's final city-card styling, scoped by script.js so it applies
   to any front-page region without affecting the default tiles or slider. */
body.front .theme34-citywidgets-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
  margin: 0;
  padding: 0.5rem 0 3rem;
  gap: 1.5rem;
}
body.front .theme34-citywidgets-wrapper > .theme34-temp-city-widget {
  display: block;
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 0;
  width: auto !important;
  margin: 0 !important;
}
body.front .theme34-temp-city-widget {
  margin: clamp(0.5rem, 1.26vw, 2.5rem) !important;
  display: inline-block;
  width: 25% !important;
  height: auto !important;
  position: static !important;
  z-index: auto !important;
  overflow: visible !important;
  vertical-align: baseline;
}
body.front .theme34-temp-city-widget .widgets-city-links {
  position: relative;
  width: 100% !important;
  box-sizing: border-box;
  min-height: 16.5vw;
  overflow: hidden;
  border-radius: 0;
  height: 22vw;
  margin: 0;
}
body.front .theme34-temp-city-widget .widgets-city-links .main-city-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin-top: 0;
}
body.front .theme34-temp-city-widget .widgets-city-links .main-city-image a,
body.front .theme34-temp-city-widget .widgets-city-links .main-city-image img {
  display: block;
  width: 100%;
  height: 100%;
}
body.front .theme34-temp-city-widget .widgets-city-links .main-city-image img {
  position: static;
  left: auto;
  transform: none;
  z-index: auto;
  max-width: none !important;
  object-fit: cover;
}
body.front .theme34-temp-city-widget .widgets-city-links .main-city-image::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  opacity: 0;
  background: rgba(34, 34, 34, 0.7);
  transition: all 0.6s ease-in-out;
  pointer-events: none;
}
body.front .theme34-temp-city-widget .widgets-city-links::after {
  content: '';
  display: block;
  width: 100%;
  height: clamp(5rem, 5vw, 10rem);
  background: linear-gradient(to bottom, rgba(153, 153, 153, 0) 0%, rgba(34, 34, 34, 0.7) 100%);
  position: absolute;
  bottom: 0;
  left: 0;
  transition: opacity 0.6s ease-in-out;
  pointer-events: none;
}
body.front .theme34-temp-city-widget .widgets-city-links h2.subject,
body.front .theme34-temp-city-widget .widgets-city-links .city_name_title {
  position: absolute;
  left: 1.5em;
  bottom: 1.5em;
  z-index: 1;
  margin: 0;
  padding: 0 !important;
  width: auto !important;
  background: transparent !important;
  color: var(--white);
  text-align: left !important;
  transition: bottom 0.4s ease-in-out;
  font-family: 'TestSohne', Arial, Helvetica, sans-serif;
  font-size: clamp(1.25rem, 1.25vw, 2.5rem);
}
body.front .theme34-temp-city-widget .widgets-city-links .citylinks,
body.front .theme34-temp-city-widget .widgets-city-links .citylinks_links {
  display: block !important;
}
body.front .theme34-temp-city-widget .widgets-city-links .citylinks_links {
  display: none !important;
}
body.front .theme34-temp-city-widget .widgets-city-links .main-city-image a::before {
  content: none !important;
  display: none !important;
}
body.front .theme34-temp-city-widget .widgets-city-links .citylinks > a {
  position: absolute;
  margin: 0;
  left: 1.5em;
  bottom: 1.5em;
  border-radius: 6px;
  font-size: clamp(1rem, 1vw, 2rem);
  z-index: 1;
  color: var(--white);
  opacity: 0;
  padding: 0.25em 1em;
  transform: translateY(0.5em);
  transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
}
body.front .theme34-temp-city-widget .widgets-city-links:hover .main-city-image::after,
body.front .theme34-temp-city-widget .widgets-city-links:focus-within .main-city-image::after {
  height: 100%;
  opacity: 1;
}
body.front .theme34-temp-city-widget .widgets-city-links:hover::after,
body.front .theme34-temp-city-widget .widgets-city-links:focus-within::after {
  opacity: 0;
}
body.front .theme34-temp-city-widget .widgets-city-links:hover h2.subject,
body.front .theme34-temp-city-widget .widgets-city-links:hover .city_name_title,
body.front .theme34-temp-city-widget .widgets-city-links:focus-within h2.subject,
body.front .theme34-temp-city-widget .widgets-city-links:focus-within .city_name_title {
  bottom: 4em;
}
body.front .theme34-temp-city-widget .widgets-city-links:hover .citylinks > a,
body.front .theme34-temp-city-widget .widgets-city-links:focus-within .citylinks > a {
  opacity: 1;
  transform: translateY(0);
}
@media (max-width: 900px) {
  body.front .theme34-citywidgets-wrapper > .theme34-temp-city-widget {
    flex-basis: calc(50% - 0.75rem);
  }
}
@media (max-width: 560px) {
  body.front .theme34-citywidgets-wrapper > .theme34-temp-city-widget {
    flex-basis: 100%;
  }
  body.front .theme34-temp-city-widget .widgets-city-links {
    height: 60vw;
  }
}

#fronbuttons{
  display:flex;
  justify-content: center;
  margin: 1vw auto 7vw;
}
#fronbuttons a{
  min-width:21%;
  color:var(--purple);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.4vw 0;
  margin:0 0.3em;
}
#fronbuttons a:hover{
  color:var(--white);
  background:var(--lavender);
}
#fronbuttons a:before{
  content:'';
  width:1.9vw;
  height:2.4vw;
  display: block;
  margin-right:1em;
}
#fronbuttons a.recent:before{
  background:url(../images/new/searchAll.svg) no-repeat center 0;
  background-size: 100% auto;
  height:2.2vw;
}
#fronbuttons a.mapf:before{
background:url(../images/new/mapexploreAll.svg) no-repeat center 0;
background-size: 100% auto;
}
#fronbuttons a.agentf:before{
  background:url(../images/new/contactagentAll.svg) no-repeat center 0;
  background-size: 100% auto;
  width: 2.4vw;
  height: 2.2vw;
}
#fronbuttons a.precondo:before{
  background:url(../images/new/precondo.svg) no-repeat center 0.2vw;
  background-size: 100% auto;
  }
  #fronbuttons a.recent:hover:before{
    background:url(../images/new/searchAll.svg) no-repeat center -1.9vw;
    background-size: 100% auto;
  }
#fronbuttons a.mapf:hover:before{
  background:url(../images/new/mapexploreAll.svg) no-repeat center -2.2vw;
  background-size: 100% auto;
  }
#fronbuttons a.agentf:hover:before{
  background:url(../images/new/contactagentAll.svg) no-repeat center -2.4vw;
  background-size: 100% auto;
}
#fronbuttons a.precondo:hover:before{
  background:url(../images/new/precondo.svg) no-repeat center -1.98vw;
  background-size: 100% auto;
}

#bottom-wrapper{
  background: url(../images/new/connect.jpg) no-repeat center top;
  background-size: 100% auto;
  border-left:0.8vw solid #999;
  margin: 7vw 0;
  padding: 2.4vw 0;
}
#bottom-wrapper .innerfront{
  margin-top:0;
  margin-bottom: 0;
}
#bottom-wrapper div[id*="textWidget"]{
  width:40%;
  min-width:400px;
  margin-left: -0.9vw;
}
#bottom-wrapper h3{
  font-size:1.7vw;
  color:var(--purple); 
  margin: 1.4vw 0;
}
#bottom-wrapper .innerfront div:nth-child(1){
  margin-bottom:2vw;
}

/*feature listing*/
#propertyViewApp .datepicker table tr td.active.active,
#propertyViewApp .datepicker table tr td.active.highlighted.active,
#propertyViewApp .datepicker table tr td.active.highlighted:active,
#propertyViewApp .datepicker table tr td.active:active{
  background-color:var(--purple);
}
.property-view-mobile .privacy.credential,
.property-view .privacy.credential{
  display: none;
}
.property-view-mobile .property-column a,
.property-view .property-column a,
.property-view-mobile .credential a,
.property-view .credential a{
font-size:inherit;
}
.property-column.agent-info h3,
#propertyViewApp button,
.property-view-map .right-form .dropdown-control .dropdown-toggle, 
.property-view .property-column .dropdown-control .dropdown-toggle{
  font-family:'TestSohne', Arial,Helvetica,sans-serif;
}
.property-column .request-more .col li a, 
.property-view-map .right-form .property-form .col li a,
#propertyViewApp .drip-campaign-btns li a{
  font-size:1em;
}
.property-column .dropdown-control.open .dropdown-toggle,
.property-view-map .dropdown-control.open .dropdown-toggle{
  background-color: transparent;
  color: inherit;
}
.front .widgets-featuredListings h2{
  padding-top: 3vw;
  margin:0 0 1.5vw 0;
}
.front .widgets-featuredListings .horizontal_scroll .wrapper_scroll{
  float: none;
}
.front .widgets-featuredListings .jcarousel-wrapper{
  width: 100%;
  left:0px;
}
.front .widgets-featuredListings .horizontal_scroll .jcarousel{
  width:calc(100% + 0.8vw);
  height:auto;
  margin: 0 0 0 -0.8vw;
}
.front .widgets-featuredListings .horizontal_scroll .jcarousel > ul > li{
  height:auto;
  margin: 0 1vw;
}
.front .widgets-featuredListings .feature_ribbon,
.front .widgets-featuredListings .featuredListingSquareFootage{
  display:none;
}
.front .widgets-featuredListings div.price_bedroom_bathroom, 
.front .widgets-featuredListings div.featuredListingAddress, 
.front .widgets-featuredListings div.featuredListingPrice{
  float:none;
  height: auto;
  border-bottom: none;
}
.front .widgets-featuredListings .featured_multi_img_wrapper {
  width: 100%;
  height: 100%;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  height:12vw;
}
.front .widgets-featuredListings a.featured_readmore{
  position: absolute;
  bottom: 0;
  left:0;
  background: transparent;
  text-indent: -5000px;
  width: 100%;
  height: 100%;
  overflow:hidden;
}
.front .widgets-featuredListings .featuredListingCity {
  float: none;
  height: auto;
  background: none;
  padding:0;
  text-align: left;
  max-width: 100%;
  position: absolute;
  bottom: 1vw;
  left: 1.2vw;
  margin: 0;
  font-size: 1vw;
  color: var(--lavender);
  display: none;
}
.front .widgets-featuredListings div.featuredListingAddress {
  width: 100%;
  min-height: 2.5vw;
  font: inherit;
  line-height: 1.1;
  display: block;
  padding: 0;
  margin: 1em 0 0;
  order: 3;
  font-size: 1vw;
  color: var(--lavender);
}
.front .widgets-featuredListings div{
  width:100%;
}
.front .widgets-featuredListings div.property_div{
  width:20.65vw;
  right:0;  
  box-shadow: 0px 4px 10px 0px rgba(37,37,37,0.25);
  margin-bottom:1vw;
}
.front .widgets-featuredListings .property_div img.featured {
  max-width: 100%;
  max-height: 3000px;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.front .widgets-featuredListings .wrapperFeature{
  display:flex;
  flex-direction: column;
  padding:1em 1.2vw 0.3vw;
}
.front .widgets-featuredListings div.featuredListingPrice{
  order:1;
  margin-bottom: 0;
}
.front .widgets-featuredListings div.price_bedroom_bathroom{
  order:2;
  text-align:right;
  margin-top:-2.5vw;
}
.front .widgets-featuredListings .featuredPricePlaceholder {
  float: none;
  font: inherit;
  margin-left: 0;
  font-size:1.7vw;
  color:var(--purple);
}
.front .widgets-featuredListings .featuredListingBathroom,
.front .widgets-featuredListings .featuredListingBedroom{
  background:none;
  min-width: 1px;
  padding: 0;
  margin: 0 0 0 0.5em;
  line-height: 1;
  font-size: 1.1vw;
}
.front .widgets-featuredListings .featuredListingBedroom:before{
  content: "";
  display:inline-block;
  width:1.3vw;
  height:1.3vw;
  background:url(../images/new/bed.svg) no-repeat center center;
  background-size: contain;
  position: relative;
  top: 0.3vw;
  margin-right: 0.15em;
}
.front .widgets-featuredListings .featuredListingBathroom:before{
  content: "";
  display:inline-block;
  width:1.2vw;
  height:1.3vw;
  background:url(../images/new/bath.svg) no-repeat center center;
  background-size: contain;
  position: relative;
  top: 0.15vw;
}
.front .widgets-featuredListings .horizontal_scroll .jcarousel-control-prev, 
.front .widgets-featuredListings .horizontal_scroll .jcarousel-control-next{
  top: 8vw;
  width: 2vw;
  height: 3vw;
  background: transparent;
  text-shadow: none;
  font: inherit;
  border-radius: 0;
  text-indent: -4000px;
  background: url(../images/new/arrowleft.svg) no-repeat center center;
  background-size:contain;
  left:-3vw;
}
.front .widgets-featuredListings .horizontal_scroll .jcarousel-control-next{
  left: auto;
  right: -3vw;
  background: url(../images/new/arrowright.svg) no-repeat center center;
  background-size:contain;
}
.front .widgets-featuredListings div.featuredListingPrice .price_unit{
  position: relative;
  font-size: 0.8vw;
  top: -0.5vw;
}
.front .widgets-featuredListings .property_div:hover img.featured {
  transform: scale(1.2);
}
.front .widgets-featuredListings a.tooltip,
.front .widgets-featuredListings a.tooltipcity{
  pointer-events: none;
  font-size: 1vw;
}
.front .widgets-featuredListings a.tooltip span,
.front .widgets-featuredListings a.tooltipcity span{
  display:none;
}
.front .widgets-featuredListings a.tooltip span.fulltip,
.front .widgets-featuredListings a.tooltipcity span.fulltipcity{
  visibility: visible;
  display:block;
  position: static;
  text-align: left;
}


/*blog post*/
.front .blogPost-main h2.subject{
  text-align: left;
  margin: 0 0 1.5vw 0;
}
.front .blogPost-main:after{
  display: NONE;
}
.front div.widgets-latestBlog-widget{
  width:100%;
}
.front #contentwidget5 div[id*="textWidget"] h2.subject,
.front #footerwidgettop div[id*="textWidget"] h2.subject,
.front .widget .blogPost-main .widgets-latestBlog-widget .blogPost-title h2{
  white-space: normal;
  overflow: visible;
  text-overflow: unset;
  color: var(--white);
  font-family:'TestSohneB', Arial,Helvetica,sans-serif;
  font-size:1.3vw;
}
.front #contentwidget5 div[id*="textWidget"] h2.subject{
  padding-bottom:0;
  margin-bottom: 0.8em;
}
.front .blogPost-main .mobile-blogPost-arrow,
.front .blogPost-prev,
.front .blogPost-next,
.front .blogPost-main .blogPost-date,
.front .blogPost-description,
.blogPost-main .blogPost-info .blogPost-comments{
  display: none!important;
}
.front .blogPost-main .jcarousel > ul{
  left:0!important;
  top:0!important;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.front .blogPost-slider-controls .blogPost-read-more{
  border:0;
  margin: 0;
  padding: 0;
  height: 100%;
  background: transparent;
  color: transparent!important;
  font-size: 0;
  line-height: 0;
  text-transform: none;
  overflow:hidden;
}
.front .blogPost-slider-controls .blogPost-read-more:hover::before{
  background-color: var(--charcoal);
  color: var(--white);
}
.front .blogPost-slider-controls {
  margin-top: 0;
  display: block;
  padding: 0;
  height:2.2vw;
}
.front #contentwidget5 div[id*="textWidget"] .widgets-text-widget .widgets-text-widget,
.front .blogPost-main .blogPost-content-info {
  padding: 0 2.5vw;
  height: auto;
  position: absolute;
  width: 100%;
  bottom:-1vw;
  left:0em;  
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}
.front #contentwidget5 div[id*="textWidget"] .widgets-text-widget .widgets-text-widget{
  margin: 0;
  width: 100%!important;
}
.front #contentwidget5 div[id*="textWidget"] .widgets-text-widget,
.front .blogPost-main .blogPost-content{
  position:relative;
  margin: 0 0 2.2vw;
  min-width: 31.5%;
  width: auto!important;
  overflow:hidden;
}
.front #contentwidget5 div[id*="textWidget"] .widgets-text-widget .content img,
.front .blogPost-main .blogPost-image {
  background-position: center top;
  height: 24vw;
}
.front #contentwidget5 div[id*="textWidget"] .widgets-text-widget .content img{
  visibility: hidden;
}
.front #contentwidget5 div[id*="textWidget"]:hover .widgets-text-widget .content p:after,
.front .blogPost-main .blogPost-content:hover .blogPost-image:after{
  background:rgba(37, 37, 37, 0.7);
  height:100%;
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}
.front #contentwidget5 div[id*="textWidget"] p{
  background-size:cover;
  background-position: center center;
  margin:0;
}
.front #contentwidget5 div[id*="textWidget"] .widgets-text-widget .widgets-text-widget p a,
.front #footerwidgettop div[id*="textWidget"] .widgets-text-widget p a{
  background-color: var(--poppy);
  padding: 0.3vw 1.5vw;
  color: var(--white);
  line-height: 1.5;
  display: inline-block;
  font-size: 1vw;
  height: 2.1vw;
  overflow: hidden;
  font-weight: normal;
}
.front #contentwidget5 div[id*="textWidget"] .widgets-text-widget .widgets-text-widget p a:hover,
.front #footerwidgettop div[id*="textWidget"] .widgets-text-widget p a:hover{
  background-color: var(--charcoal);
  color: var(--white);
}
.front #contentwidget5 div[id*="textWidget"]:hover .widgets-text-widget .widgets-text-widget,
.front .blogPost-main .blogPost-content:hover .blogPost-content-info{
  bottom:2vw;
}
.front #contentwidget5 div[id*="textWidget"]:hover .widgets-text-widget .widgets-text-widget .content,
.front .blogPost-main .blogPost-content:hover .blogPost-info {
  bottom: -0.2vw;
}
.front .blogPost-main .jcarousel > ul li:nth-child(1){
order:1;
}
.front .blogPost-main .jcarousel > ul li:nth-child(2){
  order:2;
}
.front .blogPost-main .jcarousel > ul li:nth-child(3){
  order:3;  
}
.front .blogPost-main .jcarousel > ul li:nth-child(4){
  order:5;
}  
.front .blogPost-main .jcarousel > ul li:nth-child(5){
  min-width:65.7%;
  order:4;
}
.front #contentwidget5 div[id*="textWidget"]{
  width:65.7%;
  position: relative;  
}
.front #contentwidget5:not(.widgetsRegions) div[id*="textWidget"]{  
  margin-top: -28.4vw;
}
.front #contentwidget5 div[id*="textWidget"] .widgets-text-widget .content p:after,
.front .blogPost-content .blogPost-image:after{
  content:'';
  display:block;
  width:100%;
  height:8vw;
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(37,37,37,0.61) 100%);
  position: absolute;
  bottom:0;
  left:0;
}
.front #contentwidget5 div[id*="textWidget"] .widgets-text-widget .widgets-text-widget .content p:after{
  display:none;
}
.front .blogPost-slider .jcarousel-wrapper{
  left:0px;
}
.front div[id*="latestBlogPost-0-"].widget{
  margin-bottom:0;
}
#newsinfo{
  margin-bottom:9vw;
}
.front .widgets-latestBlog-widget{
  padding-bottom:0;
}
.front #contentwidget5 div[id*="textWidget"] .widgets-text-widget .widgets-text-widget .content,
.front .blogPost-info {
  position: relative;
  bottom: -2vw;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;  
}
.blogPost-main .blogPost-info .blogPost-read-more a:before{
  content:'Read on the Blog';
  display:block;
}
.blogPost-main .blogPost-info .blogPost-read-more a{
  height: 2.1vw;
  overflow: hidden;
  font-weight: normal;
}
/*blog*/
.inner .node.blog .title a{
  font-size: 1.4vw;
  text-transform: capitalize;
  line-height: 1.2;
  margin: 0 0 0.5vw;
  display: block;
  color:var(--purple);
}
.inner .node.blog .post_date{
  display:flex;
  margin-bottom: 1vw;
}
.inner .node.blog .post_date br{
  display:none;
}
.inner .node.blog .addthis_toolbox{
  margin: 2vw 0 1vw;
}
.inner .node.blog .addthis_toolbox a{
  margin:0;
}
.inner #comment_form fieldset{
  display:none;
}
.inner #comment_form .form-item.Subject{
  max-width:50%;
}
.inner .comment{
  padding-bottom: 1vw;
}
.inner .comment .links,
.inner .node.blog .links{
  font-size: 0.9vw;
}
.inner .comment .links a,
.inner .node.blog .links a{
  background: var(--purple);
  color: #fff;
  line-height: 1;
  padding: 0.25vw 0.6vw 0.4vw;
  text-transform: capitalize;
  font-size: 0.9vw;
}
.inner .comment-title .legend{
  border-bottom: 2px solid var(--purple);
  font-weight: 600;
  font-size: 1.1vw;	
}
.inner .comment .submitted{
  color: var(--purple);
  font-weight: 600;
  font-size: 0.8vw;
  font-style: normal;
  margin-bottom: 5px;
}
.inner .comment h3.title{
  font-size: 1.1vw;
  margin: 1vw 0px 0.25vw;
}
.inner .comment h3.title a{
  color:var(--purple);
}
.inner .comment .content{
  margin: 0.5vw 0 1.5vw;
}
body[class*="_blog_"] .node .content img{
  height: auto !important;
  max-height: 10vw;
  width: auto !important;
}
body[class*="_blog_"] .maincontentinner{
  position:relative;
}
body[class*="_blog_"] .maincontent{
  margin:auto;
}
body[class*="_blog_"] #wsidebar_right,
body .node.blog #wsidebar_right{
  display:none;
}
body[class*="_blog_"]  .node.blog{
  overflow: auto;
  position: relative;
  margin-bottom:1.5em;
}
.blog h2.title{
  margin-top:0;
}
.blog ul{
  list-style-position: outside;
  padding-left: 15px;
}
.inner .feed-icon{
  clear: both;
  float: left;
}
.inner .form-standard.comment-title{
  clear:left;
}
.inner .node.blog .links{
  float: left;
  clear: both;
}
body[class*="_blog_"] .post_date{
  float:left;
  margin-right:1.5vw;
}
body[class*="_blog_"] .comment_date, 
body[class*="_blog_"] .post_date{
  background:var(--purple);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
  border: 1px solid var(--purple);
  border-radius: 0.3vw;
  display:flex;
  flex-direction: column;
  text-align: center;
  width:3.6vw;
  margin-top: 0.3vw;
}
body[class*="_blog_"] .post_date span{
  display:block;
  flex:1;
}
body[class*="_blog_"] .post_date span:nth-child(1),
body[class*="_blog_"] .post_date span:nth-child(2){
  background:#fff;
  font-weight:700;
  font-size: 0.8vw;
  line-height: 1;
}
body[class*="_blog_"] .post_date span:nth-child(1){
  border-top-left-radius:5px;
  border-top-right-radius:5px;
  padding: 0.5vw 0 0;
}
body[class*="_blog_"] .post_date span:nth-child(2){
  padding: 0.2vw 0.5vw 0.5vw;
}
body[class*="_blog_"] .post_date span:nth-child(3){
  color: var(--white);
  font-size: 0.8vw;
  line-height: 1;
  padding: 0.4vw 0;
}
.inner .node.blog .content .main_blog_image{
  max-height:20vw;
  margin-bottom: 2em;
}
.inner #comment_form .form-item.Your-name{
  display:none;
}

@media (max-width:1510px){
  header > figure.mainuser figcaption,
  header > figure.mainuser figcaption * {
    font-size: 0.95rem;
  }
  header > figure.mainuser figcaption dl *,
  header > figure.mainuser .top_license,
  header > figure.mainuser .top_license span {
    font-size: 0.7rem;
  }
  #searchSlider .precondo .tab1 {
    border-top-right-radius: 4px;
  }
  .front .blogPost-slider-controls{
    height:2.2em;
  }
   .inner .node.blog .title a {
    font-size: 0.8em;
    margin: 0 0 0em;
  }
  .inner .comment .links a,
  .inner .node.blog .links a{
    padding: 0.5em 0.7em 0.5em;    
    font-size: 0.85em;
    margin-bottom: 0.4em;
    display: inline-block;
  }
  .inner .comment .links, .inner .node.blog .links {
    font-size: 0.95em;
  }
  body[class*="_blog_"] .post_date span:nth-child(1), body[class*="_blog_"] .post_date span:nth-child(2) {
    font-size: 0.85em;
  }
  body[class*="_blog_"] .post_date span:nth-child(3) {
    font-size: 0.8em;
    padding: 0.4em; 
  }
  body[class*="_blog_"] .post_date span:nth-child(2) {
    padding: 0.2em 0.5em 0.5em;
  }
  body[class*="_blog_"] .comment_date, body[class*="_blog_"] .post_date {
    width: 3.4em;
    border-radius: 4px;
    margin-top: 0.3em;
  }
  body[class*="_blog_"] .post_date {
    margin-right: 1.3em;
  }
  body[class*="_blog_"] .node .content img {
    max-height: 10em;
  }
  .inner .node.blog .content .main_blog_image {
    max-height: 20em;
  }
  .inner .comment h3.title{
    font-size: 1.2em;
    margin: 1em 0px 0.25em;
  }
  .inner .comment .submitted {
    font-size: 0.8em;
  }
  .inner .comment .content {
    margin: 0.5em 0 1.5em;
  }
  .inner .comment-title .legend {
    font-size: 1.1em;
  }
}

@media (max-width:630px){
body[class*="_blog_"] .node .content img {
  float: none!important;
  margin-left: 0!important;
}
}

 /* Basic Grid */
.grid-container-full{
  width:100%;
}
.gr-content-container{
  padding:0px 1vw;
  display:flex;
  flex-direction:row;
  flex-wrap: wrap;
}
.gr-container-limited{
  display:flex;
  flex-direction:row;
  max-width:60%;
  margin:auto;
  width:100%;  
}
.node .gr-content-container.two-columns{
  margin:0 -3.5vw;
}
*[class*='gr-con-']{
  padding: 0 2.5vw;	
}
.gr-con-2{
  width:16.66666666667%;
}
.gr-con-3{
  width:25%;
}
.gr-con-4{
  width:33.33333333333%;
}
.gr-con-5{
  width:41.66666666667%;
}
.gr-con-6{
  width:50%;
}
.gr-con-7{
  width:58.33333333333%;
}
.gr-con-8{
  width:66.66666666667%;
}
.gr-con-9{
  width:75%;
}
.gr-con-12{
  width:100%;
}
.inner .main-wrapper{
  padding: 9vw 2.5vw 5vw;
}

 /* Inner pages */
.inner .menutab .tabs{
  border-bottom: 1px solid var(--purple);
  display: flex;
  padding:0;
  margin:0;
}
.inner .menutab ul.primary li a{
  background-color:var(--purple);
  border: 1px solid var(--purple);
  color:var(--white);
  display: block;
  padding: 0.5vw 1vw;
  font-weight: 600;
  font-size: 0.9vw; 
  text-transform: capitalize;
}
.inner ul.primary li.active a{
  background:var(--white);
  border-bottom:0;
  color:var(--purple);
}

@media (max-width:1510px){
a {
  border-radius: 4px;
  font-size:1em;
}
ul {
  font-size:1em;
}
p {
  margin-bottom: 0.6em;
  font-size: 1em;
}
h1{
  font-size:2.2em;
  margin-bottom:0.4em;
}
h2{
  font-size:1.8em;
  margin-bottom:0.4em;
}
h5, h4, h3 {
  margin-bottom: 0.9em;
}
h3{
  font-size:1.5em;
}
h4{
  font-size:1.3em;
}
h5{
  font-size:1.15em;
}
#slider .rslides_tabs.rslides1_tabs a {
  height: 1em;
  width: 1em;
}
#slider .rslides_tabs.rslides1_tabs li {
  margin: 0 0.4em;
}
.rslides li .wrapper-button {
  bottom: 0.8em;
  padding: 0em 1em;
}
#slidercitywidget .wrapper-button {
  bottom: 0.8em;
  padding: 0em 1em;
}
.innerfront {
  margin: 3.5em auto;
}
header #menuWidgetContainer .mainmenu li a {
  font-size: 0.9em;
  margin: 0 0.75em;
}
header #menuWidgetContainer .mainmenu li.item-with-ul > a {
  padding-right: 0.5em;
}
header .menu_btn a {
  font-size: 0.95em;
}
header a.logoheader {
  width: 6em;
  margin: 0 1.6em 0 5vw;
}
#numbers .g1 .content p span {
  font-size: 0.7em;
}
#searchSlider h2 {
  color: var(--white);
  margin-bottom: 0.4em;
}
#searchSlider {
  padding: 1vw 1.5em 3em;
  border-radius: 8px;
}
#searchSlider .tabs {
  font-size: 1em;
  padding: 0.3em 0;
}
#searchSlider div[id*=quickSearch] .searchWidgetApp .input-group>.form-control:not(:first-child) {
  border-bottom-left-radius: 4px;
}
#searchSlider .tab2 {
  border-top-right-radius: 4px;
}
#searchSlider .tab1 {
  border-top-left-radius: 4px;
}
#searchSlider div[id*=quickSearch] .searchWidgetApp .search-main-wrapper .btn-submit {
  border-bottom-right-radius: 4px;
  height: 3em;
}
#searchSlider div[id*=quickSearch] .searchWidgetApp .dropdown-search-control.toolbar-item.searchBy {
  height: 2.85em;
}
#searchSlider #form_agent_search #first {
  border-bottom-left-radius: 4px;
}
#searchSlider #form_agent_search input[type="text"] {
  font-size: 0.95em;
  height: 3em;
}
.front #searchSlider div[id*=quickSearch] .searchWidgetApp #searchBy .form-control, 
.front #searchSlider div[id*=quickSearch] .searchWidgetApp .input-group>.input-group-prepend>.btn:not(:disabled):not(.disabled) {
  font-size: .95em;
}
#searchSlider #form_agent_search .form-submit {
  border-bottom-right-radius: 4px;
}
#searchSlider .open-option {
  margin-bottom: -28px;
  height: 23px;
}
#searchSlider .open-option a:before {
  font-size: 14px;
  padding-right: 1em;
}
#searchSlider .open-option a:after{
  font-size: 14px;
}
.front #searchSlider div[id*=quickSearch] .searchWidgetApp .toolbar {
  padding-bottom: 1.3em;
}
.front h2.subject, body div.widget div.blogPost-main h2.subject, h2.front2 {
  padding-bottom: 0.7em;
  margin: 0;
}
#fronbuttons a{
  padding:0.4em 0;
}
#fronbuttons a.recent:before{
  height: 2em;
}
#fronbuttons a:before {
  width: 1.8em;
  height: 2.4em;
}
#fronbuttons a.agentf:before{
  width: 2.1em;
  height: 2em;
}
#fronbuttons a.agentf{
  min-width:190px;
}
#fronbuttons a.mapf{
  min-width:176px;
}
#fronbuttons a.recent{
  min-width:230px;
}
#fronbuttons a.precondo{
  min-width:240px;
}
#fronbuttons a.recent:hover:before {
  background-position: center -1.8em;
}
#fronbuttons a.agentf:hover:before {
  background-position: center -2.1em;
}
#fronbuttons a.mapf:hover:before {
  background-position: center -2em;
}
#fronbuttons a.precondo:before{
  background-position: center 0.1em;
}
#fronbuttons a.precondo:hover:before{
  background-position: center -1.9em;
}
#fronbuttons {
  margin: 1em auto 7em;
}
#citywidget .innercity a {
  height: 2.8em;
  line-height: 2.6em;
}
#citywidget .innercity a:before {
  height: 0.8em;
  top: -0.8em;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
#bottom-wrapper {
  border-left-width: 0.8em;
  margin: 7em 0;
  padding: 2.4em 0;
  background-size: cover;
}
.front #contentwidget5 div[id*="textWidget"] .widgets-text-widget .widgets-text-widget p a, .front #footerwidgettop div[id*="textWidget"] .widgets-text-widget p a,
.blogPost-main .blogPost-info .blogPost-read-more a, 
a.orange {
  padding: 0.3em 1.5em;
  font-size: 1em;
}
.front .blogPost-slider-controls .blogPost-read-more::before {
  padding: 0.3em 1.5em;
  font-size: 1rem;
}
.front #contentwidget5 div[id*="textWidget"] .widgets-text-widget .widgets-text-widget p a, .front #footerwidgettop div[id*="textWidget"] .widgets-text-widget p a,
.blogPost-main .blogPost-info .blogPost-read-more a {
  height: 2.1em;
}
.front #contentwidget5:not(.widgetsRegions) div[id*="textWidget"]{
  margin-top: calc(-26.2vw - 2.2em);
}
.front #contentwidget5 div[id*="textWidget"] h2.subject, 
.front #footerwidgettop div[id*="textWidget"] h2.subject,
.front .widget .blogPost-main .widgets-latestBlog-widget .blogPost-title h2 {
  font-size: 1.2em;
}
footer::before, footer::after,
.nivoSlider:before, .nivoSlider:after {
  height: 0.8em;
}
footer::before, footer::after {
  top: -0.8em;
}
#searchSlider .searchWidgetApp.filters-expanded .open-option {
  margin-top: 8px;
}
#bottom-wrapper h3 {
  font-size: 1.1em;
  margin: 1.2em 0;
}
.front #contentwidget5 div[id*="textWidget"] .widgets-text-widget .widgets-text-widget .content,
.front .blogPost-info {
  bottom: -2em;
}
header #menuWidgetContainer .mainmenu li.item-with-ul > a:after{
  width:0.9em;
  height:0.9em;
  top: 0.1em;
}
header{
  height:5.5em;
}
.sticky-menu-active header {
  height: 3em;
}
.inner .main-wrapper {
  padding: 8em 2.5vw 4em;
}
.inner .menutab ul.primary li a{
  font-size: 0.9em;
  padding: 0.5em 1em;
}
#newsinfo {
  margin-bottom: 9em;
}
}


@media (max-width: 1300px){
.front .widgets-featuredListings div.property_div{
  width:28.1vw;
}
.front .widgets-featuredListings .featured_multi_img_wrapper {
  height: 17vw;
}
.front .widgets-featuredListings .featuredListingBathroom, .front .widgets-featuredListings .featuredListingBedroom {
  font-size: 1.4vw;
}
.front .widgets-featuredListings div.featuredListingAddress {
  font-size: 1.3vw;
}
.front .widgets-featuredListings a.tooltip, .front .widgets-featuredListings a.tooltipcity {
  font-size: 1em;
}
.front .widgets-featuredListings .featuredPricePlaceholder {
  font-size: 2.2vw;
}
.front .widgets-featuredListings .wrapperFeature {
  padding: 1em 1.6vw 0.5vw;
}
.front .widgets-featuredListings div.featuredListingPrice .price_unit{
  font-size: 1.2vw;
  top: -0.7vw;
}
.front .widgets-featuredListings .featuredListingBedroom:before{
  width:1.8vw;
  height:1.8vw;
  top: 0.35vw;
}
.front .widgets-featuredListings .featuredListingBathroom:before{
  width:1.8vw;
  height:1.8vw;
  top: 0.15vw;
}
.front .widgets-featuredListings .horizontal_scroll .jcarousel-control-prev, 
.front .widgets-featuredListings .horizontal_scroll .jcarousel-control-next{
  top: 12vw;
  width: 3vw;
  height: 4vw;  
}
.front .widgets-featuredListings div.price_bedroom_bathroom {
  margin-top: -3.5vw;
}
#searchSlider{
  width:66%;
}
#slider .rslides_tabs.rslides1_tabs {
  width: 62%;
}
}

@media (max-width: 1170px){
#searchSlider h2 {
  color: var(--white);
  font-size: 3.5vw;
}
.blogPost-main .blogPost-slider {
  width: 100%;
}
}


@media (max-width: 1070px){
  #searchSlider{
    width:76%;
  }
  .front #searchSlider div[id*=quickSearch] .searchWidgetApp .toolbar {
    grid-template-columns: repeat(auto-fit,minmax(20vw,1fr));
  }
  #searchSlider #form_agent_search .form-submit,
  #searchSlider div[id*=quickSearch] .searchWidgetApp .search-main-wrapper .btn-submit{
    width:7%;
  }
  #searchSlider div[id*=quickSearch] .searchWidgetApp .dropdown-search-control.toolbar-item.searchBy{
    width:93%;
  }
  #searchSlider #form_agent_search input[type="text"] {
    max-width: 31%;
  }
  #slider .rslides_tabs.rslides1_tabs {
    width: 71%;
  }
  #fronbuttons{
    flex-wrap: wrap;
  }
}

@media (max-width: 1024px){
  .gr-con-3-md{
    width:25%;
  }
  .gr-con-6-md{
    width:50%;
  }
  .gr-con-9-md{
    width:75%;
  }
  .gr-con-12-md{
    width:100%;
  }
  .gr-container-limited{
    max-width: 80%;
  }
}

@media (max-width: 1000px){
.front .widgets-featuredListings .horizontal_scroll .jcarousel-control-prev, 
.front .widgets-featuredListings .horizontal_scroll .jcarousel-control-next {
  top: 17vw;
  width: 2em;
  height: 3em;
}
.front .widgets-featuredListings div.property_div {
  width: 41.9vw;
}
.front .widgets-featuredListings .horizontal_scroll .jcarousel > ul > li {
  margin: 0 1.5vw;
}
.front .widgets-featuredListings .featured_multi_img_wrapper {
  height: 24vw;
}
.front .widgets-featuredListings .featuredListingBathroom, .front .widgets-featuredListings .featuredListingBedroom {
  font-size: 2vw;
}
.front .widgets-featuredListings div.featuredListingAddress {
  font-size: 1.8vw;
  min-height: 4.5vw;
}
.front .widgets-featuredListings .featuredPricePlaceholder {
  font-size: 2.9vw;
}
.front .widgets-featuredListings .featuredListingBathroom:before,
.front .widgets-featuredListings .featuredListingBedroom:before {
  width: 2.2vw;
  height: 2.2vw;
}
.front .widgets-featuredListings div.featuredListingPrice .price_unit{
  font-size:1.7vw;
}
}


@media (max-width: 900px){
.front.mobileVersion .widgets-featuredListings .horizontal_scroll .jcarousel-control-next {
  right: -1.35vw;
}
.innerfront {
  width: 90%;
}  
#searchSlider h2 {
  color: var(--white);
  font-size: 2em;
}
.front h2.subject, body div.widget div.blogPost-main h2.subject, h2.front2 {
  font-size: 2em;
}
#theme34-default-citywidgets .widgets-text-widget h2.theme34-city-widget-title {
    padding-bottom: 1em;
}
#theme34-default-citywidgets .theme34-default-city-widget {
  width: 31%;
}
#contentwidgettop .widgets-text-widget {
  display: block;
}
#contentwidgettop .widgets-text-widget .content {
  padding-left: 0;
}
.widgets-TextTitleForBroker {
  display: block;
}
.widgets-TextTitleForBroker .content {
  padding-left: 0;
}
#numbers .g1 h2.subject {
  font-size: 3em;
}
#numbers .g1 {
  min-width: 50%;
  width: 50%;
}
#numbers .g1:nth-child(even){
  border:none;
}
#numbers {
  flex-wrap: wrap;
}
#numbers .g1:nth-child(3),
#numbers .g1:nth-child(4){
  margin-top:2em;
}
.front #searchSlider div[id*=quickSearch] .searchWidgetApp .toolbar{
  grid-template-columns: repeat(auto-fit,minmax(30vw,1fr));
}
.front #searchSlider div[id*="quickSearch"] .searchWidgetApp.commercial .toolbar .dropdown-keywords-control {
  grid-column: 1 /span 2;
}
#fronbuttons a:hover {
  color: var(--purple);
  background: transparent;
}
#fronbuttons a.recent:hover:before,
#fronbuttons a.agentf:hover:before,
#fronbuttons a.mapf:hover:before {
  background-position: center 0;
}
#fronbuttons a.precondo:hover:before{
  background-position: center 0.1em;
}
#citywidget .innercity a {
  min-width: 28%;
}
#citywidget .innercity a:last-child{
  margin:auto;
}
.front .blogPost-main .blogPost-content {
  min-width: 49%;
}
.front #contentwidget5 div[id*="textWidget"] .widgets-text-widget .content img, .front .blogPost-main .blogPost-image,
.front .blogPost-main .blogPost-image {
  height: 34vw;
}
.front .blogPost-main .jcarousel > ul li:nth-child(5) {
  min-width: 100%;
}
.front .blogPost-content .blogPost-image:after {
  height: 16vw;
}
.front .blogPost-main .blogPost-content-info {
  bottom: -2em;
}
.front .blogPost-main .jcarousel > ul li:nth-child(4) {
  order: 4;
}
.front .blogPost-main .jcarousel > ul li:nth-child(5) {
  order: 5;
}
.front #contentwidget5 div[id*="textWidget"] {
  width: 100%;
}
.front #contentwidget5:not(.widgetsRegions) div[id*="textWidget"] {
  margin-top: calc(-36.2vw - 2.2em);
}
#fronbuttons {
  margin-bottom: 2em;
}
#theme34-default-citywidgets .theme34-default-city-widget .widgets-city-links .theme34-city-link {
  height: 2.8em;
  line-height: 2.6em;
  border-radius: 4px;
}
#bottom-wrapper {
  margin: 4em 0;
}
}

@media (max-width: 768px){
.gr-con-3-sm{
  width:25%;
}
.gr-con-6-sm{
  width:50%;
}
.gr-con-9-sm{
  width:75%;
}
.gr-con-12-sm{
  width:100%;
}
.gr-container-limited {
  max-width: 94%;
}
}

@media (max-width: 720px){
.front .widgets-featuredListings div.property_div {
  width: 60vw;
}
.front .widgets-featuredListings .horizontal_scroll .jcarousel > ul > li {
    margin: 0 15vw;
}
.front .widgets-featuredListings .featured_multi_img_wrapper {
  height: 32vw;
}
.front .widgets-featuredListings .featuredListingBathroom, .front .widgets-featuredListings .featuredListingBedroom {
  font-size: 2.8vw;
}
.front .widgets-featuredListings div.featuredListingAddress {
  font-size: 2.3vw;
  min-height: 5vw;
}
.front .widgets-featuredListings .featuredPricePlaceholder {
  font-size: 3.8vw;
}
.front .widgets-featuredListings .featuredListingBathroom:before,
.front .widgets-featuredListings .featuredListingBedroom:before {
  width: 2.8vw;
  height: 2.8vw;
}
.front .widgets-featuredListings div.featuredListingPrice .price_unit{
  font-size:2vw;
}  
.front .widgets-featuredListings div.price_bedroom_bathroom {
  margin-top: -5vw;
}
.front .widgets-featuredListings .horizontal_scroll .jcarousel-control-prev, 
.front .widgets-featuredListings .horizontal_scroll .jcarousel-control-next {
  top: 23vw;
}
header .menu_btn{
  margin-right:2em;
}
header a.logoheader {
  margin-left:2em;
}
.inner .main-wrapper {
  padding: 8em 2em 4em;
}
*[class*='gr-con-'] {
  padding: 0;
}
.node .gr-content-container.two-columns {
  margin: 0;
}
}

@media (max-width: 630px){
#fronbuttons{
  flex-direction: column;
  width: 230px;
}
#fronbuttons a.precondo,
#fronbuttons a{
  margin: 1em 0;
}
#fronbuttons a{
  justify-content: left;
}
#fronbuttons a.agentf:before {
  margin-right: 0.8em;
}
}

@media (max-width: 560px){
#searchSlider {
  width: 90%;
}
#searchSlider #form_agent_search .form-submit, #searchSlider div[id*=quickSearch] .searchWidgetApp .search-main-wrapper .btn-submit {
  width: 40px;  
}
#searchSlider div[id*=quickSearch] .searchWidgetApp .dropdown-search-control.toolbar-item.searchBy {
  width: calc(100% - 40px);
}
#searchSlider #form_agent_search input[type="text"] {
  max-width: caLc(32% - 6px);
}
#citywidget .innercity a {
  min-width: 48%;
}
#citywidget .innercity a:last-child {
  margin: inherit;
}
#theme34-default-citywidgets .theme34-default-city-widget {
  width: 48%;
}
#theme34-default-citywidgets .theme34-default-city-widget .widgets-city-links .theme34-city-link::before {
  top: -0.8em;
  height: 0.8em;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
#bottom-wrapper div[id*="textWidget"] {
  width: 200px;
  min-width: 200px;
}
#bottom-wrapper {
  background:none;
  padding: 0 0 1.4em;
}
#bottom-wrapper #contentwidgetbottom{
  background: url(../images/new/connect.jpg) no-repeat center top;
  background-size: cover;
  width: 100%;
  padding: 2.4em 5%;
}
#agenttext{
  margin: 2em auto;
  width: 90%;
}
header .menu-small-inner{
  display:none;
  position: absolute;
  top: 100%;
  right: 0em;
  height: 100vh;
  overflow: scroll;
  background: var(--white);
  padding-bottom: 6em;
  width: 250px!important;
}
.mobile-menu header .menu-inner{
  position:static;
  display: block;
  box-shadow:none;
}
.mobile-menu header .mobile-toggle{
  margin-right: 2em;
  text-indent: -5000px;
}
header .menu_btn{
  display:block;
}
header .menu_btn a.login-button{
  color:var(--purple);
}
.mobile-menu header .menu_btn {
  margin: 0;
  padding: 0 1.2rem;
}
header .menu_btn .joinus {
  margin-left: 0;
  margin-top: 1em;
}
header .menu_btn .login-block{
  border-top: 1px solid var(--purple);
  padding-top: 0.5em;
}
#slider .rslides_tabs.rslides1_tabs {
  width: 76%;
}
}


@media (max-width: 520px){
.front .blogPost-main .blogPost-content {
  min-width: 100%;
}
.front #contentwidget5 div[id*="textWidget"] .widgets-text-widget .content img, 
.front .blogPost-main .blogPost-image {
  height: 64vw;
}
.front #contentwidget5 div[id*="textWidget"] .widgets-text-widget .widgets-text-widget .content,
.front #contentwidget5 div[id*="textWidget"] .widgets-text-widget .content p:after,
.front .blogPost-content .blogPost-image:after,
.front .blogPost-info {
  display: none;
}
.front #contentwidget5 div[id*="textWidget"] h2.subject,
.front .widget .blogPost-main .widgets-latestBlog-widget .blogPost-title h2 {
  color: var(--purple);
}
.front #contentwidget5 div[id*="textWidget"] h2.subject{
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.front #contentwidget5 div[id*="textWidget"] .widgets-text-widget .widgets-text-widget,
.front .blogPost-main .blogPost-content-info {
  position: static;
  padding: 1em 0;
}
.front #contentwidget5:not(.widgetsRegions) div[id*="textWidget"]{
  margin-top: calc(-66.2vw - 2.2em);
}
.front .blogPost-slider-controls .blogPost-read-more{
  width: 100%;
  text-align: center;
  margin-top: 5em;
}
.front .widgets-featuredListings div.property_div {
  width: 280px;
}
.front .widgets-featuredListings .horizontal_scroll .jcarousel > ul > li {
    margin-left: calc(46vw - 140px);
    margin-right: calc(50vw - 140px);
}
.front .widgets-featuredListings .featured_multi_img_wrapper {
  height: 160px;
}
.front .widgets-featuredListings .featuredListingBathroom, .front .widgets-featuredListings .featuredListingBedroom {
  font-size: 1.1em;
}
.front .widgets-featuredListings div.featuredListingAddress {
  font-size: 0.95em;
  min-height: 2.5em;
}
.front .widgets-featuredListings .featuredPricePlaceholder {
  font-size: 1.5em;
}
.front .widgets-featuredListings .featuredListingBathroom:before,
.front .widgets-featuredListings .featuredListingBedroom:before {
  width: 1.2em;
  height: 1.2em;
}
.front .widgets-featuredListings div.featuredListingPrice .price_unit{
  font-size: 0.6em;
  top: -0.4em;
}  
.front .widgets-featuredListings div.price_bedroom_bathroom {
  margin-top: -2.2em;
}
.front .widgets-featuredListings .horizontal_scroll .jcarousel-control-prev, 
.front .widgets-featuredListings .horizontal_scroll .jcarousel-control-next {
  top: 130px;
}
.front .widgets-featuredListings .featuredListingBedroom:before{
  top: 0.25em;
}
.front .widgets-featuredListings .featuredListingBathroom:before{
  top: 0.15em;
}
.front.mobileVersion .widgets-featuredListings .horizontal_scroll .jcarousel-control-next {
  right: 0;
}
.front .widgets-featuredListings .horizontal_scroll .jcarousel-control-prev{
  left:0;
}
header {
  height: 4em;
}
.inner .main-wrapper {
  padding: 6em 2em 2em;
}
}

@media (max-width: 420px){
.front #searchSlider div[id*="quickSearch"] .searchWidgetApp.commercial .toolbar .dropdown-keywords-control, 
.front #searchSlider div[id*="quickSearch"] .searchWidgetApp.residential .toolbar .dropdown-keywords-control {
  grid-column: 1 /span 1;
}
.front #searchSlider div[id*=quickSearch] .searchWidgetApp .toolbar {
  grid-template-columns: repeat(auto-fit,minmax(40vw,1fr));
}
#numbers .g1 {
  min-width: 220px;
  width: fit-content;
  border-right:none!important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3)!important;
  padding-bottom:1em;
  margin-left: auto;
  margin-right: auto;
}
#numbers .g1:nth-child(4) {
  border-bottom:none!important;
}
#numbers .g1 p br{
  display:none;
}
#numbers .g1:nth-child(1) p br{
  display: block;
}
#numbers .g1:nth-child(2) {
  margin-top: 2em;
}
#numbers .g1 h2.subject {
  font-size: 4em;
}
#searchSlider #form_agent_search input[type="text"] {
  font-size: 0.9em;
  padding-left:0.35rem;
  padding-right:0.35rem;
}
#searchSlider {
  padding: 0.5em 0.5em 3em
}
.front #contentwidget5 div[id*="textWidget"] h2.subject{
  -webkit-line-clamp: 3;
}
.front .blogPost-slider-controls .blogPost-read-more{
  margin-top: 3em;
}
} 

@media (max-width: 384px){
.front .widgets-featuredListings .horizontal_scroll .jcarousel-control-prev {
  left: -20px;
}
.front.mobileVersion .widgets-featuredListings .horizontal_scroll .jcarousel-control-next {
  right: -20px;
}
header a.logoheader {
  margin-left: 1em;
}
.mobile-menu header .mobile-toggle {
  margin-right: 1.1em;
}
.inner .main-wrapper {
  padding: 6em 1.1em 2em;
}
}

/* Theme31-style mobile office-information disclosure for Theme34. */
body.theme34 header > figure.mainuser > .infoContact,
body.theme34 header > figure.mainuser > figcaption > .closeInfoContact {
  display: none;
}

@media (max-width: 568px) {
  body.theme34 header > figure.mainuser {
    position: static;
  }
  body.theme34 header > figure.mainuser > .infoContact {
    -webkit-appearance: none;
    appearance: none;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 0.15rem;
    margin: 0;
    padding: 0 0 0 1rem;
    border: 0;
    background: transparent;
    color: var(--white);
    font-family: 'TestSohne', Arial, Helvetica, sans-serif;
    font-size: 0.7rem;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    position: relative;
    z-index: 2;
  }
  body.theme34 header > figure.mainuser > .infoContact::before {
    content: '\f05a';
    font-family: FontAwesome;
    font-size: 1.7em;
    font-weight: normal;
    line-height: 1;
  }
  body.theme34 header > figure.mainuser > figcaption {
    position: absolute;
    top: 4px;
    right: 20%;
    z-index: 600;
    box-sizing: border-box;
    width: 60%;
    max-height: 100vh;
    overflow-y: auto;
    padding: 0 1rem 0.75rem;
    background-color: var(--charcoal);
    box-shadow: 0 0 20px rgba(136, 136, 131, 0.55);
    opacity: 0;
    pointer-events: none;
    transform: translateY(-110%);
    transition: transform 0.4s ease, opacity 0.2s ease, visibility 0s linear 0.4s;
    visibility: hidden;
  }
  body.theme34 header > figure.mainuser.openContact > figcaption {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
    transition: transform 0.4s ease, opacity 0.2s ease;
    visibility: visible;
  }
  body.theme34 header > figure.mainuser > figcaption > .closeInfoContact {
    -webkit-appearance: none;
    appearance: none;
    display: block;
    width: 1.6rem;
    margin: 0 auto 0.5rem;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--white);
    cursor: pointer;
    font-size: 1.4rem;
    line-height: 1;
  }
  body.theme34 header > figure.mainuser > figcaption > .closeInfoContact::before {
    content: '\f0d8';
    font-family: FontAwesome;
    font-weight: normal;
  }
  body.theme34.unbranded header > figure.mainuser > .infoContact,
  body.theme34.unbranded header > figure.mainuser > figcaption > .closeInfoContact {
    display: none !important;
  }
}



/*about me*/
._about-us #wsidebar_right{
  display:none;
}
._about-us .video-image .video-wrapper{
  position: relative;
  overflow: hidden;
  padding-top: 56.25%;
  margin-bottom:2rem;
}
._about-us .video-image .video-wrapper iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
._about-us .sales-stats,
._about-us .quick-facts{
  margin: 0 -1vw 2em;
}
._about-us .quick-facts h2,
._about-us .sales-stats h2{
  margin-top:3vw;
  color: var(--purple);
}
._about-us .quick-facts .gr-con-12,
._about-us .sales-stats .gr-con-12{
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  padding:0;
  justify-content: space-between;
}
.sales-stats .gr-con-6,
.quick-facts .gr-con-4{
  padding:0;
  width:32%;
}
.quick-facts .gr-con-4{
  display:flex;
}
.quick-facts .fact{
  flex-grow: 1;
  display: flex;
  border:1px solid var(--purple);
  margin-bottom:1rem;
  padding: 0.75vw;
}
.quick-facts .inner-fact{
  align-items:center;
  border:1px solid var(--purple);
  display:flex;
  flex-grow:1;
  padding:0.75vw;
  position:relative;
}
.quick-facts .inner-fact .icon{
  align-items: center;
  height: 3vw;
  display: flex;
  margin-right:1vw;
  width: 3vw;
}
.quick-facts .inner-fact .fact-details{
  align-items:center;
  display:flex;
  flex:1;
  flex-direction: column;
}
.quick-facts .inner-fact .fact-details > *{
  color: var(--purple);
  margin:0;
  width:100%;
}
.quick-facts .inner-fact .fact-details h3{
  font-size:1.3vw;
  font-family: 'TestSohneB', Arial,Helvetica,sans-serif;
}
.quick-facts .inner-fact .fact-details p{
  font-size:1vw;
  margin-top:0.3rem;
}
.fact.canadian .fact-details{
  text-align:center;
}
.fact.award .fact-details span{
  float: right;
  font-size: 0.9vw;
}
.fact.celebrating .fact-details sup{
  font-size: 0.5rem;
}
.sales-stats .gr-con-6{
    margin-bottom:2vw;
}
.sales-stats a{
    display:block;
    height: 22vw;
}

.sales-stats .report-2022 a{
    background:url('../images/new/about/2022SalesStats.png')no-repeat;
    background-size:100% auto;
    background-position: 0;
}

.sales-stats .report-2021 a{
    background:url('../images/new/about/2021SalesStats.png')no-repeat;
    background-size:100% auto;
    background-position: 0;
}

.sales-stats .report-2020 a{
    background:url('../images/new/about/2020SalesStats.png')no-repeat;
    background-size:100% auto;
    background-position: 0;
}

.sales-stats .report-2019 a{
    background:url('../images/new/about/2019SalesStats.png')no-repeat;
    background-size:100% auto;
    background-position: 0;
}
.sales-stats .report-2018 a{
    background:url('../images/new/about/2018SalesStats.png')no-repeat;
    background-size:100% auto;
    background-position: 0;
}
.sales-stats .report-2017 a{
    background:url('../images/new/about/report-2017.jpg')no-repeat;
    background-size:100% auto;
    background-position: 0;
}
.sales-stats .report-2016 a{
    background:url('../images/new/about/report-2016.jpg')no-repeat;
    background-size:100% auto;
    background-position: 0;
}
.sales-stats .report-2015 a{
    background:url('../images/new/about/report-2015.jpg')no-repeat;
    background-size:100% auto;
    background-position: 0;
}
.sales-stats .report-2014 a{
    background:url('../images/new/about/report-2014.jpg')no-repeat;
    background-size:100% auto;
    background-position: 0;
}
.sales-stats .report-2013 a{
    background:url('../images/new/about/report-2013.jpg')no-repeat;
    background-size:100% auto;
    background-position: 0;
}
@media screen and (max-width:1300px){
  .quick-facts .inner-fact .icon{
      height: 3.5vw;
      width: 3.5vw;
  }
  .quick-facts .inner-fact .fact-details h3{
    font-size: 1.1em;
  }
  .quick-facts .inner-fact .fact-details p {
    font-size: 0.85em;
  }
  .fact.award .fact-details span{
    font-size: 0.8em;
  }
}

@media screen and (max-width:1024px){
  .quick-facts .fact{
    padding: 0.5em;
  }
  .quick-facts .inner-fact{                                                   
    padding: 0.75rem;
  }
  .quick-facts .inner-fact .icon{
    height: 3em;
    margin-right:1rem;
    width: 3em; 
  }
}
@media screen and (max-width:960px){
  .gr-con-12-sm.video-image,
  .gr-con-12-sm.company-bio {
    width: 100%;
}
}
@media screen and (max-width:768px){
  .sales-stats a{
    height: 69vw;   
  }
  .sales-stats .gr-con-6{
    padding:0;
    width:100%;
    margin-bottom: 2em;
  }
  .sales-stats .gr-con-12{
    margin:0;
  }
  .quick-facts .gr-con-4 {
    width: 48%;
  }
}
@media screen and (max-width:586px){
.quick-facts .gr-con-4 {
  width: 100%;
}
.sales-stats a {
  height: 68vw;
}
}
@media screen and (max-width:425px){
  .quick-facts h2{
      margin-top:1.5rem;
  }
  .sales-stats .gr-con-6 {
    margin-bottom: 1em;
}
}


/* Office Search */
.officeSearch .maincontent{
  width:100%;
}
.officeSearch .maincontent .maincontentinner{
  max-width:1800px;
  margin:auto;
}
.officeSearch #wsidebar_right{
  display:none;
}
.officeSearch #officeSearch #officemap2{
  margin: 0;
  width:100% !important;
}
.officeSearch .searchField-wrapper{
  background: var(--purple);
  display: flex;
  flex-direction: row;
  padding: 1rem;
}
.officeSearch .searchField-wrapper .officelocation-wrapper{
  flex:1;
}
.officeSearch .searchField-wrapper #get_my_location i{
  font-size:0;
}
.officeSearch .searchField-wrapper #get_my_location i:before{
  color: var(--purple);
  content: '\f041';
  display: inline;
  font-family: FontAwesome;
  font-style: normal;
  font-size: 1.8vw;
  line-height: 1;
  padding: 0 0.25vw;
}
.officeSearch .searchField-wrapper .officelocation-wrapper input{
  height: 2.5vw;
  padding: 0.25vw 0.5vw;
  width:100%;
  font-size:1vw;
}
.officeSearch #officeSearchList{
  display:flex;
  flex-wrap:wrap;
}
.officeSearch #officeSearchList .bio{
  display:none !important;
}
.officeSearch #officeSearchList table{
  display: flex;
  width:50%;
  margin:1vw 0 2vw;
}
.officeSearch #officeSearchList table tr{
  display:flex;
}
.officeSearch #officeSearchList table .short-cell-left-b{
  min-width:16vw;
  width:16vw;
  padding-right: 2vw;
}
.officeSearch #officeSearchList table .short-cell-left-b a{
  display: block;
  overflow:hidden;
  height: 9vw;
  border-radius: 0;
  margin-top: 0.3vw;
}
.officeSearch #officeSearchList table .short-cell-left-b a img{
  width:100%;
}
.officeSearch #officeSearchList table .short-cell-right-b{
  width:100%;
}
.officeSearch #officeSearchList table .label_strong{
  font-weight:600;
}
.officeSearch #officeSearchList table .short-cell-right-b span.lf{
  color:var(--purple);
  font-size: 1.1vw;
  font-weight:600;
}
.officeSearch #officeSearchList .contact{
  display:block !important;
}
.officeSearch #officeSearchList .bio h2{
  margin: 0.3rem 0;
}
.officeSearch #officeSearchList table .office_listings a,
.officeSearch #officeSearchList table .meet_team a{
  background: var(--purple);
  color: var(--white);
  display: inline-block;
  font-size: 0.95vw;
  padding: 0.4vw 0.5vw;
  line-height: 1;
  margin-top: 0.3rem;
}
#officeSearch #BubbleInfo ul li a:hover,
.officeSearch #officeSearchList table .office_listings a:hover,
.officeSearch #officeSearchList table .meet_team a:hover{
  background-color:var(--heather);
  color:var(--purple);
}
.officeSearch #officemap2 {
  height: 30vw;
}

/*bubble window on office page*/
.bubbletop,
.bubbletopleft,
.bubbletopright,
.bubblebottomleft,
.bubblebottom,
.bubblebottomright,
.bubblebeak{
  background:none;
  display:none;
  padding:0;
}
#officeSearch #BubbleInfo{
  background:none;
  padding:0;	
}
#officeSearch #BubbleInfo dl{
  margin-bottom:0.8em;
}
#officeSearch #BubbleInfo dt{
  font-weight:400;
  font-size:0.85vw;
  margin:0 5px 0.3em 0;
  line-height: 1;
}
#officeSearch #BubbleInfo h3{
  font-size:0.95vw;
}
#officeSearch #BubbleInfo dd{
  font-size:0.9vw;	
  line-height: 1;
  margin-bottom:0.5em;
}
#officeSearch #BubbleInfo .contact{
  display:inline-block !important;
  margin-left:0;
  float:left;
}
#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: var(--purple);
  color: var(--white);
  display: block;	
  line-height: 1;
  padding: 0.3vw 1em 0.4vw;
  font-size: 0.85vw;
}
#officeSearch #BubbleInfo > a:nth-child(1){
  display:none;
}
.office_top_info .lf,
div.mteam a,
div.olist a,
div.addresso,
div.locationoffice,
div.phoneo,
div.tollfreen,
.officeSearch #officeSearchList .contact{
  font-size: 1vw;
}
.office_agents.inner .main_title:after, .office_agents .short-table-left-b {
  display: none;
}
.office_agents .agent-wrapper {
  padding:0 2.5vw;
}
.office_agents .agent-filter-form-wrapper form > div {
  justify-content: space-around;
}
.agent-filter-form-wrapper #agent_filter_form .agent-name-wrapper{
  width: calc(100% - 600px - 16vw);
  max-width: calc(100% - 600px - 16vw);
}
.broker-details-wrapper .brokerage-name {
  font-size: 1.2vw;
}
.broker-details-wrapper .brokerage-name span {
  font-size: 1vw;
}
.broker-information .office-address, 
.broker-information .contact-information,
.broker-information .contact-information a,
.broker-information .contact-icons, 
.broker-information .address-icon, 
.broker-information .office-phone-icon, 
.broker-information .fax-icon, 
.broker-information .email-icon {
  font-size: 1vw;
}


 /* Broker Pages */
 .broker-details .video-photo-wrapper{
  display:flex;
  margin-bottom:2rem;
}
.broker-details  .branch-manager-img{
  width:200px;
}
.broker-details .video-wrapper iframe{
  border: 0;
  height: 100% !important;
  left: 0;
  position: absolute;
  top: 0;
  width: 100% !important;
}
.broker-details .video-wrapper{
  overflow: hidden;
  position: relative;
  padding-top: 28.25%;
  width:50%;
}
.broker-details .photo-wrapper{
  box-sizing: border-box;
  flex:1;
  flex-wrap:wrap;
  padding-left: 1rem;
}
.broker-details .branch-manager-wrapper{
  display:flex;
}
.broker-details .branch-manager-bio{
  box-sizing: border-box;
  flex: 1;
  padding: 0 1rem;
  min-width: 330px;
}
.broker-details .branch-manager-bio h2{
  color:var(--purple);
  font-size:1.2vw;
}
.broker-details .branch-manager-contact{
  font-size:0.9rem;
  width:200px;
}
.broker-details .photo-wrapper img{
  width:32%;
  display: inline;
}
.broker-details .maincontent{
  width:100%;
}
.broker-details .contact-address .address{
  font-size: 1vw;
  margin-bottom: 0.3em;
}
.broker-details .node .content br,
.broker-details #wsidebar_right{
  display:none;
}
.broker-details .node .content .broker-page-wrapper br{
  display:block;
}
.map-contact-wrapper{
  display:flex;
  flex-wrap:nowrap;
}
.map-contact-wrapper .office-location{
  flex:1;
}
.office-contact-wrapper{
  width:300px;
}
.office-contact-wrapper .broker-contact{
  display:flex;
  flex-direction:column;
  justify-content: center;
  text-align:center;
}
.broker-details .broker-summary-form .broker-bio{
  margin-bottom:1.5vw;
}
.broker-details .broker-summary-form #contactOffice {
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
  border-radius: 5px;
  overflow: auto;
  padding: 1vw 1.5vw;
}
.broker-details .broker-summary-form #contactOffice h3{
  font-size: 1.6vw;
  line-height: 1;
  margin-bottom: 2vw;
}
.broker-details #map{
  border: 1px solid var(--purple);
  border-radius: 3px;
  height:20vw;
  overflow:hidden;
  width:100%;
}
.broker-details .broker-summary-wrapper{
  border-radius: 0.5vw;
  text-align: center;
}
.broker-summary-wrapper .owner-info{
  margin-bottom:1vw;
}
.broker-contact{
  display:flex;
}
.broker-contact a{
  color: var(--purple);
  font-weight:600;
  font-size: 0.9vw;
  line-height: 1;
}
.contact-address .broker-contact{
  margin-bottom:1rem;
}
.contact-address .broker-contact a{
  margin-right:1rem;
}
.broker-contact a:hover{
  color:var(--lavender);
}
.broker-contact a:before{
  content: '';
  font-family: FontAwesome;
  margin-right: 0.5rem;
}
.broker-contact a.phone:before{
  content: '\f095';	
}
.broker-contact a.fax:before{
  content: '\f1ac';	
}
.broker-contact a.tollfree:before{
  content: '\f2a0';	
}
.broker-details .main_title:not(.page_title) {
  display: none;
}
.branch-manager-contact,
.incomcredential span#incomLogo,
header #menuWidgetContainer .mainmenu li.item-with-ul ul .cloned{
  display:none !important;
}

/* Agent Roster Page and Agent Details Page */
.inner .agent-details-wrapper .image-bg-wrapper img{
  max-height:1000%;
  max-width:1000%;
}
.inner._agent_find h1.main_title{
  text-transform: uppercase;
}
.agent-not-found .not-found-message{
  font-size: 1.1vw;
}
.agent-not-found .suggestion-header {
  font-size: 1vw;
  margin: 0.5em 0;
}
.agent-not-found .suggestion-list li {
  font-size: 0.9vw;
  margin-bottom: 0;
}
.suggestion-list {
  padding: 0 0 0 2em;
}
.agent-not-found .more-assistance, #content .agent-not-found .more-assistance, .agent-not-found .office-information{
  font-size:0.8vw;
}
.agent-not-found .office-information a,
.agent-not-found .office-information span.offie_name {
  font-size: inherit;
}
.agent-information-header {
  max-width: 100%;
  width: 63vw;
}
.node .agent-listings-wrapper .featured_multi_img_wrapper{
  height:10vw;
}
.node .agent-listings-wrapper .horizontal_scroll .jcarousel > ul > li {
  margin-right: 1vw;
  width: 15vw;
}
.node .agent-listings-wrapper .horizontal_scroll .jcarousel-control-next,
.node .agent-listings-wrapper .horizontal_scroll .jcarousel-control-prev{
  font-size:3vw;
  font-family: inherit;
}
.node .agent-listings-wrapper div.featuredListingPrice .featuredPricePlaceholder,
.maincontent .agent-listings-wrapper div.featuredListingAddress{
  font-size: 0.9vw;
  max-width:96%;
  width:96%;
}
.maincontent .agent-listings-wrapper div.featuredListingPrice .price_unit{
  position: relative;
  font-size: 0.7vw;
  top: -0.1vw;
}
.node .agent-listings-wrapper div.price_bedroom_bathroom span.featuredListingSquareFootage{
  font-size:0.9vw;
  color:var(--purple);
}
.maincontent .agent-listings-wrapper div.price_bedroom_bathroom .featuredListingSquareFootage span:last-child{
  display:inline!important;
}
.agent-listings-wrapper .view-all-featured a{
  font-size:1vw;
}
.agent-details-wrapper .agent-information-header .agent-bio{
  font-size:1.1vw;
}
.agent-summary-image-wrapper a:after, .broker-logo-wrapper .broker-logo a:after{
  font-size: 1.1vw;
}
.agent-details-wrapper .social_media .defaulticon:before{
  font-size: 1.2vw;
}
.agent-wrapper.multi-office{
  padding:0 2.5vw;
}
.agent-summary-image-wrapper {
  height: 12vw;
}
.agent-summary-left-content {
  flex-basis: 30%;
}
.agent-summary-image-wrapper img{
  width:100%;
  height:auto;
  top: 0;
  transform: translate(-50%, 0);  
}
.agent-list-wrapper {
  max-width: 100%;
}
.agent-wrapper.multi-office .agent-filter-form-wrapper #agent_filter_form .agent-name-wrapper {
  max-width: calc(100% - 600px - 16vw);
  width: calc(100% - 600px - 16vw);
}
.agent-filter-form-wrapper #agent_filter_form .agent-title-wrapper, .agent-filter-form-wrapper #agent_filter_form .agent-language-wrapper, .agent-filter-form-wrapper #agent_filter_form .office-locations-wrapper{
  margin-left:0;
}
.agent-filter-form-wrapper form > div {
  justify-content: space-between;
}
.award-winning-agent-list{
  font-size:0px;
  line-height: 1;
  font-family: 'Rtext',Arial,Helvetica,sans-serif;
}
.award-winning-agent-list .slogan{
  color:var(--charcoal);
  font-size:1.5vw;
  font-weight:400;
}
.award-winning-agent-list .slogan sup{
  font-size: 0.7vw;
}
.agent-filter-form-wrapper #agent_filter_form .agent-name-wrapper input,
.corporate .agent-filter-form-wrapper #agent_filter_form .agent-title-wrapper select, .corporate .agent-filter-form-wrapper #agent_filter_form .agent-language-wrapper select, .corporate .agent-filter-form-wrapper #agent_filter_form .office-locations-wrapper select{
  height:2.8vw;
  padding-top: 0;
  padding-bottom: 0;
}
.agent-filter-form-wrapper #agent_filter_form .agent-title-wrapper .agent-title-label, .agent-filter-form-wrapper #agent_filter_form .agent-language-wrapper .agent-language-label, .agent-filter-form-wrapper #agent_filter_form .office-locations-wrapper .office-locations-label{
  padding:0;
  margin-right:0.5rem;
}
.agent-filter-form-wrapper #agent_filter_form .agent-title-wrapper, .agent-filter-form-wrapper #agent_filter_form .agent-language-wrapper, .agent-filter-form-wrapper #agent_filter_form .office-locations-wrapper{
  align-items: center;
  display: flex;
}
.agent-summary-right-content .agent-summary-nametitle-wrapper .agent_title:after, .broker-details-wrapper .brokerage-name:after{
  border-color:var(--purple);
}
.agent-summary-right-content .social-media-icons a:before,
.award-winning-agent-list,
.agent-information-header .agent-name, .featured-listing-content .subject, .contact-agent-heading, .agent-details-wrapper-content .featured-listing-content .subject,
.agent-details-wrapper a:hover, .agent-details-wrapper a:hover i, .agent-details-wrapper .social_media .defaulticon:hover:before,
.node .agent-contact-wrapper #contact_agent_form .submit-wrapper a.disclaimer_link,
.agent-listings-wrapper .view-all-featured a{
  color:var(--purple);
}
.maincontent .agent-contact-wrapper #contact_agent_form .submit-wrapper input, 
.agent-contact-wrapper #contact_agent_form .submit-wrapper input, 
.node .agent-contact-wrapper #contact_agent_form .submit-wrapper input, 
.about_me_wrapper .agent-contact-wrapper #contact_agent_form .submit-wrapper input,
.back-agent-search,
.agent-wrapper .pager .pager-list > strong{
  background:var(--purple);
}
.agent-details-wrapper .back-agent-search{
  display: none;
}
.agent-wrapper .pager{
  background:transparent;
  display:flex;
  float:none;
  justify-content: center;
  left:auto;
  transform:none;
}
.agentDetails footer{
  position:relative;
  z-index:1;
}
.content .agent-details-wrapper-content h2,
.node .featured-listing-content h2.subject, #content_top_innerpage .featured-listing-content .subject, .node .featured-listing-content .subject, .contact-agent-heading, .agent-details-wrapper-content .featured-listing-content .subject{
  font-family: 'TestSohneB', Arial,Helvetica,sans-serif;
  font-weight: normal;
}
.agent-summary-right-content a:hover,
.agentDetails .agent-listings-wrapper .view-all-featured a:hover{
  color:var(--lavender);
}
.agent-wrapper .pager .pager-list{
  border:0;
  overflow: hidden;
  white-space: nowrap;
}
.agent-wrapper .pager .pager-list > a, 
.agent-wrapper .pager .pager-list > strong{
  border-top: 1px solid var(--silver2);
  border-bottom: 1px solid var(--silver2);
}
.agent-summary-right-content .email-me-button-wrapper a,
.agent-summary-right-content .agent_title,
.agent-summary-right-content .agent-name,
.agent-filter-form-wrapper #agent_filter_form input, .agent-filter-form-wrapper #agent_filter_form select,
.agent-filter-form-wrapper #agent_filter_form .agent-title-wrapper select, .agent-filter-form-wrapper #agent_filter_form .agent-language-wrapper select, .agent-filter-form-wrapper #agent_filter_form .office-locations-wrapper select,
.agent-filter-form-wrapper #agent_filter_form .agent-title-wrapper .agent-title-label, .agent-filter-form-wrapper #agent_filter_form .agent-language-wrapper .agent-language-label, .agent-filter-form-wrapper #agent_filter_form .office-locations-wrapper .office-locations-label,
.agent-information-header .agent-name, .node .agent-information-header .agent-name,
.agent-details.office-info .contact-details h3,
.agent-details.office-info .by-law,
.agent-details.office-info .office-info-main .contact-details .contact-numbers span a,
.office-info-main .office-info.address span{
  font-family: 'TestSohne', Arial,Helvetica,sans-serif;
  font-size:1vw;
}
.agent-summary-right-content .email-me-button-wrapper, .agent-summary-right-content .brokerage-information.contact-data,
.agent-summary-right-content .contact-data a {
  font-size: 1.1vw;
}
.address-icon, .contact-icons{
  font-size: 1.3vw;
  width: auto;
  min-width: 1.2vw;
  margin-right: 0.7vw;
}
.contact-icons.office:before{
  font-size: 1.3vw;
}
.agent-summary-right-content .email-me-button-wrapper .email-icon{
  font-size: 1.1vw;
  width: 1.2vw;
  margin-right: 0.8vw;
}
.contact-icons.website{
font-size: 1.2vw;
position: relative;
top: 0.1vw;
left: 0.1vw;
}
.agent-wrapper .pager .pager-list > a, .agent-wrapper .pager .pager-list > strong {
  width: 2vw;
  height: 2vw;
  line-height: 2vw;
  font-size: 1vw;
  border-radius: 0;
}
.agent-wrapper .pager li:nth-child(2) .pager-previous, .agent-wrapper .pager li:nth-child(1) .pager-first, .agent-wrapper .pager li:nth-child(2) .pager-first,
.agent-wrapper .pager li:nth-child(4) .pager-next, .agent-wrapper .pager li:nth-child(4) .pager-last, .agent-wrapper .pager li:nth-child(5) .pager-last {
  width: 5vw;
  height: 2vw;
  font-size:1vw;
  line-height: 2vw;
  font-family: 'TestSohne', Arial,Helvetica,sans-serif;
  border-radius: 0;
}
.agent-summary-right-content .agent-name a{
  font-size: 1.4vw;
  font-weight: normal;
  font-family: 'TestSohneB', Arial,Helvetica,sans-serif;
}
.brokerage-information.contact-data {
  left: 2vw;
  text-indent: -1.3vw;
  padding-right: 1em;
  width: auto;
}
.brokerage-information.contact-data span.address-icon {
  top: 4px;
  left: -1.3vw;
  margin-right: 0;
}
.agent-summary-right-content .agent_title{
  font-size:1.2vw;
}
.contact-icons.mobile:before {
  font-size: 1.4vw;
  width: auto;
}
.agent_find .main_title:after,
.office_agents .main_title,
.agent_find .broker-information,
.inner .agent-details-wrapper .image-bg-wrapper img{
  display:none;
}
.agent-details-wrapper .image-bg-wrapper{
  background:url('./../images/Toronto.jpg')no-repeat;
  background-size:cover;
  background-position: 0px 69.5%;
}
.agent-details-wrapper .agent-image {
  width: 15vw;
  height: 15vw;
  overflow: hidden;
  border: 2vw solid var(--white);
  position: relative;
  outline: 1px solid var(--silver2);
}
.inner .agent-details-wrapper .agent-image img {
  max-width: 100%;   
  width: 100%;
  max-height: 2000px;
  top: 0;
  -webkit-transform: none;
  transform: none;
}
.agent-contact-info .agent-contact i {
  font-size: 1.1vw;
}
.agent-contact-info .agent-contact .fa-mobile {
  font-size: 1.3vw;
}
.agent-contact-wrapper .chosen-container-multi .chosen-choices li.search-field input[type=text] {
  font-size: 0.8vw;
}
.agent_find .broker-information{
  align-items: flex-start;
}
.agent_find .broker-logo a{
  height:auto;
}
.agent-wrapper .pager .pager-list > a:hover, .agent-wrapper .pager .pager-list > strong:hover,
.agent-wrapper .pager li:nth-child(2) .pager-previous:hover, .agent-wrapper .pager li:nth-child(1) .pager-first:hover, .agent-wrapper .pager li:nth-child(2) .pager-first:hover, .agent-wrapper .pager li:nth-child(4) .pager-next:hover, .agent-wrapper .pager li:nth-child(4) .pager-last:hover, .agent-wrapper .pager li:nth-child(5) .pager-last:hover{
  background:var(--purple);
}
.agent-list-pager-wrapper #not-found-error{
  max-width: 1024px;
  margin: auto;	
}
.agent-details-wrapper{
  margin: -4vw 0vw -5vw;
}
.agent-details.office-info .office-info-main .logo-wrapper img{
  top: 0;	
  transform: none;
}
.agent-details-wrapper .image-bg-wrapper {
  background: url(../images/new/agent-details-bg2.jpg) no-repeat center center;
  background-size: cover;
}
.inner .agent-details-wrapper .image-bg-wrapper img{
  max-height:1000%;
  max-width:1000%;
}
.inner .agent-details-wrapper .agent-image img{
  display:inline;
}
.content .agent-details-wrapper-content h1, 
.content .agent-details-wrapper-content h3, 
.content .agent-details-wrapper-content h4, 
.content .agent-details-wrapper-content h5, 
.content .agent-details-wrapper-content a, 
.content .agent-details-wrapper-content span, 
.content .agent-details-wrapper-content div, 
.content .agent-details-wrapper-content p, 
.content .agent-details-wrapper-content li, 
.content .agent-details-wrapper-content ul, 
.content .agent-details-wrapper-content textarea, 
.content .agent-details-wrapper-content select, 
.content .agent-details-wrapper-content label{
  font-family: 'TestSohne', Arial,Helvetica,sans-serif;
}
.content .agent-details-wrapper-content input{
  font-family: 'TestSohneH', Arial,Helvetica,sans-serif;
}
.maincontent .agent-contact-wrapper #contact_agent_form .submit-wrapper input:hover, .agent-contact-wrapper #contact_agent_form .submit-wrapper input:hover, .node .agent-contact-wrapper #contact_agent_form .submit-wrapper input:hover, .about_me_wrapper .agent-contact-wrapper #contact_agent_form .submit-wrapper input:hover{
  background:var(--heather);
  color:var(--purple);
}
.agent-contact-wrapper .g-recaptcha > div > div:after{
  top: 27px;	
}
body.agentDetails .agent-details-wrapper{
  margin-top:0;
  margin-bottom: 0;
  z-index: 1;
}
body.agentDetails .content .jcarousel,
body.agentDetails .node > .content {
  overflow:hidden;
}
body.agentDetails.inner .main-wrapper{
  padding: 6vw 0 0;
  margin-bottom:0;
}
body.agentDetails.inner .menutab{
  display:none;
  margin:0;
}
.maincontent .agent-listings-wrapper .featured_multi_img_wrapper{
  margin:0;
}
.maincontent .agent-listings-wrapper div.featuredListingAddress{
  color: var(--purple);
}
.node .agent-listings-wrapper div.featuredListingPrice .featuredPricePlaceholder{
  color:var(--purple);
}
.node .agent-listings-wrapper .wrapperFeature{
  height:auto;
  overflow: auto;
  padding:1rem;
}
.maincontent .agent-listings-wrapper div.price_bedroom_bathroom, #content_top_innerpage .agent-listings-wrapper div.price_bedroom_bathroom, .node .agent-listings-wrapper div.price_bedroom_bathroom, .about_me_wrapper .agent-listings-wrapper div.price_bedroom_bathroom,
.maincontent .agent-listings-wrapper div.featuredListingPrice, #content_top_innerpage .agent-listings-wrapper div.featuredListingPrice, .node .agent-listings-wrapper div.featuredListingPrice, .about_me_wrapper .agent-listings-wrapper div.featuredListingPrice{
  bottom:auto;
  padding:0;
  position:relative;
}
.maincontent .agent-listings-wrapper .featured_multi_img_wrapper, #content_top_innerpage .agent-listings-wrapper .featured_multi_img_wrapper, .node .agent-listings-wrapper .featured_multi_img_wrapper, .about_me_wrapper .agent-listings-wrapper .featured_multi_img_wrapper{
  width:100%;
}
.maincontent .agent-listings-wrapper div.featuredListingAddress{
  margin-bottom: 0.8vw;
}
.node .agent-listings-wrapper div.featuredListingPrice .featuredPricePlaceholder{
  line-height: 1;
  padding: 1rem 0 0;
}
.node .agent-listings-wrapper .property_extra p{
  font-weight:600;
}
.maincontent .agent-listings-wrapper div.price_bedroom_bathroom span.featuredListingBathroom:after,
.maincontent .agent-listings-wrapper div.price_bedroom_bathroom span.featuredListingBedroom:after,
.maincontent .agent-listings-wrapper div.price_bedroom_bathroom span:last-child{
  display:none !important;
}
.maincontent .agent-listings-wrapper div.price_bedroom_bathroom > span{
  border-right:0;
  margin:0 0.5rem;
}
.maincontent .agent-listings-wrapper div.featuredListingPrice{
  border-color:var(--heather);
  height: auto;
  margin-top:0.5rem;
}
.broker-information .contact-information .office-address span{
  display:contents;
}
.broker-information .contact-information .office-address span.address-icon:before{
  margin: 0 0.7rem 0 0.25rem;
}
.agent-search .main_title:after,  
.agent-search .broker-information {
    display: none;
}
.node .agent-information-header .agent-title{
  font-size:1.1vw;
  font-family: 'TestSohne', Arial,Helvetica,sans-serif;
}
.node .agent-information-header .agent-name{
font-size:1.9vw;
}
.agent-contact-wrapper #contact_agent_form .drip-group-container .form-item label, #content_top_innerpage #contact_agent_form .drip-group-container .form-item label,
#contact_agent_form label,
.maincontent #contact_agent_form .contact-information input.form-text, .maincontent #contact_agent_form textarea, #content_top_innerpage #contact_agent_form .contact-information input.form-text, #content_top_innerpage #contact_agent_form textarea, body .g2page #contact_agent_form .contact-information input.form-text, body .g2page #contact_agent_form textarea, .agent-contact-wrapper .form-item.main_field input, .agent-contact-wrapper .form-item.main_field textarea{
  font-size:0.9vw;
}
.maincontent .agent-contact-wrapper #contact_agent_form .submit-wrapper input, .agent-contact-wrapper #contact_agent_form .submit-wrapper input, .node .agent-contact-wrapper #contact_agent_form .submit-wrapper input, .about_me_wrapper .agent-contact-wrapper #contact_agent_form .submit-wrapper input{
  font-size:1vw;
  padding:0.5em 0;
}
.agent-contact-wrapper a.disclaimer_link span.disclaimer_content{
  width:13vw;
  min-width:200px;
  font-size:0.85vw;
}
.maincontent .agent-contact-wrapper #contact_agent_form .submit-wrapper a.disclaimer_link, #content_top_innerpage .agent-contact-wrapper #contact_agent_form .submit-wrapper a.disclaimer_link, .node .agent-contact-wrapper #contact_agent_form .submit-wrapper a.disclaimer_link, .about_me_wrapper .agent-contact-wrapper #contact_agent_form .submit-wrapper a.disclaimer_link{
  font-size:0.85vw;
}
.node .agent-contact-wrapper #contact_agent_form .submit-wrapper a.disclaimer_link{
  margin-top:0;
}
.inner .contentarea .featured-listing-content .subject, #content_top_innerpage .featured-listing-content .subject, .node .featured-listing-content .subject, .contact-agent-heading, .agent-details-wrapper-content .featured-listing-content .subject {
  font-size: 1.6vw;
}
.agent-summary-right-content .social-media-icons a{
  font-size:1.5vw;
}


/*feature widget listing*/
.maincontent .widgets-featuredListings .horizontal_scroll .wrapper_scroll {
  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;
}
.widgets-featuredListings .horizontal_scroll img.featured{
  max-width: 100%!important;
  width: 100%!important;
  border: 0!important;
}
.horizontal_scroll .jcarousel-control-next{
  right: -25px;
}
.node .agent-listings-wrapper div.price_bedroom_bathroom > span.featuredListingBedroom,
.node .agent-listings-wrapper div.price_bedroom_bathroom > span.featuredListingBathroom{
  background-image: url('./../images/icons/bed.png');
  background-position: left center;
  background-repeat: no-repeat;
  background-size: auto 0.8vw;
  color: var(--purple);
  padding-left: 1.3vw;
  font-size:1vw;
}
.node .agent-listings-wrapper div.price_bedroom_bathroom > span.featuredListingBathroom{
  background-image: url('./../images/icons/baths.png');
  background-position: left center;	
  background-size: auto 0.9vw;
  padding-left: 1.2vw;
}
.node .agent-listings-wrapper div.featuredListingAddress{
  line-height: 1;
}

/*pager*/
.pager{
  background: var(--purple);
  list-style:none;
  margin:0em 0em 1em;
  padding: 0.5rem 0;
  text-align: center;
  width:100%;
}
.office_listings .pager{
  display:none;
}
.office_listings .pager.bottompager{
  display:block;
}
.pager li{
  display:inline-block;
}
.pager span{
  padding:0px 0.2em;
}
body .pager a,
body .pager .pager-ellipsis{
  color:var(--white);
  display:inline-block;
  padding:0px 0.2em;
  text-decoration:none;
  text-transform: uppercase;
}
.pager .pager-current{
  background: var(--white);
  color: var(--purple);
  padding: 0 0.4rem;
  display:inline-block;
  font-weight:normal;
  margin:0px 0.2em;
  padding:0px 0.2em;
  text-align:center;
  width:auto;
  font-size:1.1vw;
}


@media (max-width:1510px) {
.agent-summary-right-content .agent-name a{
  font-size: 1.3em;
}
.agent-summary-right-content .agent_title {
  font-size: 1.1em;
}
.agent-summary-right-content .email-me-button-wrapper, .agent-summary-right-content .brokerage-information.contact-data, .agent-summary-right-content .contact-data a {
  font-size: 1em;
}
.address-icon, .contact-icons {
  font-size: 1.3em;
  width: auto;
  min-width: 1.2em;
  margin-right: 0.2em;
}
.agent-summary-right-content .email-me-button-wrapper .email-icon {
  font-size: 1.1em;
  width: 1.2em;
  margin-right: 0.4em;
  margin-left: 0.2em;
}
.contact-icons.office:before {
  font-size: 1em;
}
.contact-icons.mobile:before {
  font-size: 1.1em;
}
.agent-summary-right-content .social-media-icons a {
  font-size: 1.3em;
}
.agent-summary-image-wrapper {
  height: 150px;
}
.brokerage-information.contact-data span.address-icon {
  left: -0.8em;
}
.brokerage-information.contact-data {
  left: 2em;
  text-indent: -1.8em; 
}
.contact-icons.website {
  font-size: 1.2em;
  position: relative;
  top: 0.2em;
  left: 0.2em;
  margin-right: 0.4em;
}
.agent-wrapper .pager .pager-list > a, .agent-wrapper .pager .pager-list > strong {
  width: 2em;
  height: 2em;
  line-height: 2em;
  font-size: 1.1em;
}
.agent-wrapper .pager li:nth-child(2) .pager-previous, .agent-wrapper .pager li:nth-child(1) .pager-first, .agent-wrapper .pager li:nth-child(2) .pager-first, .agent-wrapper .pager li:nth-child(4) .pager-next, .agent-wrapper .pager li:nth-child(4) .pager-last, .agent-wrapper .pager li:nth-child(5) .pager-last {
  width: 5em;
  height: 2em;
  font-size: 1.1em;
  line-height: 2em;
}
.award-winning-agent-list .slogan {
  font-size: 22px;
}
.award-winning-agent-list:before {
  font-size: 32px;
}
.agent-filter-form-wrapper #agent_filter_form .agent-name-wrapper input, .corporate .agent-filter-form-wrapper #agent_filter_form .agent-title-wrapper select, .corporate .agent-filter-form-wrapper #agent_filter_form .agent-language-wrapper select, .corporate .agent-filter-form-wrapper #agent_filter_form .office-locations-wrapper select {
  height: 2.5em;
}
.agent-summary-right-content .email-me-button-wrapper a, .agent-summary-right-content .agent_title, .agent-summary-right-content .agent-name, .agent-filter-form-wrapper #agent_filter_form input, .agent-filter-form-wrapper #agent_filter_form select, .agent-filter-form-wrapper #agent_filter_form .agent-title-wrapper select, .agent-filter-form-wrapper #agent_filter_form .agent-language-wrapper select, .agent-filter-form-wrapper #agent_filter_form .office-locations-wrapper select, .agent-filter-form-wrapper #agent_filter_form .agent-title-wrapper .agent-title-label, .agent-filter-form-wrapper #agent_filter_form .agent-language-wrapper .agent-language-label, .agent-filter-form-wrapper #agent_filter_form .office-locations-wrapper .office-locations-label, .agent-details.office-info .by-law, .agent-details.office-info .office-info-main .contact-details .contact-numbers span a, .office-info-main .office-info.address span {
  font-size: 0.95em;
}
.node .agent-information-header .agent-name {
  font-size: 1.7em;
}
.node .agent-information-header .agent-title {
  font-size: 1.1em;
}
.agent-contact-info .agent-contact .fa-mobile {
  font-size: 1.4em;
}
.agent-contact-info .agent-contact i {
  font-size: 1.1em;
}
.inner .contentarea .featured-listing-content .subject, #content_top_innerpage .featured-listing-content .subject, .node .featured-listing-content .subject, .contact-agent-heading, .agent-details-wrapper-content .featured-listing-content .subject {
  font-size: 1.4em;
}
.agent-listings-wrapper .view-all-featured a {
  font-size: 1em;
}
.agent-contact-wrapper #contact_agent_form .drip-group-container .form-item label, #content_top_innerpage #contact_agent_form .drip-group-container .form-item label,
#contact_agent_form label,
.maincontent #contact_agent_form .contact-information input.form-text, .maincontent #contact_agent_form textarea, #content_top_innerpage #contact_agent_form .contact-information input.form-text, #content_top_innerpage #contact_agent_form textarea, body .g2page #contact_agent_form .contact-information input.form-text, body .g2page #contact_agent_form textarea, .agent-contact-wrapper .form-item.main_field input, .agent-contact-wrapper .form-item.main_field textarea{
  font-size:0.9em;
}
.chosen-container-multi .chosen-results,
.chosen-container-multi .chosen-choices,
.agent-contact-wrapper .chosen-container-multi .chosen-choices li.search-field input[type=text] {
  font-size: 14px;
}
.agent-details.office-info .by-law,
.agent-details.office-info .contact-details h3,
.agent-contact-wrapper a.disclaimer_link span.disclaimer_content,
.maincontent .agent-contact-wrapper #contact_agent_form .submit-wrapper input, .agent-contact-wrapper #contact_agent_form .submit-wrapper input, .node .agent-contact-wrapper #contact_agent_form .submit-wrapper input, .about_me_wrapper .agent-contact-wrapper #contact_agent_form .submit-wrapper input {
  font-size: 1em;
}
.maincontent .agent-contact-wrapper #contact_agent_form .submit-wrapper a.disclaimer_link, #content_top_innerpage .agent-contact-wrapper #contact_agent_form .submit-wrapper a.disclaimer_link, .node .agent-contact-wrapper #contact_agent_form .submit-wrapper a.disclaimer_link, .about_me_wrapper .agent-contact-wrapper #contact_agent_form .submit-wrapper a.disclaimer_link {
  font-size: 0.85em;
}
.node .agent-listings-wrapper .horizontal_scroll .jcarousel-control-next, .node .agent-listings-wrapper .horizontal_scroll .jcarousel-control-prev{
  font-size:3em;
  top: 120px;
}
.node .agent-listings-wrapper div.price_bedroom_bathroom > span.featuredListingBedroom,
.node .agent-listings-wrapper div.price_bedroom_bathroom > span.featuredListingBathroom{
  background-size: auto 0.8em;
  padding-left: 1.3em;
  font-size:1em;
}
.node .agent-listings-wrapper div.price_bedroom_bathroom > span.featuredListingBathroom{
  background-size: auto 0.9em;
  padding-left: 1.2em;
}
.maincontent .agent-listings-wrapper div.featuredListingAddress{
  margin-bottom: 0.8em;
}
.agent-summary-image-wrapper a:after, .broker-logo-wrapper .broker-logo a:after {
  font-size: 0.95em;
}
.agent-summary-left-content {
  flex-basis: calc(140px + 1.4rem);
}
.agent-details-wrapper .agent-image {
  width: 250px;
  height: 250px;
  border-width: 2em;
}
.node .agent-listings-wrapper div.featuredListingPrice .featuredPricePlaceholder,
.maincontent .agent-listings-wrapper div.featuredListingAddress{
  font-size: 0.9em;    
}
.maincontent .agent-listings-wrapper div.featuredListingPrice .price_unit{  
  font-size: 0.8em;
  top: -0.1em;
}
.node .agent-listings-wrapper div.price_bedroom_bathroom span.featuredListingSquareFootage{
  font-size:0.9em;  
}
.node .agent-listings-wrapper .horizontal_scroll .jcarousel > ul > li {
  margin-right: 24px;
  width: 220px;
}
.node .agent-listings-wrapper .featured_multi_img_wrapper{
  height: 130px;
}
.agent-information-header {
  width: 960px;
}
.agent-details-wrapper .agent-information-header .agent-bio {
  font-size: 1em;
}
.agent-details-wrapper .social_media .defaulticon:before {
    font-size: 0.75em;
}
.agent-social-media {
  margin-top: 0;
}
.officeSearch #officeSearchList table .short-cell-right-b span.lf{
  font-size:1.05em;
}
.office_top_info .lf, div.mteam a, div.olist a, div.addresso, div.locationoffice, div.phoneo, div.tollfreen, .officeSearch #officeSearchList .contact {
  font-size: 1em;
}
.officeSearch #officeSearchList table .office_listings a,
.officeSearch #officeSearchList table .meet_team a{
  font-size: 0.9em;
  padding: 0.4em 0.5em;
}
#officeSearch #BubbleInfo dt,
#officeSearch #BubbleInfo dd {
  font-size: 1.05em;
}
#officeSearch #BubbleInfo ul li a{
  padding: 0.3em 1em 0.45em;
  font-size: 1em;
}
#officeSearch #BubbleInfo h3 {
  font-size: 1.15em;
  margin-bottom: 1em;
}
.officeSearch .searchField-wrapper .officelocation-wrapper input {
  height: 2.5em;
  padding: 0.25em 0.5em;
  font-size: 1em;
}
.officeSearch #officeSearchList table .office_listings a, .officeSearch #officeSearchList table .meet_team a {
  font-size: 0.9em;
  padding: 0.3em 0.5em 0.5em;
}
.officeSearch #officeSearchList table .short-cell-left-b {
  min-width: 16em;
  width: 16em;
  padding-right: 1.5em;
}
.officeSearch .searchField-wrapper #get_my_location i:before {
  font-size: 28px;
  padding: 0em 0.25em;
}
.officeSearch #officemap2 {
  height: 22em;
}
.officeSearch #officeSearchList table .short-cell-left-b a {
  height: 9em;
}
.officeSearch #officeSearchList table .short-cell-left-b a{
  margin-top: 0.4em;
}
.officeSearch #officeSearchList table {
  margin: 0em 0 1.5em;
}
.broker-details .contact-address .address {
  font-size: 1em;
  line-height: 1.2;
}
.broker-contact a {
  font-size: 0.9em;
}
.broker-details .branch-manager-bio h2 {
  font-size: 1.2em;
}
}

@media (max-width:1250px){
.officeSearch #officeSearchList table {
    width: 48%;
}
.officeSearch #officeSearchList {
  justify-content: space-between;
}
}

@media (max-width:1100px){
.agent-wrapper.multi-office .agent-filter-form-wrapper #agent_filter_form .agent-name-wrapper{
  width: calc(100% - 630px);
  max-width: 100%;
}
.agent-information-header {
  width: 710px;
}
.officeSearch #officeSearchList table .short-cell-left-b {
  margin-bottom: 0.5em;
}
.officeSearch #officeSearchList table tr {
  flex-direction: column;
}
.officeSearch #officeSearchList table .short-cell-left-b a{
  height: 10em;
}
.broker-details .video-photo-wrapper,
.broker-details .branch-manager-wrapper {
  flex-wrap: wrap;
}
.broker-details .branch-manager-bio{
  min-width: calc(100% - 200px);
  margin-bottom: 1em;
}
.broker-details .branch-manager-img {
  margin-bottom: 1em;
}
}

@media (max-width:800px){
.agent-wrapper .pager li:nth-child(2) .pager-previous, .agent-wrapper .pager li:nth-child(2) .pager-first, .agent-wrapper .pager li:nth-child(1) .pager-first, .agent-wrapper .pager li:nth-child(4) .pager-next, .agent-wrapper .pager li:nth-child(4) .pager-last, .agent-wrapper .pager li:nth-child(5) .pager-last {
  font-size: 0px;
  width: 30px;
  height: 29px;
  line-height: 27px;
}
.agent-information-header {
  width: 480px;
}
.officeSearch #officeSearchList table tr {
  flex-direction: row;
}
.officeSearch #officeSearchList table {
  width: 100%;
}
.broker-details .video-wrapper, .broker-details .photo-wrapper {
  width: 100%;
}
.broker-details .video-wrapper {
  padding-top: 56.50%;
  margin-bottom: 2em;
}
.broker-details #map {
  height: 300px;
}
.broker-contact {
  flex-wrap: wrap;
}
.broker-details .photo-wrapper{
  padding-left: 0;
  justify-content: space-between;
  display: flex;
  flex: auto;
}
.broker-details .photo-wrapper img{
  padding-bottom: 2vw;
}
.broker-details .branch-manager-bio{
  padding:0px;
}
.broker-details .branch-manager-img{
  padding-right:1.5em;
}
}

@media (max-width:720px){
.agent-wrapper.multi-office {
  padding: 0;
}
}

@media (max-width:640px){
.agent-summary-right-content {
  padding: 2rem 1rem;
}
.officeSearch #officeSearchList table .short-cell-left-b {
  min-width: 36vw;
  width: 36vw;
}
.officeSearch #officeSearchList table .short-cell-left-b a {
  height: 22vw;
}
.map-contact-wrapper {
  flex-direction: column;
}
.office-contact-wrapper {
  margin: 0 auto 1em;
  width: 100%;
}
.hrsofoperation{
  margin: 0 auto;
  text-align: center;
}
}

@media (max-width:568px){
.agent-details-wrapper-content{
  padding: 0;;
}
.agent-information-header {
    width: calc(100% - 4em);
}
.node .agent-listings-wrapper .widgets-featuredListings #scroll_mode{
  width: 220px;
  margin:0 auto;
}
.node .agent-listings-wrapper .horizontal_scroll .jcarousel-control-prev{
  left:-50px!important;
}
.node .agent-listings-wrapper .horizontal_scroll .jcarousel-control-next{
  right:-50px!important;
}
.agent-details.office-info .office-info-main .logo-wrapper img{
  margin: 0 auto;
}
.agent-details.office-info .office-info-main .contact-details {
  padding-left: 0;
}
.broker-details .branch-manager-bio{
  min-width: 330px;
}
}



@media screen and (max-width: 480px){
.brokerage-information.contact-data .address-icon:before {
  font-size: 1em;
}
.officeSearch #officeSearchList table .short-cell-left-b a {
  height: 10em;
}
.officeSearch #officeSearchList table .short-cell-left-b {
  min-width: 16em;
  width: 16em;
}
.officeSearch #officeSearchList table tr {
  flex-direction: column;
}
}

@media (max-width: 420px){
.agent-summary-left-content {
  flex-basis: calc(100px + 1.4rem);
  padding: 2rem 0rem 1.5rem 0.7rem;
}
}

@media (max-width: 384px){
.agent-information-header {
  width: calc(100% - 2em);
}
.broker-details .branch-manager-bio {
  min-width: 100%;
}
}

/* Recaptcha Styles */
.ask_questions_widget .content:after,
.submit-wrapper:after{
  content:' ';
  display:block;
  position:relative;
  padding:0px;
  margin:0px;
  clear:both;
}
#wsidebar_right .recaptcha-wrapper{
  width:95%;
  margin:auto;
  margin-bottom:1em;
}
.maincontent.recaptcha-wrapper{
  margin-left: 1.5%;
}
.inner .maincontent .recaptcha-wrapper,
.widecontent .recaptcha-wrapper,
.inner .maincontent #FreeReport-form .recaptcha-wrapper{
  margin-left:0px;
  float:left;
  width: 320px;
  margin-top:0.8em;
}
.widecontent #FreeReport-form div.recaptcha-wrapper{
  margin-top:0.8em;
}
.inner .maincontent .submit-wrapper,
.maincontent #contact_agent_form .submit-wrapper,
.maincontent #contact_broker_form .submit-wrapper,
.maincontent #appointment_form #button_area.submit-wrapper,
.maincontent #visitor_register input.form-submit,
.widecontent .widgets-askQuestions .submit-wrapper,
.maincontent #FreeReport-form .submit-wrapper{
  margin-left:2%;
  margin-top:0.8em;
  width:150px;
  clear:none;
  float:left;
  height:auto;
}
.inner .maincontent #contentwidgettop .submit-wrapper input,
.inner .maincontent #contentwidgetbottom .submit-wrapper input,
.inner .maincontent .maincontentinner .submit-wrapper input,
.maincontent #contact_agent_form .submit-wrapper input,
.maincontent #contact_broker_form .submit-wrapper input,
.maincontent #visitor_register input.form-submit,
.maincontent #visitor_pass .form-submit,
.widecontent .widgets-askQuestions .submit-wrapper input,
#comment_form .form-submit{
  width: 150px;
  display: block;
  margin: auto;
  float: none;
  font-size: 0.95vw;
  padding: 0.5em 0;
}
.maincontent #visitor_register input.form-submit{
  margin-left:2%;
  display: inline;
}
.maincontent #visitor_pass .form-submit{
  margin-top:1em;
  margin-left:0;	
  float:left;
  padding:1vw 0;
}
.inner .maincontent .submit-wrapper a.disclaimer_link,
.maincontent #contact_agent_form .submit-wrapper a.disclaimer_link,
.maincontent #appointment_form #button_area.submit-wrapper a.disclaimer_link,
.widecontent .widgets-askQuestions a.disclaimer_link{
  margin:0px;
  width:auto;
  font-size: 0.8vw;
  width: 100%;
}
.maincontent #contact_broker_form .submit-wrapper a.disclaimer_link,
.inner .maincontent .submit-wrapper a.disclaimer_link{
  text-align:left;
  font-size:0.8vw;
}
.inner .maincontent .submit-wrapper a.disclaimer_link .disclaimer_content,
.maincontent #contact_agent_form .submit-wrapper a.disclaimer_link .disclaimer_content,
.maincontent #contact_broker_form .submit-wrapper a.disclaimer_link .disclaimer_content,
.maincontent #appointment_form #button_area.submit-wrapper a.disclaimer_link .disclaimer_content,
.widecontent .widgets-askQuestions a.disclaimer_link .disclaimer_content{
  text-align:left;	
}
#button_area a.disclaimer_link span.disclaimer_content{
  font-size: 0.9vw;
  width: 13vw;
  min-width: 200px;
  background: var(--white);
  color: var(--charcoal);
  border: var(--charcoal) 1px solid;
}
.g1 .submit-wrapper,
.inner .g1 .submit-wrapper{
  float: none;
  margin: 0.5em auto;
  width: 150px;
}
.g1 .recaptcha-wrapper,
.inner .g1 .recaptcha-wrapper{
  width:92%;
  margin:auto;
  float:none;
}

@media screen and (max-width:1510px){
.maincontent #contact_broker_form .submit-wrapper a.disclaimer_link, .inner .maincontent .submit-wrapper a.disclaimer_link {
  font-size: 0.9em;
}
}


@media screen and (max-width:768px){
  .maincontent .submit-wrapper,
  .maincontent #contact_agent_form .submit-wrapper,
  .maincontent #contact_broker_form .submit-wrapper,
  .maincontent #appointment_form #button_area.submit-wrapper,
  .maincontent #visitor_register input.form-submit,
  .widecontent .widgets-askQuestions .submit-wrapper,
  .maincontent #FreeReport-form .submit-wrapper{
  margin-bottom:0.5em;
  margin-left: 0px !important;
  width:100% !important;
  text-align:center;
  float:none !important;
  }
  .inner .maincontent .recaptcha-wrapper,
  .maincontent .recaptcha-wrapper,
  .widecontent .recaptcha-wrapper,
  .inner .maincontent #FreeReport-form .recaptcha-wrapper{
    width:100%;
    text-align:center;
    margin: 0.8em auto 0px;
    float: none;
  }
  .maincontent #contact_agent_form .submit-wrapper a.disclaimer_link,
  .maincontent #contact_broker_form .submit-wrapper a.disclaimer_link,
  .maincontent #appointment_form #button_area.submit-wrapper a.disclaimer_link,
  .widecontent .widgets-askQuestions a.disclaimer_link{
    width: 75px;
    text-align: center;
    float: none;
  }
  .inner .maincontent .submit-wrapper a.disclaimer_link{
    width: 75px;
    text-align:center;
    margin:0;
    float: none;
  }
}



/* Groups for All Forms */
  /* Common Group Styles */
.drip-group-container{
  width:100%;
  margin:0px;
  margin-bottom: 10px;
  box-sizing: border-box;
}
.drip-group-container-wrapper{
  width: 100%;
  clear: left;
}
.drip-group-container-wrapper > label.error{
  color: red !important;
}
fieldset.interests .drip-group-container-wrapper > label{
  float:none;
}
.drip-group-container .description,
.drip-buyer-subgroup-container .description,
.drip-seller-subgroup-container .description,
.drip-renter-subgroup-container .description,
.drip-buyer-seller-subgroup-container .description{
  font-size:0.85em;
  font-weight:bold;
  margin-bottom: 0.25em;
}
.drip-group-container .form-item,
.widgets-askQuestions .drip-group-container .form-item,
#contact_agent_form .drip-group-container .form-item,
#contact_broker_form .drip-group-container .form-item,
#ProtectedPropertyDetails_register.registration-inner .drip-group-container .form-item,
#visitor_register .drip-group-container .form-item,
#FreeReport-form .drip-group-container .form-item,
#pre_Construction_contact_form .drip-group-container .form-item{
  margin:0px 1%;
  width:23.5%;
  border-radius:4px;
  border:1px solid var(--silver2);
  float:left;
  box-sizing: border-box;
  text-align: center;
  padding:0px;
  height: 48px;
}
.widgets-askQuestions .drip-group-container .form-item{
  background-color:var(--white);
  border:1px solid var(--silver2);
}
.drip-group-container .form-item label{
  height: 40px;
  font-weight:600;
  padding:0px;
  margin:0px;
  cursor: pointer;
  overflow:hidden;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
.drip-group-container .form-item:nth-child(1) label,
#visitor_register .drip-group-container .form-item:nth-child(1) label{
  box-sizing: border-box;
  line-height: 20px;
  text-align:center;
}
.g1 .drip-group-container{
  font-size: 0.9em;
}
.g1 .drip-group-container .form-item:nth-child(1) label{
  padding:2px 0px;
}
.drip-group-container .form-item:nth-child(1),
#contact_agent_form .drip-group-container .form-item:nth-child(1),
#contact_broker_form .drip-group-container .form-item:nth-child(1),
#ProtectedPropertyDetails_register.registration-inner .drip-group-container .form-item:nth-child(1),
#visitor_register .drip-group-container .form-item:nth-child(1),
#FreeReport-form .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),
#contact_agent_form .drip-group-container .form-item:nth-child(4),
#contact_broker_form .drip-group-container .form-item:nth-child(4),
#ProtectedPropertyDetails_register.registration-inner .drip-group-container .form-item:nth-child(4),
#visitor_register .drip-group-container .form-item:nth-child(4),
#FreeReport-form .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-active .chosen-choices,
.chosen-container,
.drip-buyer-subgroup-container,
.drip-seller-subgroup-container,
.drip-renter-subgroup-container,
.drip-buyer-seller-subgroup-container{
  width:100% !important;
  margin:0px;
  line-height:30px;
}
.chosen-container{
  font-size:0.9vw;
}
#contact_agent_form .drip-buyer-subgroup-container .form-item,
#contact_agent_form .drip-seller-subgroup-container .form-item,
#contact_agent_form .drip-renter-subgroup-container .form-item,
#contact_agent_form .drip-buyer-seller-subgroup-container .form-item,
#contact_broker_form .drip-buyer-subgroup-container .form-item,
#contact_broker_form .drip-seller-subgroup-container .form-item,
#contact_broker_form .drip-renter-subgroup-container .form-item,
#contact_broker_form .drip-buyer-seller-subgroup-container .form-item,
#pre_Construction_contact_form .drip-buyer-subgroup-container .form-item,
#pre_Construction_contact_form .drip-seller-subgroup-container .form-item,
#pre_Construction_contact_form .drip-renter-subgroup-container .form-item,
#pre_Construction_contact_form .drip-buyer-seller-subgroup-container .form-item{
  width:100%;
}
.drip-buyer-subgroup-container,
.drip-seller-subgroup-container,
.drip-renter-subgroup-container,
.drip-buyer-seller-subgroup-container{
  margin-top:5px;
  margin-bottom: 1em;
}
.drip-buyer-subgroup-container .form-item,
.drip-seller-subgroup-container .form-item,
.drip-renter-subgroup-container .form-item,
.drip-buyer-seller-subgroup-container .form-item{
  margin:0.3em 0px;
}
.chosen-container-multi .chosen-choices li.search-choice,
.choice .chosen-container-multi .chosen-choices li.search-field{
  line-height:20px;
  margin: 3px 0px;
  margin-right: 4px;
  width: auto !important;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close{
  top: 8px;
}
.choice .chosen-container-multi .chosen-choices li.search-field input[type=text],
.chosen-container-multi.chosen-container-active li.search-field input[type=text]{
  height:30px;   
  line-height:23px;
  text-align:left;
  width:auto !important;
}
.chosen-container-multi .chosen-choices li.search-field input[type=text],
.chosen-container-multi .chosen-choices li.search-field{
  width:100% !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),
#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),
#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),
#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),
#FreeReport-form .drip-group-container.buy .form-item:nth-child(1),
#FreeReport-form .drip-group-container.sell .form-item:nth-child(2),
#FreeReport-form .drip-group-container.rent .form-item:nth-child(3),
#FreeReport-form .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),
.agent-contact-wrapper #contact_agent_form .drip-group-container.buy .form-item:nth-child(1),
.agent-contact-wrapper #contact_agent_form .drip-group-container.sell .form-item:nth-child(2),
.agent-contact-wrapper #contact_agent_form .drip-group-container.rent .form-item:nth-child(3),
.agent-contact-wrapper #contact_agent_form .drip-group-container.other .form-item:nth-child(4){
  background: var(--silver2);
  position:relative;
}
.drip-group-container.buy .form-item:nth-child(1):before,
.drip-group-container.sell .form-item:nth-child(2):before,
.drip-group-container.rent .form-item:nth-child(3):before,
.drip-group-container.other .form-item:nth-child(4):before{
  display: block;
  content: '';
  position: absolute;
  background: url('./../images/group-icon.png') no-repeat;
  width: 20px;
  height: 20px;
  background-size: 100%;
  left: 0px;
  top: 0px;
  margin-left: -10px;
  margin-top: -10px;
}
.drip-group-container{
  display:inline-block;
  overflow: visible;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.drip-group-container input{
  display:none;
}
.drip-group-container-wrapper .req,
fieldset.contact_form label .req{
  background: url(../images/star.png) no-repeat 0px 4px;
  background-size: contain;
	color: #b83937;
	display: inline;
	padding-left: 0.8em;
	font-size: 0.6vw;
}


#visitor_register div *{
  font-family: 'TestSohne', Arial,Helvetica,sans-serif;
}
  #visitor_register div div.form-item label,
  #visitor_register div div.form-item input{
    display: block;
    float:none;
    padding-right:0;
    text-align:left;
    width:95%;
  }
  #visitor_register div div.form-item input{
    line-height:1;
    padding:10px 15px;
  }
  #visitor_register div div.form-item{
    width:50%;
    float:left;
  }
  #visitor_register div .recaptcha-wrapper.captcha_visitor_register {
    clear:left;
    margin-top:1.5rem;
  }
  body[class*="user"] .message ul,
  body[class*="visitor"] .message ul{
    list-style:none;
  }
  .maincontent #visitor_register input.form-submit{
    background: var(--purple);
    border: 0;
    border-radius: 5px;
    color:var(--white);
    display:block;
    float:left;
    margin-top:1.5rem !important;
    text-transform:capitalize;
  }
  .maincontent #visitor_pass .form-submit{
    background: var(--purple);
    border: 0;
    border-radius: 5px;
    color:var(--white); 
    text-transform:capitalize;  
  }
  .inner .maincontent .maincontentinner .submit-wrapper input,
  #comment_form .form-submit{
    color:var(--white);
    border:none;
    background:var(--purple);
    border-radius:0.3vw;
    text-transform: uppercase;
  }
  #comment_form .form-submit {
    margin-left:0!important;
  }
  .inner .maincontent .maincontentinner .submit-wrapper input:hover{
    background:var(--heather);
    color:var(--purple);
  }
  #user_login .item-list a{
    color:var(--purple);
  }
  #user_login .item-list a:hover{
    text-decoration:underline;
  }
#user_login .form-item input[type*="text"], 
#user_login .form-item input[type*="password"]{
	max-width:400px;
}
fieldset.contact_form .form_content{
  margin: 0.4rem -1vw;
}
fieldset.contact_form .selectfield{
clear:both;
}
fieldset.contact_form .selectfield br{
  display:none;
}
fieldset.contact_form .form-item,
.drip-group-container-wrapper,
form fieldset fieldset{
  padding: 0 1vw;
}
.inner .maincontent .recaptcha-wrapper, .widecontent .recaptcha-wrapper, .inner .maincontent #FreeReport-form .recaptcha-wrapper,
.inner .maincontent .submit-wrapper, .maincontent #contact_agent_form .submit-wrapper, .maincontent #contact_broker_form .submit-wrapper, .maincontent #appointment_form #button_area.submit-wrapper, .maincontent #visitor_register input.form-submit, .widecontent .widgets-askQuestions .submit-wrapper, .maincontent #FreeReport-form .submit-wrapper{
  margin: 1vw;
}
  .maincontent #visitor_register input.form-submit{
    clear:left;
    margin-left:0;
  }
  .inner .maincontent #visitor_pass .recaptcha-wrapper{
    margin-left: 0px;
    margin-top: 0px;  
    margin-right:1rem;
  }
.inner .maincontent .submit-wrapper input{
  font-weight:600;
}
#contact_broker_form{
  margin:0 -1vw;
}
form #zip,
.form-item{
  margin: 0 0 1.5vw;
}
.main_field,
form fieldset fieldset,
#appointment_form fieldset.contact_form .form-item.select_form{
	width:50%;
	float:left;
}
#contact_broker_form > div > .form-item,
#contact_broker_form > div > #zip{
  width:33%;
  float:left;
}
  #contact_broker_form > div > .form-item.Contact-Request-Body{
    margin-bottom: 0;
    width:100%;
  }
  #contact_broker_form > div > .form-item.Your-Preferred-Contact-Method .form-item{
    margin-bottom:0;
  }
#contact_broker_form > div > #zip .form-item{
  margin:0;
  }
#contact_broker_form > div > .form-item,
#contact_broker_form > div > #zip{
  padding: 0 1vw;
}
#contact_broker_form > div > #zip{
  padding-top:0px !important;
}
  .contact-branch-directly{
    margin-bottom: 2vw;
  }
  .contact-branch-directly a{
    color:var(--purple);
    font-weight:600;
  }
  .inner .maincontent .submit-wrapper a.disclaimer_link, .maincontent #contact_agent_form .submit-wrapper a.disclaimer_link, .maincontent #appointment_form #button_area.submit-wrapper a.disclaimer_link, .widecontent .widgets-askQuestions a.disclaimer_link{
    display: block;
    line-height: 1;
    padding-top:5px;
    top: 100%; 
  }
  .inner .maincontent .submit-wrapper a.disclaimer_link .disclaimer_content, .maincontent #contact_agent_form .submit-wrapper a.disclaimer_link .disclaimer_content, .maincontent #contact_broker_form .submit-wrapper a.disclaimer_link .disclaimer_content, .maincontent #appointment_form #button_area.submit-wrapper a.disclaimer_link .disclaimer_content, .widecontent .widgets-askQuestions a.disclaimer_link .disclaimer_content{
    bottom:auto;
    color:var(--charcoal);
  }
.main_field input,
fieldset.contact_form .message_field textarea,
.form-item input[type*="text"],
.form-item textarea,
.form-item input[type*="password"],
.form-item select{
  border-radius: 0.5vw;
  border: 1px solid var(--silver2);
  font-size: 0.9vw;
  height: 2.5vw;
  line-height: 1.5;
  max-width: 100%;
  padding: 0.5vw 0.5vw;
  width:100%;
}
.form-item textarea,
fieldset.contact_form .message_field textarea{
  height:auto;
}
fieldset.contact_form .message_field textarea{
  width:100%;
}
form fieldset fieldset br{
  display:none;
}
form fieldset fieldset input[type*="radio"]{
  margin-top:0.9vw;
}
fieldset.contact_form label,
form fieldset fieldset legend,
.form-item label {
  font-size: 0.9vw;
  font-weight: 600;
  margin-bottom: 0.25vw;
}
.form-item .description {
  font-size: 0.85vw;
}
#user_login .item-list ul,
#user_login .item-list ul li{
  list-style:none;
  margin:0;
}
#user_pass .form-submit,
#user_login .form-submit{
  background: var(--purple);
  border-radius: 0.3vw;
  color: var(--white);
  font-weight: 600;
  font-size: 1vw;	
  margin: 1vw 0 0.5vw;
  padding: 0.5vw 2vw;
}
.maincontent #visitor_register input.form-submit:hover,
#user_pass .form-submit:hover,
#user_login .form-submit:hover{
 background-color: var(--heather);
 color: var(--purple);
}
#edit-middlename,
label[for="edit-middlename"]{
  margin-left:-3000px!important;
  float:left;
  height:0px;
}
fieldset.contact_form{
  border:none!important;
  font-size:0.9vw;
  color:var(--charcoal);
  margin:1rem 0;
}
  fieldset.contact_form label{
  font-size:0.9vw;
  }
  fieldset.contact_form legend.main_legend_title{
	text-transform:uppercase;
	color: var(--charcoal);
	position:relative; 
  z-index:5;
  font-weight:600;
  font-size:1.1vw;
	width: 100%;
	border-bottom: 1px dotted var(--silver2);
	margin:0.6em 0px 0.2em;
	padding:0px;
  }
  
  fieldset.contact_form .form_content{
	clear:both;
	position:relative;
  }
  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;
}
  
  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:-0.3vw;
  }
  fieldset.contact_form .select_form select{
	width:100%;
	padding: 0.15em 0px;
	font-size: 0.9vw;
  }
  fieldset.contact_form .wide_select select{
	width:200px;
	height:auto;
	font-size: 0.9vw;
  }
  .main_field input{
  line-height:1.4em;
  width:100%;
  font-size:0.9em;
  }
  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;
  }
  fieldset.interests .column1 label, fieldset.interests .column2 label{
	float:none;
  }
  fieldset.contact_form .message_field{
  float:left;
  width:100%;
  clear:both;
  } 
  #FreeReport-form .form-item{
	width:90%;
	margin:0.3em 0px 0px;
  }
  fieldset.contact_form  input.submit_form,
  .lead_generating_remove_class input.form-submit{
	width:13.5%;	
	color:var(--charcoal);
	margin: 0.8em 0px 0px 25.8%;
  }
  body #FreeReport-form .form-item label{
	width:100%;
	text-align:left;
  }

#appointment_form .contact_by  #email{
  margin-left: 1em;
}
form.mediaform .form_content div.form-item.main_field.two{
  display:none!important;
}
.inner .maincontent form.mediaform .submit-wrapper{
  margin-top:0;
}

  /*contact agent*/
  #appointment_form label,
  body #contact_broker_form label,
  body #contact_agent_form label{
    color:var(--charcoal);
    text-transform:none;
    }
    #contact_agent_form .form-item{
      float:left;
      width:33%;
    }
    #contact_agent_form .form-item input.form-text,
    #contact_agent_form .form-item  select.form-select{
      width:90%;
      font-size:0.85vw;
    }
    #contact_agent_form .form-item.Contact-Request-Subject,
    #contact_agent_form .form-item.Contact-Request-Body{
      width:100%;    
    }
    .maincontent #contact_agent_form .contact-information input.form-text, 
    .maincontent #contact_agent_form textarea, 
    #content_top_innerpage #contact_agent_form .contact-information input.form-text,
    #content_top_innerpage #contact_agent_form textarea, 
    body .g2page #contact_agent_form .contact-information input.form-text, 
    body .g2page #contact_agent_form textarea, 
    .agent-contact-wrapper .form-item.main_field input, 
    .agent-contact-wrapper .form-item.main_field textarea{
      height:3.15rem;
    }
    .maincontent #contact_agent_form textarea{
      min-height: 183px; 
    }
    .agent-details.office-info .office-info-main .logo-wrapper{
      overflow:visible;
    }
    #contact_agent_form .description{
      font-size:0.8vw;
      line-height: 1.2;
    }
    #contact_agent_form .form-item .form-item{
      margin:0px;
    }
    #contact_agent_form #edit-request_subject,
    #contact_agent_form #edit-request_body{
      width:289%;
    }
    #contact_agent_form input.form-submit{
      margin-top:1.9em;
    }
    #contact_agent_form .Middle-Name{
      display:none;
    }
    #contact_agent_form #edit-cap-image,
    #contact_broker_form #edit-cap-image{
      float: left;
      margin-right: 3%;
      width: 70%;
    } 



  /*captcha*/ 
.condo-detail #pre_Construction_contact_form .contact_form .form-item.Last-Name,
#comment_form .form-item.E-mail,   
#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), 
#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){
  display:none;
} 



/*pin form*/
.wrapper-pin{
  display:none;
  width: 100%;
  height:100vh;
  background: rgba(0,0,0,.75);
  position:fixed;
  top:0;
  left:0;
  z-index: 2000;
}
.wrapper-pin .wrapper-pinpage{
  background-color: var(--white);
  width: 80%;
  height: 100%;
  max-width: 1126px;
  min-width: 800px;
  margin: 0 auto;
  overflow: auto;
}
.wrapper-pin h2{
  font-family: 'TestSohne', Arial,Helvetica,sans-serif;
  font-size: 1.8rem;
  text-align: center;
  color: var(--charcoal);
  font-weight: 300;
  margin: 40% 0 1.3rem;
  line-height: 1.3;
}
.wrapper-pin form{
  width: 440px;
  margin: 0 auto;
}
.wrapper-pin p{
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--charcoal);
  margin-bottom:1em;
}
.wrapper-pin #edit-pin{
  font-size: .96rem;
  border-radius: .2rem;
  border-color: var(--silver2);
  display: block;
  width: 100%;
  height: calc(2.25rem + 2px);
  padding: 0px .75rem;
  line-height: 1.5;
  color: var(--charcoal);
  background-color: var(--white);
  background-clip: padding-box;
  border: 1px solid var(--silver2);
  box-sizing: border-box;
}
#pin_form input[type="submit"]{
  text-transform: capitalize;
  background: var(--purple);
  font-size: 1.25rem;
  width: 100%;
  border: none;
  border-radius: .2rem;
  padding-top: .8rem;
  padding-bottom: .8rem;
  color:var(--white);
  box-sizing: border-box;
}
.wrapper-pin .resend{
  display: block;
  margin: 0.5em auto 0;
  width: 9em;
  text-align: center;
  text-decoration: underline;
  color: var(--purple);
}
.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 var(--silver2);
  line-height: 34px;
  color: var(--charcoal);
  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%;
  }
}


/*property listing*/
#sortListing .rest-form .pricewrapper {
  width: 34%;
  position:relative;
}
#sortListing .rest-form .openprice a{
  color:var(--charcoal);
  font-size:1vw;
}
#sortListing .rest-form .openprice {
  font-size: 0.9em;
  width: 100%;
  padding: 0em 10px;
  height: 3.3em;
  line-height: 3em;
  background-color: var(--white);
  text-align: left;
  border: 1px solid var(--silver2);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  clear: both;
  margin-bottom: 1px;
}
#sortListing .rest-form .form-item:after {
  content: '\f107';
  font-family: FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--charcoal);
  position: absolute;
  top: 2.4em;
  bottom: 3px;
  right: 2.2vw;
  font-size: 1vw;
  padding: 0 3px;
  pointer-events: none;
  z-index: 9;
  background: var(--white);
}
#sortListing .rest-form .pricewrapper .filter_price_from_to_quick_search {
  clear: both;
  display: none;
}
#sortListing .rest-form .pricewrapper.expandPrice .filter_price_from_to_quick_search{
  background: var(--white);
  box-sizing: border-box;
  border: 1px solid var(--silver2);
  border-top: none;
  display: block;
  top:4em;
  position: absolute;
  width: calc(100% - 2em);
  padding-top: 1rem;
  z-index: 120;
  padding-left:2em;
}
#sortListing .rest-form .pricewrapper-suggestions {
  background-color: var(--white);
  position: absolute;
  top: 6.5em;
  z-index: 1300;
  width: 100%;
}
#sortListing .rest-form .filter_price_from_to_quick_search .form-item {
  float: left;
  width: 45%;
  clear: none;
  margin: 0.3em 0px 1em 0;
  overflow:visible!important;
}
#sortListing .rest-form .filter_price_from_to_quick_search .form-item:nth-child(2){
  float:right;
  margin:0.3em 0 1em 0px;
}
#sortListing .rest-form .filter_price_from_to_quick_search .form-item input{
  border-radius: 5px;
  border: 1px solid var(--silver2);
  box-sizing: border-box;
  height: 1.8em;
  padding: 0px 4px;
  width:100%;
}
#sortListing .rest-form .filter_price_from_to_quick_search .form-item:before,
#sortListing .rest-form .filter_price_from_to_quick_search .form-item:after{
  display:none;
}
#sortListing .rest-form .filter_price_from_to_quick_search .form-item:nth-child(1):after {
  content: '';
  display: block;
  background-color: var(--silver2);
  height: 1px;
  width: 10%;
  position: absolute;
  left: 98%;
  top: 0.8em;
}
#sortListing .rest-form .filter_price_from_to_quick_search .form-item input:hover{
  border-color:var(--charcoal);
}
#sortListing .rest-form .filter_price_from_to_quick_search .form-item input:focus{
  border-color:var(--charcoal);
  box-shadow: 0px 0px 10px 0px rgba(202, 202, 202, 0.5);
}
#sortListing .rest-form .pricewrapper-suggestions ul.ui-autocomplete {
  padding: 0px 10px 0.5em;
  text-align: left;
  list-style-type: none;
  width: calc(100% - 2em)!important;
  position: absolute!important;
  left: 0px!important;
  top: 1.5em!important;
  border: 1px solid var(--silver2);
  border-top: none;
  background: var(--white);
  box-sizing: border-box;
  border-radius: 0px;
  font-size:1em;
}
#sortListing .rest-form  .pricewrapper-suggestions ul.ui-autocomplete:last-child{
  text-align:right;
}
#sortListing .rest-form .pricewrapper-suggestions ul.ui-autocomplete a{
color: var(--charcoal);
  display: block;
  padding: 0.2em 0px 0.2em 4%;
}
#sortListing .rest-form .pricewrapper-suggestions ul.ui-autocomplete:last-child a{
  padding-right:6%;
  padding-left:0px;
}	
#sortListing .rest-form .pricewrapper-suggestions ul.ui-autocomplete a:hover{
  background: var(--charcoal);
  color: #fbfbfb;
  border:none;
  border-radius:0px;
  margin:0px;
}
#sortListing .rest-form .pricewrapper-suggestions ul.ui-autocomplete a.ui-state-hover-current{
  border: none;
  background: var(--purple);
  color: var(--white);
  margin: 0px;
  height: auto;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  border-radius: 0px;
}
#sortListing .rest-form .form-submit{
  background: var(--purple);
  border: none;
  color: var(--white);
  height: 4em;
  margin-left: 1rem;
  margin-bottom: 0;
  padding: 0 3rem;
  text-transform: uppercase;
  font-weight: bold;
}
#sortListing .rest-form{
  margin: 0 10px;
}
#sortListing .rest-form label{
  font-size: 1em;
  margin-bottom:0.5em;

}
#sortListing .rest-form .form-submit:hover{
  background:var(--heather);
  color:var(--purple);
}
.display-only-block{
  font-size:0.8em;
}
#sortListing{
  border: 1px dotted var(--silver2);
  font-size:1vw;
  margin-top:0.5em;
  padding: 1vw;
  margin-bottom: 1.4em;
}
#sortListing form{
  margin: 0 -1vw;
}
#sortListing .rest-form select{
  background-color:var(--white); 
  border: 1px solid var(--silver2);
  border-radius:0px;
  font-size:1vw;
  height: 3.1em;
  margin-bottom: 1px;
  padding: 0em 10px;
  width:100%;
  -webkit-appearance: none;
}
#sortListing .rest-form .form-item:before{
  background-color:var(--silver2);
  bottom:1px;
  content:'';
  display:block;
  height:1.75em;
  position:absolute;
  right:16px;
  width:1px;
  display:none;
}
#sortListing .form-item{
  width:5em;
  margin:0;
  padding: 0 2em 0 0;
  position:relative;
}
#sortListing .rest-form .form-item:not(.pricewrapper){
  overflow: hidden;
}
#sortListing .form-item.Sort-by{
  width:12em;
}
#sortListing:after{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
#sortListing .rest-form{
  display: flex;
  align-items: flex-end;
}
ul.listing{
  margin:0px;
  padding:0px;
  list-style:none;
  clear:both;
}
ul.listing{
  display: flex !important;
  flex-wrap: wrap;
  width: 100%;
  align-content: flex-start;
  justify-content: flex-start;
}
.property_item{
  margin-bottom:0;
  width:31%;
  position: relative;
  overflow: hidden;
  border: none;
  border-radius: 5px;
  margin-right: 2%;
  margin-bottom: 1.5vw;
}
.property_item.short_property{
  font-size:0.85em;
}
.property_item .imageproperty{
  float:left;
  margin-right:2%;
  position:relative;
  overflow:hidden;
  width:100%;
  padding-bottom:0;
}
.property_item a.property_image{
  display:block;
}
.property_item img.imgproperty{
  width:100%;
  float:left;
  height: 22vw;
  object-fit: cover;
  transition: all 1s ease-in-out;
}
/* .property_item .imageproperty:before{
  display:block;
  content:'';
  opacity:0.7;
  width:100%;
  height:16px;
  position:absolute;
  top:0px;
  left:0px;
  background-color: var(--white);
} */
/* .property_item img.status_property{
  position:absolute;
  z-index:20;
  width:auto;
  left: 50%;
  -webkit-transform:translateX(-50%);
  transform: translateX(-50%);
  opacity:0.7;
  filter:alpha(opacity=70);
  width: 75px;
} */
.property_item img.status_property{
  display: none;
}
.property_item .imageproperty a.view_detailsp{
  font-size: 1vw;
  cursor: pointer;
  height:auto;
  display:block;
  width:100%;
  text-align:center;
  position: absolute;
  bottom: 0px;
  line-height: 1.3em;
  padding: 0.35em 0px;
}
.property_item .imageproperty a.view_detailsp:hover{
  text-decoration:none;
}
.property_item ul{
  float:left;
  width:60%;
  list-style:none;
  padding:0px;
  margin:0.1em 0px 0.3em;
}
.property_item ul li{
  float:left;
  margin-bottom: 0.7em;
}
.property_item ul li.feature_menu{
  margin-right:0px;
}
.property_item .property_features{
  width:100%;
  position: absolute;
  bottom: 0px;
  padding: 0.8em 0px 0;
  left: 0;
  width: 100%;
  color: #fff;
  display: flex;
  flex-direction: column;
  z-index: 1;
  cursor: pointer;
  transition: all 0.4s ease-in-out;
  pointer-events: none;
}
.property_item .property_features::after{
  content: "View details";
  text-transform: uppercase;
  font-size: 0.6em;
  opacity: 0;
  transform: translateY(400%);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  text-align: left;
  padding: 0px 0 0 15px;
  letter-spacing:1px;
}
  .property_item .property_features .propertyFullAddress{
    font-size: 0.95em;
    overflow: hidden;
    line-height: 1.2;
    text-overflow: ellipsis;
    padding: 10px 15px 0;
    padding-bottom: 0;
    font-family: "Inter", sans-serif;
    font-style: normal;
    box-sizing: border-box;
    padding-bottom: 0;
    min-height: 2.1rem;
    box-sizing: border-box;
  
  }
  .property_item .property_features .propertyFullAddress span{
    font-size: 0.85em;
  }
  .property_item .property_features .propertyDetails{
  position: relative;
  padding: 10px 15px 0;
  white-space: nowrap;
  }
  .property_item:not(.cls_hidden) .property_features .propertyDetails{
    padding-top: 1px;
  }
.property_features .propertyDetails .property_price{
  font-size: 0.9em;
  font-weight: 700;
  padding-top: 3px;
  padding: 0 0 3px 1rem;
  padding-left: 0;
  padding-top: 3px;
}
.property_features .propertyDetails .property_price .price_unit{
  font-size: .65em;
  text-transform: uppercase;
  vertical-align: top;
  font-weight: 700;
  margin: 2px 2px 0;
  display: inline-block;
}
.bedroomsListProperty::after{
  content: ' BD';
  white-space: pre;
}

div.bedroomsListProperty + div.bathroomsListProperty::before,
.propertyDetails div.bathroomsListProperty ~ .sizeListProperty::before,
.propertyDetails .bedroomsListProperty ~ div.sizeListProperty::before{
      content: '|';
      padding: 0 10px;
      display: inline-block;
      line-height: 1;
      margin-top: -10px;
}
.bathroomsListProperty::after{
  content: " BA";
  white-space: pre;
}
.bathroomsListProperty, .bedroomsListProperty,
.sizeListProperty{
  float: left;
	font-size: 0.75em;

}
.lotListProperty{
  display: none;
}
ul.listing li.property_item:not(.cls_hidden):hover .property_features::after{
  transform: translateY(0);
  opacity: 1;
  padding-top: 10px;
}
ul.listing li.property_item:hover img.imgproperty{
  transform: scale(1.06, 1.06);
}
ul.listing li.property_item:not(.cls_hidden):hover .property_features{
  transform: translateY(-15%);
}
.property_item dl{
  float:left;
  width:33%;
  margin:0px;
  font-size:1.1vw;
  line-height:1.1;
}
.property_item dd, .property_item dt {
  float: none;
  display: inline;
  white-space: nowrap;
  width: auto;
  text-align: left;
  margin: 0;
  line-height: 150%;
  padding:0px;
}
.property_item dt{
  font-weight:bold;
}
.property_item dd a{
  position:relative;
  cursor:default;
  text-decoration:none;
}
.property_item .property_price dd{
  font-weight:bold;
} 
.property_item dd a span{
  display:none;
}
.property_item dd a:hover span{
  display:block;
  padding:0.1em;
  position:absolute;
  top:-0.2em;
  left:-0.1em;
  font-weight:bold;
  z-index:10;
  border:1px solid var(--white);
  background-color:var(--silver2);
  color:var(--charcoal);
}
.property_item .property_extra{
  clear:both;
  margin:0px;
  padding: 0.3em 0px 0px;
}
.save-search-container{
  float:left;
  margin-bottom: 0.8em;
  display:none;
}
.property_item a.property_image.status_9:after,
.property_item a.property_image.status_10:after {
  content: '';
  display: block;
  width: 100%;
  position: absolute;
  top: 0px;
  text-align: center;
  left: 0px;
  height: 16px;
  line-height: 16px;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--charcoal);
  font-family: 'TestSohne', Arial,Helvetica,sans-serif;
}
.property_item a.property_image.status_9:after {
  content:'Sold Conditionally';
}
.property_item a.property_image.status_10:after {
  content:'Rented';
}
.property_item a.property_image.status_9 .status_property,
.property_item a.property_image.status_10 .status_property {
  display: none;
}
.property_item a.property_image::after{
  content: '';
  background: linear-gradient( to bottom, rgba(0, 0, 0, 0) 0%, rgba(1, 3, 37, 0.8) 100% );
  position: absolute;
  top: 40%;
  left: 0;
  right: 0;
  bottom: 0;
}
.property_item ul li{
  margin-right:1rem;
}
.property_item .imageproperty a.view_detailsp,
.property_item li a{
  background:var(--purple);
  color:var(--white);
}
.property_item .imageproperty a.view_detailsp:hover,
.property_item li a:hover{
  background:var(--heather);
  color:var(--purple);
}
.property_item li a{
  display:block;
  font-size: 0.95vw;
  padding: 0.25vw 0.5vw;
  text-align: center;
  white-space: nowrap;
}
.property_item li a br{
  display:none;
}
.office_listings .short-table-left-b img.office_picture{
  max-width: 20vw;
  margin-right: 2em;
  min-width: 250px;
}
.inner.office_listings .main_title{
  display:none;
}
.inner.office_listings .lf{
  color: var(--purple);
  display: block;
  font-size: 1.2vw;
  font-family: 'TestSohneB', Arial,Helvetica,sans-serif;
  margin-bottom: 0.5vw;
}
.inner.office_listings td.short-cell-right-b.office_top_info > div{
  font-size:1vw;
}
.inner.office_listings .label_strong{
  font-family: 'TestSohneB', Arial,Helvetica,sans-serif;
}
.inner.office_listings .office_listings{
  display: block;
  margin: 0.5rem 0 0;
}
.inner.office_listings .meet_team{
  display:block;
  margin: 0.25rem 0 0;
}
.inner.office_listings .office_listings a{
  display:none !important;
}
.inner.office_listings .short-table-left-b tr{
  align-items: center;
  display:flex;
}
.inner.office_listings .office_listings a,
.inner.office_listings .meet_team a{
  background: var(--purple);
  color: var(--white);
  display: inline-block;
  font-size: 0.9vw;
  line-height: 1;
  padding: 0.5rem;
}
.inner.office_listings .office_listings a:hover, 
.inner.office_listings .meet_team a:hover{
  background:var(--heather);
  color:var(--purple);
}

.cityListProperty,
.postalcodeListProperty,
.property_extra,
.property_item ul,
.lotListProperty,
.property_item .imageproperty a.view_detailsp{
  display: none !important;
}
.property_item .property_features .listing-type{
  padding: 4px 15px 5px;
  display: flex;
  align-items: center;
  padding-bottom: 0;
}
.property_item .property_features .listing-type span{
  font-size: 0.8em;
}
.property_item .property_features .listing-type.forsold::before,
.property_item .property_features .listing-type.forrent::before,
.property_item .property_features .listing-type.forlease::before,
.property_item .property_features .listing-type.forsale::before,
.property_item .property_features .listing-type.forrented::before{
  display: inline-block;
  content: "";
  width: 0.6em;
  height: 0.6em;
  border-radius: 0.4em;
  border: 2px solid #fff;
  margin-right: .2em;
}
.property_item .property_features .listing-type.forsold::before{
  background-color: #5f5f5f;
}
.property_item .property_features .listing-type.forrent::before,
.property_item .property_features .listing-type.forlease::before{
  background-color: #888888;
}
.property_item .property_features .listing-type.forleased::before,
.property_item .property_features .listing-type.forrented::before{
    background-color: #aaaaaa;
}
.property_item .property_features .listing-type.forsale::before{
    background-color: var(--charcoal);
}
@media (max-width:1550px){
  .property_features .propertyDetails .property_price{
    font-size: 1.1em;
  }
  .property_features .propertyDetails .property_price .price_unit{
  font-size: 0.65em;
  }
}
@media(max-width:1510px){
  .form-item .description {
    font-size: 0.85em;
}
  .property_item li a {
    font-size: 0.95em;
    padding: 0.25em 0.5em;
  }
  .property_item .imageproperty a.view_detailsp,
  .property_item dl {
    font-size: 1em;
  }
  #sortListing{
    font-size: 1em;
    padding: 1em;
  }
  #sortListing .rest-form .form-submit{
    font-size: 0.9em;
  }
  #sortListing .rest-form .openprice a{
    font-size: 1em;
  }
  #sortListing .rest-form select {
    font-size: 0.9em;
    height: 2em;
  }
  .main_field input, fieldset.contact_form .message_field textarea, .form-item input[type*="text"], .form-item textarea, .form-item input[type*="password"], .form-item select {
    border-radius: 4px;
    font-size: 0.9em;
  }
  #sortListing .rest-form .form-item:after {
    right: 2.2em;
    font-size: 1em;
  }
  fieldset.contact_form label, form fieldset fieldset legend, .form-item label {
    font-size: 0.9em;    
    margin-bottom: 0.25em;
  }
  .pager .pager-current{
    font-size: 1em;
  }
  .inner.office_listings td.short-cell-right-b.office_top_info > div {
    font-size: 1em;
  }
  .inner.office_listings .lf {
    font-size: 1.2em;
  }
  .inner.office_listings .office_listings a, .inner.office_listings .meet_team a {
    font-size: 0.9em;
  }
  .main_field input, .form-item input[type*="text"], .form-item input[type*="password"], .form-item select{
    height: 2.9em;
    border-radius: 3px;
    padding: 0.3em;
  }
  #contact_agent_form .form-item input.form-text, #contact_agent_form .form-item select.form-select {
    font-size: 1em;
  }
  #contact_agent_form .description {
    font-size: 0.8em;
  }
  .inner .maincontent #contentwidgettop .submit-wrapper input, .inner .maincontent #contentwidgetbottom .submit-wrapper input, .inner .maincontent .maincontentinner .submit-wrapper input, .maincontent #contact_agent_form .submit-wrapper input, .maincontent #contact_broker_form .submit-wrapper input, .maincontent #visitor_register input.form-submit, .maincontent #visitor_pass .form-submit, .widecontent .widgets-askQuestions .submit-wrapper input, #comment_form .form-submit {
    font-size: 0.95em;
  }
  .inner .maincontent .submit-wrapper a.disclaimer_link, .maincontent #contact_agent_form .submit-wrapper a.disclaimer_link, .maincontent #appointment_form #button_area.submit-wrapper a.disclaimer_link, .widecontent .widgets-askQuestions a.disclaimer_link {
    font-size: 0.9em;
  }
  .inner .maincontent .maincontentinner .submit-wrapper input,
  #comment_form .form-submit{
    border-radius: 4px;
  }
  fieldset.contact_form{
    font-size: 0.95em;
  }
  fieldset.contact_form legend.main_legend_title {
    font-size: 1em;
  }
  fieldset.contact_form .select_form select {
    font-size: 0.9em;
  }
  #button_area a.disclaimer_link span.disclaimer_content {
    font-size: 0.95em;
}
.inner .maincontent .recaptcha-wrapper, .widecontent .recaptcha-wrapper, .inner .maincontent #FreeReport-form .recaptcha-wrapper, .inner .maincontent .submit-wrapper, .maincontent #contact_agent_form .submit-wrapper, .maincontent #contact_broker_form .submit-wrapper, .maincontent #appointment_form #button_area.submit-wrapper, .maincontent #visitor_register input.form-submit, .widecontent .widgets-askQuestions .submit-wrapper, .maincontent #FreeReport-form .submit-wrapper {
  margin: 1em;
}
fieldset.contact_form .form-item, .drip-group-container-wrapper, f.inner .maincontent .maincontentinner .submit-wrapper inputorm fieldset fieldset {
  padding: 0 1em;
}
fieldset.contact_form .form_content {
  margin: 0.4rem -1em;
}
.inner .maincontent .submit-wrapper a.disclaimer_link{
  float:left;
}
form #zip, .form-item{
  margin: 0 0 1.4em;
}
#contact_broker_form {
  margin: 0;
}
#contact_broker_form > div > .form-item, #contact_broker_form > div > #zip {
  padding: 0 1.4em 0 0;
}
.maincontent #contact_broker_form .submit-wrapper{
  margin:1em 0 0;
}
.maincontent #contact_broker_form .submit-wrapper input{
  margin:0;
}
#user_pass .form-submit, #user_login .form-submit {
  font-size: 1em;
  margin: 1em 0 0.5em;
  border-radius: 4px;
}
}

@media(max-width:1000px){
#sortListing .rest-form .pricewrapper {
  width: 64%;
}
}
@media (max-width: 960px) {
  .property_item {
    width: 48%;
  }
  .property_item img.imgproperty{
    height: 38vw;
  }
}
@media(max-width:830px){
.property_item .imageproperty {
  float: none;
}
.property_item .imageproperty{
  min-height: 1px;
  max-height: 400px;
  width: 500px;
  margin: 0 auto;
}
.property_item ul {
  float: none;
  width: 100%;
  margin-top: 1em;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.property_item .property_features {
  float: none;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.property_item dl{
  margin-right: 1em;
  width: auto;
}
.property_item .property_extra{
  text-align: center;
}
#contact_broker_form > div > .form-item,
#contact_broker_form > div > #zip,
#contact_agent_form .form-item{
  width: 50%;
}
#contact_broker_form .form-item.Your-Preferred-Contact-Method,
#contact_agent_form .form-item.Your-Preferred-Contact-Method{
  clear:left;
}
}

@media(max-width:768px){
.inner .maincontent .maincontentinner .submit-wrapper input{
  margin-left:1em;
}
.maincontent #appointment_form #button_area.submit-wrapper a.disclaimer_link{
  margin-left:0.3em;
}
.inner .maincontent .submit-wrapper a.disclaimer_link {
  margin-left: 0.6em;
}
.node .agent-contact-wrapper #contact_agent_form .submit-wrapper a.disclaimer_link{
  display: inline;
}
.maincontent #contact_agent_form .submit-wrapper input{
  margin-left:0;
}
}

@media(max-width:680px){
#sortListing .rest-form .pricewrapper {
  width: calc(100% - 120px);
  margin-top: 1em;
}
#sortListing .rest-form{
  flex-wrap: wrap;
}
.property_item img.imgproperty{
  height: 45vw;
}
.property_features .propertyDetails .property_price{
  font-size: 0.95em;
}
}
@media(max-width:510px){
  .property_item img.imgproperty{
    height: 80vw;
  }
  .property_item{
    width: 90%;
    margin: 0 auto 1em !important;
  }
}
@media(max-width:580px){
  .property_item .imageproperty {
    float: none;
  }
  .property_item .imageproperty{
    width: 100%;
  }
  #sortListing .rest-form .pricewrapper {
    width: 100%;
    margin-bottom: 1em;
    padding: 0;
  }
  #sortListing .rest-form .form-submit{
    margin-left: 0;
  }
  #sortListing {
    padding: 0;
    border: none;
  }
  #sortListing .rest-form .form-item:after {
    right: 0.5em;
  }
  #sortListing .form-item.Sort-by{
    padding: 0;
  }
  #sortListing form {
    margin: 0 0 2em;
  }
  .inner.office_listings .short-table-left-b tr{
    flex-direction: column;
  }
  .inner.office_listings table.short-table-left-b{
    width: 100%;
    text-align: center;
  }
  .short-table-left-b img.office_picture{
    margin:0 0 0.5em;
  }
}

@media(max-width:480px){
  #contact_broker_form > div > .form-item,
#contact_broker_form > div > #zip,
#contact_agent_form .form-item{
  width: 100%;
}
}

@media(max-width:440px){
.drip-group-container .form-item{
  width:47%;
  margin:0 0 0.6em;
}
}

/* Recolor */
.agent-contact-wrapper #contact_agent_form .drip-group-container .form-item label, #content_top_innerpage #contact_agent_form .drip-group-container .form-item label{
  color:var(--charcoal);
}
.front #searchSlider .saved-searches .clearall .btn:hover,
.front #searchSlider .collapsedFilter li.active a{
  color:var(--purple);
}
.front #searchSlider .saved-searches li.item:hover,
.front #searchSlider .collapsedFilter li:hover,
.front #searchSlider .collapsedFilter li.active{
  background-color: var(--silver3);
}
.front #searchSlider .collapsedFilter .custom input:focus{
  border-color: var(--silver3);
}
.property-form .send-message,
.property-form .send-message:active{
  background: var(--purple);
  border-color: var(--purple);
  border-radius:0;
  color: var(--white);
}
.property-view .property .drip-campaign-btns .drip-btn-wrapper .btn.active,
.property-view .property .drip-campaign-btns .drip-btn-wrapper .btn:hover,
.login-screen .login-form .row .btn.send-message,
.login-screen .show-properties .saveBtn,
.mapApp .property-view .drip-campaign-btns .btn.active, 
.mapApp .property-view .drip-campaign-btns .btn:hover,
#propertyViewApp .property-view .drip-campaign-btns .btn.active, 
#propertyViewApp .property-view .drip-campaign-btns .btn:hover,
.property-view-mobile .btn-info.mapinfo{
  background: var(--purple);
  color:var(--white);
}
body #propertyViewApp li.active a{
  color:var(--purple);
}
body #propertyViewApp li:hover,
body #propertyViewApp li.active {
  background-color: var(--silver3);
}
body #propertyViewApp .dropdown-control .dropdown-toggle[data-v-2efa2270]:hover{
  background-color: var(--silver3);  
  color: var(--purple);
}
.property-view .property-lead-forms .nav-tabs .nav-link.active,
.property-view .property-panel .btn-block,
.property-view .property-lead-forms .nav-tabs .nav-link:hover,
.property-view-mobile .property-panel.open .btn-block{
  background:var(--purple);
}
.property-view .property-panel.open .btn-block,
.property-view .property-panel .btn-block:hover,
.property-view-mobile .btn-info,
.property-view .toolbar,
.mapApp .property-view.expanded .toolbar,
.property-view .map-buttons .btn:hover{
  background:var(--purple);
}
.property-view .property-data .short-data-wrapper div.square,
.property-view .est-mortage-number,
.property-view-mobile .property-data .wrapper-short-details div.square,
.property-view .property-column .phone-mobile:before, 
.property-view .property-column .phone-office:before,
.property-view-mobile .property-column .phone-mobile:before, 
.property-view-mobile .property-column .phone-office:before,
.property-view .est-mortage-number a:hover:before,
.property-view .est-mortage-number a:hover:after,
.property-view .property-history.sold-history .col.link a,
.property-view .property-disclaimer,
.property-view-mobile .property-history.sold-history .col.event a,
.property-view-mobile .property-column .column-title,
.mapApp .error,
.mapApp .login-title span.first span,
.mapApp .signinup .btn-link,
.login-screen .row.submit .btn-link:hover,
.property-view .property-column .column-title,
.small-screen .top-bar span strong,
.property-view-mobile .est-mortage-number{
  color:var(--purple);
}
.est-mortgage .prequalified,
.property-view .related-links a.item{
  background-color: var(--thistle);
  border-color: var(--purple);
  color: var(--purple);
}
.property-view .related-links a.item:hover{
  background:var(--purple);
  color:var(--white);
}
.est-mortgage .prequalified:hover,
.est-mortgage .prequalified:active,
.est-mortgage .btn-outline-primary:not(:disabled):not(.disabled):active{
  background:var(--purple);
  color:var(--white);
}
.property-view .property-history div.row.start .date:before,
.property-view .property-history div.row.end .date:after,
.property-view .property-history div.row.start .date:after,
.property-view-mobile .property-history div.row.start .date:before,
.property-view-mobile .property-view .property-history div.row.end .date:after,
.property-view-mobile .property-view .property-history div.row.start .date:after,
.property-view-mobile .property-history div.row.start .date:after,
.property-view-mobile .property-history div.row.end .date:after,
.property-view .property-column-all .map-integrated .overlaybtn span.textview,
.property-view .property-column-all .map-integrated .street-view-map:hover,
.property-view .property-column-all .map-integrated .schools-near:hover{
    background-color: var(--purple);
}
.property-view .toolbar .item,
.property-view .toolbar .item.mapicon:before,
.property-view .toolbar .share-widget{
    color:var(--white);
}
.property-view .est-mortage-number a:hover,
.property-view .property-history div.row.end .date:before,
.property-view-mobile .est-mortage-number a:hover,
.property-view-mobile .property-history div.row.end .date:before{
  border-color: var(--purple); 
}
.property-wrapper .share-widget{
    display: flex !important;
    align-items: center;
    justify-content: center;    
}
.mapApp .property-view-mobile .share-widget{
    display:inline-block !important;
}
.property-wrapper .toolbar .share-widget span.label{
    margin-right: 0.5rem;
    top:auto;
}
.mapApp .error{
    font-weight:700;
}
.property-wrapper #addthis a span{
    border-radius: 1rem;
    background: var(--white) !important;
    height: 1.5rem !important;
    text-align: center;
    width: 1.5rem !important;
}
.old-interface-message a,
.toolbar .actions .logout{
    color:var(--purple);
}
.property-wrapper #addthis a span svg{
    fill:var(--purple);
    margin-top: 0.2rem;
}
.property-wrapper .credential:hover{
    color:var(--purple);
}
.property-wrapper .toolbar button:hover,
.property-wrapper .toolbar a.btn:hover{
    color:var(--white);
}
.property-wrapper a.addthis_button_expanded{
    font-size:0;
}
.login-screen .tabs .title{
  color: var(--charcoal);
}
.login-screen .tabs .title:hover,
.login-screen .tabs .active .title,
.login-screen .tabs .item:hover .title{
  color: var(--charcoal);
}
.front div[id*=quickSearch] .searchWidgetApp .title-type.Sale:before,
.front div[id*=quickSearch] .searchWidgetApp .listingType .option.Sale .icon:before,
.mapApp .property-view-mobile .property-type:before,
.mapApp .listingType .option .icon:before,
.mapApp .title-type:before,
.mapApp .property .info .listing-type:before,
.property-view .property-type:before,
.mapApp .marker,
.mapApp .marker.size-1, 
.mapApp .marker.size-2, 
.mapApp .marker.size-3, 
.mapApp .marker.size-4, 
.mapApp .marker.size-5, 
.mapApp .marker.size-6,
.mapApp .default-screen div[class*=size].marker.single-location.Sale.animation:not(.favourite):not(.featured):not(.active):before, 
.mapApp .small-screen div[class*=size].marker.single-location.Sale.animation:not(.favourite):not(.featured):before, 
.mapApp div[class*=size].marker.Sale,
.mapApp .marker.Sale.animation:after, 
.mapApp .marker.Sale.animation:before{
    background-color: var(--charcoal);
}
.mapApp .default-screen .marker.animation.active.size-6:before, 
.mapApp .marker.size-6:before,
.mapApp .default-screen .marker.animation.active.size-5:before, 
.mapApp .marker.size-5:before,
.mapApp .default-screen .marker.animation.active.size-4:before, 
.mapApp .marker.size-4:before,
.mapApp .default-screen .marker.animation.active.size-3:before, 
.mapApp .marker.size-3:before,
.mapApp .default-screen .marker.animation.active.size-2:before, 
.mapApp .marker.size-2:before,
.mapApp .default-screen .marker.animation.active.size-1:before, 
.mapApp .marker.size-1:before, 
.mapApp .default-screen div[class*=size].marker.Sale.animation.active:before, 
.mapApp div[class*=size].marker.Sale:not(.animation):before,
.mapApp .marker.animation:after,
.mapApp .marker.animation:before,
.property-view .property-view-map .marker.property:after, 
.property-view .property-view-map .marker.property:before{
    background-color: rgba(62, 62, 62, 0.2);
}
.front div[id*=quickSearch] .searchWidgetApp .title-type.Sold:before,
.front div[id*=quickSearch] .searchWidgetApp .listingType .option.Sold .icon:before,
.mapApp .listingType .option.Sold .icon:before,
.mapApp .title-type.Sold:before,
.mapApp .property .info .listing-type.Sold:before,
.property-view .property-type.Sold:before,
.mapApp .default-screen div[class*=size].marker.single-location.Sold.animation:not(.favourite):not(.featured):not(.active):before, 
.mapApp .marker.Sold, 
.mapApp .small-screen div[class*=size].marker.single-location.Sold.animation:not(.favourite):not(.featured):before, 
.mapApp div[class*=size].marker.Sold,
.mapApp .marker.Sold.animation:after,
.mapApp .marker.Sold.animation:before{
    background-color: #5f5f5f;
}
.mapApp .default-screen div[class*=size].marker.Sold.animation.active:before, 
.mapApp div[class*=size].marker.Sold:not(.animation):before{
    background-color:rgba(95, 95, 95, 0.2)
}
.front div[id*=quickSearch] .searchWidgetApp .title-type.Rent:before,
.front div[id*=quickSearch] .searchWidgetApp .listingType .option.Rent .icon:before,
.mapApp .listingType .option.Rent .icon:before,
.mapApp .title-type.Rent:before,
.mapApp .property .info .listing-type.Rent:before,
.property-view .property-type.Rent:before,
.mapApp .default-screen div[class*=size].marker.single-location.Rent.animation:not(.favourite):not(.featured):not(.active):before, 
.mapApp .marker.Rent, .small-screen div[class*=size].marker.single-location.Rent.animation:not(.favourite):not(.featured):before, 
.mapApp div[class*=size].marker.Rent,
.mapApp .marker.Rent.animation:after,
.mapApp .marker.Rent.animation:before,
.mapApp .property-type.Rent:before{
    background-color: #888888;
}
.mapApp .default-screen div[class*=size].marker.Rent.animation.active:before, 
.mapApp div[class*=size].marker.Rent:not(.animation):before{
    background-color:rgba(136, 136, 136, 0.2);
}




.box{
  clear: left;
  float: left;
}
.related-properties .property .inner.vow .banner{
  height: calc(100% - 4.15rem);
  background-size: cover;
  background-color: transparent;
  background-position: 0 -0.5rem;
  top: 0;
}
body:not(.corporate) .mapApp .toolbar .more.open .header .title{
  background-color: transparent;
  color:var(--purple);
}
body:not(.corporate) .mapApp .toolbar .more.open .dropdown-toggle{
  color:var(--purple);
}
@media screen and (max-width: 1024px){
.precon-form-wrapper .step1 .search_button input{
  background: var(--white);
  font-size:1.1rem;
  padding-left: 1rem;
}
}
@media screen and (max-width:970px){
.related-properties .property .inner.vow .banner{
  height: calc(100% - 3.5rem);
}
}
@media screen and (max-width: 568px){
header .custom-menu-wrapper{
  justify-content: space-between;
  padding: 0.5rem 1rem;
}
}


/*pop up for drip buttons */
#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: var(--white);
  margin:-100px 0 0 0px;
  border: 1px solid var(--silver2);
  border-radius:3px;
  padding: 4px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
#dripTitle{
  border: 1px solid var(--silver2);
  background: var(--silver3);
  color: var(--charcoal);
  font-weight: bold;
  padding: .4em .4em;
  position: relative;
  border-radius: 3px;
  text-align: right;
  line-height: 0.8;
}
#dripMessageBox a.closeDripBox{
  color: var(--charcoal);
  z-index: 200;
  text-decoration: none;
  font-size: 0.7em;
  border: 1px solid var(--silver2);
  background: var(--silver3);
  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.9vw;
  margin: .7em 1em 1em;
}


  /*DISCLAIMER */
  
a.disclaimer_link{
  cursor: default;
	font-size:0.8em;
	display:block;
	text-decoration: none;
	position:relative;
	margin:0.6em 0px 0px 25.8%;
	width:12%;
}
a.disclaimer_link  span.disclaimer_content{
  position: absolute;
  display: none; 
  width:13vw;
  min-width: 200px;
  padding: 5px;
  background: var(--white);
  color: var(--charcoal);
  border: var(--charcoal) 1px solid;
  z-index: 9999;
  right: 50px;
  top: -70px;
  font-size: 0.85vw;
  line-height: 1;
  text-align: left;
} 
a.disclaimer_link:hover span.disclaimer_content{
  display:block; 
  left: 50%;
  bottom: 100%;
  text-decoration:none;
} 

@media (max-width:1510px){
#dripMessageBox p{
  font-size:0.95em;
}
a.disclaimer_link span.disclaimer_content{
  font-size: 0.95em;
}
}


  /*----------------------Vow Styles Update----------------------
   * -----------------------------------------------------------*/
  
  /*----------------Prev Styles----------------*/
  /* Vow Property overlay core: Blurred information */
  li.cls_hidden,
  .property_map_item.cls_hidden,
  .gmapSearchProperty.cls_hidden,
  .agent_properties_list div.cls_hidden {
	  position: relative;
  }
  /* Vow Property overlay core: Golden House Image *//*
  /* Vow Property overlay core: Information Overlay */
  .widgets-featuredListings .cls_hidden .widgetbottom{
	  position:relative;
  }
  /* Property Listings vow properties */
  /* Featured Listings Widget vow properties */
  /* Single Property */
  .widgets-featuredListings .content.cls_hidden {
	  position: relative;
  }
  /* Map Search Listings vow properties */
  /* Map Search Bubbles vow properties */
  /* Other Overrides for Vow Properties */
  /* Related Properties VOW */
  
  /*----------------General----------------*/
  .cls_hidden_message {
	  text-align: center;
  }
  .cls_hidden_message a {
	  color: inherit;
	  padding: 2px 5px;
	  background-color: var(--white) !important;
	  border-radius: 5px;
	  font-size: 1.15em;
	  display: inline-block;
  }
  .agent-listings-wrapper  .cls_hidden_message .vow_locker{
    display:none;
  }
  .inner .agent-listings-wrapper .horizontal_scroll li.cls_hidden div.cls_hidden{
    bottom:0;
    top:auto;
  }
  .agent-listings-wrapper  .cls_hidden_message a{
    background-color: transparent!important;
  }
  .agent-listings-wrapper li.cls_hidden .cls_hidden_message span.vow-status{
    display: block;
    padding-bottom: 1em;
  }
  .front .horizontal_scroll li.cls_hidden .cls_hidden_message a span{
    padding:0;
    opacity: 0.9;
    line-height: 1.3;
    display: block;
    width: 100%;
  }
  .property_item .cls_hidden_message a{
    background-color: transparent!important;
    color: var(--white);
    font-size: 0.8em;
    padding: 10px 15px;
  }
  .cls_hidden_message a:hover {
	  color: var(--charcoal);
  }
  .cls_hidden_message span.vow_locker {
	  display: block;
	  color:var(--white);
	  margin-top: .7em;
  }
  .property_item .cls_hidden_message span.vow_locker{
    font-size: 0.7em;
    display:none;
  }
  .cls_hidden_message span.bg-locker {
	  position: relative;
	  margin-right: 2px;
  }
  .cls_hidden_message span.bg-locker:before {
	  content: '';
	  position: absolute;
	  background: url('../images/vow_white_locker.png') no-repeat;
	  background-size: auto 100%;
	  width: 1em;
	  height: 1.15em;
	  left: 0px;
	  bottom: 2px;
  }
  .cls_hidden_message span.bg-locker span {
	  visibility: hidden;
  }
  /*----------------Featured Listings----------------*/
  /* single */
  .widgets-featuredListings .cls_hidden a.citylinkimg:after {
	  visibility: hidden;
  }
  .vow-single-featured-listing .cls_hidden .main-city-image {
	  float: left;
	  width: 50%;
	  position: relative;
  }
  .vow-single-featured-listing .cls_hidden .main-city-image:after {
	  content: '';
	  position: absolute;
	  background: url('../images/vow_locker.png') no-repeat center center;
	  background-size: contain;
	  width: 24%;
	  height: 45%;
	  top: 36%;
	  left: 52%;
	  transform: translate(-50%, -50%);
  }
  .vow-single-featured-listing .cls_hidden .main-city-image a.citylinkimg {
	  display: block;
	  position: relative;
	  width: 100%;
	  margin-left: 1%;
  }
  .vow-single-featured-listing .cls_hidden .main-city-image a.citylinkimg img {
	  width: 100%;
	  max-width: 100%;
  }
  #contentwidgettop .vow-single-featured-listing #property_div_single > div.cls_hidden, 
  #contentwidgetbottom .vow-single-featured-listing #property_div_single > div.cls_hidden {
	  padding: 2em 0;
  }
  .vow-single-featured-listing #property_div_single.cls_hidden .featured-single,
  .vow-single-featured-listing #property_div_single.cls_hidden p.description {
	  margin-left: 2%;
  }
  @media screen and (max-width:1630px) {
	  .vow-single-featured-listing .cls_hidden .main-city-image:after {
		  width: 20%;
	  }
	  #contentwidgettop .vow-single-featured-listing #property_div_single > div.cls_hidden, 
	  #contentwidgetbottom .vow-single-featured-listing #property_div_single > div.cls_hidden {
		  padding: 1.5em 0;
	  }
	  .vow-single-featured-listing .cls_hidden .main-city-image a.citylinkimg img {
		  float: left !important;
	  }
  }
  @media screen and (max-width: 900px) {
	  .vow-single-featured-listing .cls_hidden .main-city-image:after {
		  width: 28%;
		  top: 40%;
		  height: 66%;
	  }
  }
  @media screen and (max-width: 768px) {
	  #contentwidgettop .vow-single-featured-listing #property_div_single > div.cls_hidden, 
	  #contentwidgetbottom .vow-single-featured-listing #property_div_single > div.cls_hidden,
	  #footerwidgetbottom .widgets-featuredListings #property_div_single.cls_hidden > div.cls_hidden, 
	  #footerwidget .widgets-featuredListings #property_div_single.cls_hidden > div.cls_hidden {
		  width: 100%;
		  margin-left: 0;
	  }
	  .vow-single-featured-listing .cls_hidden .main-city-image {
		  width: 90%;
		  margin-left: 4%;
		  position: relative;
	  }
	  .vow-single-featured-listing #property_div_single.cls_hidden .featured-single, 
	  .vow-single-featured-listing #property_div_single.cls_hidden p.description {
		  margin-left: 4%;
	  }
	  .vow-single-featured-listing #property_div_single.cls_hidden p.description {
		  padding-left: 0;
	  }
	  .vow-single-featured-listing .cls_hidden .main-city-image:after {
		  top: 50%;
		  height: 50%;
	  }
  }
  /* single sidebar & g1 area */
  @media screen and (max-width:1100px) {
	  #wsidebar_right .vow-single-featured-listing .cls_hidden .cls_hidden_message a, 
	  #wsidebar_right .vow-single-featured-listing .cls_hidden .cls_hidden_message span,
	  .g1 .vow-single-featured-listing .cls_hidden .cls_hidden_message a, 
	  .g1 .vow-single-featured-listing .cls_hidden .cls_hidden_message span {
		  font-size: .75em;
	  }
  }
  
  /*----------------Regular Search / Related Properties Expanded----------------*/
  .property_item.cls_hidden {
	  height: 22vw;
	  overflow: hidden;
	  border: 1px solid var(--lavender);
	  box-sizing: border-box;
  }
  .property_item.cls_hidden .imageproperty {
	  height: 22vw;
  }
  .property_item.cls_hidden img.imgproperty {
	  position: absolute;
	  top: -9999px;
	  right: -9999px;
	  bottom: -9999px;
	  left: -9999px;
	  margin: auto;
	  min-width: 100%;
	  min-height: 100%;
  }
  .property_item.cls_hidden div.cls_hidden {
	  width: 63%;
	  position: absolute;
	  right: 0;
	  bottom: 0;
	  padding: 1em 0;
	  z-index: 5;
  }
  .property_item.cls_hidden div.cls_hidden{
    width: 100%;
    padding: 0.5em 0;
  }
  .property_item.cls_hidden div.cls_hidden p.cls_hidden_message {
	  margin-bottom: 0;
    text-align:left;
  }
  .property_item.cls_hidden a.view_detailsp {
	  display: none;
  }
  .property_item.cls_hidden .imageproperty {
	  padding-bottom: 0;
	  position: relative;
  }
  .property_item.cls_hidden .imageproperty:after {
	  content: '';
	  display: block;
	  position: absolute;
	  background: url(../images/vow_locker.png) no-repeat center center;
	  z-index: 99;
	  width: 30%;
	  height: 57%;
	  top: 50%;
	  left: 50%;
	  transform: translate(-50%, -50%);
	  background-size: contain;
  }
  .property_item.cls_hidden .property_extra,
  .property_item.cls_hidden ul,
  .property_item.cls_hidden .property_features,
  .property_item.cls_hidden img.imgproperty {
	  -webkit-filter: blur(3px); /* Prefixed CSS3 blur filters */
	  -moz-filter: blur(3px); 
	  -o-filter: blur(3px); 
	  -ms-filter: blur(3px); 
	  filter: url(filter.svg#blur); /* Firefox needs SVG */
	  filter: blur(3px);
	  filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='3'); /* IE lte 9 */	
  }
  .property_item.cls_hidden img.imgproperty,
  .property_item.cls_hidden .property_features{
    filter: unset;
  }
  .property_item.cls_hidden .property_features .propertyDetails,
  .property_item.cls_hidden .property_features::after,
  .property_item.cls_hidden .property_features .property_address,
  .property_item.cls_hidden .property_features .property_county,
  .property_item.cls_hidden .property_features .property_zip,
  .property_item.cls_hidden .property_features .property_country,
  .property_item.cls_hidden .property_features .propertyFullAddress .hideComa {
    display: none;
  }
  .property_item.cls_hidden .property_features{
    bottom: 4em;
  }
  .property_item.cls_hidden .property_features .listing-type{
    padding-top: 0;
  }

  .front .widgets-featuredListings .horizontal_scroll li.cls_hidden div.cls_hidden{
    top: auto;
    left: 0;
    bottom: 1.3em;
    padding: 0;
  }
  .front .widgets-featuredListings .cls_hidden_message span.vow_locker{
    display:none;
  }

  @media screen and (max-width:2200px) {
	  .property_item.cls_hidden, 
	  .property_item.cls_hidden .imageproperty {
		  height: 24vw;
	  }
  }
  /* @media screen and (max-width:1800px) {
	  .property_item.cls_hidden, 
	  .property_item.cls_hidden .imageproperty {
		  height: 22vw;
	  }
  } */
  /* @media screen and (max-width:1440px) {
	  .property_item.cls_hidden, 
	  .property_item.cls_hidden .imageproperty {
		  height: 170px;
	  }
  } */
  @media screen and (max-width:1200px) {
  .front li.cls_hidden p.cls_hidden_message{
    font-size: 1.1em;
  }
  .front .widgets-featuredListings .horizontal_scroll li.cls_hidden div.cls_hidden {
    bottom: 0.6vw;
  }
  }
  @media screen and (max-width:1002px) {
  .front li.cls_hidden p.cls_hidden_message {
    font-size: 1.2em;
  }
  .front .widgets-featuredListings .horizontal_scroll li.cls_hidden div.cls_hidden {
    bottom: 1.2vw;
  }
  .property_item.cls_hidden div.cls_hidden p.cls_hidden_message {
    font-size: 0.95em;
  }
  }

  @media screen and (max-width:960px) {
	  .property_item.cls_hidden, 
	  .property_item.cls_hidden .imageproperty {
		  height: 38vw;
	  }
  }
  @media screen and (max-width:680px) {
	  .property_item.cls_hidden, 
	  .property_item.cls_hidden .imageproperty {
		  height: 45vw;
	  }
        .property_item.cls_hidden .property_features {
          bottom: 65px;
        }
    
        .property_item.cls_hidden .property_features .propertyFullAddress {
          min-height: unset;
        }
    .property_item .cls_hidden_message a,
	  .property_item .cls_hidden_message span.vow_locker {
		  font-size: .8em;
	  }
    .front .widgets-featuredListings .horizontal_scroll li.cls_hidden div.cls_hidden {
      bottom: 0.6vw;
    }
  }
  @media screen and (max-width:510px) {
	  .property_item.cls_hidden, 
	  .property_item.cls_hidden .imageproperty {
		  height: 80vw;
	  }
	  .property_item .cls_hidden_message a,
	  .property_item .cls_hidden_message span.vow_locker {
		  font-size: .75em;
	  }
	  .property_item.cls_hidden div.cls_hidden {
		  width: 100%;
	  }
  }
  /* unclickable links */
  .property_item.cls_hidden ul li a {
	  pointer-events: none;
  }




._contact-recruiting .property-video iframe{
  min-height:500px;
}
._approved-supplier #customForm_get_form iframe{
  min-height:400px;
}

/*leadership*/
.gr-content-container.roster{
      margin: 0 -1rem 2rem;
      padding: 0;   
}
.gr-content-container.roster h2{
      color:var(--purple);
      font-size:1.1vw;
}
.gr-content-container.roster.leadership{
      display:flex;
      flex-direction:column;
}
.roster .gr-con-6,
.roster .gr-con-12{
      display:flex;
      margin-bottom: 2rem;
      padding: 0 1rem;
}
.roster .photo-wrapper{
      border: 1px solid var(--purple);
      height: 16vw;
      line-height: 1;
      margin-right:2vw;
      overflow: hidden;
      position:relative;
      text-align: center;
      width: 12vw;
}
.roster .photo-wrapper img {
      left:50%;
      max-width: 10000% !important;
      max-height: 10000% !important;
      position:absolute;
      top:0;
      transform:translateX(-50%);
      width: 16vw;
}
.roster .photo-wrapper.smaller img{
      width: calc(100% + 2px);
}
.roster .description-wrapper{
      display: flex;
      flex: 1;
      flex-direction: column;
}
.roster .description-wrapper p{
      margin:1vw 0 0;
}
.roster .description-wrapper h3{
      color:var(--purple);
      font-size: 1.2vw;
      font-weight:700;
      margin:0;
}
.roster .description-wrapper h4{
      color:var(--purple);
      font-size:1.1vw;
      font-weight:500;
      margin: 0.5rem 0 0;
}
@media screen and (max-width:1024px){
      .roster .description-wrapper h3{
              font-size: 1.1rem;
      }
      .roster .description-wrapper h4{
              font-size: 1rem; 
      }
      .roster .description-wrapper p{
              margin-top: 1rem;
      }
      .roster .description-wrapper{
              justify-content: flex-start;
      }
      .gr-content-container.roster h2{
              font-size: 1.2rem;  
      }
}
@media screen and (max-width:768px){
      .roster .photo-wrapper{
              height: 28vw;
              margin-right: 2rem; 
              width: 24vw;
      }  
      .roster .photo-wrapper img{
              width: 28vw;
      }  
}
@media screen and (max-width:425px){
      .roster .gr-con-12,
      .roster .gr-con-6{
              align-items:center;
              flex-direction:column;
              justify-content: center;
      }
      .roster .photo-wrapper{
              height: 66vw;
              margin: 0 0 1.5rem 0;
              width: 55vw;
      }
      .roster .photo-wrapper img {
              width: 68vw;
      }
      .roster .description-wrapper{
              width: 100%;    
      }
}


  /*youtube widget*/
  #wsidebar_right #youtube_video_widget_form iframe:not(.instagram-media),
  .g1 #youtube_video_widget_form iframe:not(.instagram-media){
  width: 100%;
  }
  
  div[id*="textWidget"] iframe[src*="youtube"]{
	  max-width:100%;
  }
  
  .widecontent #youtube_video_widget_form,
  .widecontent #youtube_video_widget_form h2{
	  text-align:center!important;
  }   
  /*share it, map widget, google translate, daily email alert, facebook*/
  .widgets-shareit,
  .widgets-mapSearch,
  #google_translate_element,
  .widgets-daily-email-alert,
  #youtube_channel_link_form,
  div[id*='likeFacebook']{
	  text-align:center;
  }
  .widgets-daily-email-alert img,
  #youtube_channel_link_form img{
  max-width:100%;
  }
  .widecontent div[id*='likeFacebook']{
	  text-align:left;
  }
  .widgets-mapSearch img{
	  width:90%;
  }


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

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

@media (max-width:1510px){
#visitor_register div div.form-item small.error,
.front .form-item small.error, .inner .form-item small.error, .front .drip-group-container-wrapper small.error, .inner .drip-group-container-wrapper small.error {
  font-size: 0.8em;
}
}


/*Login with Google/Facebook*/
  ._visitor.inner .maincontent,
  ._visitor_register.inner .maincontent,
  ._visitor_password.inner .maincontent {
      display: flex;
      flex-wrap: wrap;
      width: 50%;
      padding: 0;
      -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);
      margin-left: 3.5vw;
  }
  body[class*="visitor"] .maincontent .menutab,
  ._visitor.inner .maincontent .maincontentinner,
  ._visitor_register.inner .maincontent .maincontentinner,
  ._visitor_password.inner .maincontent .maincontentinner {
      width: 100%;
  }
  body[class*="visitor"] .maincontent .menutab ul.primary {
      padding: 0;
      border-bottom: 0;
      display: flex;
      margin-bottom: 0;
  }
  body[class*="visitor"] .maincontent .menutab ul.primary li:nth-child(1) {
      display: none;
  }
  body[class*="visitor"] .maincontent .menutab ul.primary li {
      flex-grow: 1;
  }
  body[class*="visitor"] .maincontent .menutab ul.primary li a {
      margin-right: 0;
      border: 0;
      border-bottom: 0;
      display: block;
      text-align: center;
      padding: 1vw;
      text-transform: uppercase;
      color: var(--white);
      background-color: var(--purple);
  }
  body[class*="visitor"] .maincontent .menutab ul.primary li:not(.active) a:hover {
      background-color: var(--heather);
      color: var(--purple);
  }
  body[class*="visitor"] .maincontent .menutab ul.primary li.active a {
    color: var(--purple);
    background-color: var(--white);
  }
  body[class*="visitor"] .maincontent .menutab ul.primary li.active a:hover {
      background-color: transparent;
  }
  ._visitor.inner .maincontent .maincontentinner,
  ._visitor_register.inner .maincontent .maincontentinner,
  ._visitor_password.inner .maincontent .maincontentinner,
  body[class*="visitor"] .maincontent .login_alternatives {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
  }
  body[class*="visitor"] .maincontent .visitor_login_block {
      width: 100%;
      padding: 3vw 4vw;
  }
  #social_sign_in_button_google,
  #social_sign_in_button_facebook {
      width: 100%;
      display: flex;
  }
  #social_sign_in_button_google {
      background-color: #4c8bf5;
      margin-bottom: 1em;
  }
  #social_sign_in_button_facebook {
      background-color: #4267B2;
  }
  #social_sign_in_button_google a,
  #social_sign_in_button_facebook a {
      text-align: center;
      width: 88%;
      color: var(--white);
      font-weight: bold;
      padding: 1vw;
      display: block;
  }
  .social_icon.google_icon,
  .social_icon.facebook_icon {
      width: 12%;
  }
  .social_icon.google_icon {
      background: url(/images/google_icon_colorful_bg.png) no-repeat center;
      background-size: auto 80%;
  }
  .social_icon.facebook_icon {
      background: url(/images/f_logo_RGB-White_58.png) no-repeat center;
      background-size: auto 80%;
  }
  .or-separator {
      color: var(--charcoal);
      display: flex;
      align-items: center;
      margin: 3em 0;
  }
  .or-separator .line {
      flex-grow: 1;
      height: 2px;
      background-color: var(--silver2);
  }
  .or-separator .text {
      padding: 0 1em;
      color: var(--charcoal);
      text-transform: uppercase;
  }
  body[class*="visitor"] #user_login .form-item .form-text {
      width: 93%;
      padding: 1vw;
      color: var(--charcoal) !important;
      border: solid 1px var(--silver2);
  }
  body[class*="visitor"].inner:not(.edit) .maincontent input[type="submit"] {
      width: 93.5%;
      border-radius: 0;
      margin-top: 1.3em;
      padding: 1vw;
      font-size: 1em;
  }
  body[class*="visitor"] .maincontent .item-list ul li {
      list-style-type: none;
      margin: 0.5em 0 0;
      text-align: center;
  }
  body[class*="visitor"] .maincontent .item-list ul li a {
      color: var(--charcoal);
      font-weight: bold;
  }
  /*Register with Google/Facebook*/
  body[class*="visitor_register"].inner .menutab {
      margin-bottom: 0;
  }
  body[class*="visitor_register"] .maincontent .breadcrumb,
  body[class*="visitor_register"] .maincontentinner h1.main_title {
      display: none;
  }
  body[class*="visitor_register"] .maincontentinner h1.main_title_custom {
      width: 100%;
      padding: 3vw 4vw 0;
      font-size: 1.3vw;
  }
  body[class*="visitor_register"] .maincontentinner h1.main_title_custom:after {
      border-top: 3px solid var(--purple);
      content: '';
      display: block;
      margin-top: 1vw;
      width: 3vw;
  }
  body[class*="visitor_register"] .maincontent .visitor_login_block {
      padding-top: 0.5vw;
  }
  body[class*="visitor_register"] .reg_description {
      margin-bottom: 3em;
  }  
  body[class*="visitor_register"] .reg_description ul {
      list-style-position: outside;
      padding-left: 1.2vw;
  }
  body[class*="visitor_register"] #visitor_register div div.form-item label {
      float: none;
      text-align: left;
      width: 100%;
      padding-right: 0;
      font-size: 0.9vw;
      font-weight: normal;
  }
  body[class*="visitor_register"] #visitor_register div div.form-item input {
      width: 92.5%;
      font-size: 1vw;
      padding: 1vw;
      color: var(--charcoal);
      border: solid 1px var(--silver2);
  }
  body[class*="visitor_register"] #visitor_register div div.form-item div.description {
      color: var(--charcoal);
      font-style: italic;
      font-size: .9vw;
      padding-left: 0;
  }
  body[class*="visitor_register"] .maincontent #visitor_register input.form-submit {
      margin-left: 0;
      display: block;
      width: 93%;
      height: auto;
      padding: 1vw;
      margin-top: 2em;
  }
  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 span[title="This field is required."],
  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 var(--silver2);
      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;
  }
  body[class*="visitor_register"] #visitor_register .register_name_group .form-item,
  body[class*="visitor_register"] #visitor_register .register_address_group .form-item {
      width: 40%;
  }
  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.8vw;
  }
  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%;
  }
  /*Forgot password page*/
  body[class*="visitor_password"] .maincontent .breadcrumb {
      display: none;
  }
  body[class*="visitor_password"] .maincontentinner h1.main_title {
      font-size: 1.3vw;
  }
  body[class*="visitor_password"] #user_login .description p {
      font-size: 1em;
  }
  body[class*="visitor_password"] .maincontent .menutab ul.primary li:nth-child(2) {
      border-right: solid 1px var(--silver2);
  }
  body[class*="visitor"] .message {
      width: 100%;
  }
  body[class*="visitor"] .message .messages.error {
      width: auto;
      margin: 1vw;
      border: 1px solid red;
  }
  @media (max-width: 1460px) {
      body[class*="visitor_register"] .maincontentinner h1.main_title_custom,
      body[class*="visitor_password"] .maincontentinner h1.main_title {
          font-size: 1.2em;
      }
      body[class*="visitor"] .maincontent .menutab ul.primary li a {
          padding: 1.4em; 
      }
      #social_sign_in_button_google a, 
      #social_sign_in_button_facebook a,
      body[class*="visitor"].inner:not(.edit) .maincontent input[type="submit"],
      body[class*="visitor"] #user_login .form-item .form-text,
      body[class*="visitor_register"] .maincontent #visitor_register input.form-submit {
          padding: 1em;
      }
      .social_icon.google_icon, 
      .social_icon.facebook_icon {
          width: 4em;
      }
      #social_sign_in_button_google a, 
      #social_sign_in_button_facebook a {
          width: auto;
          margin: 0 auto;
          flex-grow: 1;
      }
      body[class*="visitor"] #user_login .form-item .form-text,
      body[class*="visitor_register"] #visitor_register div div.form-item input {
          width: 92%;
      }
      body[class*="visitor"] .maincontent .visitor_login_block {
          padding: 3em 4em;
      }
      body[class*="visitor"].inner:not(.edit) .maincontent input[type="submit"] {
          width: 92.3%;
      }
      body[class*="visitor_register"] .maincontentinner h1.main_title_custom {
          padding: 2em 3.3em 0;
      }
      body[class*="visitor_register"] .maincontent .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;
      }
      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: 97%;
      }
  }
  @media (max-width: 1340px) {
      ._visitor.inner .maincontent,
      ._visitor_register.inner .maincontent,
      ._visitor_password.inner .maincontent {
          margin-left: 6.5em;
      }
      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%;
      }
  }
  @media (max-width: 1190px) {
      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: 4.3vw;
      }    
  }
  @media (max-width: 1024px) {
      body[class*="visitor"] #user_login .form-item .form-text,
      body[class*="visitor_register"] #visitor_register div div.form-item input,
      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: 90%;
      }
      body[class*="visitor"].inner:not(.edit) .maincontent input[type="submit"],
      body[class*="visitor_register"] .maincontent #visitor_register input.form-submit {
          width: 90.7%;
      }
      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: auto;
      }
  }
  @media (max-width: 875px) {
      ._visitor.inner .maincontent,
      ._visitor_register.inner .maincontent,
      ._visitor_password.inner .maincontent {
          margin: 0 auto 3em;
          width: 60%;
      }
  }
  @media (max-width: 768px) {
      ._visitor.inner .maincontent,
      ._visitor_register.inner .maincontent,
      ._visitor_password.inner .maincontent {
          width: 80%;
      }
      body[class*="visitor"] #user_login .form-item .form-text,
      body[class*="visitor_register"] #visitor_register div div.form-item input,
      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: 92.3%;
      }
      body[class*="visitor"].inner:not(.edit) .maincontent input[type="submit"],
      body[class*="visitor_register"] .maincontent #visitor_register input.form-submit {
          width: 92.6%;
      }
  }
  @media (max-width: 600px) {
      ._visitor.inner .maincontent,
      ._visitor_register.inner .maincontent,
      ._visitor_password.inner .maincontent {
          width: 93%;
      }
  }
  @media (max-width: 480px) {
      body[class*="visitor"] .maincontent .visitor_login_block {
          padding: 2em 3em;
      }
      #social_sign_in_button_google a, 
      #social_sign_in_button_facebook a {
          font-size: .9em;
      }
      .social_icon.google_icon, 
      .social_icon.facebook_icon {
          width: 3.2em;
      }
      body[class*="visitor"] #user_login .form-item .form-text,
      body[class*="visitor_register"] #visitor_register div div.form-item input,
      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: 89.5%;
      }
      body[class*="visitor"].inner:not(.edit) .maincontent input[type="submit"],
      body[class*="visitor_register"] .maincontent #visitor_register input.form-submit {
          width: 90%;
      }
      body[class*="visitor_register"] .maincontentinner h1.main_title_custom {
          padding: 1.5em 2.5em 0;
      }
      body[class*="visitor_register"] .maincontent .visitor_login_block {
          padding: 0.5em 3em 2em;
      }
  }
  @media (max-width: 414px) {
      body[class*="visitor"] #user_login .form-item .form-text,
      body[class*="visitor_register"] #visitor_register div div.form-item input,
      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: 87%;
      }
      body[class*="visitor"].inner:not(.edit) .maincontent input[type="submit"],
      body[class*="visitor_register"] .maincontent #visitor_register input.form-submit {
          width: 87.5%;
      }
  }
  @media (max-width: 390px) {
      body[class*="visitor_register"] .maincontentinner h1.main_title_custom {
          padding: 1.5em 1.9em 0;
      }
  }
  @media (max-width: 375px) {
      body[class*="visitor_register"] .maincontentinner h1.main_title_custom {
          padding: 1.5em 1.5em 0;
      }
  }
  @media (max-width: 360px) {
      body[class*="visitor"] .maincontent .visitor_login_block {
          padding: 1.5em 2em;
      }
      body[class*="visitor_register"] .maincontent .visitor_login_block {
          padding: 0.5em 2em 1.5em;
      }
      body[class*="visitor_register"] .maincontentinner h1.main_title_custom {
          padding: 1.5em 1.2em 0;
      }
  }
  @media (max-width: 320px) {
      .social_icon.google_icon, 
      .social_icon.facebook_icon {
          width: 2.7em;
      }
      #social_sign_in_button_google a, 
      #social_sign_in_button_facebook a {
          font-size: .8em;
      }
      body[class*="visitor"] #user_login .form-item .form-text,
      body[class*="visitor_register"] #visitor_register div div.form-item input,
      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: 85.6%;
      }
      body[class*="visitor"].inner:not(.edit) .maincontent input[type="submit"],
      body[class*="visitor_register"] .maincontent #visitor_register input.form-submit {
          width: 86%;
      }
      body[class*="visitor_register"] .maincontent .visitor_login_block {
          width: 84%;
      }
      body[class*="visitor_register"] #visitor_register .drip-group-container-wrapper label, 
      body[class*="visitor_register"] #visitor_register span[title="This field is required."], 
      body[class*="visitor_register"] #visitor_register .drip-group-container-wrapper .dripUp2,
      body[class*="visitor_register"] #visitor_register div div.form-item label,
      body[class*="visitor_register"] .reg_description p,
      body[class*="visitor_register"] .reg_description ul,
      body[class*="visitor"] .maincontent form .form-item label, 
      body[class*="visitor"] #visitor_register div div.form-item,
      body[class*="visitor"].inner:not(.edit) .maincontent input[type="submit"], 
      body[class*="visitor"] #user_login .form-item .form-text,
      body[class*="visitor_password"] #user_login .description p {
          font-size: .9em;
      }
      body[class*="visitor_register"] .maincontentinner h1.main_title_custom {
          font-size: 1.1em;
      }
      body[class*="visitor_password"] .maincontentinner h1.main_title {
          font-size: 5.1vw;
      }
      body[class*="visitor_register"] .maincontentinner h1.main_title_custom {
          padding: 1.5em 1.5em 0;
      }
  }

  /*Login with google or facebook buttons and login page styles*/
/*User account page*/
body[class*="user"] .main-wrapper .message.clearfix {
  width: 100%;
}
body[class*="user"] .main-wrapper .message.clearfix .messages.error{  
  margin-bottom: 2em;
}
body[class*="user"] .gr-content-container {
  justify-content: center;
}
body[class*="user"] h1.main_title{
  display:none;
}
body[class*="user"] .maincontent {
  display: flex;
  flex-wrap: wrap;
  width: 40%;
  padding: 0;
  -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);
}
body[class*="user"] .maincontent .menutab,
body[class*="user"] .maincontentinner {
  width: 100%;
}
body[class*="user"] .maincontent .menutab {
  margin-bottom: 0;
}
body[class*="user"] .maincontent .menutab ul.primary {
  padding: 0;
  border-bottom: 0;
  display: flex;
  margin-bottom: 0;
}
body[class*="user"] .maincontent .menutab ul.primary li {
  flex-grow: 1;
}
body[class*="user"] .maincontent .menutab ul.primary li a {
  margin-right: 0;
  border: 0;
  border-bottom: 0;
  display: block;
  text-align: center;
  padding: 1vw;
  text-transform: uppercase;
  color: var(--white);
  background-color: var(--purple)
}
body[class*="user"] .maincontent .menutab ul.primary li.active a {
  color: var(--charcoal);
  background-color: var(--white);
}
body[class*="user"] .maincontent .menutab ul.primary li:not(.active) a:hover{
  color: var(--purple);
  background-color: var(--heather);
}
body[class*="user"] .maincontent .menutab ul.primary li:nth-child(2) {
  border-right: solid 1px var(--silver2);
}
body[class*="user"] .login_alternatives {
  display: flex;
  justify-content: left;
  flex-wrap: wrap;
}
body[class*="user"] #user_login .form-item input[type*="text"], 
body[class*="user"] #user_login .form-item input[type*="password"] {
  max-width: 100%;
}
body[class*="user"] #user_login .form-submit,
body[class*="user"] #user_pass .form-submit {
  width: 100%;
}
body[class*="user"] .maincontent .item-list ul li {
  list-style-type: none;
  margin: 0.5em 0 0;
  text-align: center;
}
body[class*="user"] .maincontent .item-list ul li a {
  color: var(--charcoal);
  font-weight: bold;
}
body[class*="user"] .maincontentinner {
  width: 100%;
  padding: 3vw 4vw;
}
body[class*="user"] #wsidebar_right {
  display: none;
}
@media (max-width: 1460px) {
  body[class*="user"] .maincontent .menutab ul.primary li a {
      padding: 1.4em;
  }
}
@media (max-width: 1180px) {
  body[class*="user"] .maincontent {
      width: 50%;
  }
}
@media (max-width: 1024px) {
  body[class*="user"] .maincontent {
      width: 70%;
  }
}
@media (max-width: 768px) {
  body[class*="user"] .maincontent {
      width: 80%;
  }
}
@media (max-width: 640px) {
  body[class*="user"] .maincontent {
      width: 100%;
  }
  body[class*="user"] .maincontent .menutab ul.primary li a {
      font-size: 2.3vw;
  }
}

/* Theme34-temp Buttonator presentation, scoped to widgets prepared in
   script.js so other theme controls retain their existing appearance. */
body.front .theme34-buttonator-grid {
  clear: both;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(0.9rem, 2vw, 1.5rem);
  align-items: stretch;
  margin: clamp(1rem, 2vw, 2rem) 0;
  text-align: center;
}

body.front .theme34-buttonator-grid::after {
  display: none;
}

body.front .theme34-buttonator-grid > .theme34-front-buttonator,
body.front .theme34-buttonator-grid > .theme34-front-button-widget {
  float: none;
  width: auto !important;
  min-width: 0;
  height: auto;
  margin: 0 !important;
  box-sizing: border-box;
}

body.front .theme34-front-buttonator {
  position: relative;
  z-index: 20;
  overflow: hidden;
  box-shadow: none;
  background: none;
}

body.front .theme34-front-buttonator:hover {
  box-shadow: none;
  background: none;
}

body.front .theme34-buttonator-grid .theme34-front-buttonator .button-wrapper,
body.front .theme34-buttonator-grid .theme34-front-buttonator .button-wrapper > a {
  height: 100%;
}

body.front .theme34-front-buttonator .button-wrapper:not(.no-selection) > a {
  display: block;
  width: 100%;
  height: 100%;
  padding-top: 0;
  border-radius: 8px;
  background: none;
  overflow: hidden;
}

body.front .theme34-front-buttonator .button-wrapper:not(.no-selection) > a::before,
body.front .theme34-front-buttonator .button-wrapper:not(.no-selection) > a::after {
  content: none;
  display: none;
}

body.front .theme34-front-buttonator .button-wrapper:not(.no-selection) > a > span,
body.front .theme34-front-buttonator .button-wrapper:not(.no-selection) > a > .link-text {
  display: block;
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 0.95em;
  border-top: 0.8em solid var(--lavender);
  background-color: var(--silver3);
  color: var(--purple);
  font-family: 'TestSohne', Arial, Helvetica, sans-serif;
  font-size: clamp(0.9rem, 1vw, 2rem);
  font-weight: 500;
  line-height: 1;
  text-align: center;
}

body.front .theme34-front-buttonator .button-wrapper:not(.no-selection) > a > span .custom {
  display: inline;
  width: auto;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  color: inherit;
  font: inherit;
}

body.front .theme34-front-buttonator .button-wrapper:not(.no-selection) > a:hover > span,
body.front .theme34-front-buttonator .button-wrapper:not(.no-selection) > a:focus-visible > span {
  border-color: var(--silver3);
  background-color: var(--lavender);
  color: var(--white);
}

@media (max-width: 1000px) {
  body.front .theme34-buttonator-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  body.front .theme34-buttonator-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 420px) {
body[class*="user"] .maincontent .menutab ul.primary li a {
  font-size: 2.8vw;
}
}
/*visitor login and register page*/
#visitor_register .drip-group-container .form-item .option{
  padding-left:0px;
  padding-right:0px;
  float:none;
  width:100%;
  text-align:center;
}
#visitor_register .drip-group-container .description{
  padding-left:0px;
  font-style:normal;
  font-size:0.9em;
}
#visitor_register > div > fieldset,
#visitor_edit > div > fieldset{
  display:none;
}
#visitor_register .captcha-fieldset fieldset{
  display:block !important;
}
body[class*="visitor"] .maincontentinner h1.main_title:nth-child(1) {
  display: none;
}
body[class*="visitor"].inner:not(.edit) .maincontent {
  margin: 0 auto;
  width: 40%;
}
body[class*="visitor"] .login_alternatives, 
body[class*="visitor"] #social_sign_in_button_google, 
body[class*="visitor"] #social_sign_in_button_facebook {
  max-width: 100%;
}
body[class*="visitor"] .maincontent .menutab ul.primary li a {
  color: var(--white);
}
body[class*="visitor"] .maincontent .menutab ul.primary li.active a {
  color: var(--charcoal);
}
body[class*="visitor"] #user_login .form-item input[type*="text"], 
body[class*="visitor"] #user_login .form-item input[type*="password"] {
  max-width: 100%;
  height: auto;
}
body[class*="visitor"] #user_login .form-item .form-text,
body[class*="visitor"].inner:not(.edit) .maincontent input[type="submit"] {
  width: 100%;
}
#visitor_register div div.form-item {
  width: 100%;
  float: none;
}
body[class*="visitor_register"] #visitor_register .register_name_group .form-item, 
body[class*="visitor_register"] #visitor_register .register_address_group .form-item {
  width: 48.3%;
}
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: 1vw;
}
body[class*="visitor_register"] #visitor_register div div.form-item input,
body[class*="visitor_register"] .maincontent #visitor_register input.form-submit {
  width: 100%;
}
body[class*="visitor"] .maincontent .item-list ul li:nth-child(1) {
  display: none;
}
body[class*="visitor"] #user_login .form-submit,
body[class*="user"] #user_login .form-submit,
body[class*="user"] #user_pass .form-submit,
body[class*="visitor"]:not(.edit) .form-item input[type*="text"],
body[class*="user"] .form-item input[type*="text"],
body[class*="user"] #user_login .form-item input[type*="password"] {
  padding: 1vw;
}
body[class*="visitor"]:not(.edit) .form-item input[type*="text"],
body[class*="user"] .form-item input[type*="text"],
body[class*="user"] #user_login .form-item input[type*="password"] {
  height: auto;
}
body[class*="visitor"] .maincontent #visitor_pass .form-submit {
  width: 100%;
  height: auto;
}

@media(max-width:1510px){
  #visitor_register div * {
    font-size: 1em;
  }
  body[class*="visitor_register"] #visitor_register div div.form-item label {
    font-size: 0.9em;
  }
  body[class*="visitor_register"] #visitor_register div div.form-item input {
    font-size: 0.95em;
  }
  body[class*="visitor_register"] #visitor_register div div.form-item div.description {
    font-size: .8em;
  }
}
@media (max-width: 1460px) {
  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%;
  }
}
@media (max-width: 1370px) {
  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.8vw;
  }
  .maincontent #visitor_pass .form-submit,
  body[class*="visitor"] #user_login .form-submit, 
  body[class*="user"] #user_login .form-submit, 
  body[class*="user"] #user_pass .form-submit, 
  body[class*="visitor"]:not(.edit) .form-item input[type*="text"], 
  body[class*="user"] .form-item input[type*="text"], 
  body[class*="user"] #user_login .form-item input[type*="password"] {
      padding: 1em;
  }
}
@media (max-width: 1302px) {
  body[class*="visitor"].inner:not(.edit) .maincontent {
      width: 50%;
  }
  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: 1.2vw;
  }
}
@media (max-width: 1160px) {
  body[class*="visitor"].inner:not(.edit) .maincontent {
      width: 60%;
  }
  body[class*="visitor_register"] #visitor_register .register_name_group .form-item, 
  body[class*="visitor_register"] #visitor_register .register_address_group .form-item {
      width: 48.6%;
  }
}
@media (max-width: 1024px) {
  body[class*="visitor_register"] .maincontentinner h1.main_title_custom:after {
      margin-top: 1rem;
      width: 30px;
  }
}
@media (max-width: 920px) {
  body[class*="visitor_register"] #visitor_register .register_name_group .form-item, 
  body[class*="visitor_register"] #visitor_register .register_address_group .form-item {
      width: 100%;
  }
  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;
  }
}
@media (max-width: 875px) {
  body[class*="visitor"].inner:not(.edit) .maincontent {
      width: 80%;
  }
}
@media screen and (max-width: 768px) {
  .maincontent #visitor_register input.form-submit {
      max-width: 100%;
  }
}
@media (max-width: 600px) {
  body[class*="visitor"].inner:not(.edit) .maincontent {
      width: 95%;
  }
  body[class*="visitor"] .maincontent .visitor_login_block {
    padding-left: 2em;
    padding-right: 2em;
  }
  body[class*="visitor_register"] .maincontentinner h1.main_title_custom {
    padding: 2em 1.6em 0;
  }
}
@media (max-width: 480px) {
  body[class*="visitor"] .maincontent .visitor_login_block {
      padding: 2em;
  }
  body[class*="visitor_register"] .maincontent .visitor_login_block {
      padding: 0 2em 2em;
  }
  body[class*="visitor_register"] .maincontentinner h1.main_title_custom {
      padding: 1.5em 1.7em 0;
  }
}
@media (max-width: 360px) {
  body[class*="visitor"].inner:not(.edit) .maincontent {
      width: 98%;
  }
  #social_sign_in_button_google a, 
  #social_sign_in_button_facebook a {
      font-size: .8em;
  }
}
@media (max-width: 320px) {
  body[class*="visitor_register"] .maincontent .visitor_login_block {
      padding: 0 0 2em;
  }
  body[class*="visitor_register"] .maincontentinner h1.main_title_custom {
      padding: 1.5em 1.3em 0;
  }
}


/*preconstruction*/
.condo-list.inner .maincontentinner h1.main_title{
  margin: 0 0 1em;
  text-align: left;
  color:inherit;
  font-family: 'Rtext',Arial,Helvetica,sans-serif;
}
.condo-list.inner .maincontent{
  margin:0;
  padding:0 2.5vw;
}
.condo-list #precondo_sortFilter {
  height: auto;
  padding: 1vw 0;
}
.condo-list .condo-image {
  height: 18vw
}

.inner.condo-detail .main-wrapper {  
  padding: 6vw 0 0;
}
.condo-detail fieldset.contact_form .form_content,
.condo-detail .precondo_VIP_title1,
.condo-detail .precondo_VIP_title2,
.condo-detail .precondo_phone p,
.condo-detail .walk-score p,
.condo-detail .share_condo p {
  margin-bottom: 0;
}
.condo-detail .main-wrapper fieldset {
  margin: 0;
  padding-bottom: 0;
}
.condo-detail a.disclaimer_link span.disclaimer_content{
top:auto;
}
.condo-list .maincontent,
.condo-detail .contentarea, .condo-detail p, .condo-detail .g2page, .condo-detail .content_main {
  font-family: 'TestSohne', Arial,Helvetica,sans-serif;
}
.condo-list .condo-info .pre-title{
  font-family: 'TestSohneH', Arial,Helvetica,sans-serif;
  font-weight: normal;
}
condo-list .pre-address {
  font-size: 1vw;
}
#precondo_sortFilter .Select-Project .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before {
  content: "\f00d";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  font-size: .9em;
}
#precondo_sortFilter .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  position: absolute;
  top: 8px;
  right: 3px;
  display: block;
  width: 12px;
  height: 12px;
  background: url(/modules/free_home_valuation/css/chosen-sprite.png) -42px 1px no-repeat;
  font-size: 1px;
  margin:0;
}
.condo-list #precondo_sortFilter input.form-submit {
  background: var(--purple) !important;
  border-radius: 0.3vw;
  font-family:'TestSohneB', Arial,Helvetica,sans-serif;
}
#pre_Construction_contact_form .form-item small.error {
  font-size: 0.95vw;
}
.condo-detail .precondo_slider #pre_Construction_contact_form .submit-wrapper input,
.condo-detail div.block-pre_construction_condo #pre_Construction_contact_form .submit-wrapper input{
  line-height: 1;
  background-color: var(--purple);
}
.condo-detail .precondo_slider #pre_Construction_contact_form .submit-wrapper input:hover,
.condo-detail div.block-pre_construction_condo #pre_Construction_contact_form .submit-wrapper input:hover{
  background: var(--heather);
  color: var(--purple);
}
.condo-detail .precondo_whywait .precondo_title .orange{
  color: var(--purple);
}
.condo-detail .precondo_menu{
  background-color: var(--purple);
}
.condo-detail .block-pre_construction_condo a.disclaimer_link,
.condo-detail .contentarea, .condo-detail p, .condo-detail .g2page, .condo-detail .content_main,
.condo-detail .precondo_details .precondo_title,
.condo-detail .precondo_title,
.condo-detail .precondo_whywait .precondo_title{
  color:var(--charcoal);
}
.condo-detail .precondo_details_list li:nth-of-type(odd){
  background-color: var(--silver3);
}
.condo-detail .precondo_details_list ul a{
  font-size:0.9vw;
}
.condo-detail .walk-score {
  background-color: var(--charcoal);
}
.condo-list #precondo_sortFilter input.form-submit:hover {
  background-color: var(--heather)!important;
  color: var(--purple);
}

@media(max-width:1510px){
.condo-detail .precondo_menu ul, .condo-detail .unbranded-footer p {
    font-size: .9em;
}
.condo-list #precondo_sortFilter input.form-submit {
    border-radius: 4px;
}
.condo-detail .walk-score p {
  font-size: 1em;
}
#pre_Construction_contact_form .form-item small.error {
  font-size: 0.95em;
}
.condo-detail .precondo_details_list ul a {
  font-size: 0.9rem;
}
.condo-detail .precondo_anchor_txt,
.condo-detail .precondo_phone p {
  font-size: .87em;
}
}
@media(max-width:1100px){
.condo-list .condo-image {
  height: 26vw;
}
.inner.condo-detail .maincontent .maincontentinner .submit-wrapper input{
  margin-left:0;
  line-height: 1;
}
}
@media(max-width:720px){
.condo-list.inner .maincontent {
  padding: 0;
}
.condo-list .pager a {
  font-size: 0.8em;
  text-transform: capitalize;
}
.condo-list .pager{
  flex-wrap: wrap;
}
.condo-list .pager li {
  margin: 0;
}
.condo-list .pager-last.active {
  margin-left: 0;
}
}
@media(max-width:680px){
.condo-list .condo-image {
  height: 46vw;
}
}


#propertyViewApp .crea-wrap .popup-crea p{
  font-size:0.85vw;
}
#propertyViewApp .crea-wrap .popup-crea h4{
  font-size:1em;
}
#propertyViewApp .crea-wrap .popup-crea h3{
  font-size:1.2em;
}
#propertyViewApp .crea-wrap .popup-crea {
  max-height: 100vh;
  overflow-y: auto;
}
@media(max-width:1510px){
  #propertyViewApp .crea-wrap .popup-crea p{
    font-size:0.9em;
  }
}

.agent-testimonial {
  width: fit-content;
  margin: 0 auto;
  position: relative;
}

.agent-testimonial h2.subject {
  font-size: 30px;
  text-transform: uppercase;
  margin-bottom: 1.5em;
}

.agent-testimonial .jtestimonial {
  left: 0;
  height: auto;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  width: 40rem;
}

.agent-testimonial ul {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  width: 20000em;
}

.agent-testimonial li {
  padding: 20px;
  margin: 10px;
  /*border-radius: 10px;
  background: #f9f9f9;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);*/
  float: left;
  width: calc(40rem - 20px);
  border: 2px solid #ececec;
  box-sizing: border-box;
}
.agent-testimonial p {
  font-size: 1.1rem;
  font-style: italic;
}
.agent-testimonial h4 {
  margin-top: 10px;
  font-weight: bold;
}
.agent-testimonial .jcarousel-control-prev,
.agent-testimonial .jcarousel-control-next {
  position: absolute;
  font-size: 60px;
  color: #cccccc;
  top: 60%;
  transform: translateY(-50%);
}
.agent-testimonial .jcarousel-control-prev {
  left: -50px;
}
.agent-testimonial .jcarousel-control-next {
  right: -50px;
}
.tm_clientName_company::before {
  content: '~';
  display: inline-block;
  margin-right: 0.25em;
}
.tm_clientName_company {
  font-size: 1.1rem;
  font-style: italic;
  margin-top: 1em;
  text-transform: capitalize;
}
@media(max-width: 1024px) {
  .agent-testimonial .jcarousel-control-prev {
      left: -30px;
  }
  .agent-testimonial .jcarousel-control-next {
      right: -30px;
  }
}
@media(max-width: 800px) {
  .agent-testimonial .jtestimonial {
      width: 480px;
  }
  .agent-testimonial li {
      width: 460px;
  }
}
@media(max-width: 568px) {
  .agent-testimonial .jcarousel-control-prev {
      left: -20px;
  }
  .agent-testimonial .jcarousel-control-next {
      right: -20px;
  }
  .agent-testimonial .jtestimonial {
      width: calc(100vw - 70px);
  }
  .agent-testimonial li {
      width: calc(100vw - 90px);
  }
}

/* Theme34-temp footer layout. This is intentionally the final footer block
 * so it has the same cascade on front and inner page templates. */
footer {
  background: #222;
  color: #f1f1f1;
  padding: 0;
}
footer::before,
footer::after { content: none; }
footer a { color: #f1f1f1; }
footer a:hover { color: #fff; }

footer .footerarea.wrapper {
  display: grid;
  grid-template-columns: minmax(17rem, 0.85fr) minmax(0, 1.15fr);
  column-gap: clamp(3rem, 8vw, 10rem);
  max-width: 108rem;
  margin: 0 auto;
  padding: clamp(3.5rem, 6vw, 6.5rem) 0 0;
  box-sizing: border-box;
}
footer .footerarea.wrapper > #footerwidget { grid-column: 1 / -1; width: 100%; }
footer .footerarea.wrapper > .f1 { float: none; min-width: 0; width: auto; }
footer .footerarea.wrapper > .f2 { grid-column: 1; grid-row: 2; }
footer .footerarea.wrapper > .f3 { grid-column: 2; grid-row: 2; }
footer .footerarea .f4,
footer .footerarea .f5,
footer .footerarea .f6 { display: none; }
footer #footerwidget1,
footer #footerwidget2 { display: block; height: auto; }
footer #footerwidget1 > .widget,
footer #footerwidget2 > .widget { margin-bottom: 0; }

footer .footerarea .f2 .owner1_html.content {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr);
  column-gap: clamp(1.5rem, 3vw, 4rem);
  row-gap: 1.6rem;
  max-width: 38rem;
  font-family: 'TestSohne', sans-serif;
  font-size: clamp(0.95rem, 1vw, 1.15rem);
  line-height: 1.65;
}
footer .footerarea .f2 .owner1_html.content > .logo,
footer .footerarea .f2 .owner1_html.content > .logo_link {
  grid-column: 1 / -1;
  grid-row: 1;
  justify-self: start;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  width: auto;
  text-align: center;
}
footer .footerarea .f2 .owner1_html.content > .logo img,
footer .footerarea .f2 .owner1_html.content > .logo_link img {
  max-width: min(13rem, 100%);
  max-height: 8rem;
  margin: 0;
}
footer .footerarea .f2 .owner1_html.content > .logo span,
footer .footerarea .f2 .owner1_html.content > .logo_link span {
  width: 100%;
  margin: 0.45rem 0 0;
  font-size: clamp(0.95rem, 1vw, 1.15rem);
  line-height: 1.35;
  text-align: center;
}
footer .footerarea #footerwidget1 .widgets-text-widget .owner1_html.content > .logo,
footer .footerarea #footerwidget1 .widgets-text-widget .owner1_html.content > .logo_link {
  justify-self: start;
  margin-left: 0;
  margin-right: 0;
}
footer .footerarea .f2 .owner1_html.content::before {
  content: 'Connect with us';
  grid-column: 1 / -1;
  grid-row: 2;
  color: #f1f1f1;
  font-size: clamp(1rem, 1.1vw, 1.25rem);
  font-weight: 400;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
footer .footerarea .f2 .owner1_html.content > dl {
  grid-column: 1;
  grid-row: 3;
  margin: 0;
  padding: 0 clamp(1.25rem, 2vw, 2.5rem) 0 0;
  text-align: left;
}
footer .footerarea .f2 .owner1_html.content > .officeaddress {
  grid-column: 2;
  grid-row: 3;
  margin: 0;
  padding: 0 0 0 clamp(1.25rem, 2vw, 2.5rem);
  border-left: 1px solid rgba(255, 255, 255, 0.75);
  text-align: left;
}
footer .footerarea .f2 .widgets-text-widget .officeaddress::before {
  margin: 0;
  color: inherit;
  font-size: inherit;
  text-align: left;
}
footer .footerarea .f2 .widgets-text-widget dl dd { margin: 0 0 0.25rem; text-align: left; }
footer .footerarea .f2 .widgets-text-widget dl dd::before {
  font-family: inherit;
  color: inherit;
  margin-right: 0.35em;
  top: auto;
}
footer .footerarea .f2 .widgets-text-widget dl dd.phone_office::before { content: 'O:'; }
footer .footerarea .f2 .widgets-text-widget dl dd.phone_cell::before { content: 'C:'; font-size: inherit; }
footer .footerarea .f2 .widgets-text-widget dl dd.tollfree_number::before { content: 'TF:'; }
footer .footerarea .f2 .widgets-text-widget dl dd.fax_number::before { content: 'F:'; }

footer .footerarea .f2 > [id*='social_media'] {
  display: flex;
  align-items: center;
  gap: clamp(1.5rem, 3vw, 3rem);
  margin-top: clamp(1.75rem, 3vw, 3rem);
}
footer .footerarea .social_media {
  display: flex;
  justify-content: flex-start;
  gap: 1rem;
}
footer .footerarea .social_media a img { display: none; }
footer .footerarea .social_media a,
footer .footerarea .social_media a.defaulticon {
  display: block;
  width: 1.55rem;
  height: 1.55rem;
  margin: 0;
  border-radius: 0;
  background: url('../images/new/facebook.svg') no-repeat center / contain;
  line-height: 1.55rem;
}
footer .footerarea .social_media a.twittericon { background-image: url('../images/new/twitterx.svg'); }
footer .footerarea .social_media a.linkedinicon { background-image: url('../images/new/linkd.svg'); }
footer .footerarea .social_media a.instagramicon { background-image: url('../images/new/inst.svg'); }
footer .footerarea .social_media a.tiktokicon { background-image: url('../images/new/tiktok.svg'); }
footer .footerarea .social_media a.youtubeicon { background-image: url('../images/new/youtube.svg'); }
footer .footerarea .f2 .theme34-footer-login-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.75rem;
  padding: 0.45rem 1rem;
  border: 1px solid rgba(255, 255, 255, 0.85);
  background: transparent;
  color: #f1f1f1;
  font-family: 'TestSohne', sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
}
footer .footerarea .f2 .theme34-footer-login-link:hover {
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
}
footer > .credentials > p.login { display: none !important; }

footer #footerwidget2 #menuWidgetContainer { position: relative; padding: 0; }
footer #footerwidget2 #menuWidgetContainer::before {
  content: 'Popular searches';
  display: block;
  margin-bottom: 1.6rem;
  color: #f1f1f1;
  font-family: 'TestSohne', sans-serif;
  font-size: clamp(1rem, 1.1vw, 1.25rem);
  font-weight: 400;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
footer #footerwidget2 #menuWidgetContainer ul.mainmenu {
  display: block !important;
  margin: 0;
  padding: 0;
  columns: 2;
  column-gap: clamp(2.5rem, 5vw, 6rem);
  column-rule: 1px solid rgba(255, 255, 255, 0.75);
}
footer #footerwidget2 #menuWidgetContainer li {
  display: block;
  float: none;
  width: auto;
  margin: 0;
  padding: 0;
  break-inside: avoid;
  text-align: left;
}
footer #footerwidget2 #menuWidgetContainer li > a {
  display: inline-block;
  padding: 0.1rem 0;
  color: #f1f1f1;
  font-family: 'TestSohne', sans-serif;
  font-size: clamp(1rem, 1.15vw, 1.25rem);
  font-weight: 400;
  line-height: 1.35;
  text-align: left;
  text-transform: none;
  white-space: normal;
}
footer #footerwidget2 #menuWidgetContainer li > a:hover { color: #fff; }
footer #footerwidget2 #menuWidgetContainer li.item-with-ul > a::before,
footer #footerwidget2 #menuWidgetContainer li.item-with-ul > a::after { display: none; }

footer > .credentials {
  box-sizing: border-box;
  width: min(100% - 3rem, 108rem);
  margin: clamp(3rem, 5vw, 5.5rem) auto 0;
  border-top: 1px solid rgba(255, 255, 255, 0.75);
  padding: clamp(1.75rem, 3vw, 2.75rem) 0 clamp(2rem, 4vw, 4.5rem);
  color: #f1f1f1;
  font-family: 'TestSohne', sans-serif;
  font-size: clamp(0.78rem, 0.85vw, 0.95rem);
  line-height: 1.5;
  text-align: left;
}
footer .credentials .credit,
footer .terms_policy_links { color: inherit; text-align: left; }
footer .credentials .credit a,
footer .terms_policy_links a { color: inherit; }
footer #incomlogo {
  display: inline-block;
  width: 5.9rem;
  height: 1.8rem;
  margin-left: 0.65rem;
  vertical-align: middle;
}
footer #incomlogo .copy,
footer #incomlogo img { display: none; }
footer #incomlogo::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: url('../../images/Incom-logo-grey-light.svg') no-repeat center / contain;
}

@media (max-width: 900px) {
  footer .footerarea.wrapper { grid-template-columns: minmax(0, 1fr); row-gap: 3rem; }
  footer .footerarea.wrapper > .f2,
  footer .footerarea.wrapper > .f3 { grid-column: 1; }
  footer .footerarea.wrapper > .f2 { grid-row: 2; }
  footer .footerarea.wrapper > .f3 { grid-row: 3; }
  footer .footerarea .f2 > [id*='social_media'] { flex-wrap: wrap; }
}
@media (max-width: 560px) {
  footer .footerarea.wrapper { width: min(100% - 2rem, 108rem); padding-top: 3rem; }
  footer .footerarea .f2 .owner1_html.content { grid-template-columns: minmax(0, 1fr); row-gap: 1.25rem; }
  footer .footerarea .f2 .owner1_html.content > dl,
  footer .footerarea .f2 .owner1_html.content > .officeaddress { grid-column: 1; padding: 0; border: 0; }
  footer .footerarea .f2 .owner1_html.content > .officeaddress { padding-top: 1.25rem; border-top: 1px solid rgba(255, 255, 255, 0.75); }
  footer #footerwidget2 #menuWidgetContainer ul.mainmenu { columns: 1; column-rule: 0; }
}

/* Final front-page footer markup corrections. The footer widgets are dynamic, so these
 * selectors intentionally follow the structure rendered by the widgets. */
footer .footerarea .f2 dt {
  display: none;
}

footer .footerarea .f2 .widgets-text-widget .officeaddress::before {
  content: 'Address:';
  display: block;
  margin: 0 0 0.15rem;
}

footer .footerarea .f2 .owner1_html.content > .logo img,
footer .footerarea .f2 .owner1_html.content > .logo_link img {
  width: min(13rem, 100%);
  height: auto;
  object-fit: contain;
}

footer .footerarea .f2 .theme34-footer-office-name {
  display: block;
  color: #f1f1f1;
  font-family: 'TestSohne', sans-serif;
}

footer > .footerarea.wrapper > .f1.f2 > #footerwidget1 > div[id^='social_media-'].block.widget {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) max-content;
  column-gap: clamp(1.5rem, 3vw, 4rem);
  align-items: center;
  margin-top: clamp(1rem, 1vw, 2rem);
}

footer > .footerarea.wrapper > .f1.f2 > #footerwidget1 > div[id^='social_media-'].block.widget.theme34-has-dashboard {
  grid-template-columns: minmax(0, 1fr) max-content max-content;
}

footer > .footerarea.wrapper > .f1.f2 > #footerwidget1 > div[id^='social_media-'].block.widget > .social_media {
  grid-column: 1;
  justify-content: flex-start;
}

footer > .footerarea.wrapper > .f1.f2 > #footerwidget1 > div[id^='social_media-'].block.widget > a.theme34-footer-login-link {
  display: inline-flex !important;
  grid-column: 2;
  justify-self: start;
  margin: 0;
  background: transparent !important;
}

footer > .footerarea.wrapper > .f1.f2 > #footerwidget1 > div[id^='social_media-'].block.widget > a.theme34-footer-dashboard-link {
  grid-column: 3;
}

footer > .footerarea.wrapper {
  width: min(calc(100% - 2.5rem), 108rem);
  max-width: none;
  padding-inline: 0;
}

footer > .credentials {
  width: min(calc(100% - 2.5rem), 108rem);
  padding-inline: 0;
}

@media (max-width: 900px) {
  footer > .footerarea.wrapper {
    grid-template-columns: minmax(0, 1fr) !important;
    row-gap: clamp(2.5rem, 6vw, 4rem);
  }

  footer > .footerarea.wrapper > .f1.f2,
  footer > .footerarea.wrapper > .f1.f3 {
    grid-column: 1;
    width: 100% !important;
  }

  footer > .credentials {
    margin-top: clamp(2.5rem, 6vw, 4rem);
  }
}

@media (max-width: 600px) {
  footer > .footerarea.wrapper {
    padding-top: 2.75rem;
  }

  footer > .credentials {
    width: calc(100% - 2.5rem);
    margin-top: 2.5rem;
    padding: 1.75rem 0 2.75rem;
  }

  footer > .footerarea.wrapper > .f1.f2 > #footerwidget1 .owner1_html.content {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto auto auto;
    row-gap: 1.25rem;
    width: 100%;
    max-width: none;
  }

  footer > .footerarea.wrapper > .f1.f2 > #footerwidget1 .owner1_html.content > dl,
  footer > .footerarea.wrapper > .f1.f2 > #footerwidget1 .owner1_html.content > .officeaddress {
    grid-column: 1;
    padding-inline: 0;
    border-left: 0;
  }

  footer > .footerarea.wrapper > .f1.f2 > #footerwidget1 .owner1_html.content > dl {
    grid-row: 3;
  }

  footer > .footerarea.wrapper > .f1.f2 > #footerwidget1 .owner1_html.content > .officeaddress {
    grid-row: 4;
    padding-top: 1.25rem;
    border-top: 1px solid rgba(255, 255, 255, 0.75);
  }

  footer > .footerarea.wrapper > .f1.f2 > #footerwidget1 > div[id^='social_media-'].block.widget,
  footer > .footerarea.wrapper > .f1.f2 > #footerwidget1 > div[id^='social_media-'].block.widget.theme34-has-dashboard {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 1.25rem;
  }

  footer > .footerarea.wrapper > .f1.f2 > #footerwidget1 > div[id^='social_media-'].block.widget > .social_media,
  footer > .footerarea.wrapper > .f1.f2 > #footerwidget1 > div[id^='social_media-'].block.widget > a.theme34-footer-login-link,
  footer > .footerarea.wrapper > .f1.f2 > #footerwidget1 > div[id^='social_media-'].block.widget > a.theme34-footer-dashboard-link {
    grid-column: 1;
  }
}

footer > .credentials,
footer > .credentials a,
footer > .credentials .credit,
footer > .credentials .terms_policy_links,
footer > .credentials .crea_text {
  font-family: 'TestSohne', Arial, Helvetica, sans-serif;
  font-size: clamp(0.65rem, 0.7vw, 0.78rem);
  font-weight: normal;
}

footer > .credentials {
  line-height: 1.35;
}

footer > .credentials .credit {
  margin: 0 0 0.55rem;
}

footer > .credentials .creditincom {
  padding-right: 0.55em;
}

footer > .credentials .operated {
  position: relative;
  margin: 0 0.4em 0 0.5em;
  white-space: nowrap;
}

footer > .credentials .operated::before {
  content: '|';
  margin-right: 0.5em;
}

footer > .credentials .operated::after {
  content: '\00a0\00a0|';
}

footer > .credentials .terms_policy_links {
  margin: 0 0 0.85rem;
  padding: 0;
}

footer > .credentials .crea_text {
  clear: both;
  width: 100%;
  margin: 0;
  padding: 0;
  color: inherit;
  line-height: 1.35;
}

footer > .credentials .crea_text .realtorLogo,
footer > .credentials .crea_text .mlsLogo {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.65rem;
  padding: 0 0 0.3rem;
  text-align: left;
}

footer > .credentials .crea_text .realtorLogo span,
footer > .credentials .crea_text .mlsLogo span {
  display: block;
  flex: 0 0 auto;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 100%;
}

footer > .credentials .crea_text .realtorLogo span {
  width: 1.9rem;
  height: 1.55rem;
  background-image: url('/base_imgs/realtorLogoWhite.svg');
}

footer > .credentials .crea_text .mlsLogo span {
  width: 4rem;
  height: 1.55rem;
  background-image: url('/base_imgs/mlsLogoWhite.svg');
}

@media (max-width: 600px) {
  footer > .credentials,
  footer > .credentials a,
  footer > .credentials .credit,
  footer > .credentials .terms_policy_links,
  footer > .credentials .crea_text {
    font-size: 0.7rem;
  }
}

/* Keep front-page footer text consistent with Theme34's standard small-text face. */
footer,
footer * {
  font-family: 'TestSohne', Arial, Helvetica, sans-serif !important;
}

/* Theme34's two-colour front-page footer accent. */
footer {
  position: relative;
  background-color: var(--purple);
}

footer::before,
footer::after {
  content: '';
  display: block;
  position: absolute;
  top: -0.8vw;
  left: 0;
  height: 0.8vw;
}

footer::before {
  z-index: 2;
  width: 100%;
  background-color: var(--heather);
}

footer::after {
  z-index: 3;
  width: 21%;
  min-width: 150px;
  background-color: var(--lavender);
}

@media (max-width: 900px) {
    footer::before, 
    footer::after {
        top: -0.8em;
        height: 0.8em;
    }
}

/* Office agent listings: front-page-only carousel styling.  The widget may
 * be moved between editable regions, so scope it by widget type rather than
 * by a particular region. */
.front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) [id*="office_agent_listings"] .horizontal_scroll .jcarousel-control-prev,
.front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) [id*="office_agent_listings"] .horizontal_scroll .jcarousel-control-next {
  visibility: hidden;
  color: transparent;
  font-size: 0;
  text-indent: 0;
}

.front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) [id*="office_agent_listings"] .horizontal_scroll .jcarousel-control-prev::before,
.front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) [id*="office_agent_listings"] .horizontal_scroll .jcarousel-control-next::before {
  display: block;
  visibility: visible;
  color: #a8a8a8;
  font-size: clamp(3.5rem, 5vw, 5rem);
  font-weight: 300;
  line-height: 1;
}

.front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) [id*="office_agent_listings"] .horizontal_scroll.no_carousel .jcarousel-control-prev::before,
.front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) [id*="office_agent_listings"] .horizontal_scroll.no_carousel .jcarousel-control-next::before {
  display: none;
}

.front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) [id*="office_agent_listings"].widget {
  width: 100%;
  margin: 0;
}

.front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) [id*="office_agent_listings"] .widgets-featuredListings {
  position: relative;
  padding: clamp(3rem, 6vw, 6rem) 0 clamp(4rem, 6vw, 7rem);
  margin-bottom: 0;
  background: transparent;
  border: 0;
  box-sizing: border-box;
}

.front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) [id*="office_agent_listings"] h2.subject {
  margin: 0 !important;
  padding: 0 !important;
  color: var(--charcoal);
  font-size: clamp(2rem, 2.9vw, 5.8rem);
  font-weight: normal;
  line-height: 1.15;
  text-align: left;
  text-transform: none;
}

.front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) [id*="office_agent_listings"] .agent_search_form {
  position: absolute !important;
  top: clamp(3rem, 6vw, 6rem) !important;
  right: 0 !important;
  left: auto !important;
  width: min(18rem, 28vw) !important;
  margin: 0 !important;
  float: none !important;
}

.front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) [id*="office_agent_listings"] #search_agent_form_widget {
  position: relative !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  width: 100% !important;
  margin: 0 !important;
  float: none !important;
}

.front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) [id*="office_agent_listings"] .search_name input.form-text {
  width: 100% !important;
  height: 3.25rem !important;
  padding: 0 3.75rem 0 1.1rem !important;
  border: 1px solid #d1d1d1;
  border-radius: 0.35rem !important;
  background: #fff !important;
  color: #555 !important;
  box-sizing: border-box !important;
  font-size: 1rem !important;
}

.front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) [id*="office_agent_listings"] #search_agent_form_widget input.form-submit {
  position: absolute;
  top: 0;
  right: 0;
  width: 3.5rem;
  height: 3.25rem;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent !important;
  color: #9b9b9b;
  font-family: 'FontAwesome' !important;
  font-size: 1.5rem !important;
  font-weight: normal;
  line-height: 1;
  text-align: center;
  text-indent: 0;
  cursor: pointer;
  z-index: 1;
}

.front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) [id*="office_agent_listings"] #search_agent_form_widget::before,
.front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) [id*="office_agent_listings"] #search_agent_form_widget::after {
  display: none !important;
}

.front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) [id*="office_agent_listings"] > .widgets-featuredListings > .content {
  margin-top: clamp(1rem, 2vw, 4rem);
}

.front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) [id*="office_agent_listings"] .horizontal_scroll .jcarousel-wrapper {
  padding: 0;
  overflow: visible;
}

.front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) [id*="office_agent_listings"] .horizontal_scroll .jcarousel {
  overflow: hidden;
  padding: 0.5rem;
  box-sizing: border-box;
}

.front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) [id*="office_agent_listings"] .horizontal_scroll .jcarousel > ul > li {
  --agent-listing-card-width: clamp(15rem, 18vw, 19.5rem);
  width: var(--agent-listing-card-width) !important;
  min-width: var(--agent-listing-card-width);
  margin: 0 clamp(0.5rem, 1.1vw, 1rem);
  padding: 0;
  background: transparent;
  border-radius: 0;
  box-sizing: border-box;
  box-shadow: none;
}

.front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) [id*="office_agent_listings"] div.property_div {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  height: clamp(28rem, 30vw, 33rem);
  min-height: 25rem;
  padding: 1.5rem;
  background: #fff;
  box-shadow: 0 0.2rem 0.6rem rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  text-align: center;
}

.front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) [id*="office_agent_listings"] .featured_multi_img_wrapper {
  display: block;
  width: 100%;
  height: clamp(15rem, 17vw, 18.5rem);
  padding: 0;
  box-sizing: border-box;
  overflow: hidden;
}

.front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) [id*="office_agent_listings"] .featured_multi_img_wrapper span,
.front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) [id*="office_agent_listings"] .featured_multi_img_wrapper img.featured {
  display: block;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0;
  box-sizing: border-box;
}

.front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) [id*="office_agent_listings"] .featured_multi_img_wrapper span {
  overflow: hidden;
}

.front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) [id*="office_agent_listings"] .featured_multi_img_wrapper img.featured {
  position: static !important;
  object-fit: cover !important;
  object-position: center top !important;
  transform: none !important;
}

.front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) [id*="office_agent_listings"] .agent_details {
  padding: 1rem 0 0;
  min-width: 0;
  text-align: center;
}

.front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) [id*="office_agent_listings"] .agent_details::after {
  display: none;
}

.front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) [id*="office_agent_listings"] .agent_details h3.name,
.front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) [id*="office_agent_listings"] .agent_details h4.title {
  margin: 0;
  font-family: 'TestSohne', sans-serif;
  font-weight: normal;
  line-height: 1.25;
}

.front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) [id*="office_agent_listings"] .agent_details h3.name a {
  color: #333;
  font-size: clamp(1.3rem, 1.55vw, 1.8rem);
  text-decoration: none;
  overflow-wrap: anywhere;
  padding: 0 0 0.25em;
}

.front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) [id*="office_agent_listings"] .agent_details h4.title a {
  color: #999;
  font-size: clamp(0.95rem, 1.1vw, 1.2rem);
  text-decoration: none;
  padding: 0 0 0.33em;
}

.front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) [id*="office_agent_listings"] .agent_social_media_icons {
  display: flex;
  min-height: 1.5rem;
  margin-top: auto;
  padding-top: 0;
  justify-content: center;
}

.front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) [id*="office_agent_listings"] .horizontal_scroll .jcarousel-control-prev,
.front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) [id*="office_agent_listings"] .horizontal_scroll .jcarousel-control-next {
  top: 53%;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  background: none;
  color: #aaa;
  font-size: 5rem;
  line-height: 1;
  transform: translateY(-50%);
}

.front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) [id*="office_agent_listings"] .horizontal_scroll .jcarousel-control-prev {
  left: clamp(-4.5rem, -5vw, -2.5rem);
  right: auto;
}

.front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) [id*="office_agent_listings"] .horizontal_scroll .jcarousel-control-next {
  right: clamp(-4.5rem, -5vw, -2.5rem) !important;
}

.front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) [id*="office_agent_listings"] .view_all {
  display: none;
}

@media (min-width: 1651px) {
  .front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) [id*="office_agent_listings"] .jcarousel-wrapper.hide-four ul {
    width: fit-content;
    margin: 0 auto;
  }

  .front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) [id*="office_agent_listings"] .jcarousel-wrapper.hide-four .jcarousel-control-prev,
  .front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) [id*="office_agent_listings"] .jcarousel-wrapper.hide-four .jcarousel-control-next {
    display: none;
  }
}

@media (min-width: 1007px) {
  .front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) [id*="office_agent_listings"] .jcarousel-wrapper.hide-three ul {
    width: fit-content;
    margin: 0 auto;
  }

  .front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) [id*="office_agent_listings"] .jcarousel-wrapper.hide-three .jcarousel-control-prev,
  .front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) [id*="office_agent_listings"] .jcarousel-wrapper.hide-three .jcarousel-control-next {
    display: none;
  }
}

@media (min-width: 659px) {
  .front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) [id*="office_agent_listings"] .jcarousel-wrapper.hide-two ul {
    width: fit-content;
    margin: 0 auto;
  }

  .front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) [id*="office_agent_listings"] .jcarousel-wrapper.hide-two .jcarousel-control-prev,
  .front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) [id*="office_agent_listings"] .jcarousel-wrapper.hide-two .jcarousel-control-next {
    display: none;
  }
}

@media (max-width: 900px) {
  .front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) [id*="office_agent_listings"] .widgets-featuredListings {
    padding-inline: clamp(1.25rem, 10vw, 12rem);
  }

  .front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) [id*="office_agent_listings"] .agent_search_form {
    right: calc(clamp(1.25rem, 10vw, 12rem) + 0.5rem) !important;
  }

  .front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) [id*="office_agent_listings"] .horizontal_scroll .jcarousel-wrapper {
    box-sizing: border-box;
  }

  .front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) [id*="office_agent_listings"] .horizontal_scroll .jcarousel {
    padding: 0.25rem;
  }

  .front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) [id*="office_agent_listings"] .horizontal_scroll .jcarousel-control-prev,
  .front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) [id*="office_agent_listings"] .horizontal_scroll .jcarousel-control-next {
    top: 50%;
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    z-index: 2;
  }

  .front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) [id*="office_agent_listings"] .horizontal_scroll .jcarousel-control-prev {
    left: calc(-1 * clamp(2rem, 4vw, 3.25rem));
  }

  .front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) [id*="office_agent_listings"] .horizontal_scroll .jcarousel-control-next {
    right: calc(-1 * clamp(2rem, 4vw, 3.25rem)) !important;
  }
}

@media (max-width: 640px) {
  .front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) [id*="office_agent_listings"] .widgets-featuredListings {
    padding-inline: clamp(1.25rem, 10vw, 12rem);
  }

  .front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) [id*="office_agent_listings"] h2.subject {
    margin-left: 0;
    text-align: left;
  }

  .front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) [id*="office_agent_listings"] .agent_search_form {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    left: 0 !important;
    width: min(100%, 18rem) !important;
    margin: 1.25rem 0 0 !important;
  }

  .front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) [id*="office_agent_listings"] div.property_div {
    height: 21rem !important;
    min-height: 21rem !important;
    padding: 1rem !important;
  }

  .front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) [id*="office_agent_listings"] .featured_multi_img_wrapper {
    height: clamp(11rem, 46vw, 13.5rem) !important;
  }

  .front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) [id*="office_agent_listings"] .agent_details {
    padding-top: 0.85rem;
    overflow: hidden;
  }

  .front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) [id*="office_agent_listings"] .agent_details h3.name a,
  .front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) [id*="office_agent_listings"] .agent_details h4.title a {
    display: block;
    width: 100%;
    white-space: normal !important;
    overflow-wrap: anywhere;
  }
}

@media (max-width: 568px) {
  .front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) [id*="office_agent_listings"] .horizontal_scroll {
    --agent-mobile-widget-padding: clamp(1.25rem, 10vw, 12rem);
  }

  .front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) [id*="office_agent_listings"] .horizontal_scroll .wrapper_scroll,
  .front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) [id*="office_agent_listings"] .horizontal_scroll .jcarousel-wrapper {
    width: 100% !important;
    left: 0 !important;
    overflow: visible;
  }

  .front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) [id*="office_agent_listings"] .horizontal_scroll .jcarousel-wrapper {
    position: relative;
  }

  .front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) [id*="office_agent_listings"] .horizontal_scroll .jcarousel {
    width: 100% !important;
    margin: 0 !important;
    padding: 0.25rem 0;
    overflow: hidden !important;
  }

  .front .widecontent :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) [id*="office_agent_listings"] .horizontal_scroll .wrapper_scroll,
  .front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]).widecontent [id*="office_agent_listings"] .horizontal_scroll .wrapper_scroll {
    width: 100% !important;
    margin: 0 !important;
    left: 0 !important;
  }

  .front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) [id*="office_agent_listings"] .horizontal_scroll .jcarousel > ul > li {
    width: calc(100vw - (var(--agent-mobile-widget-padding) * 2) - 0.5rem) !important;
    min-width: calc(100vw - (var(--agent-mobile-widget-padding) * 2) - 0.5rem) !important;
    max-width: calc(100vw - (var(--agent-mobile-widget-padding) * 2) - 0.5rem) !important;
    margin: 0 0.25rem !important;
  }

  .front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) [id*="office_agent_listings"] .horizontal_scroll .jcarousel > ul > li > .property_div {
    width: 100% !important;
    max-width: none !important;
    float: none !important;
  }

  .front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) [id*="office_agent_listings"] .horizontal_scroll .jcarousel-control-prev,
  .front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) [id*="office_agent_listings"] .horizontal_scroll .jcarousel-control-next {
    top: 50% !important;
    width: var(--agent-mobile-widget-padding);
  }

  .front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) [id*="office_agent_listings"] .horizontal_scroll .jcarousel-control-prev {
    left: calc(-1 * (var(--agent-mobile-widget-padding) + 0.25rem));
  }

  .front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) [id*="office_agent_listings"] .horizontal_scroll .jcarousel-control-next {
    right: calc(-1 * (var(--agent-mobile-widget-padding) + 0.25rem)) !important;
  }
}

/* Lead forms: retain the front-page hero treatment regardless of the editable
 * widget region. Adjacent lead forms form a two-panel composition. */
.front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) > div[id^="lead_forms"] {
  position: relative;
  display: flex;
  width: 100%;
  min-height: clamp(24rem, 50vw, 60rem);
  align-items: center;
  margin: 0;
  box-sizing: border-box;
}

.front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) > div[id^="lead_forms"]:has(+ div[id^="lead_forms"]),
.front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) > div[id^="lead_forms"] + div[id^="lead_forms"] {
  display: inline-flex;
  width: 50%;
  vertical-align: top;
}

.front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) > div[id^="lead_forms"] #custom_first_step_free_home_lead_form,
.front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) > div[id^="lead_forms"] #custom_first_step_dream_home_lead_form {
  position: relative;
  z-index: 1;
  width: 100%;
  padding-top: 0;
}

@media (max-width: 640px) {
  .front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) > div[id^="lead_forms"],
  .front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) > div[id^="lead_forms"]:has(+ div[id^="lead_forms"]),
  .front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) > div[id^="lead_forms"] + div[id^="lead_forms"] {
    display: flex;
    width: 100%;
    min-height: clamp(20rem, 100vw, 30rem);
  }
}

/* Lead-form visual treatment.  This restores the Theme34-temp panel design
 * without relying on its widecontent-only markup.  Use Theme34's title and
 * small-text fonts; FontAwesome is reserved for the search icon submit. */
.front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) > div[id^="lead_forms"].freehomewidget,
.front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) > div[id^="lead_forms"].dreamhomewidget {
  overflow: hidden;
  background-color: var(--charcoal);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) > div[id^="lead_forms"].freehomewidget {
  background-image: url('../images/home_worth.jpg');
}

.front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) > div[id^="lead_forms"].dreamhomewidget {
  background-image: url('../images/dream_home.jpg');
}

.front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) > div[id^="lead_forms"].freehomewidget::before,
.front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) > div[id^="lead_forms"].dreamhomewidget::before {
  position: absolute;
  z-index: 0;
  inset: 0;
  display: block;
  content: '';
  background-color: rgba(62, 62, 62, 0.4);
}

.front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) > div[id^="lead_forms"] #custom_first_step_free_home_lead_form,
.front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) > div[id^="lead_forms"] #custom_first_step_dream_home_lead_form {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 0;
  padding: clamp(2rem, 4vw, 5rem) 5.5%;
  color: var(--white);
  text-align: center;
}

.front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) > div[id^="lead_forms"] #custom_first_step_free_home_lead_form h2.postal-code-widget-title,
.front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) > div[id^="lead_forms"] #custom_first_step_dream_home_lead_form h1 {
  max-width: 95%;
  margin: 0;
  padding: 0 !important;
  color: var(--white);
  font-family: 'RText', Arial, Helvetica, sans-serif;
  font-size: clamp(2rem, 3vw, 6rem);
  font-weight: normal;
  line-height: 1;
  text-shadow: none;
}

.front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) > div[id^="lead_forms"] #custom_first_step_free_home_lead_form p.postal-code-widget-description,
.front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) > div[id^="lead_forms"] #custom_first_step_dream_home_lead_form p {
  max-width: 95%;
  min-height: 0;
  height: auto;
  margin: 0.55em auto 0.65em;
  color: var(--white);
  font-family: 'TestSohne', Arial, Helvetica, sans-serif;
  font-size: clamp(1rem, 1.55vw, 3rem);
  line-height: 1;
  text-shadow: none;
}

.front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) > div[id^="lead_forms"] .postal-code-input-wrapper,
.front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) > div[id^="lead_forms"] .dream-home-input-wrapper {
  position: relative;
  width: 89%;
  max-width: 89%;
  margin: 0 auto;
}

.front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) > div[id^="lead_forms"] .postal-code-input-wrapper #edit-address-search,
.front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) > div[id^="lead_forms"] .dream-home-input-wrapper #edit-address {
  display: block;
  width: 100%;
  height: 3em;
  padding: 0 4em 0 1em;
  border: 0;
  border-radius: 0.375rem;
  background: var(--white);
  color: var(--charcoal);
  font-family: 'TestSohne', Arial, Helvetica, sans-serif;
  font-size: clamp(0.9rem, 0.9vw, 1.8rem);
  line-height: 1.2;
  text-indent: 0;
}

.front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) > div[id^="lead_forms"] .postal-code-input-wrapper .form-submit,
.front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) > div[id^="lead_forms"] .dream-home-input-wrapper .form-submit {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  width: 3em;
  height: 3em;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0 0.375rem 0.375rem 0;
  background: var(--lavender);
  color: var(--white);
  font-family: 'FontAwesome';
  font-size: clamp(0.9rem, 0.9vw, 1.8rem) !important;
  font-weight: normal;
  line-height: 1;
  text-align: center;
  text-indent: 0;
  cursor: pointer;
}

.front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) > div[id^="lead_forms"] .postal-code-input-wrapper .form-submit:hover,
.front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) > div[id^="lead_forms"] .dream-home-input-wrapper .form-submit:hover {
  background: var(--poppy);
}

.front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) > div[id^="lead_forms"] #custom_first_step_dream_home_lead_form h1 strong::after {
  display: none;
}

@media (max-width: 640px) {
  .front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) > div[id^="lead_forms"] #custom_first_step_free_home_lead_form,
  .front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) > div[id^="lead_forms"] #custom_first_step_dream_home_lead_form {
    padding-inline: 8%;
  }

  .front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) > div[id^="lead_forms"] .postal-code-input-wrapper,
  .front :is([id^="topwidget"], [id^="contentwidget"], [id^="footerwidget"]) > div[id^="lead_forms"] .dream-home-input-wrapper {
    width: 100%;
    max-width: 100%;
  }
}

.front.unbranded header > figure.mainuser,
.front.unbranded .widgets-TextTitleForBroker h2.subject,
.front.unbranded .theme34-broker-contact-link,
.front.unbranded footer .footerarea .f2 .theme34-footer-office-name,
.front.unbranded footer .footerarea .f2 .owner1_html.content::before,
.front.unbranded footer .footerarea .f2 .owner1_html.content > dl,
.front.unbranded footer .footerarea .f2 .owner1_html.content > .officeaddress {
  display: none;
}