/*
 Theme Name: Common
 Version: 1.0
 Author: Sandeep Kaur
 Last edited: Jaspreet Kaur - September 11, 2020
*/

/* Index
------------------------
1. Normalize Css
2. Header
3. Common List Styling
4. Left section
5. Center section
6. Breadcrumbs
7. Right section
8. Footer
9. Result Full Layout
10. Result Minimalist Layout
11. Agents Slider
12. Agent Listing
13. Search Page
14. Featured Properties
15. Email Capture Form
16. Privacy Page
17. Form Elements
18. CMA Request
19. About page
20. Pagination and Social Icons
21. Blog Page
22. Refine Search
23. Notice
24. Agents Listing Full Layout
25. Agents Listing Minimalist Layout
26. Detail Page
27. Google maps and street view
28. View Images Popup
29. Property Images Gallery Popup
30. Properties Flags
31. Login, Register and Account Reset
32. Account Dashborad
33. Widgets Inner Pages Styling
34. Update Search
35. Profile Page
36. Liked Listing
37. Form Validation Error
38. New Code For Google and Streetview
39. Mortgage Calculator
40. Contact Form
41. Mortgage Calculator
42. Schedule Showing Page
43. Polls
44. Testinomails
45. Thankyou Page
46. Promo Page
47. Detail page common styling
48. Poll: Share link
49. Save Search and Login Search
50. Form Styling
51. Go/Delete Styling

--------------------------
*/

/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
 */
html {
	font-family: sans-serif; /* 1 */
	-ms-text-size-adjust: 100%; /* 2 */
	-webkit-text-size-adjust: 100%; /* 2 */
	font-size: 62.5%;
}

/**
 * Remove the margin in all browsers (opinionated).
 */
body {
	margin: 0;
}

/**
 * Remove the boarder on all images.
 */
img {
	border: 0;
}

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

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */
article,
aside,
details, /* 1 */
figcaption,
figure,
footer,
header,
main, /* 2 */
menu,
nav,
section,
summary { /* 1 */
	display: block;
}
/** Hide Elements intended to be viewed only by robots (ADA Readers, Spyders) **/
.hidden, .fweb,
.hidden-content {
	display: none !important;
}
/* Links
   ========================================================================== */

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
	background-color: transparent; /* 1 */
	-webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
	outline-width: 0;
}

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

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bold;
}

/**
 * Correct the font size and font weight on `headings` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1, h2, h3, h4, h5, h6,
.menu-title, .subdivision-list-title, .condominium-list-title,
.fplist-title, .search-title, .featured_listings_header, .detail-image-title,
.detail-streetview-title, .detail-features-title, .detail-comment-title,
.detail-mapview-title, .detail-column-title, .detail-contact-title, .detail-social-title,
.social-title, .comment_title, .subhead_agentlist, .sd_addressbar, .column-title, .blog-title,
.testimonial_subtitle, .agent_listings_header, .notice .subhead, .mtg_title, .refine-title {
	font-weight:bold;
	font-size: 1.6rem;
}
.subhead_team-title{
	font-weight:bold;
	font-style: italic;
	font-size: 1.4rem;
}
.sd_addressbar, .prop .column-title {
	text-align: left !important;
}
.detail-column-title .detail-mlsnum {
    display: inline-block;
    margin-right: 8px;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sub {
	bottom: -0.25em;
}
sup {
	top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
	border-style: none;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
pre,
samp {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}
pre {
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box; /* 1 */
	height: 0; /* 1 */
	overflow: visible; /* 2 */
}

/* Forms
   ========================================================================== */
form b {
	font-weight:normal;
}
/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
select,
textarea {
	font: inherit; /* 1 */
	margin: 0; /* 2 */
	font-weight: normal;
}
.banner-menu input[type="search"] {
	-webkit-appearance: textfield;
	display: inline-block;
	width: 70%;
	font-size: 1.8rem;
	box-sizing: border-box;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 9px;
	padding-bottom: 9px;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
	text-transform: none;
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * Table
*/
table {
	border-collapse: collapse;
	border-spacing: 0;
}
img {
	max-width: 100%;
}
blockquote {
	overflow: hidden;
	margin: 0px 0px 15px;
	text-align: center;
	padding: 9px 15px;
}
blockquote p {
	margin-bottom: 10px;
}
select[multiple] {
	background-image: none !important;
}
.marker {
	background: #ff0;
}

/* ================================
  2. Header
  ================================= */
.header {
	overflow: hidden;
}
.agentheader img {
	float: left;
	margin-right: 10px;
	max-width: 175px;
	max-height: 175px;
}
.agentheader ol {
	display: inline-block;
	margin-left: 10px !important;
}
.agentheader ul.social-list {
	padding-left: 0;
}
.agentheader ul.social-list li {
	margin-right: 10px;
}
.agentheader ul.social-list i {
	margin-right: 5px;
}
#menu_section .menu li.nav-wrap > a {
	display: inline-block;
	border: none;
	position:relative;
}
#menu_section .menu li ul {
	display: none;
}
#menu_section .menu ul li.open ul,
#menu_section .menu ul li:hover ul {
	display: block;
	position: absolute;
	right: 0px;
	width: 200px;
	z-index: 9999;
}
#menu_section .menu ul li.open ul li,
#menu_section .menu ul li:hover ul li {
	display: block;
	word-wrap: break-word;
}
#menu_section .menu ul li.open ul li a,
#menu_section .menu ul li:hover ul li a {
	display: block;
}

.menu li {
	position: relative;
  }
  .menu li.nav-wrap ul {
	display: none;
	right: 0;
	padding: 0;
	position: absolute;
	top: 100%;
	width: 200px;
  }
  .menu li.nav-wrap ul li a {
	display: block;
	border: 0;
  }
  .menu li ul li {
	display: block;
  }
  .menu li.nav-wrap ul li:last-child a {
	border-bottom: 0;
  }
  .menu li ul li a {
	padding: 10px 10px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  }
  .menu li.nav-wrap:hover ul {
	display: block;
  }

/* ================================
   3. Common List Styling
   ================================ */
.account_settings ol, .widget ol, .register_help ul,
.searchitems ol, .detail_features_container ul,
.bidx_image_list ol, .notice ol, .menu ul,
.subdivisionlist ol, .agentheader ol, .breadcrumb ol,
#sidesearch ol, ol.alt_contact, ol.alt_details,
.prop ol, .agent_slide ul, form ol, form ul,
.pagination ol, .social ul, #commentform ul,
.contactform ul, #detailprop ul, .refine_search ol,
.agentpage ul, .agentlist ul, .searchform ol,
.sidesearch-filter-list  {
	padding-left: 0;
	list-style: none;
	margin: 0;
}
.instructions {
	margin: 15px 0 20px 0;
}
.paragraph {
	padding: 10px 0;
}
.rightbar, .leftbar, .centerbar {
	margin-bottom:10px;
}
input, textarea, select {
	outline: none;
}
input:focus, textarea:focus, select:focus {
	border: 1px solid #222 !important;
	box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.25);
}

input[type="submit"]:focus {
	border: 0 !important;
	box-shadow: none;
}

/* ================================
  4. left section
  ================================= */
.leftbar {
	float: left;
}

/* ================================
   5. Center section
   ================================ */
.centerbar {
	float: left;
	box-sizing: border-box;
}

/* ================================
   6. Breadcrumbs
   ================================*/
.breadcrumb li {
	display: inline-block;
	margin-right: 5px;
}

/* ================================
   7. Right Section
   ================================ */
.rightbar {
	float: right;
}
#sidesearch label, .sidesearch-filter-list b {
	display: block;
	margin-bottom: 3px;
}
#sidesearch input[type="text"], #sidesearch select,
.sidesearch-filter-list input[type="text"], .sidesearch-filter-list select{
	width: 100%;
	box-sizing: border-box;
}

/* ================================
  8. Footer
  ================================= */
.footer {
	overflow: hidden;
	width: 100%;
	box-sizing: border-box;
}
.footercopy > div {
	margin-bottom: 5px;
}
.brokeridxlink {
	text-align: center;
	margin-bottom: 10px;
}
.switch-to-mobile-container {
	text-align: center;
	overflow: hidden;
	width: 100%;
	margin-bottom: 15px;
}
.footer-equal-opportunity {
	float:right;
	text-align: center;
	overflow: hidden;
	width: 60px;
	margin: 5px;
}
img.equal-opportunity-logo-footer {
	border: 0px;
	width: 90px;
}
.bidx-footer-logo {
	background-color: rgba(255,255,255,0.6);
	border: none;
}
.subscribing-brokerage-container {
	margin-bottom: 20px;
	overflow: hidden;
}

.subscribing-brokerage-container a {
	display: inline-block;
}

.subscribing-brokerage-container .brokerlogo {
	max-height: 80px;
	width: auto;
	margin-bottom: 5px;
}

.subscribing-brokerage-container .brokerage-name {
	margin-bottom: 5px;
}

/* ================================
  9. Result Full Layout
  ================================= */
.search_results {
	overflow: hidden;
	width: 100%;
}
.propholder {
	margin-bottom: 10px;
}
.sd_addressbar {
	margin-bottom: 10px;
	width: 100%;
	overflow: hidden;
	box-sizing: border-box;
}
.propholder .address {
	margin-right: 10px;
}
.propimage {
	float: left;
	width: 30%;
	max-width: 300px;
	margin-right: 10px;
}
.propimage img {
	width: 100%;
}
.board_image, .mls_image {
	max-height: 40px;
}
.prop {
	float: left;
	width: 30%;
}
.propfooter {
	width: 100%;
	overflow: hidden;
	box-sizing:border-box;
}
.propfooter b {
	font-weight: bold;
}
.page_link {
	display: inline-block;
	width: 30px;
}
.page_links_container{
	display: inline-block;
	margin-top: 10px;
}
.page_link,
.page_returns_select,
.page_select {
	display: inline-block;
	width: 90px;
}
.sort_select {
	display: inline-block;
	width: 250px;
}
.results_returns {
	display: inline-block;
}
#upper-pagination_container .page_links_container {
	display: none;
}

/* ================================
   10. Result Minimalist Layout
   ================================ */
.alt_property_container {
	display: block;
	margin-bottom: 10px;
	padding: 5px;
	text-align: left;
}
.alt_propimage {
	vertical-align: top;
	display: inline-block;
	width: 25%;
}
.alt_propimage img {
	width: 100%;
}
.right_side {
	vertical-align: top;
	display: inline-block;
	width: 70%;
}
.alt_address {
	margin-right: 5px;
}
.alt_price {
	float: right;
}
.alt_title {
	padding-right: 200px;
}
.alt_title .menu_log, .alt_title .like_login,
.alt_title .like_off, .alt_title .like_on {
	line-height: 25px;
}
.menu_log, .sd_addressbar .menu_log {
	display: inline-block;
	line-height: 22px;
}
.description.alt_description {
	width: 100%;
	overflow: hidden;
}
.alt_contact {
	display: block;
	float: right;
}
.alt_details {
	display: inline-block;
	margin: 5px;
	width: 30%;
	min-width: 145px;
	vertical-align: top;
}

/* ================================
   11. Agents Slider
   ================================ */
.agent_slide {
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 10px;
	width: 20%;
	vertical-align: top;
}
.agent_slide > a {
	min-height: 210px;
	display: block;
}
.agent_slide img {
	width: 160px;
}

/* ================================
   12. Agent Listing
   ================================ */
.agentlist {
	overflow: hidden;
	text-align: center;
}
.brokers_list .agentlist li {
	display: inline-block;
	vertical-align: top;
	margin-right: 20px;
	text-align: center;
	margin-bottom: 20px
}
.brokers_list .agentlist li > a {
	display: block;
	min-height: 150px;
}
.agentlist a b {
	display: inline-block;
}
.agentlist li img {
	width: 120px;
	max-height: 145px;
}
.agentpage {
	overflow: hidden;
}

/* ================================
   13. Search Page
   ================================ */
.search-form-container .search_columns > .row {
	width: auto;
	display: flex;
	gap: 20px;
}
.search-form-container label {
	display: block;
}
select[multiple] {
	height: 120px;
}
.search-form-container .form-group {
	margin-top: 5px;
}
.search-form-container .search_private {
	display: flex;
}
.search-form-container .search_private label {
	margin-top: 6px;
}
.search-form-container .form-check label {
	display: inline-block;
}
.search-form-container .form-check input {
	margin: 10px 0 0 10px;
}
.search-form-container .search_range,
.search-form-container .search_range .form-range {
	display: flex;
	gap: 5px;
	align-items: center;
}
.search-form-container .search_range label {
	margin: 4px 8px;
}
.search-form-container .search_mlsid {
	max-width: 500px;
}
.search-form-container input[type="text"],
.search-form-container select {
	width: 200px;
}
.search-form-container .form-text {
	margin-bottom: 10px;
	display: block;
	font-size: 11px;
}
.search-form-container .d-flex {
	display: flex;
}
.search-form-container .justify-content-end {
	justify-content: flex-end;
}
.saved_search .search_links-container,
.saved_search .search_link-delete {
	display: inline-block;
}


/* ================================
   14. Featured Properties
   ================================ */
.featured_listings {
	text-align: center;
}
.featuredprop {
	margin-bottom: 15px;
}
.featuredprop img {
	width: 100%;
}

/* ================================
   15. email capture form
   ================================ */
.contactform_instructions {
	margin: 10px 0;
	line-height: 20px;
}
.contactform_instructions p {
	padding: 10px 0;
	font-size: 1.4rem;
}
.contactform_thename {
	margin: 0 5px;
}
.centerbar .contact_form.contact_form input.submit {
	margin-left: 0;
}

/* ================================
   16. Privacy
   ================================ */
.privacy_statement ul,
.privacy_statement ol  {
	margin-bottom: 15px;
}
.privacy_statement li {
	margin-bottom: 3px;
}

/* ================================
   17. Form Elements
   ================================ */
input[type="text"],
input[type="email"],
input[type="phone"],
input[type="password"],
 input[type="tel"],
input[type="number"],
select, textarea {
	font-size: 1.4rem;
	padding: 3px;
	background:#fff;
	border: 1px solid #d1d1d1;
	box-sizing: border-box;
}
form li b,
form li label {
	display: inline-block;
}
.centerbar form li b,
.centerbar form li label {
	vertical-align: top;
	margin-top: 7px;
}
.centerbar input.submit, .centerbar .detailform input.submit {
	margin: 20px 0 10px;
	margin-left: 180px;
}
input[type="submit"], button {
	cursor: pointer;
}
textarea {
	width: 100%;
	height: 120px;
	padding: 5px;
	box-sizing: border-box;
}
.centerbar input[type="text"],
.centerbar input[type="email"],
.centerbar input[type="tel"],
.centerbar input[type="phone"],
.centerbar input[type="password"],
.centerbar input[type="number"]
.centerbar select {
	height: 30px;
	line-height: 30px;
	padding: 0 5px;
	box-sizing: border-box;
}
.centerbar form li {
	margin-bottom: 5px;
}
.the_contact_form.contact_form li,
.blog #commentform li {
	position: relative;
}
input[type="text"].thename {
	width: 157px;
	margin-right: 10px;
}
.contactform_thename {
	margin-left: 0;
	margin-right: 10px;
}
input[type="text"].thefirstname,
input[type="text"].thelastnamee,
input[type="text"].contactform_thename,
input[type="text"].contactform_thename {
	width: 155px;
}
input[type="text"].contact_form_thename {
	margin: 0 5px;
	width: 155px;
}
.testimonial_form {
	width: 100%;
	max-width: 500px;
	margin: auto;
}
.testimonial_form ol {
	padding-left: 0;
	list-style: none;
	margin: 0;
}
.testimonial_form input[type="text"],
.testimonial_form input[type="email"],
.testimonial_form input[type="phone"],
.testimonial_form input[type="tel"],
.testimonial_form input[type="password"],
.testimonial_form select {
	width: 100%;
	height: 30px;
	line-height: 30px;
	padding: 0 5px;
	box-sizing: border-box;
	text-align: left;
}
.testimonial_form textarea {
	width: 100%;
	height: 150px;
}

.mtg_input input[type="number"] {
	display: block;
}

.form-control-plaintext {
	background-color: transparent;
	border: solid transparent;
}

.mtg_output label {
	font-weight: 700;
	display: inline-block;
	margin-right: 10px;
}

.account_settings.information_settings label, .account_settings.information_settings span {
	width: 90px;
}

.field-group .field-input label {
	margin-right: 5px;
}

.form-check-group .form-check label {
	margin-top: 0;
}

.form-check-group .form-check {
	margin-top: 5px;
}

/* ================================
   18. CMA Request
   ================================ */
.cma_form_container em {
	margin-right: 5px;
	color: #f00;
}
.cma_form_container li {
	display: flex;
	align-items: center;
}
.cma_form_container label {
	margin: 0 5px 0 0;
}
.cma_form_container .cma_form:first-of-type label {
	width: 100px;
	display: block;
}
.cma_form_container .cma_form:last-of-type label {
	width: 170px;
}
.cma_form_container .theName {
	display: block;
}
.cma_form_container .theName div {
	display: inline-block;
	margin-right: 10px;
}
.cma_form_container .theName label {
    width: auto !important;
}
.cma_form_container .cma_additional {
	flex-direction: column;
	align-items: flex-start;
}
.cma_form_container .cma_form .cma_additional label {
	width: 100% !important;
}
.cma_form_container textarea {
	max-width: 500px;
	width: 100%;
}
.cma_form_container .comment_title {
	width: 100%;
	box-sizing: border-box;
}

/* ================================
   19. About Page
   ================================ */
.agent_image img {
	float: left;
	margin-right: 20px;
}
.pagebody .agent_message {
	display: block;
	width: 100%;
	overflow: hidden;
	padding-top:5px;
}

/* ================================
   20. Pagination and Social Icons
   ================================ */
#pagination_container span {
	display: inline-block;
}
.pagination {
	margin: 20px 0;
}
.social {
	margin: 5px 0;
	text-align: center;
}
.pagination li, .social li {
	display: inline-block;
	margin-right: 5px;
}
.next_container, .prev_container {
	vertical-align: middle;
	display: inline-block;
}

/* ================================
   New pagination structure
   ================================ */
.page_links_container {
	display: flex;
	align-items: center;
}
.page_links_container > div {
	margin: 0 5px;
}
.numeric_pagination {
	display: flex;
	margin: 20px 0;
}
.numeric_pagination ol {
	border-left: 1px solid #000;
	display: flex;
    list-style: none;
	margin: 0;
	padding: 0;
}
.numeric_pagination li {
	border-right: 1px solid #000;
	padding: 0 10px;
}
.numeric_pagination li .bold {
	font-weight: 900;
}
.numeric_pagination .next_container {
	margin-left: 15px;
}
.numeric_pagination .prev_container {
	margin-right: 15px;
}

/* ================================
   21. Blog Page
   ================================ */
.blog {
	margin-bottom: 20px;
}
.blog h1, .blog h2, .blog h3, .blog h4, .blog h5, .blog h6,
.blog .blog .blog-title, .blog .blog .blog-title a,
.blog .blog .blog-title a:hover {
	overflow: hidden;
}
.blog  .blog p {
	margin-top: 0;
}

/* ================================
   22.Refine Search
   ================================ */
.refine_search label {
	display: block;
	margin-bottom: 5px;
}
.refine_search .refine-price-from {
	margin-bottom: 10px;
	display: block;
}

/* ================================
   23. Notice
   ================================ */
.notice {
	box-sizing: border-box;
	margin-bottom: 20px;
}

/* ================================
   24. Agents Listing Full Layout
   ================================ */
.agentpage img {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}
.agent_name {
	font-weight: bolder;
	display: block;
	width: 100%;
}
.agentpage li, .agent_bio.agent_im {
	margin-bottom: 5px;
}
.paragraph {
	width: 100%;
	overflow: hidden;
	box-sizing:border-box;
}
.agent_listings_header {
	margin-bottom: 10px;
}
.agentlist .propholder li {
	display: block;
	margin-right: 0;
	text-align: left;
}
.agentlist .propholder li a {
	min-height: auto;
	display: inline-block;
}

/* ================================
   25. Agents Listing Minimalist Layout
   ================================ */
.agentlist .alt_details li {
	margin: 0;
	display: block;
	text-align: left;
}
.agentlist .alt_property a {
	min-height: auto;
}
.agent_link {
	margin-bottom: 20px;
}

/* ================================
   26. Detail page Deafult Layout
   ================================ */
.property_gallery {
	position: relative;
}
.bidx_main_image {
	display: block;
}
.bidx_image_list li {
	display: inline-block;
	width: 50px;
	border: none;
	margin-bottom: 10px;
}
.bidx_image_list img {
	width: 50px;
}
#detailprop ul {
	margin-bottom: 20px;
}
.detail_comment li {
	list-style: none;
	margin-bottom: 20px;
}
.detailfeatures {
	margin-bottom: 15px;
}
.detail-features-title {
	margin-bottom: 5px;
}
.contact_popup, .schedule_showing, .request_info {
	text-decoration: underline;
	cursor: pointer;
}
.detailfeatures .detailfeatures li {
	list-style: none;
}

/* ================================
   27. Google map and street view
   ================================ */
#map-canvas .gm-style-iw p{
	color:#000000  !important;
}
#wagmp_map_2 {
	display: block;
	height: 250px;
}
#wagmp_map_2 span {
	display: inline-block;
	width: 2px;
	height: 2px;
}
#wagmp_pano {
	display: block;
	height: 240px;
}
.mapview {
	display: block;
	float: none;
	margin-bottom: 10px;
}
.streetview {
	display: block;
	height: 300px;
}
.streetview  a[href^="https://maps.google.com/maps"] img {
	top: -15px !important;
}


/* ================================
   28. View Images Popup
   ================================ */
.view_images_popup {
	display: block;
	float: right;
	cursor: pointer;
}
.images_popup {
	overflow-y: scroll;
	-ms-overflow-y: scroll;
	background: #f5f5f5;
}
.images_popup  .bidx_image_list {
	overflow: hidden;
	position: static;
	margin: 15px auto;
	text-align: center;
}
.images_popup  .bidx_image_list ol {
	overflow: hidden;
}
.images_popup  .bidx_image_list li {
	display: inline-block;
	width: 200px;
}
.images_popup  .bidx_image_list li img {
	float: none;
	width: 200px;
	height: 156px;
}
.ui-dialog .ui-dialog-titlebar-close {
	right: 20px;
	top: 25px;
}

/* ================================
   29. Property Images Gallery Popup
   ================================ */
.popupContainer {
	z-index: 1000;
	background: black;
	position: fixed;
	top: 0;
	bottom: 0;
	width: 100% !important;
	height: 100% !important;
	padding: 0;
	text-align: center;
}
.main_image {
	text-align: center;
	width: 100%;
	height: 75%;
}
.main_image img {
	height: 100%;
}
.bottom-strip {
	text-align: center;
	position: absolute;
	bottom: 0;
	width: 100%;
	background: rgba(0,0,0,0.5);
	padding-left: 0;
}
.thumbs li {
	display: inline-block;
	margin: 5px 10px;
	cursor: pointer;
}
.thumbs li img {
	border: 2px solid #666;
}
.thumbs li img:hover {
	border: 2px solid #000;
}
.thumbs li.active img {
	border: 2px solid #FDE71D;
}
.thumbs li img {
	width: 60px;
	height: 60px;
}
.top_buttons {
	width: 100%;
	padding: 10px 10px 0;
	box-sizing: border-box;
	overflow: hidden;
}
.full_listing, .view_this_home, .showing_popup {
	float: left;
	text-decoration: none;
}
.view_this_home {
	float: right;
}
.popupContainer .next_arrow, .popupContainer .prev_arrow {
	position: absolute;
	width: 40px;
	height: 50px;
	top: 50%;
	margin-top: -15px;
}
.popupContainer .next_arrow {
	background: url("../images/black-arrow-left.png") no-repeat center #fff;
	left: 20px;
}

.popupContainer .prev_arrow {
	background: url("../images/black-arrow-right.png") no-repeat center #fff;
	right: 20px;
}
.info {
	width: 100%;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 10px;
}
.info p {
	color: #fff;
	text-align: center;
	margin-bottom: 0;
	font-size: 1.5rem;
}
#fancybox-gallery {
	position: absolute;
	right: 29px;
	background: url("../images/open-popup.png") no-repeat rgba(0, 0, 0, 0.7) center;
	text-indent: -9999px;
	width: 19px;
	height: 19px;
	border: none;
	padding: 6px;
	border-radius: 2px;
	top: 42px;
}
.contentSlide {
	display: table;
	vertical-align: middle;
	width: 100%;
	height: 100%;
}
.inner_content {
	vertical-align: middle;
	width: 100%;
	display: table-cell;
}
.contentSlide .social_icons {
	margin-top: 40px;
	color: #fff;
}
.showing_popup {
	float: none;
}
.social_icons h1 {
	color: #fff;
	margin-top: 40px;
}
.social_icons ul {
	overflow: hidden;
}
.social_icons li {
	float: none;
	display: inline-block;
}
.bottom-strip .caroufredsel_wrapper {
	width: 95% !important;
	margin: 13px 50px !important;
}
.bottom-strip .caroufredsel_wrapper ul {
	padding-left: 0;
	text-align: center !important;
	width: 100% !important;
}
.bottom-strip .next, .bottom-strip .prev {
	position: absolute;
	width: 20px;
	height: 20px;
	bottom: 25%;
	z-index: 10;
}
.bottom-strip .next {
	background: url("../images/black-arrow-left.png") no-repeat center #fff;
	left: 20px;
}
.bottom-strip .prev {
	background: url("../images/black-arrow-right.png") no-repeat center #fff;
	right: 20px;
}

/* ================================
   30. Properties Flags
   ================================ */
.propflags {
	display: block;
	width: auto;
	line-height: 22px;
	float: right;
}
.detail_propflags {
	display:inline-block;
	width: auto;
	line-height: 22px;
}
.new-construction, .alt_new-construction,.bidx_new-construction,
.menulog, .like-flag, .pricedrop, .alt_pricedrop,
.green, .alt_green, .adult, .alt_adult,
.virtualtour, .alt_virtualtour, .foreclosure, .alt_foreclosure,
.shortsale, .alt_shortsale, .bidx_pricedrop, .bidx_green,
.bidx_adult, .bidx_virtualtour, .bidx_foreclosure, .bidx_shortsale,
.view_similar, .alt_view_similar, .videolink {
	height: 20px;
	line-height: 22px;
	display: inline-block;
	margin-right: 10px;
	vertical-align: top;
	width: 20px;
	background-size: 20px 20px !important;
	background-repeat: no-repeat;
}
.new-construction a, .alt_new-construction a,.bidx_new-construction a,
.menulog a, .like-flag a span, .pricedrop a, .alt_pricedrop a,
.green a, .alt_green a, .adult a, .alt_adult a,
.virtualtour a, .alt_virtualtour a, .foreclosure a, .alt_foreclosure a,
.shortsale a, .alt_shortsale a, .bidx_pricedrop a, .bidx_green a,
.bidx_adult a, .bidx_virtualtour a, .bidx_foreclosure a, .bidx_shortsale a,
.view_similar a, .alt_view_similar a, .videolink a {
	display: block;
	height: 20px;
	width: 30px;
	text-indent: -99999px;
}
.view_similar, .alt_view_similar, .view_similar a, .alt_view_similar a  {
	width: 24px;
}
.sd_price_sqft {
	height: 20px;
	line-height: 22px;
	display: inline-block;
	margin-left: 3px;
	margin-right: 7px;
}
.pricedrop, .alt_pricedrop, .bidx_pricedrop {
	background-image: url('/templates/common/flags/reduced_icon.png');
	text-indent: -99999px;
}
.new-construction, .alt_new-construction, .bidx_new-construction {
	background-image: url('/templates/common/flags/newcons_icon.png');
	text-indent: -99999px;
}
.green, .alt_green, .bidx_green {
	background-image: url('/templates/common/flags/green_icon.png');
	text-indent: -99999px;
}
.adult, .alt_adult, .bidx_adult {
	background-image: url('/templates/common/flags/adult_icon.png');
	text-indent: -99999px;
}
.virtualtour, .alt_virtualtour, .bidx_virtualtour {
	background-image: url('/templates/common/flags/vtcamera.png');
}
.foreclosure, .alt_foreclosure, .bidx_foreclosure {
	background-image: url('/templates/common/flags/foreclosure_icon.png');
}
.shortsale, .alt_shortsale, .bidx_shortsale {
	background-image: url('/templates/common/flags/shortsale_icon.png');
}
.videolink {
	background-image: url('/templates/common/flags/video-player.png');
}
.alt_green a:hover, .alt_adult a:hover, .adult a:hover, .alt_adult a,
.adult a, .alt_green a, .bidx_adult a, .bidx_green a {
	color: inherit !important;
	text-decoration: none;
}
.view_similar, .alt_view_similar {
	background-image: url('/templates/common/flags/view_similar_icon.png');
}
#detailprop .menu_log {
	text-indent: 0;
}
#detailprop .menu_log span {
	text-indent: -99999px;
}

/* ================================
   31. Login, Register and Account Reset
   ================================ */
.pagebody #register_form .register_fields {
	width: 330px;
}
.pagebody #register_form .registration_title,
.pagebody .register_help h2 {
	color: #505050;
}
.pagebody #register_form label {
	width: 85px;
	display: inline-block;
}
.pagebody #register_form .field_msg {
	display: block;
}
.pagebody #login_form label {
	width: 175px;
	display: inline-block;
}
.pagebody #login, .pagebody #resetAccount {
	margin-bottom: 20px;
}
.pagebody .social_link {
	float:none;
}
.pagebody #resetAccount b {
	width: 175px;
	display: inline-block;
	text-align: left;
}
.pagebody #register_form .left-col {
	margin-bottom: 5px;
}
.pagebody .register_help h2, .pagebody .registration_title {
	padding: 0;
	font-size: 1.8rem;
	margin-top: 0px;
}
.pagebody .register_help ul {
	margin-top: 10px;
	list-style: disc;
}
.pagebody .register_help li {
	margin-left: 15px;
}
.pagebody .register_disclaimer {
	margin-top: 20px;
}
.pagebody #register_form .social-links a {
	text-decoration: none;
}
.pagebody #register_form .social-links a:hover {
	color: inherit;
}
.pagebody #login_form {
	width: 400px;
	margin: 0 auto;
	border: 1px solid #000;
	padding: 0px 10px 10px;
}
.pagebody #fb_login_form label {
	width: 22%;
	display: inline-block;
}
.pagebody #login-form input[type="text"],
.pagebody #login-form input[type="password"] {
    width: 30%;
}

#register_form_onpage .register_fields {
	width: 50%;
}

#register_form_onpage .register_fields li,
#register_form_onpage .register_fields .left-col {
	margin-bottom: 10px;
}

#register_form_onpage .form-label {
	width: 30%;
	display: inline-block;
}

#register_form_onpage .form-text {
	display: block;
	font-size: 1.2rem;
}

/* ================================
   32. Account Dashborad
   ================================ */
.widget-link.agent-widget-link span {
	text-decoration: underline;
}
.widget-link.agent-widget-link span:hover, .widget-link.agent-widget-link:hover span {
	text-decoration: none !important;
}
.widget .agent_name.page_header, .agent-widget {
	width: 100%;
	word-wrap: break-word;
}
span.designation {
	display: inline-block;
	font-weight: normal;
	font-size: small;
}
.widget .agentimage, .widget .brokerlogo {
	margin-left: 0;
	margin-bottom: 0;
}
.widget > .widget-inner > .agentpage li {
	padding: 2px 0;
}
.profile-widget.customer-delete a {
	display: none;
}
.profile-display.customer-delete {
	float: right;
}
.customer-delete {
	background: #cecece;
	text-align: center;
	display: inline-block;
	color: #000;
	margin: 10px;
	padding: 0 !important;
}
.delete-button {
	text-decoration: none;
	font-size: 1.4rem;
	font-weight: 200;
	color: #000;
	padding: 5px 10px;
	display: block;
}
.widget .widget_photo_container img {
	max-width: 100px;
}
.widget_photo_container, .profile_photo_container img {
	float: left;
	margin-right: 10px;
	border: 1px solid #ddd;
	padding: 2px;
}

/* ================================
	 33. Widgets Inner Pages Styling
	 ================================= */
.account_settings input[type="radio"] {
	margin: 0 5px;
}
.account_settings input[type="radio"]:first-of-type {
	margin-left :0;
}
.account_settings .submit_button {
	margin-top: 20px;
}
.account_settings.email_settings {
	margin-top: 15px;
}
.account_settings.email_settings li {
	margin-bottom: 10px;
}
.account_settings.email_settings li b {
	margin-top: 0;
}
.account_settings li.search_date {
	margin-bottom: 25px;
}
.profile_photo_container {
	overflow: hidden;
	margin: 10px 0;
}
.profile_photo_container ol {
	width: 250px;
}
.profile_photo_container li b {
	text-align: left !important;
	font-weight: 700;
	margin-bottom: 5px;
}

/* ================================
   34. Update Search
   ================================ */
div.search_links {
	width:145px;
}
.customer_search_form .submitbtn {
	right: 0px !important;
}

/* ================================
   35. Profile Page
   ================================ */
.search_links a {
	font-weight: 700;
}
.account_settings li {
	margin-bottom: 15px;
}
.account_settings li b {
	text-align: left !important;
}

/* ================================
   36. Update Search
   ================================ */
.account_settings .customer_search_form li {
	margin-bottom: 5px;
}
.account_settings .search_price input[type="text"] {
	width: 190px;
}
.account_settings input[type="text"],
.account_settings input[type="email"],
.account_settings input[type="phone"],
.account_settings input[type="password"],
.account_settings select {
	width: 200px;
}
.account_settings .search_city select {
	height: auto;
}
.account_settings .field-group {
	display: flex;
}
.account_settings .field-group .field-input {
	margin-right: 10px;
}

/* ================================
   37. Liked Listing
   ================================ */
.customer_likes {
	border: none;
	text-align: left;
}
.customer_prop img {
	width: 100%;
	margin: 2px;
}

/* ================================
   38. Form Validation Error
   ================================= */

/* ================================
   39. New Google map and street view Code
   ================================ */
.detail-map-view {
	height: 100%;
	width: 100%;
	border: 0px;
}
.detail-street-view {
	height: 100%;
	width: 100%;
	border: 0px;
}

/* ================================
   40. Contect Form
   ================================ */
.required_notice {
	font-style: italic;
	display: block;
	margin: 10px 0;
}

/* ================================
   41. Mortgage Calculator
   ================================ */
.mtg_input input, .mtg_output input  {
	float: none;
}
.mtg_input li, .mtg_output li {
	list-style: none;
	overflow: hidden;
}
.mtg_title {
	margin-top: 10px;
	font-weight: bold;
}
.mtg_row.submit label {
	width: auto;
}
.mtg_row.submit input {
	cursor: pointer;
}
.mtg_output .form-control-plaintext,
.mtg_input input[type="number"] {
	display: inline-block;
}
input[type="text"].form-control-plaintext {
	padding-left: 0;
	border: none;
	background: none;
}
input[type="text"].form-control-plaintext:focus {
	border-color: transparent !important;
	box-shadow: none;
}
.mtg_form .btn {
	margin: 10px 0;
}
.mtg_input label {
	width: 100px;
}

/* ================================
   42. Schedule Showing Page
   ================================ */
.the_contact_form select:first-of-type {
	width: 130px;
	margin: 0px 10px;
}
.the_contact_form select {
	width: 76px;
}

/* ================================
   43. Polls
   ================================ */
.polllist {
	width: 100%;
}
.poll_sub {
	margin-bottom: 20px;
}
.poll_sub .selectallcheckbox {
	margin-right: 5px;
}
.poll_sub select {
	margin: 0px 10px;
	min-width: 140px;
}
.pollcss .flashmsg {
	margin-bottom: 10px;
	font-weight: bold;
}
.pollcss input[type="submit"] {
	margin-top: 20px;
}
.poll_completed b {
	margin-right: 8px;
}
.poll_days a {
	display: inline-block;
	margin-right: 10px;
}
.poll-rating {
	overflow: hidden;
	line-height: 24px;
}
.poll-rating p {
	margin: 2px 10px 0 0;
	float: left;
}
.poll-rating .rate2 {
	font-size: 2.7rem;
	float: left;
	line-height: 30px;
}
.poll-listing-container {
	margin-bottom: 20px;
}
.polllist_header td {
	font-weight: bold;
}
.polllist_header, .polllist_row {
	border-bottom: 1px solid #000;
}
.polllist_row td {
	padding: 5px 0px;
}
.polllist_row .click-link > a {
	padding: 0px !important;
}
.checkboxval {
	display: inline-block;
	padding: 5px;
	border: 1px solid #000;
	border-bottom: none;
}
.pollcss .propholder, .pollcss .alt_property_container {
	margin-top: 0 !important;
	margin-bottom: 20px;
}
.poll-listing-container table td {
	vertical-align: top;
}
.poll-listing-container table td p {
	margin-top: 0;
}
.poll_listing_container .alt_details li, .pollcss .alt_details li,
.poll_listing_container .prop li, .pollcss .prop li,
.poll-listing-container .alt_details li, .poll-listing-container .prop li {
	margin-bottom : 0;
}
.poll-listing-container, .poll_listing_container, .pollcss .alt_property_container {
	border: 1px solid #000;
	padding: 5px;
	margin: 5px 0 15px;
}
.poll-listing-container .alt_property_container, .poll_listing_container .alt_property_container {
	border: none;
	padding: 0;
}
.share-link-input {
	display: flex;
	margin-bottom: 10px;
	align-items: center;
}
.share-link-input input {
	margin-right: 10px;
	display: block;
}
.poll-resultls {
	display: flex;
}
.poll-resultls ul {
	margin: 0;
	padding-left: 50px;
}
.poll-winner {
	font-weight: bold;
}
.jq-star {
	display: inline-block;
}
.jq-star svg {
	width: 30px;
	height: 30px;
}

/* ================================
   44. Testinomails
   ===============================*/
.testimonial .testimonial_title  {
	margin-bottom: 10px;
	text-align: center;
}
.testimonial {
	margin-bottom: 20px;
}
.testimonial_date {
	text-align: right;
	font-style: italic;
	font-size: small;
	margin-bottom: 5px;
}
.testimonial_body {
	margin-bottom: 10px;
}
.highlight .highlight {
	font-weight: bold;
}
.testimonials-page-request {
	margin: 10px 0 20px;
	font-size: 1.6rem;
	border-bottom: 1px solid #d1d1d1;
	padding-bottom: 30px;
}
.testimonials-page-request .testimonial-form-link {
	text-decoration: none;
	color: inherit;
	margin-left: 10px;
	border: 1px solid #d1d1d1;
	padding: 10px;
	font-size: 1.4rem;
}
/* ================================
   45. Thankyou Page
   ================================ */
.contact_results li {
	padding-bottom: 3px;
}

/* ================================
  46. Promo Page
  ================================= */
.promo_text ol {
	list-style: decimal;
	padding-left: 25px !important;
}
.promo_text ul {
	list-style: disc;
	padding-left: 25px !important;
}
.contact_results {
	padding: 5px;
}

/* ================================
   47. Detail page common styling
   ================================ */
.popupform input[type="submit"] {
	border-radius: 0 !important;
}
.ui-widget-overlay.ui-front {
	background: rgba(0,0,0,0.6) !important;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable {
	z-index: 5;
	outline: 0;
}
.the_contact_form.pop-up.contact_form {
	border: none;
	padding: 0;
	background-color: transparent;
}
.the_contact_form.pop-up.contact_form li, .detailform.contact_form.pop-up li {
	width: auto;
}
.information-popup .contact-title, .detailform .contact-title {
	text-align: left;
	font-weight: 700;
}
.information-popup .instructions, .detailform .instructions {
	font-weight: normal;
	background: none;
}
.information-popup form ul, .detailform ul {
	overflow: hidden;
}
.information-popup .instructions, .detailform .instructions {
	text-align: justify;
	font-style: italic;
	text-transform: uppercase;
	font-size: 1.2rem;
	margin-top: 4px;
}
.schedule_showing_popup .instructions {
	margin-top: 0px;
}
.information-popup .user_name {
	width: 100%;
}
.information-popup li label {
	display: block;
	margin: 3px 0px;
}
.ui-dialog .detailform b {
	display: block;
	margin: 5px 0px;
	color: #000;
	float: none;
	font-weight: 400;
}
.detailform ol li:nth-child(n+5) {
	width: 100%;
	float: none;
}
.detailform ol li:nth-child(n+5) b {
	display: none !important;
}
.information-popup .radio-btn {
	float: right;
	margin-top: 6px;
	margin-left: 10px;
	color: #000;
}
.information-popup .radio-btn input[type="radio"] {
	margin-right: 5px;
}
.contact_agent_popup, .schedule_showing_popup, .detailform {
	display: none;
}
.information-popup form, .detailform form{
	overflow: hidden;
}
.detailform li, .information-popup li {
	position: relative;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: 10px;
	top: 32px;
	width: 20px;
	padding: 1px;
	height: 20px;
	cursor:pointer;
}
.ui-button {
	background: #FFF url("/templates/common/images/close-button.png") no-repeat scroll 6px 7px;
}
.ui-button {
	text-indent: -9999px;
	border: medium none;
}
.captcha_test {
	margin-bottom: 10px;
	width: 100%;
}
.captcha_test span.form-check-label {
    margin-right: 5px;
}
#register_form .captcha_test span.form-check-label {
    font-size: 1.4rem;
}
input#request_showing_morning {
	margin-top: 7px;
	margin-right: 2px;
	margin-left: 170px;
}
input#request_showing_afternoon {
	margin-top: 7px;
	margin-right: 2px;
	margin-left: 15px;
}
.schedule_showing_popup form li b {
	float: left;
	margin-top: 7px;
	width: auto !important;
	margin-right: 5px;
}

.detail-features-calculator-loan-types {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px;
}
#detail-features-calculator-loan-radio label{
	padding: 0px 1em 0px 8px;
	font-weight:bold;
	font-size:14px;
}
#payment-calculator-slider-wrap .ui-slider-horizontal {
	height: 3px;
}
#payment-calculator-slider-wrap .ui-slider {
	position: relative;
	text-align: left;
}
#payment-calculator-slider-wrap .ui-widget-content {
	background: #ccc;
}
#payment-calculator-slider-wrap .ui-slider .ui-slider-handle,
#payment-calculator-slider-wrap .ui-slider .ui-slider-handle.ui-state-focus {
	position: absolute;
	top: -6px;
	margin-left: -10px;
	z-index: 2;
	width: 15px;
	height: 15px;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
	box-sizing: border-box;
	border: 3px solid #333;
	background: white;
	border-radius: 50%;
}

/* ================================
   48. Poll: Share link
   ================================ */
.share-url {
	overflow: hidden;
}
.share-link {
	display: none;
}
.share-url .social {
	float: left;
}
.share-url .social .social-title {
	text-align: left;
	margin: 0px 0px 10px 0px;
}
.share-url .social ul {
	float: left;
	margin-left: 5px;
	overflow: hidden;
}
.share-url .social ul {
	margin-left: 0px;
}
.share-url .social a {
	position: relative;
}
.social li > a:hover, a.menu_log:hover {
	background: none;
	background-color: transparent;
}

/********************************
	Save Search and Login Search
*********************************/
.save-search a {
	text-align: center;
	box-sizing: border-box;
	padding: 0px 6px 0px;
	border: 1px solid #a6a6a6;
	background-color: #dfdfdf;
	text-decoration: none;
	color: #000;
	height: 30px;
	line-height: 30px;
	display: inline-block;
	margin:10px 0px 10px 5px;
}
.save-search a:hover {
	border: 1px solid #a6a6a6;
	background-color: #dfdfdf;
}


/********************************
   New Contact Forms
*********************************/
#contact-info-form ul {
	padding-left: 0;
}
#contact-info-form li {
	list-style: none;
	margin-bottom: 10px;
	position: relative;
	width: 300px;
}
#contact-info-form .form-field {
	width: 100%;
	border: 1px solid #d1d1d1;
	height: 30px;
	font-size: 1.6rem;
	font-weight: 400;
	font-family: 'open Sans', sans-serif;
	padding: 5px;
	line-height: 30px;
}
#contact-info-form .fa-user,
#contact-info-form .fa-lock,
#contact-info-form .fa-envelope,
#contact-info-form .fa-phone {
	position: absolute;
	top: 14px;
	right: 0;
	color: #979696;
}
.form-field#message {
	height: 125px
}
#contact-info-form .checkbox-captcha-test {
	width: 300px
}
.captcha_test label, .captcha-checkbox {
	display: inline-block;
}

/********************************
    CSS FOR MAP INFO WINDOW CONTENT
*********************************/
.gm-style-iw .main-popup-map{
	width:130px;
}
.gm-style-iw .main-popup-map .top-section{
	float: left;
	margin-top: -15px;
	width: 130px;
	margin-bottom: 0px;

}
.gm-style-iw .main-popup-map .botton-section{
	float:left;
	margin: 2px 0 0;
}
.gm-style-iw .main-popup-map .botton-section ul{
	color: rgb(0, 0, 0);
	padding: 0px;
	margin: 0px;
	list-style: outside;
	font-weight: 500;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.gm-style-iw .main-popup-map .top-section{
		height: 95px;
	}
}
.gm-style-iw .main-popup-map .botton-section{ width:100%;}
#map-canvas,#strret-map-canvas{
	min-height: 300px;
	min-width: 300px;
	width:100%;
	height: 94%;
	margin-left: auto;
	margin-right: auto;
	z-index: 0;
}
#map-canvas #cross-list p {
	margin:10px 0 0 0;
	background-image:linear-gradient(to bottom, #08c, #04c);
	background-color:#337ab7;
	border-color:#2e6da4;
	font-size: 1.4rem;
	margin-bottom:5px;
	border-radius:4px;
	line-height:1.42857;
	text-align: center;
	vertical-align: middle;
	width:114px;
}
#map-canvas #cross-list p a {
	color:#E72727;
	text-decoration:none;
	margin-right:8px;
	float:right;
}
#map-canvas #cross-list p a img {
	margin-top:2px;
	vertical-align:top;
}

/*************************************
Remove Flags bg color
*************************************/
.foreclosure a:hover, .shortsale a:hover, .virtualtour a:hover, .view_similar a:hover, .pricedrop a:hover,
.green a:hover, .adult a:hover, .alt_foreclosure a:hover, .alt_shortsale a:hover, .alt_virtualtour a:hover,
.alt_view_similar a:hover, .alt_pricedrop a:hover, .alt_green a:hover, .alt_adult a:hover {
	background-color: transparent;
}

/*************************************
50. Form Styling
*************************************/

/***********************
Promo Form Styling
************************/
.promo_form, #contact_form, .the_contact_form,
.the_contact_form.pop-up.contact_form, .contact_form,
.detailform.pop-up, .detail-submit-offer-popup {
	width: 400px;
	background-color: #f0f0f0;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.4rem;
	color: #000000;
	letter-spacing: 0;
	padding: 20px;
	box-sizing: border-box;
	font-weight: 400;
	margin: 0 auto;
}
.promo_form .social_link .fbLogin, #contact_form .social_link .fbLogin,
.the_contact_form .social_link .fbLogin, .contact_form .social_link .fbLogin,
.detailform.pop-up .social_link .fbLogin {
	background: url("../images/fb-login.png") no-repeat;
	width:225px;
	height:37px;
	display:block;
	cursor:pointer;
}
.detailform.pop-up .social_link {
	float: none;
}
.promo_form .contact-form-request-container, #contact_form .contact-form-request-container,
.the_contact_form .contact-form-request-container, .contact_form .contact-form-request-container {
	overflow: hidden;
	width: 100%;
}
.promo_form .form-request-elements li, #contact_form .form-request-elements li,
.the_contact_form .form-request-elements li, .contact_form .form-request-elements li,
.detailform.pop-up .form-request-elements li{
	width: 100%;
	margin-bottom: 15px;
	clear: both;
	position: relative;
	padding: 0px;
}
.promo_form input[type="text"], #contact_form  input[type="text"],
.the_contact_form  input[type="text"], .contact_form input[type="text"],
.promo_form select, #contact_form  select,
.the_contact_form  select, .contact_form select {
	background-color: #fff;
	border: 1px solid #D0D0D0;
	height: 37px;
	line-height: 37px;
	padding: 0px 30px 0px 10px;
	width:100%;
}
.promo_form textarea, #contact_form  textarea,
.the_contact_form  textarea, .contact_form textarea {
	background-color: #fff;
	border: 1px solid #D0D0D0;
	width:100%;
}
.the_contact_form select {
	background-color: #fff;
	border: 1px solid #D0D0D0;
	height: 37px;
	line-height: 37px;
	padding: 0px 10px;
}
.promo_form.contact_form .fa-user, .promo_form.contact_form .fa-lock,
.promo_form.contact_form .fa-envelope, .promo_form.contact_form .fa-phone,
#contact_form.contact_form .fa-user, #contact_form.contact_form .fa-lock,
#contact_form.contact_form .fa-envelope, #contact_form.contact_form .fa-phone,
.the_contact_form.contact_form .fa-user, .the_contact_form.contact_form .fa-lock,
.the_contact_form.contact_form .fa-envelope, .the_contact_form.contact_form .fa-phone,
.contact_form .fa-user, .contact_form .fa-lock,
.contact_form .fa-envelope, .contact_form .fa-phone, .the_contact_form .fa-calendar,
.form-request-elements .fa.fa-calendar.showing-loc-class{
	top: 13px;
	right: 11px;
}
.promo_form .form-field#message, #contact_form .form-field#message,
.the_contact_form .form-field#message, .contact_form .form-field#message,
.detailform.pop-up .form-field#message {
	width:100%;
	min-width: 100%;
	max-width: 100%;
	padding: 9px 10px;
	background-color: #fff;
	border: 1px solid #D0D0D0;
}
.promo_form .form-request-elements li.form-first-name,
#contact_form .form-request-elements li.form-first-name,
.the_contact_form .form-request-elements li.form-first-name,
.contact_form .form-request-elements li.form-first-name {
	float: left;
	width: 48%;
	clear: none;
}
.promo_form .form-request-elements li.form-last-name,
#contact_form .form-request-elements li.form-last-name,
.the_contact_form .form-request-elements li.form-last-name,
.contact_form .form-request-elements li.form-last-name {
	float: right;
	width: 48%;
	clear: none;
}
.promo_form .captcha_test, #contact_form .captcha_test,
.the_contact_form .captcha_test, .contact_form .captcha_test,
.contact_form .form-submit-button li {
	margin-bottom: 0px;
	padding-bottom: 12px;
}
.contact_form .form-submit-button .captcha_test {
	padding-bottom: 22px;
}
.promo_form.contact_form input[type="submit"].submit,
#contact_form.contact_form input[type="submit"].submit,
.the_contact_form.contact_form input[type="submit"].submit,
.contact_form input[type="submit"].submit,
.the_contact_form.pop-up input[type="submit"].submit,
.detailform.pop-up input[type="submit"].submit,
.the_contact_form input[type="submit"].submit {
	background: #C57E3A;
	background-color: #C57E3A;
	border-radius: 16px;
	height: 37px;
	line-height: 37px;
	padding: 0px 23px;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.4rem;
	letter-spacing: 0;
	text-transform: uppercase;
	font-weight: 700;
	border: 0px;
	color: #fff;
	margin: 0px;
	box-shadow: none;
	position: static;
}
.the_contact_form input[type="submit"].submit {
	margin: 0px;
}
.the_contact_form .required_notice {
	color: #ff3951;
	text-transform: uppercase;
	font-size: 1.2rem;
}
.promo_form .instructions, .the_contact_form .instructions {
	font-weight: 400;
}
.the_contact_form .contact-form-separator {
	display: none;
}

/**
 *     Move the select form layout to a class, removing the hardcoded style.
 */
select.multi-select-input {
	width:200px;
	height:200px;
}


/*************************************
51. Go/Delete Styling
*************************************/
.search_links-container a,
.search_link-delete a {
	position: relative;
	text-indent: -9999px;
	display: inline-block;
	width: 19px;
	height: 19px;
	margin: 0px 3px;
}
.search_links-container a {
	background: url("/templates/common/icons/go-icon.png");
}
.search_link-delete a {
	background: url("/templates/common/icons/delete-icon.png");
}
.property-detail-sec .schedule-form-container{
	margin-top:10px !important;
}
.property-detail-sec .schedule-form-container input[type="button"]{
	width:100%;
}
.scheduleform .scheduleform_instructions{ color:red;}
.scheduleform .form-request-elements li.form-email,.scheduleform .form-request-elements li.form-phone{
	width:100% !important;
	float:left;
}
.blurred-area{
	-webkit-filter: blur(1px); /* Safari 6.0 - 9.0 */
	filter: blur(1px);
}
.detail-page-map-sw-buttons div {
	width:100px;
	display:inline-block;
	text-align:center;
	padding:5px; margin:5px 0px;
	border:2px solid #fff;
	cursor:pointer;
}

.detail-page-map-sw-buttons div.active {
	opacity:0.5;
}

/*  ================
  Agent - Customer Conversation Popup
===================== */
.customer-con{
	bottom: 25px;
	right: 0px;
	padding: 12px;
	position: fixed;
	background-color:#e9e9e9;
	z-index:2;
	cursor:pointer;
	box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}
.customer-con:hover {
	bottom: 30px;
}
.customer-con .unread-count{
	position: absolute;
	display: block;
	top: 2px;
	right: 2px;
	background-color: #FF0000;
	color: #FFFFFF;
	font-size: 1.0rem;
	height: 15px;
	width: 15px;
	border-radius: 15px;
	text-align: center;
	box-shadow: 0 0 1px #333;
	font-weight:bold;
}
.customer-con a{
	text-decoration:none;
}
.title-conver{
	text-align:center;
	text-decoration:underline;
	padding-bottom:10px;
	font-size: 2.2rem;
}
.both-mesg{
	width:100%;
	padding: 10px 0px;
	float: left;
}
.both-mesg:first-child{ margin-top:20px;}
.message-avatar-wrap{
	height: 65px;
	width: 65px;
	border: 2px solid #dedede;
	border-radius: 50%;
	text-align: center;
	font-size: 2.5rem;
	line-height: 65px;
	background-color: #dedede;
}
.message-avatar-wrap.agent{
	color: #FF0000;
	float: right;
	margin-left:10px;
}
.message-avatar-wrap.customer{
	float: left;
	color: #006600;
	margin-right:10px;
}
.agent-mesg-text{
	float: right;
	border: 2px solid #dedede;
	border-radius: 5px;
	padding: 10px;
	width: 60%;
	overflow-wrap: break-word;
	position:relative;
	min-height: 45px;
}
.agent-mesg-text.unread{
	border-color: #ed3838;
}
.customer-mesg-text{
	float: left;
	border: 2px solid #dedede;
	border-radius: 5px;
	padding: 10px;
	width: 60%;
	overflow-wrap: break-word;
	min-height: 45px;
	position:relative;
}
.customer-con-popup-widget textarea {
	width:100%;
	max-width: none;
}
.customer-con-popup-widget form {
	margin-top: 20px;
	display: inline-block;
	width: 100%;
}
.both-mesg span.time{
	font-size: 1.0rem;
	color: #5e5e5e;
	line-height: 10px;
	padding:3px;
	position:absolute;
	bottom:0px;
	right:0px;
}
.customer-message-form .submit-form {
	margin-top:10px !important;
	width: auto !important;
}

/** NWMLS required */
.NWMLS-required, .NWMLS-required ol, .NWMLS-required li  {
	list-style: none !important;
}

/** Add Common Street view formatting **/
#street-view {
	height: 100%;
	width:100%;
	background:none !important;
}
#street-view p{
	position: inherit;
	left: 0px;
	right: 0px;
	top: 50%;
	bottom: 0px;
	margin: -10px auto 0 auto;
	display: table;
}
.calculator-label {
	font-weight: bolder;
}
.home-page-map .gm-style-iw > div {
	overflow: visible !important;
}
.home-page-map .gm-style-iw ul {
	margin-left:14px !important;
}
.map-frontpage .info-l-content li{
	list-style: none !important;
	color: black !important;
}
.home-page-list-group{
	width: 70%;
	margin-top: 0;
	text-align: left;
	display: none;
	height: 156px;
	overflow-y: scroll;
	overflow: auto;
	margin-left: 3px;
	position: relative;
	z-index: 1;
}
.home-page-list-group .home-page-list-group-item {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	position: relative;
	display: block;
	padding: 10px 15px;
	margin-bottom: -1px;
	background-color: #fff;
	border: 1px solid #ddd;
}
.home-page-list-group .home-page-list-group-item a {
	color:#333;
	text-decoration:none;
}
.main-popup-map li {
	list-style: none;
	color: black;
}
#strret-map-canvas{
	min-width: auto;
}
.homepage-banner-wrap .width-43{
	width:43.5% !important;
}
/* listing message widget css */
.listing-message-widget-main{
	overflow: hidden;
	padding: 10px;
	background-color: #ccc;
	margin: 10px;
}
.listing-message-widget-title-conver{
	text-align: center;
	text-decoration: underline;
	font-size: 16px;
	margin-bottom: 10px;
}
.listing-message-widget-both{
	width: 100%;
    padding: 8px 0px;
    float: left;
}
.listing-message-widget-avatar{
	text-align: right;
	height: 50px;
	width: 50px;
	background-color: #dedede;
	border-radius: 50%;
	text-align: center;
	font-size: 21px;
	line-height: 50px;
}
.listing-message-widget-avatar.customer {
	float: left;
	color: #060;
	margin-right: 6px;
}
.listing-message-widget-customer-mesg {
	float: left;
	border: 2px solid #dedede;
	background-color: #dedede;
	border-radius: 5px;
	padding: 5px;
	width: 74%;
	overflow-wrap: break-word;
	min-height: 35px;
}
.listing-message-widget-both span.time {
	float: left;
	width: 98%;
	font-size: 10px;
	color: #5e5e5e;
	line-height: 10px;
	padding: 3px;
}
.text-right{
	text-align: right !important;
}
.listing-message-widget-avatar.agent {
	color: red;
	float: right;
	margin-left: 6px;
}
.listing-message-widget-agent-mesg {
	float: right;
	border: 2px solid #dedede;
	background-color: #dedede;
	border-radius: 5px;
	padding: 5px;
	width: 74%;
	overflow-wrap: break-word;
	min-height: 35px;
}
.listing-message-widget-main form{
	position: relative;
}
.listing-message-widget-main textarea{
	font-size: 12px;
	padding: .375rem 1rem .375rem .75rem;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	overflow: auto;
	resize: vertical;
	margin: 0;
	font-family: inherit;
}
.listing-message-widget-main .send_list_messgae{
	margin: 5px 0px;
	background-color: #212d40;
	border: 1px solid #212d40;
	color: white;
	transition: all .5s;
	opacity: 1;
	box-shadow: none;
	border-radius: 4px;
	padding: 6px 12px;
	font-size: 16px;
	display: inline-block;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	user-select: none;
	cursor: pointer;
}

.listing-messages-customer-dashboard #customer-list-message-area .customer-listing-message-widget-main {
	display: none;
}
/* listing messages separate page */
.listing-messages-customer-dashboard #customer-list-message-area .customer-listing-message-widget-main.submit-chat {
	display: block;
}
.listing-messages-customer-dashboard{
	width: 100%;
	min-height: 500px;
}
.listing-messages-customer-dashboard .customer-chat-div {
	width: 32% !important;
	float: left;
}
.listing-messages-customer-dashboard .foldercontrols {
	display: inline-block;
	width: 100%;
	overflow: hidden;
	padding-bottom: 15px;
}
.listing-messages-customer-dashboard .listing-message-open-chat.click-first-chat {
	background-color: #71b5f3;
}
.listing-messages-customer-dashboard .widget-edit-form .width-100 {
	width: 100%;
}
.listing-messages-customer-dashboard .listing-message-open-chat {
	background-color: #f4f8fb;
	cursor: default;
	border-left: 6px solid #dddfe2;
	font-size: 13px;
	padding: 10px;
	text-align: left;
	margin-top: 10px;
}
.listing-messages-customer-dashboard .font-12 {
	font-size: 12px !important;
}
.listing-messages-customer-dashboard .position-relative {
	position: relative !important;
}
.listing-messages-customer-dashboard .left {
	float: left !important;
}
.listing-messages-customer-dashboard .lead-contact-note-id {
	font-size: 15px;
	font-weight: bold;
}
.listing-messages-customer-dashboard .listing-message-open-chat {
	cursor: default;
	font-size: 13px;
	text-align: left;
}
.listing-messages-customer-dashboard .customer-chat-div1 {
	width: 64% !important;
}
.listing-messages-customer-dashboard #customer-list-message-area .customer-listing-message-widget-main.listing-chat-first {
	display: block;
}

.listing-messages-customer-dashboard #customer-list-message-area > div {
	overflow: hidden;
	padding: 10px;
}
.listing-messages-customer-dashboard .message-widget-main {
	border: 1px solid #000;
	background-color: #ccc;
	margin: 10px;
}
.listing-messages-customer-dashboard .message-widget-title-conver {
	text-align: center;
	text-decoration: underline;
	font-size: 16px;
	margin-bottom: 10px;
}
.listing-messages-customer-dashboard .message-widget-both {
	width: 100%;
	padding: 8px 0px;
	float: left;
}
.listing-messages-customer-dashboard .message-widget-avatar.customer {
	float: left;
	color: #060;
	margin-right: 6px;
}
.listing-messages-customer-dashboard .message-widget-avatar {
	text-align: right;
	height: 50px;
	width: 50px;
	background-color: #dedede;
	border-radius: 50%;
	text-align: center;
	font-size: 21px;
	line-height: 50px;
}
.listing-messages-customer-dashboard .message-widget-customer-mesg {
	float: left;
	border: 2px solid #dedede;
	background-color: #dedede;
	border-radius: 5px;
	padding: 5px;
	width: 74%;
	overflow-wrap: break-word;
	min-height: 35px;
}

.listing-messages-customer-dashboard .message-widget-both span.time {
	float: left;
	width: 98%;
	font-size: 10px;
	color: #5e5e5e;
	line-height: 10px;
	padding: 3px;
}
.listing-messages-customer-dashboard .text-right {
	text-align: right !important;
}
.listing-messages-customer-dashboard .message-widget-avatar.agent {
	color: red;
	float: right;
	margin-left: 6px;
}
.listing-messages-customer-dashboard .message-widget-agent-mesg {
	float: right;
	border: 2px solid #dedede;
	background-color: #dedede;
	border-radius: 5px;
	padding: 5px;
	width: 74%;
	overflow-wrap: break-word;
	min-height: 35px;
}
.listing-messages-customer-dashboard .listing-message-open-chat.click-submit-chat {
	background-color: #71b5f3;
}
.list-message-textarea{
	min-height: 83px !important;
}
.paddingl46{
	padding-left: 46px !important;
}
.paddingl88{
	padding-left: 111px !important;
}
.width89{
	width: 89% !important;
}
.width76{
	width: 76% !important;
}
.banner_wrapper_video{
	object-fit: cover;
	width: 100%;
	height: 100%;
	position:absolute;
	z-index:0;
}
#homepage-banner .headingrelative{
	position: relative;
}

#homepage-banner #banner-one-slider-wrap div{
	width: 100%;
	height: 100%;
	position:absolute;
	z-index:0;
}
#homepage-banner #banner-slider-wrap{
	width: 100%;
	height: 100%;
	position:absolute;
	z-index:0;
}

.wrapper_body {
    height: 100%;
    position: relative;

	}


 .wrapper_body #foo2 li {
        height: 100%;
        width: 100%;
 }

 .wrapper_body #foo2 li img {
	height: 100%;
}
#sliderfront{
	width: 100% !important;
	height: 100% !important;
	overflow: hidden;
}

.common-back-image{
	background-size:cover !important;
	position:relative;
	height:100%;
}
#homepage-banner #banner-vimeo-one-slider-wrap div{
	width: 100%;
	height: 100%;
	position:absolute;
	z-index:0;
}
.hideoverflow{
	overflow: hidden !important;
}
#homepage-banner .bannertexttop{
	margin-top:160px;
}

.banner-loader-class{
	background-image:url('/templates/common/images/Fading_blocks.gif');
	margin: 0 auto;
	top: 0;
	left: 0;
	border: 0;
	right: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-color: rgba(255,255,255,0.9);
	z-index: 0;
}

.frontend-notice-and-warning-popup-widget {
	background: #fff !important;
	color: #000;
	position: relative;
	border-radius: .3rem;
	box-shadow: 2.5px 4.33px 9px 0px rgba(0,0,1,.45);
	font-weight: 600;
	font-size: 18px;
	text-align: left;
	padding: 20px 30px;
	box-sizing: border-box;
	margin: 0 auto;
}

.frontend-notice-and-warning-popup-widget-body .alert-success {
	color: #155724;
	background-color: #d4edda;
	border-color: #c3e6cb;
}
.frontend-notice-and-warning-popup-widget-body .alert {
	position: relative;
	padding: .75rem 1.25rem;
	margin-bottom: 1rem;
	border: 1px solid transparent;
	border-radius: .25rem;
}
.frontend-notice-and-warning-popup-widget-body .notice-and-warning-head-wrap {
	width: 100%;
	text-align: center;
	margin-bottom: 10px;
}
.frontend-notice-and-warning-popup-widget-body .notice-and-warning-head-title {
	font-size: 14px;
	border-bottom: 2px solid;
}
.frontend-notice-and-warning-popup-widget-body .notice-information-item {
	list-style: none;
	margin: 0;
	font-size: 13px;
	font-weight: normal;
	line-height: 1.5;
}
.frontend-notice-and-warning-popup-widget .widget-form-title {
	color: #212d40;
	line-height: 24px;
	font-weight: 400;
	border-bottom: 1px solid #e9ecef;
	font-size: 18px;
	padding-bottom: 10px;
    margin-bottom: 20px;
	display: block;
}

.agent_board b{
	vertical-align: top;
}
.agent-board-image{
	float: none !important;
	width: 120px;
	max-height: 145px;
}
.agent-designate-icon {
	margin-right: 5px;
	font-size: 10px;
	background: green;
	color: white;
	padding: 4px 6px 4px 6px;
	border-radius: 10px;
	font-weight: bold;
	vertical-align: top;
	width: 1px;
}

.mt-20{
	margin-top:20px;
}

.mb-10{
	margin-bottom:10px;
}

#copylistingurlpopup {
	color: black;
	font-size: 21px;
	vertical-align: top;
	margin-top: -6px;
	cursor: pointer;
}

.copylistingurlpopup-tooltiptext {
	display:none;
	width: 135px;
	background-color: black;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;
	position: absolute;
	z-index: 1;
	top: 0px;
	left: -249px;
}
.relative-postiton{
	position: relative;
}
.width-100{
	width: 100%;
}
.height520{
	height:520px;
}
.height85{
	height: 85px;
}
.input-checkbox-field{
	margin-bottom:20px;
}
.width-49{
	width: 49% !important;
}
.mb-0{
	margin-bottom: 0px !important;
}
.mtop-10{
	margin-top: 10px !important;
}
.height-100{
	height: 100% !important;
	
}
.themeone-banner .caroufredsel_wrapper{
	height: 100% !important;
}
.ptop{
	padding-top:105px !important;
}

.vdelete-btn {
	/* margin-top: 43px; */
	position: absolute;
	top: 0;
	left: 44px;
}