:root { --mainColor: #062d18;
--primaryColorText: #333;
--secondaryColor: #900;
--secondaryColorText: #fff;
--highlightColor: #b7c2ca;
--highlightColorText: #000;
 --lightBackground : #efefef;
--darkBackground : #111;
--footerColor: var(--mainColor);
 --topBarTextColor: #fff;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; margin: 0; padding: 0; }
.grid { width: 100%; max-width: 1220px; margin: 0 auto; padding: 0 0em; }
.grid.flex { width: 100%; max-width: 100%; padding: 0 2%; padding: 2em; }
.row { display: block; overflow: hidden; clear: both; }
.fullWidth { width: 100%; }
*[class*="col_"].alpha { margin-left: 0; }
*[class*="col_"].omega { margin-right: 0; }
.col_1 { width: 6.6666666666667%; }
.col_2 { width: 15%; }
.col_3 { width: 23.333333333333%; }
.col_4 { width: 31.666666666667%; }
.col_5 { width: 40%; }
.col_6 { width: 48.333333333333%; }
.col_7 { width: 56.666666666667%; }
.col_8 { width: 65%; }
.col_9 { width: 73.333333333333%; }
.col_10 { width: 81.666666666667%; }
.col_11 { width: 90%; }
.col_12 { width: 98.333333333333%; }
*[class*="col_"] { margin-left: 0.83333333333333%; margin-right: 0.83333333333333%; margin-top: 0.5em; margin-bottom: 0.5em; float: left; display: block; }
.grid img { max-width: 100%; height: auto; }
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0 }
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0 }
* html .clearfix, *:first-child+html .clearfix { zoom: 1 }
/* Viewable Grids 
	To view your grids, add the class .visible to any grid container.
	This will add a background color so you can see the layout of your grids. 
*/
*[class*="col_"].visible { background: #eee; border: 1px dotted #ccc; }


/*---------------------------------
	Responsive Grid Media Queries - 1280, 1024, 768, 480
	1280-1024 	- desktop (default grid)
	1024-768 	- tablet landscape
	768-480 	- tablet 
	480-less 	- phone landscape & smaller
-----------------------------------*/
@media all and (min-width: 1024px) and (max-width: 1280px) {
.grid *[class*="col_"], *[class*="col_"] { }
.grid { max-width: 1024px; }
.show-desktop { display: block; }
.hide-desktop { display: none; }
.show-tablet { display: none; }
.hide-tablet { display: block; }
.show-phone { display: none; }
.hide-phone { display: block; }
}
 @media all and (min-width: 768px) and (max-width: 1024px) {
.grid *[class*="col_"], *[class*="col_"] { }
.grid { max-width: 90%; }
.card { width: 48% }
.show-desktop { display: none; }
.hide-desktop { display: block; }
.show-tablet { display: block; }
.hide-tablet { display: none; }
.show-phone { display: none; }
.hide-phone { display: block; }
}
 @media all and (min-width: 480px) and (max-width: 768px) {
.grid *[class*="col_"], *[class*="col_"] { float: none; width: auto; clear: both; display: block; }
/* columns inside of columns */
.grid *[class*="col_"] [class*="col_"], *[class*="col_"] [class*="col_"] { margin-left: 0; margin-right: 0; width: 100%; }
.grid { max-width: 480px; }
.show-desktop { display: none; }
.hide-desktop { display: block; }
.show-tablet { display: block; }
.hide-tablet { display: none; }
.show-phone { display: none; }
.hide-phone { display: block; }
}
 @media all and (max-width: 480px) {
.grid *[class*="col_"], *[class*="col_"] { float: none; width: auto; clear: both; display: block; }
/* columns inside of columns */
.grid *[class*="col_"] [class*="col_"], *[class*="col_"] [class*="col_"] { margin-left: 0; margin-right: 0; width: 100%; }
.grid { max-width: 100%;/*320*/ }
.show-desktop { display: none; }
.hide-desktop { display: block; }
.show-tablet { display: none; }
.hide-tablet { display: block; }
.show-phone { display: block; }
.hide-phone { display: none; }
}
/*---------------------------------
	LAYOUT
-----------------------------------*/
* { box-sizing: border-box; }
html, body { width: 100%; height: 100%; position: relative; }
body { margin: 0; padding: 0 0 0 0; color: var( --primaryColorText); font: normal 16px/140% arial, verdana, sans-serif; text-shadow: 0px 0px 1px transparent; /* google font pixelation fix */ display: flex; flex-direction: column; overflow-x: hidden; }
#topBar { display: flex; flex-direction: row; padding: .5em 1em; width: 100%; max-width: 100%; background: var( --mainColor); color: var( --topBarTextColor); }
#topBar span { display: inline-block; margin: 0 8px; }
#topBar a { text-decoration: none; color: var( --topBarTextColor); }
#topBar a:hover { text-decoration: underline; }
#topBar *[class*="col_"] { display: flex; }
#topBar div.right { justify-content: flex-end; }
header { display: flex; flex-direction: column; }
footer { display: flex; flex-direction: column; position: relative; width: 100%; left: 0; bottom: 0; padding: 0em; background: var(--footerColor); }
footer * { color: #fff!important; text-decoration: none; }
footer a:hover { text-decoration: underline; color: var(--highlightColor); }
footer menu ul, footer menu li { margin: 0; padding: 0; list-style: none; }
#footerWrap { padding-bottom: 2em; }
#footerBottom { padding: 1em 5%; background: var( --darkBackground); }
#logo { margin: .5em 0; }
main { display: flex; flex-wrap: wrap; flex-direction: row; width: 100%; height: auto; }
/* 2 Col */
article { flex: 70%; }
aside { flex: 30%; }
body.oneCol article { flex: 100%; }
body.oneCol aside { flex: 0%; display: none; }
body.twoCol article { flex: 70%; }
body.twoCol aside, body.twoColRight aside { flex: 30%; }
body.threeCol article { flex: 50%; }
body.threeCol aside { flex: 25%; }
section { width: 100%; }
#content { padding: 2em 2em; height: 100%; }
main #content { padding: 0em 1em 2em; height: 100%; }
#rightColumn, #leftColumn { position: relative; padding: 1em; }
#disclaimer { font-size: 0.8em; }
#socialMedialWrap { font-size: 2em; margin-top: 1em; text-align: center; display: flex; justify-content: center; }
#socialMedialWrap span { padding: .05em; margin: .25em; }
a.pager { display: inline-block; padding: 2px 8px; background: #ddd; color: #333; text-decoration: none; margin: 4px; }
a.pager.thisPage { color: #FFF;/* cursor: not-allowed; */ cursor: none; background: rgba(0,0,0,.99); }
#disclaimer { margin: 2em 0; }
/*---------------------------------
CARDS LISTS and RELATED
-----------------------------------*/
#listViewOptions { }
#listViewOptions a { opacity: .5; text-decoration: none; margin: 12px 1em 6px 0; display: inline-block; }
#listViewOptions a.selectedView, #listViewOptions a:hover { opacity: 1; }
#listCards { margin-bottom: 1em; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; }
#listList { margin-bottom: 1em; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; }
.card { border: 1px solid #ddd; position: relative; padding-bottom: .5em; text-transform: capitalize; display: flex; flex-direction: row; flex: 0 0 31%; flex-wrap: wrap; align-items: center; align-content: flex-start; }
.card:hover {cursor:pointer; box-shadow:0 0 6px #ccc;}
.card .mainImg { display: flex; flex-direction: row; width: 100%; position: relative; max-width: 100%; height: 250px; object-fit: cover; overflow: hidden; margin-bottom: 1em; }
.card .mainImg img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover; }
.cardPropAddress, .cardPropState, .cardPrice { width: 100%; clear: both; }
.cardPrice { font-size: 1.4em; }
.card .mainInfo, .card .cardOptions { display: flex; width: 100%; flex-wrap: wrap; justify-content: center }
.cardOptions { margin: .5em; }
.cardOptions a { padding: 4px; margin: 2px; font-size: 1.2em; }
.propList { border-bottom: 4px solid #ccc; display: flex; flex-wrap: wrap; margin: 1em 0; padding-bottom: 1.25em; }
.propList .mainImg { width: 100%; position: relative; flex: 0 0 40%; justify-content: top; max-width: 100%; height: auto; text-align: center; object-fit: cover; overflow: hidden; margin-bottom: 1em; }
.propList .mainImg img { width: auto; max-width: 100%; max-height: 450px; position: relative; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover; }
.listPropState { font-size: 1.5em; }
.listPropAddress { font-size: 1.2em; margin-bottom: 1em; }
.listPrice { font-size: 1.4em; margin: .75em 0; }
.propList .mainInfo { flex-basis: 60%; text-align: left; padding: 0 1em 2em; }
.propList .listOptions { display: flex; flex-direction: row; flex-basis: 100%; padding: 1em; text-align: left; padding: 0 1em; font-size: 1.2em; gap: 1em; opacity: .6; justify-content: flex-end; }
.propList .listOptions a { text-decoration: none; }
.propList .listOptions a:hover { text-decoration: underline; }
.propList .listOptions i { font-size: 1.5em; }
.propWarning { position: absolute; top: 10%; left: 0; width: auto; padding: 6px 12px; z-index: 9; line-height: 1em; font-size: .75em; font-weight: normal; text-transform: capitalize; }
.underContract { background-color: var( --highlightColor); color: var( --highlightColorText); }
.pendingListing { background-color: var( --secondaryColor); color: var(--secondaryColorText); }
.cardDivider { font-size: 120%; display: inline-block; padding: 0 .25em; }
.break { flex-basis: 100%; height: 0; }
.listOptions { opacity: 1; }
.list.description { margin: 1em 0; }
/*---------------------------------
	DETAILS PAGE
-----------------------------------*/
#infoBarDetails { padding: 1.5em 2em; background: var( --darkBackground ); color: #fff; }
#forSalePrice { font-size: 3em; }
#detailAddress { margin-top: -10px; margin-bottom: 10px; }
.infoBarNumbers { font-size: 2.5em; }
#propertyListBy { margin-left: 10vw; }
#detailsDescriptionSection { }
#detailDescription { }
/*---------------------------------
	SLIDER FORM CONTROLS
-----------------------------------*/
input[type=range].poo { -webkit-appearance: none; /* Hides the slider so that custom slider can be made */ width: 100%; /* Specific width is required for Firefox. */ background: transparent; /* Otherwise white in Chrome */ }
.value, output { position: absolute; font-size: 18px; color: #045fa4; font-weight: 600; }
.value.leftcontrol { left: 2px; top: 8px; }
.value.rightcontrol { right: -0px; top: 8px; }
.rangeValues { font-size: .8em; top: 2em; position: relative; }
.range-slider { position: relative; width: 100%; height: 60px; text-align: center; }
.range-slider input[type=range] { pointer-events: none; position: absolute; left: 0; top: 15px; width: 85%; outline: none; height: 10px; margin: 0 7%; padding: 0; background: transparent; /* #d3d3d3; Grey background */ outline: none; /* Remove outline */ opacity: 1; /* Set transparency (for mouse-over effects on hover) */ -webkit-transition: .2s; /* 0.2 seconds transition on hover */ transition: all .2s; }
input[type=range]:hover { opacity: 1; }
input[type=range]:focus { opacity: 1; }
 input[type=range]::-moz-range-track {
 position: relative;
 z-index: -1;
background: #ddd;
height: 12px border: 0;
}
 input[type=range]::-webkit-slider-runnable-track {
 background: #ddd;
}
 input[type=range]:focus::-webkit-slider-runnable-track {
}
 input[type=range]::-ms-track {
 background:   #ddd;;
 border-color: transparent;
 color: transparent;
}
 input[type=range]:first-of-type, input[type=range]:first-of-type::-moz-range-track, input[type=range]:first-of-type::-ms-track {
 -moz-appearance: visible;
 background: #000!important;
color: #000;
opacity: 0;
 border: 0;
}
 .range-slider input[type=range]::-moz-focus-outer {
 border: 0;
background: #900;
opacity: 1;
}
 input[type=range]::-webkit-slider-thumb {
 pointer-events: all;
 position: relative;
 z-index: 1;
 outline: 0;
background: green;
color: red;
}
 input[type=range]::-moz-range-thumb {
 pointer-events: all;
 position: relative;
 z-index: 10;
 -moz-appearance: none;
 width: 10px;
height: 10px;
background: #82a2f3;
box-shadow: 0 0 12px #82a2f3;
}
.om-sliderrange { min-height: 10px; display: flex; flex-direction: column; justify-content: center; }
.om-sliderrange-range { height: 10px; position: relative; margin: 8px 4px; }
.om-sliderrange-display { display: flex; justify-content: space-around; margin: px 10% 0; font-size: .9em; }
.om-sliderrange-range:before { display: block; content: ''; height: 4px; border-radius: 4px; background: #c2c0c2; }
.om-sliderrange-range-indicator { height: 10px; top: -3; left: 0; right: 0; bottom: 0; position: absolute; background: Highlight; }
.om-sliderrange-button-start, .om-sliderrange-button-end { cursor: pointer; position: absolute; width: 18px; height: 18px; border-radius: 18px; background: #7a7a7a; left: 0; top: 55%; transform: translateY(-50%); pointer-events: visible; }
.field { display: block; position: relative; margin: 2em 0 1.5em 0; }
/*---------------------------------
	MENU LAYOUT
-----------------------------------*/
.menu { margin: 0; padding: 0; line-height: 100%; font-size: 0; /* Kill white space gap between LI elements */ position: relative; z-index: 1000; }
.menu:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0 }
.menu li { margin: 0; padding: 0; list-style-type: none; display: inline-block; *display:inline;
position: relative; zoom: 1; line-height: inherit; top: 0; left: 0; font-size: 1em; /* fixed font-size to replace font-size:0 in parent .menu 1em/16px default */ }
.menu li a { margin: 0; padding: 0; display: block; display: inline; display: inline-block; position: relative; zoom: 1; line-height: 100%; top: 0; left: 0; }
/*--------------Sub Menus-------------------*/
	/*.menu li:hover > ul{display:block;}*/
.menu ul { margin: 0; padding: 0; position: absolute; top: 100%; left: 0; display: none; min-width: 150px; max-width: 250%; *width:150px;
}
.menu ul li { display: block; width: 100%; }
.menu ul li a { display: block; }
.menu ul ul { top: 0; left: 100%; }
/*--------------Dividers-------------------*/
.menu ul li.divider { border-top: 1px solid #ccc; }
.menu ul li.divider a { border-top: 1px solid #fff; }
/*--------------Right---------------------*/
.menu li.right { float: right; }
/*--------------Arrows-------------------*/
.menu li.has-menu a { padding-right: 25px; }
.menu li.has-menu span.arrow { border-style: solid; border-width: 5px; display: block; position: absolute; top: 50%; right: 5px; font-size: 0; line-height: 0; height: 0; width: 0; }
.menu li li.has-menu span.arrow { margin-top: -4px; }
.menu {
background:; z-index: 600; }
.menu li { }
.menu li a { padding: 15px 20px; text-decoration: none; font-size: 18px; /* MUST BE PX*/ color: #000; }
.menu li.current>a, .menu li.current>a:hover, .menu li.current.hover>a { background: rgb(122,188,255); cursor: default; }
.menu li a:hover, .menu li.hover>a { background: #000; color: #fff; }
/* sub menus */
.menu ul { background: #111; color: #fff; }
.menu ul li { }
.menu ul li a { color: #fff; }
/* sub-sub menus */
.menu ul ul { }
.menu ul ul li { }
.menu ul ul li a { }
/* arrows */
.menu li.has-menu span.arrow { border-color-top: #ccc; border-color: #ccc transparent transparent transparent; }
.menu li li.has-menu span.arrow, .menu.vertical li.has-menu span.arrow { border-color-left: #ccc; border-color: transparent transparent transparent #ccc; }
.menu.vertical.right li.has-menu span.arrow { border-color-right: #ccc; border-color: transparent #ccc transparent transparent; }
.menu ul li.divider { border-top: 1px solid #ccc; }
.menu ul li.divider a { border-top: 1px solid #fff; }
/*---------------------------------
	RESPONSIVE MENU STYLES
-----------------------------------*/

ul.menu li.menu-toggle { display: none; }
 @media all and (max-width: 768px) {
.grid .menu li, .grid .menu.vertical li, .grid .menu.vertical.right li { display: block; display: none; }
.grid .menu li.menu-toggle, .grid .menu.vertical li.menu-toggle, .grid .menu.vertical.right li.menu-toggle { display: block; }
.grid .menu:hover li, .grid .menu.vertical:hover li, .grid .menu.vertical.right:hover li { display: block; }
/* arrows */
.grid .menu li.has-menu span.arrow, .grid .menu.vertical li.has-menu span.arrow, .grid .menu.vertical.right li.has-menu span.arrow, .grid .menu li li.has-menu span.arrow, .menu.vertical li.has-menu span.arrow { border-color-top: #ccc; border-color: #ccc transparent transparent transparent; }
.grid .menu.vertical.right li.has-menu span.arrow { right: 5px; left: auto; }
.grid .menu li a { display: block; }
.grid .menu ul, .grid .menu ul ul, .grid .menu.vertical ul, .grid .menu.vertical.right ul { position: relative; top: 0; left: 0; margin: 10px; }
}
/*---------------------------------
	HEADINGS
-----------------------------------*/
h1, h2, h3, h4, h5, h6 { line-height: 1.1em; }
h1 { font-size: 2.2em; margin: 10px 0 10px 0; }
h2 { font-size: 2.0em; margin: 10px 0 10px 0; }
h3 { font-size: 1.5em; margin: 10px 0 10px 0; }
h4 { font-size: 1.25em; margin: 10px 0 10px 0; }
h5 { font-size: 1.15em; margin: 10px 0 10px 0; }
h6 { font-size: 1.1em; margin: 10px 0 5px 0; }
#rightColumn h3 { font-size: 1.5em; margin: 20px 0 10px 0; }
#rightColumn h4 { font-size: 1.25em; margin: 20px 0 10px 0; }
#rightColumn #rightcolumn #rightcolumn #rightcolumn 
/*---------------------------------
	HTML STYLES
-----------------------------------*/
p { margin: 10px 0; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
a { color: #4D99E0; outline: 0; }
a:active { color: inherit; }
a:visited { }
a:hover { }
a img { border: 0; }
a [class^="icon-"] { color: inherit; text-decoration: none; }
strong, b { font-weight: bold; }
strike { }
em, i { }
/*---------------------------------
	UTILITY
-----------------------------------*/
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
/*---------------------------------
	HR
-----------------------------------*/
hr { clear: both; border-bottom: 0; border-top: 1px dotted #ccc; border-right: 0; border-left: 0; margin: 30px 0; min-height: 0; height: 1px; }
h3 + div + hr { clear: both; border-bottom: 0; border-top: 1px dotted #ccc; border-right: 0; border-left: 0; margin:-5px 0 20px 0; min-height: 0; height: 1px; }
 
hr.alt1 { border-style: solid; }
hr.alt2 { border-style: dashed; }
/*---------------------------------
	IMAGES
-----------------------------------*/
img { margin: 0; padding: 0; display: inline-block; position: relative; zoom: 1; vertical-align: bottom; }
img.align-left, .img-wrap.align-left { float: left; margin: 0 10px 5px 0; }
img.align-right, .img-wrap.align-right { float: right; margin: 0 0 5px 10px; }
img.full-width { clear: both; display: block; width: 100%; height: auto; margin: 0 0 10px 0; }
div.caption { background: #f5f5f5; border: 1px solid #ddd; padding: 3px; max-width: 100%; display: inline-block; height: auto; }
div.caption img { display: block; padding: 0; margin: 0; width: 100%; height: auto; }
div.caption span { display: block; margin-top: 3px; font-size: 0.8em; color: #666; padding: 0px 5px; }
.gallery { }
.gallery a { display: inline-block; position: relative; border: 1px solid #ddd; background: #fff; padding: 3px; margin: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.gallery a img { display: block; position: relative; margin: 0; padding: 0; }
.scrollTo { cursor: pointer; opacity: .5; }
.scrollTo:hover { opacity: 1; }
.clickme { position: fixed; z-index: 20; bottom: 260px; right: -38px; opacity: .3; }
.clickme:hover { opacity: 1 }
#arrowup { width: 32px; }
/*---------------------------------
	BLOCKQUOTES
-----------------------------------*/
blockquote { font-size: 1.5em; line-height: 1.5em; font-style: italic; margin: 30px 30px 30px 0; padding: 0 0 0 20px; border-left: 1px solid #ccc; }
blockquote span { font-size: 0.7em; display: block; }
blockquote.small { font-size: 1.2em; }
/*---------------------------------
	LISTS
-----------------------------------*/
ul, ol { padding: 0; margin: 0 0 20px 25px; }
li { padding: 5px 0; margin: 0; }
ul.list-unstyled { padding: 0; margin: 0 0 20px 0; }
ul.list-unstyled li { padding: 5px 0; margin: 0; list-style-type: none; }
/*---------------------------------
	TABLES
-----------------------------------*/
table { width: 100%; margin: 0 0 10px 0; text-align: left; border-collapse: collapse; }
thead, tbody { margin: 0; padding: 0; }
th, td { padding: 7px 10px; font-size: 1em; border-bottom: 1px dotted #ddd; text-align: left; }
thead th { font-size: 1em; padding: 3px 10px; border-bottom: 1px solid #ddd; }
tbody tr.last th, tbody tr.last td { border-bottom: 0; }
/* striped */
table.striped { }
table.striped tr.alt { background: #f5f5f5; }
table.striped thead th { background: #fff; }
table.striped tbody th { background: #f5f5f5; text-align: right; padding-right: 15px; border-right: 1px dotted #e5e5e5; }
table.striped tbody tr.alt th { background: #efefef; }
/* tight */
table.tight { }
table.tight th, .tight td { padding: 2px 10px; }
/* sortable */
table.sortable { border: 1px solid #ddd; }
table.sortable thead th { cursor: pointer; position: relative; top: 0; left: 0; border-right: 1px solid #ddd; }
table.sortable thead th:hover { background: #efefef; }
table.sortable span.arrow { border-style: solid; border-width: 5px; display: block; position: absolute; top: 50%; right: 5px; font-size: 0; border-color: #ccc transparent transparent transparent; line-height: 0; height: 0; width: 0; margin-top: -2px; }
table.sortable span.arrow.up { border-color: transparent transparent #ccc transparent; margin-top: -7px; }
/*---------------------------------
	BUTTONS
-----------------------------------*/

button, a.btn, a.btn:visited, a.button, a.button:visited, input[type="submit"], input[type="reset"], input[type="button"] { position: relative; top: 0; left: 0; vertical-align: middle; margin: 0; padding: 10px 15px; line-height: 100%; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; cursor: pointer; width: auto; overflow: visible; font-weight: normal; font-size: 1em; color: #000; text-decoration: none; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; *display:inline;
zoom: 1; background: rgb(222,222,222); border: 1px solid #bbb; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
button:active, a.btn:active, a.btn:visited:active, a.button:active, a.button:visited:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active { }
button[disabled], .disabled:active { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
button, input[type="submit"], input[type="reset"], input[type="button"] { }
a.btn, a.button { }/*overrides*/
button.small, a.btn.small, a.button.small { font-size: 1em; padding: 5px 10px; }
button.medium, a.btn.medium, a.button.medium { }/*default*/
button.large, a.btn.large, a.button.large, input[type="submit"].large { font-size: 1.1em; padding: 15px 20px; }
button.disabled, a.btn.disabled, a.button.disabled { color: #ccc; cursor: default; background: #efefef; }
button.disabled:hover, a.btn.disabled:hover, a.button.disabled:hover { border: 1px solid #ccc; background: #efefef; }
button:hover, a.btn:hover, a.button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover { border: 1px solid #bbb; background: rgb(232,232,232); }
button.buttonGrad:hover, a.btn.buttonGrad:hover, a.button.buttonGrad:hover, input[type="submit"].buttonGrad:hover, input[type="reset"].buttonGrad:hover, input[type="button"].buttonGrad:hover { border: 1px solid #bbb; background: rgb(252,252,252); /* Old browsers */ background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(237,237,237,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(252,252,252,1)), color-stop(100%, rgba(237,237,237,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(237,237,237,1) 100%); /* Opera11.10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#ededed', GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(252,252,252,1) 0%, rgba(237,237,237,1) 100%); /* W3C */ }
/*---------------------------------
	BUTTON BAR
-----------------------------------*/
ul.button-bar { display: inline-block; *display:inline;
margin: 0; padding: 0; font-size: 0; position: relative; top: 0; left: 0; zoom: 1; border: 0; background: 0; }
ul.button-bar li { display: inline-block; *display:inline;
position: relative; top: 0; left: 0; zoom: 1; margin: 0 -1px 0 0; padding: 0; line-height: 100%; font-size: 0px; border: 1px solid #ccc; background: rgb(252,252,252); }
ul.button-bar li a { margin: 0; display: inline-block; *display:inline;
padding: 7px 10px; position: relative; top: 0; left: 0; zoom: 1; font-weight: normal; font-size: 1em; /*Pixels for consistancy*/ text-shadow: 0 1px 0 #fff; color: #666; text-decoration: none; vertical-align: middle; line-height: 100%; border-left: 1px solid #fff; }
ul.button-bar li.first, ul.button-bar li.first a { -moz-border-radius-bottomleft: 5px; -moz-border-radius-topleft: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; -moz-background-clip: content-box; -webkit-background-clip: border; background-clip: content-box; }
ul.button-bar li.last, ul.button-bar li.last a { -moz-border-radius-bottomright: 5px; -moz-border-radius-topright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; -moz-background-clip: content-box; -webkit-background-clip: border; }
ul.button-bar li a:hover { background: rgb(252,252,252); }
ul.button-bar li a:active { -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.2), inset 0 -10px 20px rgba(0,0,0,0.07); -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,0.2), inset 0 -10px 20px rgba(0,0,0,0.07); box-shadow: inset 0 3px 5px rgba(0,0,0,0.2), inset 0 -10px 20px rgba(0,0,0,0.07); border-left: 1px solid #ccc; }
/*---------------------------------
	STYLES
-----------------------------------*/
.pill { -webkit-border-radius: 200em; -moz-border-radius: 200em; border-radius: 200em; }
.pop { -webkit-box-shadow: 0px 1px 5px rgba(0,0,0,0.2); -moz-box-shadow: 0px 1px 5px rgba(0,0,0,0.2); box-shadow: 0px 1px 5px rgba(0,0,0,0.2); }
.inset { -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.3); box-shadow: inset 0 1px 3px rgba(0,0,0,0.3); }
.square { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
/*---------------------------------
	BLUE
-----------------------------------*/
 
button.blue, a.btn.blue, a.button.blue, input[type=submit].blue, input[type=reset].blue, input[type=button].blue { color: #fff; background: var(--siteColorMain); }
/*---------------------------------
	GREEN
-----------------------------------*/
button.green, a.btn.green, a.button.green, input[type=submit].green, input[type=reset].green, input[type=button].green { color: #fff; background: var(--siteColorAccent)!important; }
button.green:hover, a.btn.green:hover, input[type=submit].green:hover, a.button.green:hover, input[type=button].green { color: #000; background: rgb(204 213 179); }
button.gold a.btn.gold, a.button.gold, input[type=submit].gold, input[type=reset].gold, input[type=button].gold { color: #000!important; background: var(--siteColorAccent); }
button.red, a.btn.red, a.button.red, input[type=submit].red, input[type=reset].red, input[type=button].red { color: #fff; background: #900; }
button.red:hover, a.btn.red:hover, input[type=submit].red:hover, a.button.red:hover, input[type=button].red { color: #fff; background: #C00; }
a.button.black, input[type=submit].black { color: #fff; text-decoration: none; margin-right: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 0px rgba(255,255,255,0.1) inset, 0 0px 1px rgba(0,0,0,0.7); -moz-box-shadow: 0 1px 0px rgba(255,255,255,0.1) inset, 0 0px 1px rgba(0,0,0,0.7); box-shadow: 0 1px 0px rgba(255,255,255,0.1) inset, 0 0px 1px rgba(0,0,0,0.7); background: rgba(0,0,0,1); /* #191919 */ border: 1px solid #141414; padding: 10px 25px; }
a.button.black:active, a.button.black:focus { box-shadow: 0 0 0 transparent inset; }
a.button.black, input[type=submit].black { color: #fff; text-decoration: none; margin-right: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 0px rgba(255,255,255,0.1) inset, 0 0px 1px rgba(0,0,0,0.7); -moz-box-shadow: 0 1px 0px rgba(255,255,255,0.1) inset, 0 0px 1px rgba(0,0,0,0.7); box-shadow: 0 1px 0px rgba(255,255,255,0.1) inset, 0 0px 1px rgba(0,0,0,0.7); background: rgba(0,0,0,1); /* #191919 */ border: 1px solid #141414; padding: 10px 25px; }
a.button.black:active, a.button.black:focus { box-shadow: 0 0 0 transparent inset; }
button.small, a.btn.small, a.button.small, input.button.small { font-size: 0.8em; padding: 5px 10px; }
button.large, a.btn.large, a.button.large, input.button.large { font-size: 1.2em; padding: 6px 12px; }
button.full, a.btn.full, a.button.full, input.button.full { width: 100%; }
/*---------------------------------
	FORMS
-----------------------------------*/
form { padding: 0; margin: 0; }
form.inline { display: inline-block; margin-right: 2em; }
form input[class*="col_"], form textarea[class*="col_"] { margin-left: 0; margin-right: 0; margin-top: 0.15em; margin-bottom: 0.45em; float: left; display: block; }
form div[class*="col_"] { margin-left: .25em; margin-right: .25em; margin-top: 0.0em; margin-bottom: 0.0em; float: left; display: block; }
fieldset { margin: 30px 0 20px 0; padding: 5px 15px 15px 15px; border: 1px solid #ccc; background: #f5f5f5; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; position: relative; top: 0; left: 0; }
.row fieldset { margin: 10px 0 20px 0; }
legend { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #333; background: #000; padding: 2px 10px; margin: 0 0 0 0; display: block; position: relative; top: 0; left: 0; color: #fff; box-shadow: 2px 2px 4px rgba(0,0,0,.3) }
label + input[class*="col_"], label + textarea[class*="col_"] { margin-top: -.2em; }
label { display: inline-block; *display:inline;
vertical-align: middle; margin: 0; padding: 0; position: relative; top: 0; left: 0; zoom: 1; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-left: .1em; }
label.inline { display: inline; margin: 0; }
label span { color: #999; font-size: 1em; }
label span.right { position: absolute; bottom: 0; right: 0; text-align: right; display: inline-block; *display:inline;
}
label.disabled { color: #ccc; }
input.innerShadow, textarea.innerShadow { -moz-box-shadow: inset 0 0 6px #ccc; -webkit-box-shadow: inset 0 1px 6px #ccc; box-shadow: inset 0 1px 6px #ccc; }
input.Round { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
input { display: inline-block; *display:inline;
vertical-align: middle; width: auto; zoom: 1; margin: 0; border: 1px solid #ccc; font-size: 1em; padding: 5px 0; text-indent: 5px; background: #fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

::-webkit-input-placeholder {
color:#ccc;
}
:-moz-placeholder {
color:#ccc;
}
::-moz-placeholder {
color:#ccc;
}
:-ms-input-placeholder {
color:#ccc;
}
input::-moz-focus-inner {
border:0;
}
input::-moz-focus-inner {
border:0;
}
input[disabled="disabled"], input.disabled { color: #999; background: #f5f5f5; -moz-box-shadow: inset 0 0 2px #ddd; -webkit-box-shadow: inset 0 1px 2px #ddd; box-shadow: inset 0 1px 2px #ddd; }
 input:required:not([value=""]):not(:focus):invalid {
border: 1px solid red;
border-left: 4px solid red;
color:red;
}
 input:required:not([value=""]) {
border: 1px solid black;
border-left: 4px solid black;
color:black;
}
 input:required:valid, textarea:required:valid {
border-left: 4px solid green;
}
/* FOCUS STATES */
input[type="text"]:focus, textarea:focus, button:focus, a.button:focus, select:focus, input[type="file"]:focus, input[type="password"]:focus { -webkit-box-shadow: 0 0 7px #6DB9FF; -moz-box-shadow : 0 0 7px #6DB9FF; box-shadow : 0 0 7px #6DB9FF; border: 1px solid #50B1FE; outline: none; }
input.checkbox, input[type="checkbox"] { display: inline; width: auto; margin: 0; padding: 0; border: 0; background: none; vertical-align: center; *vertical-align: top;
}
input.radio, input[type="radio"] { display: inline; width: auto; margin: 0; padding: 0; border: 0; background: none; vertical-align: center; *vertical-align: top;
}
input[type="radio"]:focus, input[ type="checkbox"]:focus { -webkit-box-shadow: 0 0 5px #6DB9FF; -moz-box-shadow : 0 0 5px #6DB9FF; box-shadow : 0 0 5px #6DB9FF; outline-color: #6DB9FF; }
input.file, input[type="file"] { /*font-size:0.8em;*/ -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: none; }
select { display: inline; width: auto; margin: 0; border: 1px solid #ccc; font-size: 1em; line-height: 100%; padding: 5px 0; vertical-align: middle; }
select[disabled="disabled"], select.disabled { color: #999; background: #f5f5f5; -moz-box-shadow: inset 0 0 2px #ddd; -webkit-box-shadow: inset 0 1px 2px #ddd; box-shadow: inset 0 1px 2px #ddd; }
textarea { width: auto; height: 200px; margin: 0; border: 1px solid #ccc; padding: 5px; vertical-align: middle; font-family: inherit; font-size: 1em; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
input.fullWidth, textarea.fullWidth { width: 100%; }
input.autoWidth { width: inherit; }
input[name="customer_Zip"] { width: 5em; }
input[ type="submit"] { transition: .4s all; }
 input[type="text"]:read-only, input[type="text"]:read-only:focus {
background: transparent;
border:none;
-webkit-box-shadow: none;
 -moz-box-shadow:none;
 box-shadow:none;
 border:none;
 outline: none;
}
/*---------------------------------
	COLUMN SIZES
-----------------------------------*/

/* sizes */
input[class*="col_"], select[class*="col_"], label[class*="col_"] { float: none; display: inline-block; *display:inline;
margin-bottom: 0; *margin-left: 0.5%;
}
/*---------------------------------
	FORMS VERTICAL
-----------------------------------*/
form.vertical { }
form.vertical label { display: block; }
form.vertical input, form.vertical select, form.vertical textarea { width: 100%; display: block; margin-bottom: 10px; }
form.vertical .chzn-container { display: block; margin-bottom: 10px; }
form.vertical .chzn-choices { display: block; margin-bottom: 10px; }
/* radios & checks */
form.vertical input.checkbox, form.vertical input[type="checkbox"], form.vertical input.radio, form.vertical input[type="radio"], form.vertical label.inline { display: inline; width: auto; margin: 0; }
/*---------------------------------
	FORM VALIDATION
-----------------------------------*/
label.error { color: red; padding: 4px 0 0 4px; margin: -12px 0 12px; }
input.error, textarea.error { border: 1px solid red; }
input.valid, textarea.valid { border: 1px solid green; }
select.error { border: 1px solid red; }
/*---------------------------------
	NOTICES
-----------------------------------*/
.notice { border: 1px solid #ccc; background: #efefef; padding: 10px 20px 10px 40px; margin: 10px 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #000; line-height: 120%; vertical-align: center; text-shadow: 0px 1px rgba(0,0,0,0.5); position: relative; top: 0; left: 0; clear: both; }
.notice.warning { }/*default*/
.notice.error { border: none; background: red; color: white; }
.notice.success { border: 1px solid green; background: green; color: #fff; }
.notice i[class*='fa-'] { position: absolute; top: 50%; left: 0.8em; margin-top: -0.6em; }
.notice a[class*='fa-remove'], .notice a[class*='fa-remove']:active, .notice a[class*='fa-remove']:visited { text-decoration: none; font-size: .8em; position: absolute; top: 5px; right: 5px; left: auto; color: inherit; margin-top: 0; left: auto; }
/*---------------------------------
Contact
-----------------------------------*/
#contactBlock { overflow: auto; margin-top: 3em; padding: 1em 2em 1em; border: 1px solid #ccc; }
.contactIcon { width: 36px; text-align: center; float: left; clear: left; }
.contactInfo { float: right; width: calc(100% - 36px); }
#contactInto { margin: 1.5em 0; font-size: 1.2em; font-weight: 600; }
form#inquiryform label { display: block; }
form#inquiryform input[type=text], #inquiryform input[type="tel"], #inquiryform input[type="email"], form#inquiryform textarea { height: 1.8em; width: 100%; display: block; padding: 1.25em 0.55em; margin: .5em 0; transition: all .2s }
form#inquiryform textarea { min-height: 8em; padding: .75em 0.55em; }
form#inquiryform input[type="submit"] { width: 100%; padding: 1em .5em; font-size: 1.2em; }
/*---------------------------------
	TABS
-----------------------------------*/
ul.tabs { margin: 10px 0 -1px 0; padding: 0; width: 100%; border-bottom: 1px solid #e5e5e5; float: left; /*font-size: 0;*/ }
ul.tabs.left { text-align: left; }
ul.tabs.center { text-align: center; }
ul.tabs.right { text-align: right; }
ul.tabs.right li { margin: 0 0 0 -2px; }
ul.tabs li { font-size: 1em; list-style-type: none; margin: 0 -2px 0 0; padding: 0; display: inline-block; *display:inline;/*IE ONLY*/
position: relative; top: 0; left: 0; *top:1px;/*IE 7 ONLY*/
zoom: 1; }
ul.tabs li a { text-decoration: none; color: #666; display: inline-block; padding: 9px 15px; position: relative; top: 0; left: 0; line-height: 100%; background: #f5f5f5; -webkit-box-shadow: inset 0 -3px 3px rgba(0,0,0,0.03); -moz-box-shadow: inset 0 -3px 3px rgba(0,0,0,0.03); box-shadow: inset 0 -3px 3px rgba(0,0,0,0.03); border: 1px solid #e5e5e5; border-bottom: 0; font-size: 1em; zoom: 1; }
ul.tabs li a:hover { background: #fff; }
ul.tabs li.current a { position: relative; top: 1px; left: 0; background: #fff; border-top: 4px solid #ccc; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: #222; }
.tab-content { border: 1px solid #efefef; border: 1px solid #e5e5e5; background: #fff; clear: both; padding: 20px; margin: 0 0 40px 0; }
.hide, form.vertical label.hide { display: none; }
.show { display: block; }

/*---------------------------------
Team Page
-----------------------------------*/
#teamMemberList{max-height: 70vh; overflow-y: scroll; margin-bottom: 1em; }
#teamMemberList div.row{ padding: .25em .25em; }
#teamMemberList div.row:nth-child(odd) {background: var(  --lightBackground); } 

@media all and (max-width: 480px) {
 #teamMemberList{max-height:  auto; overflow-y: visible; margin-bottom: 1em; }
#teamMemberList div.row{ padding: 1em .5em; }

}
/*---------------------------------
	SLIDER OVERRIDES
-----------------------------------*/
.photoSlider  {overflow:hidden;}
.bx-wrapper {overflow:hidden;/* max-height: 90vh; */ margin-bottom: 0px!important; background: #000; box-shadow: none; -webkit-box-shadow: none; border: none; }
#mainSlider {min-height: 40vh; height: 560px;    }
.bx-wrapper li { background: #000; }
.bx-wrapper img { margin-left: auto; margin-right: auto; /*width:100%; height:auto; max-width:100%; max-height:100%; overflow:hidden;*/ box-sizing:content-box;}

#photoPager {width: 600px; display:none; }
#photoPager .bx-viewport { height: 80px!important; }
#photoPager .bx-wrapper {padding: 0 32px;  }
#bx-pager { text-align: center; margin-top: -30px; }
#bx-pager a { margin: 0 3px; }
#bx-pager a img { height: 80px; padding: 0px; border: solid #ccc 1px }
#bx-pager a.active img { border: solid #5280DD 1px; }
#photoPager  .bx-prev{left:10px;} #photoPager  .bx-next{ right:10px;} 
.bx-wrapper .bx-controls-direction a, .bx-wrapper .bx-controls-direction a { }
.thumb-item { z-index: 99999; }




a[href^="mailto:"]{  color:  var( --primaryColorText); text-decoration:none;  }
a[href^="mailto:"]:hover{  text-decoration:underline;}

a[href^="tel:"]{  color:  var( --primaryColorText); text-decoration:none; pointer-events: none;}
a[href^="tel:"]:hover{ text-decoration:underline;  pointer-events: none;}

 @media all and (min-width: 1024px) and (max-width: 1280px) {
}
 @media all and (min-width: 768px) and (max-width: 1023px) {
.card { flex: 0 0 48%; }
}
 @media all and (min-width: 480px) and (max-width: 768px) {
.card { flex: 0 0 100%; }
.mainImg { height: 70vh; }
}
 @media all and (max-width: 480px) {
article { flex: 105%; order: 1 }
main #content {height: auto;}
aside { flex: 100%; order: 2 }
.card { flex: 0 0 100%; }
a[href^="tel:"],a[href^="mailto:"] {  color:  blue;  text-decoration:none; pointer-events: auto;}
,h2,h3,h4,h5,h6 {}
header, h1,footer,#rightColumn,  #infoBarDetails  { text-align:center;}
form div[class*="col_"] {
    margin-left: .25em;
    margin-right: .25em;
    margin-top: 0.0em;
    margin-bottom: 0.0em;
    float: left;
    display: block; width: 100%;
}
#propertyListBy {margin-left: 0; }
#propertyListBy a {width: 100%; display:block; font-size: 20px; }
#rightColumn input,#rightColumn textarea{ width: 100%;} 
  #infoBarDetails   *[class*="col_2"] { display: inline-block; width: 40%; margin: 1em; float: left; clear: none;}

ul.menu li { display: none; }
ul.menu li.menu-toggle {display: block;}
ul.menu:hover li, ul.menu li a { display: block; }
}
 @media only screen and (-webkit-min-device-pixel-ratio: 1.3), @media (-webkit-min-device-pixel-ratio: 1.3), (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-device-pixel-ratio: 1.3), (min-resolution: 2dppx), (min-resolution: 120dpi) {
}
@media (prefers-reduced-motion) {
.scrollTo, .clickme, a, input[ type="submit"] { transition: none; }
}