/*********************Reset css start here************************/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, dl, dt, dd, ul, li, 
fieldset, form, label, legend { margin:0; padding:0; border:0; outline:0; vertical-align: baseline; background: transparent; list-style: none;}
.clear{clear:both;overflow:hidden;height:0px;}
.left{float:left;}
.right{float:right !important;}
.alignCenter{text-align: center;}
img {border:none; max-width: 100%;}
:focus{ outline:0;}
a { text-decoration:none; cursor:pointer;}
a:hover{ text-decoration:none;}
.clearfix:after{ content: ".";    display: block;    clear: both; visibility: hidden;    line-height: 0;    height: 0;} 

@font-face {
    font-family: "squarespace-ui-font";
    src: url("/Content/fonts/squarespace-ui-font.woff") format('woff');
}

.scroll-arrow-container {
    position: relative;
    top: 10px;
    left: 50%;
    margin-left: -75px;
    width: 150px;
    z-index: 10;
    height: 30px;
    text-align: center;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.scroll-arrow:before {
    text-align: center;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    cursor: pointer;
}

.scroll-arrow {
    font-size: 30px;
}

.scroll-arrow-text {
    padding-top: 10px;
}

/********************* Fonts ************************/

body {background:#c5c9cb; }
body#tinymce { background: #ffffff;}
body, a, span, input, select, div, textarea {font-family: 'Open Sans', sans-serif;}
input[type=text], input[type=submit] {-webkit-appearance: none;-ms-border-radius: 0px;-webkit-border-radius:0px;border-radius: 0px;}

/* Miki's new 10-13-14'*/
h1 {font: 300 44px/56px "Open Sans", sans-serif;}         
h1 em {font-style: italic;}
h2 {font: 300 35px/41px "Open Sans", sans-serif; color: #fff;}    
h2 strong {font-weight: 600;}
h3 {font: 300 35px/41px "Open Sans", sans-serif;color: #fff;}    
h3 strong {font-weight: 600; font-style: italic;}
h4 {font: 400 25px/25px "Open Sans", sans-serif;color: #fff;}  
h5 {font: 400 15px/33px "Open Sans", sans-serif; color: #a6a7ab; text-transform: uppercase;}  
p {font: 400 17px/25px "Open Sans", sans-serif;}

.small {font-size: 12px}
.grey {color:#a8a8a8;}
.italic {font-style: italic;}


/********************* Buttons ************************/
.redbutton {display: inline-block; padding: 13px 35px; font-size: 25px; color: #fff; background: #de3d33; letter-spacing: -1px; cursor: pointer;}
.bluebutton {display: inline-block; padding: 13px 20px; font-size: 18px; color: #fff; background: #4878a8; cursor: pointer;}

.triangle-down {
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 10px solid white;
    font-size: 0;
    margin-left: 5px;
}

/********************* Universal - Header, Body, Footer ************************/

.header {background:#fff; position: fixed; height: 100px; width:100%; max-width: 2000px; z-index: 100; margin:0 auto; min-width: 768px; box-shadow: 0 0 4px #ddd; left: 0;right: 0; }
.header a.logo {float:left;}
.header a.logo img {display:block}
.header ul.topnav {float:right;}
.header ul.topnav li {float:left;}
.header ul.topnav li a {font: 400 16px/16px "Open Sans", sans-serif; color: #000; padding: 42px 25px; border-right: 1px solid #dcdedf; float:left}
.header ul.topnav li a.on, .header ul.topnav li a.on:hover {background: #eef0f1; color: #000; }
.header ul.topnav li a:hover {background: #2a5b8b; color: #fff;}

.bodycontent {width:100%; max-width: 2000px; min-width: 768px; margin:0 auto; background:#fff; padding-top: 100px;}

.footer {background: #fff; overflow: hidden;}
.share { height: 55px; background: #4d3f3f}
.share span { display: block; float: left; width: 29%; height: 55px; background: #f03b30 url(../images/redarrow.gif) no-repeat right top; padding-right: 50px; color: #fff; font-size: 25px; font-weight: 600; text-align: right; line-height: 50px}
.share .sm {padding-left: 10px; float: left;}
.share .sm a {display: block; float: left; width: 30px; height: 50px; margin-right: 3px; background-image: url(../images/sm_icons.gif); background-repeat: no-repeat;}
.share .sm .google {background-position: 0 10px}
.share .sm .facebook {background-position: -33px 12px}
.share .sm .pinterest {background-position:  -66px 12px}
.share .sm .twitter {background-position:  -100px 12px;}
.share .sm .linkedin {background-position:  -133px 12px}
.share .sm .youtube {background-position:  -202px 12px; width: 75px}
.share .sm .activerain {background-position:  -168px 12px}
.company {background: #f1ebe3; overflow: hidden; padding-top: 60px}
.ribbon, .about, .company {float: left; overflow: hidden; height: 400px}
.ribbon {width: 19%; background: none}
.about {width: 45%}
.about h3 {color: #4d3f3f; font-size: 20px; font-weight: 600}
.about p {font-size: 14px; color:#9c938f; padding: 10px 20px 0 0}
.company ul {width: 15%; float: left; border-left: 1px solid #c5b8ac; height: 300px}
.company ul li:first-child {color: #f03b30; font-size: 16px;display: block; padding: 10px 15px}
.company ul li a {color: #4d3f3f; font-size: 14px; display: block; padding: 10px 15px}
.company ul li a:hover { text-decoration: underline;}
.copyright {background: #e9e1d4; font-size: 12px; text-align: right; line-height: 40px; color: #867f7f; padding-right: 35px}
.footer-agent1 {width:30% !important}
.footer-agent2 {margin-left:3%}
.footer-agent3 {padding-bottom:15px}
.footer-agent4 {color: #9c938f;font-size: 14px;}
.footer-agent5 {margin-top:3%}
.footer-agent5 span {margin-right:15%;}
.footer-agent5 span a {color: #4d3f3f;font-size: 14px;font-weight: bold;}
.footer-agent6 {margin-top:3%}



/********************* Homepage Search/Results Section ************************/

/*.search_container-home {background: #1e2e43; overflow: hidden;}*/
/*.property_listing-home, .property_listing_prop-home {width: 70%; float:left;}
.search-home, .search-prop-home {width: 30%; float:left; background:#2a425d; position: relative;min-height: 600px; }*/


.search_container {background: #1e2e43; overflow: hidden; position: relative; min-height:600px}
.property_listing, .property_listing_prop {width: 70%; position: absolute; left:0}
.viewmap {background: url(../images/maptab.png); display: block; position: absolute; width:120px; height: 120px; z-index: 5; cursor: pointer; display: none; }
.search, .search-prop {width: 30%; background:#2a425d; position: absolute; min-height: 600px; right:0}
.search-prop {left:10%; z-index:20; width: 90%; background:#fff; }

.smartsearch {padding: 15px;margin-top:0}
.smartsearch_less {margin-top:0}
.smartsearch_more {margin-top:0}
.smCapTxt {font: 600 14px/16px "Open Sans", sans-serif; text-transform: uppercase; color: #828c99;}
.smartsearch h1 {color: #fff; font: 400 40px/44px "Open Sans", sans-serif; padding: 10px 0;letter-spacing: -1px;white-space: nowrap;}
.smartsearch .location, .prior_search .search_val, .locationAgent {width:91%; padding: 12px 12px; border: none; font-size: 18px; color: #a1a1a1;}
/*.locationHomePage {width:100%; padding: 12px 12px; border: none; font-size: 18px; color: #a1a1a1;}*/
.smartsearch input[type=submit], .prior_search input[type=submit] {float:right; display: inline-block; width: 50px; height: 51px; background: #b70e2b url(../images/search-icon_new.png) no-repeat -78px 5px; border: none; cursor: pointer;  background-size: 131px; }


.prior_search {background: #1e2e43; display:block; overflow:hidden; padding: 20px 16px 10px 16px; }
.prior_search .search_val {width: 70%; float:left; padding: 13px 5% 13px 5%; margin:0}
.prior_search input[type=submit] {width: 15%; background-position: 50% 50%}
.prior_search a {color: #9ba4b0; float:right; margin: 5px 10px; text-decoration:underline; font-size: 14px; }



	/********************* Custom Dropdowns ************************/
	.custom-dropdown {margin: 15px 0; position: relative; display: inline-block; vertical-align: middle; font-size: 18px; width: 48%; -webkit-appearance: none; }
	.custom-dropdown:first-child {margin-right: 10px;}
	.custom-dropdown_select {border: 0; background-color: #fff; color: #a1a1a1; font-size: inherit; padding: 12px 12px; margin: 0; width: 100%;-webkit-appearance: none;}
	.custom-dropdown::before {top: .5em; bottom: .5em; background-color: #fff; border-left: 1px solid rgba(0,0,0,.1); width: 2em; right: 0; top: 0;bottom: 0; content: "";position: absolute;pointer-events: none;}
	.custom-dropdown::after {color: #ccc;content: "\25BC";height: 1em;font-size: .625em;line-height: 1;right: 1.2em;top: 50%;margin-top: -.5em;position: absolute;pointer-events: none;}


	/********************* Slideshow css ************************/
	.slideshow {position: relative; height: 700px; overflow: visible; min-height: 600px}
    .slideshowDetail {position: relative; height: 700px; overflow: visible; min-height: 600px}
	.slides {cursor: move; position: absolute; left: 0px; top: 0px; overflow: hidden; height: 700px; width: 100%;min-height: 600px}
	.slidesDetail {cursor: move; position: absolute; left: 0px; top: 0px; overflow: hidden; height: 700px; width: 100%;min-height: 600px}
	.slide_numbers {position: absolute; width: 21px; height: 21px; text-align:center; line-height:21px; color:white; font-size:12px;}


	/********************* Listing Agent ************************/
	.listing_agent {padding: 20px; color: #fff; font-size: 14px; background: #1e2e43; position: absolute; bottom: 0}
	.listing_agent .tag {position: absolute; display: block; width: 7px; height: 17px; top: 50%; left: -7px; background: url(../images/bluetag.png)}
	.listing_agent img {float:left; margin-right: 15px}

    .lender {padding: 20px; color: #fff; font-size: 17px; background: #1e2e43; position: absolute;bottom: 0;width: 100%}
	.lender .tag {position: absolute; display: block; width: 7px; height: 14px; top: 50%; left: -7px; background: url(../images/bluetag.png)}
	.lender img {float:left;margin-right: 15px;width: 150px;height: 75px}
    .lender_info{ padding: 2%;color: white}

    .lender_bottom {color: #fff; font-size: 30px; background: #1e2e43;bottom: 0;padding-left: 10%;padding-right: 10%;padding-top: 2%;padding-bottom: 2%;text-align: center;min-height: 80px}
	.lender_bottom .tag {position: absolute; display: block; width: 7px; height: 14px; top: 50%; left: -7px; background: url(../images/bluetag.png)}
	.lender_bottom img {float:left;margin-right: 15px;width: 250px;height: 125px}
    .lender_bottom_info{ padding: 3%;color: white}
    #property-search-wrapper-div .property_lender {background-color: #0c273d;padding: 15px 18px;font-size: 15px;line-height: 1.5;}
    #property-search-wrapper-div .property_lender a {color: #2A425D !important;}
    #property-search-wrapper-div .property_lender img {margin-top:8px}
    .propertySearch_lenderImg {width:45%;float:left;padding: 2%;}
    .propertySearch_lenderInfo {width:45%;float:right;color: white;padding: 3%;}
    .propertySearch_lenderInfo_span {font-size:20px}

	.listing_info span.price {font-size: 25px; line-height: 20px;font-style: italic;}
	.listing_info span.detail,.listing_info span.contact {font-size: 12px; line-height: 12px; color: #69707b;}
	.listing_desc {font-style: italic; padding: 10px 0}


	/********************* Subnav ************************/
	.subnav {background: #fff; height: 70px}
	.subnav li {float: left;}
	.subnav li a {display: block; padding: 25px 20px 25px 55px; font-weight: 600; text-transform: uppercase; color: #707070; background-position: 15px 24px; background-repeat: no-repeat; border-right: 1px solid #eee; font-size: 15px}
	.subnav li a:hover {background-color: #eee}
	.subnav li a.on, .subnav li a.on:hover {background-color: #2a425d; color: #fff; border: none}
	.subnav li a.featured {background-image: url(../images/mappoint-off.png)}
	.subnav li a.on.featured {background-image: url(../images/mappoint-on.png)}
	.subnav li a.all {background-image: url(../images/home-off.png)}
	.subnav li a.on.all {background-image: url(../images/home-on.png)}
	.subnav li a.schools {background-image: url(../images/schools-off.png)}
	.subnav li a.on.schools {background-image: url(../images/schools-on.png)}
	.subnav li a.hot {background-image: url(../images/people-off.png)}
	.subnav li a.on.hot {background-image: url(../images/people-on.png)}

    .mobile {display:none}
    .header div.mobile {float:right}
    .subnav li.mobile, .header div.mobile {padding: 15px 20px 15px 55px; font-weight: 600;color: #707070; font-size: 15px; background-repeat:no-repeat}
    .header div.mobile {float:right; padding-top: 30px; background-image: url(../images/menu.jpg); background-position:15px 24px; cursor:pointer }

    .subnav li {background-position:15px 12px; cursor:pointer}
    .subnav li.map_view {background-image: url(../images/map_view.jpg)}
    .subnav li.list_view {background-image: url(../images/list_view.jpg)}
    .subnav li.search_again {float:right; width: 34px; height: 34px; background: #de3d33 url(../images/search_sm.jpg) no-repeat 0 0 ; border: none; cursor: pointer; margin: 7px 5px; padding:0}

      .subnav-no-mobile {background: #172639; overflow:hidden}   /* Miki's new 10-13-14'*/


/********************* Home Page Blocks ************************/

.message, .quote {background: #dce0e2; padding: 90px 180px; text-align: center; color: #4d3f3f; font-size: 25px}
.quote {background: #fff; color:#28323b; font-style: italic; padding-top: 80px; padding-bottom: 120px}
.quote p {font-size: 25px; line-height: 33px}
.quote .author {display: block; float: right; font-size: 14px; padding: 20px}
.grey_arrow_pattern  {background: none !important}
.white_arrow_pattern  {background: none !important}
.grey_arrow_pattern, .white_arrow_pattern, .white_arrow_pattern_up {position: absolute; width: 100%; height: 10px; background: url(../images/greytab.png) repeat-x;}
.white_arrow_pattern {background: url(../images/whitetab.png) repeat-x;position: relative;}
.white_arrow_pattern_up {background: none !important}


.blog_summary { width: 100%; position: relative;}
.blog_summary .cell {width: 25%; float: left; overflow: hidden; }
.blog_summary .cell.rowspan2 {height: 600px}
.blog_summary .cell a, .blog_summary .cell p {background: #4d3f3f; color: #fff; display:block; padding: 0; height: 300px; overflow: hidden;}
.blog_summary .cell span {display: inline-block; vertical-align: middle; font-size: 21px; color: #fff; background: url(../images/blogbar.png) no-repeat 50% 0 ; padding: 40px; text-align: center; margin-top: 40px}
.blog_summary .cell img {width: 100%; min-height: 300px}

.blog_article_wood {background: url(../images/wood.jpg) repeat-x; overflow: hidden;width: 100%}
.blog_article_wood .cell {width: 50%; float: left; padding-top: 30px}
.blog_article_wood .cell .content {padding: 100px 70px;}
.blog_article_wood .cell .content h2 a {color: #363636; font-weight: 600; font-size: 35px}
.blog_article_wood .cell .content p {color: #363636; margin: 20px 0}


/********************* Calculators ************************/
.calculator_container {width: 100%; overflow: hidden;background: #fff;position: relative;/*min-height: 760px;*/}
.calculator_header {background: #385a7c;}
.calculator_header h2 {color: #fff !important; font-size: 29px; padding: 20px 20px;}
.calculator_header ul {border-bottom: 30px solid #002c59; overflow: hidden;}
.calculator_header ul li {float:left; background: #4878a8; border-top: 4px solid #385a7c}
.calculator_header ul li.on {background: #002c59 url(../images/calc_shadow.jpg) no-repeat top right; border:none;}
.calculator_header ul li a {padding: 14px 16px; display: block; font-size: 13px; color: #fff; border-right: 1px solid #91aeca}
.calculator_header ul li.on a {padding: 16px 25px 16px 19px; border:none; font-weight: 600; }
.calculator_header ul li a:hover {background-color: #385a7c;}
.calculator_header ul li.on a:hover {background: none}

.mortgage_calc_container {background: #002c59; position: relative; width: 100%;height: 650px; }
.mortgage_calc, .mortgage_results, .mortgage_chart {height: 500px;}
.mortgage_calc {background: #3d3e3f; float: left; width:30%; /*padding: 0 2%;*/}
.mortgage_calc .cell {float:left; width:44%; padding: 0% 3% 3% 3%;}
.mortgage_calc_container .cell p {padding-top: 12px; color: white; font-size: 12px; line-height: 120%;}
.mortgage_calc label {padding:7px 0 3px 0; color: white; font-size: 13px; font-weight: 400; display: block;}
.mortgage_calc input {width:90%; padding:5%;font-size: 16px;background-color: #eef0f1;border: 0px;}
.mortgage_calc .cell.full {width: 94%;}
.mortgage_calc .cell.full .custom-dropdown {margin:0; width: 100%; font-size: 16px;color: #000; -webkit-appearance: none;}
.mortgage_calc .cell.full .custom-dropdown_select { padding: 7px;color: #000;-webkit-appearance: none;}
.mortgage_chart {background: #fff url(../images/laptop_center.jpg) repeat-x -2px 30px; float: left; width:40%; position: relative; text-align: center;}
.mortgage_chart img {margin-top: 80px;}
.mortgage_results {/*background: #fff url(../images/laptop_right.jpg) no-repeat -2px 30px;*/height: 100%; background-color: #446c93; float: right; width:30%; position: relative;margin-right: 4%;}
.mortgage_details { float: right; width: 85%; margin: 100px 20px 0 0 }
.mortgage_details td { font-size: 14px; padding: 8px 5px; background: #f6f8f9}
.mortgage_details tr td:last-child {text-align: right; background: #f1f3f4}
.mortgage_details tr td:first-child {width:20px;}
.mortgage_details tr.principal td:first-child {background: #c3b59b;}
.mortgage_details tr.taxes td:first-child {background: #b0cccd}
.mortgage_details tr.insurance td:first-child {background: #a8a9ad}
.mortgage_details tr.hoa td:first-child {background: #f58256}
.mortgage_details tr.pmi td:first-child {background: #edd3b0}
.mortgage_total {position: absolute; top: 352px; right:0; height: 88px; background: #f1f3f4; width: 75%}
.mortgage_total span {display: block; text-transform: uppercase; font-size: 12px; float: left; padding: 35px 5px 0 0}
.mortgage_total span.price {display: block; font-size: 40px; font-weight: 600; float:left; padding-top: 12px; letter-spacing: -1px}

.affordability_calc_container {background: #002c59; position: relative; width: 100%; height: 650px}
.affordability_calc, .affordability_results, .affordability_chart {height: 500px;}
.affordability_calc {background: #3d3e3f; float: left; width:30%; /*padding: 0 2%;*/}
.affordability_calc .cell {float:left; width:44%; padding: 0% 3% 3% 3%;}
.affordability_calc label {padding:7px 0 3px 0; color: #bbbbbc; font-size: 13px; font-weight: 400; display: block;}
.affordability_calc input {width:90%; padding:5%; font-size: 16px}
.affordability_calc .cell.full {width: 94%;}
.affordability_calc .cell.full .custom-dropdown {margin:0; width: 100%; font-size: 16px;color: #000; -webkit-appearance: none;}
.affordability_calc .cell.full .custom-dropdown_select { padding: 7px;color: #000;-webkit-appearance: none;}
.affordability_chart {background: #fff url(../images/laptop_center.jpg) repeat-x -2px 30px; float: left; width:40%; position: relative; text-align: center;}
.affordability_chart img {margin-top: 80px;}
.affordability_results {/*background: #fff url(../images/laptop_right.jpg) no-repeat -2px 30px;*/ background-color: #446c93; float: right; width:30%; position: relative;margin-right: 4%;height: 300px}
.affordability_details { float: right; width: 85%; margin: 100px 20px 0 0 }
.affordability_details td { font-size: 14px; padding: 8px 5px; background: #f6f8f9}
.affordability_details tr td:last-child {text-align: right; background: #f1f3f4}
.affordability_details tr td:first-child {width:20px;}
.affordability_details tr.principal td:first-child {background: #c3b59b;}
.affordability_details tr.taxes td:first-child {background: #b0cccd}
.affordability_details tr.insurance td:first-child {background: #a8a9ad}
.affordability_details tr.hoa td:first-child {background: #f58256}
.affordability_details tr.pmi td:first-child {background: #edd3b0}
.affordability_total {position: absolute; top: 352px; right:0; height: 88px; background: #f1f3f4; width: 75%}
.affordability_total span {display: block; text-transform: uppercase; font-size: 12px; float: left; padding: 35px 5px 0 0}
.affordability_total span.price {display: block; font-size: 40px; font-weight: 600; float:left; padding-top: 12px; letter-spacing: -1px}

.rental_calc_container {background: #002c59; position: relative; width: 100%;height: 650px }
.rental_calc, .rental_results, .rental_chart {height: 500px;}
.rental_calc {background: #3d3e3f; float: left; width:30%; /*padding: 0 2%;*/height: 210px;margin-top: 15%;}
.rental_calc .cell {float:left; width:44%; padding: 0% 3% 3% 3%;}
.rental_calc label {padding:7px 0 3px 0; color: #bbbbbc; font-size: 13px; font-weight: 400; display: block;}
.rental_calc input {width:90%; padding:5%; font-size: 16px}
.rental_calc .cell.full {width: 94%;}
.rental_calc .cell.full .custom-dropdown {margin:0; width: 100%; font-size: 16px;color: #000;-webkit-appearance: none;}
.rental_calc .cell.full .custom-dropdown_select { padding: 7px;color: #000;-webkit-appearance: none;}
.rental_chart {background: #fff url(../images/laptop_center.jpg) repeat-x -2px 30px; float: left; width:40%; position: relative; text-align: center;}
.rental_chart img {margin-top: 80px;}
.rental_results {/*background: #fff url(../images/laptop_right.jpg) no-repeat -2px 30px;*/ background-color: #446c93; float: right; width:30%; position: relative;margin-right: 4%;height: 207px;margin-top: 15%;}
.rental_details { float: right; width: 85%; margin: 100px 20px 0 0 }
.rental_details td { font-size: 14px; padding: 8px 5px; background: #f6f8f9}
.rental_details tr td:last-child {text-align: right; background: #f1f3f4}
.rental_details tr td:first-child {width:20px;}
.rental_details tr.principal td:first-child {background: #c3b59b;}
.rental_details tr.taxes td:first-child {background: #b0cccd}
.rental_details tr.insurance td:first-child {background: #a8a9ad}
.rental_details tr.hoa td:first-child {background: #f58256}
.rental_details tr.pmi td:first-child {background: #edd3b0}
.rental_total {position: absolute; top: 352px; right:0; height: 88px; background: #f1f3f4; width: 75%}
.rental_total span {display: block; text-transform: uppercase; font-size: 12px; float: left; padding: 35px 5px 0 0}
.rental_total span.price {display: block; font-size: 40px; font-weight: 600; float:left; padding-top: 12px; letter-spacing: -1px}

/*Caluculators styles - hari - start*/
.calculator_container .bluebutton{background: #385a7c;}

.mortgage_calc_img{vertical-align: bottom;height: 100%;}
.mortgage_calc_text{margin-top: 70px}
.mortgage_calc_image_text {background: #002c59; float: left; width:30%; padding: 0 2%;color: white;height: 500px; position: relative}
.mortgage_calc_image_text p { font-size: 10pt;}
.mortgage_calc_header{color: white;padding: 3% 3% 1% 3%;font-weight: bolder;font-size: 15pt;}
.mortgage_results .cell {float:left; width:44%; padding: 1% 3% 5% 3%;}
.mortgage_results label {padding:7px 0 3px 0;color: white; font-size: 13px; font-weight: 400; display: block;}
.mortgage_results input {width:91%; padding:5%;font-size: 16px;background-color: #eef0f1;border: 0px;}
.mortgage_results .cell.full {width: 94%;padding: 3% 3% 3% 3%;background-color: #385a7c;}
.mortgage_results .cell.full input { font-weight: bolder;font-size: 17pt;padding: 3% 3% 3% 6%}
.mortgage_results .cell.full label {font-weight: bolder;font-size: 11pt;padding: 5px 0 3px 0;}
.mortgage_results .cell.full .custom-dropdown {margin:0; width: 100%; font-size: 16px;color: #000; -webkit-appearance: none;}
.mortgage_results .cell.full .custom-dropdown_select { padding: 7px;color: #000;-webkit-appearance: none;}
.mortgage_results_header{color: white;padding: 3% 3% 1% 3%;font-weight: bolder;font-size: 15pt;}
 #mortgage_calculate{float: right;/*margin-right: 3%;*/}

.affordability_calc_img{vertical-align: bottom;height: 100%;}
.affordability_calc_text{margin-top: 70px}
.affordability_calc_image_text {background: #002c59; float: left; width:30%; padding: 0 2%;color: white;height: 500px; position: relative}
.affordability_calc_image_text p { font-size: 10pt;}
.affordability_calc_header{color: white;padding: 3% 3% 1% 3%;font-weight: bolder;font-size: 15pt;}
 #affordability_calculate{float: right;margin-right: 3%;}

.affordability_results .cell {float:left; width:44%; padding: 1% 3% 5% 3%;}
.affordability_results label {padding:7px 0 3px 0;color: white; font-size: 13px; font-weight: 400; display: block;}
.affordability_results input {width:90%; padding:5%;font-size: 16px;background-color: #eef0f1;border: 0px;}
.affordability_results .cell.full {width: 95%;padding: 3% 2% 3% 3%;background-color: #385a7c;}
.affordability_results .cell.full input { font-weight: bolder;font-size: 17pt;padding: 3% 3% 3% 6%;}
.affordability_results .cell.full label {font-weight: bolder;font-size: 11pt;padding: 5px 0 3px 0;}
.affordability_results .cell.full .custom-dropdown {margin:0; width: 100%; font-size: 16px;color: #000; -webkit-appearance: none;}
.affordability_results .cell.full .custom-dropdown_select { padding: 7px;color: #000;-webkit-appearance: none;}
.affordability_results_header{color: white;padding: 3% 3% 1% 3%;font-weight: bolder;font-size: 15pt;}


.rental_calc_img{vertical-align: bottom;height: 100%;}
.rental_calc_text{margin-top: 70px}
.rental_calc_image_text {background: #002c59; float: left; width:30%; padding: 0 2%;color: white;height: 500px; position: relative}
.rental_calc_image_text p { font-size: 10pt;}
.rental_calc_header{color: white;padding: 3% 3% 1% 3%;font-weight: bolder;font-size: 15pt;}
.rental_results .cell {float:left; width:44%; padding: 1% 3% 5% 3%;}
.rental_results label {padding:7px 0 3px 0;color: white; font-size: 13px; font-weight: 400; display: block;}
.rental_results input {width:90%; padding:5%;font-size: 16px;background-color: #eef0f1;border: 0px;}
.rental_results .cell.full {width: 95%;padding: 3% 2% 3% 3%;background-color: #385a7c;}
.rental_results .cell.full input { font-weight: bolder;font-size: 17pt;padding: 3% 3% 3% 6%;}
.rental_results .cell.full label {font-weight: bolder;font-size: 11pt;padding: 5px 0 3px 0;}
.rental_results .cell.full .custom-dropdown {margin:0; width: 100%; font-size: 16px;color: #000; -webkit-appearance: none;}
.rental_results .cell.full .custom-dropdown_select { padding: 7px;color: #000;-webkit-appearance: none;}
.rental_results_header{color: white;padding: 3% 3% 1% 3%;font-weight: bolder;font-size: 15pt;}
 #rental_calculate{float: right;margin-right: 3%;}


/*Caluculators styles - hari- end*/

#listing-detail-container { height: 100%; width: 100%; color: #ffffff; font-size: 10pt; }
#listing-list-container { overflow-y: scroll; -webkit-overflow-scrolling: touch; }

/* hiding this for now because it's too hard to see - Miki 
#listing-list-container::-webkit-scrollbar {width:20px;background-color:#1e2e43; } 
#listing-list-container::-webkit-scrollbar-track-piece  {padding:2px}
#listing-list-container::-webkit-scrollbar-thumb {background-color:#5e7a99; box-shadow: 0 2px 2px #4d3f3f; }
#listing-list-container::-webkit-scrollbar-thumb:active{box-shadow: none}
*/

.listing-container { padding: 0px; margin: 0; height: 100%; display: none; background:#2a425d; width:35%; float:left }
.listing-container-details { padding: 0px; margin: 0; height: 100%; display: none; }


.panel-listing-item { margin: 0; cursor: pointer; overflow:hidden; border-top: 1px solid #42576e; border-bottom:1px solid #37516c; padding: 5px; border-left: 3px solid #2a425d; border-right: 3px solid #2a425d }
.panel-listing-body { padding: 0 0 0 3%; vertical-align: top; color: #ffffff; min-height: 120px; float:left; width:60% }
.panel-listing-item.on { background-color: #37516c; }
.panel-listing-image { display: block; float:left; width: 30%; padding: 2%; position:relative}
li em.favorite {display:block; width: 30px; height:30px; top:4px; left:3px; background:url(../images/star.png) no-repeat; position: absolute; z-index: 10;}
li em.favorite:hover {cursor: pointer;}
.panel-listing-image div:first-child {width: 100%; border: 2px solid #fff; margin: 0;}
.listing-image {width: 100%;max-height: 150px; display: block}
#listing-list-container ul li {position: relative;}
#listing-list-container ul li .panel-listing-body ul li { font-size:13px; color:#9ba4b0; }
#listing-list-container ul li .panel-listing-body li.price {font-size:26px;-ms-text-shadow: 1px 1px #666;text-shadow: 1px 1px #666; color: #fff; padding: 7px 0 2px 0;font-weight: 600;}
#listing-list-container .extrainfo {font-size: 10px;padding: 1% 2% 0 2%;width: 100%;}
#listing-list-container .extrainfo .courtesy {padding: 0 0 0 0;width: 65%;float: left;font-size: 13px;color: #9ba4b0;}
#listing-list-container .extrainfo .logo { float: right;padding: 0 3% 1% 0;width: 30%;text-align: right;}
#listing-list-container .extrainfo .logo img { vertical-align: middle}
#listing-list-container .extrainfo .logo span { font-size: 13px;color: #9ba4b0;text-align: left;margin-left: 2%;}

.unmarkAsfavoriteUsingSession.favoriteHome {background:url(../images/star-gold.png) no-repeat; }
.markAsfavoriteUsingSession.favoriteHome {background:url(../images/star-grey.png) no-repeat; }
.markAsfavorite.favoriteHome {background:url(../images/star-grey.png) no-repeat; }


#back-to-list { float: right; padding-right: 5px; cursor: pointer; }

#listing-list-container ul li:hover .panel-listing-item {background: #415c78 !important;}
.offices_list .listing-container {float:right; width:30%}
/*#listing-list-container ul li:hover .panel-listing-item {background: #fff; border: 3px solid #1e2f43}
#listing-list-container ul li:hover .panel-listing-image div:first-child {border: 3px solid #bababa;}
#listing-list-container ul li:hover .panel-listing-body li {color: #9b9b9b}
#listing-list-container ul li:hover .panel-listing-body li.price { text-shadow: 1px 1px #fff; color: #3d3d3d;}*/

.listing_agent a { color: #fff;text-decoration: underline;}
.listing_agent_top {padding: 20px; color: #fff; font-size: 14px; background: #1e2e43; position: relative; margin: -5px 0 0 0; }
.listing_agent_top .tag {position: absolute; display: block; width: 7px; height: 17px; top: 50%; left: -7px; background: url(../images/bluetag.png)}
.listing_agent_top img {float:left; margin-right: 15px}

.listing-property-details { padding: 15px; overflow-y: auto; }
.listing-property-details .address { font-size: 14pt; }
.listing-property-details .city-state-zip { font-size: 12pt; }
.listing-description { margin-top: 15px; }
.listing-features { margin-top: 15px; }
.listing-features ul li { margin-left: 15px; }
.listing-disclaimer { margin-top: 15px;font-size: 8pt; }
.listing-features-misc > li {display: inline-block;float:left;min-width: 150px;width:30%;}


/********************* Property Detail Page ************************/
.dim {width: 100%; position: absolute; min-height: 600px; z-index:15; background: url(../images/dim.png); opacity: .5; cursor: pointer}


.property-detail {width: 65%; float:left; position: relative}
.property-detail .property-icons {background:#f4f4f4; padding: 20px 25px 20px 15px; overflow:hidden; position: absolute; width: 97%}
.property-detail .property-icons a {display:block; float:left; width:34px; height: 29px; background-repeat: no-repeat !important; margin: 0 3px}
.property-detail .property-icons .icon-fav {background: url(../images/btn_star.jpg)}
.property-detail .property-icons .icon-fav.on {background: url(../images/btn_star_on.jpg)}
.property-detail .property-icons .icon-email {background: url(../images/btn_email.jpg)}
.property-detail .property-icons .icon-fb {background: url(../images/btn_fb.jpg)}
.property-detail .property-icons .icon-twitter {background: url(../images/btn_twitter.jpg)}
.property-detail .property-icons .icon-new {background: url(../images/btn_new.jpg); float:right}
.property-detail .property-icons .icon-close {background: url(../images/btn_close.jpg); width: 76px; float:right}
.property-detail .property-info { padding: 25px 40px 23px 40px; overflow-x: auto; margin-top:70px}
.property-detail .property-info .property-slideshow {margin: 0 auto}
/*.property-detail .property-info .property-slideshow .property-slides{position: relative}
.property-detail .property-info .property-slideshow .property-slides img {width:100%}
.property-detail .property-info .property-slideshow .property-slides .arrow{position:absolute; display:block; width:47px; height: 50px; z-index:40; top: 45%; opacity:.8}
.property-detail .property-info .property-slideshow .property-slides .arrow.left {left:0; background: url(../images/slidel_arrow_left.png)}
.property-detail .property-info .property-slideshow .property-slides .arrow.right {right:0; background: url(../images/slide_arrow_right.png)}*/
/*.property-detail .property-info .property-slideshow ul {padding: 0 5px; overflow:hidden}
.property-detail .property-info .property-slideshow ul li {float:left; list-style: none; padding: 3px}
.property-detail .property-info .property-slideshow ul li img {border: 2px solid #fff; opacity:.6}
.property-detail .property-info .property-slideshow ul li img.on {border: 2px solid #4878a8; opacity:1}*/
.property-detail .listing-facts {padding: 30px 0 10px 0; overflow:hidden}
.property-detail .listing-facts .facts {float:left; width:55%; padding: 0 5% 0 0}
.property-detail .listing-facts .facts h2 {color: #000; font-size:28px; line-height: 30px; margin-bottom: 10px}
.property-detail .listing-facts .facts p {font-size: 15px; color: #333}
.property-detail .listing-facts .facts p.listing-status {font-weight: bold; padding: 0px 2px}
.property-detail .listing-facts .facts p.beds {font-size: 18px; color: #999}
.property-detail .listing-facts .facts p.mls {font-size: 18px; color: #999}
.property-detail .listing-facts .facts p.price {font-weight:600; color: #000; padding:30px 0 5px 0; font-size:25px}
.property-detail .listing-facts .facts p.price-change {background: url(../images/arrow_up.gif) 0 5px no-repeat; padding-left: 16px; color: green}
.property-detail .listing-facts .facts p.price-change.down {background: url(../images/arrow_down.gif) 0 5px no-repeat; color:red}
.property-detail .listing-facts .facts p.price-details {font-size: 12px; line-height: 14px;}
.property-detail .property-facts {padding: 20px 0}
.property-detail .property-facts li {list-style-type:circle; font-size:12px; margin-left:20px; }
.property-detail .property-facts li.head {list-style-type:none; font-size:18px; margin-left:0; padding: 3px 0}
.property-detail .contact-agent {float:left; width:35%; padding: 2%; border: 1px solid #e2e2e2; background: #f8f8f8}
.property-detail .contact-agent h3 {font-size: 16px; color: #000; line-height: 18px; padding-bottom: 15px}
.property-detail .contact-agent img { float: left; padding-right: 12px;padding-bottom: 12px;width: 90px;height:105px}
.property-detail .contact-agent .listing-agent-details {float: left; color: #000; display: inline; width: 50%}
.property-detail .contact-agent .listing-agent-details span.title {color:#989898; text-transform: uppercase; font-size: 11px}
.property-detail .contact-agent .listing-agent-details span.name {color:#4679a8;}
.property-detail .contact-agent .listing-agent-details a {float: left; display:block; padding-right: 3px; height: 19px}
.property-detail .contact-agent .listing-agent-details a.agent-fb {background: url(https://static1.realtyexecutives.com/site-files/a4841936-b77e-4418-8b7b-4d9298d554a7) no-repeat; width: 15px}
.property-detail .contact-agent .listing-agent-details a.agent-twitter {background: url(https://static1.realtyexecutives.com/site-files/39125088-be88-42be-b255-2bb0c4a1e113) no-repeat; width: 25px}
.property-detail .contact-agent .listing-agent-details a.agent-email {background: url(../images/icon_email.gif) no-repeat; width: 25px}
.property-detail .contact-agent input, .property-detail .contact-agent textarea { padding: 15px; border: 1px solid #e2e2e2; background: #fff; width: 90%;}
.property-detail .contact-agent textarea { min-height: 100px;}
.property-detail .contact-agent input[type=submit] {background: #de3d33; color: #fff; width: 100%; margin: 15px 0}

.property-detail-loading{position: absolute;top:0;left: 0;z-index: 100;background-color: white;width: 100%;height:10000px;overflow:hidden;display: none}
.property-detail-loading img {margin-left: 50%;margin-top: 100px;}
.property-detail .listing-facts .facts p.provider {font-size: 14px;color: #2E2E2E;padding: 3px 0}
.property-detail .listing-facts .facts p.provider .logo img { vertical-align: middle;padding: 3px 5px}
.property-detail .listing-facts .facts p.provider .logo .text {font-size: 14px;color: #2E2E2E;padding: 3px 0}
.property-detail .listing-facts .facts p.provider .courtesy {font-size: 14px;color: #2E2E2E;padding: 3px 0}
.property-detail .listing-facts .facts p.listingurl a {font-size: 14px;color: #DE3D33;padding: 3px 0;text-decoration: underline}
.property-detail .listing-facts .facts p.listingcopyright {font-size: 12px;color: #2E2E2E;line-height: 1.2;padding: 3px 0}
.property-detail .listing-facts .facts p.disclaimer {font-size: 12px;color: #2E2E2E;line-height: 1.2;padding: 3px 0}

.property-detail .contact-agent .errormsg {font-size: 14px;color: #DE3D33; line-height: 1.3;}
.property-detail .listing-update-date { font-size: 14px;color: #333;}

/*.property-detail-full-details {width: 30%; background:#2a425d; position: absolute; min-height: 600px;right: 0;z-index: 20}*/




.agent-card .about-header {
    color: #000000; 
    padding-bottom: 10px; 
    font-weight: bold; 
    font-size: 20px;
}
.agent-card .about-website {
    padding-bottom: 5px;
}
.agent-card {
    font-size: 15px;
}
.agent-card h5 {
    color: inherit;
}

.contact-me {
	-moz-box-shadow:inset 0px 1px 0px 0px #cf866c;
	-webkit-box-shadow:inset 0px 1px 0px 0px #cf866c;
	box-shadow:inset 0px 1px 0px 0px #cf866c;
	background-color:#b70e2b;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:1px solid #942911;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:13px;
	font-weight:bold;
	padding:4px 18px;
	text-decoration:none;
    text-transform: uppercase;
	text-shadow:0px 1px 0px #854629;
}
.contact-me:hover {
	background-color:#f22517;
}
.contact-me:active {
	position:relative;
	top:1px;
}
.contact-me-div { position: absolute; bottom: 60px; right: 20px; }

.agents_container { width: 100%; height: 609px; position: relative; }
.agents_container .white_arrow_pattern_up { top: 603px; }


/*.agents-hero { background: url(/Content/images/find_agent.png) no-repeat; width: 70%; height: 609px; float: left; }
.search-agent { width: 30%; float:left; background:#2a425d; position: relative; min-height: 600px; height: 100%; }*/

.agents-hero { background: url(/Content/images/find_agent.png) no-repeat; width: 55%; height: 609px; float: left; }
.search-agent { width: 45%; float:left; background:#20364e url(../images/agent_back.jpg) repeat-x; position: relative; min-height: 600px; height: 100%; }
.agents_container .search-agent {width: 45%; float:right;}
.agents_container .search-agent.agent-results {width:30%} /*Miki's change'*/


.smartsearch .agentname {width:38%; padding: 13px 12px; border: none; font-size: 18px; color: #a1a1a1; margin-right: 15px; }
.smartsearch .officename {width: 38%; padding: 13px 12px; border: none; font-size: 18px; color: #a1a1a1; margin: 15px 0;}
.search-agent-header {background: #2a425d;}
.search-agent-header h2 {color: #fff; font-size: 29px; padding: 20px 20px;}
.search-agent-header ul {border-bottom: 30px solid #2a425d; overflow: hidden;}
.search-agent-header ul li {float:left; background: #d0d5d8;border-top: 4px solid #2a425d; }
.search-agent-header ul li.on {background: #2a425d; border:none;}
.search-agent-header ul li a {padding: 14px 16px; display: block; font-size: 13px; color: #1d2d44; border-right: 1px solid #91aeca}
.search-agent-header ul li.on a {padding: 16px 25px 16px 19px; border:none; font-weight: 600; color: #ffffff; }


/*.search-agent-header ul li a:hover {background-color: #2a5b8b; color: #ffffff;}*/
.search-agent-header ul li a:hover {background-color: #26486d; color: #ffffff; cursor: pointer} /*Miki's change'*/


.search-agent-header ul li.on a:hover { background: none;}
#map_canvas {position: absolute; border: 3px solid #2a425d; }
#map_canvas img {max-width: none }
.validate {border:#DE3D33 1px solid !important}
#reqInfo {padding-left: 10px; }
.reqInfoTextBox {width: 90%;padding: 12px 12px;font-size: 18px; font-family: 'Open Sans', sans-serif; }
#sucessForm{width: 90%;color: #468847;background-color: #dff0d8;border-color: #d6e9c6;padding: 12px 12px;}

.gm-style .gm-style-iw {overflow:hidden !important }
.gm-style .gm-style-iw .panel-listing-item {border:none; padding: 0}
.gm-style .gm-style-iw .panel-listing-item a {color:white; padding: 7px 10px; text-transform:uppercase; background: #385a7d; font-size: 15px !important; display:block; float:left }
.gm-style .gm-style-iw .panel-listing-image div:first-child {border-color: #d2d4d1}
.gm-style .gm-style-iw .panel-listing-body {color:#989898; min-height:100px}
.gm-style .gm-style-iw .panel-listing-body2 {padding: 0 0 0 3%; min-height: 50px; float:left}
.gm-style .gm-style-iw .panel-listing-body .price {color: #242424; font-size: 28px; font-weight: 600; line-height: 40px}
.gm-style .gm-style-iw .panel-details-button { padding: 0 0 0 3%;float: left;}



/* Inner Page Styles */
/*url(/Content/images/inner_back.jpg) top right no-repeat*/
.inner_header_bar {background: #4878a8; padding: 10px 0 0 40px; height: 96px;position: relative;overflow:hidden}
.inner_header_bar h1 {color:white; font-size: 44px; line-height: 50px}
.inner_header_bar h2 {color:white; font-size: 21px;}
.inner_header_bar .notches {position:absolute; bottom:0px; left:0px; width: 100%; height: 6px; background: #4878a8 url(/Content/images/notch.png) repeat-x;}

.inner_content {width: 90%; padding: 2%}

.inner_content .left_col {float:left; width:20%; padding: 0 5%;}
.inner_content .left_col_nav {font-size: 17px; font-weight: 300; color: #4c4c4c; padding: 30px 0; border-bottom: 1px solid #cccccc}
.inner_content .left_col_nav img {padding: 5px;border: 1px solid #dddddd;}
.inner_content .left_col_nav h4 {color: #636363; text-transform: uppercase; font-size: 16px; font-weight: 600;  }
.inner_content .left_col_nav h4:first-child {padding-top:0} 
.inner_content .left_col_nav ul li {padding: 15px 0 15px 15px}
.inner_content .left_col_nav ul li a {color: #4c4c4c}

.inner_content .right_col {float:right; width:58%; padding: 0 5%; color: #818181; border-left: 1px solid #cccccc}
.inner_content .right_col h3 {font-size: 28px; color: #363636}
.inner_content .right_col p {padding: 10px 0}
.inner_content .right_col .one_col {width: 95%; padding:0 5% 5% 0}
.inner_content .right_col .two_col div {float: left; width: 45%; padding:5% 5% 5% 0}
.inner_content .right_col .three_col div {float: left; width: 30%; padding:5% 3% 5% 0}
.inner_content .quote {padding: 20px 0 90px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee}


.inner_content_agent {width: 90%; padding: 2%}

.inner_content_agent ul li {list-style: inherit;}
.inner_content_agent ul {list-style: inside; padding-left: 40px;}
.inner_content_agent .left_col {float:left; width:20%; padding: 0 5%;}
.inner_content_agent .left_col_nav {font-size: 17px; font-weight: 300; color: #4c4c4c; padding: 30px 0; border-bottom: 1px solid #cccccc}
.inner_content_agent .left_col_nav img {padding: 5px;border: 1px solid #dddddd;}
.inner_content_agent .left_col_nav h4 {color: #636363; text-transform: uppercase; font-size: 16px; font-weight: 600;  }
.inner_content_agent .left_col_nav h4:first-child {padding-top:0} 
.inner_content_agent .left_col_nav ul li {padding: 15px 0 15px 15px;}
.inner_content_agent .left_col_nav ul li a {color: #4c4c4c}

.inner_content_agent .left_col_nav .search_input {}
/*.inner_content_agent .left_col_nav input[type:submit] {}*/

.inner_content_agent .right_col {float:right; width:58%; padding: 0 5%; color: #818181; border-left: 1px solid #cccccc}
.inner_content_agent .right_col h2 { color: #4d3f3f; }
.inner_content_agent .right_col h3 {font-size: 28px;color: #363636;}
.inner_content_agent .right_col h4 {color: #000;}
.inner_content_agent .right_col h5 {color: #a6a7ab; text-transform: uppercase;}
.inner_content_agent .right_col p {padding: 10px 0}
.inner_content_agent .right_col .one_col {width: 95%; padding:0 5% 5% 0}
.inner_content_agent .right_col .two_col div {float: left; width: 45%; padding:5% 5% 5% 0}
.inner_content_agent .right_col .three_col div {float: left; width: 30%; padding:5% 3% 5% 0}
.inner_content_agent .quote {padding: 20px 0 90px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee}


/********************* Agent/ Office Search ************************/

 .agent-search-prop {width: 30%; float:left; background:#2a425d; position: relative;min-height: 500px;overflow-x: hidden;overflow-y: scroll; }
#agent-list-container { height: auto;}
.agent-container { padding-left: 5px; margin: 5px 0; height: auto; display: none; }


.prior_search input[type=submit] {
    
    display: inline-block;
    width: 50px;
    height: 50px;
    background: #de3d33 url(../images/search.png) no-repeat 10px 10px;
    border: none;
    cursor: pointer;
    margin-right: 10px;
    float: right;
}
.prior_search .search_val {width:70%; padding: 12px 12px; border: 2px inset red; font-size: 18px; color: #a1a1a1;}
.smart_OfficeSearch {padding: 15px;}
.smart_OfficeSearch h1 {color: #fff; font: 400 40px/44px "Open Sans", sans-serif; padding: 10px 0; letter-spacing: -1px}
.smart_OfficeSearch .locationOffice {width:91%; padding: 12px 12px; border: none; font-size: 18px; color: #a1a1a1;}
.smart_OfficeSearch .officename {width: 38%; padding: 13px 12px; border: none; font-size: 18px; color: #a1a1a1; margin: 15px 0;}
.smart_OfficeSearch input[type=submit] {

    float: right;
    display: inline-block;
    width: 50px;
    height: 50px;
    background: #de3d33 url(../images/search.png) no-repeat 10px 10px;
    border: none;
    cursor: pointer;
    margin-top: 15px;
    margin-right: 15px;
}

.panel-office-listing-item { margin: 5px 0 5px 0; cursor: pointer; border-bottom: 1px solid #ffffff; padding-bottom: 15px; }
.panel-office-listing-body { padding: 0 0 0 10px; display: inline-block; vertical-align: top; color: #ffffff; max-width: 210px; width: 100%; height: auto; }
.panel-office-listing-body.on { background-color: #aaaaaa; }
.panel-office-listing-image { display: inline-block; }


/********************* Jquery UI Tabs CSS MOD for Agent/Office Search ************************/

#tabs { padding: 0px; border: none; background: none} 
#tabs .ui-tabs-nav { padding:15px 0 0 10px; border-radius: 0; background: #d0d5d8; border: 0} 
#tabs .ui-tabs-nav li a {font-size: 18px}
#tabs .ui-tabs-panel { background: none }
.search-agent-nav {}
.search-agent-header {background: none}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {background: #25496d; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active a {color: #fff}

/*CSS FOR LISTING RESULTS LAYOUT*/

.container_20 {float: left; padding: 20px 2%;width: 65%; }


.container_16 {
margin-left: auto;
margin-right: auto;
width: 60%;
padding: 0 10%
}

.agents { margin: 14px 10px 0 0; height: 200px !important; padding: 10px 1%; min-width: 312px; float: left; background:#fff; border: 1px solid #dee0e1; box-shadow: 1px 1px 3px #ccc; width:30% }
.agents img { background:#ffffff; display:inline; text-align:center; padding:5px; border:1px solid #dddddd; float: left;width: 100px; max-height:130px}
.grid_left {padding: 5px 0 0 2%; width: 61%; color: #000000; float: left; display: inline-block}
.grid_left .office {color:#4878a8}
.gridsingle { margin-top:26px; }
.address { clear:left; color:#000; }
/*.price { color:#000; font-weight:700; font-size:14px; padding-left:26px; }*/
.address_thumb { font-size:13px; padding-left:5px; font-weight:normal; text-transform:none; color:#222; }
.address_thumb strong {font-size:16px; }
.address_thumb ul li {
    overflow: hidden;
    text-overflow: ellipsis;
}


.agent-profile-social { margin-top: 20px; }
.agent-profile-social img { width: 25px; }



/*====================================================== Property Listings =======*/
.float_agent { float:left; margin:3px 10px 8px 0; border:1px solid #a4d1fb; background:#daf7ff; padding:3px; }
a:hover .float_agent { float:left; border:1px solid #ebebeb; background:#f7f7f7; padding:3px; }
a:hover .left_float_image { float:left; border:1px solid #777; background:#eee; padding:3px; }
.left_float_image { float:left; margin:3px 10px 35px 0; border:1px solid #cacaca; background:#eaeaea; padding:3px; }
.more,.more a { color:#0e4d91; font-weight:bold; }
.more a:visited { color:#0e4d91; font-weight:bold; }
.more a:hover { color:#000; font-weight:bold; text-decoration:none; }

/*====================================================== Agents Search List Page =======*/
.current_property { text-decoration:none; font-weight:bold; text-align:left; letter-spacing:0; padding-left:10px; font-size:13px; margin:0; margin-bottom:5px; color:#000; margin-top:10px; }
img.agent_listing { float:left; margin:3px 10px 15px 0; border:1px solid #ddd; background:#ebebeb; padding:3px; }
.agents img.agent_listing { width:50px; height:50px; border:none; border-left:1px solid #ebebeb; border-top:1px solid #ebebeb; background:#f7f7f7; padding:0; }
.agents img.agent_listing:hover { padding:0; border:1px solid #ebebeb; border-right:none; }
img.agent_search { float:left; margin:3px 10px 5px 0; border:1px solid #a4d1fb; background:#daf7ff; padding:3px; }
.agents img.agent_search { width:50px; height:50px; border:none; border-left:1px solid #ebebeb; border-top:1px solid #ebebeb; background:#f7f7f7; padding:0; }
.agents img.agent_search:hover { padding:0; border:1px solid #ebebeb; border-right:none; }
.list_view img.agent_list_view { width:90px; height:107px; border:1px solid #ccc; background:#ebebeb; padding:3px; margin-top:3px; }
.listview h2 { padding-left:0!important; }
.listview { width:550px; margin-left:20px; }
.list_view img.agent_list_view:hover { padding:3px; margin-top:3px; border:1px solid #a4d1fb; background:#daf7ff; }
.listview_features { text-decoration:none; text-align:left; letter-spacing:0; line-height:26px; padding:0 10px 15px; font-size:13px; background-color:#fff; margin-bottom:5px; color:#000; font-weight:normal; float:left; width:200px; }
.features_left { text-decoration:none; text-align:left; letter-spacing:0; line-height:22px; font-size:13px; margin-bottom:5px; color:#000; font-weight:normal; float:left; width:200px; }
.thumbs { float:left; margin:5px 8px 5px 0; padding:3px; border:solid #eeeeee 2px; background:#f7f7f7; }
.highlight { color:#000000; }
.gallery { margin-bottom:15px; }
.metaagent { background:url(images/blue/arrow.png) no-repeat top left; padding:0 0 10px 24px; font-weight:bold; }
.metaagentname { font-weight:normal; font-size:11px; }
.metaagentnamethumb { font-size:18px; padding-left:83px; }
.metalistingtype { font-weight:bold; padding:2px 4px; background:#a80000; color:#fff; font-size:12px; }
.metalistingtypel { background:#000 url(images/arrow.png) no-repeat top left; padding:0 0 10px 24px; font-weight:bold; color:#fff; font-size:11px; }
.metalistingtypethumb { font-weight:bold; padding:3px 4px; background:#a80000; color:#fff; font-size:11px; }

.agent_results {}
.agent_results h1 {font-size: 30px; color: #000}
.agent_results div.agent_header {padding: 5px 30px 0 0}
.agent_results .terms {color: #666; display: block; float: left}
.agent_results .results {color: #666; font-style: italic; display: block; float: right}


#main_content h2 {
color: #000;
font-size: 26px;
font-weight: normal;
font-style: normal;
text-transform: none;
margin: 0;
padding: 0 0 0 26px;
    clear: left;
}

.agents_list {
    height: auto;
    padding-top: 0;
    background: #f5f5f5;
    overflow: hidden
}

.pagination {
    float: left;
    text-align: right !important;
    padding: 10px 0;
}



/* OFFICE SEARCH CSS*/



.offices 

{ margin:20px 0 10px;
height: 340px  !important;
/* padding-top: 20px; */
padding: 4px;
width: 305px;
display: inline-table;
/*float: left; */


}
.offices img { background: #ffffff;
display: block;
text-align: center;
padding: 3px;
border: 1px solid #dddddd;
height: 160px;
width: 250px; }

.offices img.office_listing { width:50px; height:50px; border:none; border-left:1px solid #ebebeb; border-top:1px solid #ebebeb; background:#f7f7f7; padding:0; }
.offices img.office_listing:hover { padding:0; border:1px solid #ebebeb; border-right:none; }
img.agent_search { float:left; margin:3px 10px 5px 0; border:1px solid #a4d1fb; background:#daf7ff; padding:3px; }
.offices img.office_search { width:50px; height:50px; border:none; border-left:1px solid #ebebeb; border-top:1px solid #ebebeb; background:#f7f7f7; padding:0; }
.offices img.office_search:hover { padding:0; border:1px solid #ebebeb; border-right:none; }



.offices_container { width: 100%; height: 609px; position: relative; }
.offices_container .white_arrow_pattern_up { top: 603px; }

.offices_list {
   
    height: auto;
}

.metaoffice { padding:0 0 10px 24px; font-weight:bold; }
.metaofficename { font-weight:normal; font-size:11px; }
.metaofficenamethumb { font-size:18px; }


.office_grid_left {
width: 250px;
color: #000000;
}

.office_Name {
    
    height: 50px;
}


/* PANEL CSS*/

.panel-heading {
color: #333;
background-color: #f5f5f5;
border-color: #ddd;
}


.panel-default >.panel-heading {
    padding: 4px 15px;
    border-bottom: 1px solid #df0b0b;
    border-bottom: 1px solid rgba(223, 11, 11, 0);
    -ms-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    -ms-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
background: rgb(241, 235, 235);
}

.panel-title {
margin-top: 0;
margin-bottom: 0;
font-size: 18px;
color: black;
}


.panel {
    margin-bottom: 23px;
background-color: #FCFCFF;
    border: 1px solid #12f01e;
    border: 1px solid rgba(18, 240, 30, 0);
    -ms-border-radius: 4px;
    border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    -ms-box-shadow: 0 1px 1px rgba(70, 23, 23, 0.05);
    box-shadow: 0 1px 1px rgba(70, 23, 23, 0.05);
}

.panel-default {
    border: 2px inset red;
    margin-top: 10px;
}

 .agent_details_prop {width: 100%; float:left; position: relative;min-height: 500px;}
 .office_details_prop {width: 100%; float:left; position: relative;min-height: 500px;}

 .agent_details_container {padding: 20px; color: #ffffff; font-size: 14px; background: #1e2e43; bottom: 0}
 .agent_details_container .tag {position: absolute; display: block; width: 7px; height: 17px; top: 50%; left: -7px; background: url(../images/bluetag.png)}
.agent_details_container img {float:left; margin-right: 15px}
.agent_details_container a { color: #fff;text-decoration: underline;}
.agent_details_container_top {padding: 20px; color: #fff; font-size: 14px; background: #1e2e43; position: relative; margin: -5px 0 0 -5px; }
.agent_details_container_top .tag {position: absolute; display: block; width: 7px; height: 17px; top: 50%; left: -7px; background: url(../images/bluetag.png)}
.agent_details_container_top img {float:left; margin-right: 15px}


 .office_details_container {padding: 20px; color: #ffffff; font-size: 14px; background: #1e2e43; bottom: 0}
 .office_details_container .tag {position: absolute; display: block; width: 7px; height: 17px; top: 50%; left: -7px; background: url(../images/bluetag.png)}
.office_details_container img {float:left; margin-right: 15px}
.office_details_container a { color: #fff;text-decoration: underline;}
.office_details_container_top {padding: 20px; color: #fff; font-size: 14px; background: #1e2e43; position: relative; margin: -5px 0 0 -5px; }
.office_details_container_top .tag {position: absolute; display: block; width: 7px; height: 17px; top: 50%; left: -7px; background: url(../images/bluetag.png)}
.office_details_container_top img {float:left; margin-right: 15px}


/*.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
border: 1px solid #aaaaaa/*{borderColorActive}*/
/*font-weight: normal/*{fwDefault}*/
/*color: #212121/*{fcActive};
background: #2a5b8b!important;
}
*/

/***************************** Property Search/Advanced Search *******************************************/

.advanced-search-1{margin-top: 15px}

.advanced-search-2 {
    border:0;background-color:#55687D;  color:#f6931f; font-weight:bold;
}

.advanced-search-3 {
    width:70%;margin:0 auto;margin-top: 15px
}

.advanced-search-4
{
    background-color: #55687D;
    overflow-y: auto;
    height: 100%;
}
.advanced-search-5{text-decoration:underline;color:white;cursor: pointer;text-align: right;padding-right: 25px;padding-top: 15px}
.advanced-search-6{width:100%;margin-top:30px}
.advanced-search-7{margin:0 auto;width:70%}
.advanced-search-8{margin:30px auto;width:70%}
.advanced-search-9{padding-left: 15px; color: white}


.home_search { float: left;width: 100%;}
.home_search .cell {float:left; width:50%;}
.home_search .cell_third {float:left;width: 28%;}
.home_search label {padding:0px 0 0px 0; color: #bbbbbc; font-size: 13px; font-weight: 400; display: block;}
.home_search input {width:100%;margin-bottom: 10px;margin-top: 5px;padding: 12px 12px; border: none; font-size: 18px; color: #a1a1a1;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.home_search .cell.full {width: 100%;}
.home_search .agent-only-search {width: 100%;}
.home_search .agent-only-search input {margin: 0;width: 3%;vertical-align: middle;height: 14px;}
.home_search .agent-only-search span {color: white;color: #bbbbbc;  font-size: 13px;  font-weight: 400;}

.custom-dropdown1 {margin: 5px 0 15px 0; position: relative; display: inline-block; vertical-align: middle; font-size: 18px; width: 95%;-webkit-appearance: none;}
.custom-dropdown1:first-child {margin-right: 10px;}
.custom-dropdown_select1 {border: 0; background-color: #fff; color: #a1a1a1; font-size: inherit; padding:13px 12px 12px 12px; margin: 0; width: 100%;-webkit-appearance: none;-ms-border-radius: 0px;-webkit-border-radius:0px;border-radius: 0px;}
.custom-dropdown1::before {top: .5em; bottom: .5em; background-color: #fff; border-left: 1px solid rgba(0,0,0,.1); width: 2em; right: 0; top: 0;bottom: 0; content: "";position: absolute;pointer-events: none;}
.custom-dropdown1::after {color: #ccc;content: "\25BC";height: 1em;font-size: .625em;line-height: 1;right: 1.2em;top: 50%;margin-top: -.5em;position: absolute;pointer-events: none;}


.subnav-no-mobile input {padding: 10px; border: none; font-size: 14px; color: white; background-color: #273951; width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;height:40px}
.subnav-no-mobile .smartsearch {padding: 19px 10px 0 10px}
.subnav-no-mobile .smartsearch input[type=submit] {width: 42px; height: 40px;background: url(../images/search2.gif) no-repeat 0 0;background-size: cover;}
.custom-dropdown2 {margin: 0px 0; position: relative; display: inline-block; vertical-align: middle; font-size: 14px; width: 95%;-webkit-appearance: none;-ms-border-radius:0 !important;-webkit-border-radius: 0;border-radius: 0 !important;
                   -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;height:40px}
.custom-dropdown2:first-child {margin-right: 10px;}
.custom-dropdown_select2 {border: 0; background-color: #273951; color: white; font-size: 14px; padding: 9px 6px; margin: 0; width: 100%;-webkit-appearance: none;-ms-border-radius:0 !important;-webkit-border-radius: 0;border-radius: 0 !important;
                          -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;height:40px}

.custom-dropdown2::before {top: .5em; bottom: .5em; background-color: #2a425d; border-left: 1px solid rgba(0,0,0,.1); width: 2em; right: 0; top: 0;bottom: 0; content: "";position: absolute;pointer-events: none;}
.custom-dropdown2::after {color: #ccc;content: "\25BC";height: 1em;font-size: .625em;line-height: 1;right: 1.2em;top: 50%;margin-top: -.5em;position: absolute;pointer-events: none;}
.custom-dd {width: 7%;padding: 14px 0px;float: left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}

.custom-dd.wide {width: 15%; padding-left: 10px; padding-right:6px}

/*.subnav-no-mobile input {width:91%; padding: 12px 12px; border: none; font-size: 18px; color: white;background-color: #2a425d}

.custom-dropdown2 {margin: 0px 0; position: relative; display: inline-block; vertical-align: middle; font-size: 18px; width: 95%;}
.custom-dropdown2:first-child {margin-right: 10px;}
.custom-dropdown_select2 {border: 0; background-color: #2a425d; color: white; font-size: inherit; padding: 12px 12px; margin: 0; width: 100%;}
.custom-dropdown2::before {top: .5em; bottom: .5em; background-color: #2a425d; border-left: 1px solid rgba(0,0,0,.1); width: 2em; right: 0; top: 0;bottom: 0; content: "";position: absolute;pointer-events: none;}
.custom-dropdown2::after {color: #ccc;content: "\25BC";height: 1em;font-size: .625em;line-height: 1;right: 1.2em;top: 50%;margin-top: -.5em;position: absolute;pointer-events: none;}*/


.page-fairhousing h2 { color: #000000; }
.page-fairhousing h3 { font-size: 25px !important; }
.page-fairhousing ul.bullets li { list-style: disc; margin-left: 20px; padding: 2px 10px; }


/******************************************************* Class Description For Property Details Main Page Begins*************************************************************************/

.property-detail-full {width: 100%;position: relative;margin-top: -60px;}
.property-detail-full .property-icons {background:#f4f4f4; padding: 20px 25px 20px 15px; overflow:hidden; position: absolute; width: 97%}
.property-detail-full .property-icons a {display:block; float:left; width:34px; height: 29px; background-repeat: no-repeat !important; margin: 0 3px}
.property-detail-full .property-icons .icon-fav {background: url(../images/btn_star.jpg)}
.property-detail-full .property-icons .icon-fav.on {background: url(../images/btn_star_on.jpg)}
.property-detail-full .property-icons .icon-email {background: url(../images/btn_email.jpg)}
.property-detail-full .property-icons .icon-fb {background: url(../images/btn_fb.jpg)}
.property-detail-full .property-icons .icon-twitter {background: url(../images/btn_twitter.jpg)}
.property-detail-full .property-icons .icon-new {background: url(../images/btn_new.jpg); float:right}
.property-detail-full .property-icons .icon-close {background: url(../images/btn_close.jpg); width: 76px; float:right}
.property-detail-full .property-info { padding: 25px 40px 0px 40px; overflow-x: auto; margin-top:70px}
.property-detail-full .property-info .property-slideshow {margin: 0 auto}
.property-detail-full .listing-facts {padding: 30px 0 10px 0; overflow:hidden}
.property-detail-full .listing-facts .facts {float:left; width:55%; padding: 0 5% 0 0}
.property-detail-full .listing-facts .facts h2 {color: #000; font-size:28px; line-height: 30px; margin-bottom: 10px}
.property-detail-full .listing-facts .facts p {font-size: 15px; color: #333}
.property-detail-full .listing-facts .facts p.listing-status {font-weight: bold; padding: 0px 2px}
.property-detail-full .listing-facts .facts p.beds {font-size: 18px; color: #999}
.property-detail-full .listing-facts .facts p.mls {font-size: 18px; color: #999}
.property-detail-full .listing-facts .facts p.price {font-weight:600; color: #000; padding:30px 0 5px 0; font-size:25px}
.property-detail-full .listing-facts .facts p.price-change {background: url(../images/arrow_up.gif) 0 5px no-repeat; padding-left: 16px; color: green}
.property-detail-full .listing-facts .facts p.price-change.down {background: url(../images/arrow_down.gif) 0 5px no-repeat; color:red}
.property-detail-full .listing-facts .facts p.price-details {font-size: 12px; line-height: 14px;}
.property-detail-full .property-facts {padding: 20px 0}
.property-detail-full .property-facts li {list-style-type:circle; font-size:12px; margin-left:20px; }
.property-detail-full .property-facts li.head {list-style-type:none; font-size:18px; margin-left:0; padding: 3px 0}
.property-detail-full .contact-agent {float:left; width:35%; padding: 2%; border: 1px solid #e2e2e2; background: #f8f8f8}
.property-detail-full .contact-agent h3 {font-size: 16px; color: #000; line-height: 18px; padding-bottom: 15px}
.property-detail-full .contact-agent img { float: left; padding-right: 12px;padding-bottom: 12px;width: 90px;height:105px}
.property-detail-full .contact-agent .listing-agent-details {float: left; color: #000; display: inline; width: 50%}
.property-detail-full .contact-agent .listing-agent-details span.title {color:#989898; text-transform: uppercase; font-size: 11px}
.property-detail-full .contact-agent .listing-agent-details span.name {color:#4679a8;}
.property-detail-full .contact-agent .listing-agent-details a {float: left; display:block; padding-right: 3px; height: 19px}
.property-detail-full .contact-agent .listing-agent-details a.agent-fb {background: url(https://static1.realtyexecutives.com/site-files/a4841936-b77e-4418-8b7b-4d9298d554a7) no-repeat; width: 15px}
.property-detail-full .contact-agent .listing-agent-details a.agent-twitter {background: url(https://static1.realtyexecutives.com/site-files/39125088-be88-42be-b255-2bb0c4a1e113) no-repeat; width: 25px}
.property-detail-full .contact-agent .listing-agent-details a.agent-email {background: url(../images/icon_email.gif) no-repeat; width: 25px}
.property-detail-full .contact-agent input, .property-detail-full .contact-agent textarea { padding: 3%; border: 1px solid #e2e2e2; background: #fff; width: 90%; box-sizing: border-box;}
.property-detail-full .contact-agent textarea { min-height: 100px;}
.property-detail-full .contact-agent input[type=submit] {background: #b70e2b; color: #fff; width: 96%;margin: 15px auto;border: 1px solid #de3d33}
.property-detail-full #btnBackToResults {display: table; color:#0c68f2; background-repeat: no-repeat; font-size:14px; background-image: url(../../Content/images/newUI-2017/BACK_ARROW_RED.png); padding:5px 5px 5px 25px !important; background-position:0px 3px; background-size:24px 24px;}

.selling_container {
    padding-left: 15px;
    margin-left: 30px;
}

#sellingHomeImage {
    width: 50%;
    text-align: right;
    max-height: 498px;
}

#findAgent_container {
    background-color: #4878a8;
    min-height: 70px;
    margin-left: -45px;
}

#findAgent_container a {
    color: white;
}

.cellItem {
    float: left;
}

#sellingHomeText {
    color: #a39a96 !important;
}

#sellingHomeTextContainer {
    width: 50%;
    padding-top: 60px;
}

#sellingHomeHeader {
    color: #4d3f3f;
    padding-bottom: 20px;
}

#findAgent_container h2 {
    color: #fff;
    font-size: 29px;
    padding-top: 10px;
    text-align: center;
}

#FirstStepsContainer {
    background-color: white;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-left: -40px;
}

.media {
    overflow: hidden;
    zoom: 1;
    padding-left: 45px;
}

    /*.media > .pull-left {
        margin-right: 10px;
        margin-left: 30px;
    }*/

.pull-left {
    float: left !important;
    width: 10%;
}

.media-image {
    display: block;
}

.media-heading {
    color: #4d3f3f;
    padding-bottom: 10px;
    font-weight: bold;
    padding-left: 10px;
}

.media-body {
    /*padding-top: 30px;*/
    color: #4d3f3f;
    width: 88%;
    float: right !important;
}

#media-content {
    color: #a39a96;
     padding-left: 10px;
}

    #media-content a {
        color: #a39a96;
    }

#FiveWaysContainer {
    /*background-color: #f1ebe2;*/
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-left: -45px;
}

#TenTechniquesContainer {
    background-color: white;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-left: -40px;
}

#FundamentalHomeSellerContainer {
    /*background-color: #eef0f1;*/
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-left: -45px;
}

#white_arrow_pattern_up_A {
    top: 667px;
}

.Selling_inner_header_bar {
    background: none;
    padding: 0px;
}

#AddValue_FiveWaysHeader {
    background-color: #2a425d;
    min-height: 70px;
    padding-left: 45px;
}

    #AddValue_FiveWaysHeader h2 {
        color: #fff;
        font-size: 29px;
        padding-top: 10px;
        /*text-align: center;*/
        font-weight: 600;
    }

#AddValue_ContainerHeader {
    background-color: #4878a8;
    box-shadow: none;
}

#AddValue_GettingReady {
    background-color: #f1ebe2;
    min-height: 80px;
    padding-left: 45px;
}

#AddValue_GettingReady_text {
    color: #4d3f3f;
    padding-top: 10px;
    padding-right: 45px;
}

#AddValue_One {
    padding-top: 10px;
}

#AddValue_One_Image {
    max-height: 333px;
    vertical-align: middle;
}

#AddValue_One h3 {
    color: #4d3f3f;
    padding-bottom: 10px;
    font-weight: bold;
     padding-top: 25px;

}

#AddValue_One h2 {
    color: #a39a96;
    padding-bottom: 10px;
}

#AddValue_One p {
    color: #a39a96;
    padding-right: 45px;
}

#AddValue_One div {
    float: left;
    width: 50%;
    /*padding: 2% 5% 5% 0;*/
}

#AddValue_One h3 strong {
    font-style: normal;
}

#AddValue_Two {
}

#AddValue_Two_Image {
    text-align: right;
    max-height: 458px;
}

#AddValue_Two_Text {
    padding-left: 10px;
}

#AddValue_Two div {
    float: left;
    width: 50%;
    /*padding: 2% 5% 5% 0;*/
}

#AddValue_Two h3 {
    color: #4d3f3f;
    padding-bottom: 10px;
    font-weight: bold;
    padding-left: 10px;
    padding-top: 25px;
}

    #AddValue_Two h3 strong {
        font-style: normal;
        padding-left: 35px;
    }

#AddValue_Two h2 {
    color: #a39a96;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 45px;
}

#AddValue_Two p {
    color: #a39a96;
    padding-left: 45px;
}

#AddValue_Three {
}

    #AddValue_Three div {
        float: left;
        width: 50%;
    }

    #AddValue_Three h2 {
        color: #a39a96;
        padding-bottom: 10px;
        padding-top: 10px;
    }

    #AddValue_Three h3 {
        color: #4d3f3f;
        padding-bottom: 10px;
        font-weight: bold;
        padding-top: 25px;
    }

        #AddValue_Three h3 strong {
            font-style: normal;
        }

    #AddValue_Three p {
        color: #a39a96;
        padding-right: 45px;
    }

#AddValue_Three_Text {
    width: 100% !important;
}


#AddValue_Four #AddValue_Four_Image {
    float: left;
    width: 25%;
}

#AddValue_Four #AddValue_Four_Text {
    float: left;
    width: 75%;
}

#AddValue_Four h2 {
    color: #a39a96;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 45px;
}

#AddValue_Four h3 {
    color: #4d3f3f;
    padding-bottom: 10px;
    font-weight: bold;
    padding-left: 45px;
    padding-top: 25px;
}

    #AddValue_Four h3 strong {
        font-style: normal;
    }

#AddValue_Four p {
    color: #a39a96;
    padding-left: 45px;
}

#AddValue_Five {
}

#AddValue_Five_Image {
    text-align: right;
    max-height: 444px;
}

#AddValue_Five_Text {
}

/*#AddValue_Five div {
    float: left;
    width: 50%;
}*/

#AddValue_Five h3 {
    color: #4d3f3f;
    padding-bottom: 10px;
    font-weight: bold;
    padding-top: 25px;
}

    #AddValue_Five h3 strong {
        font-style: normal;
    }

#AddValue_Five h2 {
    color: #a39a96;
    padding-bottom: 10px;
    padding-top: 10px;
}

#AddValue_Five p {
    color: #a39a96;
    padding-right: 45px;
}

#AddValue_Five #AddValue_Five_Image {
    float: left;
    width: 25%;
}

#AddValue_Five #AddValue_Five_Text {
    float: left;
    width: 75%;
}


/*Join Us Page*/
#joinUsContainer {
    padding-left: 15px;
    margin-left: 30px;
}

#joinUsContainer .bullets {
    margin: 20px 0;
}

#joinUsContainer .bullets strong {
    color: #000;
}

#JoinUsTextContainer {
    width: 67%;
    padding-top: 60px;
}

#JoinUsImage {
    width: 33%;
    text-align: right;
    max-height: 800px;
}

#JoinUsTxt {
    margin-top: 20px;
    color: #a39a96 !important;
}

.JoinUsButtons {
    float: left;
    width: 45%;
    margin-top: 20px;
}

.JoinUsButtons.first {
    margin-right: 8%;
}

#AgentFranchiseContainer div {
    float: left;
    width: 50%;
}

#AgentFranchiseContainer h3 {
    color: #4d3f3f;
    padding-bottom: 10px;
    font-weight: bold;
}

#AgentFranchiseContainer h2 {
    color: #4d3f3f;
    padding: 0 0 10px 20px;
}

#AgentFranchiseContainer p {
    color: #a39a96;
    padding: 0 45px 0 20px;
}

#AgentFranchiseContainer h3 strong {
    font-style: normal;
}

/*#BecomeAgent div {
    float: left;
    width: 50%;
}*/

#BecomeAgentFranchiseImage {
    float: left;
    width: 25% !important;
}

#BecomeAgentFranchiseText {
    float: left;
    width: 75% !important;
}

#BecomeAgentFranchise {
    padding-top: 45px;
    padding-bottom: 45px;
}

/*About Us*/

.AboutUsContainer {
    padding-left: 15px;
    margin-left: 30px;
}

#AboutUsHeader {
    color: #4d3f3f;
    padding-bottom: 20px;
}

#AboutUsText {
    color: #a39a96 !important;
}

#AboutUsContainer {
    width: 50%;
    padding-top: 60px;
}

#AboutUsImage {
    width: 50%;
    text-align: right;
    max-height: 499px;
    text-align: center;
}

#AboutUsTextContainer {
    width: 50%;
    padding-top: 60px;
}

#getStarted {
    background-color: #4878a8;
    min-height: 70px;
    margin-left: -45px
}

    #getStarted h2 {
        color: #fff;
        font-size: 29px;
        padding-top: 10px;
        text-align: center;
    }

#EstateExcellenceContainer {
    background-color: white;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    margin-left: -45px;
}

#NewsRoomContainer {
    background-color: #f1ebe2;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    margin-left: -45px;
}

#AroundTheWorldContainer {
    background-color: white;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
     margin-left: -45px;
}

#IntVetaranContainer {
    background-color: #eef0f1;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
     margin-left: -45px;
}

.Notches {
     height: 7px;
     position: relative;
     margin-left: -45px
}

/*Staging Home*/

/*#AddValue_One h3 {
color: #4d3f3f;
padding-bottom: 10px;
font-weight: bold;
}*/

#StagingHome_ContainerHeader {
    background-color: #4878a8;
    box-shadow: none;
}

#StagingHome_Container h3 {
    color: #4d3f3f;
    padding-bottom: 10px;
    font-weight: bold;
}

#StagingHome_Container .inner_content .right_col h2 {
    font-size: 28px;
    color: #363636;
}


/*NewsRoom*/

#NewsRoom_ContainerHeader {
    background-color: #4878a8;
    box-shadow: none;
}


#News_Room_Container h3 {
    color: #4d3f3f;
    padding-bottom: 10px;
    font-weight: bold;
}

#News_Room_Container .inner_content .right_col h2 {
    font-size: 28px;
    color: #363636;
}

/*NewsRoom*/

#ExecutiveStory_ContainerHeader {
    background-color: #4878a8;
    box-shadow: none;
}


#ExecutiveStory_Container h3 {
    color: #4d3f3f;
    padding-bottom: 10px;
    font-weight: bold;
}

#ExecutiveStory_Container .inner_content .right_col h2 {
    font-size: 28px;
    color: #363636;
}

#Launch {
    padding-top: 45px;
}

.daleImage {
    width: 15%;
    float: left;
}

.daleText {
    width: 85%;
    float: left;
}

.textPadding {
    padding-left: 25px !important;
}

#REITextA {
    width: 60%;
    float: left;
}

#dailPhone {
    width: 40%;
    float: left;
}

#REITextB {
    padding-left: 45px;
}

.ImportantYear {
    font-size: 30px;
    color: #4d3f3f !important;
    font-weight: bold;
}

#ChairmanText {
    width: 80%;
    float: left;
}

#floppyImage {
    width: 20%;
    float: left;
}


#CanadianText {
    width: 85%;
    float: left;
    padding-top: 20px;
}

#CanadianFlagImage {
    width: 15%;
    float: left;
}

#old_logo {
    width: 25%;
    float: left;
}

#REITextC {
    width: 75%;
    float: left;
    padding-top: 20px;
}

#HeartTMImage {
    width: 15%;
    float: left;
}

#HeartTMText {
    width: 85%;
    float: left;
    padding-top: 20px;
}

#HeartHomesContainer {
    padding-top: 20px;
}

#REITextD {
    width: 90%;
    float: left;
    padding-top: 20px;
}

#old_cell_phone {
    width: 10%;
    float: left;
}

#REITextE {
    width: 50%;
    float: left;
    padding-top: 10px;
}

#globe_RE_briefcase {
    width: 50%;
    float: left;
}

#HomeworksImage {
    width: 25%;
}

#EMyth_cover {
    width: 15%;
    float: left;
    padding-bottom: 20px;
}

#EMyth_coverMText {
    width: 85%;
    float: left;
    padding-top: 35px;
}

#leatherjacket_smartphoneText {
    width: 80%;
    float: left;
    padding-top: 20px;
}

#leatherjacket_smartphoneImage {
    width: 20%;
    float: left;
}

#Entrepreneur {
    width: 15%;
    float: left;
}

#EntrepreneurContainer {
    padding-top: 20px;
}

#EntrepreneurText {
    width: 85%;
    float: left;
    padding-top: 15px;
}

#topRank {
    padding-top: 10px;
}

/*Become Agent*/

#BecomeAgentHeader {
    background-color: #385a7c;
    box-shadow: none;
}
#AgentOppurtunities li {
    list-style: square
}
#AgentOppurtunities  {
    padding-left: 45px;
    }
.property-detail-full-loading{position: absolute;top:0;left: 0;z-index: 100;background-color: white;width: 100%;height:10000px;overflow:hidden;display: none}
.property-detail-full-loading img {margin-left: 50%;margin-top: 100px;}
.property-detail-full-main {position:relative;width:80%;margin:0 auto;}
.property-detail-full .listing-facts .facts p.provider {font-size: 14px;color: #2E2E2E;padding: 3px 0}
.property-detail-full .listing-facts .facts p.provider .logo img { vertical-align: middle;padding: 3px 5px}
.property-detail-full .listing-facts .facts p.provider .logo .text {font-size: 14px;color: #2E2E2E;padding: 3px 0}
.property-detail-full .listing-facts .facts p.provider .courtesy {font-size: 14px;color: #2E2E2E;padding: 3px 0;}
.property-detail-full .listing-facts .facts p.listingurl a {font-size: 14px;color: #DE3D33;padding: 3px 0;text-decoration: underline}
.property-detail-full .listing-facts .facts p.listingcopyright {font-size: 12px;color: #2E2E2E;line-height: 1.2;padding: 3px 0}
.property-detail-full .listing-facts .facts p.disclaimer {font-size: 12px;color: #2E2E2E;line-height: 1.2;padding: 3px 0}

.property-detail-full .contact-agent .errormsg {font-size: 14px;color: #DE3D33;}

#office-header { display: block;float: left; }
#office-header p { font-size: 12px;line-height: 14px; }

/*********************************************************  Class Description For Property Details Main Page Ends ***********************************************************************/

#Become_An_Agent_Banner {
    max-height: 280px;
}

#Meri_RAMA_Image {
    padding-top: 20px;
    padding-bottom: 20px
}

#OriThinkersText {
    padding-top: 20px;
    padding-bottom: 20px;
}

#TopBenifitsLabel {
    padding-top: 10px;
    padding-bottom: 10px;
}

/*Property Search Page Added Classes*/
.property-search-map-all1 {float: left;padding: 20px 3px 0 3px;padding-left: 0px;display: inline-table; color: #fff}
.property-search-map-all2 {vertical-align: middle;font-size: 12px;line-height: 1.4;display: block; padding-left: 5px}
.property-search-map-all3  {float: left;padding: 22px 0px;display: inline-table}
.property-search-map-all3 > input[type=checkbox] {width:20px;height: 20px;vertical-align: middle}
.property-search-check-box1 {float: left;padding: 20px 3px 0 3px;padding-left: 0px;display: inline-table; color: #fff}
.property-search-check-box2 {vertical-align: middle;font-size: 12px;line-height: 1.4;display: block; padding-left: 5px}
.property-search-check-box3 {float: left;padding: 22px 0px;display: inline-table}
.property-search-check-box3 > input[type=checkbox] {width:20px;height: 20px;vertical-align: middle;padding:0}
.property-search-check-box4 {padding-top: 8px;}
.property-search-check-box5 {vertical-align: middle}
.property-search-check-box5 > input[type=checkbox] {width:15px;height: 15px;}
.property-search-check-box7 {vertical-align: middle;font-size:12px}
.property-search-check-box8 {color:white}
.property-search-more-options-open {padding:14px 0 0 15px;font-weight: 600;color: #707070;font-size: 15px;cursor:pointer}
.property-search-more-options-open img {height:20px;margin-right:5px;vertical-align: middle;margin-bottom:7px}
.property-search-more-options {position:fixed;bottom:60px;width:100%; background-color: #000000; background-color: rgba(0,0,0,0.7);z-index:1000;color: white;display:none}
.property-search-more-options2 {position: absolute;right:0;top:0;}
.property-search-more-options2 span {padding: 0px 8px 3px 9px;background-color: #de3d33;color:white;cursor:pointer}

.property-search-subnav-btn {margin-top: -5px;margin-left: 0px;margin-right: 0px;float: left}

/*Adjustment for added styles for mobile & tablet view*/
        .property-detail {display:block}
        .property-detail-mini-mobile{display: none}
        .property_listing_prop {display:block }


.discover-home-loans-container .discover-header { width: 100%; min-height: 30px; background-color: #1e2226; }
.discover-home-loans-container .discover-body .cell { float: left; width: 54%; }
.discover-home-loans-container .discover-body .banner-cell { float: left; width: 44%; }
.discover-home-loans-container .discover-text { font-size: 20px; line-height: 28px; padding: 60px 50px; }
.discover-home-loans-container .discover-banner { padding: 37px 0; }


.contact-form,
.contact-form.selling-form { background-color: #f8f8f8; border: 1px solid #e2e2e2; padding: 6px 15px;font-size: 14px; }
.contact-form h3,
.contact-form.selling-form h3 {font-size: 16px !important; color: #636363; line-height: 25px; font-weight: 600;margin: 15px 0 15px 0; }
.contact-form input,
.contact-form.selling-form input { padding: 3%;border: 1px solid #e2e2e2;background: #fff;width: 94%;margin: 3px 0;}
.contact-form input[type=radio],
.contact-form.selling-form input[type=radio] { padding: 0;border: none;width: auto;margin: 10px 0 10px 15px; }
.contact-form input[type=submit],
.contact-form.selling-form input[type=submit] { background: #b70e2b;color: #fff;margin: 10px 0;width: 100%;}
.contact-form textarea,
.contact-form.selling-form textarea { width: 98%;height: 60px; margin: 10px 0 0 0;border: 1px solid #e2e2e2; max-width: 98%;}
.contact-form label,
.contact-form.selling-form label { margin: 0 0; font-weight: normal; }
.contact-form select,
.contact-form.selling-form select { padding: 3%;margin: 3px 0 3px 0;border: 1px solid #e2e2e2;width: 100% }


#FirstSteps_ContainerHeader { background-color: #4878a8; min-height: 70px; box-shadow: none; }
#FirstSteps_Container .left-20 { max-width: 20%; float: left; }
#FirstSteps_Container .right-80 { max-width: 80%; float: right; }
#FirstSteps_Container .padding-20 { padding-left: 20px; margin-top: -10px; }
#FirstSteps_Container h3 { font-weight: bold; color: #4d3f3f; }

#Fundamentals_ContainerHeader { background-color: #4878a8; min-height: 70px; box-shadow: none; }
#Fundamentals_Container .left-20 { max-width: 20%; float: left; }
#Fundamentals_Container .right-80 { max-width: 80%; float: right; }
#Fundamentals_Container .padding-20 { padding-left: 20px; margin-top: -10px; }
#Fundamentals_Container h3 { font-weight: bold; color: #4d3f3f; }



/* ----------------------------------- Listing Dynamic Media Classes Begins -----------------------------------------------*/

 .listing-dynamic-media-btn, .listing-dynamic-media-btn-yt {cursor:pointer;padding:5px 7px;background-color:#b70e2b;color:white;float:right;font-size:12px}
 .listing-dynamic-media-btn-sm {cursor:pointer;padding:3px 7px;background-color:#b70e2b;color:white;float:right;font-size: 10px;margin:0 3px 5px 0}
 .listing-dynamic-media-outer-div {display:none;position: absolute;top: 0;left: 0;width: 100%;height: 100%; background-color: #2a425d; background-color: rgba(42,66,93,0.6);z-index: 130;cursor: pointer;}
 .listing-dynamic-media-inner-div {display:none;position: absolute;top: 1%;left: 1%;width: 98%;height: 92%; background-color: #000000; background-color: rgba(0,0,0,0.7); z-index: 140;text-align: center;}
 .listing-dynamic-media-close {padding:8px 10px;text-align: center;width:20px;background-color:#DF3E34;float:right;font-size:12px;color:white;cursor:pointer}
 .listing-dynamic-media-new-tab {float:left;height:33px}
 .listing-dynamic-media-new-tab img {height:33px;margin-left:10px}
 .listing-dynamic-media-1 {float:left;color:white;font-size:12px;font-style: italic;padding:8px 10px;}
 .listing-dynamic-media-2 {float:left;}
 .listing-dynamic-media-3 {height:100%;width:100%;float:left;overflow-y:auto;overflow-x:hidden;}
 .listing-dynamic-media-4 {margin-right:10px;padding:8px 10px;text-align: center;width:20px;float:left;background-color:#DF3E34;font-size:12px;color:white;cursor:pointer}
 .listing-dynamic-media-iframe {width: 100%;height:100%;border:none !important;}

/* ----------------------------------- Listing Dynamic Media Classes Ends -----------------------------------------------*/

/* ----------------------------------- Property Search Type Icon Classes Begins -----------------------------------------------*/

.property-type-icon1 { margin-top: 10px;}
.property-type-icon1 img {vertical-align: middle;margin-right:5px;cursor: pointer;}
.property-type-icon1 img:first-child { padding: 2% 0 2% 3%;}
.property-type-icon1 span {font-size:10px !important;color: white !important;}
.property-type-icon2 {}
.property-type-icon2 img {margin-left:5px;vertical-align: middle;height: 22px;cursor:pointer}
.property-type-icon2 span {margin-left:5px;font-size:10px;color:black !important;}
.property-type-icon3 {}
.property-type-icon3 img {vertical-align: middle !important;height: 100% !important;cursor:pointer !important;padding-bottom:2px !important}
.property-type-icon3 span {font-size:10px !important;color:black !important;float:left}
.property-type-icon4 {margin-top:2px}
.property-type-icon4 img {vertical-align: middle;margin-right:5px;cursor: pointer;height:20px}
.property-type-icon4 span {font-size:10px !important;color:black !important;}


/* ----------------------------------- Property Search Type Icon Classes Ends -----------------------------------------------*/

/* ----------------------------------- Agent Header Classes Begins -----------------------------------------------*/

#agent-header {float: left;}
#agent-header { display: block; }
#agent-header-mobile { display: none; }
.agent-header-mobile { display: none; }
.agent_site1 { height: 100px; cursor: pointer; }
.agent_site2 {float: left; line-height: 1; padding: 2px 15px; border-left: 1px solid #ccccd0; height: 96px; min-width: 200px; }
.agent_site3 { font-size: 20px;text-align: center;border-bottom: 1px solid #ccccd0;padding:4px 0 }
.agent_site4 { font-size: 12px; color: black; padding: 3px 0 3px 10px; line-height: 1.2 }
.agent_site5 { float: left; }
.agent_site6 {font-size: 12px;color: black;}
.agent_site7 { height: 200px;}
.agent_site8 { background-color: white;}
.agent_site9 { padding-top: 200px}
.agent_site9 div#pgcontent h2 { color: #4d3f3f; }
.agent_site10 {height: 100px;overflow: hidden;
               background-color: #e5e5e5; /* Old browsers */
               background: -moz-linear-gradient(top,  #e5e5e5 0%, #f1f1f1 50%, #f1f1f1 51%, #e5e5e5 100%); /* FF3.6+ */
               background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(50%,#f1f1f1), color-stop(51%,#f1f1f1), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
               background: -webkit-linear-gradient(top,  #e5e5e5 0%,#f1f1f1 50%,#f1f1f1 51%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
               background: -o-linear-gradient(top,  #e5e5e5 0%,#f1f1f1 50%,#f1f1f1 51%,#e5e5e5 100%); /* Opera 11.10+ */
               background: -ms-linear-gradient(top,  #e5e5e5 0%,#f1f1f1 50%,#f1f1f1 51%,#e5e5e5 100%); /* IE10+ */
               background: linear-gradient(to bottom,  #e5e5e5 0%,#f1f1f1 50%,#f1f1f1 51%,#e5e5e5 100%); /* W3C */
               filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */}
.agent_site11 { float: left;padding:14px 30px}
.agent_site12 { float: right;text-align: right;font-size: 12px;line-height: 1.4;padding: 5px 10px; color: #777a7c;height:100px;display: inherit;width: auto;}
.agent_site12 img { height:20px !important;width:20px !important}
.agent_site12 p { padding-top:4px}
.agent_site12 a { color: #777a7c;}
.agent_site13 { color: #777a7c;font-size:30px}
.agent_site14 { color: #777a7c;font-size:20px}
.agent_site15 { float:right}
.agent_site15 img {height:100px;vertical-align: middle;width:auto}
.agent_site15 a { cursor: pointer; }
.agent_site16 { color: #777a7c;margin-left: 15px;font-size:14px;display:inline-block}
.agent_site17 { text-align: left}
.agent_site-name-sm {display:block}

#agentsite-social { margin: 0 3px; float: left; max-height: 100px; max-width: 50px; }
#agentsite-social div { float: left; }
#agentsite-social .email a:hover { background-position: 0px 0px; }
#agentsite-social .email a { background: url(/Content/Images/social-media-icons.png) no-repeat 0px 0px; height: 25px; width: 25px; display: block; background-position: 0px -26px; cursor: pointer; }
#agentsite-social .facebook a:hover { height: 25px; width: 25px; background-position: 0px -52px; }
#agentsite-social .facebook a { background: url(/Content/Images/social-media-icons.png) no-repeat 0px 0px; height: 25px; width: 25px; display: block; background-position: 0px -78px; cursor: pointer; }
#agentsite-social .googleplus a:hover { height: 25px; width: 25px; background-position: 0px -104px; }
#agentsite-social .googleplus a { background: url(/Content/Images/social-media-icons.png) no-repeat 0px 0px; height: 25px; width: 25px; display: block; background-position: 0px -130px; cursor: pointer; }
#agentsite-social .linkedin a:hover { height: 25px; width: 25px; background-position: 0px -156px; }
#agentsite-social .linkedin a { background: url(/Content/Images/social-media-icons.png) no-repeat 0px 0px; height: 25px; width: 25px; display: block; background-position: 0px -182px; cursor: pointer; }
#agentsite-social .pinterest a:hover { height: 25px; width: 25px; background-position: 0px -208px; }
#agentsite-social .pinterest a { background: url(/Content/Images/social-media-icons.png) no-repeat 0px 0px; height: 25px; width: 25px; display: block; background-position: 0px -234px; cursor: pointer; }
#agentsite-social .twitter a:hover { height: 25px; width: 25px; background-position: 0px -260px; }
#agentsite-social .twitter a { background: url(/Content/Images/social-media-icons.png) no-repeat 0px 0px; height: 25px; width: 25px; display: block; background-position: 0px -286px; cursor: pointer; }

/* ----------------------------------- Agent Header Classes Ends -----------------------------------------------*/

/* ----------------------------------- Top Menu For Agents Classes Begins -----------------------------------------------*/

.agent-page-menu ul {float: right;display: inline;margin: 0;list-style: none;}
.agent-page-menu ul li {font: bold 12px/18px sans-serif;display: inline-block;position: relative;cursor: pointer;
                        -webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;}
.agent-page-menu ul li {font: 400 16px/16px "Open Sans", sans-serif; color: #000; float:left}
.agent-page-menu ul li > a {color: #000; padding: 42px 15px;display: inline-block; }
.agent-page-menu ul li > a:hover { font-weight: bold; }
.agent-page-menu ul li > a.on, .agent-page-menu ul li > a.on:hover { font-weight: bold; color: #000; }
.agent-page-menu ul li ul {position: absolute;top: 100px;right: -1px;width: 150px;-webkit-box-shadow: none;-moz-box-shadow: none;display: none;-ms-opacity: 0;opacity: 0;
                           visibility: hidden;-webkit-transiton: opacity 0.2s;-moz-transition: opacity 0.2s;-ms-transition: opacity 0.2s;-o-transition: opacity 0.2s;-transition: opacity 0.2s;
                           background: white;padding: 0;max-width: 200px;height: auto;border: 1px solid #dcdedf;}
.agent-page-menu ul li ul li {background: #fff;display: block;font: 400 16px/16px "Open Sans", sans-serif;}
.agent-page-menu ul li ul li a {color: #000;padding:15px 10px;width:130px;display: block;}
.agent-page-menu ul li ul li a:hover { background: #2a5b8b; color: #fff;}
.agent-page-menu ul li:hover ul {display: block;-ms-opacity: 1;opacity: 1;visibility: visible;}
.agent-page-menu .agent-mobile-list { display: none;}
.agent-page-menu .arrow-down {width: 0;height: 0; border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #dcdedf;float: right;margin-top: 7px;margin-left: 5px;display:block}

/* ----------------------------------- Top Menu For Agents Classes Ends ------------------------------------------------*/

/* ----------------------------------- Property Search Page Overridden Classes Begins (must be at the bottom as its overriding several classes defined above) -----------------------------------------------*/
    
    #property-search-wrapper-div .search-prop {left: 100%;}

     #property-search-wrapper-div .search-box-mobile{width: 100%; position: absolute;z-index:15;display: none;background-color: #2A425D;min-height:300px !important}
    #property-search-wrapper-div .search-box-mobile input[type=text] {padding: 10px;border: none;font-size: 14px;background-color: white; color:#a1a1a1 !important;width:100%;
        margin-bottom: 10px;padding: 12px 12px;border: none;font-size: 18px;color: #a1a1a1;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}

    #property-search-wrapper-div .search-box-mobile .custom-dd {width:50%;padding: 5px 2%;}
    #property-search-wrapper-div .search-box-mobile .custom-dd.wide {width:100%;float: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
    #property-search-wrapper-div .search-box-mobile .custom-dd.search_price-min {width:50%;padding: 5px 2%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
    #property-search-wrapper-div .search-box-mobile .custom-dd.search_price-max {width:50%;padding: 5px  2%;float: right;text-align: right; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
                                                                                           
    #property-search-wrapper-div .search-box-mobile .custom-dd.search_list_type {width:50%;padding: 5px  2%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
    #property-search-wrapper-div .search-box-mobile .custom-dd.search_prop_type {width:50%;padding: 5px  2%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}

    #property-search-wrapper-div .search-box-mobile .custom-dd.search_bed {width:25%;padding: 5px 0px 0 15px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
    #property-search-wrapper-div .search-box-mobile .custom-dd.search_bath {width:25%;padding: 5px 0px 0 4px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
    #property-search-wrapper-div .search-box-mobile .custom-dd.search_area {width:50%;padding: 5px  2%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
    #property-search-wrapper-div .search-box-mobile .smartsearch input[type=submit] {margin-top: 33px;margin-right: 5%;}
    #property-search-wrapper-div .search-box-mobile .property-search-subnav-btn{}
    #property-search-wrapper-div .search-box-mobile .smartsearch {padding:15px 15px 0 15px;}
    #property-search-wrapper-div .search-box-mobile .custom-dropdown_select2 {background-color: white; color: black;border: 0;color: #a1a1a1;font-size: inherit;padding: 12px 12px;margin: 0;width: 100%;-webkit-appearance: none;}
    #property-search-wrapper-div .search-box-mobile .custom-dropdown2::before{background-color: white}
    #property-search-wrapper-div .search-box-mobile .search-bar-bottom{margin-top:-2px}
    #property-search-wrapper-div .search_container {background-color: #2A425D;min-height:300px !important;width: 100%;}
    #property-search-wrapper-div .search-box-mobile .custom-dd.Openhouse_chkbox{width:25%;padding: 5px 0px 0 4px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
    
    #property-search-wrapper-div .subnav{height:60px}
    #property-search-wrapper-div #map_canvas{min-height:300px !important; border:none !important}
    #property-search-wrapper-div #full-screen-outer-div-pg{min-height:300px !important}
    #listing-list-container{min-height:300px !important;overflow:auto !important}
    #property-search-wrapper-div #property-info-main{min-height:412px !important}   /*subtract 88 for info header*/
    #property-search-wrapper-div #property-search-check-box-bottom {display: block }
    #property-search-wrapper-div #property-search-more-options-open {display: block }
    #property-search-wrapper-div .panel-listing-item{border-left:none;border-right:none}

    #property-search-wrapper-div .property-detail-mini-mobile {width: 100%;min-height: 400px;z-index: 15;display: none;background-color: white;max-width: 1000px !important;height: 100%;min-height:300px !important}
    #property-search-wrapper-div .property-detail-main {position: absolute;top: 0;left: 0;width: 100%; -webkit-overflow-scrolling: touch; }
    #property-search-wrapper-div .property-search-bar-labels {display: none;padding-bottom: 5px;color: #bbbbbc;font-size: 13px;font-weight: 400;}
    #property-search-wrapper-div .property-search-text-box {margin: 0px 0;position: relative;display: inline-block;vertical-align: middle;font-size: 14px;width: 100%;-webkit-appearance: none;
                                                            -ms-border-radius: 0 !important;-webkit-border-radius: 0;border-radius: 0 !important;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

    #property-search-wrapper-div #photo-gallery-container #thumb-scroll-div-pg {height: 60px;}
    #property-search-wrapper-div #photo-gallery-container .thumb-img-pg {height: 50px;width: 50px;}

    #property-search-wrapper-div #full-screen-outer-div-pg {visibility:hidden}
    #property-search-wrapper-div #full-screen-inner-div-pg {overflow:hidden;visibility:hidden}
    #property-search-wrapper-div #full-screen-inner-div-pg #thumb-scroll-div-pg {height: 110px;}
    #property-search-wrapper-div #full-screen-inner-div-pg .thumb-img-pg {height: 100px;width: 100px;}

    #property-search-wrapper-div .property-detail .contact-agent textarea {min-height: 75px;margin-top: 1px;}
    #property-search-wrapper-div .property-detail .contact-agent input {padding: 3%;border: 1px solid #e2e2e2;width: 94%; }
    #property-search-wrapper-div .property-detail .contact-agent textarea {padding: 3%;border: 1px solid #e2e2e2;background: #fff;width: 94%; }
    #property-search-wrapper-div .property-detail .contact-agent input[type=submit] {width: 100%;cursor: pointer}
    #property-search-wrapper-div .property-detail .listing-facts .features {width: 35%;padding: 6px 1% 10px;background-color: white;border: none;float: left;}
    #property-search-wrapper-div .property-detail .listing-facts .facts {margin-bottom: 20px;width: 60%;float: left;padding: 0 2% 0 0;}
    #property-search-wrapper-div .property-detail .property-info .property-slideshow {margin: 0 auto;margin-bottom: 20px;width: 60%;float: left;padding: 0 2% 0 0;}
    #property-search-wrapper-div .property-detail .contact-agent {float: left;border: 1px solid #e2e2e2;background: #f8f8f8;width: 35%;padding: 6px 1% 10px;}
    #property-search-wrapper-div .property-detail .property-icons {padding: 4px 25px 8px 15px;}
    #property-search-wrapper-div .property-detail .property-info { padding: 34px 40px 23px 40px;margin-top: 41px;}
    #property-search-wrapper-div .property-detail .property-detail-1 { padding-bottom:0}
    #property-search-wrapper-div .property-detail .property-detail-2 { padding-top:0;padding-bottom:30px}
    #property-search-wrapper-div .property-detail .property-detail-3 { margin-bottom: 0;width:100%;padding: 0;}
    #property-search-wrapper-div .property-detail .property-detail-4 { background: #f4f4f4;padding: 6px 25px 0 15px;overflow: hidden;width: 97%;}
    #property-search-wrapper-div .property-detail .property-detail-5 { float:left;}

    #property-search-wrapper-div .property-search-page-left:before {text-align: center;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);
        font-family: 'squarespace-ui-font';font-style: normal;speak: none;font-weight: normal;-webkit-font-smoothing: antialiased;content: "\e02d";
        text-align: center;display: inline-block;vertical-align: middle;}
    #property-search-wrapper-div .property-search-page-right:before {text-align: center;-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg);
        font-family: 'squarespace-ui-font';font-style: normal;speak: none;font-weight: normal;-webkit-font-smoothing: antialiased;content: "\e02d";
        text-align: center;display: inline-block;vertical-align: middle;}

    #property-search-wrapper-div .property-search-page-left {font-size: 14px; display: table-cell;background-color: #37516C;color: white;padding: 7px 0px;text-align:center;width:32px;cursor:pointer}
    #property-search-wrapper-div .property-search-page-right {font-size: 14px; display: table-cell;background-color: #37516C;color: white;padding: 7px 0px;text-align:center;width:32px;cursor:pointer}
    #property-search-wrapper-div .property-search-status{display: table-cell;text-align: center;padding: 7px 0;color: white;font-size: 14px;font-style: italic;}
    #property-search-wrapper-div .property-search-page-wrapper {margin:0 auto;display:table;width:100%;border-bottom: 1px solid #37516C;margin: 0;}

    #property-search-wrapper-div .property-search-nodata {position: absolute;left:0;top:0;background:rgb(0,0,0);background: rgba(0, 0, 0, 0.9);color: white;z-index:0;width:100%;height:25%;display:none;min-height:190px;}
    #property-search-wrapper-div .property-search-nodata-1{padding:40px 20px 20px 20px;text-align: center;font-size: 20px}
    #property-search-wrapper-div .property-search-nodata-2 {position:absolute;bottom:0;padding:5px 10px;color:white;width:100%;text-align: center}
    #property-search-wrapper-div .property-search-nodata-3 {color:white;font-size:12px;}
    #property-search-wrapper-div .property-search-nodata-4 {padding:3px 6px;background-color:#DE3D33;color:white;width:60px;font-size:14px;text-align: center;margin:8px auto 15px auto;cursor:pointer;}

    #property-search-wrapper-div .property-search-mapdragactive {position: absolute;right:0;top:0;background:rgb(0,0,0);background: rgba(0, 0, 0, 0.9);color: white;z-index:0;width:20%;height:20%;
        display:none;min-height:200px;-moz-min-width:225px;-ms-min-width:225px;-o-min-width:225px;-webkit-min-width:225px;min-width:225px}
    #property-search-wrapper-div .property-search-mapdragactive-1{padding:40px 20px 80px 20px;text-align: center}
    #property-search-wrapper-div .property-search-mapdragactive-2 {position:absolute;bottom:0;left:0;padding:5px 10px;color:white;}
    #property-search-wrapper-div .property-search-mapdragactive-3 {color:white;font-size:11px}
    #property-search-wrapper-div .property-search-mapdragactive-4 {padding:2px 4px;background-color:#DE3D33;color:white;width:40px;font-size:12px;text-align: center;margin:5px 0 10px 5px;cursor:pointer}
    #property-search-wrapper-div .property-search-mapdragactive-5 {position:absolute;top:0;right:0;padding:5px 10px;color:white;}
    #property-search-wrapper-div .property-search-mapdragactive-5 > img {height:30px;width:30px}
    #property-search-wrapper-div label.property-search-checkbox-label input[type=checkbox]{position: relative;vertical-align: middle;bottom: 1px;}

    #property-search-wrapper-div .property-search-legend {position: absolute;right:0;bottom:0;background:rgb(0,0,0);background: rgba(0, 0, 0, 0.9);color: white;z-index:0;width:20%;
        display:none;min-height:175px;-moz-min-width:225px;-ms-min-width:225px;-o-min-width:225px;-webkit-min-width:225px;min-width:225px;}
    #property-search-wrapper-div .property-search-legend-1{padding:15px 15px 5px 15px;}
    #property-search-wrapper-div .property-search-legend-2 {padding:5px 10px;color:white;}
    #property-search-wrapper-div .property-search-legend-3 {color:white;font-size:11px}
    #property-search-wrapper-div .property-search-legend-4 {padding:2px 4px;background-color:#DE3D33;color:white;width:40px;font-size:12px;text-align: center;margin:5px 0 10px 5px;cursor:pointer}
    #property-search-wrapper-div .property-search-legend-5 {position:absolute;bottom:-5px;right:5px;padding:5px 10px;color:white;}
    #property-search-wrapper-div .property-search-legend-5 > img {height:30px;width:30px}
    #property-search-wrapper-div .property-search-legend-6 {margin:5px 15px 5px 15px;font-size:12px;}
    #property-search-wrapper-div .property-search-legend-6 img {vertical-align: middle;}

    #property-search-wrapper-div .property-search-legend-min {position: absolute;right:0;bottom:0;background:rgb(0,0,0);background: rgba(0, 0, 0, 0.9);color: white;z-index:0;width:28px;height:28px;display:none;}
    #property-search-wrapper-div .property-search-legend-min span {cursor:pointer}
    #property-search-wrapper-div .property-search-legend-min img {width:28px}

    #property-search-wrapper-div .property-search-social-media {float:right;padding:6px 10px 0 0}
    #property-search-wrapper-div .property-search-social-media div a {width:auto !important;height:auto !important}

    #property-search-wrapper-div .property-search-discover {background-color: white;padding: 15px 18px;font-size: 14px;text-align: center;line-height: 1.5;}
    #property-search-wrapper-div .property-search-discover a {color: #2A425D !important;}
    #property-search-wrapper-div .property-search-discover img {margin-top:8px}
   

    #property-search-wrapper-div .property-search-disclaimer {background-color: white;padding: 12px 18px;font-size: 12px;color: #2A425D !important;}
     #property-search-wrapper-div .property-search-disclaimer br { margin: 5px 0;line-height:1.5;display: block;content: " ";}

    
    #property-search-wrapper-div .property-search-redirect-1 {position:absolute;width:100%;display:none;}
    #property-search-wrapper-div .property-search-redirect-2 {text-align: center;padding:20px 0}
    #property-search-wrapper-div .property-search-redirect-3 {text-align: center;color:white;font-size:20px;padding: 20px 200px;}
    #property-search-wrapper-div .property-search-redirect-4 {text-align: center;color:white;font-size:16px;padding: 20px 200px;}
    #property-search-wrapper-div .property-search-redirect-5 {text-align: center;padding: 20px 0}
    #property-search-wrapper-div .property-search-redirect-6 {background-color: #DE3D33;padding:10px 10px;color:white;cursor: pointer}
    #property-search-wrapper-div .property-search-redirect-7 {background-color: #DE3D33;padding:10px 10px;color:white;cursor: pointer}

    #property-search-wrapper-div .gm-style .gm-style-iw .panel-listing-item a {padding:3px 8px !important;margin:7px;font-size:12px !important}

    #property-search-wrapper-div .property-popup1 {max-width:450px;padding: 0px; margin: 0;}
    #property-search-wrapper-div .property-popup2 {width:100%}
    #property-search-wrapper-div .property-popup3 {padding-top:10px;}
    #property-search-wrapper-div .property-popup3 a {margin-left:15px}

/* ----------------------------------- Property Search Page Overridden Classes Ends (must be at the bottom as its overriding several classes defined above) -----------------------------------------------*/

/* ----------------------------------- Property Details Page Overridden Classes Begins (must be at the bottom as its overriding several classes defined above) -----------------------------------------------*/

    #property-details-wrapper-div #photo-gallery-container2 #thumb-scroll-div-pg {height: 90px; box-sizing: border-box;}
    #property-details-wrapper-div #photo-gallery-container2 .thumb-img-pg {height: 80px;width: 80px;}
    #property-details-wrapper-div #full-screen-outer-div-pg {visibility:hidden}
    #property-details-wrapper-div #full-screen-inner-div-pg {overflow:hidden;visibility:hidden}
    #property-details-wrapper-div #full-screen-inner-div-pg #thumb-scroll-div-pg {height: 110px;}
    #property-details-wrapper-div #full-screen-inner-div-pg .thumb-img-pg {height: 100px;width: 100px;}
    #property-details-wrapper-div .property-detail-full .contact-agent textarea {min-height: 75px;margin-top: 1px;}
    #property-details-wrapper-div .property-detail-full .contact-agent input { padding: 3%; border: 1px solid #e2e2e2; width: 100%; display: block; margin: 0 auto;}
    #property-details-wrapper-div .property-detail-full .contact-agent textarea { padding: 3%; border: 1px solid #e2e2e2; background: #fff; width: 100%; display: block; margin: 0 auto;}
    #property-details-wrapper-div .property-detail-full .contact-agent input[type=submit]{ cursor: pointer}
    #property-details-wrapper-div .property-detail-full .listing-facts .features {width:35%;padding: 6px 1% 10px;background-color:white;border:none;float:left;}
    #property-details-wrapper-div .property-detail-full .listing-facts .facts{margin-bottom: 20px;width:60%;float:left;padding: 0 2% 0 0;}
    #property-details-wrapper-div .property-detail-full .property-info .property-slideshow {margin: 0 auto;margin-bottom: 20px;width:60%;float:left;padding: 0;margin-right: 2%;}
    #property-details-wrapper-div .property-detail-full .contact-agent {float:left;border: 1px solid #e2e2e2; background: #f8f8f8;width:35%;padding: 6px 1% 10px;}
    #property-details-wrapper-div .property-detail-full .property-details-1 {float:right}
    #property-details-wrapper-div .property-detail-full .property-details-2 {margin:0 auto}
    #property-details-wrapper-div .property-detail-full .property-details-3 {padding-bottom:0}
    #property-details-wrapper-div .property-detail-full .property-details-4 {padding-top:0;padding-bottom:30px}
    #property-details-wrapper-div .property-detail-full .property-details-5 {margin-bottom: 0;width:100%;padding: 0;}

    #property-details-wrapper-div .lender_fulldetailsmobile {position: relative; width: 95%; margin: 0 auto; background: #1e2e43; color: white;margin-top: -30px;display:none}
    #property-details-wrapper-div .lender_fulldetailsmobile table {width:100%}
    #property-details-wrapper-div .lender_fulldetailsmobile table .logo {width: 50%;vertical-align: middle;padding: 2%;text-align: center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
    #property-details-wrapper-div .lender_fulldetailsmobile table .logo img { max-height: 150px;width:100%}
    #property-details-wrapper-div .lender_fulldetailsmobile table .text {width: 50%;padding: 2%;vertical-align: middle;font-size: 20px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;text-align: center}
/* ----------------------------------- Property Details Page Overridden Classes Ends (must be at the bottom as its overriding several classes defined above) -----------------------------------------------*/

/* ----------------------------------- Agent Search Overridden Classes Begins (must be at the bottom as its overriding several classes defined above) -----------------------------------------------*/

    #agent-search-wrapper-div { -webkit-overflow-scrolling: touch; }
    #agent-search-wrapper-div .agents_container_wrapper{position: relative;overflow: auto}
    #agent-search-wrapper-div .agents-hero {background: url(/Content/images/find_agent.png) no-repeat;-ms-background-size: cover;background-size: cover; width: 65%; height: 609px; float: left;position: absolute;}
    #agent-search-wrapper-div .search-agent { width: 35%; float:left; background:#20364e url(/Content/images/agent_back.jpg) repeat-x; position: absolute; min-height: 600px; height: 100%;right:0 }
    #agent-search-wrapper-div .agents_container .search-agent {width: 35%; float:right;}
    #agent-search-wrapper-div .agents_container .search-agent.agent-results {width:35%}
    #agent-search-wrapper-div .container_20{width:63%}
    #agent-search-wrapper-div .panel-default {border: 2px inset #DE3D33;}
    #agent-search-wrapper-div .agents_container .agents {height:200px !important}
    #agent-search-wrapper-div .agents_container .agent-search-1 {float:left}
    #agent-search-wrapper-div .agents_container .agent-search-1 a img {float:none}
    #agent-search-wrapper-div .agents_container .agent-search-1 a div {padding:5px 8px;font-size:12px;color:white;width:96px;background-color: #b70e2b;text-align: center;margin-top:5px}
    #agent-search-wrapper-div .agents_container .agent-search-2 {color: black}
    #agent-search-wrapper-div .agents_container .agent-search-3 {background: url(/Content/Images/social-media-icons.png) no-repeat 0px 0px; background-position: 0px -26px; height:25px;width:25px;border:none !important; margin: 2px 5px 0 0; display: block; float: left;}
    #agent-search-wrapper-div .agents_container .agent-search-4 {height:20px;width:20px;border:none !important;margin-left:-3px}
    #agent-search-wrapper-div .agents_container .agent-search-5 {height:20px;width:25px;border:none !important;}
    #agent-search-wrapper-div .agents_container .agent-search-6 {height:20px;width:23px;border:none !important}
    #agent-search-wrapper-div .agents_container .agent-search-7 {margin-top: 100px;width:95%}
    #agent-search-wrapper-div .agents_container .agent-search-7 h4 {color:black}
    #agent-search-wrapper-div .agents_container .agent-search-8 {padding: 10px 0 20px 0;}
    #agent-search-wrapper-div .agents_container .agent-search-9 {background-color:#b70e2b;padding:10px 12px;color:white;width:125px;font-size:12px;text-align: center;margin-bottom:15px;cursor:pointer}
    #agent-search-wrapper-div .agents_container .agent-search-10 {padding: 10px 0 100px 0;visibility: hidden;font-style: italic;color:#DE3D33;font-size: 14px}
    #agent-search-wrapper-div .subnav{height:60px}

    #AgentSearchTab .agent-search-tab-1 {padding:12px 0 12px 2%;width:98%;}
    #AgentSearchTab .agent-search-tab-2 {padding:13px 12px 14px 12px;width: 80%;}
    #AgentSearchTab .agent-search-tab-3 {margin-right:0 !important}
    #AgentSearchTab .validation-summary-errors {font-size: 16px;color: #DE3D33;}
    #AgentSearchTab .agent-search-tab-4 {width:100%}
    #AgentSearchTab .agent-search-tab-5 {width:50%}
    #AgentSearchTab .agent-search-tab-6 {vertical-align: baseline;width:100%}

/* ----------------------------------- Agent Search Overridden Classes Ends (must be at the bottom as its overriding several classes defined above) -----------------------------------------------*/

/* ----------------------------------- Office Search Overridden Classes Begins (must be at the bottom as its overriding several classes defined above) -----------------------------------------------*/

    #office-search-wrapper-div .agents_container_wrapper {position: relative; overflow: auto;}
    #office-search-wrapper-div .agents-hero {background: url(/Content/images/find_agent.png) no-repeat;-ms-background-size: cover;background-size: cover;width: 65%;height: 609px;float: left;position: absolute;}
    #office-search-wrapper-div .search-agent {width: 35%;float: left;background: #20364e url(/Content/images/agent_back.jpg) repeat-x;position: absolute; min-height: 600px; height: 100%;right: 0;}
    #office-search-wrapper-div .agents_container .search-agent {width: 35%;float: right;}
    #office-search-wrapper-div .agents_container .search-agent.agent-results {width: 35%;}
    #office-search-wrapper-div .container_20 {width: 63%;}
    #office-search-wrapper-div .panel-default {border: 2px inset #DE3D33;}  
    #office-search-wrapper-div .agents_container .agents {height:180px !important}
    #office-search-wrapper-div .agents_container .office-search-1 {float:left}
    #office-search-wrapper-div .agents_container .office-search-1 a img {float:none}
    #office-search-wrapper-div .agents_container .office-search-1 a div {padding:5px 8px;font-size:12px;color:white;width:96px;background-color: #b70e2b;text-align: center;margin-top:5px}
    #office-search-wrapper-div .agents_container .office-search-2 {color: black}
    
    #office-search-wrapper-div .agents_container .office-search-7 {margin-top: 100px;width:95%}
    #office-search-wrapper-div .agents_container .office-search-7 h4 {color:black}
    #office-search-wrapper-div .agents_container .office-search-8 {padding: 10px 0 20px 0;}
    #office-search-wrapper-div .agents_container .office-search-9 {background-color:#b70e2b;padding:10px 12px;color:white;width:125px;font-size:12px;text-align: center;margin-bottom:15px;cursor:pointer}
    #office-search-wrapper-div .agents_container .office-search-10 {padding: 10px 0 100px 0;visibility: hidden;font-style: italic;color:#DE3D33;font-size: 14px}  
    #office-search-wrapper-div .subnav{height:60px}

    #OfficeSearchTab .office-search-tab-1 {padding:12px 0 12px 2%;width:98%;}
    #OfficeSearchTab .office-search-tab-2 {padding:13px 12px 14px 12px;width:100%;margin-top:5px}
    #OfficeSearchTab .office-search-tab-3 {margin-right:0 !important}
    #OfficeSearchTab .validation-summary-errors {font-size: 16px;color: #DE3D33;}
    #OfficeSearchTab .office-search-tab-4 {width:100%}
    #OfficeSearchTab .office-search-tab-5 {width:50%}
    #OfficeSearchTab .office-search-tab-6 {margin-top: 19px;}

/* ----------------------------------- Office Search Overridden Classes Ends (must be at the bottom as its overriding several classes defined above) -----------------------------------------------*/

/* ----------------------------------- Agent/Office Search Overridden Classes Begins (must be at the bottom as its overriding several classes defined above) -----------------------------------------------*/

    #agent-office-search-wrapper-div .agents-hero {background: url(/Content/images/find_agent-office.png) no-repeat;-ms-background-size: cover;background-size: cover; width: 65%; height: 609px; float: left;position: absolute;}
    #agent-office-search-wrapper-div .search-agent { width: 35%; float:left; background:#20364e url(/Content/images/agent_back.jpg) repeat-x; position: absolute; min-height: 600px; height: 100%;right:0 }
    #agent-office-search-wrapper-div .agents_container .search-agent {width: 35%; float:right;}
    #agent-office-search-wrapper-div .agents_container .search-agent.agent-results {width:35%}

/* ----------------------------------- Agent/Office Search Overridden Classes Ends (must be at the bottom as its overriding several classes defined above) -----------------------------------------------*/

/* ----------------------------------- TinyMce Content Override Classes Begins -----------------------------------------------*/

    /*._reiPublicTinyMceContent img { height: 100% !important;max-width: 100% !important;}*/
    ._reiPublicTinyMceContent ul { list-style: inside}
    ._reiPublicTinyMceContent li { list-style: inherit !important}

/* ----------------------------------- TinyMce Content Override Classes Begins -----------------------------------------------*/


#_atssh {display:none !important} /*to resolve the issue with the height of div created by addthis at the bottom of the body*/


/*Consumer Login Screens styles start*/

    #consumer_myAccount_dialog li.ui-tabs-active {background-color: #42576e !important; color: white !important }
    #consumer_myAccount_dialog .ui-state-default {background-color: darkgrey !important; color: black  !important }
    /*#consumer_myAccount_dialog .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {color: white !important }*/

    #consumer_SignIn_NewAccount_Dialog li.ui-tabs-active {background-color: #42576e !important; color: white !important }
    #consumer_SignIn_NewAccount_Dialog .ui-state-default {background-color: darkgrey !important; color: white !important }
    /*#SaveSearchdialog .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {color: white !important }*/

    .consumer_reset_password_page{}
    .consumer_reset_password_page h3 {font-size: 16px; color: #636363; line-height: 22px; font-weight: 400;margin: 0 0 10px 0; }
.consumer_reset_password_page input { padding: 2%;border: 1px solid #e2e2e2;background: #fff;width: 94%;margin: 3px 0;}
.consumer_reset_password_page input[type=radio] { padding: 0;border: none;width: auto;margin: 10px 0 10px 15px; }
.consumer_reset_password_page input[type=submit] { background: #de3d33;color: #fff;margin: 10px 0;width: 100%;}
.consumer_reset_password_page textarea { width: 98%;height: 60px; margin: 10px 0 0 0;border: 1px solid #e2e2e2; }
.consumer_reset_password_page label { margin: 0 0; font-weight: normal;padding-top: 2px;font-weight: bolder }
.consumer_reset_password_page select { padding: 3%;margin: 5px 0 10px 0;border: 1px solid #e2e2e2;width: 100% }

.consumerDialog .ui-dialog-titlebar .ui-widget-header .ui-corner-all .ui-helper-clearfix .ui-draggable-handle{background-color: #42576e !important;}
#consumer_dialog_confirm input[type=submit] { background: #de3d33;color: #fff;margin: 10px 0;width: 100%;}
.consumerDialogTitle{ background: #42576e !important;color: #fff}
/*.consumerDialogBtn { background: #de3d33 !important;background-color: #de3d33 !important;color: #fff;margin: 10px 0;width: 100%;}*/
.consumerDialogBtn .ui-button-text { background-color: #de3d33 !important;color: white !important;}
/*#dialogueBtn{ background: #de3d33 !important;background-color: #de3d33 !important;color: #fff !important;margin: 10px 0;width: 100%;}*/
 .ConsumerLinks {padding: 2%;color: #fff;text-align: center;width: 100%;background-color: #67778a;font-size: 15pt }

/*Consumer Login Screens styles end*/

/*Agent/Brokerage sites contact form styles start*/
#pgcontent .contact-form{width: 50%}
#pgcontent .contact-form h3 {font-size: 20px;}
/*Agent/Brokerage sites contact form styles end*/

/* Featured Listings carousel styles start*/

.featuredListingsContainer{padding: 3%}
.fetListlabel {color: #de3d33;font-size: 18px;float: none !important }
.feaLisImg{ width: 30%;float: left;max-height: 150px; display: block;}
.feaLisDetls{ width: 65%;float: right; padding-right: 1%;}
.featuredListingPrice{ font-size: 20px;font-weight: bold;float: none !important}
.featuredListingOtherDet{ font-size: 13px;float: none !important}
.fetListing_Courtesy{width: 75%;float: left; font-size: 11px;color: black;}
.fetListing_Logo{width: 20%;float: left; font-size: 13px;}
.bioSection li {list-style: inherit !important}
.bioSection ul,ol { padding-left: 40px;list-style: inside}
#blogPageContent h1,h2,h3,h4,h5,h6 {color: #818181 !important}
#blogPageContent {color: #818181 !important}
 
/*Featured Listings carousel styles End*/

/* ----------------------------------- Agent/Office/Regional Site's blog search Classes Begins -----------------------------------------------*/

#blogPageContent .blog_search { float: left;width: 100%; }
#blogPageContent .blog_search input[type="text"] {width:60%;margin-bottom: 10px;margin-top: 5px;padding: 12px 12px; border: 1px solid #e2e2e2;  font-size: 18px; color: #a1a1a1;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#blogPageContent .blog_search input[type="submit"] {width:19%; background:#b70e2b none repeat scroll 0 0; border:1px solid #e2e2e2; font-size: 18px; color:#fff; margin:10px 0; padding:12px}
#blogPageContent .blog_search input[type="submit"]:hover { cursor:pointer;}
/* ----------------------------------- Agent/Office/Regional Site's blog search Classes End -----------------------------------------------*/

/*2016 JoinUS pages Styles Start*/
/*#joinUsContainer_2016 {margin-left: 90px;margin-right: 90px;}*/
#joinUsText_2016 {text-align: center;width: 100%;padding-top: 2%;}
#joinUsText_2016_1 {color: #002c59 !important;font-size: 62px;font-weight: 300;}
#OwnBrokImg {background: url('https://s3.amazonaws.com/static.realtyexecutives.com/site-files/FRANCHISE_Opportunities-HOVER_BUTTON-450X71_300dpi.png');}
#OwnBrokImg:hover {background: url('https://s3.amazonaws.com/static.realtyexecutives.com/site-files/FRANCHISE_Opportunities_BUTTON-450X71_300dpi.png');}

#BecomeExeImg {background: url('https://s3.amazonaws.com/static.realtyexecutives.com/site-files/AGENT_Opportunities_BUTTON-450X71_300dpi.png');}
#BecomeExeImg:hover {background: url('https://s3.amazonaws.com/static.realtyexecutives.com/site-files/AGENT_Opportunities-HOVER_BUTTON-450X71_300dpi.png');}

#joinUsImage_2016 {width: 60%;float: left}
 #joinUsMobileImg_2016 {display: none !important }
/*2016 JoinUS pages Styles End*/

    #FranchiseContainer h5 {text-transform: none !important;line-height: 25px;}
    #FranchiseContainer .media {padding: 2% !important;}
    #FranchiseContainer .pull-left {float: left !important;width: 15%;}
    #FranchiseContainer .media-body {color: #4d3f3f;width: 83%;float: right !important;padding-top: 2%;}

    #BecomeAgentContainer h5 {text-transform: none !important;line-height: 25px;}
    #BecomeAgentContainer .media {padding: 2% !important;}
    #BecomeAgentContainer .pull-left {float: left !important;width: 15%;}
    #BecomeAgentContainer .media-body {color: #4d3f3f;width: 83%;float: right !important;padding-top: 2%;}
    .MediaList { width: 30%;float: right}
    #MobContactForm .inner_content .right_col .one_col {padding-bottom: 1% !important}
    #ed_banner {display: block !important}
    #ed_banner_mobile {display: none !important}
    #ed_page .contact-form input {padding: 2% !important;border: 1px solid #e2e2e2;background: #fff;width: 95%}
    #ed_page .contact-form input[type=checkbox] {width: inherit}
    #ed_page .contact-form input[type=submit] {background: #b70e2b;color: #fff;margin: 10px 0;width: 100%;}
    #ed_phone_touch_container {display: none !important}
 /* these media queries should always be at the bottom of the style sheet *Miki */
    
	@media only screen and (max-width: 1600px)  {      
        .agents {width:45%}
        .agents.team {width:30%}
        .property-detail {display:block}
        .property-detail-mini-mobile{display: none}
        .property_listing_prop {display:block }
        .property-search-check-box8 {color:white}
        .home_search .cell_third {width: 27%;}

        /* ----------------------------------- Agent Search Overridden Classes Begins (must be at the bottom as its overriding several classes defined above) -----------------------------------------------*/

            #agent-search-wrapper-div .container_20{width:61%}
            #agent-search-wrapper-div .container_20.team {width:100%}
        /* ----------------------------------- Agent Search Overridden Classes Ends (must be at the bottom as its overriding several classes defined above) -----------------------------------------------*/

        /* ----------------------------------- Office Search Overridden Classes Begins (must be at the bottom as its overriding several classes defined above) -----------------------------------------------*/

            #office-search-wrapper-div .container_20{width:61%}

        /* ----------------------------------- Office Search Overridden Classes Ends (must be at the bottom as its overriding several classes defined above) -----------------------------------------------*/
        .ConsumerLinks {font-size: 13pt }

         .lender {padding: 15px;color: #fff;font-size: 13px;background: #1e2e43;position: absolute;bottom: 0;}
	     .lender .tag {position: absolute; display: block; width: 7px; height: 14px; top: 50%; left: -7px; background: url(../images/bluetag.png)}
	     .lender img {float:left;margin-right: 15px;width: 100px;height: 50px}
         .lender_info{ padding: 2% !important;color: white}
         #property-search-wrapper-div .property_lender {background-color: #0c273d;padding: 15px 18px;font-size: 12px;line-height: 1.5;}
         #property-search-wrapper-div .property_lender a {color: #2A425D !important;}
         #property-search-wrapper-div .property_lender img {margin-top:8px}
         .propertySearch_lenderImg {width:40%;float:left;padding: 2%;}
         .propertySearch_lenderInfo {width:50%;float:right;color: white;padding: 3%;}
         .propertySearch_lenderInfo_span {font-size: 15px}
         #blogpageformcontent .contact-form{width:50% !important}
         .MediaList { width: 30%;float: right}
         #joinUsContainer_2016{ height: 500px !important;margin-right: 0%}
         /*#joinUsText_2016 {width: 80%;}*/
           /*---New Footer 2017 Classes Begins----*/
         .hiddenDiv {display: block !important}
         .unhiddenDiv {display: block !important}
         .joinUs2017Btns{ padding-right: 22% !important;padding-left: 22% !important}
           /*---New Footer 2017 Classes End----*/

           #joinus2017_new_text-1{width: 50% !important}
           #joinus2017_new_imge{width: 30% !important}
            #joinus_2017_banner {font-size :45px !important}
           #idcallagent{ color: rgb(0, 44, 89) !important;cursor: default !important}
           #ed_contactformContainer{width: 55% !important}
        
          #ed_contactus_bckgrd{ background-image: none !important; background-color: #737577}
          .ed_text{ padding-top: 1% !important;padding-right: 0% !important}
          .ed_img{width: 35% !important}
	}

    @media only screen and (max-width: 1350px) {
        .home_search .cell_third {width: 26%;}
        /* ----------------------------------- Property Search Page Overridden Classes Begins (must be at the bottom as its overriding several classes defined above) -----------------------------------------------*/

        #property-search-wrapper-div .property-detail .listing-facts .features { width: 100%;}
        #property-search-wrapper-div .property-detail .listing-facts .facts {width: 100%;}
        #property-search-wrapper-div .property-detail .property-info .property-slideshow {width: 100%;}
        #property-search-wrapper-div .property-detail .contact-agent {width: 100%;margin-bottom: 15%}
        /*li em.favorite {top:-4px !important; left:-3px !important;}*/

        /* ----------------------------------- Property Search Page Overridden Classes Ends (must be at the bottom as its overriding several classes defined above) -----------------------------------------------*/
         .ConsumerLinks {font-size: 12pt;font-weight: bold }

         .fetListlabel {color: #de3d33;font-size: 13px;float: none !important }
         .featuredListingPrice{ font-size: 15px;font-weight: bold;float: none !important}
         .featuredListingOtherDet{ font-size: 12px;float: none !important}
         .fetListing_Courtesy{width: 75%;float: left; font-size: 11px;}
         .fetListing_Logo{width: 20%;float: left; font-size: 12px;}

         .lender {padding: 10px;color: #fff;font-size: 13px;background: #1e2e43;position: absolute;bottom: 0;}
	     .lender .tag {position: absolute; display: block; width: 7px; height: 14px; top: 50%; left: -7px; background: url(../images/bluetag.png)}
	     .lender img {float:left;margin-right: 15px;width: 100px;height: 50px}
         .lender_info{ padding: 2% !important;color: white}
         #property-search-wrapper-div .property_lender {background-color: #0c273d;padding: 15px 18px;font-size: 10px;line-height: 1.5;}
         #property-search-wrapper-div .property_lender a {color: #2A425D !important;}
         #property-search-wrapper-div .property_lender img {margin-top:8px}
         .propertySearch_lenderImg {width:40%;float:left;padding: 2%;}
         .propertySearch_lenderInfo {width:50%;float:right;color: white;padding: 3%;}
         .propertySearch_lenderInfo_span {font-size: 13px}
          #blogpageformcontent .contact-form{width:50% !important}
          .MediaList { width: 60%;float: right}
           #joinUsText_2016 {width: 95%;}
           #joinUsContainer_2016 {height: 500px !important;margin-right: 0%;}
           .joinUs2017Btns{ padding-right: 28% !important;padding-left: 28% !important}
          /*---New Footer 2017 Classes Begins----*/
         .hiddenDiv {display: block !important}
         .unhiddenDiv {display: block !important}
         /*---New Footer 2017 Classes End----*/
         .agent_site7 { height: 178px;}
        .agent_site9 { padding-top: 178px;}
        #joinus2017_new_text-1{width: 50% !important}
           #joinus2017_new_imge{width: 30% !important}
        #joinus_2017_banner {font-size :45px !important}
        #idcallagent{ color: rgb(0, 44, 89) !important;cursor: default !important}

        .ed_text{ padding-top: 2% !important;width: 90% !important;padding-right: 0% !important;padding-bottom: 0% !important}
        .ed_img{width: 90% !important}
        #ed_contactUs_div {width: 70% !important}
        #property-search-bar {padding-top: 2% !important}
    }

    @media only screen and (max-width: 1200px) {
        .smartsearch h1 { font: 400 35px/40px "Open Sans", sans-serif; }
        .header ul.topnav li a { padding: 42px 10px; }
        /*li em.favorite {top:-4px !important; left:-3px !important;}*/
        .home_search .cell_third {width: 25%;}
        .ConsumerLinks {font-size: 10pt;font-weight: bold}

        .lender {    padding: 10px;color: #fff;font-size: 13px;background: #1e2e43;position: absolute;bottom: 0;}
	    .lender .tag {position: absolute; display: block; width: 7px; height: 14px; top: 50%; left: -7px; background: url(../images/bluetag.png)}
	    .lender img {float:left;margin-right: 15px;width: 100px;height: 50px}
        .lender_info{ padding: 2% !important;color: white}
        #joinUsText_2016 {width: 95%}
        #joinUsText_2016 h1 { font-size: 25px !important; line-height: inherit;padding-top: 6% !important;}
        #joinUsText_2016 p {font-size: 15px !important}
        #joinUsText_2016_1{font-size: 50px !important}
          /*---New Footer 2017 Classes Begins----*/
         .hiddenDiv {display: block !important}
         .unhiddenDiv {display: block !important}
           /*---New Footer 2017 Classes End----*/
         .header .logo {width: 150px}
         .agent-page-menu ul li>a {padding: 31px 10px;}

         #joinus2017_new_text-1{width: 50% !important}
         #joinus2017_new_imge{width: 35% !important}
         #idcallagent{ color: rgb(0, 44, 89) !important;cursor: default !important}
         .ed_text{ padding-top: 2% !important;width: 90% !important;padding-right: 0% !important;padding-bottom: 0% !important}
        .ed_img{width: 95% !important}
        #ed_contactUs_div {width: 70% !important}
        #property-search-bar {padding-top: 1% !important}
	}

    @media only screen and (max-width: 1100px) {
        .header .logo {width: 150px}
        .header { height: 78px}
        .header ul.topnav li a {font-size: 14px; padding: 30px 10px}
        .bodycontent {padding-top: 78px;-moz-min-width: 768px;-ms-min-width: 768px;-o-min-width: 768px;-webkit-min-width: 768px;min-width: 768px}

        .agent_site1 { height: 78px; cursor: pointer; }
        .agent_site3 { font-size: 18px;text-align: center;border-bottom: 1px solid #ccccd0;padding:3px 0 }
        .agent_site2 { line-height: 0.9; padding: 2px 0px; border-left: 1px solid #ccccd0; height: 74px; }
        .agent_site4 { font-size: 10px; color: black; padding: 2px 0 2px 8px; line-height: 1.3 }
        .agent_site7 { height: 178px;}
        .agent_site9 { padding-top: 178px}

        /*for agent top menu*/
        .agent-page-menu ul li > a {padding: 31px 10px;}
        .agent-page-menu ul li ul li a {padding:12px 8px;}
        .agent-page-menu ul li ul {top:78px;width: 146px;}

         /*Consumer/Buyer alert styles start - hari*/

         .consumerDialogMobile {max-width: 350px !important}
         .consumerDialogMobile .ui-dialog-title{font-size: 14px;font-weight: bolder;}
         .consumerDialogMobile h3{font-size: 13px !important;font-weight: bolder;}
         .consumerDialogMobile div{font-size: 10px;font-weight: bolder;}
         .consumerDialogMobile a{font-size: 9px !important;font-weight: bolder;}
         .consumerDialogMobile h2{font-size: 14px !important;font-weight: bolder;}
         .ConsumerLinks { font-size: 9pt !important;padding-left: 0%;padding-right: 0%}
         /*.panel-listing-image em.favorite {top:10px !important; left:-7px !important;}*/
         /*Consumer/Buyer alert styles end */

         /*Agent/Brokerage sites contact form styles start*/
         #pgcontent .contact-form{width: 70%}
         #pgcontent .contact-form h3 {font-size: 20px;}
         /*Agent/Brokerage sites contact form styles end*/
        
        .home_search .cell_third {width: 25%;}

        .lender {padding: 1%;color: #fff;font-size: 10px;background: #1e2e43;position: absolute;bottom: 0;width: 100%}
	    .lender .tag {position: absolute; display: block; width: 7px; height: 14px; top: 50%; left: -7px; background: url(../images/bluetag.png)}
	    .lender img {float:left;margin-right: 15px;width: 90px;height:45px}
        .lender_info{ padding: 1% !important;color: white}

         #property-search-wrapper-div .property_lender {background-color: #0c273d;padding: 15px 18px;font-size: 8px;line-height: 1.5;}
         #property-search-wrapper-div .property_lender a {color: #2A425D !important;}
         #property-search-wrapper-div .property_lender img {margin-top:8px}
         .propertySearch_lenderImg {width:50%;float:left;padding: 2%;}
         .propertySearch_lenderInfo {width:40%;float:right;color: white;padding: 3%;}
         .propertySearch_lenderInfo_span {font-size: 11px}
         #joinUsText_2016 {width: 95%}
         #joinUsContainer_2016 {height: 400px !important;}
           /*---New Footer 2017 Classes Begins----*/
         .hiddenDiv {display: block !important}
         .unhiddenDiv {display: block !important}
         .joinUs2017Btns{ padding-right: 15% !important;padding-left: 15% !important}
         .footerIpad2017{padding:0px !important}
           /*---New Footer 2017 Classes End----*/
           .agent-page-menu ul li>a {padding: 31px 8px;}
        
           #joinus2017_new_text-1{width: 45% !important}
           #joinus2017_new_imge{width: 45% !important}
         #idcallagent{ color: rgb(0, 44, 89) !important;cursor: default !important}

        #sellingHomeTextContainer {padding-top:20px;}
         .ed_text { max-width: 100% !important; }
        #ed_specialimagealign { text-align: center; float: none !important; }
        #property-search-bar {padding-top: 0% !important;}
        #property-search-bar.search-bar-bottom.property-search-bar-row2 {padding-top: 1% !important;}
    }

	@media only screen and (max-width: 1000px)  {
       /* place overwrite styles here for tablets */
       .header ul.topnav li a {font-size: 14px; padding: 30px 7px}
        .smartsearch h1 { font: 400 30px/35px "Open Sans", sans-serif; }
        .inner_header_bar {padding: 10px 0 0 40px; height: 100px; position:relative}
        .agents {width:92% !important;}
        .agents_container .search-agent { display: none;}
        .agents_container .container_20 {width:100%}

        
        /*Adjustments for home page*/
        .search {width: 40%;z-index:5}

        

        /*Adjustment for property detail main page tablet view*/
        .property-detail-full-main {width:90%;}
        .property-detail-full .listing-facts .facts {width:100%;}
        .property-detail-full .contact-agent {width:100%;margin-top:20px}
        #property-detail-new-window { display: none; }
        #property-detail-close-window { display: none; }
        
        .property-search-check-box8 {color:black}

        /*Static Pages 1000PX - hari*/
                 /*Join Us*/

        #AgentFranchiseContainer div {width: 50%;}
        #BecomeAgentFranchiseImage {width: 100% !important}
        #BecomeAgentFranchiseText {width: 100% !important;}
                /*About Us*/
        #AboutUsTextContainer {width: 50%;}
        #AboutUsImage { width: 50%;text-align: center}
        .pull-left {width: 30%;}
        .media-body {width: 70%;}
        .textPadding { padding: 0px !important;}

                /*Selling Home*/
        #sellingHomeTextContainer {width: 50%;}
        #sellingHomeImage {width: 50%;}

              /*Executives Story*/
        .mobileNoFloat { width: 50% !important;float: none !important}


        .discover-home-loans-container .discover-body .banner-cell img { content:url("/Content/Images/RealtyExecWebsite_250x227_DHLbanner.jpg"); }

        #AgentFranchiseContainer h2 { color: #4d3f3f; padding: 0 0 10px 0; }
        #AgentFranchiseContainer p { color: #a39a96; padding: 0 45px 0 0; }

         /*for agent top menu*/
        .agent-page-menu ul li > a {padding: 31px 6px;}
        .agent-page-menu ul li ul li a {padding:10px 6px;}
        .agent-page-menu ul li ul {width: 142px;}

        /* ----------------------------------- Property Search Page Overridden Classes Begins (must be at the bottom as its overriding several classes defined above) -----------------------------------------------*/

        #property-search-wrapper-div .custom-dd {width: 12%;}
        #property-search-wrapper-div .custom-dd.wide {width: 20%;}
        #property-search-wrapper-div .property-detail-main { width: 100%;position: relative;background-color:white }
        #property-search-wrapper-div .property-detail .listing-facts .facts {width: 100%;}
        #property-search-wrapper-div .property-detail .contact-agent {width: 100%;margin-top: 0px;}
        #property-search-wrapper-div .property-detail .listing-facts .features {width: 100%;}
        #property-search-wrapper-div .property-detail .listing-facts .facts {width: 100%;}
        #property-search-wrapper-div .property-detail .property-info { padding: 20px 5px 23px 5px; }
        #property-search-wrapper-div .property-detail .property-info .property-slideshow {width: 100%;}
        #property-search-wrapper-div .property-detail .contact-agent {width: 100%;}
        #property-search-wrapper-div .property-detail-mini-mobile {display: block;}
        #property-search-wrapper-div .property-detail {display: block;width: 100%;}
        #property-search-wrapper-div .property_listing_prop {display: block;}
        #property-search-wrapper-div .search-prop {width: 100%;background: #2a425d;position: relative;min-height: 700px; display: block;left: 0px;}
        #property-search-wrapper-div .listing-container {width: 100%;}
        #property-search-wrapper-div .subnav {display: block;}
        #property-search-wrapper-div .subnav li.map_view {display: block;}
        #property-search-wrapper-div .subnav li.list_view {display: block;}
        #property-search-wrapper-div .subnav li.search_again {display: none;}
        #property-search-wrapper-div .property-detail-mini-mobile {display: block;}
        #property-search-wrapper-div .property-detail {display: block;width: 100%;}
        #property-search-wrapper-div #property-search-map-all-show {display: none;}

        /* ----------------------------------- Property Search Page Overridden Classes Ends (must be at the bottom as its overriding several classes defined above) -----------------------------------------------*/

        /* ----------------------------------- Property Details Page Overridden Classes Begins (must be at the bottom as its overriding several classes defined above) -----------------------------------------------*/

            #property-details-wrapper-div .property-detail-full-main {width:90%;}
            #property-details-wrapper-div .property-detail-full .listing-facts .facts {width:100%;}
            #property-details-wrapper-div .property-detail-full .contact-agent {width:100%;margin-top:0px}
            #property-details-wrapper-div .property-detail-full .listing-facts .features {width:100%;}
            #property-details-wrapper-div .property-detail-full .listing-facts .facts{width:100%;}
            #property-details-wrapper-div .property-detail-full .property-info .property-slideshow {width:100%;}
            #property-details-wrapper-div .property-detail-full .contact-agent {width:100%;}

        /* ----------------------------------- Property Details Page Overridden Classes Ends (must be at the bottom as its overriding several classes defined above) -----------------------------------------------*/

        /* ----------------------------------- Agent Search Overridden Classes Begins (must be at the bottom as its overriding several classes defined above) -----------------------------------------------*/

            #agent-search-wrapper-div .agents-hero { width: 100%;}
            #agent-search-wrapper-div .search-agent { width: 100%;}
            #agent-search-wrapper-div .agents_container .search-agent {width: 100%;display:block}
            #agent-search-wrapper-div .agents_container .search-agent.agent-results {width:100%}
            #agent-search-wrapper-div .agents_container .container_20{width:100%}

        /* ----------------------------------- Agent Search Overridden Classes Ends (must be at the bottom as its overriding several classes defined above) -----------------------------------------------*/

        /* ----------------------------------- Office Search Overridden Classes Begins (must be at the bottom as its overriding several classes defined above) -----------------------------------------------*/

            #office-search-wrapper-div .agents-hero {width: 100%;}
            #office-search-wrapper-div .search-agent { width: 100%;}
            #office-search-wrapper-div .agents_container .search-agent {width: 100%;display: block;}
            #office-search-wrapper-div .agents_container .search-agent.agent-results {width: 100%;}
            #office-search-wrapper-div .agents_container .container_20 {width: 100%;}

        /* ----------------------------------- Office Search Overridden Classes Ends (must be at the bottom as its overriding several classes defined above) -----------------------------------------------*/

        /* ----------------------------------- Agent/Office Search Overridden Classes Begins (must be at the bottom as its overriding several classes defined above) -----------------------------------------------*/

            #agent-office-search-wrapper-div .agents-hero { width: 45%;}
            #agent-office-search-wrapper-div .search-agent { width: 55%;}
            #agent-office-search-wrapper-div .agents_container .search-agent {width: 55%;display:block}
            #agent-office-search-wrapper-div .agents_container .search-agent.agent-results {width:55%}

        /* ----------------------------------- Agent/Office Search Overridden Classes Ends (must be at the bottom as its overriding several classes defined above) -----------------------------------------------*/
         /*Caluculator styles - hari-Start*/
      
        .calculator_container {max-height: 600px}
        .mortgage_calc {height: 400px}
        .mortgage_calc_img{display: none;}
        .mortgage_results{height: 100%}
        .mortgage_results label {font-size: 10px;}
        .mortgage_calc label {font-size: 10px;}
        .mortgage_calc_text{margin-top: 0%}
        .mortgage_results_header {font-size: 14pt;}
        .mortgage_calc_header {font-size: 14pt;}

        .affordability_calc{height: 400px}
        .affordability_results{height: 100%}
        .affordability_results label {font-size: 10px;}
        .affordability_calc_img{display: none;}
        .affordability_calc label {font-size: 10px;}
        .affordability_calc_text{margin-top: 0%}
        .affordability_results_header {font-size: 14pt;}
        .affordability_calc_header {font-size: 14pt;}

        .rental_results label {font-size: 10px;padding: 0%;}
        .rental_calc label {font-size: 10px;}
        .rental_calc_img{display: none;}
        .rental_calc{margin: 0%}
        .rental_results{margin-top: 0%;}
        .rental_results .cell.full input {margin-top: 20px;}
        .rental_calc_text{margin-top: 0%}
        .rental_results_header {font-size: 14pt;}
        .rental_calc_header {font-size: 14pt;}

        /*Caluculator styles - hari-End*/

        /*Consumer/Buyer alert styles start - hari*/

         .consumerDialogMobile {max-width: 350px !important}
         .consumerDialogMobile .ui-dialog-title{font-size: 14px;font-weight: bolder;}
         .consumerDialogMobile h3{font-size: 13px !important;font-weight: bolder;}
         .consumerDialogMobile div{font-size: 10px;font-weight: bolder;}
         .consumerDialogMobile a{font-size: 9px !important;font-weight: bolder;}
         .consumerDialogMobile h2{font-size: 14px !important;font-weight: bolder;}
         .ConsumerLinks { font-size: 15pt !important;padding-left: 0%;padding-right: 0%}
         /*Consumer/Buyer alert styles end */

         /*Agent/Brokerage sites contact form styles start*/
         #pgcontent .contact-form{width: 70%}
         #pgcontent .contact-form h3 {font-size: 20px;}
         /*Agent/Brokerage sites contact form styles end*/
         /*li em.favorite {top:2px !important; left:7px !important;}*/

       /* Featured Listings carousel styles start*/

        .featuredListingsContainer{padding: 2%}
        .feaLis { padding-left: 3%;padding-right: 3%}
        .feaLisImg{ width: 200px !important;float: none !important;max-height: 150px; display: block;}
        .feaLisDetls{ width: 100% !important;float: none !important}
         /*#bottom-fixed-subnav{height: 340px !important}*/
         .fetListlabel {color: #de3d33;font-size: 18px;float: none !important }
         .featuredListingPrice{ font-size: 20px;font-weight: bold;float: none !important}
        .featuredListingOtherDet{ font-size: 13px;float: none !important}
        .fetListing_Courtesy{width: 75%;float: left; font-size: 11px;}
        .fetListing_Logo{width: 20%;float: left; font-size: 13px;}
 
        /*Featured Listings carousel styles End*/
        .lender {padding: 1%;color: #fff;font-size: 11px;background: #1e2e43;position: absolute;bottom: 0;width: 100%}
	    .lender .tag {position: absolute; display: block; width: 7px; height: 14px; top: 50%; left: -7px; background: url(../images/bluetag.png)}
	    .lender img {float:left;margin-right: 15px;width: 100px;height:50px}
        .lender_info{ padding: 2% !important;color: white}

         #property-search-wrapper-div .property_lender {background-color: #0c273d;padding: 15px 18px;font-size: 13px;line-height: 1.5;}
         #property-search-wrapper-div .property_lender a {color: #2A425D !important;}
         #property-search-wrapper-div .property_lender img {margin-top:8px}
         .propertySearch_lenderImg {width:50%;float:left;padding: 2%;}
         .propertySearch_lenderInfo {width:30%;float:right;color: white;padding: 4%;}
         .propertySearch_lenderInfo_span {font-size: 16px}

         .property-search-legend-min {display:none !important}
         .property-search-check-box8 {color:black}
        #propAdvSrch{display: none !important}
        .contact-form input { padding: 1% !important;width: 98%}
        .contact-form select { padding: 1% !important;}
        .contact-form textarea { width: 98%;height: 30px;}
        .advSrchMore { font-size: 10px !important;font-weight: bold}
         #FranchiseContainer h1 { font-size: 22px !important;font-weight: bold;line-height: inherit;  }
         #BecomeAgentContainer h1 { font-size: 22px !important;font-weight: bold;line-height: inherit;  }
        #joinUsText_2016 { width: 100%;padding-top: 0%}
        #joinUsText_2016 h1 { font-size: 30px !important; line-height: inherit;padding-left: 20%;padding-top: 6% !important;padding-bottom: 3% !important}
        #joinUsText_2016 p {font-size: 13px !important}
        #FranchiseContainer .pull-left {width: 30%;}
        #BecomeAgentContainer .pull-left {width: 30%;}
        #brokJoinUsSubContainer iframe {width: 100% !important}
        #regionJoinUsSubContainer iframe {width: 100% !important}
        #joinUsText_2016_1 { font-size: 50px  !important;padding-top: 4%;text-align: center;}
        #joinUsContainer_2016{ margin: 30px !important;background: none;}
        .joinUsText_2017_1 {font-size: 25px !important}
        .joinUsText_2017_sub {font-size: 20px !important}
        .joinUs2017Btns{ padding-right: 15% !important;padding-left: 15% !important}
        .joinUsmobBtns{text-align: center !important;}
        #bcmexeimg { width: 200px !important;}
        #ownBroimg { width: 200px !important;}
        /* ----------------------------------- Agent/Office/Regional Site's blog search Classes Begins -----------------------------------------------*/
        #blogPageContent .blog_search input[type="text"] {width:100%;}
        #blogPageContent .blog_search input[type="submit"] {width:49.5%;}
        /* ----------------------------------- Agent/Office/Regional Site's blog search Classes End -----------------------------------------------*/

        .MediaList {width: 45% !important}
         /*---New Footer 2017 Classes Begins----*/
         .hiddenDiv {display: block !important}
         .unhiddenDiv {display: block !important}
         /*---New Footer 2017 Classes End----*/
        #joinus2017_new_text-1{width: 45% !important}
        #joinus2017_new_imge{width: 40% !important}
        #idcallagent{ color: rgb(0, 44, 89) !important;cursor: default !important}
        #ed_contactUs_div {width: 90% !important}
        #ed_contactus_bckgrd{ background-image: none !important; background-color: #737577}

	}

    @media only screen and (max-width: 900px) {
        .agent_site5 { display: none;}
        #office-header { display: none; }
        #agentsite-social { display: none; }

        /* ----------------------------------- Agent/Office/Regional Site's blog search Classes Begins -----------------------------------------------*/
        #blogPageContent .blog_search input[type="text"] {width:100%;}
        #blogPageContent .blog_search input[type="submit"] {width:49.5%;}
        /* ----------------------------------- Agent/Office/Regional Site's blog search Classes End -----------------------------------------------*/
         /*---New Footer 2017 Classes Begins----*/
         .hiddenDiv {display: none !important}
         .unhiddenDiv {display: block !important}
         .agentbrokerInfo2017 {text-align: center !important;font-size: 10px !important;  padding: 0px !important;}
         .agentbrokerSocialInfo2017{display:none !important}
         .footerAgentBrokerAbout2017 a {font-size: 12px !important}   
         .linkLoginPA2017{ float: left !important;padding-top:10px!important}   
         /*---New Footer 2017 Classes End----*/
         #mobContxt{ padding-top: 1% !important;width: 60% !important;}
         #mobileJoinusConnectImg{width: 40% !important}
         #joinus2017_new_text-1{width: 45% !important}
        #joinus2017_new_imge{width: 45% !important}
         #idcallagent{ color: rgb(0, 44, 89) !important;cursor:default !important}       
          #ed_ris_medi_logo{padding-top: 0%}
    }

@media only screen and (max-width: 768px) {
    /* place overwrite styles here for med size devices and smart phones */
        .header,.header-new {height: 78px;-moz-min-width: 310px;-ms-min-width: 310px;-o-min-width: 310px;-webkit-min-width: 310px;min-width: 310px; height:auto}

	    .bodycontent {padding-top: 78px;-moz-min-width: 320px;-ms-min-width: 320px;-o-min-width: 320px;-webkit-min-width: 320px;min-width: 320px; max-width: 768px}

	    .header a:first-child img,.header-new a:first-child img {width: 150px}

        /*.property_listing_prop {display:none }*/
        .property_listing_prop {display:block }
        .search-prop {width: 100%; background:#2a425d; position: relative; min-height: 500px;display: block;left: 0px; }

        .listing-container { width: 100%;}
        .search-home { width: 100%; }
        .subnav li, .prior_search, .slideshow, .blog_summary .cell.rowspan2, .blog_summary div:last-child, .subnav-no-mobile .search-bar-bottom {display:none}
        
        .mobile, .subnav li.mobile,.subnav-no-mobile div.mobile {display: block}
        .subnav {height: 43px}
        .search {width: 100%}
        .search-prop {background:#1e2e43}
        .smartsearch {/*padding-bottom: 40px;*/}
        .smartsearch_less {margin-top:120px}
        .smartsearch_more {margin-top:90px}
        .smartsearch .location {width: 92%}
        .smartsearch h1 {font-size:30px; line-height:40px}
        .smartsearch .smCapTxt { display: none; }
        .smCapTxt {font-size:20px; line-height:40px}
        .menu {clear:both}
        .header ul.topnav {display:none}
        .header ul.topnav, .header ul.topnav li {float:none; overflow:hidden; clear:both}
        .header ul.topnav li a {border-right: none; border-bottom: 1px solid #dcdedf; border-top: 1px solid #eee; width:100%; padding-left: 30px; font-size: 20px}
        .message, .quote {padding: 45px}
        .quote {padding-bottom: 80px}
        .blog_summary .cell {width: 50%}
        .blog_article_wood .cell {width:100%}
        .blog_article_wood .cell img {display:none}
        .inner_header_bar h1{font-size: 34px;line-height: 42px;}

        .subnav-no-mobile input, .custom-dropdown2, .custom-dropdown_select2 {height: auto}

        .inner_content .right_col, 
        .inner_content .left_col,
        .inner_content .right_col .one_col,
        .inner_content .right_col .two_col div,
        .inner_content .right_col .three_col div {float:none;width: 94%;border-left: none; }

        .inner_content_agent .right_col, 
        .inner_content_agent .left_col,
        .inner_content_agent .right_col .one_col,
        .inner_content_agent .right_col .two_col div,
        .inner_content_agent .right_col .three_col div {float:none;width: 94%;border-left: none; }

        .property_listing_prop-home {display:none }
        .search-prop-home {width: 100%; background:#2a425d; position: relative; min-height: 500px; display:block }
        .search-home {width: 100%}
        .search-prop-home {background:#1e2e43}


        /*Adjustment for property search page mini detail mobile view*/
        .property-detail-mini-mobile{display: block}
        .property-detail { display: block;width:100%}

        /*Adjustment for property detail main page tablet view*/
        .property-detail-full-main {width:95%;}
        .property-detail-full .listing-facts .facts {width:100%;}
        .property-detail-full .contact-agent {width:100%;margin-top:20px}

        #agent-header { display: none; }
        #agent-header-mobile { display: block; width: 100%; }
        .agent-header-mobile { display: block; }
        .agent_site5 { float: none; }

        .scroll-arrow-container { display: none; }
         /*Static Pages 640PX - hari*/
        .mobileNoMargin{margin: 0% !important}
        .mobileNoPadding{padding: 0% !important}
        .mobileMargin { padding: 0px !important; margin: 7% !important}
        .mobileTextAlign { text-align: center !important}
        .mobileView img { width: 100% !important}
        .mobileFont h1 {font-size: 28px !important;line-height: 40px;}
        .mobileFont h2 {font-size: 22px !important; line-height: 30px;}
        .mobileFont h3 {font-size: 18px !important; line-height: 25px;}
        .mobileFont p {font-size: 15px !important;}
        .mobileViewNoPadding {padding: 10px 0px 0px 0px  !important}
        .pull-left {width: 100%;float: none !important;}
        .media-body {width: 100%;}
        .mobileTextContainer {width: 100% !important; padding: 0px !important;}
        .mobileImageContainer { width: 100% !important;text-align: center}

        #joinUsContainer { margin: 0px; padding: 0 10px; margin-left: 0; }
        #JoinUsImage { display: none; }
        #JoinUsTextContainer { width: 100%; }
        .JoinUsButtons { float: none;width: 100%; }

        #AgentFranchiseContainer div {width: 100%;}
        .blueHeader {padding-left: 1%;padding-right: 1%;}

        /*Home page*/
        #agent-only-search-error {font-size:10px}
        .listing_agent {display:none}

                 /*About Us*/
        .AboutUsContainer { padding: 0px !important;margin: 0px}
        .textPadding { padding: 0px !important;}

                 /*Selling Home*/
        .selling_container { padding: 0px;margin: 0px}
        .cellItem {float: none}
        .staticPages_HeaderMobile{height: 130px}
        #sellingHomeImage {text-align:center;}
                /*Add Value*/
        #AddValue_Container { padding: 0px;margin: 0px;}
        .AddValuecellItem {width: 100% !important; float: none !important}
        .AddValueMobilePadding {padding: 0px !important;}
        #AddValue_Two{padding-top: 6%}
        #AddValue_ContainerHeader{height: 120px}
        
               /*Executives Story*/
        .mobileNoFloat { width: 100% !important;float: none !important}

        .discover-home-loans-container .discover-body .cell { float: none; width: 100%; }
        .discover-home-loans-container .discover-body .banner-cell { float: none; width: 100%; text-align: center; }

        /*for agent head info*/
        .agent_site7 { height: 266px;}
        .agent_site9 { padding-top: 266px}
        .agent_site10 {height:188px}
        /*.agent_site11 {padding:7px 5px 7px 20px}*/
        .agent_site12 {text-align: center;display: inline-block;width: 100%;}
        .agent_site13 {font-size:26px}
        .agent_site14 {font-size:18px}
        .agent_site15 img {height:100px;vertical-align: middle;width:auto !important}
        .agent_site16 {display:inherit;margin-left: 0;}
        .agent_site17 { text-align: center;float: none}
        .agent_site-name-sm {display:none}
        .agent_site19 { padding-left: 5px !important }

        /*for agent top menu*/
        .agent-page-menu ul {display:none}
        .agent-page-menu ul, .agent-page-menu ul li {float:none; clear:both}
        .agent-page-menu ul li {border-right: none;border-top: 1px solid #eee; width:100%; padding: 0;} 
        .agent-page-menu ul li a { padding-left: 30px;font-size: 20px;padding: 24px 5px 24px 20px;display:block} 
        .agent-page-menu ul li:hover ul {display: none;-ms-opacity: 0;opacity: 0;visibility: hidden;}
        .agent-page-menu .agent-mobile-list { display: block;}
        .agent-page-menu .arrow-down {display:none}

        .footer .company {height:auto}
        .footer .ribbon {display:none}
        .footer .about, .footer .footer-intl, .footer .footer-agent1 { width: 90%;height:auto}
        .footer .about { padding:3% 7% 1% 7%}
        .footer .company { padding-top:3%}
        .footer .company ul { height:auto}
        .footer .footer-intl { padding:3% 2%}
        .footer .footer-agent1 { padding: 3% 0%;width: 90% !important;}
        .footer .share .sp1 { width: 98%;padding-right: 0;text-align:left}
        .footer .share .sp2 {padding-left: 15px;text-align: left;}
        .footer .share .sm { background: #4d3f3f;width: 100%;padding-left:5px}


        /* ----------------------------------- Property Search Page Overridden Classes Begins (must be at the bottom as its overriding several classes defined above) -----------------------------------------------*/

        #property-search-wrapper-div .property-detail .listing-facts .facts {width: 100%; }
        #property-search-wrapper-div .property-detail .contact-agent {width: 100%; margin-top: 0px;}
        #property-search-wrapper-div .property-detail-mini-mobile {display: block;}
        #property-search-wrapper-div .property-detail {display: block;width: 100%;}
        #property-search-wrapper-div .property-detail .property-detail-4 { padding: 6px 5px 0 5px; }
        #property-search-wrapper-div .subnav li.search_again { display: block;}
        #property-search-wrapper-div .property-search-bar-labels {display: block;}
        #property-search-wrapper-div .property-detail .property-icons {padding: 4px 5px 8px 5px;position: relative;}
        #property-search-wrapper-div .property-detail .property-info .property-slideshow { margin-left: 2%;margin-right: 2%;width:92% } 
        #property-search-wrapper-div .property-detail .property-info { padding: 0px 0px 23px 0px;margin-top: 0px;}
        #property-search-wrapper-div .property-detail .property-detail-1 { margin-top: 2%;margin-left: 2%;margin-right: 2%;width:92%  }
        #property-search-wrapper-div .property-detail .property-detail-2 { margin-left: 2%;margin-right: 2%;width:92%   }
        #property-search-wrapper-div .property-detail #property-details-agent-bottom { margin-left: 2%;margin-right: 2%;width:92%   }
        #property-search-wrapper-div .property-detail .contact-agent { margin-bottom: 100px;}
        #property-search-wrapper-div .property-search-redirect-3 {padding: 20px 20px;}
        #property-search-wrapper-div .property-search-redirect-4 {padding: 20px 20px;}
        .property-search-check-box4 {padding-top: 2px;float:right}
        .property-search-check-box7 {vertical-align: middle;font-size:10px}
        #property-search-list-view {padding:15px 5px 15px 45px !important}
        #property-search-map-view {padding:15px 5px 15px 45px !important}
        #property-search-btn-search {margin-right:15px !important}
        .property-search-check-box8 {color:black}
        .property-search-legend-min {display:none !important}
        .property-search-legend {display:none !important}
        .property-search-subnav-btn {margin-left: 0;margin-right: 0; margin-top: -21px;float: right;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;text-align: right;}

	    #saveSearch {display:none !important}

         #property-details-wrapper-div .lender_fulldetailsmobile {display:block}


        /* ----------------------------------- Property Search Page Overridden Classes Ends (must be at the bottom as its overriding several classes defined above) -----------------------------------------------*/

        /* ----------------------------------- Property Details Page Overridden Classes Begins (must be at the bottom as its overriding several classes defined above) -----------------------------------------------*/

            #property-details-wrapper-div .property-detail-full-main {width:95%;}
            #property-details-wrapper-div .property-detail-full .listing-facts .facts {width:100%;}
            #property-details-wrapper-div .property-detail-full .contact-agent {width:100%;margin-top:0px;padding: 0;}

        /* ----------------------------------- Property Details Page Overridden Classes Ends (must be at the bottom as its overriding several classes defined above) -----------------------------------------------*/

        /* ----------------------------------- Agent Search Overridden Classes Begins (must be at the bottom as its overriding several classes defined above) -----------------------------------------------*/

            #agent-search-wrapper-div .agents-hero { width: 100%;}
            #agent-search-wrapper-div .search-agent { width: 100%;}
            #agent-search-wrapper-div .agents_container .search-agent {width: 100%;display:block}
            #agent-search-wrapper-div .agents_container .search-agent.agent-results {width:100%}
            #agent-search-wrapper-div .agents_container .container_20{width:100%}
            #agent-search-wrapper-div .search_again {margin-right:15px !important}

        /* ----------------------------------- Agent Search Overridden Classes Ends (must be at the bottom as its overriding several classes defined above) -----------------------------------------------*/

        /* ----------------------------------- Office Search Overridden Classes Begins (must be at the bottom as its overriding several classes defined above) -----------------------------------------------*/

            #office-search-wrapper-div .agents-hero {width: 100%;}
            #office-search-wrapper-div .search-agent {width: 100%;}
            #office-search-wrapper-div .agents_container .search-agent {width: 100%;display: block;}
            #office-search-wrapper-div .agents_container .search-agent.agent-results {width: 100%;}
            #office-search-wrapper-div .agents_container .container_20 {width: 100%;}

        /* ----------------------------------- Office Search Overridden Classes Ends (must be at the bottom as its overriding several classes defined above) -----------------------------------------------*/

        /* ----------------------------------- Agent/Office Search Overridden Classes Begins (must be at the bottom as its overriding several classes defined above) -----------------------------------------------*/

            #agent-office-search-wrapper-div .agents-hero { width: 100%;}
            #agent-office-search-wrapper-div .search-agent { width: 100%;}
            #agent-office-search-wrapper-div .agents_container .search-agent {width: 100%;display:block}
            #agent-office-search-wrapper-div .agents_container .search-agent.agent-results {width:100%}

        /* ----------------------------------- Agent/Office Search Overridden Classes Ends (must be at the bottom as its overriding several classes defined above) -----------------------------------------------*/

        #tabs .ui-tabs-nav li a {font-size: 14px}
        #property-detail-new-window { display: none; }
        #property-detail-close-window { display: none; }

        /*Caluculator styles - hari-Start*/
        .calculator_container{height: auto;max-height: none;}
        .calculator_header ul li a {font-size: 11px;}
        .calculator_nav{display: -webkit-flex}
        .calculator_header ul li.on {border: none;background: #002c59;}
        /*.calculator_container .bluebutton {margin-right: 4% !important}*/

        .mortgage_calc_container{height: 1300px;position: inherit;}
        .mortgage_calc_image_text {width: 100%;height: 250px;}
        .mortgage_calc_text{margin: 4%;}
        .mortgage_calc_img{display: none;}
        .mortgage_calc .cell {padding: 1% 3% 5% 2%;}
        .mortgage_calc {width: 100%;float: none;height: 850px;}
        .mortgage_results {width: 100%;float: none;height: 650px;}
        .mortgage_results label{padding:0px}
        /*.mortgage_results .cell.full { padding: 1% 2% 8% 3%;}*/

        .affordability_calc_container{height: 1200px;position: inherit;}
        .affordability_calc_image_text {width: 100%;height: 250px;}
        .affordability_calc_text{margin: 4%;}
        .affordability_calc_img{display: none;}
        .affordability_calc  .cell {padding: 0% 3% 5% 2%;}
        .affordability_calc {width: 100%;float: none;height: 800px;}
        .affordability_results {width: 100%;float: none;height: 650px;}
        .affordability_results label{padding:0px}
        .affordability_results .cell.full { padding: 1% 2% 8% 3%;}

        .rental_calc_container{position: inherit;}
        .rental_calc_image_text {width: 100%;height: 250px;}
        .rental_calc_text{margin: 4%;}
        .rental_calc_img{display: none;}
        .rental_calc  .cell {padding: 1% 3% 5% 2%;}
        .rental_calc {width: 100%;float: none;height: 500px;margin: 0%}
        .rental_results {width: 100%;float: none;height: 200px;margin: 0%}


        /*Caluculator styles - hari-End*/

         /*Consumer/Buyer alert styles start - hari*/

         .consumerDialogMobile { max-width: 315px !important;}
         .consumerDialogMobile .ui-dialog-title{font-size: 14px;font-weight: bolder;}
         .consumerDialogMobile h3{font-size: 13px !important;font-weight: bolder;}
         .consumerDialogMobile div{font-size: 10px;font-weight: bolder;}
         .consumerDialogMobile a{font-size: 7px !important;font-weight: bolder;}
         .consumerDialogMobile h2{font-size: 14px !important;font-weight: bolder;}

         .ConsumerLinks {font-size: 9pt !important;padding-left: 0%;padding-right: 0%}

         /*Consumer/Buyer alert styles end */
         /*Agent/Brokerage sites contact form styles start*/
         #pgcontent .contact-form{width: 100%}
         /*Agent/Brokerage sites contact form styles end*/

         /*li em.favorite {top:0% !important; left:1% !important;}*/

        /*Class overrides to let scroll whole page on moble view*/
        /*#pageheader {position:absolute !important}*/
        .search_container {background-color: white !important}
        .search_container, .property_listing_prop, #listing-list-container,.search-prop, #property-search-box-search, #property-details-mobile-view .property-info {height:auto}
        #listing-list-container { overflow-y: hidden !important;padding-top: 7%;}
        body { -webkit-overflow-scrolling: touch;}
        #property-search-wrapper-div .property-search-redirect-1 {background-color:black;background-color:rgba(0,0,0,0.8)}
        #property-search-wrapper-div {padding-bottom:65px}
        #agent-search-wrapper-div .agents_container_wrapper { height:auto }
        #agent-search-wrapper-div .search-agent { width: 100%; float:none; position: relative; min-height: 350px; height: auto;}
        #agent-search-wrapper-div .subnav {position: fixed;bottom: 0;width:100%}
        #office-search-wrapper-div .agents_container_wrapper { height:auto }
        #office-search-wrapper-div .search-agent { width: 100%; float:none; position: relative; min-height: 350px; height: auto;}
        #office-search-wrapper-div .subnav {position: fixed;bottom: 0;width:100%}

        /* Featured Listings carousel styles start*/

        .featuredListingsContainer{padding-top: 5%;}
        .feaLis { padding-left: 15%;padding-right: 15%}
        .feaLisImg{ float: none !important;display: block;}
        .feaLisDetls{ width: 100% !important;float: none !important;font-size: 11px}
        /*#bottom-fixed-subnav{ height: 250px !important;padding-top: 2%}*/
        .feaLisDetls li{display: block!important}
        .fetListlabel { font-size: 11px !important;font-weight: bold}
        .featuredListingPrice { font-size: 15px !important}
        .featuredListingOtherDet{font-size: 11px !important}
        .fetListing_Courtesy{width: 100%;float: none; font-size: 9px;padding-left: 3%;}
        .fetListing_Logo{width: 40%;float: none; font-size: 11px;}
        /*Featured Listings carousel styles End*/

        .lender {padding: 1%;color: #fff;font-size: 11px;background: #1e2e43;position: absolute;bottom: 0;width: 100%}
	    .lender .tag {position: absolute; display: block; width: 7px; height: 14px; top: 50%; left: -7px; background: url(../images/bluetag.png)}
	    .lender img {float:left;margin-right: 15px;width: 100px;height:50px}
        .lender_info{ padding: 2% !important;color: white}

        .lender_bottom {color: #fff; font-size: 11px; background: #1e2e43;bottom: 0;padding-left: 10%;padding-right: 10%;padding-top: 5%;padding-bottom: 5%;text-align: center;}
	    .lender_bottom .tag {position: absolute; display: block; width: 7px; height: 14px; top: 50%; left: -7px; background: url(../images/bluetag.png)}
	    .lender_bottom img {float:left;margin-right: 15px;width: 150px;height: 75px}
        .lender_bottom_info{ padding: 3%;color: white}

         #property-search-wrapper-div .property_lender {background-color: #0c273d;padding: 15px 18px;font-size: 9px;line-height: 1.5;}
         #property-search-wrapper-div .property_lender a {color: #2A425D !important;}
         #property-search-wrapper-div .property_lender img {margin-top:8px}
         .propertySearch_lenderImg {width:60%;float:left;padding: 2%;}
         .propertySearch_lenderInfo {width:30%;float:right;color: white;padding: 0%;}
         .propertySearch_lenderInfo_span {font-size: 13px}
         .property-detail-full .property-info { padding: 5px !important}
          #property-details-wrapper-div .property-detail-full .property-info .property-slideshow {min-height: 300px}
          #joinUsContainer_2016 {margin-top: 10px !important;margin-bottom: 10px !important;height: 500px !important}
          #FranchiseContainer h1 { font-size: 22px !important;font-weight: bold  }
          #BecomeAgentContainer h1 { font-size: 22px !important;font-weight: bold  }
          #joinUsMobileImg_2017{display: none}
          #joinUsText_2016_1 {font-size: 28px !important;}
          #joinUsText_2016 h1 {font-size: 20px !important;margin-right: 0% !important;line-height: inherit;padding-top: 6% !important;    margin-right: 0%; padding-left: 0%;}
          #joinUsText_2016 {float: none; padding-top: 0%; width: 100%;text-align: center;height: inherit !important }
          .joinUsText_2017_1 { font-size: 15px !important;padding-top: 4% !important;padding-bottom: 2% !important}
          .joinUsText_2017_sub{font-size: 11px !important}
          .joinUsText_2017_Mob{font-size: 18px !important;}
          .joinUs2017BtnsSub{ width: 100% !important;float: none !important}
          .joinUsText_2017_mobLineHt{line-height: 20px !important}
          #joinUsMobileImg_2016 { display: block !important;}
          #FranchiseContainer .mobileView img { width: 60% !important;padding-left: 20% !important;}
          #BecomeAgentContainer .mobileView img { width: 60% !important;padding-left: 20% !important;}
          #reiimgFp{width: 75% !important}
          #FranchiseContainer .pull-left {float: none;width: 100%;}
          #FranchiseContainer .media-body {width: 100%;}
          #FranchiseContainer h4 { font-size: 18px !important;font-weight: bold  }
          #FranchiseContainer #proftitabilityImg { width: 100% !important }

          #BecomeAgentContainer .pull-left {float: none;width: 100%;}
          #BecomeAgentContainer .media-body {width: 100%;}
          #BecomeAgentContainer h4 { font-size: 18px !important;font-weight: bold  }
          #BecomeAgentContainer #proftitabilityImg { width: 100% !important }
          .impText { font-size: 18px !important;font-weight: bolder !important}

          /* ----------------------------------- Agent/Office/Regional Site's blog search Classes Begins -----------------------------------------------*/
            #blogPageContent .blog_search input[type="text"] {width:100%;}
            #blogPageContent .blog_search input[type="submit"] {width:49.5%;}
            #blogPageContent img { height: 100% !important;}
            
          /* ----------------------------------- Agent/Office/Regional Site's blog search Classes End -----------------------------------------------*/
           #blogpageformcontent .contact-form{width:100% !important}
            .MediaList {width: 95% !important}
          /*---New Footer 2017 Classes Begins----*/
         .hiddenDiv {display: none !important}
         .unhiddenDiv {display: block !important}
         .agentbrokerInfo2017 {text-align: center !important;font-size: 10px !important;  padding: 0px !important;}
         .agentbrokerSocialInfo2017{display:none !important}
          .footerAgentBrokerAbout2017 a {font-size: 12px !important}
          .linkLoginPA2017{ float: left !important;padding-top:10px!important}
           /*---New Footer 2017 Classes End----*/
           #callNwClick img{ width: 21px !important;height: 21px !important}
           .contactFormJoinUs {display: none}
           #mobileJoinusConnectBtn{display: block !important}
           .JoinUsDialogTitle {color: black;background: white !important;border: none;color: #002c59 !important;font-weight: 300;font-size: 18px;padding-left: 4% !important;}
           #callNwClick img{ width: 21px !important;height: 21px !important}
            #joinus2017_new_imge{ width: 90% !important;float: none !important}
            #joinus2017_new_text-1{ width: 90% !important;float: none !important}
          
           /*#callNwClick img{ width: 15px !important;height: 13px !important}*/
            #MobContactForm .inner_content {width: 100% !important}
             #MobContactForm .inner_content .right_col{width: 100% !important;padding: 0% !important}
            #joinus_2017_banner {font-size :28px !important}
             #idcallagent{ color: rgb(0, 44, 89) !important; }
             #ed_contactformContainer{width: 100% !important}
             #ed_contactformContainer_first{width: 100% !important}
             .ed_img {width: 94% !important;}
             
	}
			
	@media only screen and (max-width: 479px) {
       /* place overwrite styles here for smart phones only */
        /* ----------------------------------- Agent/Office/Regional Site's blog search Classes Begins -----------------------------------------------*/
            #blogPageContent .blog_search input[type="text"] {width:100%;}
            #blogPageContent .blog_search input[type="submit"] {width:49%;}
            
         /* ----------------------------------- Agent/Office/Regional Site's blog search Classes End -----------------------------------------------*/
          #blogpageformcontent .contact-form{width:100% !important}
       
           /*---New Footer 2017 Classes Begins----*/
         .hiddenDiv {display: none !important}
         .unhiddenDiv {display: block !important}
         .agentbrokerInfo2017 {text-align: center !important;font-size: 10px !important;  padding: 0px !important;}
         .agentbrokerSocialInfo2017{display:none !important}
          .footerAgentBrokerMain2017 a {font-size: 12px !important}
          .linkLoginPA2017{ float: left !important;padding-top:10px!important}
           /*---New Footer 2017 Classes End----*/
            #mobContxt{ padding-top: 2% !important;width: 65% !important;}
        #mobileJoinusConnectBtn{height: 40px !important}
        #mobileJoinusConnectImg{width: 60% !important}
         #idcallagent{ color: rgb(0, 44, 89) !important; }
         .blueHeader {padding-left: 1%;padding-right: 1%;}
         #ed_banner {display: none !important}
         #ed_banner_mobile {display: block !important}
         #ed_page .inner_content{ width: 100% !important;padding-top: 0%;padding-left: 5% !important;padding-right: 5% !important}
        #ed_exe_logo_container{ max-width: 100% !important;padding-left: 5% !important}
        #ed_page .inner_content .right_col, .inner_content .left_col, .inner_content .right_col .one_col, .inner_content .right_col .two_col div, .inner_content .right_col .three_col div { width: 100% !important;padding-left: 0% !important;padding-right: 0% !important;padding-top: 0% !important;padding-bottom: 5% !important}
        .header_font_ed{ padding-top: 5% !important;font-size: 28px !important;}
        #ed_contactUs_div{ width: 100% !important;float: none !important}
        .mob_font_cost{font-size: 17px !important}
        #ed_ris_medi_logo{height: inherit !important}
        #ed_contactformContainer{width: 90% !important}
        #ed_contactformContainer_first{width: 90% !important}
        #ed_contactus_bckgrd{ background-image: none !important; background-color: #737577}
        #ed_phone_touch_container {display: block !important}
	}

@media only screen and (max-width: 768px)  {
        .rei-header-broker.agent_site7 { height: 148px;}
        .rei-bodycontent-broker { padding-top: 148px}
        .rei-bodycontent-broker.agent_site9 { padding-top: 148px}
        .rei-header-broker .agent_site10 {height:70px}
        .rei-header-broker .agent_site11 {padding: 10px; text-align: center;}
        .rei-header-broker .agent_site12 {display:none}
        .rei-header-broker .agent_site13 {font-size:18px}
        .rei-header-broker .agent_site14 {font-size:12px}
         /*---New Footer 2017 Classes Begins----*/
         .hiddenDiv {display: none !important}
         .unhiddenDiv {display: block !important}
         .agentbrokerInfo2017 {text-align: center !important;font-size: 10px !important;  padding: 0px !important;}
         .agentbrokerSocialInfo2017{display:none !important}
         .footerAgentBrokerAbout2017 a {font-size: 12px !important}
         .linkLoginPA2017{ float: left !important;padding-top:10px!important}
         /*---New Footer 2017 Classes End----*/
         #idcallagent{ color: rgb(0, 44, 89) !important;}
        #ed_exe_logo_container{ max-width: 100% !important;padding-left: 5% !important}
        #ed_exe_container { max-width: 100% !important; }
          .ed_text { width: 100% !important; max-width: 95% !important; }
}

@media only screen and (max-width: 479px)  {
        .rei-header-broker .agent_site13 {font-size:14px}
        .rei-header-broker .agent_site14 {font-size:12px}
         /*---New Footer 2017 Classes Begins----*/
         .hiddenDiv {display: none !important}
         .unhiddenDiv {display: block !important}
         .agentbrokerInfo2017 {text-align: center !important;font-size: 10px !important;  padding: 0px !important;}
         .agentbrokerSocialInfo2017{display:none !important}
         .footerAgentBrokerAbout2017 a {font-size: 12px !important}
         .linkLoginPA2017{ float: left !important;padding-top:10px!important}
        /*---New Footer 2017 Classes End----*/
        #joinUsContainer_2016 {height: 325px !important}
        .mortgage_calc_container {height:1100px;}
        .mortgage_results {height:400px;}
        .mortgage_calc {width: 100%;float: none;height: 700px;}
        #joinus2017_new_imge{ width: 90% !important;float: none !important}
        #joinus2017_new_text-1{ width: 90% !important;float: none !important}
        #franimg {height: 38px; }
       #idcallagent{ color: rgb(0, 44, 89) !important; }
}

  /*---New Footer 2017 Classes Begins----*/
.footerNew {
    background: #fff;
    overflow: hidden;
    color: #727476;
    box-shadow: 0 0 4px #ddd;
    font-size: 12px !important;
    padding: 10px;
    padding-top: 25px!important;
    font-family: 'Open Sans', sans-serif !important;
}

.footerNew a {
    color: #727476 !important;
    /*white-space: nowrap;*/
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.footerNewHeader {
    color: #002c59 !important;
    padding-bottom: 10px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 15px
}

.dividerNew {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #727476;
}
.linkLoginPA2017 {
    float: right;
    /*text-underline: none;*/
    color: maroon !important;
    font-weight: 600;
}
.hiddenDiv {display: block }
.unhiddenDiv {display: block }
.footerAgentBroker2017 {
    background: #002c59;
    overflow: hidden;
    color: #fff;
    box-shadow: 0 0 4px #ddd;
    font-size: 14px !important;
    padding: 3px;
    position:fixed; 
    bottom:0px;
    width: 100%;z-index: 100;  
    font-family: 'Open Sans', sans-serif !important;
    max-width:2000px;
}
.footerAgentBroker2017 a {
    color: #fff !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}
.agentbrokerInfo2017 {
    text-align: right;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif !important;
}
.footerAgentBroker2017 img {
    height: 20px !important;
    width: 20px!important;
    vertical-align: middle;
}
.footerAgentBrokerAbout2017 {
    background: #fff;
    overflow: hidden;
    color: #727476;
    box-shadow: 0 0 4px #ddd;
    font-size: 14px !important;
    padding: 10px;
    font-family: 'Open Sans', sans-serif !important;
    padding-bottom: 40px !important;
}

.footerAgentBrokerAbout2017 a {
    color: #727476 !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.footerAgentBrokerHeader2017 {
    color: #002c59 !important;
    padding-bottom: 10px;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 16px !important;
}
.iternationalSocialInfo2017 a {
    display: inline !important;
}
.iternationalSocialInfo2017 img {
    height: 20px !important;
    width: 20px!important;
    vertical-align: middle;
}
.copyright2017 {font-size: 12px; text-align: right;padding-right: 35px}
 /*---New Footer 2017 Classes Begins----*/
.header-new .agent_site8 { background-color: transparent !important;}

/* ----------------------------------- New Header-2017 > Top Menu For Agents Classes Begins -----------------------------------------------*/

/*.header-new.agent-page-menu ul {float: left;display: inline;margin: 0;list-style: none;}
.header-new.agent-page-menu ul li {font: bold 12px/18px sans-serif;display: inline-block;position: relative;cursor: pointer;
                        -webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;}
.header-new.agent-page-menu ul li {font: 400 16px/16px "Open Sans", sans-serif; color: #000; float:left}
.header-new.agent-page-menu ul li > a {color: #fff; padding: 42px 15px;display: inline-block; font-family:Verdana; }
.header-new.agent-page-menu ul li > a:hover { font-weight: bold; }
.header-new.agent-page-menu ul li > a.on, .agent-page-menu ul li > a.on:hover { font-weight: bold; color: #000; }
.header-new.agent-page-menu ul li ul {position: absolute;top: 100px;right: -1px;width: 150px;-webkit-box-shadow: none;-moz-box-shadow: none;display: none;-ms-opacity: 0;opacity: 0;
                           visibility: hidden;-webkit-transiton: opacity 0.2s;-moz-transition: opacity 0.2s;-ms-transition: opacity 0.2s;-o-transition: opacity 0.2s;-transition: opacity 0.2s;
                           background: white;padding: 0;max-width: 200px;height: auto;border: 1px solid #dcdedf;}
.header-new.agent-page-menu ul li ul li {background: #fff;display: block;font: 400 16px/16px "Open Sans", sans-serif;}
.header-new.agent-page-menu ul li ul li a {color: #000;padding:15px 10px;width:130px;display: block;}
.header-new.agent-page-menu ul li ul li a:hover { background: #2a5b8b; color: #fff;}
.header-new.agent-page-menu ul li:hover ul {display: block;-ms-opacity: 1;opacity: 1;visibility: visible;}
.header-new.agent-page-menu .agent-mobile-list { display: none;}
.header-new.agent-page-menu .arrow-down {width: 0;height: 0; border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #dcdedf;float: right;margin-top: 7px;margin-left: 5px;display:block}*/

/* ----------------------------------- New Header-2017 > Top Menu For Agents Classes Ends ------------------------------------------------*/
/*End New Header-2017*/
   

